/* Ilmenau 2024, Stand 28.03.2024
 
 blau in den SVG ist: #3197B9 an drei Stellen
 dunkelblau ist dann #277994
 hellblau ist dann #5AACC7
 
 font-family: Standard
 ilmenau: blau #488B9B ist eher #3197B9
 ilmenau dunkelblau #155868
 kita-gruen #76b729
 
.rex-article-2 #155868;    
.rex-article-3 #02542A;   
.rex-article-4 #8F1D0C;   
.rex-article-5  #488B9A;  
.rex-article-6 #4A5C69;  

Unsere Stadt #8B5CD6
Unsere Stadt #6931C4
Bürgerservice #5E60CE
Bürgerservice #3A3CBB
Freizeit #2382BE
Freizeit #195F8A
Tourismus #57A0B2
Tourismus #407D8C
Wirtschaft #2ACBCB
Wirtschaft #1F9898 
 
 */

 
               
@media only screen {                                       
}
 
 /* Schriften  */
body, .font-normal { font-family: "Roboto", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif; }
h1, .h1, h2, .h2, h3, .h3 { font-family: "Roboto Slab", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif; line-height: 1.0; }     
body > header a.nav-link, .subnavi a, .sidebarnavi a, .badge, .text-muted, .card-text, footer ul,  .font-condensed, .btn { font-family: "Roboto Condensed"; }       
.ls-font-size-secondary { font-size: 80%; font-weight: 300; }
.help-text { }

