/* ========== Footer-Grundgerüst ========== */
#FooterBlock.site-footer {
  display: block;
  width: 100%;
  box-sizing: border-box;
}

/* CTA-Container über volle Breite, damit text-align:center greift */
.cta-button-container {
  width: 100%;
}

/* ========== Firmenkopf, zentriert ========== */
#FooterHead {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  padding: 0 2%;
  margin-bottom: 1.5rem;
}

#FooterHead h2,
#FooterHead h3 {
  margin: 0 0 0.4rem;
}

/* ========== Zwei Spalten ========== */
.footer-cols {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 2rem;
  width: 100%;
  box-sizing: border-box;
}

/* ===== Linke Spalte ===== */
#AdresseLi {
  flex: 1 1 320px;
  min-width: 0;           /* verhindert Überlaufen langer Links */
  margin-left: 2%;
  text-align: left;
}

/* ===== Rechte Spalte ===== */
#Footer-Rechts {
  flex: 0 1 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.75rem;
  margin-right: 2%;
  text-align: right;
}

#InfoBoxTextRe {
  text-align: right;
}

/* Letzte Änderung – ehemals Inline-Styles */
#letzteAend {
  max-width: 200px;
  margin-top: 1%;
  margin-bottom: 1%;
  font-size: 1em;
  text-align: center;
}

/* ========== Responsive ab 759px ========== */
@media (max-width: 759px) {

  .footer-cols {
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
  }

  #AdresseLi {
    flex: 1 1 100%;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    text-align: center;
  }

  #Footer-Rechts {
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    align-items: center;
    text-align: center;
  }

  #InfoBoxTextRe,
  #letzteAend {
    text-align: center;
  }

  #letzteAend {
    margin-left: auto;
    margin-right: auto;
  }
}

/* ========== Styling für den Call-to-Action Button ========== */

.cta-button-container {
  text-align: center; /* Zentriert den Button im Container */
  margin-top: 25px;   /* Sorgt für Abstand nach oben */
  margin-bottom: 25px;/* Sorgt für Abstand nach unten */
}

.cta-button {
  display: inline-block; /* Erlaubt Padding und Margin */
  background-color: rgba(251,186,55,1); /* Primärfarbe */
  color: #000!important;
  padding: 15px 30px;
  font-size: 1.3rem; /* Leicht vergrößerte Schrift */
  font-weight: bold;
  text-decoration: none;
  border-radius: 8px; /* Moderne abgerundete Ecken */
  border: 2px solid transparent;
  transition: all 0.3s ease; /* Sanfte Übergänge für Hover-Effekte */
  cursor: pointer;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15); /* Dezenter Schatten für Tiefe */
}

/* Zustand, wenn die Maus über den Button fährt */
.cta-button:hover {
  background-color: rgba(251,186,55,1); /* Etwas dunkleres Blau */
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
    color: black;
}

/* Zustand, wenn der Button per Tastatur fokussiert wird (WICHTIG für Barrierefreiheit!) */
.cta-button:focus {
  outline: 3px solid #707173; /* Deutlicher Fokus-Ring in Grau (aus Logo) */
  outline-offset: 3px;
  background-color: rgba(251,186,55,1);
}

/* Styling für das Icon im Button */
.cta-button .cta-icon {
  width: 1em; /* Passt sich der Schriftgröße an */
  height: 1em;
  vertical-align: middle;
  margin-left: 10px;
  transition: transform 0.3s ease;
}

.cta-button:hover .cta-icon {
  transform: translateX(5px); /* Bewegt den Pfeil bei Hover nach rechts */
}

/* ========== Styling für den Call-to-Action Button ENDE ========== */


/*Listensymbole überschreiben*/
[id^=ContLay2TextDiv] li,
[id^=ContLay6TextDiv] li,
[id^=ContLay10TextDiv] li,
[id^=ContLay21TextDiv] li,
[id^=DetLay21TextDiv] li,
[id^=ContLay22TextDiv] li,
[id^=DetLay22TextDiv] li,
[id^=ContLay24TextDiv] li,
[id^=DetLay24TextDiv] li,
[id^=DetLay25TextDiv] li,
[id^=ContLay21InfoTextDiv] li,
[id^=ContLay22InfoTextDiv] li,
[id^=ContLay24InfoTextDiv] li,
[id^=ContLay25InfoTextDiv] li,
#ContSucheDiv li,
[id^=ContLay3TextDiv] li {
background-image: url("/lib/imgAllg/haken-gruen.svg");
}
/*Listensymbole überschreiben ENDE*/


/*iframe NEWS überschreiben*/
[id^="ContLay6iDatumP"] {
        color: rgba(255,255,255,0.7)!important;
}
[id^="ContLay6iSubueberschriftP"], [id^="ContLay6iSubueberschriftP"] a {
       font-family: 'Ubuntu Condensed', Helvetica, sans-serif!important;
font-size: 1em!important;
}


[id^="ContLay6Div"] {
  background-color: rgba(251,186,55,1)!important;
  
}

#ContLay6ContainerDiv {
  padding: 0;
}



#NEWS25 {
  height: 122px;
  min-height: 122px;
  margin-bottom: 3%;
    overflow: hidden;
}

/* ############# NEWS-IFRAME-TEIL ENDE ####### */

#OverTopHtmlContDIV {
  padding-top: 0;
  max-width: 250px;
  text-align: inherit;
  margin-left: 0;
  margin-right: auto;
}

[id^=ContLay24DetDiv] {
   background-color: rgba(118,184,42,1)!important;
}


[id^=ContLay24InfoDiv],
[id^=ContLay22InfoDiv],
[id^=ContLay21InfoDiv]
{
   background-color: rgba(251,186,55,1)!important;
}

#UeberschriftP,
[id^=UeberschriftDivLay3] h1 {
 color: rgba(118,184,42,1)!important;
}

/*Aufklapp 212 Ueberschreiben*/

.collapse {
   background-color: rgba(255,255,255,1)!important;
}

.card-header [id^="ContLay21SubueberschriftP"] .collapsed {
   color: rgba(33,90,134,1)!important;
}

