/*SCHRIFTGROESSE*/
html {
font-size:1em;
}
body{
font-size:1em;
}
/*Button Styling*/
#Schriftgroesse {
 z-index: 10000;
  position: fixed;
   top: 260px;
  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 ENDE*/


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

/*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 {
  width: 100%;
  height: auto;
  display: block; /* Verhindert zusätzliche Abstände unter dem Bild */
}


/*TOPLOGO ENDE*/


#PFADnav {
    background-color: rgba(149,180,34,1.0);
}

/*Logo Hygiene Products bottom*/

#InfoBoxSubUebersDIV img {
    width: 100%;
  max-width:250px;
    border: 0px solid rgba(0,0,0,1);
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
 box-shadow:0px 0px 0px rgba(0,0,0,0.2);
  -moz-box-shadow:0px 0px 0px rgba(0,0,0,0.2);
  -webkit-box-shadow:0px 0px 0px rgba(0,0,0,0.2);
      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

}

#InfoBoxSubUebersDIV svg:hover, #InfoBoxSubUebersDIV svg:active, #InfoBoxSubUebersDIV svg:focus {
  max-width:240px;
    border: 1px solid rgba(0,0,0,1)!important;
    outline: 4px solid rgba(0,0,0,1)!important;
    outline-offset: -2px!important;
 background-color: rgba(255,255,255,1.0)!important;
}

/*Logo Hygiene Products bottom ENDE*/

/*SlideStart-Focus-Status*/
* #SlideShowStartcarouselDIVCont li a:focus {
    outline: 1px solid rgba(0,0,0,1);
    outline-offset: -13px;
}

/*SlideStart-Focus-Status - ENDE*/

/*Lay21 Überschreiben*/
#ContLay21InfoContDiv {
    background-color: rgba(255,255,255,1)!important;
    
}
/*Lay21 Überschreiben Ende*/


/*Bei Suchformular Slide ausblenden ENDE*/

/*Suche Top*/
#SucheTop {
    width:50%; 
    width:120px; 
    padding:10px; 
    background-color:rgba(255,255,255,1); 
    border:1px solid rgba(200,200,200,1);
    margin-top:1%; 
    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:10px;
    -moz-border-radius:10px; 
    -webkit-border-radius:10px; 
    background-image: url(/lib/imgAllg/lupe.svg); 
    background-repeat:no-repeat; 
    background-position:10px 50%; 
    background-size:20px 20px;
}

#SucheTop:focus, #SucheTop:hover {
    outline: 1px dotted rgba(0,0,0,1);
    outline-offset: -2px;
    
}

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


/*SucheButton Top ENDE*/

/*Navigation Umstyling*/


ul.FM_CSS_navigationV4 li ul {
     background-color: rgba(255,255,255,1.0); /*Ebene 2 + 3 UL-Hintergrund*/
}

ul.FM_CSS_navigationV4 ul li a {
  background-color: rgba(149,180,34,1.0);      /*2. EBENE Button Hintergrundfarbe */
}

ul.FM_CSS_navigationV4 ul li a:hover {
  background-color: rgba(149,180,34,0.3);      /*2. EBENE Button Hintergrundfarbe Hover */
}

#NavigationContainer {
    background-color: rgba(255,255,255,0.6);
}

#NavipunktContainer li {
  border-bottom: 0px!important;
    outline: 1px dotted rgba(0,0,0,0.5);
    outline-offset: -4px;
  border-radius: 7px!important;
  -moz-border-radius: 7px!important;
  -webkit-border-radius: 7px!important;

}
/*Schriftfarbe Navigation ab 2. Ebene*/
#NavipunktContainer li ul li a font {
    color: rgba(0,0,0,1)!important;
    
}

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


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

#navactive {
  background-color: rgba(149,180,34,0.2);
  border-radius: 7px!important;
  -moz-border-radius: 7px!important;
  -webkit-border-radius: 7px!important;
}
#navactive:hover {
  background-color: rgba(149,180,34,0.3)!important;
  border-radius: 7px!important;
  -moz-border-radius: 7px!important;
  -webkit-border-radius: 7px!important;
}
#navactive span {
    color: black;
}
#navactive span:hover {
  background-color: rgba(149,180,34,0)!important;
}



