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


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

            OS Campus

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

.osc-module-container .osc-search-toggle {display: none !important;}
.osc-module-container input[type="text"].osc-formfield-active {border-color: #595959;color: #595959; border-radius: 8px;}
.osc-container img {border-radius: 8px;}









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

            Allgemein

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



a, .sp-module ul > li > a {color: #6C6D20; text-decoration: none;}

a:hover,
a:focus,
.sp-module ul > li > a:hover,
.sp-module ul > li > a:focus {
  color: #a01b1c;
  text-decoration: none;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

ol, ul {padding-left: 15px;}

.sppb-addon {margin-bottom: 50px;}

body .btn {  text-transform: none;}


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, .sppb-sp-slider-button .sp-slider-btn-text, .btn-primary, .convertforms .cf-btn {
  border: 1px solid #6C6D20 !important;
  background-color: #6C6D20;
  color: #FFFFFF !important;
	border-radius: 8px;
	padding: 10px 20px;
}

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, body .btn.btn-primary:hover, body .btn.btn-outline-primary:hover, .sppb-sp-slider-button .sp-slider-btn-text:hover, .btn-primary:hover, .convertforms .cf-btn: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, .sppb-sp-slider-button .sp-slider-btn-text:focus, .btn-primary:focus, .convertforms .cf-btn:focus {
    border: 1px solid #6C6D20 !important;
	background-color: #fff;
  color: #6C6D20 !important;
}

body .btn.btn-primary a {
  color: #FFFFFF !important;
}

body .btn.btn-primary a:hover, body .btn.btn-primary a:focus {
  color: #6C6D20 !important;
}

.view-article #sp-main-body .article-details .article-header h1 {
font-family: 'Roboto', sans-serif;
  font-size: 68px;
  font-weight: 400;
  line-height: 1.12;
  text-decoration: none;
	text-transform: none;
}


h3 {margin-bottom: 30px;}


input[type="text"], input[type="email"], input[type="url"], input[type="date"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], select:not(.form-select), .sppb-form-group .sppb-form-control, .form-control {
  padding: 10px 15px;
  font-size: 16px;
  line-height: 1.25;
  border: 1px solid rgb(0, 0, 0);
  border-radius: 6px;
}




.visforms h1 {display: none;}
.field-calendar .btn {margin-top: -72px; padding: 11px;}
.open .btn {margin-top: 0px !important}

.multicheckbox .visCSSinput {max-width: 50px !important;}


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

            Header

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












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

            Topnavigation

**************************************/
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  font-size: 18px;
}

.sp-megamenu-parent > li::after {  height: 0px;}

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




.sp-megamenu-parent .megamenu .sp-dropdown ul.sp-dropdown-items li.sp-menu-item > a {
  font-size: 16px;
}

.margin-bottom {margin-bottom: 48px !important;}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a { font-weight: 400;}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
  display: inline-block;
  padding: 0 25px;
  line-height: 100px;
  font-size: 18px;
  margin: 0;
}


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

            Off-Canvas

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







@media (max-width: 990px) {

}


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

            Inhalt

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