.card-header [id^="ContLay21SubueberschriftP"] a:hover, 
.card-header [id^="ContLay21SubueberschriftP"] a:active {
   color: rgba(33,90,134,1)!important;
  outline:none!important;
  background-color: inherit!important;
}
.card-header [id^="ContLay21SubueberschriftP"] a:focus {
   color: rgba(33,90,134,1)!important;
  outline:1px dotted rgba(0,0,0,0.5)!important;
  background-color: inherit!important;
}




/*Aufklappfunktion Lay212*/


.card [id^="ContLay21Div"] {
    margin-top: 0%;
    margin-bottom:0%;
  background-color: inherit;
}

.card [id^="ContLay21ImgDiv"] {
  margin:20px;
}

@media screen and (max-width: 959px) {
.card [id^="ContLay21ImgDiv"] {
  margin:0;
}
  .card [id^="ContLay21ImgDiv"] img {
  margin-top: 20px;
  }
}

.card [id^="ContLay21SubuebDiv"] {
 margin-top: 0px;
 margin-bottom: 4px;
   background-image:url("/lib/imgAllg/infoKreis.svg"), linear-gradient(to right, rgba(33,90,134,0.1), rgba(33,90,134,0.3)) !important;
       background-color: rgba(255,255,255,0.2);
  background-position: 20px 50%, 0% 50%;
background-size: 20px 20px, 100% 100%;
background-repeat:no-repeat, no-repeat;
}


.card-header [id^="ContLay21SubueberschriftP"] {
  background-image:url("#"), linear-gradient(to right, rgba(33,90,134,0), rgba(33,90,134,0)) !important;
}


@media screen and (max-width: 600px) {
.card-header [id^="ContLay21SubueberschriftP"] a {
padding-left: 20px;
}
}
.card-header [id^="ContLay21SubueberschriftP"] a:hover {
   text-decoration: none;
    border-bottom: 0px;
    background-color: rgba(0,0,0,0);
      outline: 1px dotted rgba(0,0,0,1);
   outline-offset: 2px;
    padding: 0px;
    
}

.card-header [id^="ContLay21SubueberschriftP"] .collapsed {
   color:rgba(100,100,100,1);
}

.card [id^="ContLay21TextDiv"] {
   border-top: 0px solid rgba(230,230,230,1);
   margin-top: 0px;
   margin-left:4.5%;
    margin-right:4.5%;
   padding-bottom: 0.5%;
   max-width: 91%;
  padding-top: 2%;
}
.card-header [id^="ContLay21SubuebDiv"] .ContLay21InfoImgDiv1 img {
 /*   margin-right:3.5%;*/
   margin-top: 2%;
   height: 70px!important;
   max-width: inherit!important;
   width:auto!important;
   min-width: inherit;

 
 
}
.card-header [id^="ContLay21SubueberschriftP"] {
background-image:url("/lib/imgAllg/infoKreis.svg"), linear-gradient(to right, rgba(230,230,230,0.8), rgba(200,200,200,0)) ;
      background-repeat: no-repeat;
background-position: 20px 50%, 0% 50%;
    background-size: 20px 20px, 50% 100%;
background-repeat:no-repeat, no-repeat;
   padding-top: 1%;
   padding-left: 10%;
   padding-right: 10%;
   max-width: 80%;
  
 
}

.card .elementDiv1212 {
  background-color: white!important;
}



/*Aufklappfunktion Lay212 ENDE*/



body {
  background-color: rgba(200,200,200,1);
}
#BottomContainer {
   background-color: rgba(255,255,255,0);

}
#prim2 {
  background-color: rgba(255,255,255,0.1);
  box-shadow: 0px 0px 0px #666;
  -webkit-box-shadow: 0px 0px 0px #666;
  -moz-box-shadow: 0px 0px 0px #666;
}

/*Bottom-Zusatz*/

  /* Fokus-Styling nur für bestimmte IDs */
  #InfoBoxDIV a:focus, 
  #InfoBoxUebersDIV a:focus, 
  #InfoBoxSubUebersDIV a:focus, 
  #InfoBoxAdresseli a:focus, 
  #InfoBoxTextRe a:focus, 
  #SucheButton a:focus, 
  #ScrollerBottom:focus {
    background-color: rgba(0, 0, 0, 0.4)!important;
    color: rgba(255,255,255,1)!important; /* Weißer Text auf dunklem Hintergrund */
  }


/* Verstecke den ursprünglichen Tooltip */
.sitemap-button {
  position: relative; /* Position für den benutzerdefinierten Tooltip */
  cursor: pointer; /* Zeigt den Cursor als Hand bei Hover */
}

/* Benutzerdefinierter Tooltip */
.sitemap-button:hover::after {
  content: attr(data-tooltip); /* Tooltip-Text kommt vom data-tooltip-Attribut */
  position: absolute;
  top: -25px; /* Position über dem Button */
  left: 50%;
  transform: translateX(-50%);
  background-color: black;
  color: white;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 14px;
  white-space: nowrap; /* Verhindert Umbruch des Textes */
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease;
}

/* Verstecke den Tooltip standardmäßig */
.sitemap-button::after {
  content: '';
  visibility: hidden;
  opacity: 0;
}

/* Optional: Für verbesserte Zugänglichkeit */
.sitemap-button:hover {
  cursor: pointer;
  color: black!important;
}



/*Bottom-Zusatz ENDE*/



/*Schriftgroesse aendern*/

html {
font-size:1em;
}
body{
font-size:1em;
}
/*Button Styling*/
#Schriftgroesse {
  z-index: 10000;
  position: fixed;
  top: auto;
  bottom: 100px;
  right: auto;
  left: 0%;
  width: 45px;
}
@media only screen and (max-width: 800px) {
  #Schriftgroesse {  
   display:none;
}
  
}


#Schriftgroesse button {
    position: relative;
  float: none;
  margin-right: 5px;
}

#Schriftgroesse button {
 all: unset;
