@import url('/system/modules/alkacon.mercury.bistuemer.ebk/css/ebk-agency-menu.css');
@import url('/.themes/font.css');

.d-none{display: none;}
p.form-notice {padding: 10px 15px; background: #e00; color: #fff; margin-top: -5px;}

.form-field-privacy a {color: #444;}

.honeypot fieldset section:first-of-type:not(.webform_subfields *){display: none;}
.honeypot table.webform-input tr:first-child {display: none;}

.honeypot fieldset{background: #f5f5f5;padding: 0 40px 40px !important;}
.honeypot.blocks .styled-form {padding: 0px 40px 30px 40px; background: #fff;}
.honeypot.blocks .type-webform .section {margin-top: 0px;}


.opencms-page-editor .detail-visual .info.type{display: block !Important;}
.detail-visual .info.type{display: none !Important;}

@media (max-width: 1013.98px){
.honeypot.blocks .styled-form {padding: 0px 0px 30px 0px;}
}

.type-webform .vorlauf{background: #09803E; max-width: max-content; padding: 7px 10px; color: #fff; border-radius: 4px;  margin-top: -10px;}

@media (max-width: 550.98px){
.type-webform .vorlauf{font-size: 14px; margin-top: -5px;}
}

.box.grau{background: #f5f5f5 !Important;}

/******* DETAIL *********/
.detail-page .intro-headline > .intro {font-size: 23px; font-weight: 400; color: #09803E; margin-bottom: 0;  line-height: 1.3;}
.detail-page h1, .detail-page h2 {font-size: 42px; line-height: 1.25; font-weight: 500; color: #444; letter-spacing: -2px;}
.detail-page .infogroup .info {background: #09803E; padding: 6px 10px; border-radius: 4px; color: #fff;}
.detail-page .paragraph + .paragraph{background: #f3f3f3; padding: 25px; border-radius: 5px; margin-top: 20px;}
.detail-page .paragraph + .paragraph .text{font-size: 18px;}
.detail-page .paragraph + .paragraph::before{content:'Dozent_in'; position: relative; font-size: 23px; font-weight: 500;}

.detail-page .paragraph:has(.heading)::before {display: none;}
.detail-page .paragraph h2.piece-heading {font-size: 23px; font-weight: 500; margin-bottom: 0; letter-spacing: 0;     padding-bottom: 5px;}

.detail-page .paragraph + .paragraph + .paragraph:before{content:'Preis'; position: relative; font-size: 23px; font-weight: 500;}
.detail-page .paragraph + .paragraph + .paragraph + .paragraph:before{content:'Umfang'; position: relative; font-size: 23px; font-weight: 500;}
.detail-page .paragraph + .paragraph .body{padding-top: 11px; border-top: 2px dashed #d3d3d3; margin-top: 6px;}
.blocks .detail-page .type-webform .section { padding: 55px 0px 20px !Important;}


.detail-page .paragraph:first-child p:first-of-type{background: #09803E; color: #fff; padding: 6px 16px; border-radius: 4px; max-width: max-content; margin-bottom: 30px; font-size: 17px;}

.detail-page.type-event .teaser-compact.no-list, .detail-page.type-event .webform-input.table  {display: none;}

.list-indi .intro-headline > .intro {font-size: 16px; font-weight: 500; color: #09803E;}

@media (min-width: 764px){
.type-dynamic-list{padding-left: 20px;}
}

@media (min-width: 764px){
.detail-page .paragraph + .paragraph{margin-top: 35px;}
.detail-page .paragraph + .paragraph + .paragraph{float: left; width: 31%;margin-left: 20px;}
.detail-page .paragraph + .paragraph + .paragraph + .paragraph{float: left; width: 31%; margin-left: 20px;}
}
@media (max-width: 1013.98px){
.detail-page h1, .detail-page h2 {font-size: 35px;}
}

@media (max-width: 763.98px){
.detail-page h1, .detail-page h2 {font-size: 26px;}
.detail-page .intro-headline > .intro{font-size: 19px; margin-bottom: 10px;}
.detail-page .infogroup .info {max-width: max-content;}
}
@media (max-width: 551.98px){
.detail-page h1, .detail-page h2 {font-size: 23px;}
}
.detail-page .paragraph + .paragraph + .paragraph{display: none;}
.detail-page .paragraph + .paragraph + .paragraph + .paragraph{display: none;}
/* ################ Lists #################*/
.list-content .list-append-position {text-align: center; border-top: 1px solid #555; display: block; margin-top: 40px; padding-top: 50px; position: relative;}
.list-pagination .btn.btn-append {-webkit-transition: all 0.2s ease-in-out; background: #09803E; color: #fff;font-weight: 700; border-radius: 50%; border: 10px solid #f3f3f3 !important; display: block; 
 font-size: 16px; height: 100px; line-height: 40px; margin: -40px 0 0 -40px; position: absolute; bottom: 0px; left: 50%; text-align: center; text-transform: uppercase; width: 100px;}
.list-pagination .btn.btn-append:hover {border-color: #eee; background: #ccc;}
.type-list-filter .filterbox .btn.li-label {background-color: #09803E;}
.list-entry.teaser-tile .body {padding: 10px 20px 25px;}
.list-entry .teaser {box-shadow: 0px 0px 5px -1px rgba(0,0,0,.3); padding: 20px;} 
.list-entry:nth-child(even){background: #f5f5f5;}
.list-content .teaser.teaser-compact{margin-bottom: 25px !Important;}

.box-deactivated{background: #f3f3f3; padding: 25px; border-radius: 12px; margin-top: 40px; display: none;}
.box-deactivated .link{padding-top: 10px;}
.opencms-page-editor .box-deactivated{display: block;}

/*#################### Filter Kats ########################*/
.filter-reverse {display: flex;flex-direction: column-reverse;}
.filterbox.search{margin-bottom: 8px;}
.type-list-filter .filterbox .btn.li-label:hover {background-color: #399964;}
.type-list-filter .filterbox {background-color: #fff;  border-radius: 4px;}
.type-list-filter .filterbox .btn.li-label { padding: 14px; line-height: 1;   border-radius: 4px;}
.filter-switch .element.type-list-filter {margin-bottom: 8px;}
.type-list-filter .filterbox.categories ul li {margin-top: 5px;}
.type-list-filter .filterbox.categories ul li a {display: block; font-size: 15px; font-weight: 400;}
.type-list-filter .filterbox.categories ul li.active a { background: #cbcbcb;}
.type-list-sortoptions .dropdown-toggle {    padding: 11px 35px 10px 14px; line-height: 1; border: 0; border-radius: 4px; font-weight: 400; background: #e00; color: #fff;}
.type-list-sortoptions .dropdown-toggle::after {top: -1px;}
.type-list-filter .filterbox.search .styled-form .input input {box-shadow: none; border-radius: 4px;}
.type-list-filter .filterbox.search input {border-color: #999;}
.styled-form .input input {    padding: 10px 10px; }
.type-list-filter .filterbox.resetbuttons {margin-bottom: 20px;}
.type-list-filter .filterbox.resetbuttons .resetbutton {font-size: 17px; line-height: 1;}
.type-list-filter .filterbox.resetbuttons .resetbutton:focus:before, .type-list-filter .filterbox.resetbuttons .resetbutton:hover:before {color: #000;; background-color: transparent;}
.type-list-filter .filterbox.resetbuttons .resetbutton:first-of-type  {margin-top: 12px;}
.type-list-filter .filterbox.resetbuttons .resetbutton:before {background: transparent; color: #e00;     margin-right: 1px;  top: -1px;  position: relative;}
.btn-red.type-list-filter .filterbox .btn.li-label {color: #fff; background-color: #e00;}
.btn-red.type-list-filter .filterbox .btn.li-label:hover{color: #fff; background-color: #9d9c9c;}
.filterbox .btn-block.li-label{font-size: 19px;}
.type-list-filter .filterbox.categories .btn.li-label:before, .type-list-filter .filterbox.categories ul li a::before, a.external:after{display:none;}
.type-list-filter .filterbox.categories ul li a {padding-left: 10px;background-color: #f7f7f7;}
.reset-btn .btn {padding: 14px 14px 13px 14px; line-height: 1; border: 0; border-radius: 4px; font-weight: 400; background: #444; color: #fff; width: 100%; font-size: 18px;}
.reset-btn .btn:before{content: '\f00d';font-family: 'ForkAwesome'; margin-right: 7px;color: #fff;}
.resetbutton.categories {}


.list-indi.type-list-filter .filterbox.search .styled-form{padding: 0; border: 0;}

@media (max-width: 551.98px) {
.reset-btn .btn, .type-list-sortoptions .dropdown-toggle {font-size: 14px;}
}
@media (min-width: 550px) and (max-width: 1013.98px) {
.reset-btn{ float: left;}
}

.count-indi{display: flex; justify-content: flex-end;}
.count-indi .count-wrap{background: #eee; padding: 5px 10px; font-size: 17px; margin-bottom: 5px;}

.type-list-filter{margin-bottom: 10px !important;}

.centa{display: flex; justify-content: center;}

.max-1500 .container{max-width: 1500px;}

.pp-banner * {
    font-size: 15px;
}
.pp-banner .buttons .btn-save, .pp-banner .buttons .btn-save:hover {background-color: #eee; color: #333; border-color: transparent;}
.pp-banner .buttons .btn-accept, .pp-banner .buttons .btn-accept:hover {background-color: green; color: #fff; border-color: transparent;}
#topcontrol {border-radius: 50% !important; background: #444;}
.area-header.dashed {border-bottom: 3px dashed #eee; padding-bottom: 20px;}

.org-opencms-ade-containerpage-client-ui-css-I_CmsLayoutBundle-I_CmsContainerpageCss-oc-ignore-small-elements .oc-small-element .oc-option-bar {
    visibility: visible !important;}

:root{--my-body-font-family: font-family: "Open Sans",sans-serif;}

@media (hover: none) {
 .effect-parallax-bg {
       background-attachment: initial; background-position: center !important;
   }
}

.type-slider .slide-wrapper .copyright{right: 16px; font-size: 10px;}

.ap-legaltext h1{font-size: 45px;}
.ap-legaltext h2, .datenschutz h2, .datenschutz h1 {font-size: 28px; line-height: 37px;}


.org-opencms-ade-containerpage-client-ui-css-I_CmsLayoutBundle-I_CmsContainerpageCss-oc-ignore-small-elements .oc-small-element .oc-option-bar {visibility: visible !important;}

h3, .h3 {font-size: 2.8rem; font-weight: 400; letter-spacing: -2px;}
.list-content h2, .list-content .h2 {letter-spacing: 0px !important;}
.ap-legaltext > .row > div {padding-left: 0;}

.area-content {max-width: 93%; margin: 0 auto;}


body {font-size: 20px; font-family: "Open Sans",sans-serif; font-weight: 300; color: #444;}

h1, h2, .subline {font-size: 40px; line-height: 40px; font-weight: 300; color: #555; font-family: "Open Sans",sans-serif;}

.small h1{font-size: 33px; margin-bottom: -15px !important;}

h1, h2{font-size: 60px; line-height: 60px; font-weight: 300; color: #000;     letter-spacing: -2px;}
h1 b, h1 strong, h2 b, h2 strong {
  font-weight: 600;}

.subline {display: block; color: #999;}

.box {background: #ededed; border: none; border-radius: 10px 0 10px; padding: 35px; font-size: 18px;}
.box.dark {background: #b6b6b6;}
.box h4 {font-size: 2.2rem;
  line-height: 1.3;}

.flex-col .box {flex-grow: 1;}


.social-icons ul {justify-content: center; margin-top: 30px;}
.social-icons li a {border-radius: 50%;}

.kontakt img{}

#mercury-page {padding-bottom: 30px;}

a {color: #ee0000;}

.little p{font-size: 16px;}

@media (min-width: 1014px) {
.two-cols.piece>.body+.link {justify-content: flex-end; display: flex;}
.two-cols.piece > .body {column-count: 2;-webkit-column-count: 2;-moz-column-count: 2;column-gap: 60px;-webkit-column-gap: 60px;-moz-column-gap: 60px;column-rule: 1px solid #ccc;-webkit-column-rule: 1px solid #ccc;-moz-column-rule: 1px solid #ccc;}
}

.spacer-top {padding-top: 30px;}
.spacer-bottom{padding-bottom: 30px;}
.spacer-top-big {padding-top: 50px;}
.spacer-bottom-big {padding-bottom: 50px;}

.piece > .body .text h1, .piece > .body .text h2{margin-bottom: 0;}

.border-foot{border-top: 1px solid #999; border-bottom: 1px solid #999; padding-top: 20px;}
.border-foot p{font-size: 14px;}
.border-foot a{color: #555;}
.border-foot a:hover{color: #ee0000;}

.btn {
  background-color: #09803E;
  padding: 10px 30px;
  color: #fff;
  border: 0;
  border-radius: 30px;
}
.dark .btn {
  background-color: #444;}
.dark .btn:hover, .btn:hover {
  background-color: #444;}

.three .btn {width: 85%; margin: 0 auto; margin-top: 10px;}

.three .dark h3 {background: #444;}
    
.three h3 {
  text-align: center;
  font-size: 60px;
  color: #fff;
  display: flex;
  background: #09803E;
  width: 110px;
  height: 110px;
  line-height: 1;
  border-radius: 50%;
  padding: 28px;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  margin-bottom: 15px !important;
}
.three-wrap, .fakten {
    padding: 60px 0 50px 0;
    border-top-left-radius: 25px;
    border-bottom-right-radius: 25px;
}



/*********** KOMMENTAR - Text in Anmeldeformular ausgeblendet ***********/
/*label.checkbox p:nth-child(2){display: none;}*/
label.checkbox p:nth-child(3){display: none;}


/****************** NL-FORM ******************/
.type-newsletter-config .btn{background-color: #ee0000; padding: 10px;}
.type-newsletter-config .styled-form fieldset + fieldset {border-top: none;}
.type-newsletter-config .styled-form footer {padding: 10px 0 30px; border-top: none;}
.type-newsletter-config .styled-form{border: 0;}
.anmeldung .type-newsletter-config h2, .anmeldung .type-newsletter-config .description {display: none;}
.anmeldung .type-newsletter-config {padding: 30px;     margin-bottom: 50px;}
.type-newsletter-config{box-shadow: 0px 0px 5px -1px rgba(0,0,0,.3);}
.type-newsletter-config .btn[value="1"] {background-color: #09803E;}
/****************** ENDE ********************/

/***************** SLIDER ***********************/
.type-slider .slider-box {border-top-left-radius: 20px; border-bottom-right-radius: 20px;}
.slider-dots li button::before {content: " ";
    display: block;
	border: 12px solid #ddd;
    width: 20px;
    height: 20px;
    background-size: 20px;
    background-image: url(/.galleries/bilder/Download.svg);
    opacity: 0.5;
	    border-radius: 50%;
}
.slider-dots li button.active::before {
    background-image: url(/.galleries/bilder/Download.svg);
    border: 12px solid #e00;
   
}
.slide-wrapper .caption.top.left{
	width: 400px;
    background: #eee;
    left: 50px;
    top: 50px;
    padding: 50px;
}
.type-slider .slide-wrapper .caption strong{
	color: #444;
    text-shadow: none !Important;
}
.type-slider .slide-wrapper .caption strong span.first{
	font-size: 25px;
    font-weight: 300;
	display: block;
	line-height: .5;
}
.type-slider .slide-wrapper .caption strong span.second{
	font-size: 60px;
    font-weight: 400;
	display: block;
	
}
.type-slider .slide-wrapper .caption small{
	color: #444;
    text-shadow: none !Important;
    padding: 20px 10px;
	font-size: 18px;
    font-weight: 300;
}
.type-slider .slide-wrapper .caption small a{
    background: transparent;
    border: 1px solid #444;
    padding: 10px 50px;
    font-size: 20px;
	color: #444;
	font-weight: 300;
}
.type-slider .slide-wrapper .caption small a.btn{

    padding: 10px 50px;
    font-size: 20px;
    color: #fff;
    width: 100%;
    border-radius: 10px 0 10px;
	border: 1px solid #fff;
}

.slide-wrapper .caption.top.left {
    width: 560px;
    background: rgba(0,0,0,.6);
    left: 0;
    top: 50px;
    padding: 50px;
    height: 100%;
    top: 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.type-slider .slide-wrapper .caption strong {
    color: #fff;
    text-shadow: none !Important;
}
.type-slider .slide-wrapper .caption small {
    color: #fff;
    text-shadow: none !Important;
    padding: 20px 10px;
    font-size: 18px;
    font-weight: 300;
}
.slider-box button, .slider-box [type="button"] {margin-bottom: 10px;}
.area-wide.area-full-row .type-slider .slider-box {border-radius: 20px 0 20px;}


.cite-slider.type-slider .slide-wrapper .caption {background: transparent; }
.cite-slider.type-slider .slide-wrapper .caption.center {white-space: normal; text-align: left;}
.cite-slider.type-slider .slide-wrapper .caption strong {background: transparent; font-weight: 300; font-size: 46px; text-align: center;}
.cite-slider.type-slider .slide-wrapper .caption small {font-size: 30px; text-align: center; font-style: italic; background: transparent; color: #fff;}
.cite-slider.type-slider .visual {min-height: 300px;}
.cite-slider-wrap {padding-top: 85px;  padding-bottom: 65px; margin-top: 50px; margin-bottom: 80px; border-bottom-right-radius: 25px;}
.cite-slider.type-slider .slide-wrapper .caption .subcaption br {display: block;}




@media (min-width:764px) and (max-width:1013.98px) {
.slide-wrapper .caption.top.left {padding: 35px;}
.slide-wrapper .caption.top.left {width: 360px;}
.type-slider .slide-wrapper .caption strong span.second {font-size: 37px; margin-bottom: 13px;}
.type-slider .slide-wrapper .caption strong span.first {font-size: 21px;}
.type-slider .slide-wrapper .caption small {padding: 0px 10px 14px; font-size: 17px;}
.type-slider .slide-wrapper .caption small a.btn {font-size: 16px; margin-top: 15px; width: 75%;}
}
@media (max-width: 763px){

.slider-dots{display: none;}


.type-slider.text-below-on-xs .captions {background-color: #444;}
.slide-wrapper .caption.top.left {width: 100%;}
.type-slider .slide-wrapper .caption strong span.second {font-size: 47px;}
.type-slider .slide-wrapper .caption strong span.first {font-size: 20px; margin-bottom: 5px;}
.type-slider .slide-wrapper .caption small {font-size: 16px; padding: 0;}
.type-slider .slide-wrapper .caption small a.btn {padding: 11px 10px;font-size: 16px; width: 50%; margin-top: 20px;}
.type-slider.text-below-on-xs .slide-wrapper small {display: block;}

}

/****************** ENDE ********************/


.type-webform .section {padding: 6px 15px; color: #444; background: #efefef; font-size: 20px; margin-top: 40px; border-radius: 5px; font-weight: 400;}
.styled-form footer {border-top: 0;}
.styled-form, .type-webform {padding: 20px 40px; border: 0;}
.type-webform {border: 0;}
.styled-form{padding: 20px 40px; border: 1px solid #ccc; border-top: 0;}
.styled-form fieldset {padding: 0;}
.form-header { padding: 10px 20px 2px; margin-bottom: 0px !important; background: #eee; color: #444; text-align: center;     letter-spacing: -2px; font-size: 27px;}
.styled-form label.radio {font-weight: 300; }
.styled-form label, .styled-form .label {font-weight: 400; font-size: 17px;}
/* .webform_subfields {padding: 20px 30px 30px; background: #eee; border-radius: 5px; } */


.blocks .type-webform .section {margin-left: -40px;
    margin-right: -40px;
    padding: 35px 0px 20px;
    color: #444;
    background: #fff;
    font-size: 25px;
    margin-top: 30px;
    border-radius: 0; 
    font-weight: 400;
    text-align: center;
    margin-bottom: 30px;
}

.blocks .styled-form footer {background: #fff;
    margin-left: -40px;
    margin-right: -40px;
    margin-top: 40px;
    margin-bottom: -40px;}
.blocks .type-webform {border: 0;}
.blocks .styled-form {padding: 30px 40px;
    border: 0; 
    border-top: 0;
    background: #f5f5f5;}
.blocks .form-header { padding: 10px 20px 2px;
    margin-bottom: 15px !important;
    background: #fff; 
    color: #444;
    text-align: center;
    letter-spacing: -2px;
    font-size: 31px;}

.blocks .box {background: #fff; box-shadow: 0px 0px 5px -1px rgba(0,0,0,.3); }
.box.kontakt {background: #fff; box-shadow: 0px 0px 5px -1px rgba(0,0,0,.3); }


/* .webform_subfields {padding: 20px 30px 30px; background: #eee; border-radius: 5px; } */


/*********** Archiv *************/

.nl-archiv .list-content .teaser {
    margin-bottom: 20px;
}
.nl-archiv .list-entries  li:before {content:"Aktuelle Ausgabe"; content: "Aktuelle Ausgabe";
    background: #09803E;
    padding: 4px 20px;
    margin-bottom: 13px;
    position: relative;
    display: inline-block;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    border-radius: 5px;}
.nl-archiv .list-entries  li + li:before {content:""; display: none;}
.nl-archiv .list-entries  li {background: #f3f3f3; padding: 30px 30px 10px; margin-bottom:40px; border-radius: 5px;}
.nl-archiv .list-entries  li + li {background: #fff; padding: 0;}
/****************** ENDE ********************/


/**************** HEADER & NAV *****************/

#nav-main-addition {display: none;}
.nav-main-items li.expand > a.nav-label + a[aria-controls] {
  display: none;
}
.nav-main-items li.active > a:first-child, html.active-nav .area-header .header-group li[aria-expanded] > a::after {
  display: none;
}
header.bh #nav-toggle-label-open .nav-toggle {
    width: 50px;
    height: 43px;
}
header.bh .h-logo-row {max-width: 94%; padding-top: 30px;}

header.bh .header-group {border-bottom: 0;}	
.nav-toggle {
	 background-color: transparent;
	 background: rgba(255,255,255,0.7) !Important;
}
	
.nav-toggle span, .nav-toggle span::before, .nav-toggle span::after {	
	height: 3px;
    background: #444 !Important;
}

.nav-toggle-btn.active-nav .nav-burger {
    background: none !important;
}
.nav-main-container {
  background-color: rgba(255, 255, 255, 0.9);;
  border-top-left-radius: 25px !important;
  border-bottom-right-radius: 25px !important;
  height: auto;
  padding: 30px 35px 45px;
}
.nav-main-items li[aria-expanded] > a[aria-controls]::after, .nav-main-container .nav-main-group {
  background-color: transparent;
}
nav-main-items > li > a, .nav-main-items li > a {
  color: #444 !important;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 400;
  padding: 15px 0;
  border-bottom: solid 1px #444;
}
header.bh .nav-menu-header {
    background-color: transparent;
    padding: 15px 0 30px;
}

.nav-main-container .nav-main-group .nav-main-items {
    border-top: solid 1px #444;
}
/****************** ENDE ********************/


@media (min-width: 800px) {
.cite-slider.type-slider .slide-wrapper .caption.center {  min-width: 700px;}
.cite-slider.type-slider .slide-wrapper .caption strong{font-size: 35px;}

}
@media (max-width: 1013.99px) {
h1, h2 {font-size: 50px;}
.lead {font-size: 19px;}
.spacer-mobile{margin-top: 50px;}
}

@media (max-width: 799.99px) {
.cite-slider.type-slider .slide-wrapper .caption.center { width: 100%;}
.cite-slider-wrap {
    padding-top: 15px;
    padding-bottom: 5px;
    margin-top: 20px;
    margin-bottom: 50px;
}
}

@media (min-width: 764px){

}

@media (min-width: 1014px){
.styled-form .webform_subfields fieldset {padding-left: 0; padding-right: 0;}
.lead {
    font-size: 2.3rem;
  }
.teaser .intro-headline {
font-size: 25px;
    font-weight: 400;
    margin-bottom: 3px;
	}
.nav-main-container .nav-main-group {
  width: 350px;
}
.cite-slider.type-slider .slide-wrapper .caption.center {  min-width: 960px; }
.cite-slider.type-slider .slide-wrapper .caption strong{font-size: 40px;}
.spacer-top{margin-top: 40px;}
.spacer-bottom{margin-bottom: 40px;}
header.fh .header-group {
    border-bottom: 0;
}
.area-header .header-group::before{
	background-image: none;
}
header.fh.header-isfixed.fix-overlay .h-nav {
    padding-top: 20px;
    padding-bottom: 13px;
}
.type-newsletter-config .col-lg-4 {
    flex: 0 0 auto;
    width: 45%;
}
header.fh.header-isfixed.fix-overlay .h-logo::before, header.fh.header-isfixed.fix-overlay .h-logo::after {
    box-shadow: none;
}
}
@media (max-width: 830.98px){

.subline {
    font-size: 25px;
    line-height: 30px;
}
h1, h2 {
    font-size: 40px;
    line-height: 50px;
}
}

@media (max-width: 763.98px){
.small h1 {font-size: 29px;}
.styled-form, .type-webform {
    padding: 0;
}
.ap-legaltext h2, .ap-legaltext h1, .datenschutz h2, .datenschutz h1 {
    font-size: 28px;
	line-height: 37px;
}
h1, h2{
    font-size: 30px;
    line-height: 43px;
}
.type-slider .slide-wrapper .caption strong {
    font-size: 29px;
    padding: 10px 20px 10px 10px;
}
.type-slider .slide-wrapper .caption small{
    font-size: 19px;
    line-height: 1.2;
	padding: 0px 20px 20px 0px;
}
.btn-block {
    width: 80%;
    text-align: center;
    margin: 0 auto;
}

.filterbox .btn-block { width: 100%;}

h3, .h3 {
    font-size: 25px;
}
.kontakt img {
    max-width: 60%;
    height: auto !important;
}
.kontakt .image-src-box.presized{
    height: 0;
    display: block;
}
.box.kontakt .body{margin-top: 40px;}
.cite-slider.type-slider .slide-wrapper .caption strong {font-size: 20px !Important; padding: 7px 15px;}
.cite-slider.type-slider .slide-wrapper .caption small {font-size: 18px !Important; padding: 7px 15px;}
}
@media (max-width: 554.98px){
#topcontrol{display: none;}
.btn-block {width: 100%;}
.blocks .styled-form {padding: 30px 30px;}
.styled-form label, .styled-form .label {font-size: 16px;}
.styled-form .note {font-size: 14px;}
.blocks .type-webform .section {font-size: 23px;}
.box {font-size: 16px;}
.small h1 {font-size: 27px; margin-bottom: 0px !important;}
.slide-wrapper .caption.top.left {padding: 30px;}
.type-slider .slide-wrapper .caption strong span.second {font-size: 36px;}
.type-slider .slide-wrapper .caption small {font-size: 17px;}
.mv-40, .mb-40 {
    margin-bottom: 1.5rem !important;
}
.pv-30, .pt-30 {
    padding-top: 1.5rem !important;
}
.mv-40, .mt-40 {
    margin-top: 1.5rem !important;
}
.mv-20, .mt-20 {
    margin-top: 0rem !important;
}
.mv-30, .mt-30 {
    margin-top: 1rem !important;
}
.spacer-top-big {
    padding-top: 30px;
}
.lead, body {font-size: 18px;}
.box h4 {font-size: 24px;}
}

@media (min-width: 1200px){
header.bh.ls-4 .h-logo-col {
    flex: 0 0 300px;
    max-width: 300px;
	top: 12px;
    position: relative;
}
}

@media (min-width: 1400px){
header.bh.ls-4 .h-logo-col {
    flex: 0 0 300px;
    max-width: 300px;
	top: 12px;
    position: relative;
}
}