html {
	height: 100vh; /* set viewport constraint */
    min-height: 100%; /* enforce height */
    
}
/*Kontakt-Button Startseite*/
  /* Spezifische Styles für den Button innerhalb des Bereichs mit der ID #apotheke-lentia */
  #apotheke-lentia .contact-button {
    display: inline-block;
    margin-top: 1.5rem;
    padding: 1rem 2rem 1rem 1.5rem;
    background-color: #007B55;
    color: white;
    font-weight: bold;
    text-decoration: none;
    border-radius: 0.5rem;
    font-size: 1.125rem;
    white-space: nowrap;
  }

  /* Hover-Effekt für den Button: Hintergrundfarbe ändert sich */
  #apotheke-lentia .contact-button:hover {
    background-color: #005f3a; /* Dunkleres Grün beim Hover */
  }

  /* Fokus-Status für den Button */
  #apotheke-lentia .contact-button:focus {
    outline: 1px dotted rgba(255,255,255,1); 
outline-offset:-4px;
    box-shadow: 0 0 0 3px #007B55; /* Grüner Fokusrahmen */
  }

  /* Cursor wird zu einem Zeiger, wenn der Benutzer über den Button fährt */
  #apotheke-lentia .contact-button {
    cursor: pointer; /* Zeiger-Cursor */
  }

/*Kontakt-Button Startseite ändern*/


/*LOGO*/
#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(34,34,34,0.1);
}

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

@media screen and (max-width: 390px) {
  #TopLogo {
  display: unset;
}

  #TopLogo img {
  max-width: 80%!important;
  
}
  
}
/*LOGO ENDE*/


/*Bildergalerie stylen*/

#ContentContainerLay3 {
    background-color: rgba(255,255,255,0)!important;
}
#ContLay3SubuebDiv h2 {
    border-bottom: 0px!important;
}




/*Logo fixed Korrektur-Position*/
#OverTopHtmlContDIV.fixed {
  position:fixed;
  margin-top:0px;
    
}
#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*/



/*SCHRIFTGROESSE AENDERN BARRIEREFREIHEIT */
html {
font-size:1em;
}
body{
font-size:1em;
}
/*Button Styling*/
#Schriftgroesse {
 z-index: 10000;
  position: fixed;
   top: 300px;
  bottom: auto;
  right: 30px;
  left: auto;
  width: 45px;
}
@media only screen and (max-width: 959px) {
  #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 AENDERN BARRIEREFREIHEIT ENDE*/


/*Bei Suchformular Slide, Suche Top ausblenden - NUR WENN KEINE STARTSEITE VORHANDEN IST*/
.primaryContainer0 #prim2 #SlideShowContainer, .primaryContainer0 #prim2 #SucheTop {
    display: none;
}


/*Bei Suchformular Slide ausblenden ENDE*/




/*SUCHE TOP*/
#sucheTop {
width:50%; 
    width:120px; 
    padding:7px; 
    background-color:rgba(255,255,255,0.7); 
    border:0px solid rgba(100,100,100,1);
    margin-top:10px; 
    margin-bottom:1%; 
    position:absolute; 
    left:1%; right:auto; 
    top:0px;  float:none; 
    clear:both; 
    margin-left:auto; 
    margin-right:auto; 
    color:black; 
    border-radius:5px;
    -moz-border-radius:5px; 
    -webkit-border-radius:5px; 
    background-image: url(/lib/imgAllg/lupe.svg); 
    background-repeat:no-repeat; 
    background-position:10px 50%; 
    background-size:20px 20px; 
    z-index:1; 
    max-height:35px;
}


@media screen and (max-width: 959px) {
#sucheTop {
    display:none;
    }
}

/*SUCHE TOP ENDE */

@media screen and (max-width: 959px) {
   #SucheTop {
    display:none;
}
}


/*SucheButton Top ENDE*/


/*Navigation Umstyling*/

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