border:0px solid white;
outline:0px dotted white;
outline-offset: -2px;
background-color: rgba(0,0,0,1.0);
color: white;
font-weight: bold;
  font-size: 1em;
padding:5px;
cursor:pointer;
  height: 30px;
  width: 30px;
  text-align: center;
  vertical-align: middle;

}
#Schriftgroesse button:focus {
  outline: 1px solid white;
  outline-offset: -3px;
}
#Schriftgroesse .SchriftKleiner {
font-size:14px;
}
#Schriftgroesse .SchriftGroesser {
font-size:20px;
}
#Schriftgroesse .SchriftReset {
font-size:16px;
}
/*Navigation-Schrift und Button max Groesse aendern*/
ul.FM_CSS_navigationV4 li a {
  max-height: 60px;
  font-size: 18px;
}

/*Schriftgroesse ENDE*/





/*TOPLOGO*/
#TopLogo {
  max-height: 130px;
  display: inline-block;
  outline: none; /* Wichtig für eigenes Focus-Styling */
}

#TopLogo a {
  display: inline-block; /* Stellt sicher, dass der Link um das Bild herum einen Fokusrahmen hat */
  outline: none; /* entfernt Standardfokus */
}

#TopLogo a:focus {
  outline: 0px dotted rgba(0, 0, 0, 1); /* Sichtbarer gepunkteter Rahmen bei Fokus */
  outline-offset: 2px; /* Abstand zum Bild */
background-color:rgba(0,0,0,0.1);
}

#TopLogo img {
margin-left:auto;
margin-right:auto;
  width: 100%;
  height: auto;
  display: block; /* Verhindert zusätzliche Abstände unter dem Bild */
}

@media screen and (max-width: 959px) {
  #TopLogo img {
max-width: 90%;
}
}

/*TOPLOGO ENDE*/

/* ################## Navigation Umstyling*/
ul.FM_CSS_navigationV4 li span {
font-family:"Ubuntu Condensed",Arial,sans-serif!important;
}

ul.FM_CSS_navigationV4 li ul {
font-family:"Ubuntu Condensed",Arial,sans-serif!important;
     background-color: rgba(255,255,255,1.0); /*Ebene 2 + 3 UL-Hintergrund*/
}


#NavipunktContainer li {
background-color: rgba(255,255,255,0); /*1. Ebene */
    outline: 0px dotted rgba(33,90,134,0.7);
}
#NavipunktContainer li>a span {
color: rgba(255,255,255,0.9);  /*1. Ebene */
}

ul.FM_CSS_navigationV4 ul li a {
  background-color: rgba(111,88,79,1.0)!important;      /*2. EBENE Button Hintergrundfarbe */
}
ul.FM_CSS_navigationV4 ul li a>span {
  color: rgba(255,255,255,1.0)!important;      /*2. EBENE Button Hintergrundfarbe */
}
ul.FM_CSS_navigationV4 ul li a:hover {
  background-color: rgba(111,88,79,0.5)!important;      /*2. EBENE Button Hintergrundfarbe Hover */
}
ul.FM_CSS_navigationV4 ul li a:hover span {
  color: rgba(0,0,0,1)!important;              /* ueberschreibt Schrift-Farbe bei hover 2. Ebene */
}

/*Hintergrundfarbe für Navileiste fixed*/
#NavipunktContainer.fixed {
 background: rgba(255,255,255,1.0)!important;
  border-bottom: 0px;
}

@media screen and (max-width: 1000px) {
#OverTopHtmlContDIV.fixed {
  display: none!important;
}
}
  
#NavipunktContainer {
    top: 0!important; /*Aendert Abstand zum Content*/
}
#NavipunktContainer.fixed {
    top: 0!important;
}

#NavipunktContainer.fixed li {
  background-color: rgba(111,88,79,1)!important;
  border-bottom: 0px;
}

#navigationV4 [id^="navactive"] {
  background-color: rgba(255,255,255,0)!important;
   /* background-image:url(/lib/imgAllg/dreieckUn.svg);*/
  background-position:50% 0;
  background-size:10px 15px;
  background-repeat:no-repeat;
  border-radius: 0!important;
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
      transition-property:all;
  -webkit-transition-property:all;
  -webkit-transition:all .3s ease-in-out;
  -moz-transition:all .3s ease-in-out;
  -o-transition:all .3s ease-in-out;
  transition:all .3s ease-in-out
}
#navigationV4 [id^="navactive"] span {
    color: rgba(111,88,79,1)!important;
}
#navigationV4 [id^="navactive"]:hover {
  background-color: rgba(111,88,79,0)!important;
    outline: 1px dotted rgba(111,88,79,1)!important;
  border-radius: 0px!important;
  -moz-border-radius: 0px!important;
  -webkit-border-radius: 0px!important;
      transition-property:all;
  -webkit-transition-property:all;
  -webkit-transition:all .3s ease-in-out;
  -moz-transition:all .3s ease-in-out;
  -o-transition:all .3s ease-in-out;
  transition:all .3s ease-in-out
}

/*Navigation Umstyling Ende*/



/*SITEMAP MIT LIGHTBOX */ 

/* Container, der sich nur an den Inhalt (Button) anpasst */
  .lightbox-container {
    position: relative;
    top: auto;
    bottom: 50%;
    left: auto;
    right: 0;
    width:auto;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    
  }

  /* Wrapper für den Button (zentriert im Container) */
  .button-wrapper {
    display: flex;
    text-align: center;
    color: white;
    justify-content: center; /* Zentriert den Button horizontal */
  }

  /* Button-Styling */
  .sitemap-button {
    background-color: black; /* schwarzer Hintergrund */
    color: white!important; /* weiße Schrift */
    border: 2px solid white; /* weißer Rand */
    min-height: 60px; 
    width: 100%;
    min-width: 250px;
    max-width: 250px;
    padding: 2% 2%; /* Horizontale Innenabstände */
    font-size: 1.3em; /* Textgröße */
    cursor: pointer; /* Zeiger-Cursor */
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    transition: background-color 0.3s ease, border-color 0.3s ease; /* Übergangseffekte */
  }
