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

/****************** NL-FORM ******************/
.type-newsletter-config .btn{background-color:#77C8D2; padding: 10px;}

.type-newsletter-config label.checkbox p:nth-child(3) { display: none;}
.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: #297791;}
/****************** ENDE ********************/


/*********** Archiv *************/
.nl-archiv.type-dynamic-list .heading h3 {color: #444;}
.nl-archiv .list-content .teaser {
    margin-bottom: 20px;
}
.nl-archiv .list-entries  li:before {content:"Aktuelle Ausgabe"; content: "Aktuelle Ausgabe";
    background: #297791;
    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 ********************/

.social-icons .ico, .social-icons .ico-svg, .social-icons .fa, .social-icons .fas, .social-icons .fab {align-items: unset;}
.type-webform table.webform-input td.label {white-space: normal;}
a {color: #77C8D2;}
.box.doku, a.external:after {display: none;}
.opencms-page-editor .box.doku {display: block;}

.box {--my-link-color: #297791;
	--my-link-hover-color: #77C8D2;}
:root {
    --my-body-font-family: 'Rubik', sans-serif, -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: 1.5rem;
    --my-body-font-weight: 300;
    --my-body-line-height: 1.5;
    --my-disabled-color: #ddd;
    --my-disabled-fg-color: #444;
	--my-link-color: #77C8D2;
	--my-link-hover-color: #297791;
    --my-grey-lighter: #eee;
    --my-grey-light: transparent;
	--my-headings-margin-bottom: 1rem;
	--my-border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
	--my-main-theme-base: #297791;
}

.type-iconbox, .imageflip {
    --my-body-bg: #77C8D2;}
.element.type-section table  { border-collapse: collapse;}
.element.type-section table td {padding: 10px; border: 1px solid #ccc; vertical-align: top;}
.element.type-section table tr:nth-child(odd) {background: #eee;}
.element.type-section table td {font-size: 15px;}
@media (max-width: 763.99px) {

.element.type-section table td {font-size: 15px;}
}
.type-list-filter .filterbox .btn.li-label {background-color:#297791;}
.type-list-filter .filterbox .btn.li-label:hover {background-color:#77C8D2;}
.nav-breadcrumbs {
    padding: 2px 15px 6px;
    background: #fff;
    width: max-content;
    margin: 0 auto;
    margin-top: -41px;
    z-index: 9;
    position: relative;
   border: 1px solid #297791;
   
}
.nav-breadcrumbs > li a {
    color: #297791;
    font-weight: 400;
    font-size: 16px;
	font-style: italic;
}
.nav-breadcrumbs > li + li::before {color: #297791;}
.leitspruch, .leitspruch .piece-heading {font-style: italic; color: #fff;}
.leitspruch .type-section {color: #fff;
    font-size: 3rem;}
.leitspruch {background: url("/.galleries/bilder/.system/quote.png") no-repeat 20% 50%;
    background-color: rgba(0, 0, 0, 0);
    background-size: auto;
  background-size: 290px;}

.box .btn {bottom: -25px; }
.box.right, .box.left {    overflow: visible;}
.type-linksequence .fa {width: 25px; justify-content: center;
    display: flex;     margin-top: 6px;}

.type-linksequence .fa.fa-facebook {
font-size: 20px;
}

.type-linksequence .ls-item {display: inline-flex;}

.teaser .book-info .book-msg, .teaser .book-info .oct-meta-info, .accordion .book-info .book-msg, .accordion .book-info .oct-meta-info {
    padding: 7px 12px;
    margin-bottom: 8px;
   background-color: transparent;
    color: #297791;
    border: 1px solid #297791;
}

.nav-start .nav-main-container #nav-main-search {display: none;}



.type-slider .slide-wrapper .caption {background-color: rgba(0,154,163,.7); padding: 30px;}
.type-slider .slide-wrapper .caption.bottom {
    bottom: 4rem;
}
.type-slider .slide-wrapper .caption small {font-weight: 400;}
.type-slider .slide-wrapper .caption.right {text-align: left;}
.type-slider .slide-wrapper .caption strong {font-weight: 500;}
.tab-list > li{
	margin-right: 2px;
}
.type-tab .text {padding: 10px 20px;}
.type-tab .tab-list > li > .tab-toggle.active, .type-tab .tab-list > li > .tab-toggle {padding: 10px 15px;}
.accordion .acco-header .acco-toggle[aria-expanded=true], .tab-list > li > .tab-toggle.active, .tab-list > li > .tab-toggle{
	background-color: #fff;
	color: #77C8D2;
	border-radius: 255px 15px 225px 15px/15px 225px 15px 255px !important;
	border: 2px solid #77C8D2;
	padding: 10px 40px;
}
.tab-list{
	border-bottom: 0;
}
.tab-list > li > .tab-toggle.active, .tab-list > li > .tab-toggle.active:hover{
	background: #e5f4f5;
	
}
.accordion .acco-header .acco-toggle:hover, .tab-list > li > .tab-toggle:hover{
	background-color: #fff;
	color: #77C8D2;
	border: 2px solid #77C8D2;
}
.tab-content{
	        border:solid 2px #77C8D2;
   padding: 20px;
    border-radius: 255px 15px 225px 15px/15px 225px 15px 255px !important;
}
/*.acco-body > div > .element:last-child, .tab-pane > div > .element.left:last-child, .acco-body > div > .element:last-child, .tab-pane > div > .element.right:last-child {
    margin-bottom: -50px;
}*/




.type-contact h5, .type-contact .h5, .type-contact h4, .type-contact .h4 {font-weight: 500;
}

.type-contact h3, .type-contact .h3 {
    font-size: 2.1rem !important;
}
.type-contact a {color: #444; font-size: 1.8rem;}
.text-center .media-overlay-top {text-align: center;}
.flex-col .box {flex-grow: 1;}
.boxed, header.fh .header-group, .head.isfixed, .area-foot  {max-width:85vw; margin: 0 auto;}

html.desktop:not(.opencms-page-editor) li.whatsapp {
    display: inline-block;
}

.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, .type-contact.compact .fn.n, .calendar-sheet {font-family: 'Rubik', sans-serif;     font-size: 2.2rem;}
.area-header {
    margin-bottom: 0;
    box-shadow: none;
}

.mt-100 {margin-top: 100px;}
h1, h2 {color: #297791; font-weight: 400; margin-bottom: 0;     text-transform: uppercase; font-weight: 500;}
.subline p:first-child {color: #77C8D2;     text-transform: uppercase; line-height: 1.2;}
h2, h3 {color: #297791;}
.box h2, .box-map h2, .box h3, .box-map h3, .box h4, .box-map h4 {    margin-bottom: 1.5rem; color: #297791;}
.box {background-color: #addee4; padding: 20px 30px;     border-right: 8px dotted #fff;}
.box a {color: #297791;}
.box.blau {background-color: #85b4c4; }
.box.blau .piece-heading {color: #f6fdff;}
.box.blau a {color: #ffd608;}
.box.blau a.btn {color: #fff;}
.box.no-border {border-right: 8px solid transparent;}
.box.blau-weiss {background-color: #7eadbd; color: #fff; }
.box.blau-weiss h2, .box.blau-weiss h3 {color: #fff;}

.box.grau {background-color: #e5eaee;}
.box.weiss {background-color: #fff; }
/*.box.blau .nav-side li > a:not(.btn) {
    color: #fff;
}*/
.box.fb {
    background-color: #fff;
    border: 2px solid #ccc; border-right: 8px dotted #ccc;}
.box-map {background-color: #fff; background: url(/.galleries/bilder/.system/back3.png) no-repeat bottom right; background-size: 40%; padding: 30px; margin-bottom: 0;}
.box.border {background: transparent; border: 3px solid #77C8D2;}
.piece.full {overflow: visible;}
.btn {padding: 10px 20px;
    /* display: block; */
    /* width: auto; */
    /* position: absolute; */
    background-color: #297791;
    border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
    color: #fff;}
.btn:focus, .btn:hover, .btn.active {background-color: #77C8D2;}
.type-slider .slide-wrapper .caption, .type-slider .slide-wrapper .caption.bottom, .type-slider .slide-wrapper img.lazyloaded, .news-row .type-static-list, .news-row .type-dynamic-list, .box, .type-section img, .type-map, .type-contact img, .detail-page img, .styled-form .input.button, #searchNavQuery, #searchNavQuery .btn, .styled-form .input.button button.btn, #nav-main-search .search-form, .suche .styled-form, .type-media .content > iframe, .type-imageseries > .series > button.btn, .social-icons li a, #eapps-instagram-feed-1 .eapps-instagram-feed-posts-item, .area-header .header-links > ul > li > a, .calendar-sheet, .area-wide .calendar-sheet::before, .nav-main-container .nav-main-mobile-logo, .zoom-overlay .zoom-icon, .type-webform .formbtn-row .formbtn.btn, .type-webform .formbtn-row .formbtn .btn, .styled-form, .styled-form .input input, .styled-form .select select, .styled-form .textarea textarea, .colored-row, .type-map .presized:not(.enlarged), .type-search .type-list-filter .filterbox > button.btn.li-label:not(.collapsed), .pagination > li:first-child > a, .teaser .book-info .book-msg, .teaser .book-info .oct-meta-info, .accordion .book-info .book-msg, .accordion .book-info .oct-meta-info, .type-iconbox, .imageflip, .nav-breadcrumbs {border-radius: 255px 15px 225px 15px/15px 225px 15px 255px !important;}
.teaser img {border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;}
.mapwindow {    border-radius: 258px 24px 222px 14px/31px 221px 20px 560px;}
.element.type-map {margin-bottom: 0px;}

.type-webform .formbtn-row .formbtn.btn, .type-webform .formbtn-row .formbtn .btn {
    background: #77C8D2; position: relative; margin-bottom: 10px;}
.styled-form .radio input:checked + i::after, .styled-form .checkbox input:checked + i::after {color: #77C8D2;}
.type-media .content {background-color: transparent;}
.type-media .preview .media-overlay-top {

    top: 0;
   padding: 20px 30px;
    }
.type-media .preview .media-overlay-top h4 {
    color: #fff;}
.social-icons ul {display: block;}
.shariff {    text-align: center;}
.social-icons li a {
    background-color: #aaa;
    width: 60px;
    height: 60px;}
.social-icons .fab {
    width: 60px;
    line-height: 60px;
   
    font-size: 30px;}

.nav-menu > li > a {margin-bottom: 3px;}
.nav-side li > a:not(.btn):focus, .nav-side li > a:not(.btn):hover {
    color: #77C8D2;
    background: transparent;}
.nav-mega-menu .nav-side li > a {font-size: 18px; display: flex;
    line-height: 1.3;}
.nav-mega-menu .nav-side li > a:before {content: "\f0a4"; font-family: ForkAwesome; margin-right: 6px;}
.nav-mega-menu .nav-side li > a + a:before {
    content: "";}
.nav-side li {border-bottom: 0 !important; border-top: 0;}
.nav-menu.nav-mega-menu {border: 2px solid #77C8D2;}


.type-linksequence.ls-bullets.custom-icon li::before {margin-right: 10px;}
#searchNavQuery {    color: #fff;
    padding: 19px 10px 10px;}
#nav-main-search .search-form {font-family: inherit; text-transform: uppercase; border: 2px solid #fff;}
#nav-main-search .nav-menu, #nav-main-search styled-form .input input, #searchNavQuery {background-color: #77C8D2;}

header.fh.nav-disp-big .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-main-items > li.expand.ed > a, .nav-main-items > li.active > a:hover, .nav-main-items > li.expand.ed > a:focus, .nav-main-items > li.expand.ed > a:hover, .nav-main-items > li.expand > a:hover::after, .nav-main-items li.expand.ed > a, .nav-menu > li.active > a {color: #297791; background: #B2C1CC;}

.nav-menu > li > a {border-bottom: 0; line-height: 1.3;    font-size: 16px; background-color: #fad5b3; background-color: #fff;
    border: 3px solid #77C8D2;}
.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 {color: #fad5b3;}



.suche {margin-top: -50px;
    z-index: 9;}
.suche .styled-form {
    margin: 0 auto;
    outline: none;
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 1.5;
    border: 2px solid #fff; max-width: 400px;}
.suche .styled-form .input input {
    border-color: #fff;}

::-webkit-input-placeholder { /* Edge */
  color: #fff !important; font-size: 2.8rem !important;
}

:-ms-input-placeholder { /* Internet Explorer */
  color: #fff !important; font-size: 2.8rem !important;
}

::placeholder {
  color: #fff !important; font-size: 2.8rem !important;
}
.suche .btn {background-color: #297791;
    color: #fff;}

.pagination > li.active > a {
    color: var(--my-pag-active-fg-color);
    background-color: #77C8D2;
    border-color: #77C8D2;}
.pagination > li > a:hover, .pagination > li.active > a:hover {
    color: var(--my-pag-hover-fg-color);
    background: #297791;
    border-color: #297791;}


.sketchy {
        overflow: visible;
    
    border: 3px solid #77C8D2;
    
    border-radius: 2% 6% 5% 4% / 1% 1% 2% 4%;
    
  
    
    position: relative;
    }
.sketchy:before {
        content: '';
        border: 2px solid #F39200;
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 49%;
        left: 51%;
        transform: translate3d(-49%, -50%, 0) scale(1.015) rotate(0.5deg);
        border-radius: 50% 1% 2% 4% / 2% 6% 5% 4%;
    }

.sketchy a {z-index: 9999;
    position: relative;}
.accordion .acco-header .acco-toggle[aria-expanded=true] {background: transparent; border: 0;    color: #297791;}
.accordion .acco-body.collapsing, .accordion .acco-body.show {margin-bottom: 15px;}
.accordion {box-shadow: none;     margin-bottom: 1.5rem; border: 2px solid #77C8D2; color: #297791; border-radius: 255px 15px 225px 15px/15px 225px 15px 255px; /*box-shadow: rgb(239 118 4 / 20%) 5px 5px, rgb(239 118 4 / 10%) 10px 10px, rgb(239 118 4 / 5%) 15px 15px, rgb(239 118 4 / 0%) 20px 20px, rgb(239 118 4 / 0%) 25px 25px;*/}
.accordion .acco-header > .acco-toggle {padding: 20px 30px; font-weight: 500;
    border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
    background: transparent; color: #297791;  
}
.accordion .acco-header {font-size: 2.4rem;}
.accordion .acco-body {padding: 1rem 3rem 0 3rem;
    border-top: 0;}
.accordion .acco-header > .acco-toggle:focus, .accordion .acco-header > .acco-toggle:hover {background: transparent; color: #77C8D2; border-color: transparent; }
.accordion .acco-header .acco-toggle::after {content: "\f175"; right: 3rem;}
.area-foot .topfoot {background-color: transparent;}
.area-foot .subfoot {background-color: transparent;
    color: #444;
}
.area-foot .subfoot a:not(.btn):focus, .area-foot .subfoot a:not(.btn):hover, .subfoot a, .area-foot .subfoot a:not(.btn) {
    color: #444;
}
.area-foot .box.weiss {
    background-color: transparent;
}

.area-foot {
    background: url(/.galleries/bilder/.system/back3.png) no-repeat 5% 98%;     background-size: 370px;
    padding: 50px 0 30px;
    border-top: 8px dotted #fff;
    margin-top: 100px;
    background-color: #F2F3F4;
    border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
}
.area-foot .type-linksequence {}
.area-foot .topfoot h3 	{color: #297791;}
.type-contact .piece.full > .visual{margin-left: unset; margin-bottom: 20px;}
.area-foot .type-contact img, .area-foot .detail-page img {border-radius: 0 !important;}
#template-info::before {
  display: none;
 content: '{"main-theme":"#297791", "main-theme-hover":"#77C8D2", "map-color":["#77C8D2","#dd0011","#235789","#ac3931","#ada8b6","#ddd","#aaa","#eee","#888","#fff","#000","#aaa"], "map-style":[{"featureType":"all","elementType":"all","stylers":[{"saturation":"-100"}]},{"featureType":"administrative","elementType":"labels.text.fill","stylers":[{"color":"#000"}]},{"featureType":"landscape.natural","elementType":"all","stylers":[{"lightness":"75"},{"gamma":"1.00"}]},{"featureType":"poi","elementType":"geometry.fill","stylers":[{"color":"#d8ded8"},{"saturation":"-30"},{"lightness":"0"},{"gamma":"1"}]},{"featureType":"poi.business","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"poi.park","elementType":"geometry.fill","stylers":[{"color":"#d8ded8"}]},{"featureType":"road","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#fafafa"}]},{"featureType":"water","elementType":"geometry.fill","stylers":[{"color":"#a5b1be"}]}]}'; }
.news-row .list-pagination .btn-append, .box .btn {
    padding: 10px 20px;
    display: block;
    width: auto;
    position: absolute;
    
    background-color: #297791;
 
    border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
    color: #fff;}
.image-src-box.presized > .image-copyright {right: 2px; bottom: 17px;}
.detail-page .effect-piece .zoomer::after, .detail-page .effect-box .zoomer::after, .detail-page .piece > .visual .subtitle {display: none; }
.detail-page .effect-piece .zoomer, .detail-page .effect-box .zoomer {cursor: initial;}
.detail-page img {pointer-events: none;}
.news-row .list-pagination .btn-append {position: relative; margin: 0 auto; background-color: #77C8D2;}
.news-row .teaser .text > a, .news-row .teaser .text > a:focus, .news-row .teaser .text > a:hover {
     font-size: 16px;    color: #fff;}
.news-row .teaser-date { font-weight: 400;}
.news-row .type-static-list, .news-row .type-dynamic-list {    /*background: #e5eaee;
    padding: 20px;*/
    }
.type-dynamic-list .heading h3 {margin-bottom: 0px;
    color: #fff;}
.type-dynamic-list .headline {margin-bottom: 10px;}
.type-dynamic-list .heading.pivot, .type-tab .heading.pivot {margin-bottom: 40px;}
    
.calendar-sheet > .day-number {color: #77C8D2;}	
.calendar-sheet {
    background: #E5EAEE; color: #297791; font-weight: 400; border: 0;    border-top: 8px dotted #fff !important;}

.no-border .calendar-sheet {border-top: 0 !important;
}
.type-event.calendar-sheet.teaser.piece > .body {margin-top: 3px;}
.type-tab .heading {margin-bottom: 40px;}
.teaser-tile .teaser.piece > .body {padding: 25px 30px 25px;
    margin-top: -57px;
    z-index: 0;
    border: 4px solid #fff;
    border-radius: 255px 15px 225px 15px /15px 225px 15px 255px;
    background: #297791;
    margin-left: 20px;
    margin-right: 20px;
}

.teaser .teaser-date, .intro-headline > .intro {color: #fff;}
.teaser.no-list .teaser-date, .no-list .intro-headline > .intro {color: #222;}
.teaser-tile .type-event.teaser.piece > .body {border: 4px solid #77C8D2; background: transparent; margin-top: 3px;}
.type-dynamic-list .type-event .heading h3, .type-event.teaser .teaser-date, .type-event .intro-headline > .intro, .news-row .type-event.teaser .text > a, .news-row .type-event.teaser .text > a:focus, .news-row .type-event.teaser .text > a:hover  {color: #444; font-size: 1.4rem;}
.h-logo img {background: #fff;
    
    padding: 5px;}
.h-logo {
    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;
}	
.h-logo .image-src-box.presized img {height: initial;}

.type-imageseries > .series > button.btn {width: auto;
    margin: 0 auto;
   background-color: #297791; bottom: -60px;}

.type-imageseries.box {margin-bottom: 70px !important;     overflow: visible;}
	
	
#topcontrol::after {
    width: 40px;
    line-height: 38px;
    content: "\f062";}
#topcontrol {
    color: #297791;
    background: transparent;}	
#topcontrol:hover {background-color: #77C8D2; border-radius: 255px 15px 225px 15px/15px 225px 15px 255px !important;}



@media (max-width: 763.98px) {
.type-slider.text-below-on-xs .slide-wrapper .caption {
    background-color: #77C8D2;
    margin: 0 auto;
    margin-top: -40px;
    max-width: 90%;
}
 .type-slider.text-below-on-xs .captions {
    background-color: transparent;
   }
.type-slider.text-below-on-xs .slide-wrapper .subcaption {line-height: 1.2;}
.type-slider.text-below-on-xs .slide-wrapper .caption {background-color: #77C8D2;}
.type-slider.text-below-on-xs .slide-wrapper strong {font-size: 2rem;}
.type-slider.text-below-on-xs .slide-wrapper small {font-size: 1.6rem !important;}
.type-slider.text-below-on-xs .slider-box {
    background-color:transparent !important;}
	.type-slider {
    --my-slider-bg: #fff;}
.area-wide .calendar-sheet {
    border-bottom: 0; padding: 46px 20px;}
.suche {
    margin-top: 0;
    margin-bottom: 0;}
.type-tab .tab-list > li > .tab-toggle.active, .type-tab .tab-list > li > .tab-toggle {
    padding: 10px 6px;
    font-size: .8rem;
}
body {
    font-size: 1.6rem;
}
}
@media (max-width: 1013.98px) {
#label_nav-main-addition {color: transparent;}
#label_nav-main-addition:before {content: 'Barrierefrei | Social Media Links'; color: #444;}
html.active-nav .area-header .header-group  li.expand > a#label_nav-main-addition {
        padding-right: 13px !important;}

.area-foot {
    background-size: 270px;}
html.active-nav .area-header .header-group li.expand > a {
    padding-right: 48px !important;
    margin-top: 6px;
}
html.active-nav .area-header .header-group li.expand > a + a {background: transparent;}
.box {
    margin-bottom: 60px;}
.ds-links small, .ds-links.small {
    font-size: 0.675em;}
.boxed, header.fh .header-group, .head.isfixed, .area-foot {
    max-width: 97vw;}
.leitspruch .type-section {font-size: 2rem;
}
.box.link {margin-bottom: 70px;}

.type-linksequence.box {margin-bottom: unset;}
.area-foot .type-linksequence.box {
    margin-bottom: 20px;
}

.nav-menu > li > a {
    margin-bottom: 0px;
}
.type-slider .slide-wrapper .caption strong {
    font-size: 1.8rem;
}
.type-slider .slide-wrapper .caption small {
    font-size: 1.2rem;
    line-height: 1.25;
}
html.active-nav .area-header .head-overlay {opacity: .9;}
.nav-side.sketchy {border: 0;}
.subline p:first-child {font-size: 2rem;
    margin-top: -10px;
}
#topcontrol {display: none;}
body {font-size: 1.6rem;}
.h-logo .image-src-box.presized img {z-index: 9;}
::-webkit-input-placeholder { /* Edge */
  color: #fff !important; font-size: 1.8rem !important;
}

:-ms-input-placeholder { /* Internet Explorer */
  color: #fff !important; font-size: 1.8rem !important;
}

::placeholder {
  color: #fff !important; font-size: 1.8rem !important;
}
.suche .styled-form {font-size: 1.8rem;
     max-width: 270px;}
#nav-toggle-label {top: 5px;
    right: 5px;}
html.opencms-page-editor #nav-toggle-label {
    top: calc(52px + 5px);
}
html.active-nav .area-header .header-group li.expand > a::after {
        right: 10px;
    }
.area-header {
    margin-bottom: -34px; z-index: 66666;}
.head {
    background: transparent;
}
.nav-main-items li.expand > a[aria-controls]::after {top: 9px; color: #444;     background-color: transparent;}
.nav-main-container .nav-main-group .nav-main-items {border-top: 0;     margin-right: 5px;}
.nav-main-items li.active.expand.ed > a, .nav-main-items li.active > a {color: #fff;
    background-color: #77C8D2;}
.nav-main-items li.active.final > a {
    font-weight: 400;}
.head-overlay {background-color: #fff;}
.nav-main-container .nav-main-group, .nav-main-container {background-color: transparent;}
.nav-main-items > li > a, .nav-main-items li > a {
      background-color:#fff;     border-radius: 255px 15px 225px 15px/15px 225px 15px 255px !important;
    margin-top: 5px;}
/*.nav-main-items li > a {border-bottom: 0;}*/

header.fh.ls-4 .h-logo {
    flex: 0 0 220;
    max-width: 200px;}
header.fh.ls-4 .nav-main-mobile-logo .mobile-logolink {
    width: 300px;
    max-width: 160px;}
.nav-toggle {
 
   border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;;
   
    color: #fff;
    background-color:#77C8D2;}
.nav-toggle.active {  background-color:#77C8D2 !important;}
.tab-list > li {
    float: left;
}
.type-tab .tab-list > li > .tab-toggle.active, .type-tab .tab-list > li > .tab-toggle {
    padding: 10px 6px;
    font-size: 1rem;
}
.nav-toggle-btn .nav-toggle {
   background-color: #297791;}
}


@media (min-width: 764px) {
.box.left .btn {
  bottom: -55px;
}
.area-wide .calendar-sheet {width: 83%;
    height: 114%;}
.area-header .sticky.csssetting > .isfixed, .area-header .sticky.always > .isfixed, .area-header .sticky.upscroll > .isfixed {
box-shadow: none; opacity: 1;}
.area-wide .calendar-sheet::before {height: 20px; background-color: #77C8D2; margin-top: 10px;
}
}

@media (min-width: 1014px){
.type-contact a {color: #444; font-size: 1.8rem;}
.nav-main-container #nav-main-search li {
    max-width: 100% !important;
}
.nav-menu .expand.open-left > .nav-menu, .nav-menu .expand.open-left .expand > .nav-menu {right: 213px;}
.nav-menu > li.expand.ed > a {
    color: #297791;}
.box.right .btn {
    bottom: -50px;
}
/*.box.right {margin-bottom: 50px;} */
.ds-links ul {text-align: center;}
.teaser.no-list .intro-headline {
    font-size: 2.4rem !important;
}
.accordion .acco-header .acco-toggle {font-size: 2.4rem;}


.type-tab .tab-list {justify-content: center;
    display: flex;}

.nav-menu, .nav-menu > li a {border-radius: 255px 15px 225px 15px/15px 225px 15px 255px !important;}
.nav-menu > li:last-child > a {border-bottom: 3px solid #77C8D2;}
header.fh.ls-4.header-isfixed.fix-overlay .nav-main-container {
    max-width: 100%;
}
.area-header .header-links > ul > li > a span + span {display: none;}
.area-header .header-links > ul > li > a {color: #77C8D2;
    border: 2px solid #77C8D2;
    padding: 2px 8px;}
header.fh.pad-sm .h-meta {bottom: -15px;
    position: relative;}
.header-links.ls-row.no-icon li:not(:last-child) {
    margin-right: 0.6rem;}
.area-header .header-links > ul {font-size: 2.4rem;}
header.fh.lp-l .h-info {
    padding-right: 0;}
/*.area-header .sticky.always > .isfixed {background-color: #f4f4f4 !important;}*/
.nav-menu {border-bottom: 0; border-top: 0; box-shadow: none;}
.nav-menu > li.active > a {
    color: #fff;
    background-color: #77C8D2;
}

.box h2, box .h2, h3, .h3 {
    font-size: 2.7rem !important;
}
.teaser .intro-headline {
    font-size: 2rem !important;
}
.nav-main-items > li > .nav-menu {
    top: 58px;
}
header.fh.nav-right .nav-main-items > li.nav-first > a, header.fh.nav-disp-big .nav-main-items > li > a {border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;}

#nav-main-search a {border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;}
header .co-lg-xl {
    width: 100%;
    padding-right: 0;}
h1, .subline p:first-child, h2 {
    font-size: 4.2rem;
    line-height: 1;}
.subline p:first-child {/*padding-left: 130px;*/
    margin-top: 0px;
    font-weight: 300;}
header.fh.header-isfixed.fix-overlay .h-logo::before {display: none;}
header.fh .h-group {
    position: unset;}
.notfixed .co-lg-xl {
    max-width: 100%;
}
.nav-main-items > li.expand > a::after {display: none;
    color: #fff;
    line-height: 20px;
    content: "\f067";
    right: 8px;
	font-size: 14px;
}
/*.nav-main-items > li {bottom: -30px;
}*/
header.fh.nav-disp-big .nav-main-items > li > a {background: #77C8D2; border: 1px solid #fff;        margin-left: 2px;
    padding: 15px 30px !important;
    color: #fff;

    z-index: 9;}
/*header.fh.nav-disp-big .nav-main-items > li:nth-child(4) a {background: #297791;}*/
header.fh.ls-4 .h-logo {
    flex: 0 0 350px;
    max-width: 350px;     position: absolute; 
	z-index: 9999;}
header.fh.header-isfixed.fix-overlay .h-logo {    flex: 0 0 200px;
    max-width: 200px;}

header.fh .header-group {
    border-bottom: 0;}
.area-header .header-group::before {
    background-image: none;
}

.nav-main-items {padding-top: 30px;
    margin-bottom: -30px;}
.full-width .container {max-width: 100% !important; overflow-x: hidden; padding-left: 0; padding-right: 0;}
.bg-orange {background: #77C8D2;}
.area-foot h3 {
    font-size: 2.1rem !important;}
}


@media (max-width: 1399.98px) and (min-width: 1014px) {
header.fh.nav-disp-big .nav-main-items > li > a {padding: 15px 15px !important; font-size: 16px;}
header.fh.header-isfixed.fix-overlay .h-logo {
    flex: 0 0 200px;
    max-width: 200px;}
}
@media (max-width: 1199.98px) and (min-width: 1014px) {
header.fh.nav-disp-big .nav-main-items > li > a {
    
    font-size: 12px;
}
}


@media (min-width: 1200px) {
header.fh.nav-disp-big .nav-main-items > li > a {
    font-size: 16px;
}
header.fh.ls-4.header-isfixed.fix-overlay .nav-main-container {
    max-width: 100%;
}
.co-lg-xl {
    max-width: 100%;
}
.isfixed .co-lg-xl {padding-bottom: 10px;}

}
@media (min-width: 1400px) {
.nav-menu > li {max-width: 230px;}
}
@media (max-width: 550.98px) {
.type-tab .tab-list > li > .tab-toggle.active, .type-tab .tab-list > li > .tab-toggle {
    padding: 10px 8px;
    font-size: 1.2rem;
}
header.fh.ls-4 .h-logo {
    flex: 0 0 180;
    max-width: 180px;}
.h-logo .image-src-box.presized img {left: -23px;}
}