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

.social-icons .ico, .social-icons .ico-svg, .social-icons .fa, .social-icons .fas, .social-icons .fab{    align-items: unset ;}

.pp-banner * {font-size: 18px;}

.type-contact .ico, .type-contact .fa {
    margin-right: unset;
    width: unset;
}

.slider-dots button::before {border: 12px solid #ccc; border-radius: 50%;}
.slider-dots button.active::before {border: 12px solid #F0873F;}

.logos{display: flex; justify-content: center; align-items: center;}
.logos .btn-orange .link {display: block !Important;}
.logos .btn-orange a.btn {padding: 7px 25px; font-size: 16px;}

@media(min-width: 764px){
.logos .col-6{width: 25%;}
}
@media(max-width: 1013.98px){
.logos .p-40{padding: 20px !Important;}
.logos .p-30{padding: 15px !Important;}
.logos .p-20{padding: 10px !Important;}
.logos .p-10{padding: 05px !Important;}
}



.ap-legaltext > .row > div {
    padding-left: 0;
}

.image-src-box.presized > .copyright.image-copyright{
    text-align: left;
    right: unset;
}

.max-70.row{max-width: 1140px; margin: 0 auto;}
.max-70 h3{letter-spacing: -2px;}

@media (max-width: 1013.98px){
.max-70.row{max-width: 400px;}
}

@media (max-width: 763.98px){
.max-70 h3 {font-size: 27px;}
}

@media (max-width: 501.98px){
.max-70 h3 {font-size: 23px;}
.max-70.row{max-width: 250px;}
}



.kachel-tab .presized{display: none;}
.kachel-tab.variant-tile-accordion .collapse-trigger .text-overlay {
    background: #F0873F; border-bottom-right-radius: 0; border-top-left-radius: 0; margin-right: 0; border-radius: 40px; bottom: 0px; padding: 8px 20px 13px;}
.kachel-tab.variant-tile-accordion .piece.pac .heading > .piece-heading {font-weight: 400; font-size: 19px;}
.kachel-tab .piece-heading {text-align: center !important;}
.kachel-tab .piece-heading:before {content: "\f05a";
    font-size: 27px;
    top: 3px; font-family: "ForkAwesome";
    
    margin-right: 8px;
    position: relative;}

.kachel-tab .text-overlay.box-theme:before {display: none;}


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

.social-icons li a {
    color: #fff;
    background-color: #F0873F;}
	
.type-slider .slide-wrapper .copyright{font-size: 10px; right: 20px;}

.type-shariff {
    margin-top: 0;
    margin-right: 0;
    z-index: 10;
    position: relative;
    display: flex;
    justify-content: center;
}
.social-icons li {margin-right: 5px;}
.social-icons .fab, .social-icons .fas {width: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 25px;
	color: #fff;
	}
	
	.social-icons li a {width: 50px;
    height: 50px;
    display: block;
    border: 0;
    font-size: 20px;
	  border-radius: 50% !important;
   
	}




 #topcontrol,  a.external:after {display: none !important;}
.area-foot .subfoot {background-color: #333; font-size: 18px;     margin-top: 50px;}
.area-foot .subfoot ul {display: flex; justify-content: center;}
.area-foot .topfoot {background: transparent; padding-top: 0;}
body{
	font-size: 22px;
	font-family: 'Source Sans Pro';
}
h1, .big h2{
	font-size: 60px;
	font-family: 'Source Sans Pro';
	font-weight: 300;
    letter-spacing: -2px;
	line-height: 1.1;
}
h1 strong, .big h2 strong{
	font-weight: 900;
}


h2{
	font-size: 35px;
	font-family: 'Source Sans Pro';
	font-weight: 300;
}
h2 strong{
	font-weight: 700;
}
h3{
	font-size: 30px;
	font-family: 'Source Sans Pro';
	font-weight: 300 !important;
}
h3 strong{
	font-weight: 700;
}
.accordion .acco-header .acco-toggle, .type-contact .pos {font-family: 'Source Sans Pro';}

.more-info .accordion {border-bottom: 0; box-shadow: none;}
.more-info .accordion .acco-header .acco-toggle {margin-top: 10px; font-size: 20px; width: auto; background-color: #F0873F; border: 0; border-radius: 30px; font-weight: 400; color: #fff;}
.more-info .accordion .acco-header {font-size: 22px;}
.more-info .accordion .acco-header > .acco-toggle {padding: 12px 30px 12px 50px;}
.more-info .accordion .acco-toggle.collapsed::after, .accordion .acco-toggle::after {background: transparent; }
.more-info .accordion .acco-header .acco-toggle.collapsed::after {content: "\f067"; font-size: 22px;}
.more-info .accordion .acco-body {padding: 0; margin-top: 25px; border-top: 0; border-left: 0; margin-bottom: 30px; margin-left: 0; border: 0;} 
.more-info .accordion .acco-header .acco-toggle::after{left: 18px; right: unset;content: "\f068";}

.more-info.animated .acco-toggle.collapsed {animation: pulse-animation 1.5s infinite;}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
  }
}


.box {padding: 35px; border-top-left-radius: 20px; border-bottom-right-radius: 20px; background: #F0873F; color: #fff; }
.box h3  {font-size: 32px; font-family: 'Source Sans Pro'; color: #fff; font-weight: 400; line-height: 1.1; margin-bottom: 10px !important;}
.box a {color: #fff;}
.box .link {margin-top: 15px !important;}
.box a.btn {background: transparent; border: 1px solid #fff; padding: 7px 20px; border-radius: 30px; }

.box.dark {background: #333;}

.box.light{background: #eee; color: #444; padding: 35px;}
.box.light h3{color: #444; font-size: 30px; }
.box.light a{color: #444;}


    


.box.dark.icon {padding: 25px; background: #333; border-top-left-radius: 0; border-radius: 50%; background: #444;}
.box.dark.icon:hover {background: #F0873F;}
.sub-icon h3  {font-size: 20px; font-weight: 400 !important; text-align: center; margin-top: 15px; }

.max-content3 .container {max-width: 1200px; margin: 0 auto;}
.first-none .col-xl-2:first-of-type {display: none;}
.first-none .tile-col.element  {margin-bottom: 0;}
.first-none .col-xl-2 {margin-bottom: 30px;}

@media (min-width: 1200px) {
 .first-none .col-xl-2 {flex: 0 0 auto;width: 19.66666667%;}
}

  


/* ################ Special ul's #################*/
.pdf ul, .link ul, .check ul {list-style: none outside none; margin-left: 0; padding-left: 0; margin-top: 20px;}
.link li, .pdf li, .check li {overflow: visible; padding-left: 32px; position: relative;margin-bottom: 8px;}
.pdf li:before, .link li:before, .check li:before { font: normal normal normal 19px/1 FontAwesome; margin-right: 10px; left: 0; position: absolute;}
.check li:before {content: "\f046"; top: 5px; font-size: 26px; color: #53ab7d;}

small, .small {
    font-size: 0.9em;
}


.media-box {    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;}
	
.area-content.news-wrap {margin-top: 40px; margin-bottom: 30px; padding-bottom: 55px; padding-top: 50px; border-top-left-radius: 20px;    border-bottom-right-radius: 20px;}
.news-wrap .teaser {background: #fff; border-top-left-radius: 10px;    border-bottom-right-radius: 10px; }
	.news-wrap .teaser .body {padding: 20px 30px 30px; font-size: 18px;}
.news-wrap .teaser	h3.intro-headline {margin-bottom: 5px;}
.news-wrap .teaser-tile .teaser.piece > .body > .heading .headline {font-weight: 600;}

.news-wrap .teaser .intro {    padding: 4px 15px;
    background: #F0873F;
    max-width: max-content;
    margin-bottom: 15px;
   font-size: 80%;
    color: #fff;
    border-radius: 2px;
}

.area-content.news-wrap.grey {padding-top: 10px;}
.news-wrap.grey .teaser {    box-shadow: 0px 0px 5px -1px rgba(0,0,0,.3);}
.detail-page .intro-headline > .intro{color: #F0873F;}
.detail-page.type-article h1 {font-size: 45px; line-height: 1.15; margin-bottom: 30px !important;}
.detail-page.type-article .sub-header{display: none;}
.detail-page.type-article img{border-top-left-radius: 20px; border-bottom-right-radius: 20px;}


.detail-page.type-article .piece.full > .visual{border-top-left-radius: 20px; border-bottom-right-radius: 20px; margin-top: 20px; margin-bottom: 30px;}

.map-marker {padding: 10px;}
.map-osm .mapboxgl-popup-content {
    border-radius: 6px;
    padding: 20px;
}
.type-map .map-marker .marktxt {
    line-height: 1.4;
}
.map-full .maplibregl-map {height: 420px !important;}
.maplibregl-marker  svg {display: none;}
.maplibregl-marker { width: 50px;  height: 55px; background: url(/.galleries/bilder/.system/map-marker.png) no-repeat 0 0 !important;}



.map-osm .mapboxgl-popup-content .btn-contact{padding: 5px 15px; background: #F0873F; color: #fff; border-radius: 3px; display: block; text-align: center; margin-top: 10px;}




.btn1 {display: flex; justify-content: center;}
.btn1 .btn{
	background-color: #F0873F;
    border-radius: 30px;
   
    padding: 11px 30px;
    font-size: 18px;
    margin: 0 auto;
    
    margin-top: 20px;
}
.btn-orange a.btn {
	background: #F0873F;
    border-radius: 30px;
    color: #fff;
    padding: 12px 30px;
}
.btn-orange .link{
	display: flex; justify-content: center;
}


.box.light.btn-orange a.btn{
	background: #F0873F;
    border-radius: 30px;
    color: #fff;
    padding: 8px 30px;
	border: 0;
}
.btn-normal .link .btn{
	background: #F0873F;
    border-radius: 30px;
    color: #fff;
    padding: 5px 30px;
    margin-top: 15px;
}
.type-imageseries > .series > button.btn {
    margin: 0 auto;
}

.btn-append.btn {
    background-color: #F0873F;
    border-radius: 30px;
    padding: 11px 40px;
    font-size: 18px;
    margin: 0 auto ;
    margin-top: 20px !important;
	max-width: max-content;
}
.type-contact .contact-pers, .type-contact .contact-org{padding: 25px; box-shadow: 0px 0px 5px -1px rgba(0,0,0,.3); border-top-left-radius: 20px; border-bottom-right-radius: 20px;}
.type-contact .contact-pers img, .type-contact .contact-org img{border-radius: 50%;}
.type-contact .contact-pers, .type-contact .contact-org{font-size: 19px;flex-grow: 1;}
.type-contact .contact-pers .pos{font-size: 20px; font-weight: 300; }
.type-contact .contact-pers.piece > .body .text h3{margin-bottom: 0px;}
.type-contact .contact-pers.piece .body .text h3{font-size: 22px; font-weight: 600 !important;}
.type-contact .contact-pers h3, .type-contact .contact-org h3 {font-size: 22px; margin-bottom: 5px !Important;}
.no-radius.type-contact .contact-pers img{border-radius: 0; padding: 20px;}
.flex-col .type-contact {flex-grow: 1; display: flex;}

@media (max-width: 1013.98px){
.type-contact .contact-pers, .type-contact .contact-org {margin-bottom: 30px;}
}


.tabs-info ul.tab-list {border-bottom: 0; display: flex; justify-content: center;}
.tabs-info .tab-content .box h3.piece-heading {font-weight: 400 !important; line-height: 1.1; margin-bottom: 12px !important;}
.tabs-info ul.tab-list li {  margin-bottom: 10px;}
.tabs-info .tab-list > li > .tab-toggle {width: 74px; height: 78px;color: #333; background: transparent; padding: 0px;  margin-right: 0; border-radius: 0px;     font-weight: 400;  line-height: 1; border: 0;}
.tabs-info .tab-list > li > .tab-toggle.active, .tabs-info .tab-list > li > .tab-toggle:hover {background: transparent;}
.tabs-info .tab-list > li > .tab-toggle.active {font-weight: 500;}


.tabs-info .tab-list > li > .tab-toggle::before {color: #fff; background: #bbb; width: 68px; height: 66px; border-radius: 50%; display: inline-flex; margin-right: 8px; padding: 10px 11px; font-size: 30px; position: relative;
    top: 7px;}


.tabs-info .tab-list > li:nth-of-type(1) > .tab-toggle::before {content: "";  top: 11px; padding: 10px 15px; background: #333 url(/.galleries/bilder/.system/clock.png) no-repeat center center;}
.tabs-info .tab-list > li:nth-of-type(1) > .tab-toggle:hover::before, .tabs-info .tab-list > li:nth-of-type(1) > .tab-toggle.active::before {background: #F0873F url(/.galleries/bilder/.system/clock.png) no-repeat center center;}

.tabs-info .tab-list > li:nth-of-type(2) > .tab-toggle::before {content: "";  top: 11px; padding: 10px 15px; background: #333 url(/.galleries/bilder/.system/contact.png) no-repeat center center;}
.tabs-info .tab-list > li:nth-of-type(2) > .tab-toggle:hover::before, .tabs-info .tab-list > li:nth-of-type(2) > .tab-toggle.active::before {background: #F0873F url(/.galleries/bilder/.system/contact.png) no-repeat center center;}

.tabs-info .tab-list > li:nth-of-type(3) > .tab-toggle::before {content: "";  top: 11px; padding: 10px 15px; background: #333 url(/.galleries/bilder/.system/map.png) no-repeat center center;}
.tabs-info .tab-list > li:nth-of-type(3) > .tab-toggle:hover::before, .tabs-info .tab-list > li:nth-of-type(3) > .tab-toggle.active::before {background: #F0873F url(/.galleries/bilder/.system/map.png) no-repeat center center;}

.tabs-info .tab-list > li:nth-of-type(4) > .tab-toggle::before {content: "";  top: 11px; padding: 10px 15px; background: #333 url(/.galleries/bilder/.system/train.png) no-repeat center center;}
.tabs-info .tab-list > li:nth-of-type(4) > .tab-toggle:hover::before, .tabs-info .tab-list > li:nth-of-type(4) > .tab-toggle.active::before {background: #F0873F url(/.galleries/bilder/.system/train.png) no-repeat center center;}

/************************** Kachel-Akkordeon ******************************************/
.variant-tile-accordion .collapse-trigger .text-overlay {
    display: flex;
    align-items: center;
    background: #333;
    width: auto;
    text-align: left;
    bottom: 10px;
    padding: 10px 20px;
	border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
	margin-right: 5px;
}
.variant-tile-accordion img{
    border-top-left-radius: 25px;
    border-bottom-right-radius: 25px;
}
.variant-tile-accordion .piece.pac .heading > .piece-heading {font-weight: 300;
    font-style: normal;
    font-size: 22px;
    text-align: left; -webkit-hyphens: auto;
    hyphens: auto;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.variant-tile-accordion .collapse-target {
    margin-bottom: 50px;
    padding-left: 35px;
    border-left: 5px solid #eee;
    margin-left: 15px;
    margin-top: 70px;
}
.variant-tile-accordion .piece .piece-heading {
    margin-bottom: 10px;
}
.variant-tile-accordion.show-button .collapse-trigger .trigger-item::after {bottom: -55px; background: #F0873F; color: #fff; border-radius: 50%;}

.variant-tile-accordion .collapse-trigger .piece-heading {
    font-weight: 400;}
.tile-col.freefloat .copyright {
	font-size: 10px;
    padding: 6px 10px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.3);
	top: 0;
    bottom: unset;
}
.variant-tile-accordion.show-button .collapse-target.show::before {
    height: calc(0px) !Important;
}
.variant-tile-accordion .collapse-trigger .text-overlay:before {    transform: rotate(-180deg);transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;}


.variant-tile-accordion .collapse-trigger.collapsed .text-overlay:before {content: "\f067"; font-family: 'ForkAwesome'; color: #fff; 
    margin-right: 7px; font-size: 19px; top: -2px; position: relative;}
.variant-tile-accordion .collapse-trigger .text-overlay:before {content: "\f068"; font-family: 'ForkAwesome'; color: #fff; 
    margin-right: 7px; font-size: 19px; top: -2px; position: relative;}

/************************** Kachel-Akkordeon ENDE ******************************************/

.type-sitemap li.top > a {padding: 10px 15px; font-size: 20px; background-color: #eee; font-weight: 400;  color: #444;}
.type-sitemap li a {padding: 5px 15px; font-size: 18px; background-color: #fff; font-weight: 400; color: #444;}
.type-sitemap li a:hover { background-color: #ccc; font-weight: 400; color: #444;}
.type-sitemap ul ul {margin-top: 10px; margin-bottom: 10px;}
.spacer-top {padding-top: 30px;}
.spacer-bottom{padding-bottom: 30px;}
.spacer-top-big {padding-top: 50px;}
.spacer-bottom-big {padding-bottom: 50px;}

.full-width .container{max-width: 100% !important;}
.max-content{max-width: 1400px; margin: 0 auto;}

.h-logo-row.container {max-width: 90% !important;}
.area-content{max-width: 90%; margin: 0 auto;}
.co-lg-xl {max-width: 90%; margin: 0 auto;}


.area-header .header-group::before {
    background-image: none;
}
.slider-dots li button.dot-btn::before{background-image: url('/.galleries/bilder/.system/Download2.svg'); border: 12px solid #ddd; border-radius: 50%;}
.slider-dots li button.active::before{background-image: url('/.galleries/bilder/.system/Download.svg'); border: 12px solid #F0873F; border-radius: 50%;}
.slider-dots {bottom: 23px !important;}
.head {position: relative;}

.notfixed .image-src-box.presized img {top: 5px;}

.h-meta {max-width: max-content; position: absolute; right: 120px; top: 30px;}
.h-meta .fa {font-size: 30px;}
.h-logo-col {margin: 0 auto;}

.nav-main-items .nav-menu li > a{font-size: 16px; padding: 10px 0; font-weight: 400;}
.nav-main-items .nav-menu .expand.ed {margin-bottom: 0px !important;}
.nav-main-items .nav-menu .expand.ed ul{margin-top: 10px;}
.nav-main-items .nav-menu .expand .nav-menu li > a{font-size: 17px; padding: 4px 0; border-bottom: 0; text-transform: none; font-weight: 400;}
.nav-main-items .expand.ed .nav-menu{background: #f5f5f5; padding: 10px 20px; margin-bottom: 20px;}
.nav-main-items > li > a {color: #444 !important; text-transform: none; font-size: 18px; font-weight: 400; padding: 9px 0px; border-bottom: solid 1px #444;}
.nav-main-items > li > ul > li > a {color: #444 !important; text-transform: none; font-size: 18px; font-weight: 400; padding: 7px 0px;border-bottom: 0;}
.nav-main-items li[aria-expanded] > a[aria-controls]::after, .nav-main-container .nav-main-group {background-color: transparent;}
.nav-main-items li ul.nav-menu li > a{font-size: 18px; padding: 5px 0px; font-weight: 400;}
.nav-main-items li ul li.active > a{padding-left: 0 !Important; font-weight: 600 !Important;}
.nav-main-items li ul li > a, .nav-main-items li ul li.active.expand.ed > a, .nav-main-items li ul li.active > a {padding-left: 20px;}
.nav-main-items li.active.expand.ed > a, .nav-main-items li.active > a {background-color: transparent;}
.nav-main-items li.expand > .nav-menu{display: none;}
.nav-main-items li.expand > a[aria-controls]::after {top: 9px; background-color:  transparent; color: #444;}
.nav-main-items li.expand.ed > .nav-menu{display: block; margin-top: -2px !important; margin-bottom: 10px;}
.nav-main-items li.expand.ed > a {background-color: transparent; border-color: transparent;}

.nav-main-container .nav-main-group .nav-main-items {border-top: 0;}
.nav-main-container{padding: 30px 27px 45px; background-color: #fff;}

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

header.bh #nav-toggle-label-open .nav-toggle { width: 50px; height: 43px;}
header.bh .nav-main-items .nav-meta-icons > ul {border-bottom: 0;}
header.bh .nav-main-items li.expand > a::after {right: 0;}
header.bh .nav-menu-header {background-color: transparent; padding: 0px 0 25px;}
header.bh .nav-menu-header .nav-menu-logo .mobile-logolink {max-width: 200px;}
header.bh .header-group {border-bottom: 0;}
header.bh .h-meta {display: block;}
header.bh .h-logo-row {padding-top: 8px; padding-bottom: 0px;}

html.active-nav .area-header .header-group li.expand > a::after {right: 3px;}
html.active-nav .area-header .head-overlay {opacity: 0.5;}

@media (min-width: 1014px) {
.nav-main-items > li > a {font-size: 20px; line-height: 30px;}
}

#nav-main-addition {display: none;}

.slick-next {right: 40px;}
.slick-prev {left: 10px;}




.max-content2{max-width: 1000px; margin: 0 auto; margin-top: 80px; margin-bottom: 60px;}

.form-contact {box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); position: relative; top: 10px; left: 120px; z-index: 10;}
.form-contact .styled-form {border: 0; padding: 20px 10px 10px; background: #fff;}
.form-contact input[type="text"], .form-contact .textarea textarea {border: 0; border-bottom: 2px solid #555; padding: 0;}
.form-contact .note {display: none;}
.form-contact  .styled-form fieldset {padding-bottom: 0;}
.form-contact footer {border-top: 0; padding: 0 0 20px;}
.form-contact .formbtn.btn {background: #F0873F; border-radius: 4px;}

/***************** Numbers with Text on top ******************/
.numbers-text-over {max-width: 850px; margin: 0 auto;}
.numbers-text-over.mt-neg {margin-top: -45px;}
.numbers-text-over h3 {font-weight: 900 !important; font-size: 180px; margin: 0 auto; color: #e5e5e5; line-height: 1.1; text-align: center;}
.numbers-text-over a {color: #e5e5e5; }
.numbers-text-over p {font-size: 24px; font-weight: 700; margin: -130px 0 0;}
/***************** End ******************/

/***************** SLIDER ***********************/
.type-slider .slider-box {border-top-left-radius: 20px !Important; border-bottom-right-radius: 20px !Important;}

.slider-spacer{padding: 0 11px;}


.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: 1;
}
.type-slider .slide-wrapper .caption strong span.second {
    font-size: 53px;
    font-weight: 400;
    display: block;
    line-height: 1;
    margin-top: 10px;
}
.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: 30px;
	border: 1px solid #fff;
}

.slide-wrapper .caption.top.left {
    width: 480px;
    background: rgba(0,0,0,.5);
    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;
	hyphens: none;
}


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

@media (min-width: 764px){
h1{margin-bottom: -20px !Important;}
}

@media (min-width: 1014px){
header.fh .header-group {
    border-bottom: 0; 
}
.area-header .header-group::before {
    background-image: none;
}


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

.h-meta { right: 158px; top: 50px;}

}
@media (min-width: 1400px){
header.fh.ls-4 .h-logo {
    flex: 0 0 240px;
    max-width: 240px;
}
}
@media (max-width: 1013.98px){
.img-none .image-src-box.presized{display:none}
.form-contact .styled-form {padding: 0;}
.type-webform label.checkbox{font-size: 16px;}
.form-contact {left: 0; max-width: 90%; margin: 0 auto;}
.max-content2 .container {max-width: 90%;}
.area-foot .subfoot{font-size: 20px;}
.area-foot .subfoot ul {display: inline-block !important;}
.area-foot .subfoot ul li:first-of-type {display: block !important;}
.h-meta { right: 110px;  top: 24px;}
}


@media (min-width:764px) and (max-width:1013.98px) {
.variant-tile-accordion .collapse-trigger .text-overlay{padding: 7px 13px;}
.variant-tile-accordion .piece.pac .heading > .piece-heading{font-size: 18px;}
.slide-wrapper .caption.top.left {width: 350px;}
.type-slider .slide-wrapper .caption strong span.second {font-size: 40px;}
.type-slider .slide-wrapper .caption strong span.first {font-size: 21px;}
.type-slider .slide-wrapper .caption small {padding: 0px 10px 14px; font-size: 15px;}
.type-slider .slide-wrapper .caption small a.btn {font-size: 16px; margin-top: 15px; width: 75%;}
}
@media (max-width: 763px){
.no-radius.type-contact .contact-pers img{padding: 30px;}
.type-contact .contact-pers img{padding: 30px;}
.type-shariff {
    margin-top: 40px;}
.slider-dots{display: none;}

.max-content2 .container {
    max-width: 100%;
}
.max-content2{
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}
.h-logo-row.container {max-width: 98% !important;}
.area-content{max-width: 98%; margin: 0 auto;}
.co-lg-xl {max-width: 98%; margin: 0 auto;}
body{font-size: 20px;}
.type-slider.text-below-on-xs .captions {background-color: transparent;}
.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;}
h1, h2 {font-size: 35px !Important;}
.box h3 {font-size: 26px; line-height: 1.1;}
.ph-40, .pr-40 {
    padding-right: 0rem !important;
}
.form-contact {position: inherit;}
.styled-form fieldset {padding: 40px;}
.type-webform .formbtn-row .formbtn.btn{width: 84%; display: block; margin: 0 auto; margin-bottom: 20px;}
.type-webform label.checkbox{font-size: 14px;}
.area-foot .subfoot .ls-row.no-icon li:not(:last-child) {margin-right: 10px;}
.area-foot .subfoot{font-size: 15px;}
.h-meta { right: 70px;  top: 17px;}
}

@media (max-width: 550px){
body{font-size: 18px;}
}


/***************** SPENDE-BALKEN ******************/


.spende-balken{background-color: #F0873F; position: fixed; bottom: 0; max-width: 100% !important; z-index: 10; width: 100%; padding: 15px 0 12px 0;}
.spende-balken .element{margin-bottom: 0;}
.spende-balken p{color: #fff; line-height: 1.1;}
.spende-balken .row {max-width: 1000px; margin: 0 auto;}
.spende-balken .btn {background-color: #333; border-radius: 30px; border: 0; margin-top: 0; color: #fff; padding: 4px 30px 6px; font-weight: 400; font-size: 18px; width: 100%;}
.spende-balken .element.only-text{display: flex; align-items: center; height: 100%;}
.spende-balken .btn::before {font-family: "ForkAwesome"; content:"\f004"; margin-right: 8px; position: relative;  top: 1px; font-size: 21px;}
.spende-balken .info .btn::before { content:"\f05a"; font-size: 23px;  top: 1px;}
.spende-balken .btn-right{display: flex; justify-content: center;}

@media (max-width: 1400px){
.spende-balken .btn {width: auto;}
}
@media (max-width: 1014px){
.spende-balken .element{height: 100%; align-items: center; display: flex;}
.spende-balken{padding: 7px 0 4px 0;}

.spende-balken .container {max-width: 100% !Important;}
.spende-balken .btn {padding: 1px 19px 3px; font-weight: 400; font-size: 16px;}
.spende-balken p{font-size: 20px;}
.spende-balken .btn::before, .spende-balken .info .btn::before{font-size: 19px;}
}
@media (max-width: 764px){
.spende-balken .btn-right{justify-content: start;}
.spende-balken p{margin-bottom: 10px;}
.spende-balken .btn {margin-top: 6px; margin-bottom: 3px;}
.spacer-top {padding-top: 10px;}
.spacer-bottom{padding-bottom: 10px;}
.spacer-top-big {padding-top: 20px;}
.spacer-bottom-big{padding-bottom: 20px;}
.type-contact .visual {margin-top: -30px; margin-bottom: -10px;     max-width: 350px;}
.slide-wrapper .caption.top.left {background: #333;}
.type-contact .contact-org .visual{padding: 30px;}
}
@media (max-width: 550px){
.spende-balken .btn::before{display: none;}
.spende-balken .btn {padding: 5px 19px 6px; font-size: 15px;}
.spende-balken .row > *{padding-left:0;}
.box.light h3 { font-size: 22px;}
header.bh .nav-main-items li > a {padding-left: 0px;}
.type-contact .contact-pers h3, .type-contact .contact-org h3 {font-size: 22px;}
h1{font-size: 29px !Important; margin-bottom: -10px !important;}
.big h2 {font-size: 29px !Important;}
}
@media (max-width: 420px){
.spende-balken .btn {font-size: 13px;}
.slide-wrapper .caption.top.left {padding: 30px;}
.type-slider .slide-wrapper .caption strong span.second {font-size: 36px;}

}
/***************** ENDE ******************/