.sitemap-button:focus {
  outline: 3px solid yellow;
}

@media screen and (max-width: 959px) {
  .sitemap-button {
    width: 100%;
    
  }
}

  /* Button-Hover-Effekt */
  .sitemap-button:hover {
    background-color: white;
    color: black;
    border-color: black;
  }


/*ALTEN SITEMAP-BUTTON AUSBLENDEN*/
#sitemapDiv {
display:none;
}

/*SITEMAP MIT LIGHTBOX ENDE*/

#copyDiv {
  display: none;
}

/*adSimple änderungen*/
.cc-modal div, #cookieDetails label span  {
  color: black;
}
.cc-banner {
  background-color: rgba(255,255,255,1)!important;
}
#content-hinweis a, .cc-footer__links a {
    color: #990000!important;;
  font-weight: bold;
  text-decoration: underline;
  font-size: 1.2em;
}



#PFADnav a:focus {
  outline: 1px solid black;
  outline-offset: -3px;
  background-color: yellow;
}




#navigationV4 [id^="navactive"] {
  background-color: rgba(255,255,255,0.8)!important;
  outline: 1px dotted rgba(0,0,0,0.5);
    outline-offset: -4px;
  background-position: 50% 2px;
}
#navigationV4 [id^="navactive"]:hover {
  background-color: rgba(255,255,255,1)!important;
  
}
#navigationV4 [id^="navactive"] span:hover {
  background-color: rgba(255,255,255,0)!important;
  
}

#NavipunktContainer ul a:focus {
  outline:1px dotted black !important;
     outline-offset: -4px;
}

a:focus {
  outline:1px dotted black;
     outline-offset: 2px;
}




#TOP {
  background-color: rgba(255,255,255,0);
}


/*Überschreiben den StartseitenHTMLDiv für Portal*/
#ContStartseiteHTMLDiv {
    background-color: rgba(255,255,255,0)!important;
    width: 100%;
    margin-top: 0%;
    padding-top: 3%;
    padding-left: 10%;
    padding-right: 10%;
}
#ContStartseiteHTMLDiv h1 {
    width: 70%;
}
#ContStartseiteHTMLDiv .tab-content {
padding-left: 2%;
    padding-right: 2%;
    margin-bottom: 3%;
}
    

[id^="ContentContainerLay2"] {
    background-color: rgba(240,240,240,0);
}

#BottContHtmlDiv {
  /*  z-index: 0;
    width: 80%;
 position:relative;
    height:auto;
	position: relative;
	margin-left: auto;
	margin-right: auto;
    margin-top: 1%;*/
	padding: 0%;
    background-color: rgba(0,0,0,0.4);
 border-radius: 3px;
    -moz-border-radius:3px;
    -webkit-border-radius: 3px;
}
#BottContHtmlDiv h2, #BottContHtmlDiv h3, #BottContHtmlDiv p, #BottContHtmlDiv a {
  color: white;
}







/*HINTERGRUENDE ENDE */

/* STARTSEITENCONTENT*/
#ContStartseiteHTMLDiv {
background-color: rgba(255,255,255,0);
  transition: all 0.7s ease-in-out;
	
}

#StartLinks {
    position: relative;
    float: none;
    clear: left;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2%;
  margin-top: 2%;
   max-width: 600px;
    height: auto;
    background-color: rgba(0,0,0,0);
    padding:0;
  border-radius: 8px;
  outline: 2px solid rgba(0,0,0,0.4);
  outline-offset: -0px;
        -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
#StartLinks iframe {
  border-radius: 9px;
  min-height: inherit;
  max-height: inherit;
}

/*Ende StartLinks*/

#StartRechts {
    position: relative;
    float: right;
    clear: none;
  margin-left: auto;
  margin-bottom: 2%;
    width: 45%;
  min-height: 338px;
        -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
   
}
#StartRechts h2 {
        line-height: 1.6em;
    font-size: 1.3em;
    font-weight: 300;
    
}

#StartUnten {
    width:49%; 
    padding:0; 
    position:relative;
    float:left; 
    clear:none; 
    margin-right:auto; 
    text-align:center;
}
#StartUnten h2 {
  margin-top: 0;
}


/*############################################# StartRechts 959 */
@media screen and (max-width: 959px) {
#StartRechts {
    float: none;
    clear: both;
    width: 100%;
    margin-top: 2%;
  min-height: inherit;
        -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
   
}
    

#StartLinks {
    float: none;
    clear: both;
  height: inherit;
        -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
  
  #StartUnten {
   text-align: center;
    width: inherit;
    margin-bottom: 2%;
  }
    
}
/*############################################# StartRechts 959 ENDE */





/* STARTSEITENCONTENT ENDE*/

#OverTopHtmlContDIV img {
  background-color: rgba(255,255,255,0);
    
     -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}

/*Logo fixed Korrektur-Position*/
#OverTopHtmlContDIV.fixed {
  position:fixed;
  margin-top:0px;
  min-width: 200px;
    
}
#OverTopHtmlContDIV.fixed #TopLogo {
    display: unset;
  margin-top:0px;
    
}
#OverTopHtmlContDIV.fixed #TopLogo a {
    display: unset;
  margin-top:0px;
    
}

@media screen and (max-width: 959px) {
 #OverTopHtmlContDIV, #OverTopHtmlContDIV.fixed {
    width: 100%;
   min-height: 130px!important;
  position:inherit;
  margin-top:100px;
        margin-left: auto!important;
        margin-right: auto!important;
    
}
    #OverTopHtmlContDIV img, #OverTopHtmlContDIV.fixed img {
        margin-left: auto;
        margin-right: auto;
    
} 
}

/*Logo fixed Korrektur-Position ENDE*/



/*############################################# 959 */
/*mobile HINTERGRÜNDE, sonst Ändrungen Mobil */
@media screen and (max-width: 959px) {

  [id^="ContLay6Div"] {
    outline: 1px dotted rgba(0,0,0,0.6);
  outline-offset: -0px;
  }
  
  

   
    #OverTopHtmlContDIV img {
    width:inherit!important;
    
    
     -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
    
    
	body {
        overflow: scroll;
	}
    


	
}

