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

:root {
    --my-body-font-family: "Open Sans", sans-serif;
    --my-body-font-size: 2rem;
    --my-body-font-weight: 300;
    --my-body-line-height: 1.5;
    --my-disabled-color: #ddd;
    --my-disabled-fg-color: #444;
    --my-main-theme-base: #990011;
    --my-grey-lighter: #eee;
    --my-grey-light: #ddd;
    --my-grey: #aaa;
    --my-text-dark: #444;
    --my-text-light: #fff;
    --my-main-theme-rgb: 153, 0, 17;
    --my-highlight-color-rgb: 238, 238, 238;
    --my-nav-toggle-bg: var(--my-main-theme);
    --my-nav-toggle-fg: var(--my-main-theme-fg);
    --my-font-family-headings: var(--my-body-font-family);
    --my-btn-font-family: var(--my-body-font-family);
    --my-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --my-font-weight-headings: 600;
    --my-font-style-headings: normal;
    --my-border-radius: 0;
    --my-btn-border-radius: 0;
    --my-image-border-radius: var(--my-border-radius);
    --my-default-margin: 2rem;
    --my-default-margin-small: 1rem;
    --my-default-margin-verysmall: 0.5rem;
    --my-element-margin: 2rem;
    --my-ws-margin: 1rem;
    --my-box-padding: 20px;
    --my-paragraph-margin-bottom: 1rem;
    --my-headings-margin-bottom: 1.5rem;
}

.type-contact h3{font-weight: 400;}