ul.FM_CSS_navigationV4 ul li a {
  background-color: rgba(0,123,164,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(0,123,164,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;
}

#NavipunktContainer {
    top: 0!important; /*Aendert Abstand zum Content*/
}
#NavipunktContainer.fixed {
    top: 0!important;
}

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

#navactive {
  background-color: rgba(255,255,255,0.2)!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
}
#navactive span {
    color: rgba(0,123,164,1)!important;
}
#navactive:hover {
  background-color: rgba(0,123,164,0.3)!important;
    outline: 0!important;
  border-radius: 7px!important;
  -moz-border-radius: 7px!important;
  -webkit-border-radius: 7px!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*/


/*Eigenes Anfrageformular-Style*/
#ContLay99Div {
    background-color: rgba(0,123,164,0)!important;
    padding-top:0%!important;
}
#ContLay99Div input, #ContLay99Div textarea {
    border: 1px solid white;
    background-color: rgba(0,123,164,0.3);
    color: black;
}
#ContLay99Div input:focus, #ContLay99Div textarea:focus {
    border: 0px solid black;
    background-color: yellow;
    color: black;
}
#Lay99SendButton {
    border:0px solid black!important;
    outline: 1px dotted white;
    outline-offset: -5px;
    background-color: rgba(0,123,164,1.0)!important;
    color: white!important;
    padding: 2%!important;
    font-size: 1.4em!important;
}
#Lay99SendButton:hover, 
#Lay99SendButton:focus, 
#Lay99SendButton:active{
    border: 0px;
    outline: 1px solid white;
    outline-offset: -2px;
    background-color: rgba(0,123,164,1.0)!important;
    
}
#dsgvo18:hover,
#dsgvo18:focus,
#dsgvo18:active {
    border: 0px;
    outline: 2px solid black;
    outline-offset:1px;
    background-color: rgba(0,123,164,1.0)!important;
    
}
/*Eigenes Anfrageformular-Style Ende*/

/*DETAILBUTTONS STYLEN*/

#ContLay21DetDiv,
#ContLay22DetDiv,
#ContLay24DetDiv,
#ContLay25DetDiv,
#ContLay6DetDiv,
#ContLay10DetDiv {
    background-color: rgba(0,123,164,1.0);
    transform: scale(1.3)!important;
}
#ContLay21DetDiv:hover,
#ContLay22DetDiv:hover,
#ContLay24DetDiv:hover,
#ContLay25DetDiv:hover,
#ContLay6DetDiv:hover,
#ContLay10DetDiv:hover {
    background-color: rgba(0,123,164,1);
}

@media screen and (max-width: 959px) {
    
    #ContLay21DetDiv,
#ContLay22DetDiv,
#ContLay24DetDiv,
#ContLay25DetDiv,
#ContLay6DetDiv,
#ContLay10DetDiv {
    transform: scale(1.0)!important;
}
}


#ContLay21DetDiv a,
#ContLay22DetDiv a,
#ContLay24DetDiv a,
#ContLay25DetDiv a,
#ContLay6DetDiv a,
#ContLay10DetDiv a {
    color: white!important;
}

/*DETAILBUTTONS STYLEN ENDE*/


#ContLay6ContainerDiv {
    padding: 0px!important;
}

#ContLay21DetDiv, #ContLay22DetDiv, #ContLay24DetDiv, #ContLay25DetDiv, #ContLay6DetDiv, #ContLay10DetDiv {
    background-color: rgba(0,123,164,1);
    border: 3px solid rgba(0,123,164,0.4)!important;
    
     -moz-filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.3));
     -webkit-filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.3));
    filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.3));
   
}
#ContLay21DetDiv a, #ContLay22DetDiv a, #ContLay24DetDiv a, #ContLay25DetDiv a, #ContLay6DetDiv a, #ContLay10DetDiv a {
    color: rgba(255,255,255,1)!important;
    
}

#ContLay22InfoDiv {
      border-radius: 10px!important;  
    -moz-border-radius: 10px!important; 
    -webkit-border-radius: 10px!important; 
}
#ContLay22InfoImgDiv {
      margin-top: 3%;
    min-width: 35%;
}