/*Navigation Umstyling Ende*/


/*Eigenes Anfrageformular-Style*/
#ContLay99Div {
    background-color: rgba(149,180,34,0.6)!important;
    padding-top:2%!important;
}
#ContLay99Div input, #ContLay99Div textarea, #DivDsgvo {
    border: 1px solid white;
    background-color: rgba(255,255,255,0.8);
    color: black;
}
#DivDsgvo {
    padding:1%;
    width: 100%!important;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#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(149,180,34,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(149,180,34,1.0)!important;
    
}
#dsgvo18:hover,
#dsgvo18:focus,
#dsgvo18:active {
    border: 0px;
    outline: 2px solid black;
    outline-offset:1px;
    background-color: rgba(149,180,34,1.0)!important;
    
}
/*Eigenes Anfrageformular-Style Ende*/

/*DETAILBUTTONS STYLEN*/

#ContLay21DetDiv,
#ContLay22DetDiv,
#ContLay24DetDiv,
#ContLay25DetDiv,
#ContLay6DetDiv,
#ContLay10DetDiv {
    background-color: rgba(82,124,53,1)!important;
    transform: scale(1.1)!important;
}
#ContLay21DetDiv:hover,
#ContLay22DetDiv:hover,
#ContLay24DetDiv:hover,
#ContLay25DetDiv:hover,
#ContLay6DetDiv:hover,
#ContLay10DetDiv:hover {
  
    background-color: rgba(149,180,34,0.8);
       border-radius: 50;
    -moz-border-radius: 50;
    -webkit-border-radius: 50;
}
#ContLay21DetDiv a,
#ContLay22DetDiv a,
#ContLay24DetDiv a,
#ContLay25DetDiv a,
#ContLay6DetDiv a,
#ContLay10DetDiv a {
   background-color: rgba(82,124,53,1)!important;
    outline: 5px solid rgba(255,255,255,1)!important;
    outline-offset: -5!important;
}


@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;
     background-color: rgba(0,0,0,1.0);
    border-radius: 0!important;
    -moz-border-radius: 0!important;
    -webkit-border-radius: 0!important;
}
}




/*DETAILBUTTONS STYLEN ENDE*/


/*LAY 22 stylen*/

#ContLay22Div {
    max-height: 500px;
}


#ContLay22SubueberschriftP {
   /* color: rgba(149,180,34,1.0);*/
    color: rgba(82,124,53.1);
    border-bottom:0px!important;
}


/*HINTERGRUENDE */
.primaryContainer0,
.primaryContainer2,
.primaryContainer3,
.primaryContainer6,
.primaryContainer10,
.primaryContainer21,
.primaryContainer99
{
    height: auto;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    width: 100%;
        /*  background-color: rgba(21,90,139,0.8);*/ /*alteFarbe*/
    background-color: rgba(149,180,34,1.0);
	/*background: url("../sw2015/img/body_back2a.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 */

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



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

   
}

#OverTopHtmlContDIV {
    text-align: left;
}

@media screen and (max-width: 959px) {
    #OverTopHtmlContDIV {
    text-align: center;
}
}

/*Positionierung und Groesse Logo*/
#OverTopContainer #OverTopHtmlContDIV img, #OverTopContainer #OverTopHtmlContDIV svg {
    min-height: 110px;
    max-height: 110px;
    padding-left: 2%;
    padding-top: 1%;
}

#OverTopContainer #OverTopHtmlContDIV.fixed img, #OverTopContainer #OverTopHtmlContDIV.fixed svg {
    min-height: 40px;
    max-height: 40px;
   margin-top: 5px;
}


@media screen and (max-width: 959px) {
    
    #OverTopContainer #OverTopHtmlContDIV.fixed, #OverTopContainer #OverTopHtmlContDIV {
          min-height: 130px;
    max-height: 130px;
        width: auto;
        height: auto;
        position: relative;
    float: none;
    clear: both;
       margin-left: auto;
        margin-right: auto;
    
    }
    
    #OverTopContainer #OverTopHtmlContDIV img, #OverTopContainer #OverTopHtmlContDIV svg {
     min-height: 120px;
    max-height: 120px;
        width: auto;
        height: auto;
        position: relative;
    float: none;
    clear: both;
       margin-left: auto;
        margin-right: auto;
    padding: unset;
        left: inherit;
    right: inherit;
        top: 0px;
}