/*mobile HINTERGRUENDE ENDE */
    

/*SLIDER-WIDGET*/
.msw-slider{position:relative;overflow:hidden;background:#000;border-radius:4px;margin:0;display:block;
  height:var(--msw-h,420px);
  --msw-nav-size:36px; --msw-nav-font:18px; --msw-nav-pos:14px;
  --msw-cap-pad:8px 14px; --msw-cap-maxw:80%; --msw-cap-font:clamp(15px,2.4vw,26px);
  --msw-dots-bottom:10px; --msw-dot-size:8px;}
/* Hoehenmodus "Automatisch": Breite bleibt responsiv (100%), Hoehe ergibt sich aus dem
   Seitenverhaeltnis des Referenzbilds; max-height schneidet ab dieser Hoehe zu (das
   background-size:cover oben sorgt fuer den passenden Bildausschnitt statt Verzerrung). */
.msw-slider.msw-height-auto{height:auto;aspect-ratio:var(--msw-ar,16/9);max-height:var(--msw-maxh,none);}
.msw-track{position:relative;width:100%;height:100%;}
.msw-slide{position:absolute;inset:0;background-size:cover;background-position:center;
  opacity:0;visibility:hidden;transform:translateX(0);display:block;text-decoration:none;color:inherit;}
.msw-slide.is-active{opacity:1;visibility:visible;z-index:1;}
.msw-slide-link{position:absolute;inset:0;display:block;}
/* Text-Block-Ebene: liegt zwischen Hintergrund und den animierbaren SVG/PNG/JPG-Overlays.
   Die Ebenen sind bewusst explizit durchnummeriert (Text-Block 1 < Overlay 2 < Ueberschrift 3),
   statt sich auf die DOM-Reihenfolge zu verlassen: der optionale, den ganzen Slide ueberdeckende
   Bild-Link (.msw-slide-link, z-index auto) steht im Markup NACH den Text-Bloecken und lag damit
   ueber ihnen - ein Link innerhalb eines Text-Blocks war dadurch nicht anklickbar. */
.msw-tb-group{position:absolute;box-sizing:border-box;z-index:1;container-type:inline-size;}
/* container-type oben macht die Box zum Bezugspunkt fuer cqw-Einheiten: die Ueberschrift in der
   zugeklappten Mobil-Ansicht richtet sich damit nach der BREITE DES TEXTBLOCKS und nicht nach der
   des Bildschirms - ein schmaler Block bekommt also kleinere Schrift als ein breiter. "inline-size"
   (nur waagerecht) statt "size", weil die Box im aufgeklappten Zustand eine automatische Hoehe hat,
   die bei vollstaendiger Groessen-Containment auf null zusammenfallen wuerde. */
.msw-tb-inner{width:100%;height:100%;box-sizing:border-box;border-radius:6px;overflow:auto;
  display:flex;gap:10px;font-family:var(--msw-font-family, inherit);}
.msw-tb-layout-top{flex-direction:column;}
.msw-tb-layout-left{flex-direction:row;}
.msw-tb-layout-right{flex-direction:row-reverse;}
.msw-tb-img{display:block;object-fit:cover;border-radius:4px;flex:0 0 auto;}
.msw-tb-layout-top .msw-tb-img{width:100%;max-height:45%;}
.msw-tb-layout-left .msw-tb-img, .msw-tb-layout-right .msw-tb-img{width:35%;height:100%;}
/* Ein einzelnes Wort, das breiter ist als der Textblock (lange Komposita, URLs, Dateinamen), wuerde
   sonst seitlich aus dem Kasten herauslaufen bzw. den Kasten aufziehen - "break-word" bricht es
   stattdessen an beliebiger Stelle um. Bewusst nicht "anywhere": break-word greift erst, wenn das
   Wort auch allein in einer Zeile nicht passt, laesst also normalen Zeilenumbruch an Wortgrenzen
   unangetastet. Die Eigenschaft vererbt sich an Ueberschrift, Fliesstext und Link-Text. */
.msw-tb-text{flex:1;min-width:0;overflow:auto;overflow-wrap:break-word;}
/* Schriftgroessen der Text-Block-Inhalte skalieren automatisch mit der Bildschirmbreite (clamp = fluid
   zwischen Min- und Max-Wert), damit sie auf Mobilgeraeten nicht zu groß wirken bzw. abgeschnitten
   werden - Standardwerte hier fuer Desktop, kleinere clamp()-Werte auf Mobil siehe @media/.msw-force-mobile
   weiter unten (gleiches Prinzip wie bei --msw-cap-font der Ueberschrift). */
.msw-tb-text h1, .msw-tb-text h2, .msw-tb-text h3, .msw-tb-text h4{margin:0 0 6px;font-weight:700;line-height:1.25;color:inherit;font-size:var(--msw-tb-heading-font,clamp(14px,2vw,22px));}
.msw-tb-text p{margin:0 0 8px;line-height:1.45;color:inherit;font-size:var(--msw-tb-body-font,clamp(12px,1.3vw,15px));}
.msw-tb-link{display:inline-block;color:inherit;text-decoration:underline;font-weight:600;font-size:var(--msw-tb-link-font,clamp(11px,1.1vw,13px));}
/* Mobil: statt die Schrift im kleinen Textblock-Kasten weiter zu verkleinern, wird der Inhalt hinter
   einem zentrierten "+"-Button versteckt, der ihn beim Antippen als zentriertes Overlay einblendet -
   Position/Breite (an die Slider-Breite gebunden, 10px Randabstand) werden per JS berechnet (siehe
   initSlider() im Engine-JS), da ein fixiertes Element sich nicht per CSS an der Breite eines anderen
   Elements orientieren kann. Derselbe Button schliesst das Overlay bei erneutem Antippen wieder
   (Symbol wechselt dabei zwischen "+" und "×"). Auf Desktop ist der Button unsichtbar/wirkungslos. */