#ContLay22InfoImgDiv img {
      border-radius: 10px!important;  
    -moz-border-radius: 10px!important; 
    -webkit-border-radius: 10px!important; 
}

#ContLay22InfoDiv {
     background-color: rgba(255,255,255,0.7)!important;
    background-repeat: no-repeat;
    background-position: 1% 1%;
   /* background-image:url("/lib/1000553/msPics/bckSymbol.svg"), linear-gradient(rgba(0,123,164,0.5), rgba(0,123,164,0.1));
background-position:1% 10px, 100% 0%;
    background-size: 3%, 10px 100%;
background-repeat:no-repeat, no-repeat;*/
}

#ContLay220DatumDiv {
    transform: rotate(-0deg);
    top: 5%!important;
    font-size: 1.1em;
    min-width: 100%!important;
}


#ContLay21InfoSubueberschriftP, #ContLay22InfoSubueberschriftP {
    border-bottom: 0px;
}
#ContLay22InfoTextDiv a {
    line-height: 1.4em!important;
    font-weight: bolder;
    
}

#ContLay22ContainerDiv {
    padding: 0px!important;
    background-color: rgba(255,255,255,0)!important;
}

#ContLay21Div, #ContLay22Div {
    background-image: url("/lib/1000553/msPics/bckSymbol.svg");
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: 10px 10px;
    background-blend-mode:multiply;
   
    border-radius: 10px!important;  
    -moz-border-radius: 10px!important; 
    -webkit-border-radius: 10px!important; 
    margin-bottom: 1%!important;
}


/*Startseite, 24h Notdienst - INTRO HINTERGRUND ENDE */

#TOP {
   background-color: rgba(255,255,255,0);
}
#prim2 {
   background-color: rgba(255,255,255,0.9);
}
@media screen and (max-width: 959px) {
   
    #prim2 {
   background-color: rgba(255,255,255,0.8);
}
}



#ContentContainerLay2 {
    background-color: rgba(240,240,240,0);
}
#BottContHtmlDiv, #InfoBoxDIV, #letzteAend {
     background-color: rgba(240,240,240,0);
    padding: 0px;
}






/* ############# NEWS-IFRAME-TEIL Ueberschreiben ####### */

#NEWS {

    height:inherit;
	min-height: 125px;
    margin-bottom: 0%;

}
#NEWS:hover {
	
}
#NEWS iframe {
    min-height: 125px;
    height: 125px;
    
        border-radius:0px;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
}

#NEWS h2 {
    text-align: center;
}



/*HINTERGRUENDE */
.primaryContainer0,
.primaryContainer2,
.primaryContainer3,
.primaryContainer6,
.primaryContainer10,
.primaryContainer21,
.primaryContainer99
{
    height: auto;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    width: 100%;
   /* background-color: rgba(228,4,33,1);*/
      background-color: rgba(0,123,164,1);
/*	background: url("../ms02Pics/hint2.jpg") no-repeat center center fixed;*/
   
  -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment: fixed;
    position: relative;
    
    
      -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
    
    -webkit-animation-delay: 0.4s;
-moz-animation-delay: 0.4s;
animation-delay: 0.4s;
    
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
  animation-name: fadeIn;
    
   
}


/*HINTERGRUENDE ENDE */


#ContStartseiteHTMLDiv {
    clear: both;
    padding: 1%;
    font-size: 1.1em;
    line-height: 1.4em;
	background-color: rgba(255,255,255,0.2);
	
}




/*############################################# 959 */
/*mobile HINTERGRUENDE*/
@media screen and (max-width: 959px) {
   
    
/* ############# NEWS-IFRAME-TEIL überschreiben ####### */

#NEWS {

    height:inherit;
	min-height: inherit;
    margin-bottom: 0%;
    width: 100%;
 

}

#NEWS iframe {
    min-height: 90px;
    max-height: 115px;
    height: inherit;
    
        border-radius:0px;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
}



}