a { color: #3197B9; }

h1, .h1 { margin-top: 1rem !important; }
h3, .h3 { font-size: 1.4rem; }
.container { max-width: 1330px; }
.card p { -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }      
hr.small { width: 160px; margin: 0rem auto 3rem 0; border: 0; border-top: 4px solid #3197B9; }   
.text-center .textitem { max-width: 900px; margin-left: auto; margin-right: auto; }       
.text-center hr.small {max-width: 900px; margin-left: auto; margin-right: auto; } 
.help-text { margin-bottom: 1.5rem; line-height: 1.2; color: #666; }

main { margin-top: 0; }
.breadcrumb { background: transparent;  }
.breadcrumb .breadcrumb-item a { color: #666; }
main > section:last-child { padding-bottom: 5rem; }
aside { padding: 15px 15px 0 15px; }

#topslider { position: relative; }
#topslider figure { position: relative; margin: 0; padding: 0; }
#topslider .figure-caption { position: absolute; right: 0; bottom: 0; left: 0; text-align: right; padding: 0.3rem 1rem; }
#topslider .figure-caption.text-muted { color: rgba(255,255,255,0.5) !important; font-size: 0.7rem; }

.ls-head { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; padding: 0; }   
.ls-head h1 {display: inline-block;  background: transparent !important; color: rgba(255,255,255,0.9); font-size: 2.5rem; line-height: 0.9; margin-bottom: 0; }    
.ls-head h1 span {display: block;  color: rgba(255,255,255,0.8); font-size: 1.7rem; line-height: 1.2rem; font-weight: 300; padding-top: 1.1rem; }    

/* Button */
.btn-super, .btn-super:visited, .btn-super:active { position: relative; background: #277994 !important; border-color: #277994 !important; text-transform: uppercase; color: #fff !important; border: 0; border-radius: 0; min-width: 17rem; padding: 0.7rem 1.125rem 0.7rem calc( 48px + 1.125rem); min-height: 48px;}
.btn-super > span { position: absolute; left: 0; top: 0; bottom: 0; display: block; width: 36px; background: url('../media/ziegen-only-hellblau.svg') center left no-repeat #5AACC7; background-size: 40px auto; }
.btn-super:hover { background: #3197B9 !important; }

.btn-super > span:after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 0;
	height: 0;
	border: 24px solid transparent;
	border-left-color: #5AACC7;
	border-right: 0;
	margin-top: 0;
	margin-right: -24px;
}      
.btn-primary, .btn-primary:visited, .btn-primary:active { background: #277994 !important; border-color: #277994 !important; text-transform: none; color: #fff !important; }
.btn-primary:hover { background: #3197B9 !important; border-color: #3197B9 !important; }    
.btn-secondary, .btn-secondary:visited, .btn-secondary:active { background: #3197B9 !important; border-color: #3197B9 !important; text-transform: none; color: #fff !important; }
.btn-secondary:hover { background: #5AACC7 !important; border-color: #5AACC7 !important; }     
.badge-primary, .badge-primary:visited, .badge-primary:active { background: #277994 !important; border-color: #277994 !important; text-transform: none; color: #fff !important; }
.badge-primary:hover { background: #3197B9 !important; border-color: #3197B9 !important; }     
.badge-light, .badge-light:visited, .badge-light:active { background: #CFD8DC !important; border-color: #CFD8DC !important; text-transform: none; color: #000 !important; font-weight: normal; }
.badge-light:hover { background: #CFD8DC !important; border-color: #CFD8DC !important; }    

table.table p { margin: 0; padding: 0; }
table.table thead tr { background: #f0f0f0; color: #000; }   
table.table thead tr th { border-bottom: 0; }    
table.table.table-dark thead tr { background: #000; color: #fff; }

.figure-caption { line-height: 1.2; }

div.ortsteil, div.ortsname { margin: 3rem 0 1rem; }
a.card:hover { text-decoration: none !important; } 

/* Listen */
.textitem.pfeil ul { list-style: none; margin-left: 0; padding-left: 0; margin: 1em 0;  }    
.textitem.pfeil ul li { list-style: none; margin-left: 0; padding: 3px 0 8px 1.5rem; position: relative; } 
.textitem.pfeil ul li:before { font-family: "Font Awesome 5 Free"; content:"\f35a";  display: inline-block; width: 1.5rem; font-size: 1rem; color: #000000; position: absolute; top: 0.2rem; left: 0; }   
  
.textitem.kasten ul { list-style: none; margin-left: 0; padding-left: 0; margin: 1em 0;  }    
.textitem.kasten ul li { list-style: none; margin-left: 0; padding: 3px 0 8px 18px; position: relative; } 
.textitem.kasten ul li:before { font-family: "Font Awesome 5 Free"; content:"\f04d";  display: inline-block; width: 10px; font-size: 1rem; color: transparent; position: absolute; top: 0.6rem; left: 0; background: #277994; height: 10px;}   

.textitem.gross ol { list-style: upper-latin; }
.textitem.klein ol { list-style: lower-latin; }
.textitem.latin ol { list-style: upper-roman; }                                                                                             

.textitem.kleinklammerwrap ol {counter-reset:list;}
.textitem.kleinklammerwrap ol > li {list-style:none;    position:relative;}
.textitem.kleinklammerwrap ol > li:before {counter-increment:list;    content: "(" counter(list,lower-alpha) ") ";    position:absolute;    left:-1.8em;}

.textitem.kleinklammer ol {counter-reset:list;}
.textitem.kleinklammer ol > li {list-style:none;    position:relative;}
.textitem.kleinklammer ol > li:before {counter-increment:list;    content:counter(list,lower-alpha) ") ";    position:absolute;    left:-1.4em;}

/* Accordion */    
.seitenliste .card .card-header { background: #3197B9; }
.seitenliste .card h3 button, .seitenliste .card h3 button:active { background: #3197B9; }    
.seitenliste .card h3 button { background: #277994; }          
.seitenliste .card h3 button.collapsed { background: #277994;}          
.seitenliste .card h3 button.collapsed:hover { background: #3197B9; }    

/* Hintergründe */
.ls-shadow { box-shadow: 0 0 8px 8px rgba(0,0,0,0.2); }
.ls-bg-light { background: #f5f8fb !important; border: 0; }                   
.ls-bg-lighter { background: rgba(255,255,255,0.7); }                                
.ls-bg-darker { background: rgba(0,0,0,0.1); }                  
.ls-bg-dark { background: #737878 !important; color:#fff; }       
.ls-bg-dark-transp { background: rgba(0,0,0,0.6) !important; color:#fff; }   
.ls-bg-primary { background-color: #3197B9 !important; color:#fff; }       
.ls-bg-secondary { background: #277994 !important; color:#fff; }
.ls-bg-light, .ls-bg-medium, .ls-bg-white, .ls-bg-lighter, .ls-bg-darker { border-top: 1px solid #ddd; }
.ls-bg-blur { position: relative; overflow: hidden; }
.ls-bg-blur > .inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; filter: blur(3px); }
.ls-round-border { border: 1px solid rgba(0,0,0,0.2); border-radius: 10px; padding: 15px; }


/* Alerts */                                                                           
.alert-primary { background: #277994 !important; border-color: #277994 !important; color:#fff; } 
.alert-secondary { background: #5AACC7 !important; border-color: #5AACC7 !important; color:#fff; }     
.alert-dark { background: #277994 !important; border-color: #277994 !important; color:#fff; }         
.alert-light { background: rgba(49, 151, 185,0.1) !important; border-color: rgba(49, 151, 185,0.1) !important; color:#000; }

/* Cards  */
a.card, a.card:link, a.card:hover, a.card:visited, a.card:active { text-decoration: none; color: inherit; }
a.card:hover .card-body, a.card:hover .card-footer { background: rgba(200,200,200,0.2); }
a.card:hover { box-shadow: 0 .125rem .25rem rgba(0,0,0,.275) !important; }
.ls-card-v1 { font-family: "Roboto Condensed", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif; line-height: 1.2; border: 1px solid rgba(0,0,0,0.05); }
.ls-card-v1 h3 { font-family: "Roboto Condensed", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif; font-size: 1rem; font-weight: bold; }
.ls-card-v1 .card-footer { border-top: 0; border-bottom: 1px solid #3197B9; }         
.ls-card-v1 .card-body { padding-bottom: 0; }
.ls-card-v1 .card-img-top { border-bottom: 3px solid #3197B9; }
.ls-card-v1 .card-footer .text-muted { font-size: 1rem; }
.ls-card-v1 .card-footer .text-muted, .ls-card-v1 .card-footer i.fas { color: #3197B9 !important; }

.ls-card-v2 h3.card-title { line-height: 1.2; }
.ls-card-v2 .ls-card-img { background: #277994; text-align: center; color: #fff; display: grid; font-size: 50px; }     
.ls-card-v2 .ls-square-40px.ls-card-img { font-size: 24px; }       
.ls-card-v2 .ls-square-50px.ls-card-img { font-size: 30px; }       
.ls-card-v2 .ls-square-60px.ls-card-img { font-size: 36px; }    
.ls-card-v2 h3.card-title { font-size: 1.1rem; font-weight: 700; color: #444; margin: 0; padding: 0 0 5px 0; }    
.ls-card-v2 p.card-text { color: #666; line-height: 1.3rem; padding-bottom: 0.5rem; } 
.ls-card-v2 .card-body .text-muted { margin-top: 0.3rem; display: inline-block; color: #277994 !important; font-weight: bold; font-size: 0.9rem; line-height: 1.2; }    

.gallery .card  .card-footer { font-family: "Roboto Condensed", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif; padding: 0.4rem; font-size: 0.9rem; line-height: 1; }

.carousel-control-next, .carousel-control-prev { z-index: 15; }

#gotop { position: fixed; display: block; z-index: 2; bottom: 0; right: 0; top: auto; left: auto; height: 50px; width: 50px; background: #000 !important; border-color: #000 !important; color: #fff !important; text-align: center; line-height: 50px; font-size: 30px;  }
#gotop:hover { background: #3197B9 !important; border-color: #3197B9; }

#suchbereich { position: absolute; z-index: 20; box-shadow: 0 0 8px 8px rgba(0,0,0,0.2); }         
#suchbereich { position: fixed;  }
@media only screen and (max-width:991px){       
/* #suchbereich { position: absolute; top: 75px; }   */
#suchbereich { position: fixed; top: 75px; }
}      

/* TOURI Buchungsbox */ 
@media only screen and (min-width:768px) {      
                                                                
#kopf { overflow: visible; }
#head-container {overflow: visible; }   
#head-container { position: relative; }
}
@media only screen and (min-width:991.8px){  
                               
#head-container .ls-buchung { position: absolute; bottom: 0; left: 0; right: 0; top: auto; }     

}  
@media only screen and (min-width:576px) and (max-width:991px){  
#head-container { background: #277994; }
}        
      
@media only screen and (max-width:575px){     
#head-container { background: #277994; }
}

 
/* Header und Menu PC */
body > header { position: relative; z-index: 500; }
body > header > .container { padding-right: 0; }
body > header a.nav-link { font-weight: 500; text-transform: uppercase; color: #555; font-size: 1.2rem; line-height: 36px; letter-spacing: 0px; border-bottom: 6px solid #fff; }        
body > header a.nav-link:hover { color: #000; } 
body > header a.nav-link.active { color: #000; font-weight: 700; border-bottom: 6px solid #3197B9; }
body > header li.nav-item:last-child a.nav-link { padding-right: 0; }
img.logo { height: 80px; width: auto; }        
body > header li.flag.first { margin-left: 2rem; }    
body > header li.flag a { margin-left: 0; padding-left: 0.5rem; margin-right: 0; padding-right: 0; }       
body > header > .container { position: relative; }

                                                
.ls-flagge { height: 34px; width: auto; }

#suche { margin: -1.5rem -15px 1.5rem -15px; padding: 15px 15px; position: relative; }  
#suche input { background: #EAEAEA; border: 1px solid #EAEAEA; padding-right: 3rem; }   
#suche button { background: #000; color: #fff; border: 1px solid #000; border-radius: calc(1.125rem + 1px); height: calc(2.25rem + 4px); width: calc(2.25rem + 4px); position: absolute; right: 15px; top: 14px; text-align: center; padding: 0; }
#suche button i { font-size: 1.5rem; }   

span.suche, span.toggle { display: block; background: #000; color: #fff; border: 0; border-radius: 1.15rem; height: 2.3rem; width: 2.3rem; line-height: 2.3rem; text-align: center; padding: 0 0 0 0; }  
span.suche { padding: 0.2rem 0 0 0; }
span.suche i { font-size: 1.4rem; }   
span.suche { margin-right: 15px; }   

#accessibility { background: transparent; border: 0; padding: 0; margin: 0 0.2rem;  }     
#accessibility span.ls-access { display: block; background: transparent; color: #419339; border: 0; font-size: 2.35rem; line-height: 2.35rem; text-align: center; padding: 0.5rem 0.1rem 0 0.4rem; margin: 0; }  

span.toggle { }
span.toggle i { font-size: 1.4rem; }   
a:hover span.suche, a:hover span.toggle { background: #444; }   
#navtoggle { padding-left: 5px; display: none; }

footer a { color: #fff !important; }      
footer a:hover { color: rgba(255,255,255,0.8) !important; text-decoration: none; }
ul.list-group li a { padding: 0; margin: 6px 0; /*font-size: 0.9rem; */ font-weight: normal; color: #fff !important; background: transparent !important; line-height: 1.1rem; } 
ul.list-group li a:hover { color: rgba(255,255,255,0.8) !important; background: transparent; }
footer hr { border-color: rgba(255,255,255,0.7); }

@media only screen and (min-width:1180px){     
footer .card-columns { column-count: 1; }     
footer .card-columns .card { width: 20%; }   
   
}

@media only screen and (min-width:992px){    
                                                
body > header { position: fixed; z-index: 500; top: 0; left: 0; right: 0; min-height: 90px; }
#inhalt { margin-top: 90px; }
#top img.logo { position: absolute; display: block; left: 30px; right: auto; top: 15px; bottom: auto; background: #fff; height: 95px; padding: 5px 15px 20px 15px; box-shadow: 0 8px 5px 2px rgba(0,0,0,0.1); }

body > header a.nav-link { padding: 0.5rem 0 0.1rem 0; margin: 0 0.7rem;}   
} 
      
@media only screen and (min-width:992px) and (max-width:1179px){    

body > header a.nav-link { padding: 0.5rem 0 0.1rem 0; margin: 0 0.5rem; font-size: 1.0rem; }      
body > header { min-height: 80px; }
footer .card-columns { column-count: 4; }    
#inhalt { margin-top: 80px; }
#top img.logo { height: 85px; padding: 5px 15px 20px 15px;  }
.subnavi a { padding: 0.5rem 0.45rem; font-size: 0.9rem; }

}       
      
@media only screen and (max-width:991px){ 
                         
body > header { position: fixed; z-index: 500; top: 0; left: 0; right: 0; min-height: 75px; }
#inhalt { margin-top: 75px; }
#top img.logo { position: absolute; display: block; left: 30px; right: auto; top: 15px; bottom: auto; background: #fff; height: 70px; padding: 0 10px 10px 10px; box-shadow: 0 8px 5px 2px rgba(0,0,0,0.1); }

body > header li.nav-item { display: none !important; }    
body > header li.nav-item.ls-nav-mobil { display: list-item !important; }     
#navtoggle { display: inline-block; background: transparent !important; border: 0; padding: .5rem 0 0.5rem 0.3rem; }   
span.suche { margin-right: 0; }      
footer .card-columns { column-count: 3; }   
}        

    
@media only screen and (min-width:768px) and (max-width:991px){ 

.ls-card-v2 p.card-text { font-size: 0.85rem; line-height: 1.2; }

}
      
@media only screen and (min-width:576px) and (max-width:991px){ 


.ls-head h1 { font-size: 1.8rem; }    
.ls-head h1 span { font-size: 1.6rem; padding-top: 0.5rem; }    

.ls-card-v2 h3.card-title { }    

}        
      
@media only screen and (max-width:575px){ 

.ls-head h1 { font-size: 1.3rem; }    
.ls-head h1 span { font-size: 1.2rem; padding-top: 0.2rem;  }    


footer .card-columns { column-count: 1; }   
body > header { min-height: 75px; }
#inhalt { margin-top: 75px; }
#top img.logo { top: 19px; bottom: auto; background: #fff; height: 40px; padding: 0; box-shadow: none; left: 10px; }

/* .ls-square-100px { width: 100%; height: 100px; }  */
.ls-square-100px { width: 100%; height: 180px; }
.ls-card-v2 .ls-card-img { min-width: 40px; width: 40px; height: auto; font-size: 24px !important; }
.ls-card-v2 p.card-text { font-size: 0.85rem; line-height: 1.2; }

/* .article-1 #topslider, .article-1  head-container {min-height: 150px; } */

}   

/* Menu Mobil */   
      
@media only screen and (max-width:991px){ 

#mobil-navi { display: block; }       
#mobil-navi.eingeklappt { display: none; }   
#mobil-navi { z-index: 990; position: fixed; top: 0; left: auto; right: 0; bottom: 0; overflow: hidden; overflow-y: auto; display: block; background: #277994; color: #fff; width: 300px; max-width: 100%; box-shadow: 0 0 50px 50px rgba(0,0,0,0.2); }
#mobil-navi .navhead { z-index: 995; position: fixed; top: 0; left: auto; right: 0; bottom: 0; display: block; width: 300px; max-width: 100%; background: #3197B9; color: #fff; height: 75px; padding: 20px 60px 10px 20px; }
#mobil-navi .navhead {}
#mobil-navi .navhead span.navitoggle { cursor: pointer; display: block; position: absolute; right: 20px; top: 20px; bottom: auto; left: auto; width: 75px; font-size: 30px; line-height: 30px; color: #fff; text-align: right; }

    
/*
#mobil-navi .navbody { padding: 90px 0 0 0;}                                                         
#mobil-navi .navbody ul { display: block; list-style: none; margin: 0; padding: 0; border: 0; position: relative; }   
#mobil-navi .navbody ul li { display: block; list-style: none; margin: 0; padding: 0; border: 0; position: relative; }     
#mobil-navi .navbody ul li a { display: block; font-size: 1.5rem; line-height: 2rem; letter-spacing: 0; color: #fff; padding: 10px 20px 10px 20px; text-transform: uppercase; border-bottom: 0; position: relative; text-align: right; font-weight: 300; }     
#mobil-navi .navbody ul li.active > a { color: #fff; }     
#mobil-navi .navbody > ul > li.active > a { font-weight: bold; }   
                                                     
#mobil-navi .navbody ul li.active > a { }  

#mobil-navi .navbody > ul ul { display: none; }   
#mobil-navi .navbody > ul li.active > ul { display: block; padding: 10px 0; }                             
#mobil-navi .navbody > ul li.active > ul li a { font-size: 1.0rem; line-height: 1.1rem; padding: 5px 20px 5px 20px; text-transform: none; }      
#mobil-navi .navbody > ul li.active > ul li.active > a { } 
                         
*/                                    
                                      
#mobil-navi .navfooter { display: block; color: #fff; padding: 0 20px; text-align: center; border: 0; }
#mobil-navi .navfooter { font-size: 0.9rem; line-height: 1.2rem; letter-spacing: 0; color: #fff; text-transform: uppercase; }
#mobil-navi .navfooter a { padding: 10px 0px; color: #fff;  }  

/*
#mobil-navi.eingeklappt { display: none; }       
#mobil-navi { z-index: 990; position: fixed; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; overflow-y: auto; display: block; background: #0b2237; color: #9aa6b3; min-width: 300px; }
#mobil-navi .navhead { z-index: 995; position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: block; background: #d5ae67; color: #eedec2; height: 60px; padding: 20px 60px 10px 20px; }
#mobil-navi .navhead {font-family:'roboto_condensedregular',sans-serif; font-size: 14px; line-height: 18px; letter-spacing: 0; color: #eedec2; text-transform: uppercase; }
#mobil-navi .navhead span.navitoggle { cursor: pointer; display: block; position: absolute; right: 0; top: 0; bottom: 0; left: auto; width: 60px; background: url('../media/navi-close.svg') center center no-repeat #B6100E; background-size: contain; }
#mobil-navi .navhead .langtoggle { padding: 0 15px 0 26px; background: url('../media/sprachwahl.svg') center left no-repeat transparent; background-size: 18px auto;  }   
#mobil-navi .navhead .langtoggle a { padding: 6px 0px; color: #eedec2;  }   
#mobil-navi .navhead .langtoggle a.actlang { color: #fff;  }   

                                      
#mobil-navi .navfooter { display: block; color: #9aa6b3; height: 40px; padding: 20px 20px 10px 20px; }
#mobil-navi .navfooter {font-family:'roboto_condensedregular',sans-serif; font-size: 14px; line-height: 18px; letter-spacing: 0; color: #9aa6b3; text-transform: uppercase; }
#mobil-navi .navfooter a { padding: 6px 0px; color: #9aa6b3;  } 
*/  

#mobil-navi .navbody { padding: 75px 0 0 0;}                                                         
#mobil-navi .navbody ul { display: block; list-style: none; margin: 0; padding: 0; border: 0; position: relative; }   
#mobil-navi .navbody ul li { display: block; list-style: none; margin: 0; padding: 0; border: 0; position: relative; }     
#mobil-navi .navbody ul li a { display: block; font-size: 1.1rem; line-height: 1.1; letter-spacing: 0; color: #fff; padding: 10px 60px 10px 20px; text-transform: none; text-align: left; border-bottom: 1px solid rgba(255,255,255, 0.1); position: relative; }     
#mobil-navi .navbody ul li.active > a { color: #fff; }  
#mobil-navi .navbody > ul li.active > ul li a { padding: 10px 20px; }   
#mobil-navi .navbody > ul > li.active > a {  }            
#mobil-navi .navbody > ul li.nav-item.active > a { font-weight: bold; }   
                                                     
#mobil-navi .navbody ul li a span.pfeil { position: absolute; top: 0; left: auto; right: 0; bottom: 0; width: 60px; background: url('../css/mobilnavi-pfeillinks.svg') center center no-repeat transparent; background-size: 9px auto; }   
#mobil-navi .navbody ul li.active > a > span.pfeil { background: url('../css/mobilnavi-pfeilrunter.svg') center center no-repeat transparent; background-size: auto 9px; }   
#mobil-navi .navbody ul li.active { background: rgba(0,0,0,0.1); }   

#mobil-navi .navbody > ul ul { display: none; }   
#mobil-navi .navbody > ul li.active > ul { display: block; background: transparent; padding: 0; margin: 0;}    
#mobil-navi .navbody > ul li.active > ul li a { color: #fff; }      
#mobil-navi .navbody > ul li.active > ul li.active > a { color: #fff; } 
                                             
}  

/* MEGA-Menu */
#megamenu { position: absolute; top: 100%; left: 0; right: 0;  }      
#megamenu >.container { border-top: 1px solid #ddd; border-bottom: 5px solid #277994 !important; position: relative; }
#megamenu .mega-close { position: absolute; top: 10px; right: 10px; font-size: 1.5rem; }

#megamenu ul.nav ul { list-style: none; margin: 0; padding: 0; }  
#megamenu ul.nav > li { padding: 15px 30px 30px 0; float: left; overflow: hidden; }       
#megamenu ul.nav > li > a { color: #000; font-weight: bold; border-bottom: 1px solid #666; margin-left: 0; padding-left: 0; margin-bottom: 1rem; line-height: 1.1;  }    
#megamenu ul.nav > li > ul > li a { font-weight: normal; padding: 2px 0; margin: 1px 0; text-transform: none; font-size: 1rem; line-height: 1.1; }      
#megamenu ul.nav > li > ul > li > ul { display: none; }

body > header #megamenu ul ul a.nav-link.active { border-bottom: 0; }

#mega-menu-inner * { -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }    
#mega-menu-inner > ul > li { width: 25%; }   
#mega-menu-inner > ul.rex-navi-has-3-elements > li { width: 33.33%; }   
#mega-menu-inner > ul.rex-navi-has-5-elements > li { width: 20%; }  
#mega-menu-inner > ul > li > ul > li:nth-child(n+10) { display: none; }  
     
@media only screen and (min-width:1279.8px){  

#mega-menu-inner > ul > li {}   

}  
/* ENDE MEGA-Menu */

/* Sub-Navigation */
.subnavi { background: #5AACC7; white-space: nowrap; width: 100%; border-top: 1px solid #fff;  }   
.subnavi > nav { width: 100%; overflow-x: auto; }   
.subnavi a:first-child { border-left: 1px solid rgba(255,255,255,0.2); }       
.subnavi a { color: #fff !important; border-right: 1px solid rgba(255,255,255,0.2); }                                 
.subnavi a:hover { background: rgba(0,0,0,0.2); }
.subnavi a.active { font-weight: bold; background: rgba(0,0,0,0.4); }

/* Seitennavigation */
.sidebarnavi { margin-top: 1rem; margin-bottom: 3rem; }                                                                 
.sidebarnavi .nav-pills li { margin-bottom: 2px; line-height: 1.2; }                       
.sidebarnavi .nav-pills li { background: #5AACC7; color: #fff !important; border-radius: .25rem; }    
.sidebarnavi .nav-pills .nav-link { background: transparent !important; color: #fff !important; }     
.sidebarnavi .nav-pills .nav-link:hover { background: rgba(0,0,0,0.2) !important; color: #fff !important; }      
.sidebarnavi .nav-pills .nav-link.active { background: rgba(0,0,0,0.4) !important; color: #fff !important; }                                     
.sidebarnavi .nav-pills .ls-nav-back { background: transparent !important; color: #666 !important; padding-left: 0; margin-left: 0; }  
.sidebarnavi .nav-pills .ls-nav-back .nav-link { background: transparent !important; color: #666 !important; padding-left: 0; margin-left: 0; }    

/* neue Homepage */         
body.start-v2 #header_carousel .carousel-indicators { bottom: 3rem; }    
body.start-v2 .ls-head { padding-bottom: 4rem; }
.topcard-container { margin-top: -3rem; z-index: 5; position: relative; overflow: visible; }                                         
.ls-topcards .card { border: 0; }   
.ls-topcards .card-header { border: 0; background: transparent;  }   
.ls-topcards.ls-cardborder .card-header { border: 0; border-bottom: 1px solid rgba(255,255,255,0.5); background: rgba(0,0,0,0.2); }   
.ls-topcards .card-body { padding-top: 0; padding-bottom: 0;}  
.ls-topcards .card-footer { border: 0; background: transparent;}     
.ls-topcards .text-muted { color: #fff !important;} 

/* Kategorie-Farben */   
/* aktiv-Fabren haben 20 bzw. 40% schwarz überlagerung */     

/* Stand 11.11.2020 */
/*           

.bg-stadt, .badge-936 { background: #8B5CD6; color: #fff;  }   
.bg-buerger, .badge-3 { background: #5E60CE; color: #fff;  }  
.bg-freizeit, .badge-4 { background: #2382BE; color: #fff;  }  
.bg-tourismus, .badge-5 { background: #57A0B2; color: #fff;  }  
.bg-wirtschaft, .badge-6 { background: #2ACBCB; color: #fff;  } 

@media only screen and (min-width:992px){    
body > header .rex-article-936 a.nav-link { border-color: #8B5CD6; }    
body > header .rex-article-3 a.nav-link { border-color: #5E60CE; }   
body > header .rex-article-4 a.nav-link { border-color: #2382BE; }   
body > header .rex-article-5 a.nav-link { border-color: #57A0B2; }   
body > header .rex-article-6 a.nav-link { border-color: #2ACBCB; }   

body.category-936 .subnavi { background: #8B5CD6;  }   
body.category-3 .subnavi { background: #5E60CE;  }  
body.category-4 .subnavi { background: #2382BE;  }  
body.category-5 .subnavi { background: #57A0B2;  }  
body.category-6 .subnavi { background: #2ACBCB;  } 
   
body.category-936 .sidebarnavi .nav-pills li { background: #8B5CD6;  }   
body.category-3 .sidebarnavi .nav-pills li { background: #5E60CE;  }  
body.category-4 .sidebarnavi .nav-pills li { background: #2382BE;  }  
body.category-5 .sidebarnavi .nav-pills li { background: #57A0B2;  }  
body.category-6 .sidebarnavi .nav-pills li { background: #2ACBCB;  }    
} 
*/


/* Stand 15.12.2020 */
/*
.bg-stadt, .badge-936 { background: #2d6a4f; color: #fff;  }   
.bg-buerger, .badge-3 { background: #235842; color: #fff;  }  
.bg-freizeit, .badge-4 { background: #2d5762; color: #fff;  }  
.bg-tourismus, .badge-5 { background: #478a9a; color: #fff;  }  
.bg-wirtschaft, .badge-6 { background: #848c96; color: #fff;  } 

@media only screen and (min-width:992px){    
body > header .rex-article-936 a.nav-link { border-color: #2d6a4f; }    
body > header .rex-article-3 a.nav-link { border-color: #235842; }   
body > header .rex-article-4 a.nav-link { border-color: #2d5762; }   
body > header .rex-article-5 a.nav-link { border-color: #478a9a; }   
body > header .rex-article-6 a.nav-link { border-color: #848c96; }   

body.category-936 .subnavi { background: #2d6a4f;  }   
body.category-3 .subnavi { background: #235842;  }  
body.category-4 .subnavi { background: #2d5762;  }  
body.category-5 .subnavi { background: #478a9a;  }  
body.category-6 .subnavi { background: #848c96;  } 
   
body.category-936 .sidebarnavi .nav-pills li { background: #2d6a4f;  }   
body.category-3 .sidebarnavi .nav-pills li { background: #235842;  }  
body.category-4 .sidebarnavi .nav-pills li { background: #2d5762;  }  
body.category-5 .sidebarnavi .nav-pills li { background: #478a9a;  }  
body.category-6 .sidebarnavi .nav-pills li { background: #848c96;  }    
}    

*/
/* Stand 04.01.2021 */
 /*
           

.bg-stadt, .badge-936 { background: #54b689; color: #fff;  }   
.bg-buerger, .badge-3 { background: #235842; color: #fff;  }  
.bg-freizeit, .badge-4 { background: #2d5762; color: #fff;  }  
.bg-tourismus, .badge-5 { background: #478a9a; color: #fff;  }  
.bg-wirtschaft, .badge-6 { background: #848c96; color: #fff;  } 

@media only screen and (min-width:992px){    
body > header .rex-article-936 a.nav-link { border-color: #54b689; }    
body > header .rex-article-3 a.nav-link { border-color: #235842; }   
body > header .rex-article-4 a.nav-link { border-color: #2d5762; }   
body > header .rex-article-5 a.nav-link { border-color: #478a9a; }   
body > header .rex-article-6 a.nav-link { border-color: #848c96; }   

body.category-936 .subnavi { background: #54b689;  }   
body.category-3 .subnavi { background: #235842;  }  
body.category-4 .subnavi { background: #2d5762;  }  
body.category-5 .subnavi { background: #478a9a;  }  
body.category-6 .subnavi { background: #848c96;  } 
   
body.category-936 .sidebarnavi .nav-pills li { background: #54b689;  }   
body.category-3 .sidebarnavi .nav-pills li { background: #235842;  }  
body.category-4 .sidebarnavi .nav-pills li { background: #2d5762;  }  
body.category-5 .sidebarnavi .nav-pills li { background: #478a9a;  }  
body.category-6 .sidebarnavi .nav-pills li { background: #848c96;  }    
}      

*/
/* Stand 08.01.2021, ist auch im Template */

/*           

.bg-stadt, .badge-936 { background: #419339; color: #fff;  }   
.bg-buerger, .badge-3 { background: #276235; color: #fff;  }  
.bg-freizeit, .badge-4 { background: #0E518D; color: #fff;  }  
.bg-tourismus, .badge-5 { background: #57A0B2; color: #fff;  }  
.bg-wirtschaft, .badge-6 { background: #07737A; color: #fff;  } 

@media only screen and (min-width:992px){    
body > header .rex-article-936 a.nav-link { border-color: #419339; }    
body > header .rex-article-3 a.nav-link { border-color: #276235; }   
body > header .rex-article-4 a.nav-link { border-color: #0E518D; }   
body > header .rex-article-5 a.nav-link { border-color: #57A0B2; }   
body > header .rex-article-6 a.nav-link { border-color: #07737A; }   

body.category-936 .subnavi { background: #419339;  }   
body.category-3 .subnavi { background: #276235;  }  
body.category-4 .subnavi { background: #0E518D;  }  
body.category-5 .subnavi { background: #57A0B2;  }  
body.category-6 .subnavi { background: #07737A;  } 
   
body.category-936 .sidebarnavi .nav-pills li { background: #419339;  }   
body.category-3 .sidebarnavi .nav-pills li { background: #276235;  }  
body.category-4 .sidebarnavi .nav-pills li { background: #0E518D;  }  
body.category-5 .sidebarnavi .nav-pills li { background: #57A0B2;  }  
body.category-6 .sidebarnavi .nav-pills li { background: #07737A;  }    
}  
*/      

         
.text-secondary, a.text-secondary { color: #3197b9 !important;  }    
.ac_results { position: fixed; }

.bg-stadt, .badge-936 { background: #419339; color: #fff;  }   
.bg-buerger, .badge-3 { background: #276235; color: #fff;  }  
.bg-freizeit, .badge-4 { background: #0E518D; color: #fff;  }  
.bg-tourismus, .badge-5 { background: #3197b9; color: #fff;  }  
.bg-wirtschaft, .badge-6 { background: #07737A; color: #fff;  } 

@media only screen and (min-width:992px){    
body > header .rex-article-936 a.nav-link { border-color: #419339; }    
body > header .rex-article-3 a.nav-link { border-color: #276235; }   
body > header .rex-article-4 a.nav-link { border-color: #0E518D; }   
body > header .rex-article-5 a.nav-link { border-color: #3197b9; }   
body > header .rex-article-6 a.nav-link { border-color: #07737A; }   

body.category-936 .subnavi { background: #419339;  }   
body.category-3 .subnavi { background: #276235;  }  
body.category-4 .subnavi { background: #0E518D;  }  
body.category-5 .subnavi { background: #3197b9;  }  
body.category-6 .subnavi { background: #07737A;  }     

body.category-936 #footer.ls-bg-secondary { background: #419339 !important;  }   
body.category-3 #footer.ls-bg-secondary { background: #276235 !important;  }  
body.category-4 #footer.ls-bg-secondary { background: #0E518D !important;  }  
body.category-5 #footer.ls-bg-secondary { background: #3197b9 !important;  }  
body.category-6 #footer.ls-bg-secondary { background: #07737A !important;  } 
   
body.category-936 .sidebarnavi .nav-pills li { background: #419339;  }   
body.category-3 .sidebarnavi .nav-pills li { background: #276235;  }  
body.category-4 .sidebarnavi .nav-pills li { background: #0E518D;  }  
body.category-5 .sidebarnavi .nav-pills li { background: #3197b9;  }  
body.category-6 .sidebarnavi .nav-pills li { background: #07737A;  }   

form .border-1 { border: 1px solid #3197b9; border-radius: 8px; } 
} 

/* Schriftgrößen Mobilversion etc */       
          
.ls-social { margin: 2rem 0; }
.ls-social > a { border-radius: 360px; margin: 0 0 8px 8px; }                   
.ls-social > a:hover { background: rgba(0,0,0,0.2); }   


    
      
@media only screen and (max-width:991px){     

.ls-card-v2 h3.card-title { font-size: 1rem; }
.h1, h1 { font-size: 1.6rem; }   
h2, .h2 { font-size: 1.4rem; }
h3, .h3 { font-size: 1.2rem; }
}          
      
@media only screen and (max-width:769px){    

.breadcrumb { display: none; }    
main, .sidebarnavi { padding-top: 1rem; }  
}     
      
@media only screen and (min-width:576px) and (max-width:991px){ 
}        
      
@media only screen and (max-width:575px){    
   
}


@media only print {   

body { font-size: 115%; }
body > header, footer { display: none; }
#kopf, #mobil-navi, .sidebarnavi , ol.breadcrumb { display: none; }
main { max-width: 100% !important; flex: 0 0 100%  !important; margin-left: 0  !important; width: 100%; display: block; }
h2 { page-break-before: always; padding-bottom: 3rem; }
hr + h2 { page-break-before: avoid; } 
.card-footer a i { display: none; }
}

.btn-super, .btn-super:visited, .btn-super:active { text-transform: none; }

#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a { background-color: #88b04b;	color: #ffffff;}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links{ border-color: #88b04b;}
body.pojo-a11y-focusable a:focus{ outline-style: solid !important;	outline-width: 1px !important;	outline-color: #FF0000 !important;}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay{ background-color: #ffffff;}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a, #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay p.pojo-a11y-toolbar-title{ color: #333333;}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active{ background-color: #88b04b;	color: #ffffff;}

#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay { border: 0; }   
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay a:hover { text-decoration: none; }
                                      
.ls-audiostop { display: none; }      
.speaker-started .ls-audiostop { display: block; }   
.speaker-started .ls-audiostart { display: none; }
     
     
         
                                                
form.bhh2022 {}                                                                            
form.bhh2022 legend { margin: 0 -15px 1rem -15px; width: calc(100% + 30px); max-width: calc(100% + 30px); background: #155868; border-radius: .25rem; padding: 5px 15px; color: #fff; }    
form.bhh2022 fieldset { padding: 15px; background: #f5f8fb; border-radius: .25rem; }    
form.bhh2022 .form-group.form-textinput {}    
form.bhh2022 .form-group.form-textinput label {}    
form.bhh2022 .form-group.form-textinput input.formtext { border-radius: 0 .25rem .25rem 0; }  
form.bhh2022 div.radiofield { display: inline-block; background: rgba(39, 121, 148,0.1); border-radius: .25rem; padding: .375rem .75rem .15rem; margin: 0 0.2rem 15px 0; }    

@media only screen and (min-width:576px){    
                                                
form.bhh2022 .form-group.form-textinput { display: flex; }    
form.bhh2022 .form-group.form-textinput label { background: rgba(39, 121, 148,0.1); border-radius: .25rem 0 0 .25rem; padding: .375rem .75rem; width: 30%; margin-right: 0; min-height: calc(1.5em + .75rem + 2px); border: 1px solid #ced4da; border-right: 0; }    
form.bhh2022 .form-group.form-textinput input.formtext { border-radius: 0 .25rem .25rem 0; }        
                                                
form.bhh2022 .form-group.selectfeld { display: flex; }    
form.bhh2022 .form-group.selectfeld label { background: rgba(39, 121, 148,0.1); border-radius: .25rem 0 0 .25rem; padding: .375rem .75rem; width: 30%; margin-right: 0; min-height: calc(1.5em + .75rem + 2px); border: 1px solid #ced4da; border-right: 0; }    
form.bhh2022 .form-group.selectfeld select.formtext { border-radius: 0 .25rem .25rem 0; }  
} 

/* Spamschutz Formular */
form.special-form .form-group hr { display: none; }
form.special-form .fieldset { margin-top: 2rem; }
form.special-form legend { padding-bottom: 1.5rem; }

form.special-form .img-thumbnail { width: 100px; height: 100px; padding: 1px; }
form.special-form .img-wrong { filter: grayscale(0.9); }
form.special-form .rounded-pill { height: 1.5rem; width: 1.5rem; color: #fff; margin-left: -20px; }