@import url('/system/modules/alkacon.mercury.bistuemer.ebk/css/ebk-agency-menu.css');
@import url('/export/sites/demo-s-11/0-caritas-shared/fonts/modern/font.css');
@import url('/.themes/fancybox/jquery.fancybox.css');
@import url('/.themes/font.css');
@import url('/.mod/sidebar-main.min.css');
@import url('/.mod/sidebar.css');
@import url('/export/sites/demo-s-11/0-caritas-shared/m-access/m-access.css');
.pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus

 {
    color: #008294;}
.spendo a {border: 2px solid #008294;
    padding: 6px 18px; border-radius: 20px;}
.spendo ul {    display: flex;
    justify-content: center;}
.social-icons .ico, .social-icons .ico-svg, .social-icons .fa, .social-icons .fas, .social-icons .fab {align-items: unset;}
.modal-body strong{font-weight: 600;}
.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.4; 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: #e00; 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-wunsch{margin-top: 14px;}
.box.green {background: #008294; color: #fff;}
.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: "\f1d8";}
.modal-backdrop{opacity:0.7 !important;}
.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;}


.type-contact .ico, .type-contact .fa {
    margin-right: unset;
    width: unset;
}
.honeypot fieldset section:first-of-type :not(.webform_subfields *) {display: none;}

.honeypot table.webform-input tr:first-child {display: none;}

.box.piece > .body + .link, .box.piece > .body .text + .link {
    justify-content: flex-start;
    flex-grow: 1;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-end;
}

.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);}
.fancybox-is-open {pointer-events: none;}
.fancybox-button--close, .fancybox-button--fullscreen, .fancybox-content {pointer-events: all !important;}


.e-preis .form-header {display: none;}
b, strong {
    font-weight: 400;
}
/***************** Boxen und Buttons ******************/
.box, .box-high {
    --my-body-bg: #f2f3f4;}
.box {border-radius: 95% 4% 92% 2%/1% 95% 2% 95% !important;}
.no-para.effect-parallax-bg {
    background-attachment: initial;
    background-position: center !important;}
.btn {
    padding: 5px 40px;
	border: 1px solid #008294;}
.btn-right .btn:focus, .btn-right .btn:hover, .btn-right .btn.active {border: 1px solid #e00;}
.org-opencms-ade-containerpage-client-ui-css-I_CmsLayoutBundle-I_CmsContainerpageCss-oc-ignore-small-elements .oc-small-element .oc-option-bar {
    visibility: visible !important;}
#topcontrol {background: #e00; color: #fff;}
    
.styled-form {
    --my-form-text-color: var(--my-body-color);
    --my-form-background-color: transparent;}
: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-body-font-size: 2rem;
  --my-body-font-weight: 300;
  --my-body-line-height: 1.5;
  --my-font-weight-bold: 600;
  --my-disabled-color: #ddd;
  --my-disabled-fg-color: #444;
  --my-main-theme-base: #008294;
  --my-main-theme: #008294;
  --my-main-theme-fg: #008294;
   --my-font-weight-headings: 300;
   --my-btn-border-radius: 30px;
   --my-btn-bg: transparent;
 
   --my-btn-fg: var(--my-main-theme-fg);
	}
body {font-family: 'Open Sans', sans-serif;}
a {
    color: #008294;
    text-decoration: none;
    font-weight: 400;
}
.row-has-background {
        padding-top: 0;}

/***************** Parallax, Boxen und Buttons ******************/
.box, .box-high {
    --my-body-bg: #f2f3f4;}
.box {border-radius: 95% 1% 92% 1%/1% 95% 2% 95% !important; 
    box-shadow: 2px 6px 13px -1px rgb(0 0 0 / 30%);}
.flex-col .box {flex-grow: 1;}
.box.weiss {background: #fff; box-shadow: 2px 6px 13px -1px rgb(0 0 0 / 30%);}
.box .btn {background-color: #fff; color: #008294;}
.box.border {border-width: 4px 4px 5px !important;
    border-radius: 95% 1% 92% 1% / 1% 95% 1% !important; background: transparent;
    border: solid #008294;
    padding: 20px;
	box-shadow: none;}
.btn-right .link {display: flex;
    justify-content: flex-end;}

.no-para.effect-parallax-bg {
    background-attachment: initial;
    background-position: center !important;}
.btn {
    padding: 5px 40px;
	border: 1px solid #008294;}

.elisa, .elisa h2, .elisa .btn {color: #fff;}
.elisa .btn {border-color: #fff;}
.elisa a {    color: #ABC5C9;
}
/***************** Sidebar ******************/
button#sidebarCollapse {
    background: #008294;
    display: flex;
	border: 0;
   
    
    flex-direction: row;
}
#sidebar {
    background: #fff url(/.galleries/bilder/.system/sidebar-icon.png) 335px 80px no-repeat;
    background-size: 190px;
}
#sidebarCollapse span {
    font-size: 14px;
}
#sidebar .teaser .text a {
    
    font-size: 1.6rem;
}
#sidebar .teaser .teaser-date {
    line-height: 1.2;
    font-size: 80%;
    color: #fff;
    
    background: #e00;
    max-width: max-content;
    padding: 6px;
    font-weight: 600;
    border-radius: 4px;
}
#sidebar  .list-content .teaser.teaser-compact {
    margin-bottom: -15px;
}
#sidebar .teaser.type-event.piece > .body + .link {
    margin-top: 0px;
}
#sidebar .teaser.type-event a.btn {
   
    font-size: 1.6rem;}