.msw-tb-expand{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,.62);color:#fff;
  border:2px solid rgba(255,255,255,.85);font-size:24px;line-height:1;font-weight:700;
  align-items:center;justify-content:center;cursor:pointer;z-index:3;padding:0;}
.msw-tb-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:39;}
.msw-tb-backdrop.is-open{display:block;}
@media (max-width:600px){
  .msw-tb-expand{display:flex;}
  /* Zugeklappt bleibt die Ueberschrift stehen, damit erkennbar ist, wofuer das "+" steht - ohne sie
     waere gerade ein Textblock ohne Bild nur eine leere Flaeche mit einem Symbol darin. Fliesstext
     und Link bleiben verborgen; ist aber KEINE Ueberschrift gesetzt, uebernimmt der erste Absatz
     (bzw. ersatzweise der Link) diese Rolle - erkennbar daran, dass er dann das erste Element im
     Textbereich ist. Die Groesse folgt ueber cqw der Breite des Textblocks (Ersatzwert in vw fuer
     Browser ohne Container-Einheiten), und mehr als zwei bzw. drei Zeilen werden abgeschnitten,
     damit die Vorschau nie ueber die Box hinauslaeuft oder den mittigen Button ueberdeckt. */
  .msw-tb-text p, .msw-tb-link{display:none;}
  .msw-tb-text h1, .msw-tb-text h2, .msw-tb-text h3, .msw-tb-text h4{
    margin:0;font-size:clamp(11px,4.6vw,18px);font-size:clamp(11px,9cqw,18px);
    display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;}
  .msw-tb-text p:first-child{
    margin:0;font-size:clamp(10px,3.6vw,15px);font-size:clamp(10px,7cqw,15px);
    display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;}
  .msw-tb-link:first-child{display:inline-block;}
  /* Das Bild gehoert zugeklappt nicht in den kleinen Kasten, sobald dort ohnehin Text steht: die
     Ueberschrift sagt bereits, worum es geht, und das gequetschte Bild daneben nimmt ihr nur Platz
     weg. Es erscheint dann erst im aufgeklappten Overlay in voller Groesse. Enthaelt ein Textblock
     dagegen NUR ein Bild, bleibt es sichtbar - sonst waere der Kasten wieder leer. Unterschieden
     wird das ueber :has() zusammen mit :empty am Textbereich, den buildTextBlocksHTML() immer
     ausgibt (auch ohne Inhalt). Die Regel ist bewusst so herum formuliert, dass sie nur GREIFT,
     wenn Text vorhanden ist: Browser ohne :has()-Unterstuetzung zeigen damit weiterhin das Bild,
     statt womoeglich einen leeren Kasten. Der Zusatz :not(.msw-tb-expanded) haelt die Regel aus
     dem aufgeklappten Zustand heraus, wo das Bild in jedem Fall zu sehen sein soll. */
  .msw-tb-group:not(.msw-tb-expanded) .msw-tb-inner:has(.msw-tb-text:not(:empty)) .msw-tb-img{display:none;}
  .msw-tb-group.msw-tb-expanded{z-index:40;}
  .msw-tb-group.msw-tb-expanded .msw-tb-inner{height:auto;max-height:80vh;overflow-y:auto;
    border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,.5);padding:22px 18px 26px;}
  /* Im aufgeklappten Overlay wird der GESAMTE Text-Block gezeigt, das Bild also mit. Dafuer wird
     die im Slide gewaehlte Anordnung auf dem schmalen Bildschirm untereinander gelegt (nebeneinander
     blieben bei 35 % Bildbreite nur ein paar Zentimeter fuer den Text) - bei Bildposition "Rechts"
     entsprechend unter dem Text, sonst darueber. Das Bild bekommt hier eine eigene Groesse, weil die
     Regeln der kleinen Kastenansicht (35 % Breite bzw. 45 % Hoehe) sich auf eine feste Kastenhoehe
     beziehen, die es im aufgeklappten Zustand nicht mehr gibt: "contain" statt "cover" zeigt das
     Bild vollstaendig statt angeschnitten, die Deckelung auf 45vh laesst darunter genug Platz fuer
     den Text, und der Rest bleibt ueber das Scrollen des Panels erreichbar. */
  .msw-tb-group.msw-tb-expanded .msw-tb-inner{flex-direction:column;}
  .msw-tb-group.msw-tb-expanded .msw-tb-inner.msw-tb-layout-right{flex-direction:column-reverse;}
  .msw-tb-group.msw-tb-expanded .msw-tb-img{width:100%;height:auto;max-height:45vh;
    object-fit:contain;flex:0 0 auto;}
  /* Der gleiche Button wandert beim Aufklappen in die obere rechte Ecke und dient dort als
     Schliessen-Button (Symbol wird per JS auf "×" umgestellt). */
  .msw-tb-group.msw-tb-expanded .msw-tb-expand{top:12px;left:auto;right:12px;bottom:auto;
    transform:none;width:32px;height:32px;font-size:19px;}
  .msw-tb-group.msw-tb-expanded .msw-tb-text{display:block;}
  /* Aufgeklappt gilt wieder der volle Inhalt: normale Blockdarstellung (damit die -webkit-box-
     Zeilenbegrenzung von oben wirkungslos wird), keine Kuerzung, Originalabstaende. */
  .msw-tb-group.msw-tb-expanded .msw-tb-text h1, .msw-tb-group.msw-tb-expanded .msw-tb-text h2,
  .msw-tb-group.msw-tb-expanded .msw-tb-text h3, .msw-tb-group.msw-tb-expanded .msw-tb-text h4{
    font-size:clamp(18px,6vw,26px);display:block;overflow:visible;margin:0 0 6px;}
  .msw-tb-group.msw-tb-expanded .msw-tb-text p, .msw-tb-group.msw-tb-expanded .msw-tb-text p:first-child{
    font-size:clamp(14px,4vw,17px);display:block;overflow:visible;margin:0 0 8px;}
  .msw-tb-group.msw-tb-expanded .msw-tb-link{font-size:clamp(13px,3.6vw,15px);display:inline-block;}
}
/* ...und gespiegelt fuer die erzwungene Mobil-Vorschau im Editor (siehe @media-Block oben fuer Kommentar). */
.msw-slider.msw-force-mobile .msw-tb-expand{display:flex;}
.msw-slider.msw-force-mobile .msw-tb-text p, .msw-slider.msw-force-mobile .msw-tb-link{display:none;}
.msw-slider.msw-force-mobile .msw-tb-text h1, .msw-slider.msw-force-mobile .msw-tb-text h2,
.msw-slider.msw-force-mobile .msw-tb-text h3, .msw-slider.msw-force-mobile .msw-tb-text h4{
  margin:0;font-size:clamp(11px,4.6vw,18px);font-size:clamp(11px,9cqw,18px);
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;}
.msw-slider.msw-force-mobile .msw-tb-text p:first-child{
  margin:0;font-size:clamp(10px,3.6vw,15px);font-size:clamp(10px,7cqw,15px);
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;}
.msw-slider.msw-force-mobile .msw-tb-link:first-child{display:inline-block;}
.msw-slider.msw-force-mobile .msw-tb-group:not(.msw-tb-expanded) .msw-tb-inner:has(.msw-tb-text:not(:empty)) .msw-tb-img{display:none;}
.msw-slider.msw-force-mobile .msw-tb-group.msw-tb-expanded{z-index:40;}
.msw-slider.msw-force-mobile .msw-tb-group.msw-tb-expanded .msw-tb-inner{height:auto;max-height:80vh;overflow-y:auto;
  border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,.5);padding:22px 18px 26px;}