.type-slider .slide-wrapper .caption{background-color: rgba(0,0,0,0.3); color: #fff; padding: 25px; margin-bottom: 55px; width: 80%;}
.type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption .titlecaption {font-size: 31px; letter-spacing: -1.5px; word-spacing: 2px;}
.slider-dots li button::before {width: 15px; height: 15px; background-size: 15px;}
.slider-dots li button {padding: 0px;}
.slider-dots { bottom: 30px;}
.slick-next {right: 40px;}
.slick-prev {left: 10px;}
.slider-nav-btn.prev-btn::before {background-image: url(/export/sites/demo-s-11/0-caritas-shared/mercury/backward.png); width: 70px; height: 70px; background-size: 70px 70px;}
.slider-nav-btn.next-btn::before { background-image: url(/export/sites/demo-s-11/0-caritas-shared/mercury/forward.png); transform: rotate(360deg); width: 70px; height: 70px; background-size: 70px 70px;}
.no-resize .image-src-box img {width: auto; max-width: 100%; height: auto !important;}
.no-resize .image-src-box.presized img {position: relative; left: unset; top: unset; display: inherit;}
.no-resize .image-src-box.presized {position: relative; height: auto; padding-bottom: 0 !important;}
.no-resize.piece > .visual .subtitle {text-align: center;}
.text-center{text-align: center;}
.inline img{display: inline-block !Important;}
.spacer{ margin-top: 80px; margin-bottom: 80px;}
.para{padding-top: 100px; padding-bottom: 80px; color: #fff !important; line-height: 1.5;}
.para h3{font-size: 24px; color: #fff !important; margin-bottom: 30px;}
.para p{font-size: 30px; font-weight: 400; line-height: 1.8;}

.para-blue{padding-top: 100px; padding-bottom: 70px; color: #fff !important; line-height: 1.5;}
.para-blue h3{font-size: 24px; color: #fff !important; margin-bottom: 30px;}
.para-blue p{font-size: 23px; font-weight: 400; margin-bottom: 30px !important;}
.para-blue li {font-size: 23px; font-weight: 400;}
.para-blue ul {margin-bottom: 25px !important;}


.para-bibel{padding-top: 100px; padding-bottom: 70px; color: #782451 !important; line-height: 2;}
.para-bibel h3{font-size: 30px; color: #782451 !important; margin-bottom: 35px !important; letter-spacing: 1.2px;}
.para-bibel p{font-size: 21px; font-weight: 400; margin-bottom: 30px !important;}

.para-bottom{padding-top: 100px; padding-bottom: 70px;}
.para-bottom img{max-width: 500px !important;     width: 100% !important;}
.para-bottom h3{font-size: 30px; color: #0366ac !important; margin-bottom: 35px !important; letter-spacing: 1.2px;}

.area-foot .subfoot{display: none;}
.area-foot .topfoot{background: #fff; border-bottom: 100px solid #f7f8f9; border-top: 2px solid #f7f8f9;}
.spacer-foot{padding: 40px 0;}

.area-header {margin-bottom: 15px; margin-top: 15px;}

#topcontrol{background-color: rgba(59,59,59,.2);}

.blue h2 {color: #0366ac; font-size: 30px; letter-spacing: 2px;}
.spacer2 {margin-bottom: 40px !important;}

.box1 {padding: 40px; border: 1px solid #782451; color: #782451; text-align: center; font-size: 20px; font-weight: 600; margin-top: 50px !important;}
.text-start h1 {text-align: center; margin-bottom: 35px !important; color: #782451;}
.text-start p {font-size: 20px; margin-bottom: 25px !important; font-style: italic; color: #782451; }
.text-start p.fiktiv {font-size: 15px; margin-bottom: 15px !important;}
.headline-center h3 {text-align: center; margin-bottom: 35px !important; font-size: 30px; letter-spacing: 2px;}
.headline-center p, .headline-center li{font-size: 20px; }

.type-contact{flex-grow: 1;}

.accordion .acco-toggle::after {top: 5px !important;}
.accordion .acco-header {font-size: 22px;}
.accordion .acco-header > a {padding: 10px 15px 20px 65px; font-size: 25px; background: transparent;}
.accordion .acco-toggle::after {right: unset; left: 0px; font-size: 20px; background: #ddd; top: 3px;  color: #fff; border-radius: 4px; content: "\f068";  padding: 10px 15px; height: auto !Important;}
.accordion .acco-body {border: 0; border-left: 4px dotted #ddd; padding:0 30px 20px 40px;}
button.acco-toggle {font-size: inherit !important; font-weight: 400 !important; border: 0 !important;} .accordion .acco-toggle.collapsed::after, .accordion .acco-header .acco-toggle::after {width: 42px;} .accordion .acco-header .acco-toggle[aria-expanded=true] {background: #eee; color: #333;}
.accordion .acco-header .acco-toggle::after {content: "\f068";} .accordion .acco-header .acco-toggle.collapsed::after {content: "\f067";}
.acco-body > div > .row-12:last-child, .acco-body > div > .row:last-child{margin-bottom: 0;}
.accordion .acco-toggle.collapsed::after { content: "\f067";  padding: 11px 15px; font-size: 20px; background: #1567b1; }
.accordion {border: 0; margin-bottom: 10px; border-bottom: 1px solid #ccc; box-shadow: none; }
.accordion .acco-body {padding: 20px 30px 0 40px; margin-top: 15px; border-top: 0; border-left: 4px dotted #ddd; margin-bottom: 30px; margin-left: 20px; }
.accordion .acco-header > a:focus, .accordion .acco-header > a:hover {background: transparent; color: #1567b1;}
.accordion .acco-header > .acco-toggle {padding: 1rem 1rem; background: #fff !important; padding-left: 60px;}
.accordion .acco-header > .acco-toggle:focus, .accordion .acco-header > .acco-toggle:hover {color: inherit; background: transparent;}
.accordion {margin-bottom: 8px; padding-bottom: 10px; }

.type-contact {padding: 30px; box-shadow: 0px 0px 5px -1px rgba(0,0,0,.3);}

.ap-legaltext .col-xs-12 {padding: 0;}

.h-group.co-lg-xl {max-width: inherit !important;}
@media (min-width: 552px){
header.fh.ls-4 .h-logo {flex: 0 0 180px; max-width: 180px;}
}

@media (min-width: 1014px){
header.fh.lp-l .h-info {padding-right: 30px;}
.nav-main-items > li.expand > a::after {right: -16px;}
header.fh.nav-disp-default.nav-center .nav-main-items > li > a, header.fh.nav-disp-default.nav-right .nav-main-items > li > a, header.fh.nav-disp-big.nav-center .nav-main-items > li > a, header.fh.nav-disp-big.nav-right .nav-main-items > li > a {padding-left: 0; margin-left: 40px;}
header.fh .header-group {border-bottom: 0;}
.area-header .header-group::before {background-image: none;}
.nav-main-items > li.active > a {color: #777; border-bottom: 2px solid #313131;}

.nav-main-items > li > a {color: #313131; font-size: 19px; padding: 7px 0;}
.nav-main-items > li > a:hover {color: #777; border-bottom: 2px solid #313131;}
.sticky .nav-main-items{ margin-top: -47px;}
}
@media (min-width: 1200px){
.sticky .nav-main-items{ margin-top: -54px;}
}
@media (min-width: 1200px){
header.fh.ls-4 .h-logo {flex: 0 0 260px; max-width: 260px;}
.h-group.co-lg-xl {max-width: 98%;}
}

@media (max-width: 1013.98px){
.nav-toggle {color: #313131 !important; background-color: transparent !important;}
.nav-toggle span{background: #313131 !Important; }
.nav-toggle span::before, .nav-toggle span::after{background: #313131 !Important;}
.nav-toggle-btn.active-nav .nav-burger {
    background: none !important;
}
.nav-main-items li > a {font-size: 15px !Important; padding: 13px 15px 13px 25px;}
.nav-main-items li.active.expand.ed > a, .nav-main-items li.active > a {background-color: #fff; font-weight: 700 !Important; font-size: 16px !Important;}
.nav-main-container {background-color: #fff;}
.nav-main-items li.expand.expand.ed > a[aria-controls]::after, .nav-main-items li.expand > a[aria-controls]::after{top: 12px; background-color: transparent; color: #313131;}
.area-header.header-notfixed {position: fixed !important; top: 0; padding-top: 13px; width: 100%; z-index: 150000; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: fixHeader;    animation-name: fixHeader; opacity: 0.97; background-color: #fff; box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 30%);}
.area-header {margin-bottom: 15px; margin-top: 0px;}
.image-src-box.presized img, .image-src-box.presized .img {top: -6px;}
.area-header + .area-content {margin-top: 69px;}
.slider-dots { bottom: 45px;}
header.fh.ls-4 .nav-main-mobile-logo .mobile-logolink {width: 160px; max-width: 88%; margin-bottom: 20px;}
.type-contact h3{font-size: 20px; font-weight: 400;}
.type-contact .text{font-size: 19px;}
.accordion .acco-header {font-size: 22px;}
.nav-main-container .nav-main-mobile-logo { padding: 24px 15px 0px;}
}
@media (max-width: 767.98px) {
.type-slider .slide-wrapper .caption {padding: 25px; margin-bottom: 20px;}
.type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption .titlecaption {font-size: 27px; padding-left: 0;}
.area-foot .topfoot p, .area-foot .topfoot a{font-size: 16px; margin-bottom: 0px !important;}
.type-slider .slide-wrapper .caption.center {text-align: center; white-space: break-spaces;}
p, li, box1, a{font-size: 18px !Important;}
header.fh.ls-4 .h-logo {flex: 0 0 160px; max-width: 160px;}
.para{padding-top: 50px; padding-bottom: 30px;}
.slider-dots{display: none;}
}

@media (max-width: 552px){
header.fh.ls-4 .h-logo {flex: 0 0 160px; max-width: 160px;}
.slider-nav-btn.prev-btn::before, .slider-nav-btn.next-btn::before, .slider-dots{display: none;}
.headline-center h3{font-size: 27px;}
.accordion .acco-body {padding: 20px 3px 0 3px; border-left: 0; margin-left: 0;}
}

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