.button-wrap{
    
    
    align-items: center;
	float:none;
	display: flex;
}

#sidebar .teaser::after {
    border-bottom: 2px solid #ccc;
    max-width: 100px;
    padding-bottom: 25px;
}
#sidebar .list-entry:last-child .teaser::after {
    border-bottom: 0;
    max-width: 100%;
    padding-bottom: 0;
}
#sidebar h3{padding-top: 10px;}

.list-flag {margin-bottom: -15px;}

.button-wrap span {font-weight: 600;}
.btn-second a, .btn-third a, .btn-fourth a {padding: 9px 17px 9px 13px;
    font-size: 14px;
    background: #666; max-width: max-content; color: #fff;
    font-weight: 600;
    line-height: 1.9; border-radius: 95% 2% 92% 2%/1% 95% 2% 95% !important;}
	.btn-third a:hover, .btn-fourth a:hover {text-decoration: none;}
.btn-third a {background: #e00; color: #fff;}
/*.btn-fourth a {background: #FFD140; color: #003087;}*/
@media (max-width: 763.98px){
.topfoot #sidebar h3 {
    font-size: 1.6rem !important;
}
#sidebar .teaser .text a, #sidebar .teaser.type-event a.btn {
    font-size: 1.2rem;
}
button#sidebarCollapse .btn-first {    padding: 2px 0;}
.btn-second a, .btn-third a, #sidebarCollapse span, .btn-fourth a {font-size: 11px;}
}


@media (max-width: 551.98px){
button#sidebarCollapse .btn-first {
    padding: 0px 0; line-height: 1.5;
}
.btn-second a, .btn-third a, #sidebarCollapse span, .btn-fourth a {font-size: 12px;}
.button-wrap i {
    display: none;}
button#sidebarCollapse {
    padding: 4px 4px 5px;
    margin-top: 4px;}
.btn-second a, .btn-third a, .btn-fourth a {
    padding: 5px 4px 5px;}
}

/***************** SPENDE-BALKEN ******************/
.spende-balken .container {max-width: 100% !important;}
.spende-balken{bottom: 0; width: 100%;
    z-index: 20;
    margin: 0 auto;
	background: #f4f4f4; transition: all 0.97s cubic-bezier(0, 0, 0.58, 1) 0s;
    -o-transition: all 0.97s cubic-bezier(0, 0, 0.58, 1) 0s;
    -moz-transition: all 0.97s cubic-bezier(0, 0, 0.58, 1) 0s;
    -webkit-transition: all 0.97s cubic-bezier(0, 0, 0.58, 1) 0s;
	}
.spende-balken[style="position: fixed;"] {width: 100%; }
.spende-balken .element {margin-bottom: 5px;}

.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: #eeeef0; 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; font-family: FontAwesome;}
.spende-balken .ap-accordion .panel-title a::before {bottom: 0px; left: 0px; border-bottom: 0; border-right: 0;}
.spende-balken.ap-colored-row {padding-top: 0 !important; padding-bottom: 0 !important; background-color: transparent; margin-top: 20px;}
.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.row-small{}
.spende-balken.hide .row-small {display: none; transition: all 0.97s cubic-bezier(0, 0, 0.58, 1) 0s;
    -o-transition: all 0.97s cubic-bezier(0, 0, 0.58, 1) 0s;
    -moz-transition: all 0.97s cubic-bezier(0, 0, 0.58, 1) 0s;
    -webkit-transition: all 0.97s cubic-bezier(0, 0, 0.58, 1) 0s;}
.spende-balken.hide {background: transparent; }

.spende-balken .close:before {content: "\f146"; pointer-events: all; top: 17px;
    /* margin-bottom: -32px; */
    position: relative;
    cursor: pointer; font-size: 4rem; color:#e00;
    font-family: ForkAwesome; margin-right: 9px; font-weight: 600; }
