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


.subline p:first-child {color: #888;}
.list-pagination .btn.btn-append {background: #666;}
.nav-breadcrumbs > li a {color: #666;}

.box h2 {font-size: 27px; margin-top: 0;}
.type-contact h2{font-size: 24px !important;}
.type-contact .h3.subfn {font-size: 18px !important;}
.small h2{font-size: 30px;}

.topfoot h2 {font-size: 2rem !important;}



.type-iconbox {background-color: #e00;}
.topfoot .flex-col {
    container-type: normal;
}

.nav-main-items li.active.expand.ed > a, .nav-main-items li.active > a {color: #e00;}
.extern-icon:after {content: '\2197'; margin-left: 5px;}

.check .text ul li {background: none; line-height: 1.4; padding-left: 25px;}
.pdf li::before, .link li::before, .check li::before { top: 7px;}

.org-opencms-ade-containerpage-client-ui-css-I_CmsLayoutBundle-I_CmsContainerpageCss-oc-ignore-small-elements .oc-small-element .oc-option-bar {
    visibility: visible !important;}
header.fh.ls-4 .h-logo {flex: 0 0 120px; max-width: 120px;}

.area-foot img {max-width: 246px;}
.area-foot .topfoot {background: #333 url(/.galleries/bilder/.system/watermark2.png) no-repeat 100px center;}
.cite {background: #ee0000 url(/.galleries/bilder/.system/watermark-single.png) no-repeat 15% center;}

.type-contact .text, .fb-foot .text {
    font-size: 1.9rem;}

.angebote img {background: #666; border-radius: 100%; padding: 30px; margin: 0 auto;}
.angebote .effect-box {max-width: 200px;
    margin: 0 auto;}
.angebote .red img {background: #e00;}
.angebote .fb img {background: #1B74E4;}
.angebote .piece > .visual .subtitle {font-size: 26px; margin-top: 20px;
    text-align: center;}
.angebote .image-src-box.presized img {right: 0; box-shadow: 2px 6px 13px -1px rgb(0 0 0 / 30%);}

.green {background-color: #edf1ed;}

.contact-new .image-src-box.presized img {
    position: absolute;
    top: -25px;
    left: 0px; z-index: 99;}
.contact-new .body {background: #efefef;
    position: absolute !important;
    left: 217px;
    width: 40% !important;
    
    padding-left: 90px !important;}

.contact-new.type-contact {
    box-shadow: none;}

.type-article .detail-visual .subtitle {display: none;}
.type-article .detail-visual img {pointer-events: none;}
.type-article .detail-visual .effect-piece .zoomer, .effect-box .zoomer {cursor: default;}
.type-article .detail-visual .effect-piece .zoomer::after {display: none;}
.teaser .intro-headline {margin-bottom: 0.5rem;}

.box.information {
    overflow: visible;}
.box.information h2{font-size: 27px;}
.information h2:before {
    content: "\f129";
    font-family: FontAwesome;
    font-size: 40px;
    margin: 0 10px 0 1px;
    width: 100px;
    /* height: 100px; */
    background: #e00;
    position: absolute;
    text-align: center;
    margin-top: -40px;
   z-index: 99999;
    top: 1px;
    left: -44px;
    overflow: visible;
    color: #fff;
    box-shadow: 0px 6px 13px -1px rgb(0 0 0 / 30%); 
	border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border-top-right-radius: 30px;     transition: all 0.6s ease 0s;}
.type-nav-breadcrumbs {margin-bottom: 20px;
    margin-top: 20px;}

.contact-icon h2:before {content: "\f2bc"; font-family: ForkAwesome; padding-right: 10px;}

.h-nav .nav-main-items li.spende a:first-child:before {
    font-family: fontawesome;
    content: "\f004";
    margin-right: 7px;
    top: 2px;
    position: relative; color: #e00;
}
.h-nav .nav-menu li a:before {display: none;}



.styled-form .select select {
    border-radius: 2px;
    background: #eee;}
.styled-form h3 { background: #eee; padding: 5px 3rem; margin-top: 40px; margin-left: -3rem; margin-right: -3rem;}
.styled-form {border: 1px solid #ccc;}
.type-webform .formbtn-row .formbtn.btn, .type-webform .formbtn-row .formbtn .btn {border-radius: 30px;}

.bg-curve {background-image: url(/.galleries/bilder/slider/bg-curve.jpg); background-repeat: no-repeat; padding: 26px 0;     background-position: center;}
.bg-curve .container-box {display: none;}
.no-margin {margin-top: 2px !important;}
.neg-mb {margin-bottom: -27px;}



@media (max-width: 551.98px) {
.styled-form h3 {margin-left: -1rem; margin-right: -1rem; padding: 5px 1rem;}
.information h2:before {
    left: -5px;}
header.fh.ls-4 .h-logo {
    flex: 0 0 130px;
    max-width: 130px;}
.box h3 {font-size: 21px !important;}
}

@media (min-width: 552px) {
header.fh.ls-4 .h-logo {
    flex: 0 0 130px;
    max-width: 130px;}
}
@media (max-width: 763.98px) {
.accordion .acco-header > a {font-size: 18px;}
.angebote .piece > .visual .subtitle {
    font-size: 18px;}
.angebote .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;}
}
@media (min-width: 764px) {
.type-contact.piece.flex > .visual, .type-contact.piece.float > .visual {margin-bottom: -1px;}
.list-entry.teaser-tile .teaser-text {
    font-size: 1.8rem;}
.piece.flex.left > .body { padding-top: 20px;}
}


@media (max-width: 1013.98px) {
.angebote .effect-box {max-width: 180px;
    margin: 0 auto;}
 .nav-menu > li > a:focus, .nav-menu > li > a:hover, .nav-menu > li.active > a:focus, .nav-menu > li.active > a:hover {color: #fff; background: #e00; font-weight: 500;}
.box h3 {font-size: 23px; font-weight: 400;}
header.fh.ls-4 .nav-main-mobile-logo .img-responsive {
    width: 83px;}
#nav-main-addition {display: none;}
.type-contact .text, .fb-foot .text {
    font-size: 1.5rem;}
}

@media (min-width: 1014px) {
.nav-menu > li.expand.ed > a {
    color: #fff;
    background-color: #e00;}
.head.isfixed .header-image.image-src-box.presized img {
    box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 30%);
    border: 0;}
 .nav-menu > li > a:focus, .nav-menu > li > a:hover, .nav-menu > li.active > a:focus, .nav-menu > li.active > a:hover {color: #fff; background: #e00; font-weight: 500;}
.box h3 {font-size: 27px;}
.nav-menu {border-top: 0; border-bottom: 0;}
.nav-menu > li > a {font-size: 18px; font-weight: 300; padding: 12px 20px; border-bottom: 2px dashed #ddd;}
.header-image.image-src-box.presized img, .head.isfixed .header-image.image-src-box.presized img {padding: 10px; top: 4px;}
header.fh.ls-4 .h-logo {
    flex: 0 0 180px;
    max-width: 180px;}
	header.fh.ls-4 .isfixed .h-logo {
    flex: 0 0 160px;
    max-width: 160px;}
	.nav-first a {
    display: flex;}
	header.fh.ls-4.header-isfixed.fix-overlay .nav-main-container {
    max-width: calc(100% - 150px);}


.barrierefrei ul.eyeAbleSkipFontSize {
    position: fixed;
    right: -58px;
    padding: 7px 12px 8px 12px;
    top: 310px;
    background: rgba(0,0,0,.8);
    z-index: 300;
    -moz-transform: rotate(-90deg);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
	font-weight: 400;
}

.barrierefrei ul.eyeAbleSkipFontSize a:link, a:visited {
 text-decoration: none;
}
}

@media (min-width: 1200px) {
header.fh.ls-4 .h-logo {
    flex: 0 0 270px;
    max-width: 270px;}
header.fh.ls-4 .isfixed .h-logo {
    flex: 0 0 220px;
    max-width: 220px;}
}