/* Farben

Rot: #ED4A41
dunkles Rot: #be241c
Grau: #5b514a
Gelb: #f9cb00


/* Custom CSS, Copyright by www.web2use.ch */


/**************************************

            Allgemein

**************************************/





a {color:#be241c}


a:hover,
a:focus,
a:active {color:#f9cb00}


.yellowbox {background-color: rgba(249, 203, 0, 0.2); padding: 30px; border-radius: 8px; margin-bottom: 30px;}


/**************************************

            Header

**************************************/








/**************************************

            Topnavigation

**************************************/

.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {color: #be241c; font-weight: 600;}
.sp-megamenu-parent > li:hover > a {color: #be241c;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {color: #be241c;}

.abstand-unten {margin-bottom: 30px !important;}

/**************************************

            Off-Canvas

**************************************/
.burger-icon > span { }
.burger-icon {width: 30px;margin-right: 10px; }
.burger-icon span:first-child {width: 40px;margin: 6px 0 0 0px; transition: all 0.5s;}
.burger-icon span:last-child {width: 30px;margin: 6px 0 0 10px; transition: all 0.5s;}
.burger-icon span {width: 35px;margin: 6px 0 0 5px; transition: all 0.5s;background-color: #d1091c;height: 5px;border-radius: 3px;}


.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .nav-header > .menu-toggler {
  width: 100%;
  text-align: right;
}

.offcanvas-active .burger-icon span:first-child, .offcanvas-active .burger-icon span:last-child, .offcanvas-active .burger-icon span {width: 25px;margin: 5px 0;transition: all 0.5s;}


.offcanvas-active .close-offcanvas .burger-icon > span {height: 2px;}







@media (max-width: 990px) {

}


/**************************************

            Inhalt

**************************************/


.sppb-gallery li a {
    display: block;
    max-height: 200px;
    overflow: hidden;
}

.sppb-carousel-inner>.sppb-item>a>img, .sppb-carousel-inner>.sppb-item>img, .sppb-img-responsive {
    display: block;
    max-width: 100%;
    height: auto !important;
}


/* Person */

.sppb-addon-person .sppb-person-information > span.sppb-person-name {font-size: 18px; color: #252525;font-weight: 400;}
.sppb-addon-person .sppb-person-information > span.sppb-person-designation {font-weight: 700; font-size: 18px; color: #252525;}
.sppb-addon-person .sppb-person-information > a.sppb-person-email {font-size: 18px; color: #252525;font-weight: 400;}
.sppb-addon-person .sppb-person-introtext {margin-top: 0;font-weight: 400;}

/**************************************

            Randspalte

**************************************/











/**************************************

            Footer

**************************************/


#sp-contentfooter {  background-color: rgba(249, 203, 0, 0.2);}


#sp-footer, #sp-bottom {background: #5b514a; font-size: 16px; color: #fff;}



#sp-bottom .sp-module .sp-module-title {
  font-weight: 600;
  font-size: 22px;
}

#sp-footer a, #sp-bottom a {color: #f9cb00;}
#sp-footer a:hover, #sp-bottom a:hover,#sp-footer a:focus, #sp-bottom a:focus {color: #ED4A41;}


#sp-bottom .mod-languages ul > li {display: inline-block; padding: 10px 15px;border: 1px solid #fff !important; border-radius: 4px; transition: all 0.3s;}
#sp-bottom .mod-languages ul > li:hover { border-radius: 4px; transition: all 0.3s; border: 1px solid #ED4A41 !important;}
#sp-bottom .mod-languages ul > li a {text-decoration: none !important; transition: all 0.3s; color: #fff;}
#sp-bottom .mod-languages ul > li:hover a {color:#ED4A41; transition: all 0.3s;}
#sp-bottom .mod-languages ul > li.lang-active:hover a {color:#fff; transition: all 0.3s;}

#sp-bottom .mod-languages ul li.lang-active {background-color: transparent !important; border: 1px solid #f9cb00 !important; transition: all 0.3s;}


#sp-bottom input[type="text"], #sp-bottom input[type="email"], input[type="url"], #sp-bottom input[type="date"], #sp-bottom input[type="password"], #sp-bottom input[type="search"], #sp-bottom input[type="tel"], #sp-bottom input[type="number"], #sp-bottom select:not(.form-select), #sp-bottom .sppb-form-group .sppb-form-control, #sp-bottom .form-control { color: #fffed8;
  border-bottom: 1px solid rgba(255,255,255,1);
}

#sp-bottom input::placeholder {color: rgba(255,255,255,0.5);}


#sp-bottom .btn.btn-primary, #sp-bottom  .btn.btn-outline-primary {
  border-color: #f9cb00;
  background-color: transparent;
  color: #f9cb00;
}

#sp-bottom .btn.btn-primary:hover, #sp-bottom  .btn.btn-outline-primary:hover,
#sp-bottom .btn.btn-primary:focus, #sp-bottom  .btn.btn-outline-primary:focus {
  border-color: #ED4A41;
  background-color: transparent;
  color: #ED4A41;
}


/**************************************

            Mediaqueries

**************************************/

@media (max-width: 992px) {
	#sp-contentfooter .col-lg-3, #sp-bottom .col-lg-3 {margin-bottom: 50px;}
    body {font-size: 16px;}
}


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

    
	
}


@media screen and (min-width: 480px) and (max-width: 767px) {


}

@media (max-width: 768px) {

    
}

@media (max-width: 768px) {
	
    
}


@media screen and (min-width: 990px) and (max-width: 1199px) {
	
    
}


@media (max-width: 1200px) {
}


@media (min-width: 1200px) {

}

@media (min-width: 1400px) {

}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .header-modules {display: none !important;}
	#sp-header #offcanvas-toggler.offcanvas, #sp-header #offcanvas-toggler.mega {display: inline !important;}
    #sp-menu {margin-top: 50px;}
	
}


@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .header-modules {display: none !important;}
    
}

@media (min-width: 1400px) {

    
    
    
    
    
}



/* Breakpoint für Off-Canvas von 1200 px abwärts */
@media screen and (min-width: 990px) and (max-width: 1199px) {
    /* Hamburger‐Icon einblenden */
    #offcanvas-toggler {
        display: block !important;
    }
    /* Hauptmenü ausblenden */
   #sp-header-topbar, .sp-megamenu-parent {
        display: none !important;
    }
    
    /* Logo anpassen */
    #sp-header  .col-lg-3 { width: 75%;  }
    #sp-header  .col-lg-9 { width: 25%;  }
    
    /* Darstellung OffCanvas toggler */
    #sp-header.lg-header #offcanvas-toggler {
        margin-right: 20px;
        margin-left: 0px;
        padding-top: 40px;
}
}