@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-caritas-shared/m-access/m-access.css');
@import url('/export/sites/demo-s-11/0-mercury-update-fix/fix.css');

header .li-pflege {display: none; }
header.pflegeheim .li-pflege {display: inline-block; }

.subline p:first-child {
    color: #888;
}

.btn-green .btn {background-color: #09803E; color: #fff; border-color: #09803E; white-space: normal;
-webkit-hyphens: auto;
    hyphens: auto;
    overflow-wrap: anywhere;
    word-break: break-word;}
.btn-green .btn:hover {background-color: #e00; color: #fff; border-color: #e00;}
.type-contact.white {background: #fff;}
.type-nav-breadcrumbs {background: #f6f6f6;}
.nav-breadcrumbs > li a {color: #666;font-size: 19px;}
.list-pagination .btn.btn-append {background: #666;}
.ls-expand .heading button {padding-right: 38px;}
.btn-red.spende .link {display: flex;     justify-content: center;}
.btn-red.spende a:before {font-family: 'ForkAwesome';
    content: "\f004";
    margin-right: 7px;
    top: 2px;
    position: relative;}
.lotse-full.piece > .visual .subtitle {position: relative;
    top: -60px;
    background: rgba(238, 0, 0, .75);
    color: #fff;
    max-width: max-content;
    padding: 6px 20px 5px;
    font-size: 22px;
    font-style: normal;}
.lotse-full .body {box-shadow: 2px 6px 13px -1px rgb(0 0 0 / 30%);
    background: transparent;
    margin-top: -30px;
    padding: 20px; flex-grow: 1;}
@media (min-width: 1013.98px) and (max-width: 1199.98px) {
	.lotse-full.piece > .visual .subtitle {    font-size: 19px;}
}
@media (max-width: 1014px) {
	.lotse-full.piece {margin-bottom: 40px;}
}
.btn-red .btn {background-color: #e00;
  border-radius:
30px;
  border:
1px solid #fff;
  margin-top: 15px;
  color: #fff;
  padding:
5px 30px;
  font-weight: 300;}
.link li, .pdf li, .check li {margin-bottom: 0;
    line-height: 1.5;
}

.pdf li:before, .link li:before, .check li:before {top: 9px;
}
.topfoot .styled-form .note.note-error {
    display: block;
}

.full-width .container{max-width: 90%;}

:root {
    --my-body-font-family: "Source Sans Pro", -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";
}
.rkn .body {display: flex;
    align-content: center;
    flex-wrap: wrap;}
@media(min-width: 764px){
.max-50 {max-width: 70%; margin: 0 auto;}
.max-80 {max-width: 80%; margin: 0 auto;}
}

@media(max-width: 763.98px){
.rkn {display: flex;
    flex-direction: row-reverse;
        justify-content: center;}
.rkn .body {    padding-right: 20px;}
}

/* ### Tele oben ### */
.h-group .h-info .type-linksequence li a.telf {background: #ee0000; color: #fff !important; font-weight: 600;}
.h-group .h-info .type-linksequence li a.pflege {background: #09803E; color: #fff !important; font-weight: 600;}
@media(min-width: 1014px){
a.tele{display: none;}
}
@media(max-width: 1013.98px){
a.tele{position: absolute; top: -57px; right: 80px; display: block;}
.tele-wrap{display: block;}
}
@media(max-width: 550px){
a.tele{right: 55px;}
a.tele .fa{font-size: 14px; margin-right: -8px;}

}

.org-opencms-ade-containerpage-client-ui-css-I_CmsLayoutBundle-I_CmsContainerpageCss-oc-ignore-small-elements .oc-small-element .oc-option-bar {
    visibility: visible !important;}
.type-media h4 {color: #fff;}
	
header.fh.ls-5 .h-logo {
    flex: 0 0 200px;
    max-width: 200px;
}
.topfoot .type-contact .visual {
    display: block;}
.no-resize .image-src-box.presized img {
    position: relative;
    left: unset;
    top: unset;
    display: inherit;
}
.no-resize .image-src-box img {
    width: auto;
    max-width: 100%;
    height: auto !important;
}


.lotse .btn{
	background: rgba(238, 0, 0, .75);
padding: 6px 20px 5px;
position: absolute;
bottom: 10px;
width: auto;
color: #fff;
font-weight: 300;
font-style: normal;
font-size: 22px;
border: 0;
border-radius: 0;
white-space: normal;
-webkit-hyphens: auto;
    hyphens: auto;
    overflow-wrap: anywhere;
    word-break: break-word;
	text-align: left;
}


.nav-main-items li.active.mega.expand.ed > a, .nav-main-items li.active.mega > a {
    background-color: #e00;     color: #fff;}
.nav-main-items li.active.expand.ed > a, .nav-main-items li.active > a {
    background-color: #fff;
    color: #e00;
}

.angebote img {border-radius: 100%; padding: 45px; max-width: 90%; margin: 0 auto;}
.angebote .grey img {background: #666; }
.angebote .red img {background: #E00;}
.angebote .blue img {background: #0065ca;}
.angebote .piece > .visual .subtitle {font-size: 22px; text-align: center; font-weight: 400;}
.angebote .image-src-box.presized img {right: 0; box-shadow: 2px 6px 13px -1px rgb(0 0 0 / 30%);}
.type-webform b, .type-webform strong {
    font-weight: 600;
}

.m-auto.no-resize .image-src-box.presized img {margin: 0 auto; width: 45%;}

.cite-content {
    max-width: 950px;}
.zitat .slick-next {
    right: 20px;}
.zitat .slick-prev {
    left: 0;}
.zitat .image-src-box.presized img {border-radius: 50%;
    max-width: 490px; border: 2px solid #ccc;
    padding: 4px;}
.type-slick-slider.zitat .slide-wrapper .copyright { border-radius: 30px;
    border-bottom-left-radius: 0; box-shadow: 2px 6px 13px -1px rgb(0 0 0 / 30%);     right: 30px;
    transform: skew(-9deg,0deg);
    font-size: 32px;
	line-height: 1.2;
    padding: 45px; bottom: 70px;     overflow: visible;
    z-index: 999;
    color: #fff;
	max-width: 60%; text-align: left;
    background-color: rgba(0,102,203,0.8);
    opacity: 1;}
/*.type-slick-slider.zitat .slide-wrapper .copyright:nth-child(2n) {background-color: rgba(238,0,0,0.8);}*/
.zitat.type-slider.logo-slider > .lm-10 .slide-wrapper .visual {
    margin: 10px;
    padding-top: 60px;
}
p.author {font-style: italic;
    font-size: 25px; text-align: center;}

.type-contact .body{
display: flex; align-items: top; justify-content: left; padding: 15px;
}
.type-contact .visual{display: flex; align-items: center; justify-content: center;}

.type-contact .image-src-box.presized img {position: relative;}

.slick-next {right: 70px;}
.slick-prev {left: 25px;}
.org-opencms-ade-containerpage-client-ui-css-I_CmsLayoutBundle-I_CmsContainerpageCss-oc-ignore-small-elements .oc-small-element .oc-option-bar {
    visibility: visible !important;
}


.flex-col .type-contact {
    
    flex-grow: 1;}
.type-contact .body {
    padding: 20px 20px 20px;
}
.type-contact .text {
    font-size: 1.8rem;
}
.type-contact .piece > .visual, .type-contact .visual, .type-contact > * > .image-src-box {
  margin-bottom: 0;}
.box.information {
    overflow: visible;}
.information h3:before {
    content: "\f129";
    font-family: FontAwesome;
    font-size: 34px;
	    line-height: 60px;
    margin: 0 10px 0 1px;
    width: 60px;
   height: 60px; 
    background: #e00;
    position: absolute;
    text-align: center;
    margin-top: -48px;
   z-index: 99999;
    top: 11px;
    left: -28px;
    overflow: visible;
    color: #fff;
    box-shadow: 0px 6px 13px -1px rgb(0 0 0 / 30%); 
	border-radius: 50%;
      transition: all 0.6s ease 0s;}
.box.white {background-color: #fff;}
.accordion .acco-body {border-left: 4px dotted #ccc;}
.colored-row .accordion .acco-header .acco-toggle {    background-color: #fff;}

.link-extern:after {content: " \2197";}
.area-foot img {max-width: 280px;}
.area-foot .topfoot {
    background: #666 url(/.galleries/bilder/.system/watermark2.png) no-repeat 100px center;}
.cite {background: #ee0000 url(/.galleries/bilder/.system/watermark-single.png) no-repeat 15% center;}
.topfoot .styled-form .select select {
    background-color: #666 !important;
}
.map-full.mt-0 {margin-top: 2px !important;}

@media (max-width: 551.98px) {
.zitat .image-src-box.presized img {margin: 0 auto;}
.information h3:before {
    left: -5px;}
}

@media (min-width: 552px) {
header.fh.ls-5 .h-logo {
    flex: 0 0 220px;
    max-width: 220px;}
}


@media (max-width: 763.98px) {
.type-slick-slider.zitat .slide-wrapper .copyright {
    font-size: 18px !important;}
p.author {
    font-size: 15px !important;}
.type-slick-slider.zitat .slide-wrapper .copyright {
    position: relative;
    max-width: 84%;
    right: -30px;}
}

@media (min-width: 764px) and (max-width: 1013.98px) {
.type-slick-slider.zitat .slide-wrapper .copyright {font-size: 26px !important;}
}
@media (min-width: 1014px) and (max-width: 1150.98px) {
.nav-main-items > li > a {
    padding: 0 3px 8px 3px;
}
}
@media (min-width: 1014px) {
header.fh.ls-5.header-isfixed.fix-overlay .nav-main-container {
    max-width: calc(100% - 93px);
}
header.fh.ls-5 .isfixed .h-logo {
    flex: 0 0 240px;
    max-width: 240px;
}
.slider-nav-btn.prev-btn {left: 60px;}
.slider-nav-btn.next-btn {right: 60px;}

.nav-first a {
    display: flex;
}
.nav-menu .expand.open-left > .nav-menu, .nav-menu .expand.open-left .expand > .nav-menu {
    left: auto;
    right: 300px;}

.header-image.image-src-box.presized img {
    top: 20px;
    z-index: 10;
    background: transparent;
    padding: 0;
    box-shadow: none;
    left: 25px;}
.head.isfixed .header-image.image-src-box.presized img {
    background: transparent;
    padding: 0;
    box-shadow: none;
    border: 0;
    top: 10px;}
header.fh.nav-disp-big.nav-right .nav-main-items > li > a {
    font-size: 20px;}




.nav-main-items .nav-icon {position: fixed;    right: -66px;
    padding: 10px 15px 10px 0; top: 400px; background: rgba(0,0,0,.6); z-index: 200000; -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);}
.nav-main-items .nav-icon span.hidden-lg, .nav-main-items .nav-icon span.hidden-xl  {display: inline-block !important; color: #fff;}
.nav-icon .fa-universal-access:before {color: #fff; margin-left: 10px; position: relative; top: 2px;}
}

@media (max-width: 1013.98px) {
.lotse .btn{
	width: 100%;
	bottom: 0;
	text-align: center;
}
.area-foot .topfoot {
    background: #888 url(/export/sites/demo-s-11/0-caritas-shared/mercury/flammenkreuz-mobil.png) no-repeat center center !important;}
.type-slick-slider.zitat .slide-wrapper .copyright {
    font-size: 32px}
p.author {font-size: 20px;}
ul.nav-main-items {    position: relative;}
li.nav-icon {position: absolute; top: -43px; left: 13px;}
li.nav-icon a { border-bottom:0;     background: #555;
    color: #fff;
    border-radius: 4px;
    padding: 3px 10px;}
}

@media (min-width: 1200px) {
header.fh.ls-5 .h-logo {
    flex: 0 0 290px;
    max-width: 290px;
}
header.fh.nav-disp-big.nav-right .nav-main-items > li > a {
    font-size: 24px;}
header.fh.ls-5.header-isfixed.fix-overlay .nav-main-container {
    max-width: calc(100% - 154px);
}
}
@media (min-width: 1350px) {
header.fh.ls-5 .h-logo {
    flex: 0 0 340px;
    max-width: 340px;
}
}
@media (min-width: 764px) {
    /*.type-contact.piece.flex > .visual {
        margin-bottom: -10px;
       
    }*/
}
/*######################### 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: 2px dotted #ccc;
-webkit-column-rule: 2px dotted #ccc;
-moz-column-rule: 2px dotted #ccc;}

}