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



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


.shariff-button.twitter .fa-twitter{
	background-image: url(/.galleries/bilder/.system/twitter-x.png);
    height: 40px;
    background-size: 17px;
    background-repeat: no-repeat;
    background-position: center;
}
.shariff-button.twitter .fa-twitter:before{display: none !important;}
.social-icons.colored li.twitter a:hover {
    background-color: #efefef;
}
.social-icons.colored li.twitter a {
    background-color: transparent;
	border: 1px solid #000;
}

.tp-caption b{display: block;}

@media(min-width: 764px){
.tp-caption br{display: none;}
}

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

.table{--my-table-striped-bg: #eee;--my-table-accent-bg: #fff;}
.table-sm > :not(caption) > * > * {padding: 1rem 1rem;}

body {font-family: 'Source Sans Pro', sans-serif; font-size: 2.2rem; line-height: 1.4;}

.subline p:first-child {font-size: 3.8rem; margin-top: -25px; color: #aaa;}

a.external::after{display: none;}

a {color: #ff0000;}


.logos.row{max-width: 650px; margin: 0 auto;}

.logos3.row{max-width: 900px; margin: 0 auto;}
.logos3 .col-lg-4{max-width: 33%;}
@media(max-width: 763.98px){
.logos3 .p-40{padding: 10px !Important;}
}


.fancybox-button--fullscreen{ display: none;}
.type-flexible td {padding: 12px;}
.fancybox-container {z-index: 250001;}
.fancybox-stage, .fancybox-slide {z-index: 250000;}
.fancybox-slide--iframe .fancybox-content {max-width: calc(1200px - 100px); max-height: calc(100% - 88px);}

.border-left {border-left: 1px dashed #fff;}
.border-bottom {border-bottom: 1px dashed #fff;}
.border-top {border-top: 1px dashed #fff;}
.border-right {border-right: 1px dashed #fff;}

.nav-main-items li.expand > a[aria-controls]::after {display: none;}

header.bh .nav-menu-header {background-color: transparent; margin-bottom: 20px;}
.nav-main-container .nav-main-group .nav-main-items {border-top: 0;}
.head-image.piece > .visual .subtitle {right: 15px; bottom: 15px; font-size: 25px; position: absolute; padding: 10px 20px 10px; background: rgba(0,0,0,.4); color: #eee; font-style: normal;}
.type-slider .slide-wrapper .caption { background: rgba(0,0,0,.4)}

header.fh.nav-disp-big.nav-right .nav-main-items > li > a{background: transparent !important;}

header.bh .h-logo-col .h-logo {background: rgba(220, 220, 220, .3); padding: 15px; border-radius: 5px;}
header.bh .h-logo-row { max-width: 100%; padding-left: 15px;padding-top: 15px;}
header.bh .header-group { border-bottom: 0;}

.nav-toggle-btn.active-nav {right: -130px; top: -10px;}

.nav-main-items li > a {border-bottom: solid 1px #525252;}


.type-slider .slide-wrapper .caption {padding: 10px 10px 10px;}

#nav-toggle-label{background: rgba(0, 0, 0, .1) !important; padding: 0 5px 5px 5px;}
 .nav-toggle-btn .nav-toggle { background-color: rgba(0, 0, 0, .1);  }

.h-toggle-col .nav-toggle.active {display: none;}

.mt-60 {margin-top: 60px;}
.mb-60 {margin-bottom: 60px;}


.pswp .title {font-size: 19px;}
.pswp__bg {opacity: 1 !important;}
.pswp__caption {     left: 20px;  bottom: 20px; width: 400px;}
.pswp .pswp__caption__center {text-align: left; padding: 15px; background: rgba(0,0,0,0.7);}
.pswp__caption__center span {display: block; font-weight: 300; margin-top: 8px;}


.para {padding-top: 100px; padding-bottom: 100px;}
.para .type-section {text-align: center; color: #fff; font-size: 30px;}
.para .type-section h2 {color: #fff; font-size: 42px;}
.para  a.btn {color: #fff; margin-top: 15px; border: 1px solid #fff; }

.acco-body .box, .acco-body .box2 {width: 99.5%;}


.box{color: #444; background-color: #efefef; border-radius: 5px !important; padding: 35px;}
.box h3 {font-size: 25px; font-weight: 400; margin-bottom: 5px;}
.box a {color: #444;}

.box.rot{background: #DA413C; color: #fff;}
.box.rot h3, .box.rot h2{color: #fff;}
.box.rot a {color: #fff;}

.box.weiss {box-shadow: 0px 0px 5px -1px rgb(0 0 0 / 30%); border: 0; padding: 20px; background: #fff; }

.box.gruen{background: #5BA836; color: #fff;}
.box.gruen h3, .box.gruen h2{color: #fff;}
.box.gruen a {color: #fff;}

.para .box {color: #fff; background-color: rgba(0, 0, 0, .45);}

.check ul {list-style: none outside none; margin-left: 0; padding-left: 0; margin-bottom: 0px !important;}
.check li {overflow: visible; padding-left: 25px; position: relative; line-height: 1.5;}
.check li:before { font: normal normal normal 23px/1 FontAwesome; left: 0; position: absolute; content: "\f00c"; top: 5px; left: -3px; color: #5BA836;}

.area-header {margin-bottom: 0;}

.text-right {text-align: right;}

.text-bottom .body {display: flex;}
.text-bottom .text {align-self: flex-end;}

/*.map-full {margin-bottom: 0px;margin-top: 0px;border-top: 1px dashed #000;}*/
.maplibregl-marker svg {display: none;}
.maplibregl-marker {width: 50px;  height: 72px; background: url(/.galleries/bilder/.system/marker.png) no-repeat 0 0;}

.type-map .map-marker .markhead {font-size: 22px;}
.type-map .map-marker  {font-size: 17px;}
.map-osm .maplibregl-popup-content {padding: 20px;}

.maplibregl-popup {top: 15px; max-width: 300px !important;  }
.marktxt a {border-radius: 30px; display: block; padding: 5px 30px; color: #fff; margin-top: 15px; background: #5BA836; border: 0; margin-bottom: 0px;}
.marktxt a:hover { background: #999; text-decoration: none;}

.map-full .maplibregl-map {height: 500px !important;}

.overlay .styled-form h2{background: #eee; padding: 5px 15px; clear: left; border-top: 30px solid #fff; font-size: 25px; }

.styled-form header { border-bottom: 0; padding: 0px; margin: 30px 0 30px 15px;}
.styled-form.state-error .note-error

.overlay {padding: 30px 0;}
.styled-form { padding: 40px;}

.foot .styled-form {border: 0; background:#666; padding: 70px;}
.foot  .styled-form label {color: #fff;}
.styled-form .note {display: none;}
.foot  .styled-form .input input, .foot  .styled-form .textarea textarea, .foot  .styled-form .select select, .foot  .styled-form .checkbox i  {background-color: transparent !important; color: #fff; border-color: #fff;}

.foot .styled-form .select select {background-color: #666 !important;}
.styled-form footer,  .styled-form fieldset {padding: 0 10px; border-top: 0;}
.foot .type-webform .formbtn-row .formbtn {margin-left: 0; margin-right: 0; background-color: transparent; border: 1px solid #fff; color: #fff;}

.foot  .type-webform .formbtn-row {margin-top: 40px;}
.foot .type-webform .formbtn-row .formbtn.btn {border-radius: 30px;}

.styled-form .select i::before {border-bottom: 5px solid #fff;}
.styled-form .select i::after { border-top: 5px solid #fff;}

.shariff ul {align-items: center; justify-content: center;}
.social-icons li a {border-radius: 50%;}

/* ############### Header + Nav ####################### */
.header-group.sticky {height: 0 !important;}
.h-logo {z-index: 99;}
.nav-main-container {background-color: rgba(0, 0, 0, 0.6); padding: 30px; width: 600px; display: flex; justify-content: center;}

.nav-main-items li[aria-expanded] > a[aria-controls]::after, .nav-main-container .nav-main-group { background-color: transparent;}
.nav-main-items > li > a, .nav-main-items li > a { color: #fff !important;}

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

.nav-main-container .nav-main-mobile-logo {background: transparent !important;}
html.active-nav .area-header .head-overlay { opacity: 0.45;}
.nav-main-items li.active[aria-expanded=true] > a, .nav-main-items li.active > a { background-color: transparent;}

.nav-main-items li.active > a:first-child, html.active-nav .area-header .header-group li[aria-expanded] > a::after {display: none;}

.nav-toggle, .nav-toggle.active {background: transparent; width: 55px;}
.nav-toggle span {height: 3px; top: 19px;}
.nav-toggle span::before {height: 3px;top: -10px;}
.nav-toggle span::after {height: 3px;    bottom: -10px;}
header.bh #nav-toggle-label-open .nav-toggle {width: 45px;}
.nav-menu > li > a, .nav-main-items > li > a, .nav-main-items li > a {padding: 15px 5px ; text-transform: uppercase; font-size: 21px;  font-weight: 300;}
.nav-main-items li.active[aria-expanded=true] > a, .nav-main-items li.active > a {font-weight: 600 !important;}
#topcontrol {background: #5BA836;}

header.bh .nav-menu-header .nav-menu-logo .mobile-logolink {width: 70%; margin: 0 auto;}




/* ############### 2 Cols no-gutters bg-img + text ####################### */
.type-section.back-center {display: flex; align-items: center; justify-content: center; align-content: center; padding: 50px; }
.type-section.back-center .body {align-items: center; display: flex;}
.type-section.back-center h2 {  margin-top: 0;}

a.btn {border-radius: 30px; padding: 5px 30px; color: #333; margin-top: 15px; background: transparent; border: 1px solid #333; margin-bottom: 10px;}
a.btn.full {display: block; width: 100%; }
.no-gutters.no-img .element {margin-bottom: 0;}
.btn:focus, .btn:hover, .btn.active, .open .dropdown-toggle .btn {background-color: #ee0000;}

.bike1 {background: url('/.galleries/bilder/allgemein/bike-eingang.jpg') left top / cover no-repeat; }
.bike2 {background: url('/.galleries/bilder/allgemein/Bike-Hous-caritas_-43.jpg') left top / cover no-repeat; }
.no-img img {display: none;}

.color1{background-color: #5BA836; color: #fff;}
.color1 h2 { color: #fff;}
.color2{background-color: #DA413C; color: #fff;}
.color2 h2 {color: #fff;}
.color2 a { color: #fff;}
.color2 a.btn { color: #fff; border-color: #fff;}
.color3, .color3 h2 {background-color: #ddd; color: #333;}
.color3 a { color: #333;}
.color3 a.btn { color: #333; border-color: #333;}
.color3 a.btn:hover { color: #fff;}

/* ################ Accordion #################*/
.accordion .acco-header {font-size: 3.2rem;}
.accordion .acco-header > .acco-toggle {padding: 10px 15px 20px 60px; font-size: 18px; background: transparent;}
.accordion .acco-toggle::after {right: unset; left: 0px; font-size: 20px !important; background: #ccc; top: 10px; color: #fff; border-radius: 4px; content: "\f068";  padding: 13px 12px;  width: 46px;  height: auto;}
.accordion .acco-toggle.collapsed::after { content: "\f067";  padding: 13px 12px; font-size: 20px; background: #5BA836; }
.accordion {border: 0; margin-bottom: 5px; border-bottom: 1px solid #ccc; box-shadow: none; padding-bottom: 5px;}
.accordion .acco-body {padding: 0 0 20px 0; margin-top: 15px; border-top: 0; }

.acco-body .type-linksequence ul {padding-left: 2px;}
.accordion .acco-header > .acco-toggle:focus, .accordion .acco-header > .acco-toggle:hover {background: transparent;}
.accordion .acco-header > .acco-toggle:focus, .accordion .acco-header > .acco-toggle:hover {color: #aaa;}

.accordion .acco-body {border: 0; border-left: 4px dotted #ddd; padding: 0 30px 20px 40px; margin-left: 20px; margin-bottom: 20px;}
button.acco-toggle {font-size: inherit !important; font-weight: inherit !important; border: 0 !important;}
.accordion .acco-header .acco-toggle[aria-expanded=true] {background: transparent; color: #333;}
.accordion .acco-header .acco-toggle::after {content: "\f068"; top: 6px;}
.accordion .acco-header .acco-toggle.collapsed::after {content: "\f067";}

.accordion .acco-header .acco-toggle::after {height: auto;}

header.fh .h-logo { padding-left: 0;}

.forcefullwidth_wrapper_tp_banner b {font-weight: 600 !important;}

/*##################### Scroll Pfeil ####################### */

.scroll-button .fa {color: #fff; font-size: 47px; margin-left: 8px; opacity: 0.7;}
.scroll-button a {position: absolute; left: 50%; z-index: 999; display: inline-block; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); color: #111; font : normal 400 20px/1 'Josefin Sans', sans-serif; letter-spacing: .1em; text-decoration: none; transition: opacity .3s;}
.scroll-button a span { position: absolute; top: -100px; left: 50%; width: 46px; height: 46px; margin-left: -23px;  border-radius: 100%; box-sizing: border-box;}

.scroll-button a span::before { position: absolute; top: 0; left: 0; z-index: -1; content: '';  width: 44px; height: 44px; box-shadow: 0 0 0 0 rgba(255,255,255,.4); border-radius: 100%; opacity: 0;
  -webkit-animation: sdb03 3s infinite; animation: sdb03 3s infinite; box-sizing: border-box;}

@-webkit-keyframes sdb03 {
  0% {opacity: 0;}
  30% { opacity: 1;}
  60% { box-shadow: 0 0 0 60px rgba(255,255,255,.1); opacity: 0;}
  100% { opacity: 0;}
}
@keyframes sdb03 {
  0% {opacity: 0;}
  30% { opacity: 1;}
  60% { box-shadow: 0 0 0 60px rgba(255,255,255,.1); opacity: 0;}
  100% {opacity: 0;}
}

.foot-logos img {margin-bottom: 20px;}
.no-resize .image-src-box.presized img {position: relative; left: unset; top: unset; margin: 0 auto; display: inherit;}
.no-resize .image-src-box img {width: auto; max-width: 100%; height: auto !important;}


@media (min-width: 1200px) {
.full-width .container {max-width: 100%; overflow-x: hidden; padding-right: 0;    padding-left: 0;}
header.fh.ls-4 .h-logo {flex: 0 0 360px; max-width: 360px;}
}

@media (min-width: 1014px) {
header.bh.ls-4 .h-logo-col {flex: 0 0 250px; max-width: 250px;}
.area-header .header-group::before{background-image: none;}
.fixtoggle .nav-toggle {margin-top: 0px;}
.nav-toggle {margin-top: -60px;}
header .h-logo {position: relative;}
.header-image.image-src-box.presized img { background: transparent; box-shadow: none; }
header.fh.nav-disp-big.nav-right .nav-main-items > li > a { font-size: 19px; padding-top: 10px; padding-bottom: 10px; font-weight: 300; padding-left: 0;}
.nav-main-container .nav-main-group { width: 350px;}
h1, .h1, .big h2 { font-size: 5.8rem; font-weight: 400;}
.subline p:first-child { font-size: 4rem;}
h2, .h2 {font-size: 2.8rem;font-weight: 400;}
.small h3, .small .h3 { font-size: 4rem;}
.subline.small p:first-child { font-size: 3rem;}
.full-width .container {max-width: 100%; overflow-x: hidden; padding-right: 0;    padding-left: 0;}
.cert .col-lg-3 { flex: 0 0 12%;  max-width: 12%;}
.cert .col-lg-9 { flex: 0 0 88%;  max-width: 88%;}
.accordion .acco-header > .acco-toggle {font-size: 30px; background: transparent;}
.header-image.image-src-box.presized img { padding: 0;}
header.fh .h-logo > a.imglink {background: rgba(0,0,0,.4); padding: 20px; border-bottom-right-radius: 8px;}
header.fh.pad-md .h-logo { padding-top: 0;}
}

@media (min-width: 768px) {
.max-80{max-width: 81%; margin: 0 auto;}
.type-slider .slide-wrapper .caption strong {font-size: 25px;}
.type-slider .slide-wrapper .caption small {font-size: 2.6rem;}
.foot .styled-form section:nth-of-type(-n+4) {width: 47%; float: left; margin-right: 3%; }
.overlay .styled-form section:nth-of-type(-n+6) {width: 47%; float: left; margin-right: 3%; }
.styled-form footer section {width: 100% !important; float: none !important; margin-right: 0 !important; }
.styled-form .textarea textarea {width: 97%;}
.accordion .acco-header > .acco-toggle {padding: 10px 15px 10px 60px; background: transparent;}
}
@media (max-width: 1199.98px) {
h1, .h1, .big h2 {font-size: 4.8rem; font-weight: 400;}
}

@media (max-width: 1013.98px) {
.nav-toggle-btn.active-nav {right: -50px;}
header.bh .nav-menu-header .nav-menu-logo .mobile-logolink {width: 40%;}
.para .type-section h2 {font-size: 36px;}
.para .type-section {font-size: 23px;}
body {font-size: 1.8rem;}
.subline p:first-child {font-size: 3.4rem; line-height: 1;}
h1, .h1, .big h2 {font-size: 3.8rem; font-weight: 400;}
h2, .h2 {font-size: 2rem; font-weight: 400;}
.accordion .acco-header {font-size: 2.3rem; font-weight: 400;}
.accordion .acco-header > .acco-toggle {padding: 16px 15px 20px 50px;}
.accordion .acco-toggle::after {padding: 12px 12px; width: 35px; height: 35px;}
.accordion .acco-header > .acco-toggle {padding: 10px 15px 10px 50px;}
.accordion .acco-toggle.collapsed::after, .accordion .acco-header .acco-toggle::after { width: 35px;     font-size: 16px !important;}
.link a.btn {font-size: 18px;}
.accordion .acco-toggle.collapsed::after, .accordion .acco-header .acco-toggle::after { width: 40px; font-size: 16px !important;}
.border-bottom {border-bottom: 0;}
.border-right { border-right: 0;}
.border-left {border-left: 0;}
.map-full {border-top: 0;}
}

@media (min-width: 764px) and (max-width: 1013.98px) {
.late-break .col-lg-3 {width: 30%;}
.late-break .col-lg-9 {width: 70%;}
.late-break .order-lg-first {order: -1;}
}

@media (max-width: 764px) {
.pt-40 {padding-top: 2rem !important;}
.foot .styled-form label {font-weight: 400;}
.container-sm, .container {max-width: 764px;}
.para .type-section h2 {font-size: 33px;}
.para .type-section {font-size: 22px;}
body {font-size: 1.7rem;}
.type-slider.text-below-on-xs .slide-wrapper .caption { min-height: 0;}
h1, .h1, .big h2 {font-size: 3.2rem;}
.subline p:first-child {font-size: 2.8rem; line-height: 1.1;}
}
@media (max-width: 599.98px) {
.nav-main-container {width: 360px;}
.nav-menu > li > a, .nav-main-items li > a {padding: 12px 5px; font-size: 18px;}
header.bh.lp-l .nav-menu-header .nav-menu-toggle {padding-left: 0;}
header.bh .nav-menu-header .nav-menu-logo .mobile-logolink {width: 60%;}
}

@media (max-width: 551.98px) {
.para .type-section h2 {font-size: 30px;}
.para .type-section {font-size: 20px;}
h2, .h2 {font-size: 1.8rem;}
.accordion .acco-header {font-size: 2rem;}
.subline p:first-child {font-size: 2.3rem;}
h1, .h1, .big h2 {font-size: 2.7rem;}
header.bh.ls-4 .h-logo-col {flex: 0 0 150px; max-width: 150px;}
body {font-size: 1.6rem;}
.styled-form {padding: 30px;}
.nav-toggle {height: 45px; margin-top: 10px;}
.foot .styled-form {padding: 30px;}
.mb-30{margin-bottom: 10px !important;}
.mt-40{margin-top: 10px !important;}
.pb-20 {padding-bottom: 0px !important;}
.pb-40 {padding-bottom: 10px !important;}
.pb-30 {padding-bottom: 10px !important;}
.pt-30 {padding-top: 20px !important;}
.mt-60 {margin-top: 40px;}
.para .type-section h2 {font-size: 34px;}
.para .type-section {font-size: 20px;}
.accordion .acco-header > .acco-toggle {padding: 9px 15px 9px 50px;}
.accordion .acco-toggle.collapsed::after, .accordion .acco-header .acco-toggle::after {width: 40px; font-size: 16px !important;}
.accordion .acco-header .acco-toggle::after {top: 3px;}
.accordion .acco-body {border: 0; border-left: 0; padding: 0 0px 20px 0px; margin-left: 0px; margin-bottom: 20px;}
.verleih .styled-form { padding: 0px; border: 0;}
}