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

            Allgemein

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

body {background: #ECECE8;}

@font-face {
  font-family: 'TheMix';
  src: url("../fonts/themix_semibold.otf");
}

a { color: #817E65; text-decoration: underline;}
a:hover, a:focus, a:active { color: #c60219;}

h1, h2, h3, h4, h5, h6 {color:#c60219;font-family: 'TheMix',sans-serif;}

thead {background: #DFDFD8; color: #817E65;}
thead td {padding: 10px 5px;border-right: 1px solid #DFDFD8}
th, td {border-right: 1px solid #DFDFD8;padding: 5px;}

h1 {padding-top: 45px;}
h2 {padding-top: 40px;}
h3 {padding-top: 35px;}
h4 {padding-top: 24px;}
h5 {padding-top: 18px;}
h6 {padding-top: 14px;}


.btn-primary, .sppb-btn-primary {border-color: #c60219;background-color: #c60219;border-radius: 4px !important;}
.btn-primary:hover, .sppb-btn-primary:hover {border-color: #817E65; background-color: #817E65;}
.error-page .btn-primary:hover, .remind .btn-primary:hover, .reset .btn-primary:hover, .view-login .login .btn-primary:hover, .view-login .logout .btn-primary:hover, .view-registration .registration .btn-primary:hover {background-color: #817E65;border-color: #817E65;border-radius: 4px !important;}
.btn-primary.focus, .btn-primary:focus {box-shadow: 0 0 0 0rem rgba(129,126,101, 0);}
.form-control:focus {border-color: #c60219; box-shadow: 0 0 0 .2rem rgba(0,123,255,0);}
input[type="text"]:not(.form-control):focus, input[type="email"]:not(.form-control):focus, input[type="url"]:not(.form-control):focus, input[type="date"]:not(.form-control):focus, input[type="password"]:not(.form-control):focus, input[type="search"]:not(.form-control):focus, input[type="tel"]:not(.form-control):focus, input[type="number"]:not(.form-control):focus, select:not(.form-control):focus {border-color: #c60219;}
btn, btn-primary, input, textarea, .sppb-btn {border-radius: 4px !important;}

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

            Header

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

#sp-header {background: #C60219;border-bottom: 2px solid #fff;}
#sp-header #sp-logo {padding-top:10px;transition-duration: 0.4s; }
#sp-header #sp-menu {padding-top:14px;transition-duration: 0.4s; }
#sp-header .col-lg-4 {-webkit-box-flex: 0;-ms-flex: 0 0 24%;flex: 0 0 24%;max-width: 24%;}
#sp-header .col-lg-8 {-webkit-box-flex: 0;-ms-flex: 0 0 76%;flex: 0 0 76%; max-width: 76%;}
#sp-header.header-sticky  #sp-logo, #sp-header.header-sticky  #sp-menu {padding-top:0px;margin-top: -5px;transition-duration: 0.4s}
#sp-header.header-sticky { background: #C60219;}

.trennlinie {border-bottom: 8px solid #837f6a; position: relative;}

.logobox {position: absolute; z-index: 10000;z-index: 10;}


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

            Topnavigation

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

/* Hauptnavigation */
.sp-megamenu-parent {float: left;font-family: 'TheMix',sans-serif; margin: 0 15px;}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li.active > a {text-decoration: none; color: #fff;}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a, .sp-megamenu-parent > li:hover > a { color: #C0BEB2 !important;}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span { padding: 0 12px;}
.sp-megamenu-parent > li > a:hover, .sp-megamenu-parent > li > span:hover { background-color: transparent; color:#DFDFD8 !important;}
.sp-megamenu-parent > li> a , .sp-megamenu-parent > li:last-child > a { border: none; font-size: 20px; font-weight: 300px;}


/* Subnavigation */
.sp-megamenu-parent .sp-dropdown .sp-dropdown-items { margin-top: 6px;}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-items { background: #ECECE8;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a::before, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge)::before {background: #DFDFD8; transition: 0s;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {font-size: 16px; border-bottom: 1px solid #C0BEB2;font-weight: 400;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {text-decoration: none;font-family: 'TheMix',sans-serif;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover,.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {color:#C60219;}


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

            Navigation links

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














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

            Inhalt

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



/* Boxen */

.box {padding: 20px;}
.box h3 {padding: 10px 0;}

.grau {background: #D6D9D0;}
.rot {background: #C60219; color: #fff !important;}
.weiss {background: #fff;}

.rot h3 {color: #fff;}
.rot a {color: #F2F2EF}
.rot a:hover, .rot a:focus {color: #DFDFD8;}

.grau a {color: #817E65;}
.grau a:hover, .grau a:focus {color: #C60219;}



/* Kontaktformular */

.sppb-ajaxt-contact-form .sppb-btn {background-color: #C60219;padding: 30px 55px;max-width: 300px;}
.sppb-btn::before {background: #817E65;
    transition: -webkit-transform 0.75s cubic-bezier(0.25, 0, 0, 1);
    transition: transform 0s cubic-bezier(0.25, 0, 0, 1);
    transition: transform 0s cubic-bezier(0.25, 0, 0, 1), -webkit-transform 0s cubic-bezier(0.25, 0, 0, 1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);

}
.sppb-btn-success.focus, .sppb-btn-success:focus {

    color: #fff;
    box-shadow: 0 0 0 0px rgba(35,207,97,0);

}




/*accordionfaq*/

#accordion3.graybarfaq .accordionfaqheader {margin: 0px 0px 3px !important;padding-top: 15px;padding-bottom: 15px;}

/*Logos Initianten*/
.initianten img {float: left; max-width: 250px; height: auto;}


.sppb-addon-testimonial-review {font-style:italic;}


.sppb-addon-accordion .sppb-panel-title {font-size: 18px !important;}
.sppb-addon-accordion .sppb-toggle-direction {padding-left: 15px !important;}
.sppb-addon-accordion .sppb-panel-heading {padding: 15px 45px;}


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

            Randspalte

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








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

            Footer

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

#sp-footer {border-top: 5px solid #fff;}
#sp-footer, #sp-bottom {background: #D6D9D0; color: #4f4933;}
#sp-footer a, #sp-bottom a {color: #c60219 !important;text-decoration: none !important;}
#sp-footer a:hover, #sp-bottom a:hover {color: #817E65 !important;}

#sp-footer #sp-footer2 { text-align: left;}

/* Login-Formular */
#form-login-username label,
#form-login-password label {display: none;}
#form-login-remember label {position: absolute;max-width: 80%;left: 50px; margin-top: -2px;}
.userdata ul {padding-left: 14px;}

.search {max-width: 300px; margin-top: 60px;}

.footermenu a {font-family: 'TheMix',sans-serif;font-size: 16px;text-decoration: none;}

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

            Mediaqueries

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




@media (max-width: 990px) {
#sp-header { height: 50px;}
#sp-header #sp-logo { text-align: center;padding-top: 0px;}
#sp-header #sp-logo .logo {max-width: 50%;margin-top: -8px;}
#offcanvas-toggler { margin-top: -8px;}
#offcanvas-toggler > .fa {color: #fff;}
#offcanvas-toggler > .fa:hover, #offcanvas-toggler > .fa:focus, #offcanvas-toggler > .fa:active {color: #C0BEB2;}

.close-icon::before, .close-icon::after { background-color: #c60219;}
.offcanvas-menu a {text-decoration: none !important; font-family: 'TheMix',sans-serif;}
.offcanvas-menu .offcanvas-inner .sp-module ul.menu > li > a { text-transform: none;}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:focus {  color: #c60219;}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.active > a {color: #c60219;}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler:focus, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler:focus {color: #c60219;}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a { font-size: 18px;}	

}

@media (max-width: 768px) {

}

@media (max-width: 320px) {
 #sp-header #sp-logo .logo {max-width: 70%;}
}


@media screen and (min-width: 768px) and (max-width: 990px) {
#sp-header #sp-logo .logo img {max-width: 80%;}
	
}
@media screen and (min-width: 990px) and (max-width: 1199px) {

#offcanvas-toggler.offcanvas-toggler-left {display: none;}
#sp-header { height: 75px;}
#sp-header.header-sticky { height: 55px;}
	
	
}
@media screen and (min-width: 320px) and (max-width: 550px) {
 #sp-header #sp-logo .logo {max-width: 70%;}
	
}
@media screen and (min-width: 550px) and (max-width: 767px) {


}
@media (min-width: 1200px) {
	#offcanvas-toggler.offcanvas-toggler-left {display: none;}
	#sp-header { height: 80px;}
	#sp-header.header-sticky { height: 55px;}
 .container { max-width: 1320px;  }

}