#OverTopContainer #OverTopHtmlContDIV.fixed img, #OverTopContainer #OverTopHtmlContDIV.fixed svg {
   min-height: 120px;
    max-height: 120px;
        width: auto;
        height: auto;
        position: relative;
    float: none;
    clear: both;
       margin-left: auto;
        margin-right: auto;
    padding: unset;
        left: inherit;
    right: inherit;
        top: 0px;
}
    
}

/*######################## BOTTOM-TEIL ÜBERSCHREIBEN */
#BottContHtmlDiv {
    padding: 0!important;
}
#BottContHtmlDiv a {
    text-decoration: underline 1px dotted rgba(0,0,0,1)
}

#Bottom1 {
     position: relative;
    float: left;
    clear: left;
    width: 50%;
    max-width: 100%;
    text-align: left;
}

#Bottom1 p {
    line-height: 1.5em;
    font-size: 1em;
    
}
#Bottom1 h2 {
    font-size: 1em;
}

#Bottom1 img {
    max-width:100%;
    width: auto;
    height: auto;
}
#BottomAdresse { 
text-align: left;
    position: relative;
    float: right;
    clear: right;
    width: 100%;
    padding: 0%;
    margin-left: auto;
    margin-right: auto;
     margin-bottom: 3%;
}
#BottomImpressum {
       width: 50%;
    min-width: 200px;
    position: relative;
    float: left;
    margin-left: auto;
    margin-right: 0px;
    clear: right;
    padding: 1%;
    background-color: rgba(255,255,255,1);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-align: right;
}
#BottomImpressum a {
    padding: 5px;
    color: rgba(0,0,0,1);
        text-decoration: underline 1px solid rgba(200,200,200,1.0);
}
#BottomImpressum a:hover {
    background-color: rgba(200,200,200,1);
    text-decoration: none;
    color: rgba(0,0,0,1);
    padding: 5px;
}
#BottomImpressum a:focus {
    background-color: rgba(200,200,200,1);
    text-decoration: none;
    color: rgba(0,0,0,1);
    padding: 5px;
    outline: 1px solid rgba(0,0,0,1);
    outline-offset: -2px;
}

#BottomImpressum img {
     max-width: 100%;
     width: auto;
    height: auto;
}
@media screen and (max-width: 959px) {
    #Bottom1 {
        width: 100%;
        text-align: center;
        clear: both;
    }   
    #BottomImpressum {
        background-color: rgba(50,50,50,1);
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: both;
        text-align: center;
    }
    #BottomImpressum a {
        color: rgba(255,255,255,1)
    }
    #BottomAdresse {
        width: 100%;
        clear: both;
        text-align: center;
    }
}


#SucheButton {
       width: 20%;
    min-width: 200px;
    position: relative;
    float: none;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    padding: 1%;
    background-color: rgba(200,200,200,1);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#SucheButton:hover {
     background-color: rgba(230,230,230,1);
}
#SucheButton a {
    color: rgba(0,0,0,1);
    font-weight: bold;
        text-decoration: none;
}
#SucheButton a:hover {
    background-color: rgba(230,230,230,0);
    text-decoration: none;
    color: rgba(0,0,0,1);
    padding: 5px;
}
#SucheButton a:focus {
    background-color: rgba(200,200,200,1);
    text-decoration: none;
    color: rgba(0,0,0,1);
    padding: 5px;
    outline: 1px solid rgba(0,0,0,1);
    outline-offset: -2px;
}


/*ENDE BOTTOM-TEIL ÜBERSCHREIBEN */


/* ############# NEWS-IFRAME-TEIL überschreiben ####### */

#NEWS {

    height:115px;
	min-height: 115px;
    margin-bottom: 0%;

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


/*############################################# 959 */
@media screen and (max-width: 959px) {
        
    #NEWS { 
		float: none;
		clear: both;
		margin-left: auto;
		margin-right: auto;
    width:100%; 
    height:222px;  
    box-shadow:0px 0px 0px 0px #e3e3e3; 
    border-radius:0px; 
}
    
    #NEWS iframe{
border:0px; 
    margin:0px; 
    border-radius:0px; 
    height: 290px;
}
}