/* Govote Master mit Ilmhof

light #EAE4D3

braun #911000
dunkel      #BBB38C

blau #4D6E9A
dunkeler #7F7C73

*/

#mainheader .nav-link { text-transform: none; }
.ls-w-max-7r { min-height: 80px; max-height: 5rem; }
.ls-social > a:hover { background: #000; }

.ls-booking { color: #fff; background: #647B9E !important; margin: 10px 1rem 10px 1rem; border-radius: 360px; }      
.ls-booking a { color: #fff !important; padding: 0 15px; line-height: 50px; text-transform: uppercase; letter-spacing: 1px; height: 50px !important; }
img.ls-flagge { height: 40px; width: auto; }
#mainheader .flag .nav-link { padding-right: 0; }

                              
/* Schriften */     
body, header { font-family: "Open Sans"; }
.ls-font-secondary, .badge-secondary { font-family: 'Roboto Condensed', sans-serif  !important;}  
.ls-font-primary { font-family: "Open Sans" !important; }    
.ls-font-weight-light { font-weight: 100 !important; }      
.ls-font-size-secondary { font-weight: 100 !important; font-size: 85%; }    
.ls-font-size-primary { font-weight: bold; }    

h1, h2, h3, .h1, .h2, .h3 { color: #647B9E; }
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: #647B9E; }           
a.btn-warning { color: #000 !important; }
a.btn-success { color: #fff !important; }

.card-body .textitem { font-size: 0.9rem; }
.card-footer a:hover { text-decoration: none; }

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

    
@media only screen and (max-width: 575.98px) {    
/* XS */  
.h1, h1 { font-size: 1.6rem; }   
.h2, h2 { font-size: 1.5rem; }
.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: #647B9E; border-color: #647B9E; 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: #BBB38C; border-color: #BBB38C; color: #fff !important; text-transform: none;  }
.btn-primary:hover { background: #647B9E; border-color: #647B9E; color: #fff; }
.btn-secondary { background: #BBB38C; border-color: #BBB38C; color: #fff; }

.badge-primary  { background: #B20005; border-color: #B20005; color: #fff; }

.ls-border-top-primary { border-top: 3px solid #647B9E; }

/* Hintergründe */   
/*          
.ls-bg-primary  { background: #BBB38C !important; }    
.ls-bg-secondary  { background: #ee7600 !important; } 
.ls-bg-gradient-color { background: #BBB38C; background-image: linear-gradient(90deg, #BBB38C 0%, #BBB38C 100%); }    
.ls-bg-gradient-primary  { background-image: linear-gradient(170deg, #647B9E 0%, rgba(0,112,132,0.5) 100%); }     
.ls-bg-gradient-secondary  { background-image: linear-gradient(170deg, #647B9E 0%, #B20005 80%); } 
.ls-bg-light  { background-color: #EAE4D3 !important; }
.ls-bg-dark  { background-color: #BBB38C !important; }
*/        
.ls-bg-primary  { background: #647B9E !important; }    
.ls-bg-secondary  { background: #ee7600 !important; } 
.ls-bg-gradient-color { background: #647B9E; background-image: linear-gradient(90deg, #647B9E 0%, #647B9E 100%); }    
.ls-bg-gradient-primary  { background-image: linear-gradient(170deg, #647B9E 0%, #647B9E 100%); }     
.ls-bg-gradient-secondary  { background-image: linear-gradient(170deg, #647B9E 0%, #647B9E 80%); } 
.ls-bg-light  { background-color: #F3F8DA !important; }
.ls-bg-dark  { background-color: #647B9E !important; }

/* Bereiche  */
.ls-nav-bg { }
#top { height: auto; width: auto; background: #fff; background: #fff !important; border-radius: 0; 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 { height: 60px; padding: 5px 0; }
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: #647B9E !important; }   
#mainheader .nav-link.active { background: transparent; color: #fff; font-weight: bold; }     

.textitem ul li:before { color: #647B9E; }
                         
.seitenliste .card .card-header { background: #647B9E; }
.seitenliste .card h3 button, .seitenliste .card h3 button:active { background: #647B9E; color: #fff; }    
.seitenliste .card h3 button { background: #647B9E; color: #fff;  }          
.seitenliste .card h3 button.collapsed { background: #647B9E; color: #fff;}          
.seitenliste .card h3 button.collapsed:hover { background: #B20005; color: #fff; }      
                              
.ls-half-container { max-width: 95%; }

@media only screen and (min-width:992px){ 

.ls-half-container { max-width: 555px; }
}

@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; text-transform: none; }
#mobil-navi .navfooter { border: 0; }
#mobil-navi .navhead span.navitoggle { color: #B20005; }
#mobil-navi .navbody ul li a { color: #647B9E; border-bottom: 1px solid #647B9E; margin: 0 1rem; padding: 10px 5px; font-weight: normal; }
#mobil-navi .navbody ul li.active > a  { color: #647B9E; 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; }


#mobil-navi .nav-item { border-bottom: 1px solid rgba(0,0,0,0.2); margin: 0 10px; padding: 0; }   
#mobil-navi .nav-link { padding: 0; margin: 0; font-size: 1.1rem; line-height: 1.5rem; }

h3, .h3 { font-size: 1.3rem; }
.container { max-width: 100%; }
            
}

    
@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; }
    
img.ls-flagge { height: 30px; width: auto; }
#mainheader { padding: 0; }
#top img { height: 50px; }
#mainheader .nav-link { padding: 0 0 0 0.5rem; }

}

/* Cards */
                                                     
.ls-card-v1 .card-header { background: #647B9E; color: #fff !important; border-bottom: 0; }    
.ls-card-v1 .card-footer { background: #647B9E; }       
.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: #647B9E; 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: none; border-right: 0px solid rgba(0,0,0,0.1); border-bottom: 0; border-top: 3px solid #ee7600; }
header#mainheader.ls-header-v2 .nav-link { border-radius: 0; color: #7F7C73 !important; line-height: 67px; border-bottom: 3px solid #fff; text-transform: none !important; }      
header#mainheader.ls-header-v2 .nav-link:hover { color: #B20005 !important; border-color: #7F7C73;  }     
header#mainheader.ls-header-v2 .nav-link.active { background: transparent; color: #000; font-weight: bold; border-color: #000; }    
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: #fff; 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: 0; border-bottom: 0; border-top: 0; }
header#mainheader.ls-header-v3 .nav-link { border-radius: 0; color: #7F7C73 !important; line-height: 67px; border-bottom: 3px solid #fff; font-size: 1.1rem;  }      
header#mainheader.ls-header-v3 .nav-link:hover { color: #7F7C73 !important; border-color: #fff;  }     
header#mainheader.ls-header-v3 .nav-link.active { background: transparent; color: #4D6E9A; font-weight: bold; border-color: #fff; }    
header#mainheader.ls-header-v3 .btn-menusize { height: 70px; }
header#mainheader.ls-header-v3 #navtoggle { width: 60px; }   
header#mainheader.ls-header-v3 .nav-link.nav-button { border-radius: 0; background: #7F7C73 !important; line-height: 67px; border-bottom: 3px solid #7F7C73; font-weight: bold; color: #fff !important;  }      

 
@media only screen and (min-width:992px) and (max-width:1439px) { 

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


/* Carousel Fade */
.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  -webkit-transform: none;
  transform: none;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1;     
  transition: opacity 1.5s 0.1s;      
  transition-timing-function: ease-in;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: opacity 1.5s 0.1s;      
  transition-timing-function: ease-in;
}
/* aktueller Buchungsbereich */
form.ls-buchung {}           
form.ls-buchung label { font-family: 'Roboto Condensed', sans-serif  !important; font-size: 0.9rem; color: rgba( 0,0,0,0.8); color: #fff; text-transform: uppercase; }


/* Buchungs-Bereich */
.ls_booking_section { position: relative;  }
.ls_booking_section form { margin: 30px auto 30px 0; padding: 0; width: 100%; text-align: center; }    
.ls_booking_section form > .row { background: #F2F2F2;  }                   
.ls_booking_section .col-md-20p, .ls_booking_section .col-md-3 {  display: flex; justify-content: center; flex-direction: column; border-right: 1px solid #CFD0D0; vertical-align: center; position: relative; }                                              
.ls_booking_section .col-submit { background: #218838; border-right: 0; }                                               
.ls_booking_section .col-submit button { font-family:'Roboto Condensed',sans-serif; color: #fff; font-size: 15px; line-height: 20px; text-transform: uppercase; letter-spacing: 1px;  font-weight: normal; width: 100%; min-height: 100px; }                                        
.ls_booking_section label { font-family:'Roboto Condensed',sans-serif; color: #647B9E; font-size: 14px; line-height: 14px; text-transform: uppercase; letter-spacing: 1px;  font-weight: normal; white-space: nowrap; padding: 10px 15px 0; }

.ls_booking_section .angaben { display: flex; flex-wrap: wrap; }
.ls_booking_section .angaben .wertbereich { flex: 0 0 60%; min-height: 70px; }      
.ls_booking_section .angaben .changer {  flex: 0 0 40%; text-align: center;  }     
.ls_booking_section .angaben .wert { font-family:'Roboto Condensed',sans-serif; color: #1f3a57; font-size: 50px; line-height: 50px; text-transform: none; letter-spacing: 0; margin: 0; font-weight: normal; text-align: center; padding: 0 5px 5px 15px; }     
.ls_booking_section .angaben .smallwert { font-family:'Roboto Condensed',sans-serif; color: #647B9E; font-size: 13px; line-height: 18px; text-transform: none; letter-spacing: 1px; margin: 0; font-weight: normal; text-align: center; padding: 7px 0 0 0; }
.ls_booking_section .angaben .wertbereich .smallwert { text-align: left; padding-left: 15px; }
.ls_booking_section .angaben .changer > div {  height: 25px;  }                               
.ls_booking_section .angaben .changer > .change_up {   cursor: pointer; }                  
.ls_booking_section .angaben .changer > .change_down {   cursor: pointer; }   

@media only screen and (max-width:767.98px){   
                                                                   
.ls_booking_section .col-6 {  border-bottom: 1px solid #CFD0D0;  }    
.ls_booking_section .col-6:first-child {  border-left: 1px solid #CFD0D0;  }        
.ls_booking_section .col-6:nth-child(1) {  border-top: 1px solid #CFD0D0;  }     
.ls_booking_section .col-6:nth-child(2) {  border-top: 1px solid #CFD0D0;  }     
.ls_booking_section .col-6:nth-child(3) {  border-top: 1px solid #CFD0D0; }     

.ls_booking_section .col-6:nth-child(3) {  border-top: 1px solid #CFD0D0;  }     

                                                                
.buchungsbox .inner h1.h1 span, .buchungsbox .inner div.h1 span { font-size: 20px; line-height: 25px;  }   
.buchungsbox .inner h1.h1 span, .buchungsbox .inner div.h1 span  { font-size: 50px; line-height: 55px; padding-top: 45px; background-size: 25px auto; }     
.buchungsbox .inner { padding-bottom: 60px; }    
}   
@media only screen and (max-width:575px){                       
.ls_booking_section .col-6:nth-child(3) {  border-left: 1px solid #CFD0D0; border-top: 0; }     
}        
/*
*/    

input.datumselect { cursor: pointer; opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; min-height: 100px; }

.daterangepicker .drp-selected { display: none; }
.daterangepicker .drp-buttons .cancelBtn { display: none; }   
.daterangepicker .drp-buttons .applyBtn { border-radius: 0 !important; border: 0 !important; color: #ffffff !important; background: #B6100E !important;text-transform: uppercase; font-size: 15px; line-height: 15px; padding: 3px 5ppx; font-weight: 700; margin: 0 0 0 0; }

.daterangepicker td.active, .daterangepicker td.active:hover { background-color: #B6100E; }