.spende-balken.hide .close:before {content: "\f0fe"; top: -10px; }
.spende-balken .close {}
.spende-balken .text{padding: 0; color: #fff;}
.spende-balken .btn {color: #fff  !important; border: 2px solid #fff; border-radius: 30px; padding: padding: 5px 40px; background: #e00 !important; font-weight: 600; border-color: #fff !important; margin-top: -45px; }

.spende-balken .link {display: flex;  justify-content: center; margin-bottom: 15px;}
.spende-balken .row {margin-right: -30px; margin-left: -30px;}
.spende-balken .ap-panel.panel-group .panel-heading {border-bottom: 0; display: none;}

.spende-balken .btn-wrap {display: flex; justify-content: center; }




@media (max-width: 763.98px){
.spende-balken .btn-wrap {margin-bottom: -20px;}

.spende-balken .link {
  margin-bottom: 10px;}
 .spende-balken .btn {
  
  padding: 7px 50px;
  
  font-size: 13px;}
  }
 
 
@media (min-width: 764px) {

.spende-balken .row-small {max-width: 720px; margin: 0 auto !important;}
}
@media (min-width: 1013.98px) {
.fancybox-slide--iframe .fancybox-content {
    padding: 0;
    width: 50%;}
	}
/***************** ENDE ******************/

/***************** Contacts ******************/
 .type-contact .pos, .type-contact h3 span, .type-contact a,  .type-contact .adr-p span, .type-contact .text-box span::before {color: #fff; font-weight: 300; }
.type-contact .pos {font-size: 2rem;}
.area-foot .type-contact .pos, .area-foot .type-contact h3 span, .area-foot .type-contact a,  .area-foot .type-contact .adr-p span, .area-foot .type-contact .text-box span::before
{color: #444; font-size: unset !important;}
.area-foot .type-contact .text {padding: 0; border-radius: unset;}
.type-contact .text {border-radius: 95% 2% 92% 2%/2% 95% 2% 95% ;
    background: #008294;
    padding: 30px;}
.type-contact .body {
    display: flex;
    align-items: center;}
.type-contact img {border-radius: 95% 2% 92% 2%/2% 95% 2% 95%;}


@media (min-width: 1014px) {
.area-foot .type-contact .text {margin-left: unset; background: #fff;}
.type-contact {margin-left: 63px;}
.area-foot .type-contact {margin-left: unset;}


.pp-banner {font-size: 2rem;}
}

@media (min-width: 764px) {
.type-contact {margin-left: 63px;}
.type-contact .text {margin-left: -63px; 
    border: solid #fff;
    border-width: 7px 4px 7px 5px #fff !important;}
.area-foot .type-contact {margin-left: unset;}
}


@media (max-width: 1013.98px) {
.type-contact .pos {
    font-size: 1.6rem;}
}
@media (max-width: 763.98px) {
.area-foot .type-contact .text {margin-top: unset;}
.type-contact .text {
    border: solid #fff;
    border-width: 7px 4px 7px 5px #fff !important;
    margin-top: -42px;
    z-index: 9;}
.area-foot .type-contact .text {margin-top: unset;}
.type-contact {line-height:1.5;}
.type-contact .pos, .type-contact {font-size: 1.4rem;}
.type-contact h3 {font-size: 1.8rem;}
}
@media (min-width: 1014px) and (max-width: 1199.98px) {
.col-lg-6 .type-contact .pos, .col-lg-6 .type-contact {font-size: 1.6rem;}
.col-lg-6 .type-contact h3 {font-size: 2rem;}
.area-foot .type-contact .pos, .area-foot .type-contact {font-size: unset;}
.area-foot .type-contact h3 {font-size: unset;}
}
/***************** Head und boxed Body ******************/
.area-header.no-margin, .area-header {
    margin-bottom: 0;
    margin-top: -40px;
}
.nav-menu {border-top: solid 1px #008294;
    border-bottom: solid 1px #008294;}
.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: #008294; font-weight: 600;}
.nav-menu > li > a:focus, .nav-menu > li > a:hover, .nav-menu > li.active > a:focus, .nav-menu > li.active > a:hover {color: #008294; background-color: #f2f3f4;}
.nav-side li > a:not(.btn):focus, .nav-side li > a:not(.btn):hover {
    color: #008294;
    background: transparent;}
.nav-main-items > li.active > a {
    color: #008294;
}
.nav-menu.nav-mega-menu {border: 0 !important; /*border-radius: 95% 2% 92% 2%/1% 95% 2% 95% !important;*/}
.nav-main-items > li > a { text-transform: none; font-weight: 300; padding: 7px 0px;}
.area-header .header-links > ul {
    font-size: 2.2rem;
}
.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;
}
header.bh .h-meta {
	display: block;
    position: relative;
    top: 89px;
    right: 80px;
}

header.fh.ls-2 .nav-main-mobile-logo .mobile-logolink {width: 95px;}
#label_nav-main-addition {display: none;}

header.bh .h-logo-row {padding-bottom: 0px;}
header.bh .header-group {
    border-bottom: 0;
}
header.bh .nav-menu-header .nav-menu-logo .mobile-logolink {
    max-width: 110px;}
header.bh .nav-menu-header {padding: 15px 0px;}
h3, .h3, .type-liturgy .calendar-simple, .accordion .sub-header, .onclick-activation .oa-heading {font-weight: 300;}

@media (min-width: 1014px) {
header.bh .h-meta {
       top: 100px;}
.h-logo-col {
    margin: 0 auto;
}
.nav-menu > li > a {font-size: 16px; padding: 12px 20px;}
.nav-main-items > li.expand > a::after {display: none;}
header.fh.nav-disp-big .nav-main-items > li > a {
    font-size: 23px;}
.nav-main-items {margin-bottom: 20px;}
.area-header .header-group::before {background-image: none;}
.area-header .sticky.csssetting > .isfixed {box-shadow: none;}
header.fh .header-group {border-bottom: 0;}
h1, .h1, h2, .h2 {font-size: 4.8rem;}
header.fh.ls-2 .h-logo {flex: 0 0 145px; max-width: 145px;}
.nav-mega-menu .nav-side li > a {font-size: 16px;}
h3, .h3, .type-liturgy .calendar-simple, .accordion .sub-header, .onclick-activation .oa-heading {
    font-size: 2.6rem;}
}
@media (min-width: 1200px) {
header.bh .h-meta {top: 118px;
    right: 80px;}

header.fh.ls-2 .h-logo {
    flex: 0 0 145px;
    max-width: 145px;
}
header.fh .h-group {
    
    max-width: 1140px;
}
.co-lg-xl {
    max-width: 100%;}
}

@media (min-width: 1400px) {
header.fh .h-group {
    
    max-width: 1320px;
}
header.fh.ls-2 .h-logo {
    margin-left: -30px;
}
.full-width .container { max-width: 100%;
    margin-left: -15px;
    margin-right: -15px;}
.co-lg-xl {
    max-width: 100%;}
header.fh.ls-2 .h-logo {
    flex: 0 0 150px;
    max-width: 150px;
}
}
@media (max-width: 1399.98px) {
header.fh.nav-disp-big .nav-main-items > li > a {
    font-size: 20px;
}
header.fh.nav-disp-big.nav-right .nav-main-items > li > a {
    padding-left: 14px;}

}
@media (max-width: 1199.98px) {
header.fh.nav-disp-big .nav-main-items > li > a {
    font-size: 18px;
}
header.fh.nav-disp-big.nav-right .nav-main-items > li > a {
    padding-left: 8px;}

}


/* @media (max-width: 1013.98px) { */
#nav_nav-main-addition.nav-menu {display: flex !important; max-height: unset; background: transparent;
    padding: 0;}
#nav_nav-main-addition.nav-menu li a {padding: 5px 10px; background: #008294; margin: 10px 7px 10px 0; color: #fff; font-size: 2rem; border-radius: 4px; height: 35px; }
#nav_nav-main-addition.nav-menu li a.flex-icon {
    display: flex;
    justify-content: center;
    flex-direction: column;}
html.active-nav .area-header .header-group li.active > a::after {color: #fff;}
#nav_nav-main-addition .eyeAble_customToolOpenerClass:after {content: 'Barrierefrei'; font-size: 18px; margin-left: 4px;}
.nav-main-container .nav-main-group.has-sidelogo {padding: 0 30px;}
.nav-main-container .nav-main-mobile-logo {padding: 15px 0;}
.nav-main-items li > a {    border-bottom: solid 1px #444;; font-weight: 300; margin-top: 5px; font-size: 16px;}
.nav-main-items li.active.final > a, .nav-main-items li.active.expand.ed > a, .nav-main-items li.active > a {font-weight: 600;}
.nav-main-container .nav-main-group .nav-main-items {border-top: 0;}
.nav-menu {border-top: 0; border-bottom: 0;}
.nav-main-container {background-color: #fff;}

.nav-main-items li.active.expand.ed > a, .nav-main-items li.active > a {
        background-color: transparent;
}
.nav-main-items li.expand > a[aria-controls]::after {background-color: transparent; content: ''; background: url(/.galleries/bilder/.system/plus.png) no-repeat; color: #008294; font-size: 1.3rem; top: 8px; position: absolute;
    right: 10px;
    top: 11px;
    width: 30px;
    height: 30px;
    background-size: 20px !important;}
.nav-main-items li.expand.ed > a[aria-controls]::after {content: ''; background: url(/.galleries/bilder/.system/minus.png) no-repeat; color: #008294; font-size: 1.3rem; top: 8px; position: absolute;
    right: 38px;
    top: 3px;
    width: 30px;
    height: 30px;
    background-size: 20px !important;}
.nav-main-items li ul li.active > a {
    padding-left: 0 !Important;
    font-weight: 600 !Important;
}
.nav-main-items > li > ul > li > a {
   border-bottom: 0;}

.nav-main-items li ul.nav-menu li > a {
    
    padding: 5px 0px;}
.nav-main-items li.expand.ed > a {border-color: transparent; }
.nav-main-items .expand.ed .nav-menu {display: block;
    margin-top: -2px !important;
    margin-bottom: 10px;
    background: #f5f5f5;
    padding: 10px 20px;}
.nav-main-items li.expand.ed > a {
    background-color: transparent !important; font-weight: 600;
}





	
	
.nav-toggle-btn .nav-burger, .nav-toggle-btn .nav-burger::after, .nav-toggle-btn .nav-burger::before  {background: url(/.galleries/bilder/.system/burger-back2.svg) no-repeat; background-size: 50px !important;
    height: 26px;
    width: 70px;}
header.bh #nav-toggle-label-open .nav-toggle {
    width: 65px;
    height: 47px;}

.nav-toggle-btn .nav-burger::before  {
    top: -13px;    transform: rotate(6deg);}
.nav-toggle-btn .nav-burger::after {
    bottom: -13px; transform: rotate(3deg);}
.nav-toggle.active span::before {
    top: 14px;}
.nav-toggle-btn {
    background-color: rgba(255, 255, 255, .6);}
.nav-toggle-btn.active-nav .nav-burger::before {
  top: 13px;}
.nav-toggle-btn.active-nav .nav-toggle {
  width: 70px;
  height: 70px;}

.nav-toggle-btn .nav-toggle {
    background-color: transparent;}
header.bh .nav-toggle-label {
  margin: 0;
  top: 13px;
  position: relative;
}
header.fh.ls-2 .h-logo {
    flex: 0 0 135px;
    max-width: 135px;}
.area-header {margin-bottom: 1rem;}


/*}*/

@media (max-width: 1013.98px) {
.fixtoggle .nav-toggle-btn {right: 30px;}
.fixtoggle .nav-toggle-btn.active-nav {right: 0;}
}

@media (max-width: 763.98px) {
header.bh .h-meta {top: 85px;}
.area-header .header-links > ul {
    font-size: 1.8rem;
}
.nav-toggle.active {
    left: 0px;
        top: -10px;
}
header.bh .h-logo-row.container {max-width: 100%;}
header.fh.ls-2 .h-logo {
    flex: 0 0 115px;
    max-width: 115px;}
}


@media (max-width: 551.98px) {
.ls-row.no-icon li:not(:last-of-type) {
    margin-right: 12px;
}
header.fh.ls-2 .h-logo {width: 26.666667%;}
.area-header {margin-bottom: 1rem;}
#nav_nav-main-addition .eyeAble_customToolOpenerClass:after {
    content: '';}
#nav_nav-main-addition.nav-menu li a {
    display: flex;
    justify-content: center;
    flex-direction: column;}
.nav-main-items li.expand.ed > a[aria-controls]::after {right: 10px !important;}
.nav-main-items li.expand > a[aria-controls]::after {right: 0px !important;}
header.bh .nav-main-items li > a {
    padding-left: 0;}
}

@media (min-width: 552px) and (max-width: 763.98px) {
.co-sm-md {max-width: 640px;}
}



/***************** Foot ******************/
.area-foot .type-contact .text {
    margin-left: unset;
    background: #fff;
}
.area-foot .topfoot { background-color: transparent;}
.area-foot .subfoot { background-color: #008294;}

.area-foot {
    background:  url(/.galleries/bilder/.system/bg-foot.svg) 0% 100% no-repeat;
    background-size: cover;}
.social-icons.themed li a * {

    color: #fff;
	
}
.social-icons li a  {

    width: 60px;
    height: 60px;
	border: 2px solid #fff !important;}
.social-icons ul {
   justify-content: center;}
.social-icons .ico, .social-icons .fa, .social-icons .fas, .social-icons .fab {
    width: 56px;
    line-height: 54px;
    text-align: center;
    font-size: 30px;
}
.social-icons.themed li a {
    background-color: #e00;
}
.area-foot .type-contact {background: #fff; flex-grow: 1;
    padding: 20px; box-shadow: 2px 6px 13px -1px rgb(0 0 0 / 30%); border-radius: 95% 4% 92% 2%/1% 95% 2% 95% !important;}


.subfoot a {color: #fff; font-weight: 300;}
.subfoot ul {display: flex;
    justify-content: center;}
.area-foot .subfoot {
    padding-top: 0;}
	
@media (max-width: 1013.98px) {
.row.max-1000.st-logos {max-width: 480px;}
}

@media (max-width: 1013.98px) {
.area-foot {line-height: unset;}
}
/***************** Border ******************/

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

.sketchy a {z-index: 9999;
    position: relative;}


/*########################## Flags ###################################*/
.flags-wrap {display: inline-flex; z-index: 88;
    }
.flags-wrap ul {position: fixed;
    top: 40vh;
    right: 0;
    transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    overflow: visible;
    right: -100px;}
.flags-wrap li a {
color: #444;
background: #fff;
     display: flex;
    justify-content: center;
       padding: 2px 10px;
    font-size: 2rem;}
.flags-wrap li a:hover {text-decoration: none; background: #444; color: #fff !important; }
.flags-wrap li a .ico-svg:hover {color: #fff !important;}
.flags-wrap.ls-row.no-icon li:not(:last-child) {
    margin-right: 0;
}
a.face {/*background: #1877f2;
    color: #fff !important;*/}
a.face .ico-svg {
    font-size: 1.8rem;}
a.jobs{/*background: #F15A3E;
    color: #fff !important;*/
    text-transform: uppercase;
    font-weight: 400;
	
}
a.insta  {background: #fff;}
a.insta .ico-svg {font-size: 24px;}
.flags-wrap li a.jobs {font-size: 2rem;}
@media (max-width: 1013.98px) {
.flags-wrap .ico-svg > svg {
    
    height: 1.2rem;}
.flags-wrap ul {right: -88px;}
.flags-wrap li a {font-size: 1.2rem;}
}
/*########################## slider ###################################*/

.head-slider .type-slider .slide-wrapper .caption {background-color: transparent;}

	.head-slider .type-slider .slide-wrapper .caption strong, .head-slider .type-slider .slide-wrapper .caption .titlecaption {background: #008294; max-width: 100%; display: inline-block;   text-shadow: none; padding: 5px 20px; font-weight: 300;}
	.head-slider .type-slider .slide-wrapper .caption small {background: #f2f3f4;
    text-shadow: none;
    padding: 5px 20px;
    font-weight: 300;
    color: #444;}
	.area-wide.area-full-row.head-slider .type-slider .slide-wrapper img {border-top-left-radius: 25px; border-bottom-right-radius: 25px;}
		.head-slider .type-slider .slide-wrapper .caption.bottom.left small {transform: rotate(-2.5deg);  margin-left: 30px; margin-top: 0 !important;     max-width: max-content; -webkit-hyphens: auto;
    hyphens: auto;
    overflow-wrap: anywhere;
    word-break: break-word;}
		.head-slider .type-slider .slide-wrapper .caption.bottom.left {bottom: 40px; left: 40px; overflow: visible;}
		.area-wide.area-full-row.head-slider .type-slider .slide-wrapper img {border-radius: 95% 3% 92% 4%/3% 95% 3% 95% !important;}
		
@media (max-width: 763.98px) {
 .head-slider .container {
    max-width: 670px;}
.head-slider .type-slider .slide-wrapper .caption.bottom.left small {
    margin-left: unset;
    font-size: 1.3rem;}
.type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption .titlecaption {
    font-size: 1.4rem;}

}

@media (min-width: 1014px) {
.head-slider .type-slider .slide-wrapper .caption strong, .head-slider .type-slider .slide-wrapper .caption .titlecaption {font-size: 40px;}
.head-slider .type-slider .slide-wrapper .caption small {font-size: 30px;}
}

@media (min-width: 764px) {}

		


.type-slider .slide-wrapper img {  border: 8px solid rgba(255, 255, 255, 1.6); border-radius: 95% 2% 92% 2%/4% 95% 5% 95% !important; 
   /* outline: 4px solid rgba(255, 255, 255, .7);
    outline-offset: -30px;*/
}
@media (min-width: 1400px) {

.head-slider .container {    max-width: 1370px;}
}

/*@media (min-width: 1600px) {
    body {
        font-size: 2.2rem;
    }
.head-slider .container, .container {max-width: 1450px;}
}*/

@media (min-width: 1921px) {
    body {
        font-size: 2.4rem;
    }
.head-slider .container, .container {max-width: 1700px;}
}

@media (max-width: 551.98px) {
.head-slider.no-para.effect-parallax-bg {background-image: none !important;} 
}
/*########################## 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: 1px solid #ccc;
-webkit-column-rule: 1px solid #ccc;
-moz-column-rule: 1px solid #ccc;}

}




/*########################## news ###################################*/
.effect-piece.overlay[style="display: none;"]  {display: block !important;}
.detail-page .visual-overlay {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 80%;
    pointer-events: none;
    z-index: 7;
    transform: translate(-50%, -50%);
}
.detail-page .visual-darken {
    position: absolute;
    pointer-events: none;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 7;
    background-image: linear-gradient(rgba(99, 99, 99, 0), rgba(99, 99, 99, 0.3) 30%, rgba(99, 99, 99, 0.3) 70%, rgba(99, 99, 99, 0));
}
.detail-page.type-article .sub-header {display: none;}
.detail-page .visual-overlay h1, .detail-page .visual-overlay .intro-headline > .intro {color: #fff;}
.detail-page .overlay {    width: unset;
    height: unset;}
.teaser .text a {font-weight: unset;}
.teaser-text-tile {   border-width: 3px 3px 3px 3px !important;
    border-radius: 95% 2% 92% 2%/1% 95% 2% 95% !important;
	    border: solid #008294; padding: 20px;}

.teaser-text-tile  .btn {border: 2px solid #008294;
    border-radius: 30px;
    padding: 10px 70px;
    background: transparent;
    font-weight: 600;
	color: #444; margin: 0 auto;
  }
.teaser .intro-headline {font-weight: 400;}

.teaser.type-event a.btn {border: 0 !important; padding: 0 !important;}
.teaser.type-event a.btn:hover, .teaser.type-event a.btn:focus {color: #e00; background: transparent;}
.list-pagination .btn-append {
    
    display: inline-flex; max-width: max-content;
}
.event.list-content .list-append-position {
    display: flex;
    justify-content: flex-end;
    margin-top: -32px;
}
.abgelaufen .teaser a {pointer-events: none;}
.abgelaufen .book-info {display: none;}
.abgelaufen .teaser .teaser-date {
    font-size: 100%;
    font-weight: 400;
}
.type-article .visual-info > .sub-header {display: none;}
.teaser.type-event .text {font-size: 90%;}
.pagination {
    --my-pag-bg: var(--my-body-bg);
    --my-pag-color: var(--my-body-color);
    --my-pag-font-size: var(--my-body-font-size);
    --my-pag-line-height: var(--my-body-line-height);
    --my-pag-border-color: var(--my-highlight-border-color);
    --my-pag-border-radius: 4px;
    --my-pag-border: 1px solid var(--my-highlight-border-color);
    --my-pag-item-jump-spacing: 0rem;
    --my-pag-item-margin: 0 4px 0 0;
    --my-pag-item-padding: 5px 12px;
    --my-pag-disabled-fg-color: var(--my-pag-border-color);
    --my-pag-active-fg-color: #fff;
    --my-pag-active-bg-color: var(--my-main-theme);
    --my-pag-hover-fg-color: var(--my-main-theme-hover-fg);
    --my-pag-hover-bg-color: var(--my-main-theme-hover);
    
}
.pagination > li > a {color: #008294; box-shadow: 2px 6px 13px -1px rgb(0 0 0 / 8%);
}
.pagination .fa-angle-right:before {
    content: "vor"; font-family: 'Open Sans', sans-serif;}
.pagination .fa-angle-left:before {
    content: "zurück"; font-family: 'Open Sans', sans-serif;}
@media (min-width: 764px) {
  .detail-page .visual-overlay .intro-headline > .headline {
    font-size: 2.7rem;}
  .detail-page .visual-overlay .intro-headline > .intro {
    font-size: 2rem;
    margin-bottom: -15px;
  }
.detail-page .visual-overlay {
  top: 78%;}
}
@media (min-width: 1014px) {
.detail-page .visual-overlay {top: 85%;}
.abgelaufen .teaser .intro-headline {
    font-size: 2rem !important;}
}
@media (max-width: 763.98px) {
.detail-page .visual-overlay .intro-headline > .headline {
    font-size: 1.6rem;}
  .detail-page .visual-overlay .intro-headline > .intro {
    font-size: 1.4rem;
    margin-bottom: -5px;
  }
.detail-page .visual-overlay {
  top: 82%;}
}
@media (max-width: 551.98px) {
.detail-page .visual-overlay .intro-headline > .headline {
    font-size: 1.4rem;}
  .detail-page .visual-overlay .intro-headline > .intro {
    font-size: 1.2rem;
    margin-bottom: -5px;
  }
.pagination > li > a {font-size: 1.2rem;}
}
/*########################## events ###################################*/
.detail-page .book-info .book-msg {
   margin-top: 20px;}
.detail-page .info.location {   border-width: 3px 3px 3px 3px !important;
    border-radius: 95% 2% 92% 2%/1% 95% 2% 95% !important;
	    border: solid #008294; padding: 10px; max-width: max-content;  margin-right: 20px; }

.detail-page.type-event .detail-visual.full .visual-info {
font-size: 90%;
    }
.detail-page.type-event .detail-visual.full .visual-info .infogroup {background: #f2f3f4;
    padding: 10px 20px;
    border-radius: 95% 2% 92% 2%/1% 95% 2% 95% !important;}
.detail-page .detail-visual.full .visual-info .date {
    order: 10;
    font-weight: 500;}
@media (min-width: 764px) {
.area-wide .calendar-sheet::before {
    background-color: #e00;}
.detail-page.type-event .detail-visual.full .visual-info {
justify-content: unset; margin: 30px 0;
font-size: 90%;
    }
.calendar-sheet > .day-number {
    font-size: 34px;}
.area-wide .calendar-sheet {
    border: 0;
    border-radius: 95% 4% 92% 2%/1% 95% 2% 95%;}
.detail-page .detail-visual.full .visual-info.right {
    justify-content: flex-start;}
.detail-page .visual-overlay .intro-headline > .headline, .detail-page .visual-overlay .intro-headline > .intro {
        line-height: 1.8;}
}
@media (max-width: 1013.98px) {
.detail-page.type-article .book-info .book-msg, .detail-page .detail-visual .visual-info {font-size: 1.2rem;}
}

/*########################## Bild-AC ###################################*/
.variant-tile-accordion.show-button .collapse-trigger .trigger-item::after {background-color: #008294;}
.variant-tile-accordion .collapse-trigger[aria-expanded="true"] .content-box {padding: 10px !important; 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;
}
.variant-tile-accordion .collapse-trigger .text-overlay, .variant-tile-accordion .collapse-trigger .boxbg-overlay {background: #008294;}
.variant-tile-accordion.show-border .collapse-trigger .content-box {
    outline: 4px solid var(--my-main-theme);}
.variant-tile-accordion.text-below .collapse-trigger .content-box, .variant-tile-accordion.text-below .collapse-trigger .effect-box {
    
    border-radius: 95% 2% 92% 2%/1% 95% 2% 95% !important;}
.variant-tile-accordion .collapse-target {
    margin-top: -13px;}
.tile-accordion .acco-body {padding-bottom: 20px;}
.acco-body  h3, .tab-pane h3  {font-weight: 300;}
.variant-tile-accordion.show-border .collapse-trigger .content-box {
    outline: 4px solid #008294;
}
@media (min-width: 1014px) {
 .acco-body  h3,  .acco-body  .h3, .tab-pane h3 {font-size: 3.5rem;} 
 .acco-body  h4,  .acco-body  .h4, .tab-pane h4 {font-size: 2.4rem;} 
}

@container tile-col (min-width: 0px) {
.th.variant-tile-accordion .collapse-trigger .piece-heading {
    font-size: calc(6px + 12 * clamp(0px, (100cqw - 100px) / 200, 1px));}
}
@media (max-width: 1013.98px) {
.variant-tile-accordion .collapse-target .detail-page:last-child, .variant-tile-accordion .collapse-target .element:last-child {
    margin-bottom: 20px;}
	}



/*########################## Normal-AC ###################################*/
.accordion .acco-header .acco-toggle {
	padding: 1.5rem 1.5rem;
	padding-left: 30px;
	 font-weight: 400;
	overflow: visible; 
	border-radius: 30px;
	/*border-radius: 95% 1% 92% 1%/1% 95% 1% 95% !important;*/
	background-color: transparent;
}


.accordion .acco-header .acco-toggle:hover {
    color: var(--my-main-theme);
    background-color: #f2f3f4;}
	
.accordion .acco-header .acco-toggle[aria-expanded=true] {
    color: var(--my-main-theme);
        background-color: transparent;
    border-color: var(--my-body-bg);
}

.accordion .acco-header .acco-toggle.collapsed::before {content: "\f0fe"; font-family: ForkAwesome; transform: rotate(-180deg);
    transition: transform 0.33s;}
.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: "\f146";
    position: absolute;
    display: flex;
    justify-content: unset;
    align-items: unset;
    top: 10px;
    height: auto;
    transform: none;
    transition: transform .33s;
    right: unset;
    left: -18px;
    color: var(--my-main-theme);
    font-size: 4rem;
    padding: 0;
    background-color: var(--my-body-bg);
}
.faq .accordion .acco-header .acco-toggle.collapsed::before {
        content: "\f29c"; 
    width: 40px;
    display: flex;
    justify-content: center; transform: rotate(360deg);
    background: #008294;
    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: var(--my-main-theme);}
.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: 5px 30px 30px;}
.accordion {
border-radius: 30px;
border-width: 2px 2px 2px 2px !important;
    /*border-radius: 95% 1% 92% 1%/1% 95% 1% 95% !important;*/
    border: solid #008294;
  --my-at-border-color: var(--my-main-theme);
  --my-at-border: 0;}


.accordion {
    
    --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.2rem;}
}
@media (max-width: 551.98px) {
.accordion .acco-body {
  padding: 5px 10px 30px;}
  .accordion .acco-header .acco-toggle {  padding: 1.1rem 1.1rem; padding-left: 15px;}
.accordion .acco-header .acco-toggle.collapsed::before {top: 15px;}  
}
/*########################## Tabs ###################################*/
.tab-list {
    border-bottom: 0;
    display: flex;
    justify-content: center;}
.tab-list > li > .tab-toggle {font-weight: 600;
margin: 0 10px;
    border-radius: 50% !important;
    width: 70px;
    height: 70px;
    font-size: 1.4rem;
    border: 0;
    text-align: center;
	background-color: #f2f3f4;
	box-shadow: 2px 6px 13px -1px rgb(0 0 0 / 30%);}
.tab-list > li > .tab-toggle.active {
    color: #fff;
	background-color: #e00;
	border-color: transparent;}
.tab-list > li > .tab-toggle:hover {
    background-color: #008294;}
.e-preis .tab-content > .tab-pane {background: #f2f3f4;}

.tab-content > .tab-pane {
    border-radius: 95% 2% 92% 2%/1% 95% 2% 95%;
   padding: 30px 30px 40px;
    
    margin-top: 30px;
	}



@media (min-width: 1014px) {
.tab-list > li > .tab-toggle {
    margin: 0 10px;
    border-radius: 50% !important;
    width: 120px;
    height: 120px;
    font-size: 3rem;}
.thsf.az .tab-list > li > .tab-toggle {
    margin: 0 5px;
    
    width: 60px;
    height: 60px;
    font-size: 1.6rem;}
.thsf .tab-list > li > .tab-toggle {
    
    font-size: 2rem;
    line-height: 1;}
}

@media (max-width: 1013.98px) {
.tab-list > li > .tab-toggle {
    font-size: 1rem;
    line-height: 1;}
.thsf.az .tab-list > li > .tab-toggle {
    margin: 0 5px;
    
    width: 40px;
    height: 40px;
    font-size: 1.2rem;}
}
@media (max-width: 763.98px) {
.thsf.az .tab-list {flex-wrap: wrap;}
.tab-content > .tab-pane {padding: 0px 0px 40px;}
.e-preis .tab-content > .tab-pane {padding: 30px 30px 40px;}
}

@media (max-width: 551.98px) {
    .e-preis .tab-content > .tab-pane {
        padding: 30px 10px 40px;
    }
.tab-list > li > .tab-toggle {
    margin: 0 3px;
    width: 50px;
    height: 50px;
    font-size: 0.8rem;}
	}


/*########################## Zitat ###################################*/

.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: 95% 2% 92% 2% / 2% 95% 2% 95%;
    box-shadow: 0 10px 6px -6px rgba(0, 0, 0, .3);
    
}

@media (min-width: 1014px) {

.zitat .testi-text { left: -55px;}
}
/*########################## 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;}

#template-info::before {
    display: none;
    content: '{"main-theme":"#444", "main-theme-hover":"#dd0011", "sass-version":"mercury-u0fa33044", "map-color":["#e00","#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: 22px;}
.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: green;}
.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) {
.mt-30 {margin-top: 1.5rem !important;}
.mt-40 {margin-top: 1.5rem !important;}
.mt-50 {margin-top: 2rem !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;}
}


@media (max-width: 1013.98px) {
h1, .h1, h2, .h2 {
    font-size: 3rem;}
h3, .h3 {font-size: 2rem;}
body {font-size: 1.6rem;}
.pl-30 {padding-left: unset !important;}
.ml-20 {margin-left: unset !important;}
#topcontrol {display: none;}
}

@media (max-width: 763.98px) {
h1, .h1, h2, .h2 {
    font-size: 2.3rem;
}
.subfoot ul {
    display: flex;
    flex-wrap: wrap; font-size: 1.2rem; justify-content: unset;}
}

@media (min-width: 1014px) {
.lead {
    font-size: 120%;}
}
@media (min-width: 1014px) {
.full .container {max-width: 90%;}

}
.piece > .body .text, .piece .heading {
    -webkit-hyphens: none;
    hyphens: none;
    }
@media (hover: none) {
.effect-parallax-bg {
    background-attachment: initial;
    background-position: center !important;}
}
.pp-banner * {
    font-size: 15px;
}
/*########################## END Generics & Co. ###################################*/