.msw-slider.msw-force-mobile .msw-tb-group.msw-tb-expanded .msw-tb-inner{flex-direction:column;}
.msw-slider.msw-force-mobile .msw-tb-group.msw-tb-expanded .msw-tb-inner.msw-tb-layout-right{flex-direction:column-reverse;}
.msw-slider.msw-force-mobile .msw-tb-group.msw-tb-expanded .msw-tb-img{width:100%;height:auto;max-height:45vh;
  object-fit:contain;flex:0 0 auto;}
.msw-slider.msw-force-mobile .msw-tb-group.msw-tb-expanded .msw-tb-expand{top:12px;left:auto;right:12px;bottom:auto;
  transform:none;width:32px;height:32px;font-size:19px;}
.msw-slider.msw-force-mobile .msw-tb-group.msw-tb-expanded .msw-tb-text{display:block;}
.msw-slider.msw-force-mobile .msw-tb-group.msw-tb-expanded .msw-tb-text h1, .msw-slider.msw-force-mobile .msw-tb-group.msw-tb-expanded .msw-tb-text h2,
.msw-slider.msw-force-mobile .msw-tb-group.msw-tb-expanded .msw-tb-text h3, .msw-slider.msw-force-mobile .msw-tb-group.msw-tb-expanded .msw-tb-text h4{
  font-size:clamp(18px,6vw,26px);display:block;overflow:visible;margin:0 0 6px;}
.msw-slider.msw-force-mobile .msw-tb-group.msw-tb-expanded .msw-tb-text p,
.msw-slider.msw-force-mobile .msw-tb-group.msw-tb-expanded .msw-tb-text p:first-child{
  font-size:clamp(14px,4vw,17px);display:block;overflow:visible;margin:0 0 8px;}
