/** Shopify CDN: Minification failed

Line 13:130 Unexpected "}"
Line 91:48 Expected identifier but found "!"

**/
/* Toolset */
/***********/
#accesible .modal-header { background: #0F2D49; }
#accesible .modal-title { color: #fff; text-transform: none; font-weight: bold; letter-spacing: 0; }
#accesible .btn-close { color: #fff; background: none; opacity: 1; display: flex; }
.accesible-bg { background: #000 !important; }
.btn-accessibility { background-color: white !important; height: 40px; line-height: normal; border: 5px solid white !important; } }
.btn-accesible { font-weight: bold; }
.btn-accesible:hover { opacity:1; background:#eee; }
@media (min-width: 576px){
	.modal-dialog { max-width: 70vw; margin-right: auto; margin-left: auto; }
}
#accesible h2 {font-size: 27px !important;}
#accesible p {font-size: 0.9em !important; line-height: 1.7em !important; }
.modal-body { padding-bottom:0;  }
.modal-footer { padding-top:0; border-top:0; }
.accBtn { background:white; }
.accBtn:hover { background:#f9f9f9; border-color:#c9c5c4 !important; }
.form-range { -webkit-appearance: none; appearance: none; width: 100%; height: 8px; background: linear-gradient(to right, #007bff 0%, #66b3ff 100%); border-radius: 4px; outline: none; opacity: 0.9; transition: opacity 0.2s; }
.form-range:hover { opacity: 1; }
.form-range::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 20px; height: 20px; background-color: #007bff; border: 2px solid #fff; border-radius: 50%; cursor: pointer; box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); transition: transform 0.2s ease-in-out; }
.form-range::-webkit-slider-thumb:hover { transform: scale(1.2); background-color: #0056b3; }
.form-range::-moz-range-thumb { width: 20px; height: 20px; background-color: #007bff; border: 2px solid #fff; border-radius: 50%; cursor: pointer; box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); transition: transform 0.2s ease-in-out; }
.form-range::-moz-range-thumb:hover { transform: scale(1.2); background-color: #0056b3; }
.form-range:focus { outline: none; box-shadow: 0 0 8px rgba(0, 123, 255, 0.8); }
.modal-backdrop.show { opacity: 0.9 !important; }

/* Switches */
/************/
.toggle-switch { -webkit-appearance: none; appearance: none; width: 40px; height: 20px; background: #ccc; border-radius: 10px; position: relative; transition: background 0.3s; cursor: pointer; }
.toggle-switch::before { content: ""; position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; background: white; border-radius: 50%; transition: transform 0.3s; }
.toggle-switch:checked { background: #007bff; }
.toggle-switch:checked::before { transform: translateX(20px); }

/* Mauszeiger vergrößern */
/*************************/
.big-cursor { 
	cursor: url('/wp-content/themes/ksbam/assets/img/mouse-pointer.png')1 1, auto; 
}
.big-cursor a, .big-cursor input { 
	cursor: url('/wp-content/themes/ksbam/assets/img/mouse-pointer_mo.png')1 1 , auto; 
}
.big-cursor [type=button]:not(:disabled), .big-cursor [type=reset]:not(:disabled), .big-cursor [type=submit]:not(:disabled), .big-cursor button:not(:disabled) {
	cursor: url('/wp-content/themes/ksbam/assets/img/mouse-pointer_mo.png')1 1, auto; 
}

/* Blaufilter */
/**************/
#shader-bluefilter { display:none; background: rgba(245, 168, 93, 0.1); z-index: 9999999999; pointer-events: none; position: fixed; inset: -10%; width: auto; height: auto; mix-blend-mode: multiply; }
.bluefilter #shader-bluefilter { display:inline-block; }

/* Graufilter */
/**************/
#shader-greyscale { display:none; background: rgba(0, 0, 0, 0.1); z-index: 9999999999; pointer-events: none; position: fixed; inset: -10%; width: auto; height: auto; mix-blend-mode: saturation; }
.greyscale #shader-greyscale { display:inline-block; }

/* Saturation */
/**************/
#shader-saturation { display:none; background: rgba(0, 256, 0, 0.1); z-index: 9999999999; pointer-events: none; position: fixed; inset: -10%; width: auto; height: auto; mix-blend-mode: saturation; }
.greyscale #shader-saturation { display:inline-block; }

/* Graustufenfilter */
/********************/
body.grayscale *:not(.greyscaleexclude):not(#cmplz-manage-consent) {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
}
body.grayscale .covercontainer, body.grayscale ::selection{ 
	transition: none; 
}
body.grayscale .covercontainer .coverwrap.sub, body.grayscale #home > a { 
	filter:none; 
}
.notgrayscale-active { 
	transition: auto;
	filter: none;
}

/* Screenreader */
/****************/
.screenreader { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; pointer-events: none; }
.screenreader-content { background-color: #fefefe; margin: 10% auto; padding: 20px; border: 1px solid #888; width: 80%; max-width: 600px; pointer-events: all; border: none; border-radius: 5px; box-shadow: 5px 5px 15px 5px #00000033; -webkit-box-shadow: 5px 5px 15px 5px #00000033; }
.screenreader-content h2 { display:inline-block; }
.screenreader-content h2, .screenreader-content p { cursor: auto !important; }
.screenreader-content button { cursor: pointer; !important; }
.screenreader-close { float: right; font-weight: bold; display: inline-block; width: auto; height: auto; border: none; background: none; line-height: 0; }
.draggable { cursor: move; touch-action: none; }

/* BG-Image */
/************/
.has-background-image { background-image: none !important; background-color: #ddd !important; }
img.activeNoPicFilter { display:none; }

/* Lighbar */
/***********/
.light-bar { position: fixed; left: 0; right: 0; width: 100%; pointer-events: none; background-color: rgba(1,1,1,0.5); z-index: 99999999999999999999999999; display:none; }
.light-bar.light-bar-top { top: 0; bottom: auto; }
.light-bar.light-bar-bottom { top: auto; bottom: 0; }

/* No Animation */
/****************/
.no-animate { animation: none !important; }

/* Farbschwächen */
/*****************/
svg#filter { position: absolute; }
.protanomaly { filter: url(#protanomaly); }
.deuteranomaly { filter: url(#deuteranomaly); }
.tritanomaly { filter: url(#tritanomaly); }

/* Tabulator-Hervorhebung */
/**************************/
a:focus-visible { outline: 5px dashed #e42032 !important; box-shadow: none !important; border-color: transparent !important; }
button:focus-visible { outline: 5px dashed #e42032 !important; box-shadow: none !important; border-color: transparent !important; }
input:focus-visible { outline: 5px dashed #e42032 !important; box-shadow: none !important; border-color: transparent !important; }
body:not(.using-mouse) select:focus-visible {
	outline: 5px dashed #e42032 !important; box-shadow: none !important; border-color: transparent !important;
}

#accesible .modal-body .row {
	background: #fcfcfc;
    padding: 20px !important;
    margin: 10px;
    border: 1px solid #ededed;
}

.card-img-top a { outline-offset: -5px !important; }

/* Nur der Kopf (reader-header) soll als Griff dienen */
.reader-header{cursor:move}

/* Box muss fixed positioniert sein, damit left/top wirken */
.reader-content{
  position:fixed;           /* WICHTIG */
  top:50%; left:50%;        /* Start mittig */
  transform:translate(-50%,-50%);
}

/* Custom for JF */

.grid-3, .grid-2  {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}



#accesible button, .jf-reader-modal button  {
  background: #7b9f9f !important;
  border: none;
  padding-left: 15px;
  padding-right: 15px;
  border-top-right-radius: 14px !important;
    border-bottom-left-radius: 14px !important;
}

#accesible .section-head {
  margin: 20px 0 20px 0;
}

@media (max-width: 600px){
  .grid-3, .grid-2   {
    flex-direction: column;
  }
}