@import url('/export/system/modules/alkacon.mercury.bistuemer.ebk/css/ebk-agency.css');
@import url('/export/sites/demo-s-11/0-caritas-shared/fonts/modern/font.css');
@import url('/.themes/fonts.css');
@import url('/export/sites/demo-s-11/0-mercury-update-fix/fix.css');
@import url('/export/sites/demo-s-11/0-caritas-shared/m-access/m-access.css');

html:not(.opencms-page-editor) .loading-overlay {position: fixed; width: 100%; height: 100%; background-color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 15000001;}
html:not(.opencms-page-editor) .loading-spinner {border: 4px solid #f3f3f3; border-top: 4px solid #0763AA; border-radius: 50%; width: 60px; height: 60px; animation: spin 1s linear infinite;}
.type-imageseries {
    --my-is-square-margin: 15px;}
@keyframes spin {
   0% {
       transform: rotate(0deg);
      }

   100% {
       transform: rotate(360deg);
      }
}
.type-linksequence li a {line-height: 1.6; display: flex;}
.ls-navigation.custom-icon li a::before, .ls-bullets.custom-icon li::before, .ls-row.custom-icon li::before  {margin-right: 10px;}
.centa {display: flex; justify-content: center;}

.li-flag-left { margin-right: 4px !important;
    padding-left: 10px !important;
    border-left: 1px solid #999;}
	.li-flag-right {
    padding-right: 10px !important;
    border-right: 1px solid #999;}
	
.li-btn-head a {padding: 3px 14px 5px !important; background: #E7F1FA !important; font-size: 19px !important; top: 2px; left: -6px; position: relative; border-radius: 4px !important;}
.li-btn-head a:hover{text-decoration: none !important; background: #b9d3e9 !important;}
.back .btn {background-color: #DD0011;}
.back .btn:hover {background-color: #0763AA;}
.box h2 {margin-top: 0;}
@media(min-width: 1014px){
li.intern{display: none !Important;}

}

@media(max-width: 1013.98px){
li.intern a {padding: 3px 14px 5px !important;
    background: #E7F1FA !important;
    font-size: 17px !important;
    margin-top: -10px;
        margin-bottom: 10px;
  
    border-radius: 4px !important;
    max-width: max-content;}
.li-btn-head.none{display: none  !Important;}
.li-btn-head{    margin-left: -12px;}

}


/* ################## JOBS ##################### */

.jobs .job-item .job-title{font-weight: 400;}
.jobs .job-item .job-link{margin-top: 20px;}
.jobs .job-item .job-link a{border: 1px solid #333; padding: 6px 25px; color: #333; font-size: 20px; border-radius: 30px;}
.jobs .job-item .job-link a:hover{text-decoration: none; color: #fff; background: #c52e21; border: 1px solid #c52e21;}
.jobs .job-item{margin-bottom: 30px;}
.jobs .job-item:nth-child(odd){background: #eee; padding: 20px 25px 30px 25px; border-radius: 5px; margin-bottom: 25px}
.jobs .job-item .job-date {display: none;}
@media (max-width: 549.98px){
.jobs .job-item .job-link a {padding: 5px 17px; font-size: 17px;}
}

.type-linksequence.button-style li a {background-color: #0763AA;
    border-radius: 30px;
    margin-top: 15px;
    color: #fff;
    padding: 5px 30px;
    font-weight: 300;
    text-decoration: none !important;}
.type-linksequence.button-style li a:hover {background-color: var(--my-btn-hover-bg); text-decoration: none !important;}
.type-linksequence.button-style ul {display: flex; justify-content: center;}
.logos .piece.only-visual.max-140 > .visual {max-width: 120px;}
.logos .piece.only-visual > .visual {max-width: 280px;}
@media (max-width: 1013.98px) {
    .logos .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
	.logos .piece.only-visual.max-140 > .visual {max-width: 60px;}
}

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

.type-search .type-list-filter .filterbox + .filterbox {display: none;}

h3, .h3 {font-weight: 400;}
.max-80 .container {max-width: 80%; marin: 0 auto;}
.btn {font-size: 1.8rem;}
.hidden .type-section {display: none !important;}
.caption span.subhead { font-size: 45px !important; font-family: 'Kalam' , cursive !important; font-weight: 700 !important; letter-spacing: -0.3rem;}

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

.nav-main-items li.expand.ed > a {background-color: #fff !important;}
.nav-menu {font-family: 'Oswald', sans-serif !important;}

a#label_nav-main-addition {display: none;}
ul#nav_nav-main-addition li {display: inline;     margin-right: -12px;}

.type-slider .caption:has(.subhead){background: linear-gradient(180deg, rgba(7, 99, 170,1) 20%, rgba(0,0,0,1) 290%)}

@media (max-width: 1013.98px) {
li.li-flag-right {padding-left: 0 !important;}
.li-btn-head a {font-size: 17px !important; top: -3px; border-radius: 8px !important;}
#nav-main-addition .fa-instagram, #nav-main-addition .fa-youtube, #nav-main-addition .fa-facebook{font-size: 26px;}
.nav-main-items  li > .nav-menu#nav_nav-main-addition { max-height: 30px !important; margin-bottom: 20px;}
.nav-main-items li.expand > a[aria-controls]::after { display: none !important;}
}

.nav-main-items > li.expand.ed > a {background: transparent;}

@media (min-width: 1014px) {
    
.row.max-68 {max-width: 68.6%; margin: 0 auto;}
.nav-main-items > li.expand > a::after { display: none;}
}

.brush {background-image: url(/.galleries/bilder/.system/back6.png);  background-position: 100% 45%; background-size:cover; background-repeat: no-repeat;}

.type-media .content {background-color: transparent; border-top-left-radius: 20px; border-bottom-right-radius: 20px;}
.type-media .intro-headline {text-align: center;}
.teaser-index .type-section .body, .teaser-index .type-section h3, .teaser-index .type-section a.btn, .teaser-index .type-section a {color: #fff;}
.teaser-index .type-section .body {padding: 40px; background: #ccc; border: 1px solid #fff;}
.teaser-index.mm .type-section .body {padding: 15px 20px;} 
.teaser-index.no-link  a.btn {display: none;}
.teaser-index .type-section a.btn {color: #fff; border: 1px solid #eee; font-size: 19px; width: 100%;     border-radius: 10px; font-weight: 400;}
.teaser-index .type-section .body h3 {line-height: 1.2; font-size: 22px;     margin-bottom: 1rem;     font-weight: 400;}
.teaser-tile .teaser.piece > .body > .heading .headline {font-weight: 400; color: #0763AA;}
.teaser-index .type-section .body h3:after {content: ''; margin: 0 auto; display: block; width: 20%; border-bottom: 1px solid #fff; margin-left: -0.5%; margin-top: 12px;}
.teaser-index .type-section {position: relative;}
.teaser-index.mm .type-section {margin-top: 15px;}
.teaser-index.mm.no-margin .type-section {margin-top: 0;}
.mm .type-linksequence .ls-item {display: inline-flex;}
.mm .type-linksequence a {line-height: 1.2;}
.mm b, .mm strong {font-weight: 600;}
.mm .type-linksequence .fa {margin-right: 4px;}
.teaser-index .type-section .text {font-size: 18px;}
.mm .btn {background-color: transparent; border-radius: 7px; border: 1px solid #fff; margin-top: 15px; color: #fff;}
.teaser-index .type-section.red .body {background: linear-gradient(180deg, rgba(229, 53, 38,1) 20%, rgba(0,0,0,1) 300%) !important;}
.teaser-index .type-section.blue .body{background: linear-gradient(180deg, rgba(7, 99, 170,1) 20%, rgba(0,0,0,1) 360%) !important;}
.teaser-index .type-section.yellow .body{background: linear-gradient(180deg, rgba(254, 213, 0, 1) 20%, rgba(0,0,0,1) 480%) !important;}
.teaser-index .type-section.grey .body {background: linear-gradient(180deg, rgba(153, 153, 153, 1) 20%, rgba(0,0,0,1) 360%) !important;}
.teaser-index .type-section.purple .body {background: linear-gradient(180deg, rgba(112, 35, 76, 1) 20%, rgba(0,0,0,1) 360%) !important;}
.teaser-index .type-section .body, .teaser-index .type-section img  {border-top-left-radius: 20px; border-bottom-right-radius: 20px; }

.mt-200 {margin-top: 200px;}
.mt-130 {margin-top: 130px;}
.mb-160 {margin-bottom: 160px;}
.mb-200 {margin-bottom: 200px;}

h1, .h1, h2, .h2 {color: #0763AA; font-size: 4.4rem;font-family: 'Oswald', sans-serif; text-transform: uppercase;}
.subline p:first-child {font-family: 'Oswald', sans-serif; font-size: 4.0rem; color: #c52e21;}
h3, .caption span.subhead {font-family: 'Oswald', sans-serif; }
body {font-family: 'Source Sans Pro', sans-serif; font-size: 2.2rem; background: #fff; line-height: 1.4;}

.type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption .titlecaption, .type-slider .slide-wrapper .caption small, .nav-main-items > li > a, .calendar-sheet, .nav-main-items > li > a { font-family: 'Source Sans Pro', sans-serif;}
.headline-center, .text-center {text-align: center;}
h1, .h1, h2, .h2 { margin-top: 1.6rem; font-weight: 400;}
.btn {background-color: #0763AA; border-radius: 30px;  margin-top: 15px; color: #fff; padding: 5px 30px; font-weight: 300;}
.subline p:first-child {color: #aaa;}
b, strong {font-weight: 400;}
a {color: #0763AA;     font-weight: 300;}
.text ul {margin-bottom: 25px !important;     margin-left: 0; padding-left: 1em;}

/* ################ Nav & Head #################*/
header.fh.nav-disp-big.nav-right .nav-main-items > li > a {font-family: 'Oswald', sans-serif; }
.header-image.image-src-box.presized img {     top: -5px;
    z-index: 10;/*
    background: #fff;
    padding: 20px 30px 30px;
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.3);
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;*/}
.area-header {margin-bottom: 0; box-shadow: none;}
.nav-main-mobile-logo .image-src-box.presized img {max-width: 150px;}
.h-info .type-linksequence li  a {padding: 5px 4px; background: transparent;  border-radius: 30px; color: #333 !important; font-weight: 400;}
.area-header .header-links > ul > li > a {text-transform: none;}
.h-info .type-linksequence {margin-bottom: 7px; margin-top: 5px;}
.h-info .ls-row.no-icon li:not(:last-child) {margin-right: 10px;}
header.fh.ls-4 .h-logo {flex: 0 0 140px;  max-width: 140px;}
.head.isfixed .h-logo img {display: block;}
.h-nav .co-lg-xl {padding-right: 30px; padding-bottom: 20px;}

.type-nav-breadcrumbs {max-width: max-content; padding: 7px 30px 10px 30px; background: #0763AA; margin-bottom: 10px; margin-top: 8px; border-top-left-radius: 20px; border-bottom-right-radius: 20px;
    border: 1px solid #fff;}
ul.nav-breadcrumbs {padding: 0; margin: 0;}
.nav-breadcrumbs > li a {font-size: 17px; color: #fff; font-weight: 400;}
.nav-breadcrumbs > li:last-child a { color: #fff; font-weight: 600; pointer-events: none; }
.nav-breadcrumbs > li + li::before {color: #fff;}
.nav-breadcrumbs > li a:hover {
    color: #fff;
}
.type-nav-breadcrumbs {margin: 0 auto; margin-top: -26px; margin-bottom: 5px; z-index: 99;}
.header-links ul li {padding: 0;}
.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;}
.area-header .header-links > ul > li > a {font-size: 23px;}
.mega {font-size: 1.9rem;}
.stellen .nav-side li a::before {color: #0763AA;font-family: forkawesome; content: "\f046"; margin-right: 10px; top: 2px; position: relative; }
.nav-mega-menu {left: unset !important; right: 30px;}
.nav-mega-menu h2 {font-size: 30px; margin-top: 0px;}
.nav-side li a:before { content: "\f111";   font-size: 10px; color: #d0e8ea; }
.nav-side li.currentpage a:before, .nav-side li:hover a:before { color: #557290; }
.nav-side li > a:not(.btn):focus, .nav-side li > a:not(.btn):hover, .nav-side li.currentpage > a:not(.btn):hover {background: transparent;}
.nav-side li a {padding: 10px 20px 10px 15px;}
.nav-side li.currentpage > a:not(.btn) {font-weight: 600; color: #c52e21; }
.nav-side li.currentpage > a:not(.btn):hover,.nav-side li > a:not(.btn):focus, .nav-side li > a:not(.btn):hover {color: #c52e21; }
.nav-main-group.has-sidelogo {margin: 0 auto;}
.styled-form .input.button button.btn {margin-top: 0; background: #c52e21; color: #fff; border-top: 1px solid #c52e21; border-bottom: 1px solid #c52e21;}
@media (max-width: 1013.98px) {
   
}
/* ######## MODAL FLAGS ######## */

.btn-wrap {display: flex; transform: rotate(-90deg); position: fixed; overflow: visible; right: -128px; top: 50vh; max-width: max-content; z-index: 1140;-webkit-transform-origin: 53% 51%; }
.btn-wrap .btn {margin-right: 5px; border-radius: 0; font-size: 20px; color: #fff !important; padding: 10px 16px; font-weight: 400;}
.btn-wrap .btn.active, .btn-wrap .btn:focus, .btn-wrap .btn:hover {background-color: #666; color: #fff; }
.btn-wrap .btn.color1{background-color: #C52E21; color: #fff;}
.btn-wrap .btn.color2{background-color: #0763AA; color: #fff;}
.btn-wrap .fa:before{margin-right: 10px;}
.btn-wrap .fa-map-marker:before {font-size: 23px;}

.modal {box-shadow:0px 4px 16px 0px rgba(0,0,0,0.36);}
.modal-content { background: #fff;border-radius: 15px 0;}
.modal-text {line-height: 1.15; margin-bottom: 20px; font-size: 19px; color: #444;}
.modal-body { padding: 3px 30px 30px; text-align: center; font-weight: 400; margin-top: -15px; font-size: 22px;}
.modal-body a.btn {position: relative; display: inline-flex;  background: #0763AA; color: #fff !important; margin-bottom: 3px; border-radius: 4px; font-size: 20px !important;font-weight: 400; border: 0; box-shadow:0px 4px 16px 0px rgba(0,0,0,0.36); margin-top: 5px;}


.modal-backdrop{opacity:0.7 !important;}
.modal-backdrop + .modal-backdrop {display: none;}
.modal-header .btn-close {position: relative; right: -14px; top: -16px; border: 0; background: #fff; font-size: 20px; font-weight: 400; color: #444; max-width: max-content; padding: 7px 10px; line-height: 1; border-radius: 50%;
    box-shadow: 2px 6px 13px -1px rgb(0 0 0 / 17%);}
.modal-header .btn-close:before{content: "\f00d"; font-family: ForkAwesome;}
.modal img {max-width: 100%; margin-bottom: 20px; border-radius: 15px 0;}



@media (max-width: 763.98px) {
.btn-wrap {display: none !important; }
}

/* ############# 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.center .image-src-box.presized img {    margin: 0 auto;}
.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;}

/* ############# Boxen ################## */
.school .nav-side li a:before {content: "\f111"; font-size: 10px; color: #0763AA; font-size: 15px !important; top: 3px; position: relative;}
.school .nav-side ul {padding: 0 10px;}
.school .nav-side li:hover a:before {color: #fed500;}
.school .nav-side li > a:not(.btn) {color: #444;font-size: 18px;}
.school .nav-side li {padding: 12px 0 12px;}
.school .element.type-linksequence {margin-bottom: 0;}
.box {box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, .3); background: transparent; margin-top: 0; border-top-left-radius: 20px; border-bottom-right-radius: 20px;}
.box.grey {box-shadow: none; background: #eee; margin-top: 0;}
.box.white {    background: #fff;}
.box.grau{box-shadow: 2px 6px 13px -1px rgb(0 0 0 / 30%); background: #eee; margin-top: 0;}
.box h3 {font-size: 25px; font-weight: 400;}
.row.box {margin-right: 0; margin-left: 0; padding: 40px 30px;}
.row.box .detail-page {margin-bottom: 0;}
.box.blue {background: #0763AA !important; color: #fff;}
.box.red {background:#c52e21 !important; color: #fff;}
.box.blue h1, .box.blue h2, .box.blue h3, .box.blue h4, .box.blue h5, .box.blue h6, .box.red h1, .box.red h2, .box.red h3, .box.red h4, .box.red h5, .box.red h6, .type-linksequence.box.red a, .type-linksequence.box.blue a {color: #fff;}
.border img { border-top-left-radius: 20px; border-bottom-right-radius: 20px;}


/* ############# Kontakte ################## */
.team img {    border-radius: 50%; border: 2px solid #ccc; padding: 4px;}
.team .body {background-color: rgba(7,99,170,.8); padding: 30px 20px 20px; transform: skew(-9deg,0deg); border-top-left-radius: 20px; border-bottom-right-radius: 20px; color: #fff; margin-top: -55px;
    width: 80%; margin: 0 auto; margin-top: -55px;}
.type-contact img {border-radius: 50%; border: 2px solid #ccc; padding: 4px;}
.type-contact.logo img { border: 0;}
.topfoot .type-contact img {border-radius: 0; border: 0;}
.type-contact .body {    border-top-left-radius: 20px;border-bottom-right-radius: 20px; color: #fff; background-color: rgba(7,99,170,1); padding: 30px 20px 20px; transform: skew(-9deg,0deg);}
.type-contact.p-md-4 .body {padding: 30px 20px 20px;}
.type-contact h3 {font-size: 20px !important;  line-height: 22px; margin-bottom: 10px !important; color: #fff;}
.type-contact .text {margin-left: 20px;}
.type-contact h3 {font-size: 24px !important; font-weight: 400; line-height: 1.2;}
.type-contact .text {font-size: 2rem;}
.type-contact .h4 {font-weight: 400;}
.type-contact .text a  {text-decoration: none; color: #fff;}
.type-contact .tablerow, .vcard {line-height: 1.4;}
.type-contact .vcard {display: flex;}

/* ################ Special ul's #################*/
.pdf ul, .link ul, .check ul {list-style: none outside none; margin-left: 0; padding-left: 0;}
.link li, .pdf li, .check li {overflow: visible; padding-left: 25px; position: relative;margin-bottom: 8px; line-height: 1.3;}
.pdf li:before, .link li:before, .check li:before { font: normal normal normal 19px/1 FontAwesome; margin-right: 10px; left: 0; position: absolute;     top: 6px;}
.check li:before {content: "\f046";}

/* ############# Zitat ################## */
.cite-content {max-width: 900px; margin: 0 auto;}
.cite {text-align: left; color: #fff; padding: 100px; text-align: left; font-size: 35px; line-height: 43px; border-bottom: 1px solid #fff; background: #c52e21 url('/export/sites/demo-s-11/0-caritas-shared/mercury/watermark3.png') no-repeat 15% center;}
.cite .small {font-size: 30px; line-height: 35px;}
.max-900 {max-width: 900px; margin: 0 auto;}

/* ############# Counter ################## */
.parallax-counter-s11 {text-align: center;}
.parallax-counter-s11 {padding-top: 160px; padding-bottom: 150px; }
.parallax-counter-s11.small-font .features {padding: 37px 10px;}
.parallax-counter-s11 .features {width: 210px; height: 210px; padding: 45px 0; position: relative; text-align: center; display: inline-block;  border-radius: 50% !important;  background: rgba(255,255,255,0.2);}
.parallax-counter-s11.counter-dark .features {background: rgba(7, 99, 170,0.8) ;}
.parallax-counter-s11 .features:after {top: -15px;left: -15px;right: -15px;bottom: -15px; content: " "; border-radius: 50%; position: absolute; border: 7px solid rgba(255,255,255,.35);}
.parallax-counter-s11.small-font .features span {font-size: 12px;}
.parallax-counter-s11 .features span {color: #fff; display: block; font-weight: 400; font-size: 15px;}
.parallax-counter-s11 .features span.counter {font-size: 35px;}
.parallax-counter-s11 .features span.features-info {text-transform: uppercase; padding: 0 5px;}

/* ################ Lists #################*/
.list-content .list-append-position {text-align: center; border-top: 1px solid #555; display: block; margin-top: 40px; padding-top: 50px; position: relative;}
.list-pagination .btn.btn-append {-webkit-transition: all 0.2s ease-in-out; background: #0763AA; color: #fff;font-weight: 700; border-radius: 50%; border: 10px solid #f3f3f3 !important; display: block; 
 font-size: 16px; height: 100px; line-height: 40px; margin: -40px 0 0 -40px; position: absolute; bottom: 0px; left: 50%; text-align: center; text-transform: uppercase; width: 100px;}
.list-pagination .btn.btn-append:hover {border-color: #eee; background: #ccc;}
.type-list-filter .filterbox .btn.li-label {background-color: #0763AA;}
.list-entry.teaser-tile .body {padding: 10px 20px 25px;}
.list-entry .teaser {box-shadow: 2px 6px 19px -9px rgb(0 0 0 / 30%);} 


/*#################### Filter Kats ########################*/
.filter-reverse {display: flex;flex-direction: column-reverse;}
.filterbox.search{margin-bottom: 5px; margin-top: 20px;}
.type-list-filter .filterbox .btn.li-label:hover {background-color: #003056;}
.type-list-filter .filterbox {background-color: #fff;  border-radius: 4px;}
.type-list-filter .filterbox .btn.li-label { padding: 14px; line-height: 1;   border-radius: 4px;}
.filter-switch .element.type-list-filter {margin-bottom: 8px;}
.type-list-filter .filterbox.categories ul li {margin-top: 5px;}
.type-list-filter .filterbox.categories ul li a {display: block; font-size: 15px; font-weight: 400;}
.type-list-filter .filterbox.categories ul li.active a { background: #cbcbcb;}
.type-list-sortoptions .dropdown-toggle {    padding: 11px 35px 10px 14px; line-height: 1; border: 0; border-radius: 4px; font-weight: 400; background: #e00; color: #fff;}
.type-list-sortoptions .dropdown-toggle::after {top: -1px;}
.type-list-filter .filterbox.search .styled-form .input input {box-shadow: none; border-radius: 4px;}
.type-list-filter .filterbox.search input {border-color: #999;}
.styled-form .input input {    padding: 10px 10px; }
.type-list-filter .filterbox.resetbuttons .resetbutton {font-size: 17px; }
type-list-filter .filterbox.resetbuttons .resetbutton:focus:before, .type-list-filter .filterbox.resetbuttons .resetbutton:hover:before {
    color: #000;;
    background-color: transparent;
}

.type-list-filter .filterbox.resetbuttons .resetbutton:first-of-type  {margin-top: 12px;}


.type-list-filter .filterbox.resetbuttons .resetbutton:before {background: transparent; color: #e00;     margin-right: 1px;  top: -1px;  position: relative;}

.btn-red.type-list-filter .filterbox .btn.li-label {
    color: #fff;
    background-color: #e00;}
	
	
.btn-red.type-list-filter .filterbox .btn.li-label:hover{
	color: #fff;
    background-color: #9d9c9c;
}
.filterbox .btn-block.li-label{font-size: 19px;}

 .type-list-filter .filterbox.categories .btn.li-label:before, .type-list-filter .filterbox.categories ul li a::before, a.external:after{display:none;}

.type-list-filter .filterbox.categories ul li a {padding-left: 10px;}

.reset-btn .btn {
    padding: 14px 14px 13px 14px;
    line-height: 1;
    border: 0;
    border-radius: 4px;
    font-weight: 400;
    background: #444;
    color: #fff;
    width: 100%;
	font-size: 18px;
}
.reset-btn .btn:before{
	content: '\f00d';
	font-family: 'ForkAwesome';
	margin-right: 7px;
	color: #fff;
}

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

/*#################### MAP SEARCH ########################*/
.type-geosearch .dropdown .dropdown-toggle, .type-geosearch .styled-form .submit-section .btn, .type-geosearch .geosearch-filter {border-radius: unset !important;}
.type-geosearch .dropdown .dropdown-item .dropdown-item-count {display: flex;}
.type-geosearch .dropdown .dropdown-menu {color: #fff; background-color: #0763AA;}
.type-geosearch .dropdown .dropdown-item-title {white-space: normal; -webkit-hyphens: auto; hyphens: auto; overflow-wrap: anywhere; word-break: break-word;}
.type-geosearch .dropdown .dropdown-item {color: #fff;}
.dropdown-item.active, .dropdown-item:active {background-color: #89BA17;}
.dropdown-item-1 .dropdown-item-title {font-weight: 700;}
.dropdown-item-1 .dropdown-item-count {display: none !important;}
.contact-teaser.in-list h3 {font-weight: 400;}
.type-geosearch .geosearch-filter { background: #eee; margin-right: 30px;}
.map-search .styled-form, .map-search .geosearch-filter.box {background-color: #f3f3f3;}
.type-geosearch .btn:hover {background-color: #c52e21;}
.type-map{    box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, .3);}

.maplibregl-popup-content a{color: #fff; background: #0763AA; padding: 6px 10px; border-radius: 4px; font-size: 15px;}
.type-map .map-marker .website {margin-bottom: 5px; margin-top: 16px;}

@media (min-width: 1014px) {
.contact-teaser.in-list {font-size: 1.6rem;}
.contact-teaser.in-list h3 {font-size: 2.4rem;}
.type-geosearch .geosearch-filter {height: fit-content;}
.type-geosearch .geosearch-filter {flex: 0 0 27%;}
}

@media (max-width: 1013.98px) {
.type-geosearch .geosearch-filter {margin-right: 0; margin-bottom: 20px;}
.type-geosearch .dropdown .dropdown-item {font-size: 1.2rem; line-height: 1.4;}
}

/*#################### POI´s ########################*/
.type-poi.detail-page .sub-header { display: none;}
.type-poi .detail-content .paragraph {padding: 30px; border: 1px solid #ccc; border-radius: 20px 0 20px 0;}
.type-poi .detail-content .paragraph:first-child{background:#0763AA;  border: 0;margin-bottom: 35px !important; margin-top: 35px; color: #fff;}
.detail-page.type-poi .btn:hover{background-color: #0763AA; color: #fff;}
.detail-page.type-poi .btn {background-color: transparent; border-radius: 8px; border: 1px solid #0763AA; margin-top: 15px; color: #0763AA; padding: 10px 30px;}
.detail-page.type-poi .intro-headline > .intro {font-size: 18px; font-weight: 400; color: #c52e21;}
.detail-page.type-poi .adr.detail-content{background: #f3f3f3; padding: 30px; border-radius: 6px; margin-top: 50px; max-width: max-content;}
.btn-bewerben a{    background-color: #0763AA; border-radius: 6px; border: none; margin-top: 15px; color: #fff; padding: 15px 40px; font-weight: 300; font-size: 21px;}
.btn-bewerben .link{display: flex; justify-content: center;}
.map-search .list-content .type-poi.teaser {background: transparent;}
.map-search .list-content .done .type-poi.teaser {background: #f3f3f3;}

.booking.done .btn-bewerben, .booking .sold-out {display: none;}
.booking.done .sold-out {display: block;}



.map-search .list-content .done .type-poi.teaser .visual .image-src-box:after {content:"Stelle bereits besetzt!"; background: #eee; color: #fff; background: #c52e21; padding: 5px 10px;        position: absolute;  top: 19px;    right: 19px; font-size: 16px; font-weight: 400; border-radius: 3px;}

.detail-page.done .visual .image-src-box:after {content: "Stelle bereits besetzt!"; color: #fff; background: #c52e21; padding: 5px 10px; position: absolute; top: unset; right: 30px; font-size: 16px;
    font-weight: 400; border-radius: 3px; height: 130px; width: 130px; border-radius: 50%; padding-top: 42px; text-align: center;font-size: 19px; bottom: 30px; line-height: 1; transform: rotate(-14deg);
    border: 2px solid;}

.type-poi .intro-headline > .intro {line-height: 1.3; font-size: 14px; font-weight: 400; color: #c52e21; margin-bottom: 2px;}
.map-search .list-content .type-poi.teaser {margin-bottom: 0; padding: 0 !important;}
.list-entry .type-poi.teaser {box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, .3);}
.detail-content .type-map .website{display: none;}
.detail-content .type-map .maplibregl-popup-content {padding: 10px 20px 0px 10px !important;}
.detail-content .type-map{margin-top: 35px;}
.teaser-tile .type-poi.teaser.piece > .body > .heading .headline {text-transform: uppercase;}

/* ################ News #################*/
.teaser .intro-headline {font-size: 18px; color: #c52e21; font-weight: 400;}
.intro-headline > .intro {font-size: 72%; color: #c52e21; font-weight: 400;}

.news-detail .piece {background: #fff;}
.detail-page .sub-header {font-size: 1.5rem; line-height: 1.5;}
.detail-page .detail-visual .visual-info {font-size: 1.2rem;}
.news-detail .detail-page .sub-header {font-size: 22px;}
.teaser .intro-headline {font-size: 18px;}
.list-entry.teaser-tile .teaser-text {font-size: 16px;}
.news-index .teaser-tile .teaser.piece { overflow: visible;}
.news-index .teaser-tile img {border-top-left-radius: 20px;}
.news-index .teaser-tile .teaser.piece {background: #fff; border-bottom-right-radius: 20px;     border-top-left-radius: 20px;}
.date-top .teaser .teaser-date {font-size: 66%; color: #111; font-weight: 600; position: absolute; top: -16px; background: #FED500; padding: 8px 19px; right: -8px; overflow: visible; z-index: 9999;
    border-bottom-right-radius: 8px; border-top-left-radius: 7px;}
.no-intro .list-entry.teaser-tile .body {padding: 10px 20px 10px;}
@media (max-width: 1014px)  {
.news-detail .detail-page .sub-header {
    font-size: 18px;
}
.back.top {display: none;}
}
/* ################ Liste Media #################*/
.teaser-text-tile.type-media .content {
    background-color: transparent;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
}
.teaser-text-tile.type-media {background: #fff; border-radius: 20px 0 0;}
.teaser-text-tile.type-media .intro-headline {text-align: unset;}
.teaser-text-tile.type-media .body {    pointer-events: none;}

/* ################ Icons & Lotse #################*/
.lotse .piece > .visual .subtitle, .icons .piece > .visual .subtitle {z-index: 23;  cursor: default; background:rgba(196,23,54,0.75); padding: 10px 20px; position:absolute; bottom: 10px; width: auto; color: #fff; font-weight: 300; font-style: normal; font-size: 22px;}
.lotse .type-section {position:relative;}
.icons img {padding: 20px 40px; background: #ccc; border-radius: 4px;}
.icons .piece > .visual .subtitle {width: 100%; background:rgba(196,23,54,1); text-align: center; }
.icons .type-section {position:relative;}

/* ################ Map #################*/
.maplibregl-marker  svg {display: none;}
.maplibregl-marker {width: 44px;  height: 61px; background: url(/.galleries/bilder/.system/marker.png) no-repeat 0 0;}
.type-map .map-marker .markhead {font-size: 1.6rem;}
.type-map .map-marker  {font-size: 17px;     margin-bottom: 10px !important;}
.map-osm .mapboxgl-popup-content {padding: 20px;}
.mapboxgl-popup {top: 15px; max-width: 300px !important;  }
.marktxt a {border-radius: 30px; display: block; padding: 6px 30px; color: #fff; margin-top: 15px; background: #c52e21; border: 0; margin-bottom: 0px; text-align: center;}
.marktxt a:hover { background: #999; text-decoration: none;}
.type-map {position: relative;}
.map-full {margin-bottom: -50px; margin-top: 50px;}
.map-full .mapboxgl-map {height: 500px !important;}
.type-map .mapbuttons {position: absolute; top: 0; margin-top: 15px; margin-left: 15px; z-index: 5;}
.map-full .type-map .mapbuttons {z-index: 0;}
.type-map .mapbuttons .btn {margin-top: 0.5rem; margin-right: 0.5rem; display: block; width: 100%; font-size: 1.5rem;}
#template-info::before {display: none;
 content: '{"main-theme":"#000", "main-theme-hover":"#dd0011", "map-color":["#777","#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"}]}]}'; }

/* ################ Foot #################*/
.topfoot .type-contact {box-shadow: none; }
.topfoot .type-contact .body {position: static !important; padding: 0px; transform: none; background-color: transparent; color: #333; width: 75% !important;}
.topfoot .type-contact .text { margin-left:0;}
.topfoot .social-icons li a {background-color: #fff; border-radius: 50%;}
.topfoot .styled-form {border: 0;  padding: 0px 0 20px 20px;}
.topfoot .styled-form label {color: #fff;}
.topfoot .styled-form .note {display: none;}
.topfoot .styled-form .input input, .topfoot .styled-form .textarea textarea, .topfoot .styled-form .select select, .topfoot .styled-form .checkbox i  {background-color: transparent !important; color: #fff; border-color: #fff;}
.topfoot .styled-form .select select {background-color: #333 !important;}
.topfoot .styled-form footer,  .topfoot .styled-form fieldset {padding: 0 10px; border-top: 0;}
.topfoot .type-webform .formbtn-row .formbtn {margin-left: 0; margin-right: 0; background-color: transparent; border: 1px solid #333; color: #333;}
.topfoot .type-webform .formbtn-row {margin-top: 5px;}
.topfoot .type-webform .formbtn-row .formbtn.btn {border-radius: 30px;}
.topfoot .type-shariff {margin-top: 20px;}
.area-foot {margin-top: 50px;}
.area-foot .subfoot {background-color: #0763AA; font-size: 1.6rem;  margin-bottom: 0; color: #fff; border-top: 1px solid #eee;} 
.area-foot .topfoot a:not(.btn), .area-foot .topfoot a:not(.btn):focus, .area-foot .topfoot a:not(.btn):hover, .area-foot .topfoot h1, .area-foot .topfoot h2, .area-foot .topfoot h3, .area-foot .topfoot h4, .area-foot .topfoot h5, .area-foot .topfoot h6, .area-foot .subfoot, .area-foot .subfoot a:not(.btn), .area-foot .topfoot {color: #fff;}
.area-foot .topfoot a:not(.btn):hover {color: #333;}
.subfoot .text-right {text-align: right;}
.area-foot .topfoot {padding: 60px 0 30px;} 
.area-foot .type-contact .text {font-size: 1.8rem;}
.area-foot .type-contact.no-resize .image-src-box img {max-width: 250px; margin-bottom: 30px;}
.topfoot h3 {font-size: 2rem !important;}
#topcontrol {background: #0763AA; border-radius: 50% !important;     left: 15px;}

.type-imageseries .square-col .content {border-top-left-radius: 20px;
    border-bottom-right-radius: 20px; height: calc(95% - 4px) !important; width: calc(95% - 4px) !important;}
	
/* ################ Accordion #################*/
.acco-body .box ul {padding-left: 20px;}
.accordion .acco-header {font-size: 2.2rem;}
.accordion .acco-header > a {padding: 10px 15px 20px 65px; font-size: 35px; background: transparent; color: #555;}
.accordion .acco-toggle::after {right: unset; left: 0px; font-size: 20px; background: #ddd; top: 3px;  color: #fff; content: "\f068";  padding: 10px 15px;}
.accordion .acco-toggle.collapsed::after { content: "\f067";  padding: 10px 15px; font-size: 32px; background: #fed500;    border-top-left-radius: 9px; border-bottom-right-radius: 9px; margin-top: -3px;}
.accordion .acco-toggle::after {padding: 10px 15px; font-size: 32px; background: #0763AA; border-top-left-radius: 9px; border-bottom-right-radius: 9px; margin-top: -3px;}
.variant-accordion.faq .acco-toggle.collapsed::after {content: "\f29c";  padding: 5px 10px; font-size: 30px; background: #c52e21; }
.accordion {border: 0; margin-bottom: 10px;     border-bottom: 3px dotted #ccc; box-shadow: none; }
.accordion .acco-body {padding: 2px 30px 0 30px; margin-top: 15px; border-top: 0; border-left: 4px dotted #ddd; margin-bottom: 30px; margin-left: 0; }
.acco-body ul {padding-left: 30px;}
.acco-body .type-linksequence ul {padding-left: 2px;}
.accordion .acco-header > a:focus, .accordion .acco-header > a:hover {background: transparent;}
.accordion .acco-header > a:focus, .accordion .acco-header > a:hover {color: #c52e21;}
.acco-body > div > .row-12:last-child, .acco-body > div > .row:last-child, .tab-pane > div > .row-12:last-child, .tab-pane > div > .row:last-child {margin-bottom: 0px;}
.accordion {margin-bottom: 18px !important; padding: 10px 10px; border: 2px solid #0763AA; border-top-left-radius: 12px; border-bottom-right-radius: 10px;}
.acc-red .accordion { margin-bottom: 28px !important; padding: 10px; border: 1px solid #c52e21; box-shadow: rgb(229 53 38 / 80%) -5px 5px;}
.acco-body > div > .element:last-child, .tab-pane > div > .element:last-child { margin-bottom: 15px;}
.acc-red .accordion .acco-toggle.collapsed::after, .acc-red .accordion .acco-toggle::after {content: "\f175"; padding: 10px 15px; font-size: 32px; background: transparent; left: unset; right: 1rem;
    margin-top: 5px; color: #0763AA;}
.acc-red .accordion .acco-header > .acco-toggle {padding: 2rem 1rem; padding-left: 30px;}
.acc-red .accordion .acco-body {padding: 0 20px 0 0; border-left: 0;}

@media (max-width: 550px) {
body {font-size: 18px !important; line-height: 1.5 !important;}
h1, .h1, h2, .h2, .subline p:first-child {font-size: 2.5rem !important;}
.teaser .intro-headline {font-size: 2.1rem !important;}
.parallax-counter-s11.small-font .features {width: 200px; height: 200px;}
.parallax-counter-s11 .features {width: 140px; height: 140px; padding: 35px 0;}
.parallax-counter-s11 .features:after {top: -7px; left: -7px; right: -7px; bottom: -7px;}
.parallax-counter-s11 .features span.counter {font-size: 20px;}
.parallax-counter-s11 .features span.features-info {font-size: 10px;}
}

@media (min-width: 764px) {
.teaser-index .container {max-width: 85%; margin-top: 0;}
.detail-page.type-article .type-contact.piece.flex, .detail-page.type-article .type-linksequence {max-width: 85%; margin: 0 auto;}
.type-contact .body {position: absolute !important; right: 60px; width: 60% !important; top: 26px;}
.variant-accordion .type-contact .body {position: relative !important; height: max-content;}
.type-contact.piece.flex, .type-linksequence {flex-grow: 1;}
.teaser .intro-headline {font-size: 20px;}
.contact-special .piece.p-md-4.flex > .body {flex: 0 0 calc((100% + 30px) * 0.63 - 16px);}
.contact-special .piece.p-md-4.flex > .visual {flex: 0 0 calc((100% + 30px) * 0.37 - 15px);}
.topfoot .type-webform .formbtn-row {justify-content: flex-end;}
.topfoot .styled-form section:nth-of-type(-n+4) {width: 47%; float: left; margin-right: 3%; }
.topfoot .styled-form section.form-field-textarea {clear: left; }


.topfoot .styled-form footer section {width: 100% !important; float: none !important; margin-right: 0 !important; }

.topfoot .styled-form .textarea textarea {width: 97%;}
}

@media (max-width: 763.98px) {
.type-slider.text-below-on-xs .slide-wrapper strong {font-size: 1.6rem; font-weight: 400;}
.type-contact {margin-top: 30px;}
#topcontrol {display: none;}
.list-content ul.list-entries { background: #fff;}
.list-entry.teaser-tile .teaser-text {font-size: 1.6rem;}
.mt-130 {margin-top: 0;}
.head.notfixed {margin-bottom: -110px ;}
.type-contact .body {margin: -45px 45px 0;}
.topfoot .type-contact .body {margin: 0;}
body {font-size: 1.3rem;}
.type-slider .slide-wrapper .caption.foreground strong {font-size: 20px; padding: 7px 15px;}
.type-slider .slide-wrapper .caption.foreground small {font-size: 18px; padding: 7px 15px;}
.parallax-counter-s11 {padding-top: 50px; padding-bottom: 30px;}
.cite {font-size: 25px; line-height: 34px; padding: 50px;}
.accordion .acco-body {margin-left: 0;}
.area-foot, .styled-form, .area-foot .subfoot {font-size: 1.3rem;}
.type-map .mapbuttons .btn {font-size: 1.1rem; padding: 0.3rem 0.6rem;}
.area-foot .subfoot {margin-bottom: 0;}
.subfoot .text-right ul {text-align: left;}
.subfoot .element {margin-bottom: 0.8rem;}
header.fh.ls-4 .h-logo {flex: 0 0 170px;  max-width: 170px; flex: 0 0 120px;  max-width: 120px;}
}

@media (min-width: 1014px)  {
.teaser-index.mm .type-section.no-pic .body {position: relative; max-width: 100%; left: 0; bottom: 0;    background: transparent !important; border: 0;  padding: 0;}
.teaser-index.mm .type-section .body {bottom: -15px; max-width: 80%; position: absolute;z-index: 22;left: 25px;}
.parallax-counter-s11 {clip-path: polygon(0% 16%, 100% 0%, 100% 84%, 0% 100%);}
ul.collapse.show  {margin-left: 10px !important;}
.nav-side li > a[aria-expanded][aria-controls]::after {font-size: 20px;}
.lead {font-size: 2.4rem;}
header.fh.pad-md .h-meta {padding-top: 20px;}
.container-lg, .container-md, .container-sm, .container {max-width: 1050px;}
header.fh .header-group {border-bottom: 0;}
header.fh.header-isfixed.fix-overlay .h-logo::after, header.fh.header-isfixed.fix-overlay .h-logo::before {background-color: transparent; box-shadow: none !important;}
header.fh.nav-disp-big.nav-right .nav-main-items > li > a {  font-size: 18px ;}
header.fh.ls-4 .h-logo {flex: 0 0 170px;max-width: 170px;}
.nav-menu {min-width: 340px;}
.head.isfixed .h-logo {background: url() no-repeat 10px 30px;}
.nav-main-items > li.active > a {color: #c52e21;}
.nav-main-items > li[aria-expanded] > a::after {display: none;}
.nav-main-items > li > a {font-weight: 400;}
.nav-menu > li > a {font-size: 16px;}
header .h-logo {position: absolute;}
.head-detail-page {margin-bottom: 90px !important;}
header.head-detail-page.fh.ls-2 .h-logo {flex: 0 0 160px !important; max-width: 160px !important;}
header.fh.ls-4.header-isfixed.fix-compact .h-logo {max-width: 98px;}
.head.isfixed .header-image.image-src-box.presized img { background: #fff; padding: 20px 20px 20px;  box-shadow: none;  border:0; top: 0px; left: 20px;}
header.fh.nav-below .head.isfixed .h-nav {margin-top: 19px;}
/*----Logo alt---*/
header.fh.ls-4 .isfixed .h-logo { flex: 0 0 60px;  max-width: 60px;}
/*----Logo Jubiläum---*/
header.fh.ls-4 .isfixed .h-logo {flex: 0 0 120px;
        max-width: 120px;
        top: 5px;}
.area-header .header-group::before {background-image: none;}
.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[aria-expanded=true] > a, .nav-main-items > li[aria-expanded=true] > a:focus, .nav-main-items > li[aria-expanded=true] > 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.expand.ed > a:focus, .nav-main-items > li.expand.ed > a:hover {color: #0763AA; background-color: #fff;}
.nav-menu > li > a {  font-weight: 300 !important;}
.nav-menu {border-top: solid 1px #0763AA; border-bottom: solid 1px #0763AA;}
.nav-menu > li > a:hover, .nav-menu > li > a:hover {    background-color: #fff;}
.nav-menu > li.active > a {background-color: #fff; color: #0763AA;}
.nav-mega-menu .nav-side li a:before {top: -3px; left: -5px; color: #ccc;font-size: 10px; content: "\f111"; margin-right: 7px;}
.area-foot .subfoot .text-right {text-align: right;}
.head-image.piece > .visual .subtitle {background: rgba(85, 114, 144, 0.7);}
h1, .subline p:first-child {line-height: 1.45;} 
.subline p:first-child {    margin-top: -28px;}
h2, .h2,.subline.sub2 p:first-child {line-height: 1.45; }
h3, .h3 {font-size: 3rem;  line-height: 1.35; font-weight: 500;}
.nav-mega-menu .nav-side li a:before {top: -3px; left: -5px; color: #ccc; font-size: 10px; font-family: forkawesome;    content: "\f111"; position: relative;}
.nav-mega-menu .nav-side li a:hover:before { color: #c52e21; }
header.fh.pad-md.header-notfixed.nav-below .h-nav {    padding-top: 20px;}
header.fh.nav-disp-big.nav-right .nav-main-items > li > a {margin-left: 6px; padding-left: 12px;}
.head-detail-page {margin-bottom: 120px !important;}  
li.mega > a {/*background: #c52e21; color: #fff !important; */margin-top: -8px; border-radius: 4px; padding: 8px  12px 0 12px  !important;}
html.hasscript .nav-main-container .nav-mega-menu {padding: 25px 25px 5px; border-bottom: 0; border-top: 0;  border-top-left-radius: 20px; border-bottom-right-radius: 20px;}
.type-sitemap .sitemap-col-6 > li.top { width: calc(50% - 20px);  margin-right: 20px;}
}

@media (max-width: 1013.98px) {
.footer-links {
    text-align: left !important;
}
.footer-links a {
    margin-right: 10px; margin-left: 0 !important;} 
.area-foot .topfoot .type-contact img {max-width: 220px;}
header.fh.ls-4 .h-logo {left: 0; position: absolute;}
.teaser-index.kacheln .type-section {margin-bottom: 40px;}
.btn {font-size: 1.4rem;}
.accordion .acco-body { padding: 3px 10px 0 10px; margin-left: 3px;}
.nav-side li a:before {display: none;}
.mt-130 {margin-top: 0;}
.mb-200 {margin-bottom: 70px;}
.mb-160 {margin-bottom: 55px;}
.head.notfixed {margin-bottom: -80px;}
.lead {font-size: 1.9rem;}
.nav-main-mobile-logo .image-src-box.presized {padding-bottom: 80px !important;}
h1, .h1, h2, .h2 {font-size: 30px;}
.subline p:first-child {font-size: 30px; margin-top: -18px; color: #aaa; line-height: 1.2;}
body {font-size: 1.8rem; line-height: 1.3;}
.nav-main-container .nav-main-mobile-logo {text-align: right; padding-right: 65px;}
.nav-main-container {background-color: #fff;}
header.fh.ls-4 .nav-main-mobile-logo .img-responsive { width: 153px;}
.header-image.image-src-box.presized img { top: -12px;  z-index: 10;  background: #fff;  padding: 17px 10px 10px; box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.3);}
#nav-toggle-label {top: 10px;right: 10px; }
.nav-toggle, .nav-toggle.active {background-color: #c52e21; border-radius: 3px;}
.header-image.image-src-box.presized img  { z-index: 6;     border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;}
.bread {display: none;}
li.mega a {background: transparent; color: #333; margin-top: 0px; margin-left: 0px !important; border-radius: 0px; padding: 8px 0 8px 0  !important;}
html.active-nav .area-header .header-group li[aria-expanded] > a::after {right: 10px;background-color: #c52e21; border-radius: 3px; }
html.active-nav .area-header .head-overlay {opacity: 0.5;}
.parallax-counter-s11 .features {margin-bottom: 30px;}
.lotse .piece > .visual .subtitle {background: rgba(196,23,54,1);position: relative; margin-top: 11px;}
.topfoot .styled-form {padding: 0;}
.area-foot .topfoot { padding: 60px 0 30px;} 
 .head.notfixed {
        margin-bottom: 30px;
    }
header .co-sm-md,  header .co-lg-xl {max-width: 100% !important;}

}

@media (max-width: 1013.98px) and (min-width: 764px) {
.type-contact {margin-bottom: 85px;}
.area-foot .type-contact {margin-bottom: 10px;}
.nav-main-container .nav-main-group { width: 400px;}
}

@media (min-width: 1200px) {
.teaser-index .type-section .body {max-width: 80%; position: absolute; z-index: 22;bottom: -90px; left: 25px;}
.teaser-index.mm .type-section .body {bottom: -15px;}
.teaser-index.mm .type-section.no-pic .body {position: relative; max-width: 100%; left: 0; bottom: 0;    background: transparent !important; border: 0; padding: 0;}
.container-xl, .container-lg, .container-md, .container-sm, .container {max-width: 1170px;}
.h-group .h-info {padding-right: 0px !important;}
.nav-mega-menu .nav-side li > a {font-size: 16px; padding: 8px 13px;}
html.hasscript .nav-main-container .nav-mega-menu {padding: 32px 32px 10px;}
header.fh.nav-disp-big.nav-right .nav-main-items > li > a {  font-size: 24px;}
.nav-mega-menu .nav-side li > a { font-size: 18px;  padding: 8px 17px; margin-left: -13px; font-weight: 300;}
header.fh.ls-4.header-isfixed.fix-overlay .nav-main-container { max-width: calc(100% - 100px);}
header.fh.ls-4 .h-logo { flex: 0 0 140px; max-width: 140px;}
}

@media (max-width: 450px) {
.icons .piece > .visual .subtitle, .lotse .piece > .visual .subtitle {padding: 10px 10px;font-size: 15px;}
.cite {font-size: 18px; line-height: 24px; padding: 50px 30px 30px;}
}

.type-slider .slide-wrapper .caption.bottom { bottom: 10px; left: 130px; max-width: 800px;}
.row-slide {background: transparent !important;}
.slick-arrow {top: 40%}
.type-slider.hero-slider .slide-wrapper .caption.bottom {border-top-left-radius: 20px;  border-bottom-right-radius: 20px;}
.type-slider .slide-wrapper .caption .subcaption small br {display: block;}
.type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption .titlecaption {text-transform: uppercase;}
.pagination > li.active > a {background-color: #0763AA ;}
.type-slider .slide-wrapper .caption {padding: 30px 30px; background-color: transparent;}
.type-slider .slick-slide:nth-child(3) .slide-wrapper   .caption.foreground small, .type-slider .slick-slide:nth-child(3) .slide-wrapper   .caption.foreground strong {     color: #222 !important; }
.type-slider .slick-slide:nth-child(3) .slide-wrapper .caption a.btn {color: #222 !important;  border: 1px solid #222 !important;}
.type-slider .slick-slide:nth-child(6) .slide-wrapper   .caption.foreground small, .type-slider .slick-slide:nth-child(6) .slide-wrapper   .caption.foreground strong {     color: #222 !important; }
.type-slider .slick-slide:nth-child(6) .slide-wrapper .caption a.btn {color: #222 !important;  border: 1px solid #222 !important;}
.type-slider .slick-slide:nth-child(3)  .caption.foreground small:first-of-type, .type-slider .slick-slide:nth-child(6)  .caption.foreground small:first-of-type {    border-left: 2px solid #222 !important;}
.type-slider .slide-wrapper .caption small {font-weight: 300;}
.type-slider .slide-wrapper {overflow: visible !important;}
.type-slider .slide-wrapper .caption.bottom {bottom: 0px; left: 100px; max-width: 400px;}
.type-slider .slide-wrapper .caption.background {opacity: 1 !important;}
.type-slider .slide-wrapper .caption a.btn{background-color: transparent;color: #fff;border: 1px solid;font-size: 16px;margin-top: 10px; display: block; width: max-content; border-radius: 7px;padding: 6px 18px;}
.type-slider .slide-wrapper .caption.foreground strong, .type-slider .slide-wrapper .caption.foreground small {text-shadow: none;}
.type-slider small {margin-top: 10px !important; }
.caption span.subhead {margin-bottom: 0; font-weight: 400; display: block; font-size: 2rem; }
.type-slider .slide-wrapper .caption.foreground small:first-of-type {border-left: 2px solid #eee;  padding-left: 25px;  margin-left: -20px; }
.slick-next::before {background-image: url(/export/sites/webstart/.mercury/.mod/assets/forward.png);}
.slick-prev::before {background-image: url(/export/sites/webstart/.mercury/.mod/assets/backward.png);}

@media (min-width: 764px) {
.slide-bubble .slide-wrapper  {padding-bottom: 150px;}
.type-slider.zitat .slide-wrapper {padding-bottom: 0;}
.type-slider .slide-container, .type-slider .slide-wrapper {position: relative !important; overflow: visible !important;}
.type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption .titlecaption { font-size: 1.6rem; letter-spacing: 0.2rem;  font-weight: 400;}
.type-slider .slide-wrapper .caption small { font-size: 1.4rem;}
.caption span.subhead {margin-bottom: 0; font-weight: 400; display: block; font-size: 2rem; }
.row-slide {padding-top: 20px; }
.type-slider .slide-wrapper .caption.bottom {bottom: -130px;left: 100px; max-width: 500px;}
.type-slider .slide-wrapper .caption {padding: 30px 40px;}
.slider-nav-btn {bottom: 62%;}
}

@media (min-width: 1014px) {
.nav-menu > li.expand.ed > a {color: #c52e21;}
.type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption .titlecaption { font-size: 1.6rem; letter-spacing: 0.2rem;  font-weight: 400;}
.type-slider .slide-wrapper .caption small { font-size: 2.4rem;}
.caption span.subhead {margin-bottom: 0; font-weight: 400; display: block; font-size: 4rem; }
.type-slider .slide-wrapper .caption.bottom { bottom: -145px; left: 130px; max-width: 600px; border: 1px solid #fff;}
.slide-bubble .slide-wrapper  {padding-bottom: 185px;}
.pb-0 .slide-wrapper {padding-bottom: 0;}
.zitat .slide-wrapper  {padding-bottom: 30px;}
header.fh.lp-l .h-info { padding-right: 0px;}
header.fh .h-logo, .h-nav .co-lg-xl { padding: 0px;  margin-right: 0;}
.h-nav .co-lg-xl { padding-bottom: 20px;}
.row-big, .h-group.co-lg-xl, .h-nav, .h-info, .element.type-slider {max-width: 1400px;  margin: 0 auto;}
.row-big {padding: 0 60px;}
.row-big.logo-slider {padding: 0;}
header.header-isfixed.fh.ls-2 .h-logo { height: auto; top: 7px;}
.head.isfixed .header-image.image-src-box.presized img {padding: 0px; background: #fff; box-shadow: none;}
header.fh.ls-4.header-isfixed.fix-overlay .nav-main-container {max-width: 100%;        }
}

@media (max-width: 763.98px) {

.head.notfixed {margin-bottom: -110px ; margin-bottom: 37px;}
html.active-nav .area-header .header-group .nav-main-container {opacity: 1; right: 0px; width: 100vw;}
.type-slider .slide-wrapper .caption.bottom {border-top-left-radius: 0;}
.type-slider.text-below-on-xs .slider-box {background-color: transparent !important;}
.logo-slider .visual::after {background-size: 90px;}
.type-slider.text-below-on-xs .slider-box { background-color: #04246A ;}
.type-slider .slide-wrapper .caption.bottom { bottom: -130px; left: 130px; max-width: 100%;}
.type-slider.hero-slider .slide-wrapper .caption.bottom {border-top-left-radius: 0; border-bottom-right-radius: 0;}
}

@media (min-width: 1400px) {
.max1400 .container {max-width: 1400px; margin: 0 auto;}
.type-slider.hero-slider .visual img {border-top-left-radius: 20px !important; border-bottom-right-radius: 20px !important;}
}

/*#################### Zitat-Slider ########################*/
.cite-content { max-width: 950px;}
.zitat .slick-next {right: 20px;}
.zitat .slick-prev { left: 0;}
.zitat .image-src-box.presized img {border-radius: 50%;max-width: 490px; border: 2px solid #ccc; padding: 4px;}
.type-slider.zitat .slide-wrapper .copyright { border-radius: 30px;border-bottom-left-radius: 0; box-shadow: 2px 6px 13px -1px rgb(0 0 0 / 30%);     right: 100px; transform: skew(-9deg,0deg);
    font-size: 30px;line-height: 1.2; padding: 45px; bottom: 70px;     overflow: visible;z-index: 999; color: #fff;max-width: 60%; text-align: left; background-color: rgba(7,99,170,.8); opacity: 1;}
.zitat.type-slider.logo-slider > .lm-10 .slide-wrapper .visual { margin: 10px; padding-top: 60px;}
p.author {font-style: italic; font-size: 25px; text-align: center;}

@media (max-width: 763.98px) {
.type-slider.zitat .slide-wrapper .copyright { position: relative; max-width: 84%; right: -30px;}
.zitat .image-src-box.presized img { max-width: 360px; margin: 0 auto;}
.zitat.type-slider.logo-slider > .lm-10 .slide-wrapper .visual {margin: 10px;padding-top: 0px;}
.type-slider.zitat {margin-bottom: -50px;}
.type-slider.zitat .slide-wrapper .copyright {font-size: 18px !important;}
p.author {font-size: 15px !important;}
}

@media (min-width: 764px) and (max-width: 1013.98px) {
.type-slider.zitat .slide-wrapper .copyright {font-size: 23px !important;}
.type-slider.zitat .slide-wrapper .copyright {right: 60px;}
.type-slider.zitat .slide-wrapper .copyright {font-size: 18px !important;}
p.author {font-size: 15px !important;}
.zitat.type-slider.logo-slider > .lm-10 .slide-wrapper .visual {padding-top: 0px;}
.zitat.type-slider.logo-slider > .lm-10 .slide-wrapper .visual {padding-top: 20px;}
}

@media (min-width: 1014px) and (max-width: 1199.98px) {
.type-slider.zitat .slide-wrapper .copyright {font-size: 19px !important;}
.mt-130 {margin-top: 10px;}
}

@media (min-width: 1200px) {
.zitat.type-slider.logo-slider > .lm-10 .slide-wrapper .visual {padding-top: 50px;}
}

@media (min-width: 1014px) and (max-width: 1440px) {
.teaser-index .type-section .text {font-size: 15px;}
.teaser-index .type-section .body h3 {line-height: 1.2;font-size: 18px;}
.teaser-index .type-section .body {padding: 30px 30px;}
.h-nav, header.fh .h-group {padding: 0 30px;}
.mb-200 {margin-bottom: 139px;}
}

@media (max-width: 1013.98px) {
.nav-main-items li > a {font-size: 18px;}
.topfoot .type-contact .body {    width: 100% !important;}
.type-slider.zitat .slide-wrapper .copyright {font-size: 19px}
p.author {font-size: 18px;}
}

@media (min-width: 1600px) {
/*.header-image.image-src-box.presized img { left: 150px;}*/
}

@media (max-width: 575.98px) {
.type-contact .body {margin: -45px 20px 0;padding: 30px 10px 20px;}
.footer-links a {margin-left: 0;}
.footer-links {text-align: center;}
.btn {font-size: 1.1rem;}
.head.notfixed {margin-bottom: -70px; margin-bottom: 24px;}
header.fh.ls-4 .h-logo {flex: 0 0 90px;max-width: 90px;}
    .header-image.image-src-box.presized img {
        top: -12px;
        z-index: 10;
        background: #fff;
        /*padding: 17px 10px 0px 0px;
        box-shadow: none;*/
    }
}

@media (max-width: 1199.98px) and (min-width: 1014px) {
header.fh.nav-disp-big.nav-right .nav-main-items > li > a {font-size: 17px;}
header.fh.ls-4 .h-logo {flex: 0 0 130px; max-width: 130px; top: 8px;}
}

@media (max-width: 1400px) and (min-width: 1200px) {
header.fh.nav-disp-big.nav-right .nav-main-items > li > a {font-size: 21px;}
header.fh.ls-4 .h-logo {flex: 0 0 160px; max-width: 160px;}
}

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

/* ################ TICKER ################## */
@-webkit-keyframes hjk-ticker {
	0% { -webkit-transform: translateX(0); transform: translateX(0); }
	100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
}
@keyframes hjk-ticker {
	0% { -webkit-transform: translateX(0); transform: translateX(0); }
	100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
}
.hjk-ticker-container{border-top-left-radius: 20px; border-bottom-right-radius: 20px; width: 100%;overflow: hidden;border-top: 0px solid #e6e6e6;border-bottom: 0px solid #e6e6e6;}
.hjk-ticker-wrap {webkit-box-sizing: content-box; box-sizing: content-box; width: 100%;padding-left: 100%;padding-top: 5px; padding-bottom: 5px;background-color: #FED500;}
.hjk-ticker-move {display: inline-block;white-space: nowrap;padding-right: 40%;-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;-webkit-animation-timing-function: linear;
	        animation-timing-function: linear;-webkit-animation-name: hjk-ticker; animation-name: hjk-ticker;-webkit-animation-duration: 10s;animation-duration: 10s;}
.hjk-ticker-move:hover{-webkit-animation-play-state: paused;animation-play-state: paused;}
.hjk-ticker-item{display: inline-block; padding: 1rem 0rem; font-weight: 500;color: #000;}

/* ################ ENDE ################## */

.nav-main-items > li > a {text-transform: none !important;}

.teaser-text-tile.type-decoy.in-list .headline:after {content: "\f14c";display: inline-block; font: normal normal normal 14px/1 ForkAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; color: #0763AA; margin-left: 7px;}
.teaser .list-badge {display: none;}


.box.blue .btn, .box.red .btn {border: 1px solid #fff; color: #fff;}  
.box.blue a, .box.red a {color: #fff;}
     
.zitat .copyright {background: url("/.galleries/bilder/.system/quote.png") no-repeat 90% 10%; background-size: 150px;}
.hero-slider .subcaption .btn:after {content: "\f0da"; font-family: ForkAwesome; margin-left: 9px; color: #f5f5f5;}
.type-slider .slide-wrapper .caption a.btn:hover {opacity: 0.7; /*font-weight:600;*/}
.type-slider.hero-slider .slide-wrapper .copyright {right: unset; left: 0; bottom: 1px;}
.spacer-no-head {margin-top: 180px;}

@media (max-width: 1013.98px) {
.spacer-no-head {margin-top: 100px;}
}

.social-icons .fa, .social-icons .fas, .social-icons .fab {width: 40px; line-height: 40px; text-align: center;font-size: 22px; margin: 3px;}
.subline p:first-child {color: #c52e21;}

.type-contact .effect-box .zoomer {z-index: 0;}
.type-contact .h4 {color: #fff;}
.contact-pers .org {display: none;}
.type-contact .vcard:before {content: "\f2bc"; font-family: ForkAwesome; margin-right: 13px; width: calc(4 * var(--my-contact-spacer-x));}

p.author {font-style: italic; font-size: 20px; text-align: right;}

/*
.h-info .type-linksequence li:nth-child(1) a, .h-info .type-linksequence li:nth-child(2) a{display:none;}
.h-info .type-linksequence li:nth-child(3) a {padding: 15px; border-radius: 0; background: url('/in-via/.galleries/bilder/.system/facebook-icon.png') no-repeat 0 center;}
.h-info .type-linksequence li:nth-child(4) a {padding: 15px; border-radius: 0; background: url('/in-via/.galleries/bilder/.system/instagram-icon.png') no-repeat 0 center;}
.h-info .type-linksequence li:nth-child(5) a {padding: 15px;border-radius: 0; background: url('/in-via/.galleries/bilder/.system/xing-icon.png') no-repeat 0 center;}
.h-info .type-linksequence li:nth-child(6) a {padding: 15px;border-radius: 0; background: url('/in-via/.galleries/bilder/.system/youtube-icon.png') no-repeat 0 center;}
*/

/* ################ ACCORDION ################## */
.variant-accordion.dates .acco-toggle.collapsed::after{content: "\f073"; padding: 7px 12px; font-size: 25px; background: #c52e21;}
.accordion .acco-header > .acco-toggle {  font-family: 'Oswald', sans-serif; font-weight: 400;   font-size: 2.4rem; border: 0; padding: 1.5rem 1rem 1.5rem 1rem; padding-left: 70px; background: transparent; line-height: 1.3;}
.accordion .acco-header .acco-toggle[aria-expanded=true], .tab-list > li > .tab-toggle.active, h2.acco-header pivot,.accordion .acco-header .acco-toggle:hover, .tab-list > li > .tab-toggle:hover{
    background-color: transparent; border-color: transparent;}
.accordion .acco-body {border: 0;}
.accordion .acco-header > .acco-toggle, .accordion .acco-header .acco-toggle[aria-expanded=true], .tab-list > li > .tab-toggle.active {color: #0763AA;}
.accordion .acco-toggle.collapsed::after, .accordion .acco-header .acco-toggle::after {width: 55px; font-size: 32px;     line-height: 1;}
/* ################ ENDE ################## */

/* ################ TEXT-GRAFIK ################## */
.text-grafik .container { max-width: 100%; padding-right: 0; padding-left: 0;}
.text-grafik, .text-grafik h2{ color: #fff;}
.text-grafik .btn  {background-color: transparent; border-radius: 30px; border: 1px solid #fff; margin-top: 20px; color: #fff; padding: 5px 30px; font-weight: 300;}
.colored-row.text-grafik {padding-top: 0;}
.colored-row.text-grafik .element {margin-bottom: 0;}
.text-grafik .container {max-width: 100%; padding-right: 0; padding-left: 0;}
.type-section.text-grafik-text .body {    align-items: center; display: flex;}
.type-section.text-grafik-text {display: flex; align-items: center; justify-content: center; align-content: center; padding: 160px 110px;}

@media (min-width: 1014px) {
.text-grafik-text {font-size: 2.8rem;}
.text-grafik h2 {font-size: 5rem;line-height: 1; }
.text-grafik p.subline {font-size: 4.2rem; line-height: 1; margin-top: -10px; margin-bottom: 20px !important; font-style: italic;}
}
/* ################ ENDE ################## */

/*################## Polaroids ###########################*/
.row.polaroid.custom {padding: 0 30px;}
.text-grafik.fotos .container{max-width: 87%;}
.polaroid .type-section{background: #fff; padding: 15px; box-shadow: 0 0.2rem 1.2rem rgb(0 0 0 / 20%); font-size: 2rem; font-family: 'Vujahday Script', cursive; max-width: 96%; color: #377DBF;line-height: 1.2;}
.polaroid  .type-section .body {padding: 5px 10px;}
.po-1 {transform: rotate(-6deg);}
.po-2 {transform: rotate(1deg);}
.po-3 {transform: rotate(6deg);}
.po-4 {transform: rotate(-1deg);}
.polaroid .type-section:hover {transform: scale(1.05, 1.05) rotate(0deg);  transition: all 0.75s; z-index: 888;}
.polaroid .oc-option-bar.opencms {right: 0 !important;}

@media (max-width: 763.98px) {
.po-1 {transform: rotate(0deg);}
.po-2 {transform: rotate(0deg);}
.po-3 {transform: rotate(0deg);}
.po-4 {transform: rotate(0deg);}
.po-1,.po-2,.po-3,.po-4{margin-bottom: 30px !important;}
.accordion .acco-header > .acco-toggle {    font-size: 20px;}
.type-contact .text {font-size: 20px; line-height: 1.5;} 
.topfoot h3 {font-size: 21px !important; }
.caption span.subhead {font-size: 33px !important; letter-spacing: -0.2rem; line-height: 1.1;}
}

@media (max-width: 500.98px) {
.row.polaroid.custom {padding: 0 0px;}
.polaroid .type-section {    max-width: 100%;}
}

.foto .visual {box-shadow: 0 0rem 1.2rem rgb(0 0 0 / 20%);}
.text-grafik.fotos {padding-bottom: 100px;}
.foto .slide-xs {padding: 16px; background: #fff;}
.foto.type-slider.logo-slider > .lm-10 .slide-wrapper .visual {margin: 19px 25px;}
.foto.type-slider .slide-wrapper .copyright {position: absolute; bottom: -100px; overflow: visible; padding: 10px 20px; z-index: 999999;background-color: #fff; opacity: 1;font-size: 2rem; font-family: 'Vujahday Script', cursive; color: #377DBF; line-height: 1.2; text-align: left;}
.foto .slick-slider .slick-track  {overflow: visible;}
.foto {padding: 40px 0;}
.foto.type-slider .slick-slide:nth-of-type(2n+2) .visual {transform: rotate(-6deg);}
.foto.type-slider .slick-slide:nth-of-type(3n+2) .visual {transform: rotate(6deg);}
.foto .slick-track {padding-top: 30px;}

.tab-list > li > .tab-toggle.active {color: #fff; background: #c52e21;}
.tab-list > li{background: #ccc;}
.tab-list > li > .tab-toggle:hover {background: #fed500;}
.tab-list > li > .tab-toggle {padding: 10px 30px;font-weight: 400;line-height: 1;font-size: 24px;}
.tab-content {padding:  0;}
.type-imageseries .heading{text-align: center;}
.more-info .accordion .acco-toggle.collapsed::after, .more-info .accordion .acco-header .acco-toggle::after {display: none !important;}
.more-info .accordion .acco-header > .acco-toggle  {-webkit-transition: all 0.2s ease-in-out; font-family: var(--my-btn-font-family); background: #FED500; color: #333; font-weight: 700; border-radius: 50%;
    border: 10px solid #f3f3f3 !important; display: block; padding-left: 10px;  font-size: 16px; text-transform: uppercase; height: 100px; line-height: 40px; margin: -40px 0 0 -40px; position: absolute;
    bottom: 0px;left: 50%; text-align: center; text-transform: uppercase; width: 100px;}
.more-info .accordion .acco-header {font-size: 2.2rem; border-top: 1px solid #555; display: block; margin-top: 40px; padding-top: 50px; position: relative;}
.more-info .accordion {margin-bottom: 18px !important; border: 0;}

@media (max-width: 1013.98px) {
.more-info .accordion .acco-body {padding: 3px 0px 0 10px; margin-left: 0px;}
.more-info .accordion {padding: 10px 0px;}
}

@media (min-width: 1014px) {
.more-info .accordion .acco-body {padding: 2px 0px 10px;     margin-bottom: 0;}
.more-info.element { margin-bottom: 0;     }
}

@media (min-width: 1200px) {
.more-info.element {margin-top: 100px;}
.more-info .accordion .acco-body {padding: 2px 0px 90px;}
.kachel-row {margin-bottom: 140px;}
.more-info .accordion .acco-header {margin-left: 100px; margin-right: 100px;}
}

.footer-links {text-align: right;}
.footer-links a {margin-left: 10px;}
.img-center .visual {position: relative;top: 50%;transform: translateY(-50%);}

@media (min-width: 1014px) {
.teaser-index.kacheln {margin-bottom: 50px;}
.polaroid .col-lg-2, .polaroid .col-lg-1 {flex: 0 0 12.444447%; max-width: 12.444447%;}

}

@media (max-width: 1013.98px) {
.nav-toggle-btn .nav-toggle {background-color: #0763AA;}
.accordion .acco-toggle.collapsed::after, .accordion .acco-header .acco-toggle::after {width: 45px; font-size: 22px; line-height: 1.2; height: auto; top: 15px;}
li#nav-main-addition {margin-left: -20px;}
.teaser-index.kacheln {margin-bottom: 40px;}
.polaroid .col-lg-2, .polaroid .col-lg-1 {display: none;}
.nav-main-container .nav-main-group {width: 70vw;}
.nav-main-container {right: -71vw;}
.nav-menu > li > ul > li > a {    padding-left: 0px;}
 ul.nav-menu li, .nav-mega-menu li {    padding-left: 20px;}
.nav-toggle, .nav-toggle.active {background-color: #04246A ;}
.nav-main-items li[aria-expanded="true"] > a {color: #04246A ;}
.nav-main-container .nav-main-group, .nav-main-container .nav-main-mobile-logo {background-color: transparent;}
.nav-main-container {background-color: rgba(0,0,0,0.9);}
.nav-main-container .nav-main-mobile-logo { padding: 25px 15px;}
.nav-main-items > li > a {color: #fff;font-size: 20px; font-weight: 400; border-bottom: 0;}
.nav-main-container .nav-main-group .nav-main-items {border-top: 0;}
.nav-main-container .nav-main-group .nav-main-items {margin-top: 30px;}
html.noscript #nav-toggle-check:checked ~ .header-group li[aria-expanded] > a::after, html.active-nav .area-header .header-group li[aria-expanded] > a::after {display: none;}
#nav-toggle-label {top: 7px; right: 10px;}
.nav-toggle.active {right: 0;}
.nav-toggle { background-color: rgba(255,255,255,0.6);}
.nav-toggle.active { background-color: rgba(255,255,255,0);}
.nav-toggle span, .nav-toggle span::before, .nav-toggle span::after {background: #04246A;}
ul.nav-main-items {margin: 0 auto;   max-width: 300px; }
.nav-main-items li > a { border-bottom: 0; padding: 8px 0px; font-weight: 300;}
.nav-main-items li[aria-expanded="true"] > a {color: #fff; font-weight: 400;}
.nav-main-items li[aria-expanded=true] > a {background-color: transparent;  border-color: transparent;}
.nav-main-items li.active[aria-expanded=true] > a, .nav-main-items li.active > a {background-color: transparent; color: #444;}
html.noscript #nav-toggle-check:checked ~ .header-group li[aria-expanded] > a {padding-right: 0 !important; }
html.active-nav .area-header .head-overlay {opacity: 0.6;}
.nav-main-items li[aria-expanded=true] > .nav-menu {margin-bottom: 20px;}
.nav-menu > li > a {padding-left: 0; color: #444;font-size: 20px;}
.nav-main-container {background-color: rgba(255,255,255,1);}
.nav-main-items > li > a {color: #444 !important;}
.nav-toggle.active span::before, .nav-toggle.active span::after {background: #444;}
.nav-main-mobile-logo .image-src-box.presized img {max-width: 110px; padding: 0; margin-left: -10px;}
header.fh .nav-main-mobile-logo .img-responsive{padding-bottom: 25% !important;}
header.fh.ls-4 .nav-main-mobile-logo .mobile-logolink {margin: 0 auto;}
.nav-main-container .nav-main-mobile-logo {padding: 50px 15px 50px;}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translate3d(0, -20%, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);	}
	}
	
.active-nav li.mega a::before {display: none;}
li.mega a {background: transparent; color: #333; margin-top: 0px; margin-left: 0px !important; border-radius: 0px; padding:  6px 0px !important;}
.nav-main-items li > a {line-height: 1.3;}
}
@media (max-width: 763.98px) {
.nav-main-container .nav-main-mobile-logo {padding: 50px 15px 0px;}
}
@media (max-width: 600px) {
.nav-main-mobile-logo .image-src-box.presized img {
        max-width: 80px;
        padding: 0;
        margin-left: 0px;
    }
.nav-menu > li > a {font-size: 18px;}
.nav-main-container .nav-main-group {width: 83vw;}
.nav-main-group.has-sidelogo {margin-left: 30px;}
}

.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 {width: 44px; height: 44px;}

@media (min-width: 1014px) {
header.fh.ac-below-logo.nav-below:not(.lp-c) {padding-top: 0;}
.nav-main-items a#label_26b3f2ef_36, .nav-main-items a#label_26b3f2ef_42, .nav-main-items a#label_26b3f2ef_59, .nav-main-items a#label_26b3f2ef_66,
.nav-main-items a#label_26b3f2ef_70 {pointer-events: none;}
.subline p:first-child { margin-top: -24px;}
.box h3 {font-size: 26px; line-height: 1.2; overflow: visible !important;}
.nav-toggle {display: block; position: relative; overflow: visible; margin: 0; padding: 0; width: 50px;}
#nav-toggle-label {animation: pulse-animation 2s infinite;}

@keyframes pulse-animation {
  0% {box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);}
  100% {box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);}
}
    .head.isfixed .header-image.image-src-box.presized img {
        padding: 0px;
        background: #fff;
        box-shadow: none;
    }
    header.fh.ls-4 .isfixed .h-logo {
        flex: 0 0 70px;
        max-width: 70px;
    }
}

/*#################### Borders ########################*/
.bt {border-top: 1px solid #fff;}

/*#################### Lockvogel Seminar-Highlights ########################*/
.seminar-highlights .intro-headline > .intro {position: relative; margin-top: -60px; margin-bottom: 30px; width: max-content; padding: 8px 15px 8px 8px; font-size: 18px; background: rgba(255,255,255,0.8);
    color: #444; font-weight: 400;}
.seminar-highlights .intro-headline > .intro::before {content: "\f006"; font-family: FontAwesome;margin-right: 5px;}
.seminar-highlights .teaser .intro-headline {font-size: 24px;}

/*####################### Lotsen-Kacheln ###################################*/
.lotse .type-section { overflow: visible;}
.lotse .piece > .visual .subtitle {background: rgba(196,23,54,1) !important; position: absolute !important; top: -50px !important;right: 0px !important;bottom: unset; border-top-right-radius: 17px;
        overflow: visible;z-index: 99999; font-weight: 400; border-top-left-radius: 17px; text-align: center; border-bottom: 1px solid #fff;}
.lotse .image-src-box.presized img, .lotse .effect-box {border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.row.lotse .type-section {margin-top: 55px;}

/*####################### Infobox ###################################*/
.box {padding: 30px;}
.box.information {overflow: visible;}
.information h3:before {content: "\f129";font-family: FontAwesome; font-size: 34px;line-height: 56px;margin: 0 10px 0 1px; width: 60px; height: 60px; background: #c52e21; position: absolute; text-align: center;
    margin-top: -40px;z-index: 99999;top: 11px; left: -28px; overflow: visible;color: #fff; box-shadow: 0px 6px 13px -1px rgb(0 0 0 / 30%); border-radius: 50%; transition: all 0.6s ease 0s;}
.information.no-hl h3 {color: transparent;height: 1px;}

@media (max-width: 551.98px) {
.information h3:before { left: -5px; top: 0;}
}

/*####################### News Masonry ###################################*/
.tile-col .text-overlay h2 + h3, .tile-col .text-overlay div, .square-col .text-overlay h2 + h3, .square-col .text-overlay div {font-size: 1.5rem;}
.square-m-20 .square-col .content {    border-bottom-right-radius: 17px; height: calc(100% - 10px); width: calc(100% - 10px); margin: 0px;}
.tile-col .text-overlay h1, .tile-col .text-overlay h2, .tile-col .text-overlay h3, .tile-col .text-overlay h4, .tile-col .text-overlay div, .square-col .text-overlay h1, 
.square-col .text-overlay h2, .square-col .text-overlay h3, .square-col .text-overlay h4, .square-col .text-overlay div {text-shadow: none;}
.tile-col .text-overlay, .square-col .text-overlay {background: rgba(137,121,115, .9); }
.news-kachel .list-pagination {margin-top: 40px;} 
.square-col.square-large .text-overlay {margin-bottom: 0px; bottom: -10px; padding-bottom: 25px !important;}
.square-col.square-small .text-overlay {margin-bottom: 0px;}

@media (min-width: 764px) {
.tab-list{border-bottom: 0;}
.list-entry.teaser-tile .teaser-text {font-size: 1.8rem;}
}

@media (min-width: 300px) {
.tab-list > li {float: none; margin-bottom: 0; display: inline-block;}
.tab-list.nav {text-align: center;}
}

/*####################### News Date Offset ###################################*/
.news-index.new .list-pagination .btn.btn-append {background: #FED500; color: #333;font-weight: 700;}
.news-index.new .list-pagination .btn.btn-append:hover {background:  #777;}
.news-index.new .list-pagination {margin-top: 0px;} 
.news-index.new .teaser-tile .teaser.piece {background: #fff;}
.news-index.new .teaser-tile .teaser.piece {    overflow: visible;}
.news-index.new .list-entry.teaser-tile .body {padding: 10px 20px 25px !important}
.news-index.new.date-top .teaser .teaser-date {top: -34px; right: 0px; background: rgba(196,23,54,1); border-top-right-radius: 10px; border-bottom: 1px solid #fff; border-top-left-radius: 10px;}
.news-index.new .tile-margin-15 .tile-col {margin-bottom: 0px;}
.news-index.new .teaser-tile .teaser.piece {padding: 30px 15px; background: transparent;}
.news-index.new .list-entry .teaser {box-shadow: none !important;}
.news-index.new .list-entry.teaser-tile .body {padding: 0 45px 0 0 !important; text-align: center;}
.news-index.new img {clip-path: polygon(5% 0, 100% 0%, 95% 100%, 1% 100%);}
.news-index.new .list-pagination .btn.btn-append {border-color: #efefef;}
.news-index.new.date-top .teaser .teaser-date{top: 7px;background: #005EA8;border-top-right-radius: 0;border-bottom: 2px solid #fff;border-top-left-radius: 0;clip-path: polygon(3% 0, 100% 0%, 97% 100%, 1% 100%);}
	
@media (min-width: 764px) {
.box.piece.flex {flex-grow: 1;}
.news-index.new .tile-margin-15 .tile-col { margin-bottom: 0px; padding-left: 0px; padding-right: 0px;}
}

/*####################### Fluuter ###################################*/
.area-foot .topfoot {border-top: 2px solid #fff; background: #fff !important;background-image: none; color: #444 !important;}
.topfoot .styled-form label, .area-foot .topfoot a:not(.btn), .area-foot .topfoot h3 {color: #444;}
.topfoot .styled-form .input input, .topfoot .styled-form .textarea textarea,.topfoot .styled-form .select select,.topfoot .styled-form .checkbox i{background-color: transparent !important;color: #444;
    border-color: #444;}
.neg-mt {margin-top: 1px !important;}

@media (max-width: 763.98px) {
.tab-list > li > .tab-toggle {font-size: 18px; padding: 10px 20px;}
}
	
@media (min-width: 1200px) {
.teaser-index.kacheln {margin-bottom: 40px;}
}
@media (max-width: 575.98px) {
.vor-ort .tab-list > li > .tab-toggle {font-size: 12px; padding: 10px 10px;}
}


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

}

 #template-info::before {
    display: none;
    content: '{"main-theme":"#222222", "main-theme-hover":"#dd0011", "sass-version":"mercury-u0fa33044", "map-color":["#4f80bc","#00AAAD","#235789","#ac3931","#ada8b6","#444","#aaa","#eee","#888","#fff","#000","#aaa"], "map-style":[{"featureType":"all","elementType":"all","stylers":[{"saturation":"-100"}]},{"featureType":"administrative","elementType":"labels.text.fill","stylers":[{"color":"#222"}]},{"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"}]}]}'; }