@import url('/.themes/font.css');
@import url('/shared/css/generics.css');



/*########################## NAV ###################################*/


.pagination>li.active>a {
    color: var(--my-pag-active-fg-color);
    background-color: #0078ab;
    border-color: #0078ab;
}
a {
    color: #0078ab;}
.pagination>li.active>a:hover, .pagination>li>a:hover {
    color: var(--my-pag-hover-fg-color);
    background: #CFDCE6;
    border-color: #CFDCE6;
}
.area-header .header-links>ul>li>a {
    color: #fff; pointer-events: none;}
.pp-banner * {
  font-size: 16px !important;
}
    .type-slider .slide-wrapper .copyright {right: unset; border-radius: 0;}
.search-row .filterbox.facet-field:nth-child(2) {display: none;}
.nav-breadcrumbs>li:first-child a {pointer-events: all;}
.nav-breadcrumbs>li a {pointer-events: none;}
.type-nav-breadcrumbs {
z-index: 99;
    position: absolute !important;
    right: 152px;
    max-width: max-content;
    padding: 3px 20px 3px 20px;
    background: #fff;
    margin-bottom: 10px;
    margin-top: -66px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: 1px solid #fff;
	}
		.nav-breadcrumbs>li {font-size: 1.5rem;font-weight: 400;}
		.nav-breadcrumbs > li:last-child a {
    color: #0078ab;
    font-weight: 600;
    pointer-events: none;
}

.space-top{margin-top: 60px;}

h1,h2 {letter-spacing: -2px;}
.detail-page.type-event .teaser-compact .heading, .detail-page.type-event .teaser-compact .teaser-date, .detail-page.type-event .webform-input.table  {display: none;}
.detail-page.type-event .teaser-compact.box {border: 2px dashed #ccc; padding: 20px; background: transparent;  margin-top: 40px; border-radius: 0px;}

.detail-page.type-event .teaser-compact .teaser-text:before {display: block; content:"Erfüllter Wunsch"; margin-bottom: 10px; font-weight: 400; max-width: max-content; padding: 5px 15px; background: #eee; border-radius: 4px;}
.gs-detail .detail-page.type-event .teaser-compact .teaser-text:before {display: block; content:"Gutschein";}
.detail-page.type-event .visual-info.right{display: none;}

.detail-page.type-event .type-webform{margin-top: 40px;}

.hinweis{padding: 15px;background: #ebebeb; border-radius: 4px;}

.lotse-wb p{display: flex; align-items: center; font-size: 27px; font-weight: 400;}
.lotse-wb .number {font-size: 70px; border-radius: 50%; padding-left: 30px; padding-right: 30px; margin-right: 20px; background-color: #58bb58; color: #fff;}
.lotse-wb .dark .number  {background-color: #4a974a;}
.lotse-wb .darker .number  {background-color: #2d782d;}
.lotse-wb .element{border: 1px solid #c7c7c7; padding: 24px; border-radius: 12px; min-height: 170px; justify-content: center;     background: #f9f9f9;}


.lotse-wb .darker.element:after{display: none;}
.lotse-wb .element:after{ content: '\f101'; font-family: forkawesome; right: -25px; position: absolute; font-size: 30px; color: green;}

.bg-grey{padding: 60px 0; background-color: #efefef; border-top-left-radius: 25px; border-bottom-right-radius: 25px;}

@media(min-width: 1013.98px) and (max-width: 1400px){
.lotse-wb p {font-size: 18px;}
.lotse-wb .number {font-size: 58px; margin-right: 16px;}
}


@media(max-width: 1013.98px){
.detail-page.type-event .visual {margin-top: 25px;}
.space-top{margin-top: 0px;}
.lotse-wb .element:after{display: none;}
.lotse-wb .element br{display: none;}
.bg-grey{border-top-left-radius: 0px; border-bottom-right-radius: 0px;}

}

@media(max-width: 764.98px){
    h1, .h1 {font-size: 2.2rem;}
.lotse-wb p {font-size: 18px;}
.lotse-wb .number {font-size: 58px; margin-right: 16px;}
}




.bank .headline, .vorort .headline, .paypal .headline{font-size: 19px; font-weight: 400;     width: 100%; text-align: center; padding: 10px 15px; background: #eee; border-radius: 4px;}
.bank, .vorort, .paypal{border: 2px dashed #ccc; padding:20px; display: flex; flex-direction: column; align-items: center; font-size: 1.9rem;}
.iban, .adresse{display: flex; text-align: center; flex-direction: column; padding-top: 25px;}
.paypal img{width: 180px; padding: 20px; margin-top: 11px;}
.same{flex-grow: 1;}


.styled-form footer {border-top: 0;}

.btn.btn-back{display: block; margin: 0 auto; margin-top: 45px; max-width: max-content; padding: 9px 26px;}

.lotse{ display: flex; justify-content: center; align-items: center;}

#mercury-page:has(.sticky-lg-top, .sticky-top) {
    overflow: clip !important;
	overflow-x: clip !important;
}
.sticky-lg-top {top: 120px;}

.wb .teaser-tile.free .body {border-radius: 0 0 15px 0;}

.list-free .teaser-tile.done{}
.list-done .teaser-tile.free{display: none;}

.book-msg {display: none !important;}
.teaser-tile .type-event.teaser.piece {border-right: 0; padding-right: 0;}
.teaser-tile .type-event.teaser .body {font-size: 16px; padding: 15px;}
.teaser-tile.free .body {background: transparent !important; border: 1px solid #ddd;}
.teaser-tile.done .body {background: #f2f2f2 !important; border-radius: 0 0 15px 0;}
.teaser-tile.done .visual, .teaser-tile.free .visual  {position: relative; direction: rtl;}
.teaser-tile.done {pointer-events: none;}
.opencms-page-editor .teaser-tile.done {pointer-events: auto;}
.wb .teaser-tile .teaser.piece {
   
    box-shadow: none;}

.wb .teaser .visual::before {
    font-weight: 600;
   background: #0078ab;
    border-top-left-radius: 8px;
    position: absolute;
   bottom: 0;
    z-index: 2;
    padding: 5px 10px;
    color: #fff;
   left: 0; 
    font-size: 1.4rem;
    height: 80%;
    width: 67%;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    max-width: 100%;
    align-content: center;
    flex-wrap: wrap;
}

.wb .teaser .intro-headline {margin-bottom: 0px;}


.type-list-filter .filterbox .btn.li-label:hover {background-color: #0078ab;}
.type-list-filter .filterbox {background-color: #fff;  border-radius: 4px;}
.type-list-filter .filterbox .btn.li-label {color: #444; background-color: #ebebeb; 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: 500;}
.type-list-filter .filterbox.categories ul li.active a { font-weight: 700;}
.type-list-sortoptions .dropdown-toggle {    padding: 11px 35px 10px 14px; line-height: 1; border: 0; border-radius: 4px; font-weight: 400; background: #0078ab; color: #fff;}
.type-list-sortoptions .dropdown-toggle::after {top: -1px;}

.type-list-filter .filterbox.search .styled-form .input input {box-shadow: 0; border-radius: 4px;}
.type-list-filter .filterbox.search input {border-color: #999;}
.styled-form .input input {    padding: 10px 10px; }

.btn-red.type-list-filter .filterbox .btn.li-label {
    color: #fff;
    background-color: #0078ab;}
	
	
.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, .btn.wishes {
    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;
}
.btn.wishes {background: #0078ab;}
.btn.wishes:before {
    content: '\f070';
    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) {
.wishes-btn{float: left; margin-left: 15px;}
.reset-btn{ float: left;}
}
.type-list-filter{margin-bottom: 10px !important;}


  .teaser-tile.done .visual::before {content:"Bereits erfüllt"; 
    
       background: #e00;
    }
 
 .teaser-tile.free .visual::before {content:"Wunsch erfüllen"; background: #0078ab;}
 .gutschein .teaser-tile.free .visual::before {display: none;
    }

/*.type-slider .visual::after {
    content: '';
    position: absolute;
    top: 34px;
    right: 0;
    bottom: 0;
    left: 32px;
    background: url(/.galleries/Bilder/.system/christmas.svg) no-repeat 90% 8%;
    background-size: 235px;
}
.gutschein .teaser-tile .body::before {
   content: "";
    position: absolute;
    top: -15px;
    left: -15px;
    bottom: 0;
    background: url(/.galleries/Bilder/.system/christmas2.svg) no-repeat 0% 0%;
    background-size: 40px;
    right: 0;
    box-shadow: 2px 6px 13px -1px rgb(0 0 0 / 17%);
    height: 40px;
    width: 40px;
    border-radius: 50%;
    overflow: visible;
}*/
.gutschein .teaser-tile .type-event.teaser.piece {overflow: visible;
}
.gutschein .teaser-tile .teaser.piece>.body {
    padding: 10px 20px 20px;
    background: #fff;
    overflow: hidden;
    border-bottom-right-radius: 15px; background-color: #fff !important;}
/*.gutschein.no-para { background: url(/.galleries/Bilder/.system/19201.png) 100% 90% no-repeat; }  */
.wb .effect-box {max-width: 32%;}
.wb .piece>.visual {margin-bottom: 2px;}
.wb .teaser-tile img {
    outline: 0; border-radius: 0 8px 0 0;}
.wb-detail .visual {display: none;}
.type-list-filter .filterbox .btn.li-label:hover {    background-color: #ebebeb;}
@media only screen and (min-width: 1014px) and (max-width: 1199.98px) {
	.wb .teaser .effect-box::before {font-size: 1.2rem;}
}



body {font-family: 'Open Sans', sans-serif;}
.btn {padding: .8rem 1.4rem; border-radius: 5px 0; background-color: #0078ab; color: #fff;}
.btn.active, .btn:focus, .btn:hover, .open .dropdown-toggle .btn {    background-color: #666;}
.styled-form .input.button button.btn {color: #fff;     border: 0;}
.box.box2 {background-color: #fff; border: 2px solid #CFDCE6;}

:root {
    --my-body-font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --my-font-weight-headings: 300;
	--my-image-border-radius: 15px 0;
	    --my-border-radius: 15px 0;}

.lotse .piece > .visual .subtitle, .icons .piece > .visual .subtitle {background: rgba(238, 0, 0, .9); font-weight: 500; border-radius: 0px 0 10px 0; z-index: 23;  padding: 10px 20px;
  position: absolute; bottom: 10px; width: auto; color: #fff; font-weight: 300; font-style: normal; font-size: 22px; cursor: default; max-width: 87%;}
/*########################## Maps ###################################*/

.map-full .maplibregl-map {
    height: 500px !important;
}
.maplibregl-marker  svg {display: none;}
.maplibregl-marker { width: 34px;  height: 60px; background: url(/.galleries/Bilder/.system/marker.png) no-repeat 0 0 !important;}
@media (min-width: 1014px) {
.same {font-size: 80%;}
#mercury-page {
  max-width: 90%;
  margin: 0 auto;
  overflow-x: hidden;
  padding-bottom: 40px;
          overflow: visible;
}
body {font-size: 1.9rem;}
h1, .h1, h2, .h2 {font-size: 4.4rem;}
.accordion .sub-header, .h3, .onclick-activation .oa-heading, h3 {font-size: 3.2rem;}
}

/*########################## NAV ###################################*/
.nav-side li>a:not(.btn):focus, .nav-side li>a:not(.btn):hover {
    color: #0078ab;
    background: #f1f1f1;}
.nav-side li>a {padding: 6px 30px 6px 5px;}

@media (min-width: 1014px) {
.nav-menu>li.active>a,.nav-menu>li.expand.ed>a, .nav-menu>li.active>a:focus, .nav-menu>li.active>a:hover, .nav-menu>li>a:focus, .nav-menu>li>a:hover {background-color: #f1f1f1;}
.nav-menu { min-width: 280px;}
.nav-main-items>li.active>a {color: #0078ab; }
.nav-main-items>li>.nav-menu {top: 46px;}
    .nav-menu>li>a {
         font-weight: 400;         font-size: 17px;}
.nav-menu>li.expand.ed>a {
        color: #0078ab;}
}
    
.nav-menu {border-top: 0; border-bottom: 0;}
/* ######## Nav + Head ######## */
.area-header {margin-bottom: 10px;}
.nav-main-items > li > a:hover{color: #BF385C;}

.head.isfixed{left: 0; padding: 20px !Important; }
.head .co-lg-xl {max-width: 100% !Important;}
.header-group.co-sm-md {max-width: 100% !Important;}
header.fh.ls-3 .head.isfixed .h-logo {    flex: 0 0 185px;  max-width: 185px;}
header.fh.header-isfixed.fix-overlay .h-logo::before {display: none !Important; }
.h-logo {position: relative; top: 5px; 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;}
header.fh.header-isfixed.fix-overlay .h-logo {padding: 0 !Important; top: -14px;}
.nav-main-items > li.expand > a::after{display: 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.expand.ed > a, .nav-main-items > li.expand.ed > a:focus, .nav-main-items > li.expand.ed > a:hover{color: #0078ab;}

.mega {font-size: 1.9rem;}
.nav-main-items > li.mega[aria-expanded=true] > a:hover, .nav-main-items > li.mega[aria-expanded=true] > a:focus {color: #fff ;}
.nav-mega-menu {left: unset !important; right: 30px; top: 45px !important;}
.nav-mega-menu h2 {font-size: 30px; margin-top: 0px;}
.nav-mega-menu img{border-radius: 15px 0 15px 0;}
.nav-toggle-btn .nav-toggle {background-color: #ffffff7d;}
}

@media (min-width: 1200px) {
.nav-mega-menu .nav-side li > a { font-size: 18px;  padding: 8px 17px; margin-left: -13px; font-weight: 400;     display: flex;}
}

@media (min-width: 1014px){

    header.fh .h-logo>a.imglink {
        z-index: 99999;}
.nav-menu li.expand > a {
        pointer-events: none;
    }
.head.notfixed .h-logo {position: absolute;}

.head.notfixed .h-meta {
        padding-top: 3.5rem !important;}
	.h-meta .fa {font-size: 23px;}
    .nav-menu>li.active>a:focus, .nav-menu>li.active>a:hover, .nav-menu>li>a:focus, .nav-menu>li>a:hover {
        color: #0078ab;}
.area-header {margin-bottom: 20px;}
.nav-mega-menu .nav-side li > a {font-size: 17px; 
        font-weight: 400;}
header.fh .header-group {border-bottom: 0;}
.area-header .header-group::before {background-image: none;}
header.fh .nav-main-items > li > a {font-size: 22px;}
.nav-mega-menu .nav-side li a:before {display: none;}
.nav-mega-menu .nav-side li:hover a:before { color: #B7274B; }
html.hasscript .nav-main-container .nav-mega-menu {border-radius: 4px; padding: 25px 25px 5px; border-bottom: 0; border-top: 0;}
}

@media (min-width: 1014px) and (max-width: 1149.98px){
    
 header.fh.nav-right .nav-main-items > li > a {padding-left: 10px;}
 header.fh. .nav-main-items > li > a {font-size: 19px;}
 .nav-main-items > li > a {padding: 0 5px 8px 5px;}
}
@media (min-width: 1150px) and (max-width: 1299.98px){
 header.fh. .nav-main-items > li > a {font-size: 20px;}
 .nav-main-items > li > a {padding: 0 7px 8px 7px;}
}

@media (max-width: 1013.98px){
.area-header {margin-bottom: 0px;}
.area-header .head {min-height: 0;}
#nav-main-addition {display: none;}
.nav-main-items .nav-menu li > a{font-size: 16px; padding: 10px 0; font-weight: 400;}
.nav-main-items .nav-menu .expand.ed {margin-bottom: 0px !important;}
.nav-main-items .nav-menu .expand.ed ul{margin-top: 10px;}
.nav-main-items .nav-menu .expand .nav-menu li > a{font-size: 17px; padding: 4px 0; border-bottom: 0; text-transform: none; font-weight: 400;}
.nav-main-items .expand.ed .nav-menu{background: #eff6fa; padding: 10px 20px; margin-bottom: 20px;}
.nav-main-items > li > a {color: #444 !important; text-transform: none; font-size: 22px; font-weight: 400; padding: 24px 0px; border-bottom: solid 1px #444; text-align: center;}
.nav-main-items > li > ul > li > a {color: #444 !important; text-transform: none; font-size: 18px; font-weight: 400; padding: 7px 0px;border-bottom: 0;}
.nav-main-items li[aria-expanded] > a[aria-controls]::after, .nav-main-container .nav-main-group {background-color: transparent;}
.nav-main-items li ul.nav-menu li > a{font-size: 18px; padding: 5px 0px; font-weight: 400;}
.nav-main-items li ul li.active > a{padding-left: 0 !Important; font-weight: 600 !Important;}
.nav-main-items li ul li > a, .nav-main-items li ul li.active.expand.ed > a, .nav-main-items li ul li.active > a {padding-left: 20px;}
.nav-main-items li.active.expand.ed > a, .nav-main-items li.active > a {background-color: transparent;}
.nav-main-items li.expand > .nav-menu{display: none;}
.nav-main-items li.expand > a[aria-controls]::after {top: 9px; background-color:  transparent; color: #444;}
.nav-main-items li.expand.ed > .nav-menu{display: block; margin-top: -2px !important; margin-bottom: 10px;}
.nav-main-items li.expand.ed > a {background-color: transparent; border-color: transparent;}

.nav-main-container .nav-main-group .nav-main-items {border-top: 0;}
.active-nav .nav-main-container{padding: 30px 15px 45px 30px; background-color: #ffffffde;}
.nav-main-container .nav-main-mobile-logo{background-color: transparent;}

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

.nav-toggle {background-color: transparent; background: rgba(255,255,255,0.7);}
.nav-toggle span, .nav-toggle span::before, .nav-toggle span::after {height: 3px; background: #444;}

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

.nav-toggle-btn .nav-burger::before, .nav-toggle-btn .nav-burger::after {background-color: #333;}
.nav-toggle-btn .nav-burger {background: #333;}
}
@media (max-width: 1399.98px) and (min-width: 1014px) {
header.fh.nav-disp-default.nav-right .nav-main-items>li>a {
        padding-left: 8px;}
header.fh .nav-main-items > li > a {
        font-size: 16px;}
    header.fh.ls-3 .h-logo {
        flex: 0 0 210px;
        max-width: 210px;
    }
}
@media (max-width: 1599.98px) and (min-width: 1400px) {
header.fh.nav-disp-default.nav-right .nav-main-items>li>a {
        padding-left: 15px;}
header.fh .nav-main-items > li > a {
        font-size: 20px;}
}

@media (min-width: 1200px) {
    header.fh.ls-3 .h-logo {
        flex: 0 0 240px;
        max-width: 240px;
    }
}


@media (min-width: 1400px) {
    header.fh.ls-3 .h-logo {
        flex: 0 0 263px;
        max-width: 263px;
    }
}
/* ######## Footer ######## */
.area-foot .box.piece.full>.visual {
    margin-left: unset;
    margin-right: unset;
}
.area-foot .box {max-width: 60%;
    margin: 0 auto;
    background: #fff;
    box-shadow: 2px 6px 13px -1px rgb(0 0 0 / 17%);
    border-color: transparent !important;
}

.area-foot .subfoot .type-linksequence {
    display: flex;
    justify-content: center;
}
.subfoot a{color: #444;}
.area-foot .container-xl, .area-foot .container-lg, .area-foot .container-md, .area-foot .container-sm, .area-foot .container {max-width: 1320px !important;}
.area-foot .topfoot {
    --my-body-color: #444;
    --my-body-bg: #000;
    --my-headings-color: #444;
    --my-link-color: #0078ab;
    --my-link-hover-color: #0078ab; --my-link-color-rgb: unset;
    --my-link-hover-color-rgb: unset;
	border-bottom-right-radius: 20px;}

.area-foot .subfoot {background-color: #fff; border-bottom-right-radius: 20px; font-size: 19px;}
.subfoot .container{max-width: 97% !important;}
.area-foot .topfoot{background-color: transparent; }
.fa-linkedin-in:before {
    content: "\f0e1"; font-family: 'ForkAwesome';
}
.social-icons li a {
  
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 50%; width: 4rem;
    height: 4rem;
    display: block;
    line-height: 1;
    font-size: 20px;
}
.social-icons.themed li a * {
    color: #0078ab;
}
.social-icons.themed li a *:hover {
    color: #fff;
}
.social-icons.themed li a {
    background-color: #fff;
}
.social-icons .fa, .social-icons .fab, .social-icons .fas, .social-icons .ico {
    width: 4rem;
    line-height: 4rem;
    text-align: center;
    font-size: 2.5rem;
}
.social-icons ul {
    
   
    justify-content: center;
}
.social-icons li a span {margin-left: -1px;}
.footer-imprint {display: flex; justify-content: flex-end;}

.topfoot .styled-form {background: transparent; border: 0;  padding: 0px 0 20px 20px;}
.topfoot .styled-form label { 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;}
.topfoot .type-webform .formbtn-row .formbtn { margin-left: 0; margin-right: 16px; background-color: transparent; border: 1px solid #444; color: #444;  padding: 7px 30px; border-radius: 0 !important;	margin-top: 0px;}
.topfoot .styled-form footer, .topfoot .styled-form fieldset {padding: 0 10px; border-top: 0;}
.topfoot .styled-form .note{display: none;}

.area-foot .type-contact .text{font-size: 20px;}
.area-foot .type-contact h4{font-size: 21px;}
.area-foot .topfoot .image-src-box>img {border-radius: 0;}
@media (min-width: 764px) {
.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 footer section {width: 100% !important; float: none !important; margin-right: 0 !important; }
.topfoot .styled-form .textarea textarea {width: 97%;}
.topfoot .styled-form section:nth-of-type(n+3) {width: 100%;}
}
@media (max-width: 1013.98px) {
.topfoot .styled-form label {font-size: 16px;}
.topfoot .styled-form {padding: 0px 0 20px 0px;}
.topfoot .styled-form label a{font-size: 14px;}

}



@media (max-width: 549.98px) {
.area-foot .subfoot .text,.area-foot .subfoot a{line-height: 1.2;font-size: 17px;}
.area-foot .subfoot ul{ line-height: 1.4;}
.area-foot .box {max-width: 70%;}

}
/* ##### KONTAKT ##### */
.type-contact body, .type-contact .text,.type-contact .h4 {font-size: 18px !Important; font-weight: 300 !Important; font-family: 'Source Sans Pro', sans-serif !Important;}
.type-contact .h4 { font-weight: 400 !Important;}
.type-contact .fa-mobile{font-size: 23px !Important; left: 3px; position: relative;}
.type-contact h3 {font-size: 23px !Important; font-weight: 400; font-family: 'Source Sans Pro', sans-serif !Important; margin-bottom: 5px !important;}
.type-contact {    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .2); border-radius: 20px 0 20px 0 !important;}
.type-contact  .body{padding-top: 20px;}
.type-contact img{border-radius: 20px 0 0 0 !important; !Important;}

@media (max-width: 763.98px){
.area-foot .type-contact body,.area-foot .type-contact .text{line-height: 1.4;}
.type-contact .contact-pers .body {padding: 15px 23px 23px;}
}
@media (min-width: 764px){
.foot-contact .col-lg-4 {flex: 0 0 auto;
        width: 33.33333333%;}
		}
/*########################## Zitat ###################################*/
.no-para.effect-parallax-bg {
    background-attachment: initial;
    background-position: center !important;
}
.no-para.effect-parallax-bg {background-position: 50% 120%!important}
.zitat .testi-text {
    background: rgba(255, 255, 255, 1);
    z-index: 9;
    position: relative;
    /*box-shadow: 2px 6px 13px -1px rgba(0, 0, 0, .2);*/
   
    
}
.zitat img {
        border-radius: 50%;
    box-shadow: 0 10px 6px -6px rgba(0, 0, 0, .3);
    
}
@media (max-width: 1013.98px) {
.no-para.effect-parallax-bg {
    background-position: 60% -70% !important;
        background-size: 210%;
}

.no-para.effect-parallax-bg {
        background-position: 60% -70% !important;
        background-size: 280%;
    }
.zitat .lead {
        font-size: 1.6rem;
    }
.zitat .effect-box {max-width: 300px; margin-bottom: -67px;}
}


@media (min-width: 1014px) {
.zitat {align-items: center;}
.zitat .testi-text { left: -55px;}
}

@media (max-width: 549.98px){
.area-foot .type-contact h4 {font-size: 20px;}
.type-contact h3 {font-size: 1.7rem ! Important;}
.type-contact body, .type-contact .text, .type-contact .h4 {font-size: 1.6rem ! Important;}
}

/* ######## SLIDER ######## */

.type-slider .slide-container, .type-slider .slide-wrapper {border-radius: 15px 0 15px 0;}
.type-slider .slide-wrapper .caption strong { padding: 0; background: transparent; color: #fff; text-shadow: none !Important; line-height: 1.4;}
.type-slider .slide-wrapper .caption strong span.first{font-size: 30px; font-weight: 300; display: block; line-height: 1;}
.type-slider .slide-wrapper .caption strong span.second{font-size: 45px; font-weight: 400; display: block; line-height: 1.1; margin: 15px 0;}
.type-slider .slide-wrapper .caption small { color: #fff; text-shadow: none !Important; padding: 0; font-size: 19px; font-weight: 300;}
.type-slider .slide-wrapper .caption small a{background: #0078ab; padding: 10px 35px; font-size: 20px; font-weight: 300; border-radius: 5px;}
.type-slider .slide-wrapper .caption small a.btn:hover {background: #555;}
.type-slider .slide-wrapper .caption small a.btn {color: #fff; margin-top: 35px; border: 0;}
.type-slider .slide-wrapper .caption.top.left {width: 530px; background: rgba(0,0,0,.4); left: 0; top: 50px; padding: 50px; height: 100%; top: 0; display: flex; justify-content: center; flex-direction: column;}

.slider-dots li button.dot-btn::before{border: 12px solid #ddd; border-radius: 50%;}
.slider-dots li button.active::before{border: 12px solid #0078ab; border-radius: 50%;}
.slider-dots {bottom: 23px;}

@media (min-width: 1014px){
.type-slider .slider-box, .type-slider .image-src-box.presized img, .area-wide.area-full-row .type-slider .slide-wrapper img {border-top-left-radius: 20px !important; border-bottom-right-radius: 20px !important;}
}

@media (max-width: 1399.98px){
.type-slider .slide-wrapper .caption strong span.second {font-size: 45px; margin: 5px 0 5px;}
.type-slider .slide-wrapper .caption small a.btn {margin-top: 25px;}
}
@media (max-width: 1013.98px){
.type-slider .slide-wrapper .caption {border-radius: 0px !Important;}
.type-slider .slide-wrapper .caption.top.left {width: 440px;}
.type-slider .slide-wrapper .caption strong span.second {font-size: 37px;}
.type-slider .slide-wrapper .caption strong span.first {font-size: 21px;}
.type-slider .slide-wrapper .caption small a.btn {margin-top: 15px;}
}

@media (max-width: 763.98px){
.type-slider .slider-box, .type-slider .image-src-box.presized img, .area-wide.area-full-row .type-slider .slide-wrapper img {border-bottom-right-radius: 0 !Important;}
.type-slider.text-below-on-xs .captions {background-color: #333;}
.type-slider.text-below-on-xs .slide-wrapper small {display: block;}
.type-slider .slide-wrapper .caption.top.left {width: 100%; background: #0078ab; padding: 30px;}
.type-slider .slide-wrapper .caption strong span.second {font-size: 25px;}
.type-slider .slide-wrapper .caption strong span.first {font-size: 18px; margin-bottom: 5px;}
.type-slider .slide-wrapper .caption small {font-size: 16px; padding: 0;}
.type-slider .slide-wrapper .caption small a.btn {padding: 11px 10px;font-size: 16px; width: 50%; margin-top: 20px;}
.type-slider.text-below-on-xs .slide-wrapper .subcaption {padding: 0;}

}
@media (max-width: 549.98px){
.type-slider .slide-wrapper .caption.top.left {padding: 30px;}
.type-slider .slide-wrapper .caption small a.btn {width: 60%;}
.type-slider .slide-wrapper .caption strong span.second {font-size: 22px;}
}

@media (max-width: 1013.98px) and (min-width: 764px) {
.type-slider .slide-wrapper .caption strong span.second {font-size: 25px;}
.type-slider .slide-wrapper .caption small {font-size: 17px;}
}
#template-info::before {
    display: none;
    content: '{"main-theme":"#444", "main-theme-hover":"#dd0011", "sass-version":"mercury-u0fa33044", "map-color":["#0078ab0","#4a2003","#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"}]}]}'; }
	
.maplibregl-canvas {    border-radius: 25px 0;}
.type-map .map-marker {
   
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
}
.map-osm .maplibregl-popup-content {
    
    padding: 20px 20px 20px 20px;
}
.type-map .map-marker .marklink, .type-map .map-marker .marktxt {
    line-height: 1.5;
}
#topcontrol::after {
    color: #0078ab0;
    font-size: 6rem;}
#topcontrol {
    
    background: transparent;}
.copyright {
    --my-copyright-padding: 4px 7px;
    --my-copyright-font-size: 11px;
    
    --my-copyright-bg-color: rgba(255, 255, 255, 0.8);
    --my-copyright-opacity: 0.9;
    
    --my-copyright-border-radius: 1px 0 15px 0px;}
.intro-headline>.intro {color: #008f00;     line-height: 1.5;}
.teaser .teaser-date {font-size: 85%;
    margin-bottom: 0;
    font-weight: 400;
    position: absolute;
    top: 0;
    color: #fff;
    background: #0078ab;
    padding: 6px 8px 6px 12px;
    left: 0;
    border-radius: 15px 0 0;}
.teaser-tile .teaser.piece>.body {padding: 10px 20px 20px; background: #fff;}
.teaser-tile .teaser.piece {border-bottom-right-radius: 15px;
    box-shadow: 2px 6px 13px -1px rgb(0 0 0 / 17%); /*border-right: 2px dotted #ccc;*/
    
}
.teaser-tile .image-src-box.presized img {    border-bottom-right-radius: 0;}

.teaser-tile .piece>.visual {
    margin-bottom: 0;}
/*.teaser-tile img {outline: 1px solid rgba(255, 255, 255, .7);
    outline-offset: -5px;}
.list-pagination .btn-append {
    padding: .6rem 1.2rem;
    
    
    
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    outline: 2px solid rgba(255, 255, 255, .7);
    outline-offset: -5px;
    background-color: #0078ab;
}

.list-pagination .btn-append span:after{content: "\f061"; font-family: 'ForkAwesome';}
.list-pagination .btn-append span:after {
    content: "\f061";
    font-family: 'ForkAwesome';
    position: relative;
    right: -15px;
    font-size: 3rem;
    color: #0078ab;
    top: 3px;
}
.list-pagination .btn-append span{    right: -3px;
    position: relative;
    top: -3px;}
	
.list-pagination .btn-append {
    padding: .8rem 1.4rem;
    
    width: max-content;
}*/
.list-content .list-append-position {text-align: center; border-top: 1px solid #555; display: block; margin-top: 50px; padding-top: 50px; position: relative;}
.list-pagination .btn.btn-append {-webkit-transition: all 0.2s ease-in-out; background: #999; border-radius: 50%; border: 10px solid #fdfdfd; color: #fff; 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: #0078ab;}
.small .teaser-text {
    font-size: 0.915em;}

@media (min-width: 1014px) {
    .teaser .intro-headline {
        font-size: 1.8rem;
        font-weight: 400;
    }
}
	/*######################### Counter #######################*/

.features:after {display: none;}
.row-count {;margin: 0 auto; color: #fff;}
.features span.counter {font-size: 100px;  font-weight: 600;display: inline-block; margin-bottom: -20px; margin-top: -15px; }
.features-info {    display: block;
    font-size: 20px;
    font-weight: 400;
    padding-top: 20px;
    
	max-width: 80%;
    margin: 0 auto;
    
}
.row-counter h2.piece-heading, .row-counter .subline p:first-child {color: #fff !important;}
.bt-top {background-image: linear-gradient(90deg, rgba(218, 219, 221, 0), rgba(218, 219, 221, 0.5) 25%, #dadbdd 50%, rgba(218, 219, 221, 0.5) 75%, rgba(218, 219, 221, 0));
    height: 2px !Important;
    display: block;
    width: 50%;
    margin: 0 auto;
    margin-top: 16px;}
.features-top {display: block;
    font-size: 20px;
    font-weight: 400;}
.features {text-align: center; color: #333;}

@media (max-width: 551.98px){
.features{margin-bottom: 20px;}
}

.row-has-background {border-radius: 25px 0;}
/*########################## Normal-AC ###################################*/
.accordion .acco-header .acco-toggle {padding: 1.5rem 1.5rem; padding-left: 30px; font-weight: 400; overflow: visible; background-color: #f7f7f7;}


.accordion .acco-header .acco-toggle:hover {
    color: #0078ab;
    background-color: #f3f3f3;}
	
.accordion .acco-header .acco-toggle[aria-expanded=true] {
    color: #0078ab;
        background-color: #f3f3f3;
    border-color: var(--my-body-bg);
}


.accordion .acco-header .acco-toggle::before {
	
    font-family: ForkAwesome;
    font-weight: 300;
    line-height: .8;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f068";
    position: absolute;
    display: flex;
    justify-content: unset;
    align-items: unset;
    top: 17px;
    height: auto;
    transform: none;
    transition: transform .33s;
    right: unset;
    left: -18px;
    color: #0078ab;
    font-size: 4rem;
    padding: 0;
    background-color: transparent;
}
.accordion .acco-header .acco-toggle.collapsed::before {content: "\f061"; font-family: ForkAwesome; transform: rotate(360deg); top: 14px;
    transition: transform 0.33s;}
.faq .accordion .acco-header .acco-toggle.collapsed::before {
        content: "\f29c"; 
    width: 40px;
    display: flex;
    justify-content: center; transform: rotate(360deg);
    background: #0078ab;
    height: 40px;
    align-items: center;
    border-radius: 50px;
    color: #fff;
        box-shadow: 2px 6px 13px -1px rgb(0 0 0 / 30%);
}
.faq .accordion .acco-header .acco-toggle.collapse::before {
    
    transform: rotate(-180deg);
    transition: transform 0.33s;
}




.faq .accordion .acco-header .acco-toggle.collapsed:hover::before {color: #fff;}
.accordion .acco-header .acco-toggle:hover::before {color: #0078ab;}
.accordion .acco-header .acco-toggle.collapsed::after, .accordion .acco-header .acco-toggle::after {display: none;}
.colored-row .accordion .acco-header .acco-toggle::before, .colored-row .accordion .acco-header .acco-toggle:hover, .colored-row .accordion .acco-header .acco-toggle:hover::before, .colored-row .accordion .acco-header .acco-toggle[aria-expanded=true] {color: #008294;}
.accordion .acco-body {padding: 20px 10px 30px; border-bottom-left-radius: 10px; border-bottom-right-radius: 7px;}
.accordion {--my-at-border: 0;}



.accordion {box-shadow: none; --my-at-margin-between: 1.5rem; margin-left: 18px;}
@media (max-width: 1013.98px) {
.accordion .acco-header .acco-toggle {font-size: 1.8rem;}
.accordion .acco-header .acco-toggle.collapsed::before, .accordion .acco-header .acco-toggle::before {font-size: 3rem;}
}

@media (max-width: 763.98px) {
.accordion .acco-header .acco-toggle {font-size: 1.6rem;}
.accordion .acco-header .acco-toggle.collapsed::before, .accordion .acco-header .acco-toggle::before {font-size: 2.5rem;}
}


@media (min-width: 1014px) {
.accordion .acco-header .acco-toggle {
    font-size: 2.7rem;}
}

/*########################## Generics & Co. ###################################*/
.content-center {display: flex; justify-content: center;}

.type-linksequence .ls-item {display: inline-flex;
    align-items: baseline;}
.flex-col .type-linksequence {flex-grow: 1;}
.ap-legaltext > .row {
    margin-right: -15px;
    margin-left: -15px;
}
.row.max-1000 {max-width: 1000px; margin: 0 auto;}

.type-media .content {
   background-color: transparent;}
.visually-hidden-focusable-fixed:not(:focus):not(:focus-within):not(caption) {display: none !important;}
#template-info::before {
    display: none;
    content: '{"main-theme":"#444", "main-theme-hover":"#dd0011", "sass-version":"mercury-u0fa33044", "map-color":["#0078ab","#4a2003","#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"}]}]}'; }
.mapboxgl-marker svg {display: none;}
.mapboxgl-marker {width: 50px;  height: 72px; background: url(/export/sites/demo-s-11/0-caritas-shared/mercury/marker.png) no-repeat 0 0;}
.type-map .map-marker .markhead {font-size: 21px;}
.type-map .map-marker  {font-size: 17px;}
@media (hover: none) {

.effect-parallax-bg {
    background-attachment: initial;
    background-position: center !important;}
}
.pp-banner * {font-size: 18px;}
.pp-banner .btn.btn-accept {background-color: #3cb371;}
.pp-banner .btn:hover {background-color: #3cb371;}

.mt-50 {margin-top: 5rem !important;}
.mt-60 {margin-top: 6rem !important;}
.mt-70 {margin-top: 7rem !important;}
.mt-80 {margin-top: 8rem !important;}
.mt-90 {margin-top: 9rem !important;}
.mt-100 {margin-top: 10rem !important;}
.mt-150 {margin-top: 15rem !important;}

.mb-50 {margin-bottom: 5rem !important;}
.mb-60 {margin-bottom: 6rem !important;}
.mb-70 {margin-bottom: 7rem !important;}
.mb-80 {margin-bottom: 8rem !important;}
.mb-90 {margin-bottom: 9rem !important;}
.mb-100 {margin-bottom: 10rem !important;}
.mb-150 {margin-bottom: 15rem !important;}

.pt-50 {padding-top: 5rem !important;}
.pt-60 {padding-top: 6rem !important;}
.pt-70 {padding-top: 7rem !important;}
.pt-80 {padding-top: 8rem !important;}
.pt-90 {padding-top: 9rem !important;}
.pt-100 {padding-top: 10rem !important;}
.pt-150 {padding-top: 15rem !important;}

.pb-50 {padding-bottom: 5rem !important;}
.pb-60 {padding-bottom: 6rem !important;}
.pb-70 {padding-bottom: 7rem !important;}
.pb-80 {padding-bottom: 8rem !important;}
.pb-90 {padding-bottom: 9rem !important;}
.pb-100 {padding-bottom: 10rem !important;}
.pb-150 {padding-bottom: 15rem !important;}

@media (max-width: 1013.98px) {
.padded-large {padding-top: 100px; padding-bottom: calc(100px - var(--my-element-margin));}
.padded-medium {padding-top: 60px; padding-bottom: calc(50px - var(--my-element-margin));}
.features span.counter {font-size: 65px;}
.mt-30 {margin-top: 1.5rem !important;}
.mt-40 {margin-top: 1.5rem !important;}
.mt-50 {margin-top: 2.5rem !important;}
.mt-60 {margin-top: 3rem !important;}
.mt-70 {margin-top: 4rem !important;}
.mt-80 {margin-top: 7rem !important;}
.mt-90 {margin-top: 8rem !important;}
.mt-100 {margin-top: 8.5rem !important;}
.mt-150 {margin-top: 12rem !important;}

.mb-30 {margin-bottom: 2rem !important;}
.mb-40 {margin-bottom: 3rem !important;}
.mb-50 {margin-bottom: 4rem !important;}
.mb-60 {margin-bottom: 5rem !important;}
.mb-70 {margin-bottom: 6rem !important;}
.mb-80 {margin-bottom: 7rem !important;}
.mb-90 {margin-bottom: 8rem !important;}
.mb-100 {margin-bottom: 8.5rem !important;}
.mb-150 {margin-bottom: 12rem !important;}

.pt-40 {padding-top: 3.5rem !important;}
.pt-50 {padding-top: 4rem !important;}
.pt-60 {padding-top: 5rem !important;}
.pt-70 {padding-top: 6rem !important;}
.pt-80 {padding-top: 7rem !important;}
.pt-90 {padding-top: 8rem !important;}
.pt-100 {padding-top: 8.5rem !important;}
.pt-150 {padding-top: 12rem !important;}

.pb-40 {padding-bottom: 3.5rem !important;}
.pb-50 {padding-bottom: 4rem !important;}
.pb-60 {padding-bottom: 5rem !important;}
.pb-70 {padding-bottom: 6rem !important;}
.pb-80 {padding-bottom: 7rem !important;}
.pb-90 {padding-bottom: 8rem !important;}
.pb-100 {padding-bottom: 8.5rem !important;}
.pb-150 {padding-bottom: 12rem !important;}
}
@media (max-width: 763.98px) {
.mt-40 {margin-top: 2rem !important;}
.mt-80 {margin-top: 4rem !important;}
}
/***************** SPENDE-BALKEN *****************
.spende-balken{bottom: 0; width: 100%; z-index: 20;     }
.spende-balken .nav-tabs {border-bottom: 0;}
.spende-balken .ap, .spende-balken .ap-panel.panel-group, .spende-balken .panel, .panel-group .panel {margin-bottom: 0;}
.spende-balken .ap-accordion .panel:nth-child(2){display: none;}
.spende-balken .ap-accordion .panel-body {margin-right: 0; padding: 0; margin-left: 0px; background: #eef1f6; margin-top: 4px;}
.spende-balken .ap-accordion .ap-panel.panel-group .panel-heading .panel-title a, .spende-balken .ap-accordion .ap-panel.panel-group .panel-heading .panel-title a:hover, .spende-balken .panel-title, .spende-balken .ap-accordion .panel-title a.collapsed,.spende-balken .ap-panel.panel-group .panel-heading .panel-title a:hover, .spende-balken .ap-tab .nav-tabs > .active > a,.spende-balken .ap-tab .nav-tabs > .active > a:focus {background: transparent !Important;}
.spende-balken .ap-accordion .panel-body,.spende-balken .ap-accordion .panel-title a {border: none !important;}
.spende-balken .ap-accordion .panel-title a:after,.spende-balken .ap-accordion .panel-title a.collapsed:after {content: "\f106";font-size: 34px; right: 0 !important; left: unset; top: 6px !important;}
.spende-balken .ap-accordion .panel-title a::before {bottom: 0px; left: 0px; border-bottom: 0; border-right: 0;}

.spende-balken .text{padding: 20px 20px 20px 40px; color: #fff;}
.spende-balken .btn{color: #fff; border: 2px solid #fff; border-radius: 15px 0; padding: 6px 10px; background: #0078ab; font-weight: 400;}
.spende-balken .ap-accordion .panel-title a{display: inline-block; margin-left: -20px; padding-left: 0;}
.spende-balken .ap-accordion .panel-title a[aria-expanded="false"]:after{ transform: rotate(0.5turn);}
.spende-balken .link {display: flex;
  justify-content: center; margin-bottom: 15px;
}
.spende-balken[style="position: fixed;"] {left: 0;}
.spende-balken[style="position: relative;"] {left: -5.5%;}
.modal-backdrop {
    --my-backdrop-zindex: 3;}*/

/***************** ENDE ******************/
.btn-wrap {    -moz-transform: rotate(-90deg); display: flex;
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: fixed;
    overflow: visible;
    right: -68px;
    top: 50vh;
    max-width: max-content;
    z-index: 1140;}
.btn-wrap .btn {margin-right: 5px; border-radius: 0; 
    
    background-color: #CFDCE6;
    color: #444;
}
.btn-wrap .btn.active, .btn-wrap .btn:focus, .btn-wrap .btn:hover {
    background-color: #666; color: #fff; 
}


.modal {box-shadow:0px 4px 16px 0px rgba(0,0,0,0.36);}
.modal-content { background: #fff;border-radius: 15px 0;}
.modal-body { padding: 0 40px 45px; text-align: center; font-weight: 400; margin-top: -15px; font-size: 22px;}
.modal-text {line-height: 1.15; margin-bottom: 20px; font-size: 25px; color: #444;}
.modal-header .btn-close { position: relative; right: 8px; top: -5px;  border: 0;  background: #fff; font-size: 25px;font-weight: 400; color: #444;}
.modal-body a.btn {position: relative; display: inline-flex;  background: #0078ab; color: #fff;margin-bottom: -4px; border-radius: 10px 0; font-size: 20px;font-weight: 400; border: 0; box-shadow:0px 4px 16px 0px rgba(0,0,0,0.36);}
.modal-body a.btn:after {font-size: 20px;
    font-family: ForkAwesome;
        margin-left: 12px;}
.modal-body a.btn.jobs:after {content: "\f234";}
.modal-body a.btn.spende:after {content: "\f004";}
.modal-backdrop{opacity:0.7 !important;}

.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 {
    -moz-transform: rotate(0deg);
    display: flex;
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    
    right: unset;
    top: unset;
    max-width: max-content;
    z-index: 1140;
    bottom: 0;}
}
@media (min-width: 1014px) {
.area-foot .topfoot {    background: url(/.galleries/Bilder/.system/para-bg.png) 17% 100% no-repeat;         padding-top: 100px;}
   
}

@media (max-width: 1013.98px) {
.area-foot .topfoot {
background: url(/.galleries/Bilder/.system/para-bg.png) 17% 100% no-repeat; background-size: cover;}
}



@media (min-width: 764px){


/***** Fade In *****/
html:not(.opencms-page-editor) .f-in {
 animation: fade-in 1s ease 0s 1 normal forwards;
}

@keyframes fade-in {
	0% {
		opacity: 0;
		transform: scale(0.6);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}



/********* LETTER - SHOW *********/

html:not(.opencms-page-editor) .mach-was {
	white-space: nowrap;
  overflow: hidden;
  width: 100%;
  animation: type 4s steps(60, end);      
}
@keyframes type{ 
  from { width: 0; } 
}


/******* END ********/


/********* SLIDE IN - SHOW *********/

html:not(.opencms-page-editor) .slide-r,html:not(.opencms-page-editor)  .slide-l {
  width: 100%;
}

html:not(.opencms-page-editor) .slide-r {
  animation: 1s ease-in-out slide-right;
}
@keyframes slide-right {
  from {
    margin-left: -200px;
  }
  to {
    margin-left: 0%;
  }
}



/***** Slide Left *****/

html:not(.opencms-page-editor) .slide-l {
  animation: 1s ease-in-out slide-left;

}

@keyframes slide-left {
  from {
    margin-left: 200px;
  }
  to {
    margin-left: 0%;
  }
}


/***** Slide Top *****/
html:not(.opencms-page-editor) .slide-t {
  animation: 1s ease-in-out slide-top;
  max-height: max-content;
  overflow-y: clip;
}

@keyframes slide-top {
  from {
    margin-top: -200px;
  }
  to {
    margin-top: 0;
  }
}

/***** Slide Bottom *****/
html:not(.opencms-page-editor) .slide-b {
  animation: 1.5s slide-bottom;
}

@keyframes slide-bottom {
  from {
    margin-top: 200px;
  }
  to {
    margin-top: 0;
  }
}




}