/* ############ INHALT POSITIONIEREN ################################## */
#prim2 {
   
      box-shadow:0px 0px 0px #666; 
   -moz-box-shadow: 0px 0px 0px #666;
    -webkit-box-shadow: 0px 0px 0px #666;
}

/* Inhalt positionieren Mobil 959 */
@media screen and (max-width: 959px) {
    #prim2 {
        overflow: scroll;
    
    }
}

@media screen and (max-width: 687px) {
    
/* ############# NEWS-IFRAME-TEIL ueberschreiben ####### */

#NEWS {

    height:inherit;
	min-height: inherit;
    margin-bottom: 0%;
    width: 100%;
 

}

#NEWS iframe {
    min-height: 225px;
    max-height: 225px;
    height: inherit;
    
        border-radius:0px;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
}
}



/*###### BOTTOM-TEIL UEBERSCHREIBEN */
#BottomContainer {
    margin-bottom: 80px;
}


#Mitte {
    position: relative;
    text-align: center;
    float: left;
    width: 100%;
    clear: none;
    margin-bottom: 3%;
}
#Mitte1 {
    font-size: 1.2em;
    margin-bottom: 2%;
    color: rgba(0,123,164,1);
   
}


#Mitte2 {
    font-size: 1em;
    margin-bottom:1%;
}
#Mitte2 a {
    text-decoration: underline 1px dotted rgba(0,0,0,1);
}
#Mitte2 a:hover {
    background-color: rgba(0,0,0,0.1);
    
}
#Mitte2 a:focus {
    outline:1px solid rgba(0,0,0,1);
    outline-offset: 2px;
    
}
#Mitte2 h3 {
    background-color: rgba(0,0,0,0.5);
    max-width: 100%;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    padding: 3%;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    
}
#Mitte2 h3 a {
   color: white;
    font-weight:bold;
}


#sitemapDiv a:focus {
    outline: 1px solid white;
    outline-offset: 4px;
    background-color: inherit;
}

#cookieaendern {
  /*  background-color: rgba(255,255,255,0.5);
    min-width: 200px;
    max-width: 100%;
    padding: 2%;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;*/
    min-width: 200px!important;
    max-width: 250px;
    padding:0;
    background-color: rgba(255,255,255,1);
}
#cookieaendern button {
    background-color: rgba(0,123,164,0.2);
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding: 5%;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
#cookieaendern button:hover {
    outline: 1px dotted rgba(255,255,255,1);
    outline-offset: -4px;
}
#cookieaendern button:focus {
    outline: 1px solid rgba(0,0,0,1);
    outline-offset: 4px;
}
@media screen and (max-width: 959px) {
    #cookieaendern {
        min-width: 250px;
        max-width: 250px;
        width: 250px;
         background-color: rgba(0,0,0,0.1);
    }
}
@media screen and (max-width: 400px) {
    #cookieaendern {
        min-width: 100%;
        max-width: 100%;
        width: 100%;
    }
}


#SucheButton {
    margin-top: 2%;
    background-color: rgba(0,123,164,0.3);
    color: black;
    font-weight: bold;
    width: 100%;
    max-width: 250px;
    padding: %;
}
#SucheButton a {
    color: black;
    font-weight: bold;
    font-size: 1.3rem;
}
#SucheButton:hover {
    margin-top: 2%;
    background-color: rgba(0,123,164,0.5);
    outline: 1px dotted rgba(255,255,255,1);
    outline-offset: -4px;
}
#SucheButton a:focus {
    outline: 1px solid rgba(0,0,0,1);
    outline-offset: 15px;
}
@media screen and (max-width: 959px) {
    #SucheButton {
        min-width: 250px;
        max-width: 250px;
    }
}
@media screen and (max-width: 400px) {
    #SucheButton {
        min-width: 100%;
        max-width: 100%;
        width: 100%;
    }
}

@media screen and (max-width: 959px) {
   #Mitte {
        float: none;
        clear: both;
        width: 100%;
        height: inherit;
        max-height: inherit;
        
    }

    #Mitte2 {
    margin-bottom: 3%;
}
    
   
    
}


/*eigener Hintergrund unten ENDE*/