.frontbox {border: 1px solid #6C6D20; border-radius: 8px; padding: 0px;transition: all 0.2s;background: #f1f1f1;}
.frontbox:hover {height: 100%; background-color: rgba(0,0,0,0.2); z-index: 2; cursor: pointer; transition: all 0.2s;}
.frontbox .sppb-addon-image-layout-content {
  background: transparent;
}


.article-list.grid {margin-left: -10px; margin-right: -10px;}
.article-list .article {padding: 20px 10px 20px; margin-bottom: 30px; border-radius: 8px;background: #f1f1f1; }
.article-list .article:hover {background: #6C6D2050; transition: all 0.5s;}


body.view-article.remove-container .body-innerwrapper > #sp-main-body > .container, body.view-article.remove-container .body-innerwrapper > .sp-main-body > .container {max-width: 1420px;}

.view-article #sp-main-body .article-details div[itemprop="articleBody"] {margin-left: 0;}

.view-article .igallery_title {display: none;}

  .sppb-addon-sp-slider .sppb-container {
    background: rgba(255,255,255,0.8);
    padding: 40px;
	border-radius: 10px;
  }

.sppb-sp-slider-title, .sppb-sp-slider-text {
  color: #000 !important;
}

/* convertforms */

.convertforms .cf-form-wrap {padding: 0px;}
.convertforms .cf-label {font-weight: 600;}
.textbereich { margin-bottom: 30px !important;}
.convertforms .cf-input { color: #353535;}
.convertforms .cf-input:has(option:disabled:checked) {color: #595959;}

.convertforms.cf-success .cf-response {background-color: rgba(223,225,170,1); color: #595959;border-radius: 8px;font-weight: 500;}
.convertforms .cf-response {padding: 45px;}
.convertforms .cf-response p span {color: #595959 !important;}

.view-article #sp-main-body .related-article-list-container {margin-top: 100px;}


/* Startseite */


.lektionencontainer {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    box-sizing: border-box;
}

.lektionentext {
    width: calc(60% - 40px);
    max-width: calc(60% - 40px);
    box-sizing: border-box;
	background: #f0f0f0;
	padding: 40px;
	border-radius: 8px;
}

.lektionenvideo {
    width: calc(40%);
    max-width: calc(40%);
    box-sizing: border-box;
}

.lektionenvideo iframe {
	border-radius: 10px;
}

@media (max-width: 768px) {
    .container {
        flex-direction: column-reverse;
        gap: 0;
    }
    
    .lektionentext, .lektionenvideo {
        width: 100%;
        max-width: 100%;
    }
}





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

            Randspalte

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

.randbox .sppb-addon {border: 1px solid #6C6D20; background: #6c6d20; color: #fff; border-radius: 8px; padding: 30px; margin: 0 0 30px 0;}

.randbox-weiss .sppb-addon {border: 1px solid #6C6D20; background: #fff !important; color: #000; border-radius: 8px; padding: 30px; margin: 0 0 30px 0;}
.randbox a, .randbox a {color: #fff; text-decoration: underline;}
.randbox a:hover, .randbox a:hover {text-decoration: none;}


.randbox h3 {font-size: 24px;}
.randbox h4 {font-size: 20px;}

.randbox .k-ui-namespace .mod_docman .koowa_media--gallery .koowa_media_contents.columns-2 .koowa_media__item {
  width: 100%;
}


.archiv-intern li:first-child, .archiv-intern li:nth-child(2) {display: none;}


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

            Footer

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

#sp-bottom, #sp-footer {color: #fff; font-size: 16px; background: #6C6D20;}
#sp-bottom a, #sp-foooter a {color: #fff; text-decoration: underline;}
#sp-bottom a:hover, #sp-foooter a:hover {text-decoration: none;}

#sp-bottom .sppb-btn.sppb-btn-primary, #sp-bottom .sppb-btn.btn-primary, #sp-bottom .sppb-btn.btn-outline-primary, #sp-bottom .btn.sppb-btn-primary, #sp-bottom .btn.btn-primary, #sp-bottom .btn.btn-outline-primary {
  border-color: #6C6D20;
  background-color: #fff;
  color: #6C6D20 !important;
}

#sp-bottom .sppb-btn.sppb-btn-primary:hover, #sp-bottom .sppb-btn.btn-primary:hover, #sp-bottom .sppb-btn.btn-outline-primary:hover, #sp-bottom .btn.sppb-btn-primary, #sp-bottom .btn.btn-primary:hover, #sp-bottom .btn.btn-outline-primary:hover,
#sp-bottom .sppb-btn.sppb-btn-primary:focus, #sp-bottom .sppb-btn.btn-primary:focus, #sp-bottom .sppb-btn.btn-outline-primary:focus, #sp-bottom .btn.sppb-btn-primary:focus, #sp-bottom .btn.btn-primary:focus, #sp-bottom .btn.btn-outline-primary:focus {
  border-color: #fff;
  background-color: #6C6D20;
  color: #FFFFFF !important;
}

body .btn.btn-primary a {
  color: #FFFFFF !important;
}

body .btn.btn-primary a:hover, body .btn.btn-primary a:focus {
  color: #6C6D20 !important;
}



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





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

            Mediaqueries

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

@media (max-width: 989px) {

}


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


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


}


@media (min-width: 990px) {
.margin-bottom {margin-bottom: 48px !important;}
}


@media screen and (min-width: 990px) and (max-width: 1199px) {
.sp-megamenu-parent > li > a {font-size: 16px;}
#sp-menu .header-modules {display: none !important;}
.kursuebersicht .sppb-image-layout-title {font-size: 18px;}
.kursuebersicht .sppb-addon-image-layout-content {padding: 30px 20px 40px;}
	
.logo-image { height: auto;max-width: 100px;}
	
}

@media screen and (min-width: 1200px) and  (max-width: 1450px)  {
.sp-megamenu-parent > li > a {font-size: 18px;}
#sp-menu .header-modules {display: none !important;}
.kursuebersicht .sppb-image-layout-title {font-size: 26px;}
.kursuebersicht .sppb-addon-image-layout-content {padding: 30px 20px 40px;}
}

@media (min-width: 1400px) {
.sp-dropdown.sp-dropdown-main.sp-dropdown-mega.sp-menu-full.container {
  position: absolute;
  left: 50% !important;
  margin-left: -675px;
}
  .sppb-addon-sp-slider .sppb-container {
    max-width: 50%;
    position: absolute;
    left: 50%;
    margin-left: -700px;
  }

}

@media (min-width: 1500px) {
  .sppb-row-container {max-width: 1690px;}
}