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

@import url('/.themes/font.css');
@import url('/.themes/css/jquery.bs4-scrolling-tabs.css');
.type-slider .slide-wrapper .caption small {color: #000; text-shadow: none;}
.leichte-sprache {font-size: 14pt !important; font-family:  Arial, Helvetica, sans-serif !important; line-height: 1.5 !important;}
.leichte-sprache .accordion .acco-header .acco-toggle {font-family:  Arial, Helvetica, sans-serif !important;}

li.leichte {order:1;}
li.leichte a {color:transparent !important;}

.max-img .visual {max-width: 250px;}

@media (max-width: 1013.98px) {
.max-img .visual {max-width: 130px;}
li.leichte a:before {content: "Leichte Sprache"; color: #000;}
li.leichte a {background: url('/.galleries/bilder/leichte-sprache-Icon.svg')  
                no-repeat 203px center; background-size: 24px; border-bottom: 0 !important;}
}

@media (min-width: 1014px) {
		li.leichte a { padding: 15px 0 !important;}
		li.leichte a:hover {opacity: 0.5; }
		li.leichte a { background: url('/.galleries/bilder/leichte-sprache-Icon-invert.svg')  
                no-repeat center center/cover; background-size: 24px; }
}

.kampagne.type-imageseries .tile-col {
  padding: 10px;}




.type-list-filter .filterbox .btn.li-label, .type-list-filter .filterbox .btn.li-label:hover {margin-bottom: 0; background-color: #000;}

a.external:after {
    margin-left: 5px;
    font-size: 90%;}
.area-foot .flex-col {
  container-type: normal;
}
.foot-links.bm {max-width: 270px;
  margin-left: -20px;
  }
.foot-links.bm img {padding: 15px;
    background: #fff;}

.team-links a:active, .team-links a:hover {background-color: #000; color: #fff;}
.team-links a {border-radius: 10px;
    padding: 15px 10px;
    margin-right: 5px;
    color: #000;
    background-color: #FDF4D6;
	font-size: 1.8rem;
    font-weight: 600;
	}

.team-links.ls-row.no-icon li:not(:last-child) {
    margin-right: -1px;
}
.team.single .lotse {max-width: 800px;    margin: 0 auto;}
.team.single.einsatz .accordion .acco-header .acco-toggle {background: #FBDC78;}


.slider-dots {opacity: 1 !important}

.styled-form footer {
    
    border-top: 0;
    padding-top: 0;}
.styled-form .checkbox a {font-size: 1.2rem;
}
.styled-form section:nth-child(1), .styled-form section:nth-child(2) {width: 48%;
    display: inline-flex;
    flex-direction: column;}
.type-search .styled-form section:nth-child(1), .type-search .styled-form section:nth-child(2) {
    width: 100%;}
.styled-form section:nth-child(2) {margin-left:15px;}
.styled-form label, .styled-form .label {
    
    text-transform: uppercase;}
.styled-form {
   
    border: 0;
    
    border-radius: 10px;
}

.type-webform {
    --my-form-spacing: 2rem;
    background: #55D7A0;
	border-radius: 10px;
}
.styled-form .input input, .styled-form .select select, .styled-form .textarea textarea, .styled-form .radio i, .styled-form .checkbox i, .styled-form .icon-append, .styled-form .icon-prepend {
    border-color: transparent;
    border-radius: 10px;
}
#search-form .input input, #search-form  .select select, #search-form .checkbox i {border-color: var(--my-grey-light);}
.audio-player .audio-box {

    border-radius: 5px;}
/*.tab-list > li > .tab-toggle {
    display: inline-flex; 
    width: auto !important;
	float: left;} */
	
.doku {display: none;}
.opencms-page-editor .doku {display: block;}
.doku .btn {background: #55d7a0;
    width: 100%;}
#b_t_c3f6d743_380b44c3 {display: none; width: 200px;}
.org-opencms-ade-containerpage-client-ui-css-I_CmsLayoutBundle-I_CmsContainerpageCss-oc-ignore-small-elements .oc-small-element .oc-option-bar {
    visibility: visible !important;}

body {font-family: 'Sarabun';}
:root {
    --my-body-font-family: "Sarabun", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	 --my-body-font-size: 2.1rem;
	    --my-body-line-height: 1.3;}

/* ############# Bilder ################## */
.image-src-box.presized img { height: auto;}
.image-src-box.presized > .image-copyright, .type-slider .slide-wrapper .copyright {font-size: 11px; padding: 6px 10px; color: #fff; background-color: rgba(0, 0, 0, 0.6);}
.head-image .image-src-box.presized > .image-copyright {left: 0 !important; right: unset;}
.no-resize .image-src-box img {width: auto; max-width: 100%; height: auto !important;}
.no-resize .image-src-box.presized img {position: relative; left: unset; top: unset; display: inherit;}
.no-resize .image-src-box.presized {position: relative; height: auto; padding-bottom: 0 !important;}
.no-resize.piece > .visual .subtitle {text-align: center;}
.type-imageseries > .series > button.btn {margin: 0 auto; margin-top: 15px; width: auto;}



.area-header {
    margin-bottom: 0;}
.head {    background: #000;}
.area-header .sticky.csssetting > .isfixed, .area-header .sticky.always > .isfixed, .area-header .sticky.upscroll > .isfixed {background-color: #000;}
.nav-main-items > li > a, .nav-main-items ul li  a {font-family: "Kulturista-SemiBold";}
.nav-main-items ul li  a {font-weight: 500; padding: 10px 20px;}

.nav-menu > li.active > a {font-weight: 800;}

h1, h2, h3, h4, h5, h6, .accordion .acco-header .acco-toggle {
   
  font-family: "Kulturista-Medium"; font-weight: 400;}

a {
    color: #000;}

.type-slider .slider-box.custom .caption strong, .type-slider .slider-box.custom .caption .titlecaption, .type-slider .slider-box.custom .caption small {
    background-color: transparent !important;  color: #000;   text-shadow: none;}
.type-slider .btn { background-color: #000 !important;
    border-radius: 10px;
    font-size: 1.8rem;
    font-weight: 500;
    padding: 8px 12px;
    margin: 20px 0;}
.type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption .titlecaption {font-weight: 700; font-family: "Kulturista-Medium";    margin-bottom: 10px;}

.type-slider .visual::after {
    content: '';
    position: absolute;
    top: 34px;
    right: 0;
    bottom: 0;
    left: 32px;
    background: url(/.galleries/bilder/fsd-logo-black.png) no-repeat 90% 8%;
    background-size: 235px;
}
.type-slider .slide-wrapper.slide-active img.lila100  {background: #E0C6FF;}
.type-slider .slide-wrapper.slide-active img.lila70  {background: #E9D7FF;}
.type-slider .slide-wrapper.slide-active img.lila50  {background: #EFE2FF;}
.type-slider .slide-wrapper.slide-active img.lila30  {background: #F6EEFF;}

.type-slider .slide-wrapper.slide-active img.blue100  {background: #C7EEFF;}
.type-slider .slide-wrapper.slide-active img.blue70  {background: #7DD8FF;}
.type-slider .slide-wrapper.slide-active img.blue50  {background: #A2E3FF;}
.type-slider .slide-wrapper.slide-active img.blue30  {background: #C7EEFF;}

.type-slider .slide-wrapper.slide-active img.pink100  {background: #FFDBE8;}
.type-slider .slide-wrapper.slide-active img.pink70  {background: #FFABCA;}
.type-slider .slide-wrapper.slide-active img.pink50  {background: #FFC3DA;}
.type-slider .slide-wrapper.slide-active img.pink30  {background: #FFDBE9;}


.type-slider .slide-wrapper.slide-active img.green100  {background: #CBF3E2;}
.type-slider .slide-wrapper.slide-active img.green70  {background: #88E3BC;}
.type-slider .slide-wrapper.slide-active img.green50  {background: #AAEBD0;}
.type-slider .slide-wrapper.slide-active img.green30  {background: #CCF3E2;}


.type-slider .slide-wrapper.slide-active img.gelb100  {background: #FDF4D6;}
.type-slider .slide-wrapper.slide-active img.gelb70  {background: #FCE7A0;}
.type-slider .slide-wrapper.slide-active img.gelb50  {background: #FDEDBB;}
.type-slider .slide-wrapper.slide-active img.gelb30  {background: #FEF5D6;}



.area-one-row.head-text {padding: 60px 0;}
.area-one-row.head-text.bild-unten {padding: 60px 0 0;}
.area-one-row.head-text.bild-unten .element {margin-bottom: 0;}
.head-text h1, .head-text h2 {font-weight: 700 !important; color: #000;}
.head-text .text, .detail-page .sub-header {font-weight: 600;
    font-size: 3.2rem;
    line-height: 1.2;}
.area-one-row.gelb {background-color: #FDF4D6;}
.area-one-row.green {background-color: #CBF3E2;}
.area-one-row.pink {background-color: #FFDBE8;}
.area-one-row.lila {background-color: #F6EEFF;}
.area-one-row.blue {background-color: #C7EEFF;}

.head-text .tile-col .full-overlay.boxbg-overlay .piece {
    color: var(--my-text-dark);
    background-color: transparent;}
.head-text .full-overlay.boxbg-overlay {text-align: center;}
.head-text .full-overlay.boxbg-overlay .text {text-align: left;}
.head-text .tile-col .full-overlay {
    
    top: unset;
   left: unset;
   right: -40px;
    bottom: -80px;
}
.mb-0 .element, .mb-0.element {margin-bottom: 0;}
.btn:focus, .btn:hover, .btn.active, .open .dropdown-toggle .btn {background: #666;}
.btn, .event-detail1 .detail-page .detail-visual.full .visual-info, .box.gelb .btn, .box.blue .btn, .box.lila .btn, .box.pink .btn, .box.green .btn {background-color: #000; color: #fff; border-radius: 5px; font-size: 1.8rem; font-weight: 500; padding: 8px 12px;     margin: 20px 0;}
.event-detail1 .detail-page .detail-visual.full .visual-info {margin: 0; color: #000 !important; max-width: max-content; background: #FF87B4; display: flex;
    flex-direction: column-reverse;
    line-height: 1.5;}
.btn-0 .btn  {margin: 5px 0;}
.back .link {text-align: right;}
.back .btn::before{
    content: "\f104" !important;
    font-family: ForkAwesome; margin-right: 9px; font-weight: 600;}
.back .btn {text-transform: uppercase;}
.green .btn {background-color: #CBF3E2; color: #000;}
.pink .btn {background-color: #FFDBE8; color: #000;}
.gelb .btn {background-color: #FEF5D6; color: #000;}
.lila .btn {background-color: #F6EEFF; color: #000;}
.blue .btn {background-color: #C7EEFF; color: #000;}
.acco-body .btn {background-color: #fff; color: #000;}
.acco-body .black .btn {
    background-color: #000;
    color: #fff;
}
.box {border-radius: 10px;}

.box.lila {background: #F6EEFF;}
.box.pink {background: #FFDBE8;}
.box.gelb {background: #FDF4D6;}
.box.blue {background: #C7EEFF;}
.box.green {background: #CBF3E2;}
.piece {--my-visual-margin-bottom: 0;}
.kachel.blue {background: #46C8FF;}
.kachel.green {background: #55D7A0;}
.kachel.gelb {background: #FBDC78;}
.kachel.lila {background: #E0C6FF;}
.kachel.pink {background: #FF87B4;}
.flex-col .kachel {flex-grow: 1;}
.kachel, .teaser {border-radius: 10px;}
.kachel img {border-top-left-radius: 10px; border-top-right-radius: 10px;}
.kachel .body { padding: 15px 25px;}
.kachel h2, .kachel h3, .one-tab .accordion .acco-header .acco-toggle { font-family: "Kulturista-Medium"; font-weight: 600;}
.kachel .text, .teaser .text {font-weight: 500; color: #000; line-height: 1.3;}
.teaser .text > a, .teaser .text > a:focus, .teaser .text > a:hover {color: #000; }
.kachel.piece .piece-heading, .teaser .intro-headline {
    margin-bottom: 0;
}
.kachel .link a {width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    color: transparent;}
.kachel.piece > .body + .link {    margin-top: 0;}
.teaser .body {padding: 15px 25px; /*background: #FF86B4;*/}
.teaser.type-article, .teaser.type-decoy, .teaser.type-event {background: #FF86B4;/}
.teaser.type-media .body {border-radius: 0px 0px 10px 10px;}

.type-media .content {background-color: transparent;}
.teaser .intro-headline {
  
  font-family: "Kulturista-Medium";
  font-weight: 600;
}
.teaser-tile .teaser.piece > .body > .heading .headline {
    line-height: 1.25;
    overflow: visible;
    
}
.kachel.type-media h2{
margin-bottom: 0;
}
.kachel.type-media.detail-page.layout-1 .detail-visual.piece.phv.phh > .visual {
    margin-bottom: 0;
}

.styled-form {
    --my-form-background-color: unset;}


.detail-page.type-article .effect-piece .zoomer::after, .detail-page.type-article  .subtitle.rs_skip,  .detail-page .detail-visual .visual-info .person::before {display: none;}
.detail-page.type-article {    background: #fff; padding-bottom: 30px; margin-bottom: 0;}
.zitat .visual, .detail-page.type-article .detail-content, .detail-page.type-article .attachment-container, .detail-page.type-article .visual-info  {padding: 0 30px;}
.back-row .link {background: #fff; padding-right: 30px;}
.detail-page.type-article .visual {margin-bottom: 20px;}
.back-row .type-section {    margin-bottom: 0;}
.detail-page.type-article .heading {background: #FFDBE8;     padding: 60px 30px;}
.detail-page.type-article .heading + .heading {background: transparent;}
.detail-page .detail-visual.full .visual-info {color: #C4C4C6; font-size: 1.6rem;}
.detail-page.type-article .body p {font-size: 2.2rem; font-weight: 400;}
.detail-page.type-event .detail-visual .visual-info .date::before {content: "\f274"; font-family: 'ForkAwesome';}


.zitat.piece {display: flex !important; align-items: end;}
.zitat img {border-radius: 50%;}
.zitat .body {background: #FFDBE8; padding: 25px;}
.zitat.right .body {border-radius: 20px 20px 0px 20px;}

.zitat.left .body {border-radius: 20px 20px 20px 0px;}




.area-wide .calendar-sheet {
    border: 0;
   
    background-color: #FFDDEA;}
.area-wide .calendar-sheet > span {
	font-family: "Kulturista-Medium"; 
    padding: 10px;
    background-color: #fff;
	width: 40%;
    margin: 0 auto;
}
.area-wide .calendar-sheet .month-year {border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }
.calendar-sheet > .day-number {
    font-size: 5rem;
    font-weight: 600;
    color: #000;
    line-height: 0.7;}
.area-wide .calendar-sheet::before {
    display: none;}
.area-wide .calendar-sheet .day-name {border-top-left-radius: 20px; border-top-right-radius: 20px; border-top: 30px solid #FF86B4; /*margin-top: 30px;*/
}
.area-wide .calendar-sheet .day-name, .area-wide .calendar-sheet .month-year, .area-wide .calendar-sheet .day-number {
    
	 margin-bottom: -1px;}
.gelb .pagination > li.active > a {
  color: #000;
  background-color: #FDF4D6;
  border-color: #FDF4D6;
}
.gelb .pagination > li > a:hover, .gelb .pagination > li.active > a:hover {
  
  background: #FBDC78;
  border-color: #FBDC78;
  
}
.pagination > li > a {border-radius: 10px;  font-family: 'Sarabun';
	padding: 15px 20px; display: inline-block; margin: 0 5px;
    position: relative;
    color: #fff;
    background-color: #000;
    border: 1px solid #000;}
.pagination > li.active > a {
    color: #000;
    background-color: #FFDBE7;
    border-color: #FFDBE7;
}
.pagination > li > a:hover, .pagination > li.active > a:hover {
    color: var(--my-pag-hover-fg-color);
    background: #FF86B4;
    border-color: #FF86B4;
    color: #000;
}
.pagination {
    --my-pag-border-radius: 10px;}
.pagination > li:last-child > a {margin-left: -5px; font-family: 'Sarabun';}
.pagination > li:first-child > a {margin-right: -5px; font-family: 'Sarabun';}
.pagination .fa-angle-left:before {
    content: "neuere"; font-family: 'Sarabun';
}
.pagination .fa-angle-right:before {
    content: "ältere"; font-family: 'Sarabun';
}

.events .pagination .fa-angle-left:before {
    content: "nächste"; font-family: 'Sarabun';
}
.events .pagination .fa-angle-right:before {
    content: "kommende"; font-family: 'Sarabun';
}

@media (max-width: 551.98px) {
.pagination > li > a {padding: 7px 12px;     margin: 0 2px; font-size: 70%;}
}
@media (max-width: 319.98px) {
.pagination > li > a {padding: 7px 7px;     margin: 0 2px; font-size: 60%;}
}
.tab-list > li > .tab-toggle.active {
    color: #fff;
    background-color: #000;
    border-color: transparent;
}
.green .tab-list > li > .tab-toggle.active {
    color: #fff;
    background-color: #000;
    border-color: transparent;
}
.tab-list > li > .tab-toggle {
    border-radius: 10px;
    padding: 15px 10px;
    margin-right: 5px;
    color: #000;
    background-color:#FDF4D6;}
.green .tab-list > li > .tab-toggle {
    border-radius: 10px;
    padding: 10px 15px;
     margin-right: 5px;
    color: #000;
    background-color: #CBF3E2;
}
.accordion .acco-header .acco-toggle:hover,  .tab-list > li > .tab-toggle:hover {
    
    background-color: #F7D77D;
    border-color: transparent;
  }
  .team .accordion .acco-header .acco-toggle[aria-expanded=true] {background-color: #FCE6A0; color: #000; }
.team .accordion .acco-header .acco-toggle[aria-expanded=true], .einsatz .accordion .acco-header .acco-toggle[aria-expanded=true] {border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.accordion .acco-header .acco-toggle::after {display: none;}
 .team .accordion .acco-header .acco-toggle {background: #FCE6A0; border-top-left-radius: 0 !important ; border-radius: 15px; font-weight: 600;
   padding: 20px 20px 20px;
    border: 0;}
.einsatz .accordion .acco-header .acco-toggle {
    font-weight: 600;
    background: #87E3BC;
    border-radius: 15px;
    padding: 20px 20px 20px;
    border: 0;
}

.pink.einsatz .accordion .acco-header .acco-toggle, .one-tab.pink .accordion .acco-header .acco-toggle {
    background: #FF87B4;}
.pink .accordion .acco-header .acco-toggle {
    background: #FF87B4;}
.lila.einsatz .accordion .acco-header .acco-toggle, .one-tab.lila .accordion .acco-header .acco-toggle {
    background: #E0C6FF;}
.gelb.einsatz .accordion .acco-header .acco-toggle, .one-tab.gelb .accordion .acco-header .acco-toggle {
    background: #FBDC78;}
.blue.einsatz .accordion .acco-header .acco-toggle, .one-tab.blue .accordion .acco-header .acco-toggle {
    background: #46C8FF;}
.accordion .acco-body.collapsing, .accordion .acco-body.show {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.accordion .acco-body {
    border: 0;
        padding: 20px 20px;
    background-color: #F1F1F1;} 
.acco-toggle span {display: flex; font-size: 2.8rem; font-family: var(--my-body-font-family); font-weight: 600; letter-spacing: 1.5px;}
.einsatz .acco-toggle span {font-size: 1.9rem;}
.einsatz .accordion .acco-header .acco-toggle[aria-expanded=true] {color: #000;}
.einsatz .tab-list > li > .tab-toggle:hover {
    background-color: #55D7A0;}

.accordion {box-shadow: none;}
.tab-list {
    border-bottom: 0;
}


.one-tab.accordion .acco-header .acco-toggle {
    font-size: 4.6rem;
    padding: 15px 25px;}

 {background: #55D7A0;}
.one-tab.green .accordion .acco-header .acco-toggle {background: #55D7A0;}


.one-tab .accordion .acco-header .acco-toggle {
    border: 0;
    padding: 15px 25px !important; border-radius: 0;}
.one-tab .acco-toggle span {
    display: flex;
    font-size: 2.1rem;
   font-family: 'Sarabun'; font-weight: 600;
}
.one-tab .accordion .acco-header .acco-toggle.collapsed {border-radius: 0px 0px 10px 10px;}

.one-tab .acco-toggle span:before, .info .acco-toggle span:before {content: 'Infos ausblenden'}
.one-tab .acco-toggle.collapsed span:before, .info .acco-toggle.collapsed span:before {content: 'Infos anzeigen'}


.more .accordion .acco-header .acco-toggle
{background: #000 !important;
    color: #fff;
    border-radius: 5px !important;
    font-size: 1.8rem !important;
    font-weight: 500;
    padding: 8px 12px !important;
    margin: 20px 0 !important;
	font-family: 'Sarabun';
  width: auto;}
.more  .accordion .acco-header .acco-toggle[aria-expanded=true] {
    color: #fff;}
.more .accordion .acco-body {padding: 0;}
.more .accordion .acco-header .acco-toggle[aria-expanded=true] {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.more {margin-top: -20px;}
.more .scrtabs-tabs-movable-container, .more .scrtabs-tabs-fixed-container {width: 100% !important;}
.more .scrtabs-tab-scroll-arrow {display: none !important;}
.team img {border-radius: 50%;}



.btn.btn-submit-search, .styled-form.search-form .btn {
    margin: 0; background-color: #FF87B4; border-color: #FF87B4;}



.area-foot .topfoot {background-color: #000; line-height: 1.5;}
.area-foot .subfoot, .ls-row.imprint.default-icon li:nth-child(1)::before, #topcontrol.show, #skip-to-content {display: none;}
.foot-links li {display: inline-block; line-height: 1.5;
    list-style: outside none none;
    position: relative;}
.foot-links li:before {content: "\f005"; font-family: ForkAwesome; color: inherit; font-size: 1.5rem; margin-right: 5px; display: none;
}

.foot-links ul {padding-left: 0;}
.foot-links {color: #fff;}
.foot-links a {
    
    
    padding-left: 20px;
    
}
.foot-links .gelb a {
    background: transparent url(/.galleries/bilder/star-gelb.png) no-repeat 0px 6px;  background-size: 17px;}
.foot-links .pink a {
    background: transparent url(/.galleries/bilder/star-pink.png) no-repeat 0px 6px;  background-size: 17px;}
.foot-links .blue a {
    background: transparent url(/.galleries/bilder/star-blue.png) no-repeat 0px 6px;  background-size: 17px;}
.foot-links .green a {
    background: transparent url(/.galleries/bilder/star-green.png) no-repeat 0px 6px;  background-size: 17px;}



.imprint a, .imprint {
    color: #777; text-align: right; 
}
@media (min-width: 1400px) {
/*.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1720px;
}*/
.co-lg-xl {
    max-width: 100%;}
.area-header .sticky.csssetting > .isfixed, .area-header .sticky.always > .isfixed, .area-header .sticky.upscroll > .isfixed {
    max-width: 1320px;}
}

@media (min-width: 1014px) {

.back-row.detail .type-section.back {
  margin-bottom: 40px;
  margin-top: 50px;}
.foot-links.bm {margin-bottom: -25px;}
 .type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption .titlecaption {
    font-size: 7.6rem;}
.type-slider .slide-wrapper .caption small {
    font-size: 3.2rem;}
.imprint a, .imprint {
    
    margin-top: 38px;
    margin-bottom: 0;
}
.area-foot .topfoot {
     padding: 35px 0 25px;
}
.d-lg-none {display: none;}
.nav-main-items > li.expand > a::after, #mobile-main-search {display: none;}
header.fh.nav-left .nav-main-items > li > .nav-menu { border: 0;
    left: 0px; box-shadow: none;
}
header.fh .h-group {
    max-width: 100%; border-bottom: 0;}
header.fh .header-group {
    border-bottom: 0;
}

.area-header .header-group::before {display: none;}	
	

.nav-menu > li > a {
   
    border-bottom: 3px solid #000;
}
.nav-main-items > li > .nav-menu {
    top: 49px;
}


.nav-main-items > li > a:hover, .nav-menu > li > a:focus, .nav-menu > li > a:hover, .nav-menu > li.active > a:focus, .nav-menu > li.active > a:hover, .nav-menu > li.active > a {color:#000;}
.nav-main-items > li.nav-first > a:hover {background: #fff;}
.nav-main-items > li.nav-first > a {margin-left: -1px;}

/*########################### NAV-Colors ################################*/

.nav-main-items li:nth-child(2) .nav-menu a {background-color:#87E3BC;}
.nav-main-items li.expand.ed:nth-child(2) a[role="button"], .nav-main-items li.active:nth-child(2) a[role="button"] {background-color:#55D7A0;}

.nav-main-items li:nth-child(3) .nav-menu a {background-color:#7DD8FF;}
.nav-main-items li.expand.ed:nth-child(3) a[role="button"], .nav-main-items li.active:nth-child(3) a[role="button"] {background-color:#46C8FF;}

.nav-main-items li:nth-child(4) .nav-menu a {background-color:#FCE6A0;}
.nav-main-items li.expand.ed:nth-child(4) a[role="button"], .nav-main-items li.active:nth-child(4) a[role="button"] {background-color:#FBDC78;}

.nav-main-items li:nth-child(5) .nav-menu a {background-color:#E9D7FF;}
.nav-main-items li.expand.ed:nth-child(5) a[role="button"], .nav-main-items li.active:nth-child(5) a[role="button"] {background-color:#E0C6FF;}

.nav-main-items li:nth-child(6) .nav-menu a {background-color:#FFAACA;}
.nav-main-items li.expand.ed:nth-child(6) a[role="button"], .nav-main-items li.active:nth-child(6) a[role="button"] {background-color: #FF87B4;}

/*########################### End NAV-Colors ################################*/

header.fh.nav-disp-default.nav-left .h-info .h-nav .nav-main-items > li > a, header.fh.nav-disp-default.nav-left .h-nav .co-lg-xl .nav-main-items > li > a, header.fh.nav-disp-big.nav-left .h-info .h-nav .nav-main-items > li > a, header.fh.nav-disp-big.nav-left .h-nav .co-lg-xl .nav-main-items > li > a {
    padding-right: 14px;}
.nav-main-items > li.expand.ed > a:hover, .nav-main-items > li.expand.ed > a {color: #000;}
header.fh.ls-2 .h-logo {
    flex: 0 0 125px;
    max-width: 125px;
	    margin-bottom: 7px;
}
.nav-main-items > li > a {
    color: #fff;
    text-transform: none;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    
    position: relative;
    padding: 15px 14px 15px 14px;
}
/*.nav-menu li, ul.nav-menu, .nav-menu li a  {    max-width: 180px;}*/
.nav-main-items ul li  a {font-size: 16px;}
.nav-main-items > li > a:focus, .nav-main-items > li > a:hover, .nav-main-items > li.active > a, .nav-main-items > li.active > a:focus, .nav-main-items > li.active > a:hover, .nav-main-items > li.expand.ed > a, .nav-main-items > li.expand.ed > a:focus, .nav-main-items > li.expand.ed > a:hover {
    color: #000;}
	
.nav-main-search .search-btn.fa, .nav-main-search li a:hover, .nav-main-items > li > a#label_nav-main-search:hover, .nav-main-items > li.expand.ed > a#label_nav-main-search, .nav-main-items > li.expand.ed > a#label_nav-main-search:hover, .nav-main-items > li > a.eyeAble_customToolOpenerClass:focus, .nav-main-items > li > a.eyeAble_customToolOpenerClass:hover, .nav-main-items > li.expand.ed > a.eyeAble_customToolOpenerClass, .nav-main-items > li.expand.ed > a.eyeAble_customToolOpenerClass:hover {color: rgba(255,255,255, 0.5) !important;}
.startseite .nav-main-items > li.active.nav-first > a {
    color: #111; background: #fff;
}
h1, .h1, h2, .h2 {
    font-size: 4.6rem;
}
.accordion .acco-header .acco-toggle {font-size: 4.6rem;}
.einsatz .accordion .acco-header .acco-toggle  {font-size: 2.5rem;}
.head-text h1, .head-text h2 {font-size: 7.6rem; line-height: 1.24; padding-bottom: 5px;}
.kachel h2, .teaser .intro-headline, .one-tab .accordion .acco-header .acco-toggle {font-size: 2.5rem;}




.one-tab .accordion .acco-header .acco-toggle {
    border: 0;
    padding: 15px 25px !important; }
.one-tab .acco-toggle span {
    display: flex;
   
   font-family: 'Sarabun';
}
.more .accordion .acco-header .acco-toggle
{background: #000 !important;
    
    padding: 8px 12px !important;}
.kachel .text, .teaser .text, .one-tab .acco-toggle span { font-size: 1.9rem;}
}




@media (min-width: 552px) and (max-width: 1013.98px) {




.co-sm-md {max-width: 100%;}
	}
@media (min-width: 764px) and (max-width: 1013.98px) {
.co-sm-md {
    max-width: 100%;}
}

@media (max-width: 1199.98px) {


.accordion .acco-header .acco-toggle {padding: 10px 30px 15px;}
.acco-toggle span, .einsatz .acco-toggle span {font-size: 1.4rem;}
.nav-main-items > li > a {font-size: 19px;}
}
@media (min-width: 1014px) and (max-width: 1199.98px) {
.nav-main-items > li > a {font-size: 15px;}

}

@media (max-width: 1013.98px) {


.area-header {
    margin-bottom: 0;
    position: fixed;
    top: 0;
    right: 0;
    background: #000 !important;
    z-index: 11111111;
   
    left: 0;
}
 html.opencms-page-editor #nav-toggle-label {
    top: 9px;
  }
#nav-toggle-label {
    position: absolute !important;}
.nav-toggle {
    position: fixed;}
.more .accordion .acco-header .acco-toggle,  .tab-list > li > .tab-toggle {
font-size: 1.2rem; border: 0;
}
.more .scrtabs-tabs-fixed-container {
    float: left;
    height: auto;}
.detail-page {
  
    padding: 0 0;}
.detail-page.type-media {
  
    padding: 0;}
:root {
    --my-body-font-size: 1.6rem;
}
.btn {
    font-size: 1.4rem;}
.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {padding-right: calc(var(--my-gutter-x) * 0.8);
    padding-left: calc(var(--my-gutter-x) * 0.8);}
.head-text .col-lg-7 {flex: 0 0 auto;
    width: 80%;
    margin: 0 auto;
}
h2, .h2, h1, .h1 {
    font-size: 3rem;
}
.area-foot .topfoot {
    font-size: 1.8rem;
    padding: 35px 0 0;
}
 .area-foot .ls-row.default-icon li + li {
    padding-left: 12px;}
.area-foot .type-linksequence li:nth-child(1) {padding-left: 0;}
.imprint {text-align: left; font-size: 1.6rem;}
.imprint a {text-align: left; font-size: 1.6rem;}
.d-md-none {display: none;}
.foot-links a {
    
    display: inline-flex;}
header.fh.ls-2 .nav-main-mobile-logo .mobile-logolink {
    width: 100px;
    max-width: 100px;}
header.fh.ls-2 .h-logo {
    flex: 0 0 130px;
    max-width: 130px;
    padding: 10px;
}

.h-group.co-lg-xl {    display: flex;
    flex-direction: row-reverse;}
#nav-toggle-label {left: 15px; right: unset;}
/*########################### NAV-Colors Mobile################################*/

.nav-main-items  li.nav-green .nav-menu a {background-color:#87E3BC;}
.nav-main-items  li.expand.nav-green a[role="button"], .nav-main-items  li.active.nav-green a[role="button"], .nav-main-items  li.active.nav-green > a, .nav-main-items  li.active.expand.ed.nav-green > a,
.nav-main-items  li.active.nav-green li.final a {background-color:#55D7A0;}

.nav-main-items  li.nav-blue .nav-menu a {background-color:#7DD8FF;}
.nav-main-items  li.expand.nav-blue a[role="button"], .nav-main-items  li.active.nav-blue a[role="button"], .nav-main-items  li.active.nav-blue > a, .nav-main-items  li.active.expand.ed.nav-blue > a,
.nav-main-items  li.active.nav-blue li.final a {background-color:#46C8FF;}



.nav-main-items  li.nav-lila .nav-menu a {background-color:#E9D7FF;}
.nav-main-items  li.expand.nav-lila a[role="button"], .nav-main-items  li.active.nav-lila a[role="button"], .nav-main-items  li.active.nav-lila > a, .nav-main-items  li.active.expand.ed.nav-lila > a,
.nav-main-items  li.active.nav-lila li.final a {background-color:#E0C6FF;}

.nav-main-items  li.nav-pink .nav-menu a {background-color:#FFAACA;}
.nav-main-items  li.expand.nav-pink a[role="button"], .nav-main-items  li.active.nav-pink a[role="button"], .nav-main-items  li.active.nav-pink > a, .nav-main-items  li.active.expand.ed.nav-pink > a,
.nav-main-items  li.active.nav-pink li.final a {background-color: #FF87B4;}


.nav-main-items  li.nav-gelb .nav-menu a {background-color:#FCE6A0;}
.nav-main-items  li.expand.nav-gelb a[role="button"], .nav-main-items  li.active.nav-gelb a[role="button"], .nav-main-items  li.active.nav-gelb > a, .nav-main-items  li.active.expand.ed.nav-gelb > a,
.nav-main-items  li.active.nav-gelb li.final a
{background-color:#FBDC78;}

/*########################### End NAV-Colors Mobile################################*/
.nav-main-items li.active.expand.ed > a, .nav-main-items li.active > a {color: #000;}
.kachel h2, .teaser .intro-headline, .one-tab .accordion .acco-header .acco-toggle {
    font-size: 20px; line-height: 1.3;
}
.nav-main-items > li > a {
    font-size: 21px;
    font-weight: 500;
}
.nav-main-items > li > a:focus {color: #fff;}
.nav-main-items li.expand > a[aria-controls]::after {background-color: transparent;
    color: #000;}
 
.nav-main-items li > a {
    bottom: 0;
    color: #000;
    line-height: 24px;
    padding: 10px 20px;
    border-bottom: solid 2px #fff;
    font-size: 19px;}
#nav-toggle-label {
    top: 5px;}
.nav-toggle {
    
    width: 44px;
    height: 32px;
    background-color: #000 !important;}

html.active-nav .area-header .header-group li.expand > a::after {
    right: 19px;
    top: 10px;
    font-weight: 600;
}

/*

.nav-main-container {
    transition: left 0.5s, opacity 0.25s;
    left: -100vw;
}
html.active-nav .area-header .header-group .nav-main-container {
    opacity: 1;
    left: 0;
}*/

.nav-main-container {
       right: -100vw;
}
.nav-main-container .nav-main-group {
    width: 100vw;
}
.nav-main-container .nav-main-mobile-logo {background-color: #000;     padding: 25px 0;}



header.fh.ls-2 .nav-main-mobile-logo .mobile-logolink {display: none;}

.search-btn fa, #mobile-main-search a {color: #fff;}



#mobile-main-search #label-main-search {position: fixed;
    top: 8px;
    left: 70px;     z-index: 21111111;}

.nav-main-items li.expand.ed > a {
    color: #000;
       border-color: #fff;}
.nav-main-container {
    height: 100vh;
    background-color: transparent;}
.head-text .text, .detail-page .sub-header {
   
    font-size: 2rem;}

.head-text h1, .head-text h2, .type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption .titlecaption {
   font-size: 3.6rem; line-height: 1;
    padding-bottom: 7px;}
.head-text .tile-col .full-overlay {bottom: -20px;}
.piece.p-md-1.flex > .visual {margin-top: 10px;}
	.scrtabs-tabs-movable-container {
    position: relative;}
.tab-list li {white-space: nowrap;}
.tab-list li {white-space: nowrap; display: inline-flex; float: left; }
/*.scrtabs-tabs-movable-container {max-width: max-content !important;    transform: translateX(0px) !important;}*/
header.fh .h-logo {
    order: 4;}
	}

@media (min-width: 764px) {

.area-wide .custom .calendar-sheet > span {
    
    padding: 10px;
    background-color: #fff;
    width: 22%;
    margin: 0 auto;
    position: absolute;
    right: 9px;
    bottom: 12px;
}
.custom .calendar-sheet > .day-number {top: 120px;
    font-size: 2rem;}

.area-wide .custom .calendar-sheet .day-name {    display: none;}
.area-wide .custom .calendar-sheet {position: absolute;
    right: 0;
    bottom: -86px;}
.area-wide .custom .calendar-sheet .month-year {font-size: 1rem;}





.area-header .sticky.csssetting > .isfixed, .area-header .sticky.always > .isfixed, .area-header .sticky.upscroll > .isfixed {opacity: 1;}
.area-wide .calendar-sheet .day-name {
    padding: 2px;
}
.area-wide .calendar-sheet .month-year {padding: 2px 0 10px;}
.detail-page .detail-visual.full .visual-info {
    flex-direction: row-reverse;}
.type-slider .slide-wrapper .caption.left {
    left: 10%;
}


.type-slider .btn {}
.type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption .titlecaption {
     line-height: 1; color: #000;}
.type-slider .slide-wrapper .caption small {
    font-weight: 400;
    line-height: 1.2;
    max-width: 550px;}

    
}
@media (max-width: 763.98px) {
.icon-left.piece.p-xs-6 > .visual {
    width: calc((100% + var(--my-gutter-x)) * 1.8 - var(--my-gutter-x) );
    margin-right: 20px;
}
.area-wide .calendar-sheet > span {
    display: block;     width: 80%;}
.area-wide .calendar-sheet .day-name, .area-wide .calendar-sheet .month-year, .area-wide .calendar-sheet .day-number {
    text-align: center; line-height: 1;
    float: none;
    margin: 0 auto;
	 margin-bottom: -1px;}
.type-slider .visual::after {
   background-size: 175px;}
.more .tab-list li {
   width: 100%;
    margin-bottom: 10px;}
.more .tab-list {
    margin-bottom: 20px;
}
.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
	padding-right: calc(var(--my-gutter-x) * 1.1);
    padding-left: calc(var(--my-gutter-x) * 1.1);}
.zitat.piece.p-md-3.flex > .body {
    flex: 0 0 calc( (100% + var(--my-gutter-x)) * 0.65 - (0.5 * var(--my-gutter-x) + 1px) ) !important;
}
.zitat.piece.p-md-3.flex > .visual {
    flex: 0 0 calc( (100% + var(--my-gutter-x)) * 0.35 - (0.5 * var(--my-gutter-x)) )  !important;
}
.zitat.right.piece {
   
    flex-direction: row-reverse;}
.piece.flex.left {display: flex;}
.piece.p-md-1.flex > .body {
    flex: 0 0 calc( (100% + var(--my-gutter-x)) * 0.85 - (0.5 * var(--my-gutter-x) + 1px) ) !important;
}
.piece.p-md-1.flex > .visual {
    flex: 0 0 calc( (100% + var(--my-gutter-x)) * 0.15 - (0.5 * var(--my-gutter-x)) ) !important; margin: 10px 15px 0 0;
}
}

/*################# Grid und Detailbreiten ###################*/
@media (min-width: 1400px) {
.v-agency {    max-width: 1320px;
    margin: 0 auto;
    background: #f1f1f1;}
.detail-page.type-article .intro-headline, .detail-page.type-article .sub-header, .detail-page.type-article .body, .detail-page.type-article #attachments, .detail-page.type-article .detail-content, .detail-page.type-article .attachment-container, .detail-page.type-article .visual-info {max-width: 1070px;
    margin: 0 auto;}
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {max-width: 1070px;}

	}
@media (min-width: 1600px) {
.area-header .sticky.csssetting > .isfixed, .area-header .sticky.always > .isfixed, .area-header .sticky.upscroll > .isfixed {
    max-width: 1520px;
}
.v-agency, .head.isfixed {    max-width: 1520px;
    margin: 0 auto;
    background: #f1f1f1;}
.detail-page.type-article .intro-headline, .detail-page.type-article .sub-header, .detail-page.type-article .body, .detail-page.type-article #attachments, .detail-page.type-article .detail-content, .detail-page.type-article .attachment-container, .detail-page.type-article .visual-info {max-width: 1200px;
    margin: 0 auto;}	
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {max-width: 1200px;}
	}
/*################# END Grid und Detailbreiten ###################*/
@media (max-width: 1013.98px) {
.type-slider .btn {font-size: 1.4rem;}
.type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption .titlecaption {
    font-size: 3.6rem; line-height: 1; color: #000;}
.type-slider .slide-wrapper .caption small {font-size: 2rem;
    font-weight: 400;
    line-height: 1.2;
    max-width: 550px;}
.team-links a {
    font-size: 1.4rem;}
	}
@media (max-width: 551.98px) {
.type-slider .visual::after {
    
    top: -6px;
   
    background-size: 115px;}
.team-links a {
    font-size: 1rem;}
.nav-toggle span::before {
    top: -8px;}
.nav-toggle span::after {
    bottom: -8px;}
#nav-toggle-label {
    top: 9px;}
}

@media (min-width: 764px) and (max-width: 1013.98px) {
#mobile-main-search #label-main-search {
    
    top: 8px;}
}

@media (min-width: 1014px) {
#nav-main-search .nav-menu {
    
    width: 280px;
}
.styled-form section:nth-child(1), .styled-form section:nth-child(2)

{width: 48%;}
}
@media (max-width: 551.98px) {
.detail-page.type-article .body p {
    font-size: 20px;}
.zitat .visual {padding: 0 5px 0 0;}
.zitat.piece {
    display: flex !important;
    align-items: flex-start;
}
.styled-form section:nth-child(1), .styled-form section:nth-child(2) {width: unset;
    display: block;
    flex-direction: column;}
.styled-form section:nth-child(2) {margin-left:unset;}
.team .container {    padding-right: 15px !important;
    padding-left: 15px !important;}
.team .col-3 {
	padding-right: 0 !important;
    padding-left: 0 !important;
    flex: 0 0 auto;
    width: 33%;
}
.team .col-9 {
padding-right: 0 !important;
    padding-left: 5px !important;
    flex: 0 0 auto;
    width: 67%;}
.team .accordion .acco-header .acco-toggle {font-size: 20px;}
.team .acco-toggle span {
    font-size: 12px;
}
}

@media (max-width: 1013.98px) {
#mercury-page .area-content:nth-child(2) {margin-top: 50px;}
.opencms-page-editor #mercury-page .area-content:nth-child(2) {margin-top: 0;}
}
@media (min-width: 764px) {
.team-col .col-lg-3 {flex: 0 0 auto;
    width: 16.66666667%;}
.team-col .col-lg-9 {flex: 0 0 auto;
    width: 83.33333333%;}
}

@media (max-width: 763.98px) {
.team-col .col-lg-3 {flex: 0 0 auto;
    width: 25%;}
.team-col .col-lg-9 {flex: 0 0 auto;
    width: 75%;}
}