.msw-slider.msw-force-mobile .msw-tb-group.msw-tb-expanded .msw-tb-link{font-size:clamp(13px,3.6vw,15px);display:inline-block;}
.msw-ov-group{position:absolute;pointer-events:none;z-index:2;}
.msw-ov-bg{width:100%;height:100%;}
.msw-ov-bg svg{width:100%;height:100%;display:block;}
.msw-anim-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;visibility:hidden;}
.msw-anim-path{fill:none;}
.msw-caption{position:absolute;z-index:3;max-width:var(--msw-cap-maxw);padding:var(--msw-cap-pad);color:var(--msw-cap-color,#fff);
  background:var(--msw-cap-bg,rgba(0,0,0,.38));border-radius:6px;font-family:var(--msw-font-family, inherit);text-shadow:0 1px 3px rgba(0,0,0,.5);
  opacity:0;transition:opacity .6s ease;transition-delay:var(--msw-cap-delay,0s);}
.msw-slide.is-active .msw-caption{opacity:1;}
.msw-caption a{display:block;color:var(--msw-cap-link-color,inherit);text-decoration:none;}
.msw-caption h2{margin:0;font-size:var(--msw-cap-font);font-weight:700;line-height:1.25;color:inherit;}
.msw-cap-bottom-left{left:20px;bottom:20px;}
.msw-cap-bottom-center{left:50%;bottom:20px;transform:translateX(-50%);text-align:center;}
.msw-cap-top-left{left:20px;top:20px;}
.msw-cap-center{left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;}
.msw-nav{position:absolute;top:50%;transform:translateY(-50%);width:var(--msw-nav-size);height:var(--msw-nav-size);border-radius:50%;
  background:rgba(0,0,0,.4);border:none;color:#fff;font-size:var(--msw-nav-font);cursor:pointer;z-index:2;
  display:flex;align-items:center;justify-content:center;
  opacity:0;pointer-events:none;transition:opacity .2s ease,background .2s ease;}
.msw-nav:hover{background:rgba(0,0,0,.65);}
/* Pfeile nur bei Hover ueber dem Slider einblenden (Desktop). Auf Touch-Geraeten (kein Hover
   verfuegbar) bleiben sie dauerhaft sichtbar, da Hover dort nicht ausloesbar ist. Fokus per
   Tastatur blendet sie ebenfalls ein (Barrierefreiheit). */
.msw-slider:hover .msw-nav, .msw-slider:focus-within .msw-nav{opacity:1;pointer-events:auto;}
@media (hover:none){ .msw-nav{opacity:1;pointer-events:auto;} }
.msw-prev{left:var(--msw-nav-pos);} .msw-next{right:var(--msw-nav-pos);}
.msw-dots{position:absolute;left:50%;bottom:var(--msw-dots-bottom);transform:translateX(-50%);display:flex;gap:7px;z-index:2;}
.msw-dot{width:var(--msw-dot-size);height:var(--msw-dot-size);border-radius:50%;background:rgba(255,255,255,.45);border:none;cursor:pointer;padding:0;}
.msw-dot.is-active{background:#fff;}
.msw-slider:not(.msw-loaded)::before{
  content:"";position:absolute;top:50%;left:50%;width:34px;height:34px;margin:-17px 0 0 -17px;
  border:3px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;
  animation:mswSpin .8s linear infinite;z-index:5;
}
@keyframes mswSpin{ to{ transform:rotate(360deg); } }
/* Bis .msw-loaded gesetzt ist (siehe initSlider() im Engine-JS: erst wenn das Hintergrundbild des
   aktuell aktiven Slides fertig geladen ist), soll wirklich NUR dieses Hintergrundbild zu sehen
   sein - Overlays, Text-Bloecke, Ueberschrift sowie Pfeile/Punkte bleiben bis dahin ausgeblendet.
   Das verhindert u.a., dass eine animierte Pfad-Bewegung schon lospringt, bevor der Rest des
   Slides (insbesondere das zugehoerige Overlay-Bild) ueberhaupt sichtbar/bereit ist. */
.msw-slider:not(.msw-loaded) .msw-ov-group,
.msw-slider:not(.msw-loaded) .msw-anim-svg,
.msw-slider:not(.msw-loaded) .msw-tb-group,
.msw-slider:not(.msw-loaded) .msw-caption,
.msw-slider:not(.msw-loaded) .msw-nav,
.msw-slider:not(.msw-loaded) .msw-dots{
  display:none;
}
/* Fallback ohne JavaScript: das Freischalten (.msw-loaded) passiert ausschliesslich per Skript -
   ist keines aktiv oder scheitert ein anderes Skript der Seite vorher, bliebe sonst dauerhaft nur
   der Ladekreis stehen und der gesamte Inhalt versteckt. Der Marker unten im Markup steckt in
   einem <noscript>: bei aktivem JavaScript behandelt der Browser dessen Inhalt als reinen Text, es
   entsteht also gar kein Element und die Regeln hier greifen nicht. Ist JavaScript aus, wird der
   Marker zu einem echten Element, :has() findet ihn - und der erste Slide wird statisch gezeigt.
   Pfeile und Punkte bleiben ausgeblendet, sie waeren ohne Skript ohnehin wirkungslos; ebenso der
   "+"-Button der Text-Bloecke, dessen Inhalt dafuer direkt sichtbar bleibt. */
.msw-noscript{display:none;}
.msw-slider:has(.msw-noscript)::before{display:none;animation:none;}
.msw-slider:has(.msw-noscript) .msw-slide:first-child{opacity:1;visibility:visible;z-index:1;}
.msw-slider:has(.msw-noscript) .msw-ov-group,
.msw-slider:has(.msw-noscript) .msw-tb-group{display:block;}
.msw-slider:has(.msw-noscript) .msw-caption{display:block;opacity:1;}
.msw-slider:has(.msw-noscript) .msw-tb-expand{display:none;}
.msw-slider:has(.msw-noscript) .msw-tb-text p,
.msw-slider:has(.msw-noscript) .msw-tb-link{display:block;}
.msw-slider:has(.msw-noscript) .msw-tb-text h1,
.msw-slider:has(.msw-noscript) .msw-tb-text h2,
.msw-slider:has(.msw-noscript) .msw-tb-text h3,
.msw-slider:has(.msw-noscript) .msw-tb-text h4{display:block;overflow:visible;}
/* mobile overrides via real viewport width (exported widget) ... */
@media (max-width:600px){
  .msw-slider{ height:var(--msw-h-m,var(--msw-h,420px));
    --msw-nav-size:44px; --msw-nav-font:20px; --msw-nav-pos:8px;
    --msw-cap-pad:6px 10px; --msw-cap-maxw:88%; --msw-cap-font:clamp(14px,4.5vw,20px);
    --msw-dots-bottom:8px; --msw-dot-size:9px;
    --msw-tb-heading-font:clamp(14px,4.8vw,19px); --msw-tb-body-font:clamp(11px,3.2vw,13px); --msw-tb-link-font:clamp(10px,2.8vw,12px); }
  .msw-slider.msw-height-auto{ height:auto; max-height:var(--msw-maxh-m,var(--msw-maxh,none)); }
}
/* ...and via a forced class, used only by the editor's mobile preview toggle (keep values in sync with above,
   including height - this is what makes the path-animation preview correctly proportioned on "Mobil") */
.msw-slider.msw-force-mobile{ height:var(--msw-h-m,var(--msw-h,420px));
  --msw-nav-size:44px; --msw-nav-font:20px; --msw-nav-pos:8px;
  --msw-cap-pad:6px 10px; --msw-cap-maxw:88%; --msw-cap-font:clamp(14px,4.5vw,20px);
  --msw-dots-bottom:8px; --msw-dot-size:9px;
  --msw-tb-heading-font:clamp(14px,4.8vw,19px); --msw-tb-body-font:clamp(11px,3.2vw,13px); --msw-tb-link-font:clamp(10px,2.8vw,12px); }
.msw-slider.msw-force-mobile.msw-height-auto{ height:auto; max-height:var(--msw-maxh-m,var(--msw-maxh,none)); }
/* Barrierefreiheit: reduzierte Bewegung respektieren - Uebergaenge/Ladeanimation werden nahezu
   augenblicklich statt animiert (JS macht dasselbe fuer Slide-Wechsel und Pfad-Animationen, siehe
   ENGINE_JS prefersReducedMotion). */
@media (prefers-reduced-motion:reduce){
  .msw-caption{transition-duration:.01ms;}
  .msw-slider:not(.msw-loaded)::before{ animation:none; border-top-color:rgba(255,255,255,.6); }
}
/*SLIDER-WIDGET*/