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


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

            Allgemein

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

a {color: #B20000;}
a:hover, a:focus {color: rgba(178, 0, 0, 0.5);}

#sp-header, #sp-bottom, #sp-footer {background: #0077BB; color: #fff; font-weight: 600;}
#sp-header a, #sp-bottom a, #sp-footer a {color: #B20000; font-weight: 600}
#sp-header a:hover, #sp-bottom a:hover, #sp-footer a:hover {color: rgba(255,255,255,0.8);}
body .sppb-btn.sppb-btn-primary, body .sppb-btn.btn-primary, body .sppb-btn.btn-outline-primary, body .btn.sppb-btn-primary, body .btn.btn-primary, body .btn.btn-outline-primary
{
  border-color: #B20000;
  background-color: #B20000;
  color: #fff;
}

body .sppb-btn.sppb-btn-primary:hover, body .sppb-btn.btn-primary:hover, body .sppb-btn.btn-outline-primary:hover, body .btn.sppb-btn-primary:hover, body .btn.btn-primary:hover, body .btn.btn-outline-primary:hover, body .sppb-btn.sppb-btn-primary:focus, body .sppb-btn.btn-primary:focus, body .sppb-btn.btn-outline-primary:focus, body .btn.sppb-btn-primary:focus, body .btn.btn-primary:focus, body .btn.btn-outline-primary:focus
{
  border-color: rgba(178, 0, 0, 0.5);
  background-color: rgba(178, 0, 0, 0.5);
  color: #fff;
}




input[type="text"]:hover, input[type="text"]:focus, input[type="text"]:active, input[type="email"]:hover, input[type="email"]:focus, input[type="email"]:active, input[type="url"]:hover, input[type="url"]:focus, input[type="url"]:active, input[type="date"]:hover, input[type="date"]:focus, input[type="date"]:active, input[type="password"]:hover, input[type="password"]:focus, input[type="password"]:active, input[type="search"]:hover, input[type="search"]:focus, input[type="search"]:active, input[type="tel"]:hover, input[type="tel"]:focus, input[type="tel"]:active, input[type="number"]:hover, input[type="number"]:focus, input[type="number"]:active, .form-control:hover, .form-control:focus, .form-control:active, .sppb-form-group .sppb-form-control:hover, .sppb-form-group .sppb-form-control:focus, .sppb-form-group .sppb-form-control:active
{
  border-color: #B20000;
  box-shadow: unset;
}





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

            Header

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

.sppb-sp-slider-title {font-family: 'Titillium Web', sans-serif !important;color: #B20000; }
.sppb-sp-slider-text {font-family: 'Open Sans', sans-serif !important;font-size: 16px !important; font-weight: 600 !important; line-height: 1.56 !important; color: #152D53 !important;}
.sp-slider-btn-text {font-family: 'Titillium Web', sans-serif !important; font-size: 24px !important;color: #B20000 !important;}
.sp-slider-btn-text:hover {color: #fff !important;}





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

            Topnavigation

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

#sp-header .sp-megamenu-parent > li.active > a, #sp-header .sp-megamenu-parent > li.active:hover > a, #sp-header .sp-megamenu-parent > li a:hover > a {color: rgba(255,255,255,0.6);}

#sp-header .sp-megamenu-parent > li > a, #sp-header .sp-megamenu-parent > li > span, #sp-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a { color: #fff;}



#sp-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {color: #3D3D3D;}

#sp-header .sp-megamenu-parent .sp-mega-group > li > a {font-size: 20px !important;color: #B20000 !important;}
#sp-header .sp-megamenu-parent .sp-mega-group > li > a:hover {color: #B20000 !important;}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {padding: 20px 40px 40px;}

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

            Off-Canvas

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







@media (max-width: 990px) {

}


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

            Inhalt

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









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

            Randspalte

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








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

            Footer

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

#sp-bottom .btn.btn-primary.login-button:hover,#sp-bottom .btn.btn-primary.login-button:focus
{  border-color: rgba(255,255,255,0.8);
  background-color: rgba(255,255,255,0.8);
  color: #B20000;
}

#sp-bottom label {color: #fff;}






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

            Mediaqueries

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

@media (max-width: 989px) {
.burger-icon > span, .offcanvas-active .burger-icon > span, #modal-menu-toggler.active .burger-icon > span {background-color: #fff;}
.offcanvas-menu .offcanvas-inner ul.menu > li > a, .offcanvas-menu .offcanvas-inner ul.menu > li > span { font-size: 16px; color: #fff;}
.offcanvas-menu {color: #fff; background: #07B;}
offcanvas-menu .offcanvas-inner ul.menu > li a:hover, .offcanvas-menu .offcanvas-inner ul.menu > li a:focus, .offcanvas-menu .offcanvas-inner ul.menu > li span:hover, .offcanvas-menu .offcanvas-inner ul.menu > li span:focus {color: rgba(255,255,255,0.5) !important;}
.offcanvas-menu .offcanvas-inner ul.menu li.active a {color: rgba(178, 0, 0, 0.8) !important;}	

}


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


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


}


@media (min-width: 990px) {

}


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

	
}






@media (max-width: 1300px) {
.header-modules {
  position: absolute;
  right: 0;
  margin-right: -100px;
}
	
	.sp-megamenu-parent {
  margin-left: -100px;
}
}



@media (max-width: 1400px) {
.logo-image {height: 40px;}
}

@media (max-width: 1500px) {
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {font-size: 18px !important;}
}



@media (max-width: 1050px) {
	
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a  {font-size: 16px !important;}	
	
}