/* Master Version 2.1.3 vom 13.06.2022
*/  

/* zu nutzen mit var(--hover-color) */   
/*
:root {
	--primary-color: rgb(228, 31, 12); 
	--secondary-color:  rgb(61, 35, 131);   
	--light-color: rgb(225,225,225);         
	--hover-color: rgba(61, 35, 131, 0.8);    
	--dark-color: #2a2a2a;     
	--menutext-color: #fff;    
	--main-font: "Roboto";    
	--second-font: "Roboto Condensed";     
}  
*/  
                              
/* Schriften */     
body, header { font-family: var(--main-font),Arial,sans-serif; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6  { font-family: var(--second-font),Arial,sans-serif !important;}  
.ls-font-primary { font-family: var(--main-font),Arial,sans-serif !important; }    
.ls-font-secondary, .badge-secondary { font-family: var(--second-font),Arial,sans-serif !important;}  
.ls-font-weight-light { font-weight: 100 !important; }      
.ls-font-size-secondary { font-weight: 100 !important; }    
.ls-font-size-primary { font-weight: bold; }  

/* 
LS Helper Classes 30.12.2020
*/

body { overflow-x: hidden; }
.ls-sticky-top { z-index: 900; position: fixed; top: 0; left: 0; right: 0; }

/* Korrekturen */
.container-fluid > .container-fluid { margin-left: -15px; padding-left: 0; padding-right: 0; margin-right: -15px; width: calc(100% + 30px); }      
.container > .container { padding-left: 0; padding-right: 0; }
.text-center > img { margin-left: auto; margin-right: auto; }    
article, section { width: 100%; max-width: 100%; overflow-x: hidden; }
p { margin-bottom: 1.5rem; }
p.text-white a { color: #fff !important; }    
.alert.alert-hidden { display: none; }

/* Schriften */      
.ls-text-shadow { text-shadow: 0 0 5px rgba(0,0,0,0.9); }       
.ls-font-smaller { font-size: 85%; }   
.ls-deco-none { text-decoration: none !important; }

.text-primary { color: var(--primary-color) !important; }
.text-secondary { color: var(--secondary-color) !important; }
.text-info { color: var(--contrast-color) !important; }
.text-dark { color: var(--dark-color) !important; }

.bg-primary { background-color: var(--primary-color) !important; }
.bg-secondary { background-color: var(--secondary-color) !important; }
.bg-info { background-color: var(--contrast-color) !important; }
.bg-dark { background-color: var(--dark-color) !important; }

/* Hintergrund */    
.bg-img-hero { background-size: cover; background-repeat: no-repeat; background-position: center center; }     
.ls-bg-img-hero { background-size: cover; background-repeat: no-repeat; background-position: center center; }     
.ls-bg-transparent  { background-color: transparent !important; }
.ls-bg-white  { background-color: #fff !important; }
.ls-bg-black  { background-color: #000 !important; }
.ls-bg-light  { background-color: var(-light-color) !important; }               
.ls-bg-lighter { background: rgba(255,255,255,0.7); }    
.ls-bg-dark  { background-color: var(-dark-color) !important; }                                
.ls-bg-darker { background: rgba(0,0,0,0.1); }   
.bg-primary, .ls-bg-primary  {background-color: var(--primary-color) !important; }       
.ls-bg-gradient-overlay { position: relative; z-index: 1; }    
.ls-bg-gradient-overlay::before, .ls-bg-gradient-overlay::after { position:absolute;  top:0;  right:0;  bottom:0;  left:0;  z-index:-1;  width:100%;  height:100%;  content:""; }
.ls-bg-gradient-overlay::before { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%); background-repeat: repeat-x; }    
.ls-bg-gradient-overlay-fromtop { position: relative; z-index: 1; }    
.ls-bg-gradient-overlay-fromtop::before, .ls-bg-gradient-overlay-fromtop::after { position:absolute;  top:0;  right:0;  bottom:0;  left:0;  z-index:-1;  width:100%;  height:100%;  content:""; }
.ls-bg-gradient-overlay-fromtop::before { background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%); background-repeat: repeat-x; }    
.ls-bg-gradient-overlay-frombottom { position: relative; z-index: 1; }    
.ls-bg-gradient-overlay-frombottom::before, .ls-bg-gradient-overlay-frombottom::after { position:absolute;  top:0;  right:0;  bottom:0;  left:0;  z-index:-1;  width:100%;  height:100%;  content:""; }
.ls-bg-gradient-overlay-frombottom::before { background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%); background-repeat: repeat-x; }   
.ls-bg-gradient-color  { background-image: linear-gradient(90deg, #CF0006 0%, #F30B00 100%); }                
.ls-bg-gradient-primary  { background-image: linear-gradient(90deg, #CF0006 0%, #F30B00 100%); }         

.ls-image-copy { position: absolute; bottom: 0; right: 0; display: block; padding: 0.2rem 1rem; font-size: 0.6rem; background: #f5f5f5; background: rgba(255,255,255,0.5); color: #000; width: auto; }

.ls-circle-btn, .ls-circle-btn:focus { min-width: 2rem; height: 2rem; border-radius: 360px; background: rgba(0, 97, 156, 0.2); text-align: center; position: relative; outline: none !important; box-shadow: none; border: 0; padding: 0; cursor: pointer; }    
.ls-circle-btn:disabled { cursor: not-allowed; opacity: 0.8; }   
.ls-circle-btn.choosen { box-shadow: 0 0 4px 4px rgba(0,0,0,0.3); }   
.ls-circle-btn i { line-height: 2rem; font-size: 1.0rem; }
.ls-circle-btn .badge-pill { position: absolute; top: -8px; right: -7px; }

/* Button */
.btn-wide { min-width: 10rem; }  
.btn.focus, .btn:focus { box-shadow: none; }

/* Abmessungen */
.ls-half-container { position: relative; max-width: 600px; } 
.container-fluid.ls-full-no-gutters { margin: 0; padding: 0; }
                     
.ls-minh-50px { min-height: 50px; }    
.ls-minh-80px { min-height: 80px; }                    
.ls-minh-15vh { min-height: 15vH; }
.ls-minh-20vh { min-height: 20vH; }
.ls-minh-25vh { min-height: 25vH; }
.ls-minh-50vh { min-height: 50vH; }
.ls-minh-66vh { min-height: 66vH; }  
.ls-minh-75vh { min-height: 75vH; }
.ls-minh-100vh { min-height: 100vH; }     
.ls-minh-100vh-50p { min-height: calc( 100vH - 50px); }      
                                                            
.ls-square-40px { min-width: 40px; min-height: 40px; } 
.ls-square-50px { min-width: 50px; min-height: 50px; } 
.ls-square-60px { min-width: 60px; min-height: 60px; }
.ls-square-100px { min-width: 100px; min-height: 100px; }
                                                           
.ls-space-1 { padding-top: 1rem; padding-bottom: 1rem; }
.ls-space-2 { padding-top: 2rem; padding-bottom: 2rem; }
.ls-space-3 { padding-top: 3rem; padding-bottom: 3rem; }
.ls-space-4 { padding-top: 4rem; padding-bottom: 4rem; }
.ls-space-5 { padding-top: 5rem; padding-bottom: 5rem; }     
                           
.ls-w-33 { width: 33% !important; }  
.ls-w-40 { width: 40% !important; }  
.ls-w-50 { width: 50% !important; } 
.ls-w-75 { width: 75% !important; }  
.ls-w-100 { width: 100% !important; }   
.ls-w-40p { width: 40px !important; }  
.ls-w-50p { width: 50px !important; } 
.ls-w-75p { width: 75px !important; }    
.ls-w-max-7r { max-width: 7rem; }

/* Navi und Header */
#top { background: #000; color: #fff; height: 50px; font-size: 25px; line-height: 50px; font-weight: 500; text-decoration: none !important; }    
#top span { color: rgba(255,255,255,0.5); font-weight: 100; text-transform: uppercase; font-size: 24px; border-left: 1px solid rgba(255,255,255, .15); }
#navtoggle { width: 50px; color: #fff; font-size: 30px; line-height: 50px; padding: 0; margin: 0; text-align: center; background: #ED0817 !important; border-radius: 0;  }         
main { margin-top: 51px; }

/* Menü */
#mainheader .nav-link { color: #fff; text-transform: uppercase; min-height: 50px; line-height: 50px; font-size: 1.1rem; margin: 0; padding: 0 1rem; }    
#mainheader .nav-link.active { background: var(--primary-color); color: #fff; }     
#mainheader .nav-link:hover { color: rgba(255,255,255,0.7); }    
#mainheader .ls-nav-lang { width: 50px; border-right: 1px solid var(--primary-color); }      
#mainheader .ls-nav-lang.active { background: var(--primary-color); color: #fff !important;  } 
#mainheader .btn-menusize { height: 50px; text-align: center; }        

#mobil-navi .navfooter { border-top: 1px solid var(--primary-color); border-bottom: 1px solid var(--primary-color); line-height: 40px; }      
#mobil-navi .navfooter h6 { margin: 0; padding: 0; }      
#mobil-navi .navfooter ul { border-left: 1px solid var(--primary-color); }      
#mobil-navi .navfooter .ls-nav-lang { width: 40px; border-right: 1px solid var(--primary-color); font-size: 18px; }      
#mobil-navi .navfooter .ls-nav-lang.active { background: var(--primary-color); color: #fff !important; }   
#mobil-navi .navfooter .btn-menusize { height: 40px; text-align: center; padding: 0;  }      

/* Footer */
.ls-social br { display: none; }
.ls-social > a { display: inline-block; width: 36px; height: 36px; line-height: 36px; font-size: 20px; text-align: center; margin: 0 2px 2px 0; background: rgba(255,255,255,0.2); border-radius: 3px; }
.ls-social > a:hover { background: #ED0817; }
#footer ul.list-group-transparent li a { color: rgba(255, 255, 255, 0.7); margin: 2px 0 0 0; line-height: 1.2;  }
#footer ul.list-group-transparent li a:hover, #footer ul.list-group-transparent li a:focus { color: var(--primary-color);  }
#footer .h6 { font-size: 1.1rem; font-weight: 600; }


/* Position */
.ls-pos-absolute-top-right-0 { position: absolute; top: 0; right: 0; }
.ls-pos-absolute-top-left-0 { position: absolute; top: 0; left: 0; }

/* Icons */
.ls-icon { display: inline-bock; text-align: center; line-height: 0.7; position: relative; }   
.ls-icon-primary { background-color: #95c11f; border-color: #95c11f; color: #fff; }   
.ls-icon-sm { width: 2rem; height: 2rem; font-size: 0.9rem; }                         
.ls-icon-md { width: 3rem; height: 3rem; font-size: 0.9rem; }                       
.ls-icon-light { background-color: #fff; border-color: #fff; color: var(-dark-color);  width: 2.5rem; height: 2.5rem; font-size: 1rem; }       
.ls-icon-medium { background-color: #aaa; border-color: #aaa; color: #fff;  width: 2.5rem; height: 2.5rem; font-size: 1rem; }     
.ls-icon-dark { background-color: var(-dark-color); border-color: var(-dark-color); color: #fff;  width: 2.5rem; height: 2.5rem; font-size: 1rem; }              
.ls-icon-inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }  

.ls-border-dark-1 { border: 1px solid rgba(0,0,0,.25) !important; }
.ls-border-dark { border-color: rgba(0,0,0,.25); }     
.ls-shadow-1 { box-shadow: 0 0 20px 5px rgba(0,0,0,.25); } 
.ls-shadow-2 { box-shadow: 0 0 2px 1px rgba(0,0,0,0.1); }

/* Cards */
.ls-card-v1 .card-footer { background: transparent; }      
.ls-card-v1 .card-footer a:hover { text-decoration: none; }
.ls-card-v1 .card-footer .text-muted, .ls-card-v1 .card-footer i.fas { font-size: 1.5rem; color: #95c11f !important; }

.card.ls-cardclick { cursor: pointer; }

.ls-fulltext { display: block; }
.ls-eingeklappt .ls-fulltext { display: none; }   
.ls-fulltext { display: block; }                          
.ls-showmore { display: none; }
.ls-eingeklappt .ls-showmore { display: inline-block; }         
.ls-showless { display: inline-block; }
.ls-eingeklappt .ls-showless { display: none; }

/* Listen */
.textitem ul { list-style: none; margin-left: 0; padding-left: 0; margin: 1em 0;  }    
.textitem ul li { list-style: none; margin-left: 0; padding: 3px 0 8px 1.5rem; position: relative; } 
.textitem ul li:before { font-family: "Font Awesome 5 Free"; content:"\f35a";  display: inline-block; width: 1.5rem; font-size: 1rem; color: #97BE0D; position: absolute; top: 0.2rem; left: 0; }  

ul.list-group, ul.list-group li { list-style: none; margin: 0; padding: 0; }
ul.list-group li { margin-bottom: 3px; }
ul.list-group-transparent li a { background: transparent; color: #fff; padding: 2px; margin: 5px 0; border: 0; }    
ul.list-group li a { background: transparent; padding: 0.5rem; margin: 0; border: 0; text-decoration: none; font-weight: bold; }   
ul.list-group li a i { font-size: 1.2rem; } 

/* Accordion */    
.seitenliste .card .card-header { background: #737878; }
.seitenliste .card h3 button, .seitenliste .card h3 button:active { background: #737878; color: #fff; border: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; font-size: 1.2rem; text-decoration: none; }    
.seitenliste .card h3 button { background: #b4143c; color: #fff; text-decoration: none; }          
.seitenliste .card h3 button.collapsed { background: #b4143c; color: #fff;}          
.seitenliste .card h3 button.collapsed:hover { background: #737878; color: #fff; text-decoration: none; }      

.seitenliste .card h3 button span.less { display: inline-block; } 
.seitenliste .card h3 button span.more { display: none; } 
.seitenliste .card h3 button.collapsed span.less { display: none; }    
.seitenliste .card h3 button.collapsed span.more { display: inline-block; }

/* Media */                          
.ls-clients { max-width: 300px; }
.bilditem.text-full figure.figure, .bilditem.text-full figure.figure img { width: 100%; }

/* Divider */
.ls-divider{position:relative;  display:inline-block;}
.ls-divider::before,.ls-divider::after{position:absolute;  top:50%;  background-color:#d4d7dd;  content:"";}
.ls-divider::before{right:100%;}
.ls-divider::after{left:100%;}
.ls-divider-wrapper{overflow:hidden;}
.ls-divider-xs{font-size:0.75rem;}
.ls-divider-xs::before,.ls-divider-xs::after{width:999px;  height:0.0625rem;  -webkit-transform:translateY(-50%);          transform:translateY(-50%);}
.ls-divider-xs::before{margin-right:.625rem;}
.ls-divider-xs::after{margin-left:.625rem;}

/* Avatare */
.ls-avatar { width: 5rem; height: 5rem; }     
.ls-avatar-sm { width: 3.5rem; height: 3.5rem; }  
.ls-avatar-xs { width: 2.5rem; height: 2.5rem; }   
.ls-avatar-bordered { border: 4px solid #fff; }   
.ls-avatar-bordered-xs { border: 2px solid #fff; }
.ls-avatar-shadow { box-shadow: 0 0 2.1875rem rgba(140, 152, 164, 0.25) !important; }
.u-divider-text{color:#8c98a4;}

/* Audio-player */    
.ls-player-height { min-height: 60px; }
.ls-audio-player { z-index: 100; position: fixed; display: block; bottom: 0; left: 0; right: 0; height: 60px; background: #000; color: #fff; }
.ls-audio-player.inactive { display: none; }
.ls-audio-controls > .inactive { display: none; }
.ls-audio-play, .ls-audio-pause { height: 38px; width: 38px; border-radius: 50%; background: #fff; color: #000; line-height: 38px; font-size: 19px; text-align: center; padding-left: 3px; }
.ls-audio-progress { position: absolute; top: -1px; left: 0; right: 0;  height: 1px; background: rgba(255,255,255,0.2); }     
.ls-audio-progress-current { position: absolute; top: 0; left: 0; height: 1px; background: #fff;}
.ls-audio-title { line-height: 1.1; }

/* Lightbox */    
#libcover { display: none; }
body.mitlib #libcover { display: block; }
html.mitlib, body.mitlib { /*height: 100%; overflow-x: hidden; overflow-y: visible; */ }
.libcover { z-index: 1500; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #eeeeee; background: rgba( 50,50,50,0.7); }
.libclose { position: relative; top: 0; left: 0; right: 0; bottom: auto; height: 50px; width: 100%; margin: 0 auto; width: calc(100% - 160px); max-width: 880px; cursor: pointer; background: url('../media/navi-close.svg') top right no-repeat #fff; background-size: contain;  border-radius: 12px 12px 0 0; }
.libcontent { position: fixed; z-index: 1510; top: 90px; left: 30px; right: 30px; bottom: 0; overflow: visible; }
.libinner { position: relative; width: 100%; width: calc(100% - 160px); max-width: 880px; background: #ffffff; overflow-y: auto; padding: 0 50px 50px 50px; margin: 0 auto; height: calc(100vH - 140px); }    
       
@media only screen and (min-width:576px) and (max-width:991.98px){    

.libinner { width: calc(100% - 40px); max-width: 100%; padding: 0 20px 50px 20px;  }  
.libclose { width: calc(100% - 40px);  max-width: 100%;  }

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

.libcontent { top: 25px; left: 0; right: 0; bottom: 0; padding: 0; }   
.libcontent > .container { padding: 0; }
.libinner { width: calc(100% - 20px); max-width: 100%; padding: 0 10px 20px 10px;  height: calc(100vH - 75px); }  
.libclose { margin-right: 10px; top: 0; z-index: 1550;  width: calc(100% - 20px); max-width: 100%;  }   
.libinner .container-fluid { padding: 0; }

}  


/* Zeitleiste */  
.ls-zeitleiste-item{position:relative;  display:-ms-flexbox;  display:flex;  -ms-flex-direction:row;      flex-direction:row;  -ms-flex-wrap:wrap;      flex-wrap:wrap;  margin-right:-.9375rem;  margin-left:-.9375rem;}
.ls-zeitleiste-icon{position:absolute;  top:0;  left:.9375rem;}    
.ls-zeitleiste-content, .ls-zeitleiste-info{width:calc(100% - 4rem);}
.ls-zeitleiste-info, .ls_zeitleiste-spacer{display:block;}      
.ls-zeitleiste-info, .ls-zeitleiste-content, .ls-zeitleiste-spacer{padding-right:.9375rem;  padding-left:.9375rem;}     
.ls-zeitleiste-info, .ls-zeitleiste-content{position:relative;}
.ls-zeitleiste-info::before, .ls-zeitleiste-content::before{position:absolute;  top:.5rem;  bottom:0;  left:1.875rem;  height:100%;  content:"";}   

.ls-zeitleiste .ls-zeitleiste-content::before{ border-left:3px dashed #e3e6f0; }      
.ls-zeitleiste.no-border .ls-zeitleiste-content::before{ border-color: transparent; }   

.ls-zeitleiste-info.icon-md::before, .ls-zeitleiste-content.icon-md::before{left:2.375rem; }      
.ls-zeitleiste-content{padding-bottom:2rem;}    
.ls_zeitleiste-info{padding-bottom:2rem;}
         
@media only screen and (max-width:991.98px){
.ls-zeitleiste-info, .ls-zeitleiste-content, .ls-zeitleiste-spacer{ padding-left:0;  }  
.ls-zeitleiste-content .media { margin-left: 4.5rem; }
.ls-zeitleiste-content .media-body {}
.ls-zeitleiste-content, .ls-zeitleiste-info { width:calc(100%); }
}

@media only screen and (min-width:992px){
.ls-zeitleiste-item{-ms-flex-wrap:nowrap;        flex-wrap:nowrap;    -ms-flex-align:start;        align-items:flex-start;    -ms-flex-pack:justify;        justify-content:space-between;  }
.ls_zeitleiste-icon{left:0;  }
.ls-zeitleiste-info, .ls-zeitleiste-spacer { width:20%;  }  
/* .ls-zeitleiste-info::before, .ls-zeitleiste-content::before{left:.9375rem;  }
*/
.ls-zeitleiste-content{ padding-left:5rem; margin-left:15%; }         
.ls-zeitleiste-info{padding-bottom:0;  }
.ls-zeitleiste-info::before{display:none;  }
}

        
@media only screen and (min-width:576px){
/* Media Sponsoren */                          
.ls-clients { width: 100%; max-width: 300px; }
.ls-perrow-1 li { max-width: calc(50% - 2rem); }
.ls-perrow-2 li { max-width: calc(40% - 2rem); }
.ls-perrow-3 li { max-width: calc(33.33% - 2rem); }
.ls-perrow-4 li { max-width: calc(25% - 2rem); }
.ls-perrow-5 li { max-width: calc(20% - 2rem); }
.ls-perrow-6 li { max-width: calc(16.66% - 2rem); }       

.card-columns.ls-cardsperrow-2 { column-count: 2; }
.card-columns.ls-cardsperrow-3 { column-count: 3; }
.card-columns.ls-cardsperrow-4 { column-count: 4; }
.card-columns.ls-cardsperrow-5 { column-count: 5; }
.card-columns.ls-cardsperrow-6 { column-count: 6; }   

.card-deck.ls-cardsperrow-2 .card { width: calc(50% - 30px); min-width: calc(50% - 30px); max-width: calc(50% - 30px); }
.card-deck.ls-cardsperrow-3 .card { width: calc(33.33% - 30px); min-width: calc(33.33% - 30px); max-width: calc(33.33% - 30px); }
.card-deck.ls-cardsperrow-4 .card { width: calc(25% - 30px); min-width: calc(25% - 30px); max-width: calc(25% - 30px); }
.card-deck.ls-cardsperrow-5 .card { width: calc(20% - 30px); min-width: calc(20% - 30px); max-width: calc(20% - 30px); }

}         
@media only screen and (max-width:575.98px){      
.ls-clients { width: 100%; max-width: 300px; }
.ls-perrow-1 li, .ls-perrow-2 li, .ls-perrow-3 li, .ls-perrow-4 li, .ls-perrow-5 li { max-width: calc(50% - 2rem); }
.ls-perrow-2 li, .ls-perrow-3 li, .ls-perrow-4 li, .ls-perrow-5 li, .ls-perrow-6 li { max-width: calc(50% - 2rem); }         

.card-deck.ls-cardsperrow-2 .card, 
.card-deck.ls-cardsperrow-3 .card,
.card-deck.ls-cardsperrow-4 .card,
.card-deck.ls-cardsperrow-5 .card { width: calc(100% - 30px); min-width: calc(100% - 30px); max-width: calc(100% - 30px); }

.ls-btn-xs-block { width: 100%; }
}        
      
@media only screen and (max-width:991.98px){          
.ls-btn-md-block { width: 100%; }
}        

/* Navigation */
#mobil-navi { display: none; }   
#navtoggle { display: none; } 
      
@media only screen and (max-width:991.98px){ 
                 
header li.nav-item { display: none !important; }    
header li.nav-item.ls-nav-mobil { display: list-item !important; }     
#navtoggle { display: inline-block; background: transparent; border: 0;  }    

#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; 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%; color: #fff; height: 64px; padding: 20px 60px 10px 20px; }
#mobil-navi .navhead {}
#mobil-navi .navhead span.navitoggle { cursor: pointer; display: block; position: absolute; right: 0; top: 0; bottom: auto; left: auto; width: 64px; height: 64px; font-size: 30px; line-height: 64px; color: #fff; text-align: center; }


#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: right; }
#mobil-navi .navfooter { font-size: 0.9rem; line-height: 1.2rem; letter-spacing: 0; color: #fff; text-transform: none; }    
#mobil-navi .navfooter .nav-link, #mobil-navi .navfooter a { padding: 6px 0px; color: #fff;  }        
#mobil-navi .navfooter form { float: right; width: auto; margin-top: 1rem; }                                             
}


.pl-9 {padding-left:4rem !important;  }    
.ls-mt-n1 { margin-top: -2rem; }   
.ls-mr-n1 { margin-right: -0.375rem;}     

.card-columns.ls-two-columns { column-count: 2; }       
                                    
@media only screen and (min-width: 576px) and (max-width: 991.98px) {  
.card-columns { column-count: 2; }     
}           

@media only screen and (min-width: 768px) and (max-width: 991.98px) {     
/* MD */                                
}          

@media only screen and (min-width: 576px) and (max-width: 767.98px) {     
/* SM */                              
.card-columns.ls-two-columns { column-count: 2; }     
}               
       
@media only screen and (max-width: 575.98px) {    
/* XS */  
.ls-d-xs-25vh { min-height: 25vH; }   
.card-columns.ls-two-columns { column-count: 1; }     
}
@media only screen and (min-width: 576px) {  
/* SM */  
.m-sm-0{margin:0 !important;  }
.mt-sm-0,.my-sm-0{margin-top:0 !important;  }
.mr-sm-0,.mx-sm-0{margin-right:0 !important;  }
.mb-sm-0,.my-sm-0{margin-bottom:0 !important;  }
.ml-sm-0,.mx-sm-0{margin-left:0 !important;  }
.m-sm-1{margin:0.25rem !important;  }
.mt-sm-1,.my-sm-1{margin-top:0.25rem !important;  }
.mr-sm-1,.mx-sm-1{margin-right:0.25rem !important;  }
.mb-sm-1,.my-sm-1{margin-bottom:0.25rem !important;  }
.ml-sm-1,.mx-sm-1{margin-left:0.25rem !important;  }
.m-sm-2{margin:0.5rem !important;  }
.mt-sm-2,.my-sm-2{margin-top:0.5rem !important;  }
.mr-sm-2,.mx-sm-2{margin-right:0.5rem !important;  }
.mb-sm-2,.my-sm-2{margin-bottom:0.5rem !important;  }
.ml-sm-2,.mx-sm-2{margin-left:0.5rem !important;  }
.m-sm-3{margin:1rem !important;  }
.mt-sm-3,.my-sm-3{margin-top:1rem !important;  }
.mr-sm-3,.mx-sm-3{margin-right:1rem !important;  }
.mb-sm-3,.my-sm-3{margin-bottom:1rem !important;  }
.ml-sm-3,.mx-sm-3{margin-left:1rem !important;  }
.m-sm-4{margin:1.5rem !important;  }
.mt-sm-4,.my-sm-4{margin-top:1.5rem !important;  }
.mr-sm-4,.mx-sm-4{margin-right:1.5rem !important;  }
.mb-sm-4,.my-sm-4{margin-bottom:1.5rem !important;  }
.ml-sm-4,.mx-sm-4{margin-left:1.5rem !important;  }
.m-sm-5{margin:2rem !important;  }
.mt-sm-5,.my-sm-5{margin-top:2rem !important;  }
.mr-sm-5,.mx-sm-5{margin-right:2rem !important;  }
.mb-sm-5,.my-sm-5{margin-bottom:2rem !important;  }
.ml-sm-5,.mx-sm-5{margin-left:2rem !important;  }
.m-sm-6{margin:2.5rem !important;  }
.mt-sm-6,.my-sm-6{margin-top:2.5rem !important;  }
.mr-sm-6,.mx-sm-6{margin-right:2.5rem !important;  }
.mb-sm-6,.my-sm-6{margin-bottom:2.5rem !important;  }
.ml-sm-6,.mx-sm-6{margin-left:2.5rem !important;  }
.m-sm-7{margin:3rem !important;  }
.mt-sm-7,.my-sm-7{margin-top:3rem !important;  }
.mr-sm-7,.mx-sm-7{margin-right:3rem !important;  }
.mb-sm-7,.my-sm-7{margin-bottom:3rem !important;  }
.ml-sm-7,.mx-sm-7{margin-left:3rem !important;  }
.m-sm-8{margin:3.5rem !important;  }
.mt-sm-8,.my-sm-8{margin-top:3.5rem !important;  }
.mr-sm-8,.mx-sm-8{margin-right:3.5rem !important;  }
.mb-sm-8,.my-sm-8{margin-bottom:3.5rem !important;  }
.ml-sm-8,.mx-sm-8{margin-left:3.5rem !important;  }
.m-sm-9{margin:4rem !important;  }
.mt-sm-9,.my-sm-9{margin-top:4rem !important;  }
.mr-sm-9,.mx-sm-9{margin-right:4rem !important;  }
.mb-sm-9,.my-sm-9{margin-bottom:4rem !important;  }
.ml-sm-9,.mx-sm-9{margin-left:4rem !important;  }
.p-sm-0{padding:0 !important;  }
.pt-sm-0,.py-sm-0{padding-top:0 !important;  }
.pr-sm-0,.px-sm-0{padding-right:0 !important;  }
.pb-sm-0,.py-sm-0{padding-bottom:0 !important;  }
.pl-sm-0,.px-sm-0{padding-left:0 !important;  }
.p-sm-1{padding:0.25rem !important;  }
.pt-sm-1,.py-sm-1{padding-top:0.25rem !important;  }
.pr-sm-1,.px-sm-1{padding-right:0.25rem !important;  }
.pb-sm-1,.py-sm-1{padding-bottom:0.25rem !important;  }
.pl-sm-1,.px-sm-1{padding-left:0.25rem !important;  }
.p-sm-2{padding:0.5rem !important;  }
.pt-sm-2,.py-sm-2{padding-top:0.5rem !important;  }
.pr-sm-2,.px-sm-2{padding-right:0.5rem !important;  }
.pb-sm-2,.py-sm-2{padding-bottom:0.5rem !important;  }
.pl-sm-2,.px-sm-2{padding-left:0.5rem !important;  }
.p-sm-3{padding:1rem !important;  }
.pt-sm-3,.py-sm-3{padding-top:1rem !important;  }
.pr-sm-3,.px-sm-3{padding-right:1rem !important;  }
.pb-sm-3,.py-sm-3{padding-bottom:1rem !important;  }
.pl-sm-3,.px-sm-3{padding-left:1rem !important;  }
.p-sm-4{padding:1.5rem !important;  }
.pt-sm-4,.py-sm-4{padding-top:1.5rem !important;  }
.pr-sm-4,.px-sm-4{padding-right:1.5rem !important;  }
.pb-sm-4,.py-sm-4{padding-bottom:1.5rem !important;  }
.pl-sm-4,.px-sm-4{padding-left:1.5rem !important;  }
.p-sm-5{padding:2rem !important;  }
.pt-sm-5,.py-sm-5{padding-top:2rem !important;  }
.pr-sm-5,.px-sm-5{padding-right:2rem !important;  }
.pb-sm-5,.py-sm-5{padding-bottom:2rem !important;  }
.pl-sm-5,.px-sm-5{padding-left:2rem !important;  }
.p-sm-6{padding:2.5rem !important;  }
.pt-sm-6,.py-sm-6{padding-top:2.5rem !important;  }
.pr-sm-6,.px-sm-6{padding-right:2.5rem !important;  }
.pb-sm-6,.py-sm-6{padding-bottom:2.5rem !important;  }
.pl-sm-6,.px-sm-6{padding-left:2.5rem !important;  }
.p-sm-7{padding:3rem !important;  }
.pt-sm-7,.py-sm-7{padding-top:3rem !important;  }
.pr-sm-7,.px-sm-7{padding-right:3rem !important;  }
.pb-sm-7,.py-sm-7{padding-bottom:3rem !important;  }
.pl-sm-7,.px-sm-7{padding-left:3rem !important;  }
.p-sm-8{padding:3.5rem !important;  }
.pt-sm-8,.py-sm-8{padding-top:3.5rem !important;  }
.pr-sm-8,.px-sm-8{padding-right:3.5rem !important;  }
.pb-sm-8,.py-sm-8{padding-bottom:3.5rem !important;  }
.pl-sm-8,.px-sm-8{padding-left:3.5rem !important;  }
.p-sm-9{padding:4rem !important;  }
.pt-sm-9,.py-sm-9{padding-top:4rem !important;  }
.pr-sm-9,.px-sm-9{padding-right:4rem !important;  }
.pb-sm-9,.py-sm-9{padding-bottom:4rem !important;  }
.pl-sm-9,.px-sm-9{padding-left:4rem !important;  }

                                        
.ls-d-sm-25vh { min-height: 25vH; }       
.ls-w-sm-25 { width: 25% !important; }   
.ls-w-sm-33 { width: 33% !important; }  
.ls-w-sm-40 { width: 40% !important; }  
.ls-w-sm-50 { width: 50% !important; }  
.ls-w-sm-75 { width: 75% !important; }     
.ls-w-sm-100 { width: 100% !important; } 
  
.ls-space-sm-1 { padding-top: 1rem; padding-bottom: 1rem; }
.ls-space-sm-2 { padding-top: 2rem; padding-bottom: 2rem; }
.ls-space-sm-3 { padding-top: 3rem; padding-bottom: 3rem; }
.ls-space-sm-4 { padding-top: 4rem; padding-bottom: 4rem; }
.ls-space-sm-5 { padding-top: 5rem; padding-bottom: 5rem; }
}

@media only screen and (min-width: 768px) {     
/* MD */                              
.ls-d-md-100p { min-height: 100%; }      
.ls-w-md-40 { width: 40% !important; }  
.ls-w-md-50 { width: 50% !important; } 
.ls-w-md-75 { width: 75% !important; }
}

@media only screen and (min-width: 992px) {     
/* LG */           
.ls-d-lg-100p { min-height: 100%; }                         
.ls-w-lg-40 { width: 40% !important; }  
.ls-w-lg-50 { width: 50% !important; } 
.ls-w-lg-75 { width: 75% !important; }   
.ls-pos-absolute-top-right-0-lg { position: absolute; top: 0; right: 0; }    
.ls-pos-absolute-top-left-0-lg { position: absolute; top: 0; left: 0; }


body.mitlib #libinner .ls-w-lg-50 { width: 100% !important; } 
body.mitlib #libinner .ls-w-lg-75 { width: 100% !important; }   
}

@media only screen and (min-width: 1200px) {   
/* XL */   
.ls-h-xl-100p  { min-height: 100%; }         
}


@keyframes slidefadein {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}      
@keyframes slidefadeout {
    0% {
        opacity:1;
    }
    100% {
        opacity:0;
    }
}  

.carousel-fade .carousel-item {
  transition-property: none;
  transition-duration: 0;
  -webkit-transform: none;
  transform: none;
}
    
.carousel-fade .carousel-item {
    animation-name: slidefadeout;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;   
    z-index: 1;
} 

.carousel-fade .carousel-item.active,                     
.carousel-fade .carousel-item-next.carousel-item-next,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {   
    animation-name: slidefadein;
    animation-duration: 0.6s;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;   
    z-index: 2;  
  }
  
  /* Spätere individuelle Anpassungen */
  
  
h1, h2, h3, .h1, .h2, .h3 { color: var(--primary-color); }
h1 span, h2 span, h3 span { display: block; }     
h1, h2, h3, .h1, .h2, .h3 { margin: 2rem 0 1rem; }
.card-body h3, .card-body .h3 { margin-top: 0.5rem; }

a, a:link, a:active, a:visited { color: var(--primary-color); }           
a.btn-warning { color: #000 !important; }
a.btn-success { color: #fff !important; }

.card-body .textitem { font-size: 0.9rem; }

.ls-innercontainer { margin-left: -15px; margin-right: -15px; padding: 15px;}
.ls-headerspacing { padding-top: 71px; }

.ls-icon-primary { background-color: var(--secondary-color); border-color: var(--secondary-color); }
.ls-icon-md { font-size: 1.4rem; }
                                           

.ls-social > a:hover { background: var(--secondary-color); }
    
@media only screen and (max-width: 575.98px) {    
/* XS */  
.h1, h1 { font-size: 1.8rem; }   
.h2, h2 { font-size: 1.6rem; }
.h3, h3 { font-size: 1.3rem; }
.badge.ls-wrap { white-space: normal; }
}

/* Button */
.btn-primary, .btn-primary:visited, .btn-primary:active, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { background: var(--primary-color); border-color: var(--primary-color); color: #fff !important; text-transform: none;  }
.btn-secondary, .btn-secondary:visited, .btn-secondary:active, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle { background: var(--secondary-color); border-color: var(--secondary-color); color: #fff !important; text-transform: none;  }
.btn-primary:hover { background: var(--secondary-color); border-color: var(--secondary-color); color: #fff; }
.btn-secondary { background: var(--secondary-color); border-color: var(--secondary-color); color: #fff; }
.btn-secondary:hover { background: var(--primary-color); border-color: var(--primary-color); color: #fff; }

.badge-primary  { background: var(--secondary-color); border-color: var(--secondary-color); color: #fff; }

.ls-border-top-primary { border-top: 3px solid var(--primary-color); }

/* Hintergründe */             
.ls-bg-primary  { background: var(--primary-color) !important; }    
.ls-bg-secondary  { background: var(--secondary-color) !important; } 
.ls-bg-gradient-color { background: var(--dark-color); background-image: linear-gradient(90deg, var(--dark-color) 0%, var(--dark-color) 100%); }    
.ls-bg-gradient-primary  { background-image: linear-gradient(170deg, var(--primary-color) 0%, rgba(0,112,132,0.5) 100%); }     
.ls-bg-gradient-secondary  { background-image: linear-gradient(170deg, var(--primary-color) 0%, var(--primary-color) 80%); } 
.ls-bg-light  { background-color: var(--light-color) !important; }
.ls-bg-dark  { background-color: #00515F !important; }

/* Bereiche  */
.ls-nav-bg { }
#top { height: auto; width: auto; background: #fff; background: rgba(255,255,255,1); border-radius: 0px 0px 30px 30px; padding: 15px 20px 20px 20px;}   
a#top { color: #000 !important; font-size: 1.5rem; line-height: 1.8rem; }
a#top span { color: #000 !important; display: block; font-size: 1rem; line-height: 1.0rem; text-transform: none; border: 0; font-weight: 300; }
#top img {}
main { margin-top: 0; }
#footer ul.list-group-transparent li a { line-height: 1; font-weight: normal; color: #fff; padding: 0.2rem; }

#navtoggle { background: #fff !important; color: var(--primary-color) !important; }   
#mainheader .nav-link.active { background: transparent; color: #fff; font-weight: bold; }     

.textitem ul li:before { color: var(--primary-color); }
                         
.seitenliste .card .card-header { background: var(--primary-color); }
.seitenliste .card h3 button, .seitenliste .card h3 button:active { background: var(--primary-color); color: #fff; }    
.seitenliste .card h3 button { background: var(--primary-color); color: #fff;  }          
.seitenliste .card h3 button.collapsed { background: var(--primary-color); color: #fff;}          
.seitenliste .card h3 button.collapsed:hover { background: var(--secondary-color); color: #fff; }      


@media only screen and (max-width:991.98px){ 
                 
#mobil-navi { left: 0; right: auto; }
#mobil-navi .navhead { left: 0; right: auto; padding: 20px 20px 10px 60px; }
#mobil-navi .navhead {}
#mobil-navi .navhead span.navitoggle { right: auto; left: 0;  }
#mobil-navi .navbody ul li a { text-align: left; font-size: 1.3rem; }
#mobil-navi .navfooter { border: 0; }
#mobil-navi .navhead span.navitoggle { color: var(--primary-color); }
#mobil-navi .navbody ul li a { color: var(--primary-color); border-bottom: 1px solid var(--primary-color); margin: 0 1rem; padding: 10px 5px; font-weight: normal; }
#mobil-navi .navbody ul li.active > a  { color: var(--primary-color); font-weight: bold; }        
#mobil-navi .navbody ul > li:last-child > a  { border-bottom: 0; }
                 
#mobil-navi.ls-mobnav-pos-right { left: auto; right: 0; }
#mobil-navi.ls-mobnav-pos-right .navhead { left: auto; right: 0; padding: 20px 60px 10px 20px; }
#mobil-navi.ls-mobnav-pos-right .navhead span.navitoggle { right: 0; left: auto;  }
#mobil-navi.ls-mobnav-pos-right .navbody ul li a { text-align: right; }

h3, .h3 { font-size: 1.3rem; }
            
}

    
@media only screen and (max-width: 575.98px) {    
/* XS */   
#top { border-radius: 0px 0px 20px 20px; padding: 10px 15px 15px 10px;}   
a#top { font-size: 1.3rem; line-height: 1.4rem; }
a#top span { font-size: 0.9rem; line-height: 1.0rem; }
}

/* Cards */
                                                     
.ls-card-v1 .card-header { background: var(--primary-color); color: #fff !important; border-bottom: 0; }    
.ls-card-v1 .card-footer { background: var(--primary-color); }    
.ls-card-v1 .card-footer:hover { background: var(--secondary-color); }          
.ls-card-v1 .card-footer .text-muted { font-size: 1.1rem; color: #fff !important; }
.ls-card-v1 .card-footer i.fas { color: #fff !important; }

/* Geomap */
#newcomment legend, #marker-allcomments h4, h2.ls-fragebogen-titel { font-size: 0.8rem; color: var(--primary-color); text-transform: uppercase; } 
#newcomment label { font-size: 1rem; font-weight: bold; }       
#newcomment .form-text, #newcomment label.form-check-label { font-size: 0.8rem; line-height: 1.3; font-weight: normal; } 

/* Header Varianten 02 */
header#mainheader.ls-header-v2 {}    
section.ls-topmargin-header { margin-top: 68px; }
header#mainheader.ls-header-v2 { box-shadow: 0 0 1px 1px rgba(0,0,0,0.1); }   
header#mainheader.ls-header-v2 #top { border-radius: 0; color: #000 !important; font-size: 18px; font-weight: bold; line-height: 64px; padding: 0 15px 0 15px; white-space: nowrap; text-transform: uppercase; border-right: 0px solid rgba(0,0,0,0.1); border-bottom: 0; border-top: 3px solid var(--secondary-color); }
header#mainheader.ls-header-v2 .nav-link { border-radius: 0; color: #000 !important; line-height: 67px; border-bottom: 3px solid #fff; }      
header#mainheader.ls-header-v2 .nav-link:hover { color: var(--dark-color) !important; border-color: var(--secondary-color);  }     
header#mainheader.ls-header-v2 .nav-link.active { background: transparent; color: var(--primary-color); font-weight: bold; border-color: var(--primary-color); }    
header#mainheader.ls-header-v2 .btn-menusize { height: 70px; }  
header#mainheader.ls-header-v2 #navtoggle { width: 70px; }     

/* Header Varianten 03 */
header#mainheader.ls-header-v3 {}    
section.ls-topmargin-header { margin-top: 68px; }
header#mainheader.ls-header-v3 { box-shadow: 0 0 1px 1px rgba(0,0,0,0.1); }   
header#mainheader.ls-header-v3 #top { background: var(--primary-color); border-radius: 0; color: var(--menutext-color) !important; font-size: 18px; font-weight: bold; line-height: 64px; padding: 0 15px 0 15px; white-space: nowrap; text-transform: none; border-right: 0px solid rgba(0,0,0,0.1); border-bottom: 0; border-top: 3px solid var(--secondary-color); }
header#mainheader.ls-header-v3 .nav-link { border-radius: 0; color: var(--menutext-color) !important; line-height: 67px; border-bottom: 3px solid var(--primary-color); text-transform: none; }      
header#mainheader.ls-header-v3 .nav-link:hover { color: var(--menutext-color) !important; border-color: var(--hover-color); background: var(--hover-color); }     
header#mainheader.ls-header-v3 .nav-link.active { background: var(--hover-color); color: var(--menutext-color); font-weight: bold; border-color: var(--dark-color); }    
header#mainheader.ls-header-v3 .btn-menusize { height: 70px; }
header#mainheader.ls-header-v3 #navtoggle { width: 70px; }     

/* Header Varianten 04 */
header#mainheader.ls-header-v4 {}    
section.ls-topmargin-header { margin-top: 70px; }
header#mainheader.ls-header-v4 { box-shadow: 0 0 1px 1px rgba(0,0,0,0.1); }   
header#mainheader.ls-header-v4 #top { background: #fff; border-radius: 0; color: var(--primary-color) !important; font-size: 18px; font-weight: bold; line-height: 64px; padding: 0 15px 0 15px; white-space: nowrap; text-transform: none; border-right: 0px solid rgba(0,0,0,0.1); border-bottom: 0; border-top: 3px solid #fff; }
header#mainheader.ls-header-v4 .nav-link { border-radius: 0; color: var(--primary-color) !important; margin: 25px 0; line-height: 47px; border-bottom: 0; text-transform: none; }      
header#mainheader.ls-header-v4 .nav-link:hover { color: #fff !important; border-color: var(--secondary-color); background: var(--secondary-color); }     
header#mainheader.ls-header-v4 .nav-link.active { background: var(--primary-color); color: #fff !important; font-weight: bold; border-color: var(--primary-color); }    
header#mainheader.ls-header-v4 .btn-menusize { height: 100px; }
header#mainheader.ls-header-v4 #navtoggle { width: 100px; }   


/* Ausklapp-Navi */
header#mainheader.ls-header-v3 nav li {position:relative; }
header#mainheader.ls-header-v3 nav ul ul {position:absolute;display:none;top:100%;left: 0; z-index:99;}                       
header#mainheader.ls-header-v3 nav li:hover > ul {display:block;}   
header#mainheader.ls-header-v3 nav ul ul ul {top:0;left:100%;}                                        

header#mainheader.ls-header-v3 nav ul ul, 
header#mainheader.ls-header-v3 nav ul ul * { margin:0;padding:0;list-style:none;}   
header#mainheader.ls-header-v3 nav ul ul {box-shadow:2px 2px 6px rgba(0,0,0,.2); text-transform: none; font-size: 15px; border-top: 0; min-width: 100%; width: auto; background: var(--primary-color) ; margin-left: 0; margin-top: 2px;}                                                            
header#mainheader.ls-header-v3 nav ul ul li.nav-item { background: var(--primary-color); white-space:nowrap; margin: 0; padding: 0; }                                                                                                               
header#mainheader.ls-header-v3 nav ul ul li.nav-item a.nav-link {border-left: 0; border-bottom: 1px solid #fff; margin: 0; padding: 0.5rem 1rem; text-decoration:none; zoom:1; color: #fff; background: var(--primary-color) ; display: block; text-align: left; font-size: 0.9rem; line-height: 1.2; min-height: 0;  }   
header#mainheader.ls-header-v3 nav ul ul li.nav-item:hover a.nav-link {background: var(--dark-color);-webkit-transition:none;transition:none; color: #fff; }   
header#mainheader.ls-header-v3 nav ul ul li.nav-item a.nav-link.active{background: var(--dark-color);-webkit-transition:none;transition:none; color: #fff; }    
header#mainheader.ls-header-v3 nav ul ul li.nav-item:hover li.nav-item a.nav-link {background: var(--dark-color); color: #fff; border-bottom: 0; border-top: 1px solid #fff; }     
header#mainheader.ls-header-v3 nav ul ul li.nav-item li:hover a.nav-link, 
header#mainheader.ls-header-v3 nav ul ul li.nav-item li:focus a.nav-link {background: var(--dark-color); color: #fff; }  
 
@media only screen and (min-width:992px) and (max-width:1139px) { 

header#mainheader.ls-header-v3 .nav-link { font-size: 16px; padding: 0 0.7rem; }
            
}

/* Header Varianten 05 */
header#mainheader.ls-header-v5 {}   
#breadcrumb { position: relative; z-index: 1; }   
#breadcrumb { color: #aaa; font-size: 0.8rem; line-height: 0.8rem; background: #fff; }
#breadcrumb ul, #breadcrumb ul li { margin: 0; padding: 0; list-style: none; }                
#breadcrumb ul { padding: 1.5rem 1rem; }     
#breadcrumb ul li { display: inline-block; white-space: nowrap; width: auto; border-left: 1px solid #aaa; padding: 0 6px 0 6px; }     
#breadcrumb ul li a { color: #aaa; margin: 0; padding: 0; display: block; }       
#breadcrumb ul li:first-child { border-left: 0; padding-left: 0; }  

header#mainheader.ls-header-v5 { background: #fff; }    
header#mainheader.ls-header-v5 .kopf { background: var(--primary-color); }   
header#mainheader.ls-header-v5 .navbar-brand { display: none; } 

body.fixiert header#mainheader.ls-header-v5  > .navbar { z-index: 90; position: fixed; top: 0; left: 0; right: 0; border: 0; box-shadow: 2px 2px 6px rgba(0,0,0,.5); }     
body.fixiert header#mainheader.ls-header-v5  > .kopf { padding-bottom: 50px; }     

header#mainheader.ls-header-v5  .kopf .container { height: 100px; position: relative; }    
header#mainheader.ls-header-v5 .mainbrand { z-index: 100; position: absolute; top: 32px; right: 15px; text-align: center; }       
header#mainheader.ls-header-v5 .mainbrand img { width: auto; height: 120px; padding: 15px; background: #fff; }

   
header#mainheader.ls-header-v5 .navbar { border-radius: 0; margin-bottom: 0; }
header#mainheader.ls-header-v5 .navbar.navbar, 
header#mainheader.ls-header-v5 .navbar-default.navbar { border: 0; background-color: var(--secondary-color); color: #fff; min-height: 30px; }  
header#mainheader.ls-header-v5 .navbar-default .nav > li > a { color: #fff; border-left: 0; text-transform: none; text-align: center; font-size: 1.1rem; font-weight: 300; }
header#mainheader.ls-header-v5 .navbar-right { margin-right: 0; }
header#mainheader.ls-header-v5 .navbar-default .nav > li > a:focus, 
header#mainheader.ls-header-v5 .navbar-default .nav > li > a:hover, 
header#mainheader.ls-header-v5 .navbar-default .nav > li:hover > a  { color: #706F6F; background: #fff; }
header#mainheader.ls-header-v5 .navbar-default .nav > .active > a, 
header#mainheader.ls-header-v5 .navbar-default .nav > .active > a:hover, 
header#mainheader.ls-header-v5 .navbar-default .nav > .active > a:focus { color: #fff !important; background: var(--contrast-color) !important; font-weight: 600; }   
header#mainheader.ls-header-v5 .nav { width: 100%; }


  .navbar .nav li {position:relative; }
  .navbar .nav ul {position:absolute;display:none;top:100%;left: 0; z-index: 99;}                       
  .navbar .nav li:hover > ul {display:block;}   
  .navbar .nav ul ul{top:0;left:100%;}                                        
  
  .navbar .nav ul, .navbar .nav ul  * { margin:0;padding:0;list-style:none;}     
                                             
 @media only screen and (min-width: 992px) {    
 
header#mainheader.ls-header-v5 .mobilonly { display: none; }
header#mainheader.ls-header-v5 .navbar-default .nav > li > a { border-left: 0; }
                                                                                                                      
header#mainheader.ls-header-v5  .navbar .nav ul { box-shadow:2px 2px 6px rgba(0,0,0,.5); background: #fff; text-transform: none; font-size:1rem; border-top: 0; min-width: 180px; width: auto; padding: 15px 0; }    
header#mainheader.ls-header-v5  .navbar .nav > li > ul { font-size: 1rem; min-width: 320px; }     
header#mainheader.ls-header-v5  .navbar .nav ul li a {border-left: 0; border-bottom: 0; padding:.4rem 1rem; text-decoration:none; zoom:1; color: #706F6F; display: block; text-align: left; font-weight: normal; }   
header#mainheader.ls-header-v5  .navbar .nav ul li a {font-size: 1rem; line-height: 1.3; min-height: 1.3rem; text-transform: none; }   
header#mainheader.ls-header-v5  .navbar .nav ul li {background: #fff;white-space:nowrap;}   
header#mainheader.ls-header-v5  .navbar .nav ul li:hover > a {background: var(--secondary-color);-webkit-transition:none;transition:none; color: #fff; }    
header#mainheader.ls-header-v5  .navbar .nav ul li a.active, 
header#mainheader.ls-header-v5  .navbar .nav ul li a.rex-active {background: var(--contrast-color) !important;-webkit-transition:none;transition:none; color: #fff; }   
header#mainheader.ls-header-v5  .navbar .nav ul li:hover li > a {background: var(--secondary-color); color: #fff; border-bottom: 0; border-top: 1px solid #fff; }     
header#mainheader.ls-header-v5  .navbar .nav ul li li:hover > a,
header#mainheader.ls-header-v5  .navbar .nav ul li li:focus > a {background: var(--secondary-color); color: #fff; }                
header#mainheader.ls-header-v5  .navbar .nav ul li li a {background: #fff !important; color: #706F6F  !important; }    
header#mainheader.ls-header-v5  .navbar .nav ul li li:hover > a, 
header#mainheader.ls-header-v5  .navbar .nav ul li li:focus > a {background: var(--secondary-color)  !important;; color: #fff  !important; }  
   
header#mainheader.ls-header-v5 .navbar .nav li {position:relative; }
header#mainheader.ls-header-v5 .navbar .nav ul {position:absolute;display:none;top:100%;left: 0; z-index: 99;}                       
header#mainheader.ls-header-v5 .navbar .nav li:hover > ul {display:block;}   
header#mainheader.ls-header-v5 .navbar .nav ul ul{top:0;left:100%;}                                        

header#mainheader.ls-header-v5 .navbar .nav ul, 
header#mainheader.ls-header-v5 .navbar .nav ul  * { margin:0;padding:0;list-style:none;}       

  
header#mainheader.ls-header-v5 .mainbrand { padding: 10px; background: #fff; }
header#mainheader.ls-header-v5 .navbar .nav > li > ul { padding: 0.5rem 0; }
header#mainheader.ls-header-v5 .navbar .nav ul li a { padding: 0.5rem 1rem; }

 }  

@media only screen and (max-width: 575.98px) {    
/* XS */    
                                         
header#mainheader.ls-header-v5.mainbrand {width: 50%; max-width: 230px;  }   
header#mainheader.ls-header-v5 .mainbrand img { height: 80px; }   
#breadcrumb { display: none; }      
   
}

/* Ergänzungen 12/2020 */
.container { width: 100%; max-width: 1140px; }   
.ls-zeitleiste-content { overflow: hidden; max-width: 100%; }
.transition-off .ls-zeitleiste-content .media-body { opacity: 0.01; position: relative; left: 120%; }      
.transition-on .ls-zeitleiste-content .media-body { /*transition: opacity 3.5s; */ animation-name: lsbouncefromright; animation-duration: 2.0s; }   

figure { position: relative; }
.figure-copyright { position: absolute; top: 0; right: 0; left: 0; padding: 6px 10px 18px 10px; font-size: 8px; color: rgba(255,255,255,0.8); text-align: right; background-image: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 70%, rgba(0,0,0,0.5) 100% ); }

@keyframes lsbouncefromright {
    0%   { left: 120%; opacity: 0.01; }     
    100% { left: 0; width: auto !important; opacity: 1; }
} 
    
@media only screen and (max-width: 575.98px) {    
/* XS */                                                         
.ls-zeitleiste-content .media { margin-left: 3rem; }
.ls-zeitleiste .ls-icon-md { width: 2rem; height: 2rem; font-size: 0.9rem; }   
.ls-zeitleiste-info.icon-md::before, .ls-zeitleiste-content.icon-md::before { left: 1.9rem; }   
}

.carousel-indicators { bottom: 2rem; }
.carousel-control-next, .carousel-control-prev { width: 8%; }
.bildslider .figure { display: block; width: 100%; position: relative; }
.bildslider .figure-img { width: 100%; height: auto; margin: 0; }
.bildslider .figure-caption { position: absolute; display: block; left: 10%; right: auto; bottom: 15%; min-height: 30%; padding: 20px; background: #878787; background: rgba(0, 0, 0,0.3); color: #fff; text-align: left; width: 50%; max-width: 400px; text-shadow: none; }
.bildslider .slidercopy { position: absolute; right: 20px; bottom: 20px; color: #fff; text-shadow: 0 0 3px 3px rgba(0,0,0,0.5); font-size: 10px; }
.bildslider .figure-caption h3 { color: #fff; }   
.bildslider .figure-caption .btn-text { color: #fff !important; }


@media only screen and (max-width: 575.98px) {    
    
.bildslider .figure-caption { display: none; }    
    }


header#mainheader.ls-header-v3 #top { position: relative; border: 0; margin-left: 15px;}
/*
.main_logo { position: absolute; left: 0; top: 0; width: 200px; padding: 15px; background: #fff; box-shadow: 0 0 2px 2px rgba(0,0,0,0.1); border-radius: 0 0 8px 8px;  }     
body.scrolled .main_logo { width: 80px; }
   
@media only screen and (max-width:991.98px){   
                                                
.main_logo { width: 140px; }

}
    
@media only screen and (max-width: 575.98px) {    
header#mainheader.ls-header-v3 #top { margin-left: 10px; }                                                     
.main_logo { padding: 9px; height: 86px; width: 80px; }     
}
*/  
.main_logo { position: absolute; left: 0; top: 0; width: auto; height: auto; padding: 10px; background: #fff; box-shadow: none; border-radius: 0;  }     
.main_logo img { width: auto; height: 50px;}     
    
@media only screen and (max-width: 575.98px) {    
.main_logo { padding: 10px;  }     
.main_logo img { height: 50px; }        
header#mainheader.ls-header-v4 .btn-menusize { height: 70px; }
header#mainheader.ls-header-v4 #navtoggle { width: 70px; }     
section.ls-topmargin-header { margin-top: 68px; }
}

.slider_caption_container { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
 @media only screen and (min-width: 992px) {  section > .container-fluid .bildslider .figure-caption { left: 0; } }

   /* neue Cards */
   .card-img-parent { position: relative; min-height: 67%; }
   .card-img-parent a:hover { text-decoration: none; }
   .card-img-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; }
   a .card-img-bg { filter: brightness(0.6) opacity(50%); transition: filter .4s; }
   a:hover .card-img-bg { filter: none; }
   a:hover .card-img-bg { filter: brightness(0.8) opacity(90%); transition: filter .4s; }
   .card-img-parent .inner { z-index: 2; }

   .bg-grey { background-color:  #f5f5f5 !important; }
   .bg-light { background-color:  var(--light-color) !important; }
   .bg-contrast { background-color:  var(--contrast-color) !important; }
   .blogitem.bg-light::after { border-right-color:  var(--light-color) !important; }
   .blogitem.bg-white::after { border-right-color:  #fff !important; }
   .blogitem.bg-grey::after { border-right-color:  #f5f5f5 !important; }
   .ls-zeitleiste-content .media-body {box-shadow: 0px 8px 19px 1px rgba(0,0,0,0.1); }
   .ls-zeitleiste-content .media { margin-top: 2px; }

   /* Moderne Ansicht Marker-Nav */
   #marker-nav  { display: none; }
   #maplibcover.modern #marker-nav  { display: block; position: absolute; bottom: 0; left: 0; right: 0; background-color:  var(--secondary-color) !important; color:  var(--menutext-color) !important; }

   #marker-nav .libnav { font-size: 1.9rem; line-height: 1; cursor: pointer; }

   #maplibcover.modern #marker-newcomment { display: none !important; }
   #maplibcover.modern #marker-allcomments { display: none !important; }

   .greyedout { position: relative; }
   #maplibcover.modern { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; margin: 1px; padding: 0; box-shadow: 0 0 2px 2px rgba(0,0,0,0.1); }
   #maplibcover.modern .libcontent { position: relative; top: 0; left: 0; right: 0; bottom: 0; background: transparent; margin: 0; padding: 0; height: 100%; }
   #maplibcover.modern .libcontent .container { margin: 0; padding: 0; height: 100%; }
   #maplibcover.modern .libcontent .container #maplibclose { margin: 0; padding: 0; border-radius: 0; width: 100%; }
   #maplibcover.modern .libcontent .container #maplibinner { margin: 0; padding: 0 15px; border-radius: 0; width: 100%; height: calc(100% - 50px); }

   @media (max-width: 767.98px)
   {
    body.mitmodernmaplib.mitmaplib #map { height: 40vH; min-height: 40vH; }
    body.mitmodernmaplib.mitmaplib #geomap .greyedout { min-height: 60vH; height: 60vH;}
   }