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


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

            Allgemein

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

body {color: #000;}


.gelb {background: RGBA(215, 195, 73, 0.5); border-radius: 15px;}

.view-article #sp-main-body .article-details .article-header h1 {
  font-size: 62px;
  line-height: 80px;
  text-transform: uppercase;
  width: 100%;
  margin-bottom: 45px;
}

#sp-main-body a {text-decoration: underline;}
#sp-main-body a:hover, a:focus {text-decoration: none;}

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

            Header

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




.sp-module-content .mod-languages ul.lang-inline li a {font-size: 18px;}

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

            Topnavigation

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


.home .sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {color: #383838;}
.home .sp-megamenu-parent > li::after {background-color: #383838;}

.sp-megamenu-parent > li > a {color: #383838;}





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

            Off-Canvas

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







@media (max-width: 990px) {

}


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

            Inhalt

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

/* home */

.frontbox .sppb-addon-title {
  margin: 0 auto !important;
}
.sppb-addon.sppb-addon-header.frontbox a {
  background: #9A0000;
  color: #FFFFFF;
  padding: 30px;
  height: 200px;
  display: flex;
align-items: center;
	text-align: center;
	width: 100%;
	text-decoration: none !important;
}

.sppb-addon.sppb-addon-header.frontbox a:hover {
 background: rgba(154, 0, 0, 0.6)

}

.sppb-addon.sppb-addon-header.frontbox a h2 {

	font-size: 24px;
}


/* Akkordeon */

.berufsunterlagen .sppb-accordion-icon-wrap .sppb-accordion-image {
  height: 60px;
  width: 60px;
  display: inline-block;
  margin-right: 30px;
}


.berufsunterlagen .sppb-panel.sppb-panel-custom {
  border-style: solid !important;
  border-width: 1px !important;
  border-radius: 10px!important ;
}

.berufsunterlagen .sppb-panel.sppb-panel-custom button {color: #fff; font-weight: 600; font-size: 22px;}

.berufsunterlagen .sppb-panel.sppb-panel-custom:nth-child(1) button {background: #9D9B89 !important; border-color: #D5D7E0 !important;}
.berufsunterlagen .sppb-panel.sppb-panel-custom:nth-child(2) button {background: #b2af9b !important; border-color: #b2af9b !important;}
.berufsunterlagen .sppb-panel.sppb-panel-custom:nth-child(3) button {background: #a8d3af !important; border-color: #a8d3af !important;}
.berufsunterlagen .sppb-panel.sppb-panel-custom:nth-child(4) button {background: #8ec89a !important; border-color: #8ec89a !important;}
.berufsunterlagen .sppb-panel.sppb-panel-custom:nth-child(5) button {background: #6fbd84 !important; border-color: #6fbd84 !important;}
.berufsunterlagen .sppb-panel.sppb-panel-custom:nth-child(6) button {background: #46b270 !important; border-color: #46b270 !important;}
.berufsunterlagen .sppb-panel.sppb-panel-custom:nth-child(7) button {background: #1ca75e !important; border-color: #1ca75e !important;}
.berufsunterlagen .sppb-panel.sppb-panel-custom:nth-child(8) button {background: #009e4e !important; border-color: #009e4e !important;}
.berufsunterlagen .sppb-panel.sppb-panel-custom:nth-child(9) button {background: #009640 !important; border-color: #009640 !important;}
.berufsunterlagen .sppb-panel.sppb-panel-custom:nth-child(10) button {background: #ca4e3a !important; border-color: #ca4e3a !important;}
.berufsunterlagen .sppb-panel.sppb-panel-custom:nth-child(11) button {background: #bfa797 !important; border-color: #bfa797 !important;}
.berufsunterlagen .sppb-panel.sppb-panel-custom:nth-child(12) button {background: #cab3a4 !important; border-color: #cab3a4 !important;}



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

            Randspalte

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

.randbox {border: 1px solid #ccc; border-radius: 10px; padding: 30px; background: #f8f8f8;}






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

            Footer

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


#sp-bottom, #sp-footer {background: #9A0000; color: #fff;font-size: 18px;}


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

#sp-bottom .sp-module .sp-module-title {font-size: 28px;}


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

#sp-bottom .btn.btn-primary {
  border-color: #fff;
  background-color: transparent;
  color: #FFFFFF;
}

#sp-bottom .btn.btn-primary:hover, #sp-bottom .btn.btn-primary:focus {
  border-color: #fff;
  background-color: #fff;
  color: #9A0000;
}

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

            Mediaqueries

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

@media (max-width: 989px) {
	.view-article #sp-main-body .article-details .article-header h1 {font-size: 44px;  line-height: 56px;}
	.sppb-addon.sppb-addon-header.frontbox a h2 {font-size: 20px;}
	.social-wrap {display: none !important;}
}


@media screen and (min-width: 768px) and (max-width: 989px) {
 .sppb-addon.sppb-addon-header.frontbox a h2 {font-size: 18px;}
	
}


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


}


@media (max-width: 768px) {
	.view-article #sp-main-body .article-details .article-header h1, h1 {font-size: 32px;  line-height: 44px;}
	.sppb-addon.sppb-addon-header.frontbox a h2 {font-size: 20px;}
}


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

	.sppb-addon.sppb-addon-header.frontbox a h2 {font-size: 20px;}
}

@media (min-width: 1200px) {

}

@media (min-width: 1400px) {

}


@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1320px;
  }
}