/* 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 {color: #029641; text-decoration: underline}
#sp-main-body a:hover, a:focus {text-decoration: none;}

.sppb-btn-primary, .btn-primary {background: #9A0000 !important; border: 1px solid #9A0000 !important; color: #fff !important; border-radius: 10px !important; text-decoration: none !important; padding: 15px 30px !important;}

.sppb-btn-primary:hover, .sppb-btn-primary:focus, .btn-primary:hover, .btn-primary:focus
{background: #fff !important; border: 1px solid #9A0000 !important; color: #9A0000 !important; border-radius: 10px !important; text-decoration: none !important; padding: 15px 30px !important;}


.sppb-btn-secondary, .btn-secondary {background: #019642 !important; border: 1px solid #019642 !important; color: #fff !important; border-radius: 10px !important; text-decoration: none !important; padding: 15px 30px !important;}

.sppb-btn-secondary:hover, .sppb-btn-secondary:focus, .btn-secondary:hover, .btn-secondary:focus
{background: #fff !important; border: 1px solid #019642 !important; color: #019642 !important; border-radius: 10px !important; text-decoration: none !important; padding: 15px 30px !important;}


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

            Header

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

@media (min-width: 1200px) {
 #sp-header-topbar .col-xl-5 {width: 25%;}
#sp-header-topbar .col-xl-2 {width: 50%;}
}

#sp-header-topbar  {border-bottom: 1px solid #e5e5e5;}
#sp-header-topbar .container-inner {border-bottom: 0px;}


#sp-header-topbar .signin-text {display: none !important;}

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


/* headerbild */

.berufsbild {}
.berufsbild .hashtag a { color: #9A0000 !important; text-shadow: 3px 3px 0px #fff;}
.berufsbild .hashtag a h3 {font-size: 48px; font-weight: 700;}


/* sprachumschalter */

body .langswitch .btn {text-transform: none; border: 1px solid #ccc; width: 65px;font-size: 90%;}
#sp-header-topbar .langswitch li {font-size: 90%;}
.sp-module-content .mod-languages img {display: none !important;}
.langswitch .dropdown-menu {min-width: 1rem; width: 65px;}

/* Suche */

#sp-header-topbar .form-control {font-size: 90%;}



iframe {border-radius: 10px;}


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

            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;}


.sp-megamenu-parent .sp-mega-group > li > a {
  text-transform: none;
  font-size: 18px;
  font-weight: 600;

}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a{
  font-size: 18px;
  line-height: 1;
  display: inline-block;
  padding: 0px 0px 8px;
  cursor: pointer;
}


.sp-megamenu-parent > li::after {display: none;}

.sp-menu-item.active a {color: #9A0000 !important;}

.sp-megamenu-parent > li:hover > a {color: #009640 !important;}

.sp-dropdown-inner ul li a, li.active .sp-dropdown-inner  ul li a {color: #000 !important;}

.sp-megamenu-parent li ul li:hover > a {color: #009640 !important;}

li.active .sp-dropdown-inner ul li.active a, li.active .sp-dropdown-inner ul li a.active {color: #9A0000 !important;}

.sp-mega-group-child.sp-dropdown-items {
  margin-top: 10px !important;
}
.sp-group-title.sp-menu-heading {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
}

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

            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;
}


/* tabs */

.sppb-addon-tab .sppb-nav-pills li {background: #9A0000; color: #fff; transition: all 0.3s;border-radius: 10px 10px 0 0 !important; border-bottom: 2px solid #fff;}
.sppb-addon-tab .sppb-nav-pills li a {color: #fff !important; text-decoration: none !important; transition: all 0.3s;  transition: all 0.3s;  border-radius: 10px 10px 0 0 !important;}

.sppb-addon-tab .sppb-nav-pills li:hover {background: #e5e5e5 !important; transition: all 0.3s; color: #000 !important; border-bottom: 2px solid #fff;} 
.sppb-addon-tab .sppb-nav-pills li.active {background: #e5e5e5 !important; transition: all 0.3s; color: #000 !important; border-bottom:2px solid #e5e5e5; }
.sppb-addon-tab .sppb-nav-pills li a:hover, 
.sppb-addon-tab .sppb-nav-pills li.active a {background: #e5e5e5 !important; color: #000 !important; background: #e5e5e5; transition: all 0.3s;}



.sppb-addon-tab .sppb-tab-pills-content {background: #e5e5e5; padding: 30px; border-radius: 0px 10px 10px 10px;}


/* Bilder */

#sp-main-body .wfpopup img {border-radius: 10px;}

img .wf-mediabox-img {border-radius: 10px;}


/* akkordeon */

.sppb-panel-modern {border-radius: 8px !important;}

.sppb-addon-accordion .sppb-panel-modern > .sppb-panel-heading {
  padding: 17px 30px 17px 15px;
  background: #009640 !important;
  color: #fff;
  border-radius: 8px;
}

.sppb-addon-accordion .sppb-panel-modern > .sppb-panel-heading.active {border-radius: 8px 8px 0 0;}

.sppb-addon-accordion .sppb-panel-title {font-size: 18px; font-weight: 600;}


/* bildlayout */

.sppb-addon-single-image-container a {color: #fff !important; text-decoration: none !important;}

/* Seminarmanager */

.seminarman h1 {padding: 75px 0;}

.osg-category-header {margin: 50px 0 30px;}


.osg-subkategorien {}
.osg-search {margin-top: 30px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}

.osg-searchform {background: #f8f8f8;padding: 20px;}

.osg-search-field {
  display: inline-block;
}

.sman_search_text {padding: 10px 20px !important; border: 1px solid rgba(0,0,0,0.1) !important;border-radius: 8px !important;}

.seminarman-search-submit-row {
  display: inline-block;
    padding-left: 15px;
}


.seminarman-search-submit-row .btn-primary {padding: 10px 20px !important; margin-bottom: .2rem !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: 16px;}

#sp-bottom {padding-bottom: 150px;}

#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: 22px; padding-bottom: 10px; border-bottom: 1px solid #fff; margin-bottom: 15px;}

#sp-bottom4 .sp-module:last-child {padding-top: 50px;}

#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;
}

#sp-footer {padding-top: 100px;}
#sp-footer1, #sp-footer2 {position: relative;}
#sp-footer1 .sp-column {bottom: 0; left: 15px; position: absolute;}
#sp-footer2 .sp-column {bottom: 0; right: 15px; position: absolute;}

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

            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;}
    #sp-header-topbar { display: none !important; }
    .berufsbild .hashtag a h3 {font-size: 28px;}
	
	#sp-bottom .col-lg-3 {margin-bottom: 50px;}
}


@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) {
   #sp-header .col-6:first-child {width: 75%;}
    #sp-header .col-6:last-child {width: 25%;}
	#sp-footer1, #sp-footer2 {width: 100%;}
}

@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 (max-width: 1200px) {
}


@media (min-width: 1200px) {

}

@media (min-width: 1400px) {

}

@media screen and (min-width: 990px) and (max-width: 1199px) {
    .hashtag .sppb-addon-title {font-size: 26px;}
    .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {font-size: 18px;}
    .berufsbild .hashtag a h3 {font-size: 36px;}
}


@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .hashtag .sppb-addon-title {font-size: 36px;}
    .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {font-size: 18px;}
    body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-full {left: -10px;}
}

@media (min-width: 1400px) {

    body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-full {left: -40px;}
    
    
    
    
}



/* 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;
}
}