@media (hover: none) {
.effect-parallax-bg {
    background-attachment: initial;
    background-position: center !important;}
}
.pp-banner * {
    font-size: 15px;
}

div.org-opencms-gwt-client-ui-css-I_CmsDirectEditCss-expiredListElementOverlay {z-index: 6 !important;}

.accordion .acco-toggle::after {top: 0px !important;}
.accordion {border-bottom: 0 !important; padding-bottom: 0 !important}


.pp-banner .buttons .btn-save, .pp-banner .buttons .btn-save:hover {background-color: #eee; color: #333; border-color: transparent;}
.pp-banner .buttons .btn-accept, .pp-banner .buttons .btn-accept:hover {background-color: green; color: #fff; border-color: transparent;}

.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: 45px;} .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, .tab-pane > div > .row-12:last-child, .tab-pane > div > .row:last-child {
    margin-bottom: 0;
}
.list-pagination .btn.btn-append {left: 49% !important;}


body {font-family: 'Source Sans Pro', sans-serif; font-size: 2.2rem; background: #fff; line-height: 1.4;}
.nav-main-items li.active.expand.ed > a, .nav-main-items li.active > a {background-color: #fff;}
.nav-main-items li.expand > a[aria-controls]::after { display: none !important;}
.type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption small, .nav-main-items > li > a, .calendar-sheet, .nav-main-items > li > a {
    font-family: 'Source Sans Pro', sans-serif;}
.headline-center, .text-center {text-align: center;}
h3, .h3 { font-weight: 400;}
h1, .h1, h2, .h2 { margin-top: 1.6rem; font-weight: 400;}
.btn {background-color: transparent; border-radius: 30px; border: 1px solid #333; margin-top: 15px; color: #333; padding: 5px 30px; font-weight: 300;}
.subline p:first-child {color: #aaa;}
b, strong {font-weight: 400;}
a {color: #e00;}
.text ul {margin-bottom: 25px !important;     margin-left: 0;
    padding-left: 1em;}

/* ################ Nav & Head #################*/
.area-header {margin-bottom: 0; box-shadow: none;}
.nav-main-mobile-logo .image-src-box.presized img {max-width: 150px;}
.h-info .type-linksequence li  a {padding: 5px 25px; background: #ddd;  border-radius: 30px; color: #333 !important;}
.h-info .type-linksequence {margin-bottom: 7px; margin-top: 5px;}
.h-info .ls-row.no-icon li:not(:last-child) {margin-right: 10px;}
header.fh.ls-4 .h-logo {flex: 0 0 180px;  max-width: 180px;}
.head.isfixed .h-logo img {display: block;}
.h-nav .co-lg-xl {padding-right: 30px; padding-bottom: 20px;}
header .co-sm-md,  header .co-lg-xl {max-width: 100% !important;}
.type-nav-breadcrumbs {max-width: max-content; padding: 1px 30px 5px 30px;  background: #eee; border-radius: 30px; margin-bottom: 10px; margin-top: 8px;}
ul.nav-breadcrumbs {padding: 0; margin: 0;}
.nav-breadcrumbs > li a {font-size: 17px; color: #888; font-weight: 400;}
.nav-breadcrumbs > li:last-child a { color: #333; font-weight: 400; pointer-events: none; }
.type-nav-breadcrumbs {margin: 0 auto; margin-top: 40px; margin-bottom: 20px;}
.header-links ul li {padding: 10px 0px 8px;}
.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;}
.area-header .header-links > ul > li > a {font-size: 15px;}
.nav-main-items > li:nth-of-type(3), .nav-main-items > li:nth-of-type(5), .nav-main-items > li:nth-of-type(6), .h-meta a   {}
.mega {font-size: 1.9rem;}
li.mega a::before { font-family: 'ForkAwesome'; content: "\f004"; margin-right: 7px; top: 2px; position:relative;}

.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;}
.nav-mega-menu h2 {font-size: 30px; margin-top: 0px;}
.nav-side li a:before { content: "\f111";   font-size: 10px; color: #d0e8ea; }
.nav-side li.currentpage a:before, .nav-side li:hover a:before { color: #557290; }
.nav-side li > a:not(.btn):focus, .nav-side li > a:not(.btn):hover, .nav-side li.currentpage > a:not(.btn):hover {background: transparent;}
.nav-side li a {padding: 10px 20px 10px 15px;}
.nav-side li.currentpage > a:not(.btn) {font-weight: 600; color: #ee0000; }
.nav-side li.currentpage > a:not(.btn):hover,.nav-side li > a:not(.btn):focus, .nav-side li > a:not(.btn):hover {color: #ee0000; }



.styled-form .input.button button.btn {margin-top: 0; background: #e00; color: #fff; border-top: 1px solid #e00; border-bottom: 1px solid #e00;}


/* ############# Bilder ################## */
.image-src-box.presized img { height: auto;}
.image-src-box.presized > .image-copyright, .type-slider .slide-wrapper .copyright {font-size: 11px; padding: 6px 10px; color: #fff; background-color: rgba(0, 0, 0, 0.6);}
.head-image .image-src-box.presized > .image-copyright {left: 0 !important; right: unset;}
.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;}
.type-imageseries > .series > button.btn {margin: 0 auto; margin-top: 15px; width: auto;}
/* ############# Boxen ################## */
.box {box-shadow: 2px 6px 13px -1px rgb(0 0 0 / 30%); background: transparent; margin-top: 0;}
.box.grey {box-shadow: none; background: #eee; margin-top: 0;}
.box.grau{box-shadow: 2px 6px 13px -1px rgb(0 0 0 / 30%); background: #eee; margin-top: 0;}
.box h3 {font-size: 25px;}
.row.box {margin-right: 0; margin-left: 0;}

/* ############# Sitemap ################## */
.type-sitemap li a {background: #eee; font-size: 17px; color: #333;}

.type-sitemap li.top > a  {background: #ee0000; font-size: 20px; font-weight: 400;}
.type-sitemap li a:hover {background: #999;}

.type-sitemap ul.collapse {margin-top: 10px; margin-bottom: 20px;}
.type-sitemap li a.tree-toggle {padding: 10px; margin-bottom: 10px;}
.type-sitemap li a.tree-toggle:after {top: 1rem;  right: 1.4rem;}



/* ############# Kontakte ################## */
.type-contact {box-shadow: 2px 6px 13px -1px rgb(0 0 0 / 30%);}
.type-contact .body {padding: 5px 20px 20px;}
.type-contact.p-md-4 .body {padding: 30px 20px 20px;}
.type-contact h3 {font-size: 20px !important;  line-height: 22px; margin-bottom: 10px !important;}

.type-contact h3 {font-size: 24px !important;}
.type-contact .text {font-size: 2rem;}
.type-contact .h4 {font-weight: 400;}
.type-contact .text a  {text-decoration: none;}


/* ############# Slider ################## */
.type-slider .slide-wrapper .caption {background-color: transparent;}
.type-slider .slide-wrapper .caption strong { border-radius: 0px; padding: 8px 30px;    background: rgba(238, 0, 0, 1);  max-width: 100%; text-shadow: none; font-size: 45px; font-weight: 400;}
.type-slider .slide-wrapper .caption small {font-weight: 300;  border-radius: 0px; padding: 8px 30px;  background: rgba(255, 255, 255, 1);  color: #222;  text-shadow: none; font-size: 32px;}
.type-slider .slide-wrapper .caption {padding: 15px 10px 18px;}
.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;}


/* ################ Special ul's #################*/
.pdf ul, .link ul, .check ul {list-style: none outside none; margin-left: 0; padding-left: 0;}
.link li, .pdf li, .check li {overflow: visible; padding-left: 25px; position: relative;margin-bottom: 8px; line-height: 20px;}
.pdf li:before, .link li:before, .check li:before { font: normal normal normal 19px/1 FontAwesome; margin-right: 10px; left: 0; position: absolute;}
.check li:before {content: "\f046";}

/* ############# Zitat ################## */
.cite-content {max-width: 900px; margin: 0 auto;}
.cite {text-align: left; color: #fff; padding: 100px; text-align: left; font-size: 35px; line-height: 43px; border-bottom: 1px solid #fff; background: #ee0000 url('/export/sites/demo-s-11/0-caritas-shared/mercury/watermark3.png') no-repeat 15% center;}
.cite .small {font-size: 30px; line-height: 35px;}
.max-900 {max-width: 900px; margin: 0 auto;}

/* ############# Counter ################## */
.parallax-counter-s11 {text-align: center;}
.parallax-counter-s11 {padding-top: 130px; padding-bottom: 120px; }
.parallax-counter-s11.small-font .features {padding: 37px 10px;}
.parallax-counter-s11 .features {width: 210px; height: 210px; padding: 60px 0; position: relative; text-align: center; display: inline-block;  border-radius: 50% !important;  background: rgba(255,255,255,0.2);}
.parallax-counter-s11.counter-dark .features {background: rgba(17, 17, 17, 0.5);}
.parallax-counter-s11 .features:after {top: -15px;left: -15px;right: -15px;bottom: -15px; content: " "; border-radius: 50%; position: absolute; border: 7px solid rgba(255,255,255,.35);}
.parallax-counter-s11.small-font .features span {font-size: 12px;}
.parallax-counter-s11 .features span {color: #fff; display: block; font-weight: 200; font-size: 15px;}
.parallax-counter-s11 .features span.counter {font-size: 30px;}
.parallax-counter-s11 .features span.features-info {text-transform: uppercase; padding: 0 5px;}


/* ################ Lists #################*/

.list-content .list-append-position {text-align: center; border-top: 1px solid #555; display: block; margin-top: 40px; 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: #e00;}



/* ################ News #################*/
.detail-page .sub-header {font-size: 1.5rem; line-height: 1.5;}
.detail-page .detail-visual .visual-info {font-size: 1.2rem;}
.teaser .intro-headline {font-size: 18px;}
.list-entry.teaser-tile .teaser-text {font-size: 16px;}
.date-top .teaser .teaser-date {font-size: 66%; color: #fff; font-weight: 600; position: absolute; top: 0; background: rgba(238, 0, 0, .75); padding: 8px 19px; right: 0;}


/* ################ Icons & Lotse #################*/

.lotse .piece > .visual .subtitle, .icons .piece > .visual .subtitle {z-index: 23;  cursor: default; background:rgba(238, 0, 0, .75); padding: 10px 20px; position:absolute; bottom: 10px; width: auto; color: #fff; font-weight: 300; font-style: normal; font-size: 22px;}
.lotse .type-section {position:relative;}

.icons img {padding: 20px 40px; background: #ccc; border-radius: 4px;}
.icons .piece > .visual .subtitle {width: 100%; background:rgba(238, 0, 0, 1); text-align: center; }
.icons .type-section {position:relative;}



/* ################ Map #################*/
.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;}
.map-osm .mapboxgl-popup-content {padding: 20px;}
.mapboxgl-popup {top: 15px; max-width: 300px !important;  }
.marktxt a {border-radius: 30px; display: block; padding: 6px 30px; color: #fff; margin-top: 15px; background: #ee0000; border: 0; margin-bottom: 0px; text-align: center;}
.marktxt a:hover { background: #999; text-decoration: none;}
.type-map {position: relative;}
.map-full {margin-bottom: -50px; margin-top: 50px;}
.map-full .mapboxgl-map {height: 500px !important;}
.type-map .mapbuttons {position: absolute; top: 0; margin-top: 15px; margin-left: 15px; z-index: 5;}
.map-full .type-map .mapbuttons {z-index: 0;}
.type-map .mapbuttons .btn {margin-top: 0.5rem; margin-right: 0.5rem; display: block; width: 100%; font-size: 1.5rem;}
#template-info::before {
  display: none;
 content: '{"main-theme":"#000", "main-theme-hover":"#dd0011", "map-color":["#777","#dd0011","#235789","#ac3931","#ada8b6","#ddd","#aaa","#eee","#888","#fff","#000","#aaa"], "map-style":[{"featureType":"all","elementType":"all","stylers":[{"saturation":"-100"}]},{"featureType":"administrative","elementType":"labels.text.fill","stylers":[{"color":"#000"}]},{"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"}]}]}'; }



/* ################ Foot #################*/

.topfoot .type-contact {box-shadow: none; }
.topfoot .type-contact .body {padding: 0px;}
.topfoot .social-icons li a {background-color: #fff; border-radius: 50%;}
.topfoot .styled-form {border: 0;  padding: 0px 0 20px 20px;}
.topfoot .styled-form label {color: #fff;}
.topfoot .styled-form .note {display: none;}
.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: #fff; border-color: #fff;}

.topfoot .styled-form .select select {background-color: #333 !important;}
.topfoot .styled-form footer,  .topfoot .styled-form fieldset {padding: 0 10px; border-top: 0;}
.topfoot .type-webform .formbtn-row .formbtn {margin-left: 0; margin-right: 0; background-color: transparent; border: 1px solid #fff; color: #fff;}

.topfoot .type-webform .formbtn-row {margin-top: 5px;}
.topfoot .type-webform .formbtn-row .formbtn.btn {border-radius: 30px;}
.topfoot .type-shariff {margin-top: 20px;}


.area-foot {margin-top: 50px;}

.area-foot .subfoot {background-color: #ee0000; font-size: 1.6rem;  margin-bottom: 0; color: #fff; border-top: 1px solid #eee;} 
.area-foot .topfoot a:not(.btn), .area-foot .topfoot a:not(.btn):focus, .area-foot .topfoot a:not(.btn):hover, .area-foot .topfoot h1, .area-foot .topfoot h2, .area-foot .topfoot h3, .area-foot .topfoot h4, .area-foot .topfoot h5, .area-foot .topfoot h6, .area-foot .subfoot, .area-foot .subfoot a:not(.btn), .area-foot .topfoot {color: #fff;}
.subfoot .text-right {text-align: right;}
.area-foot .topfoot {background: #333 url('/bonn-2021/.galleries/bilder/.system/watermark2.png') no-repeat 100px center; padding: 60px 0 30px;} 
.area-foot .type-contact.no-resize .image-src-box img {max-width: 250px; margin-bottom: 30px;}
.topfoot h3 {font-size: 2rem !important;}
#topcontrol {background: #ee0000; border-radius: 50% !important;}

/* ################ Accordion #################*/

.acco-body .box ul {padding-left: 20px;}
.accordion .acco-header {font-size: 2.2rem;}
 .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;}
 

 .accordion .acco-toggle.collapsed::after { content: "\f067";  padding: 11px 15px; font-size: 20px; background: #ee0000; }
   .variant-accordion.faq .acco-toggle.collapsed::after {content: "\f29c";  padding: 5px 10px; font-size: 30px; background: #ee0000; }

 .accordion {border: 0; margin-bottom: 10px; border-bottom: 1px solid #ccc; box-shadow: none; }
 .accordion .acco-body {padding: 0 30px 0 40px; margin-top: 15px; border-top: 0; border-left: 4px dotted #ddd; margin-bottom: 30px; margin-left: 20px; }
.acco-body ul {padding-left: 30px;}
.acco-body .type-linksequence ul {padding-left: 2px;}
.accordion .acco-header > a:focus, .accordion .acco-header > a:hover {background: transparent;}
 .accordion .acco-header > a:focus, .accordion .acco-header > a:hover {color: #ee0000;}




@media (max-width: 550px) {
body {font-size: 18px !important;}
h1, .h1, h2, .h2, .subline p:first-child, .teaser .intro-headline {font-size: 2.2rem !important;}
.parallax-counter-s11.small-font .features {width: 200px; height: 200px;}
.parallax-counter-s11 .features {width: 110px; height: 110px; padding: 15px 0;}
.parallax-counter-s11 .features:after {top: -7px; left: -7px; right: -7px; bottom: -7px;}
.parallax-counter-s11 .features span.counter {font-size: 20px;}
.parallax-counter-s11 .features span.features-info {font-size: 11px;}
}


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

@media (min-width: 764px) {
.type-contact.piece.flex, .type-linksequence {flex-grow: 1;}
.list-entry .teaser {box-shadow: 2px 6px 13px -1px rgb(0 0 0 / 30%);} 
.list-entry.teaser-tile .body {padding: 10px 20px 25px;}
.list-entry.teaser-tile .teaser-text {font-size: 16px;}
.teaser .intro-headline {font-size: 20px;}
.contact-special .piece.p-md-4.flex > .body {flex: 0 0 calc((100% + 30px) * 0.63 - 16px);}
.contact-special .piece.p-md-4.flex > .visual {flex: 0 0 calc((100% + 30px) * 0.37 - 15px);}

.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%;}
}




@media (max-width: 763.98px) {
body {font-size: 1.3rem;}
.type-slider .slide-wrapper .caption strong {font-size: 20px; padding: 7px 15px;}
.type-slider .slide-wrapper .caption small {font-size: 18px; padding: 7px 15px;}
.slider-nav-btn.prev-btn::before, .slider-nav-btn.next-btn::before {display: none;}
.parallax-counter-s11 {padding-top: 50px; padding-bottom: 40px;}
.cite {font-size: 25px; line-height: 34px; padding: 50px;}
.accordion .acco-body {margin-left: 0;}
.area-foot, .styled-form, .area-foot .subfoot {font-size: 1.3rem;}
.type-map .mapbuttons .btn {font-size: 1.1rem; padding: 0.3rem 0.6rem;}
.area-foot .subfoot {margin-bottom: 0;}
.subfoot .text-right ul {text-align: left;}
.subfoot .element {margin-bottom: 0.8rem;}
.area-foot {line-height: 1.3;}
}


@media (min-width: 992px) {
header.fh.ls-4 .h-logo {flex: 0 0 250px;max-width: 250px;}
}


@media (min-width: 1014px)  {
.nav-main-items > li.expand > a::after {display: none;}
.container-lg, .container-md, .container-sm, .container {max-width: 1050px;}
header.fh .header-group {border-bottom: 0;}
header.fh.header-isfixed.fix-overlay .h-logo::after, header.fh.header-isfixed.fix-overlay .h-logo::before {background-color: transparent; box-shadow: none !important;}
header.fh.nav-disp-big.nav-right .nav-main-items > li > a {  font-size: 18px ;}
header.fh.ls-4 .h-logo {flex: 0 0 250px;max-width: 250px;}
.nav-menu {min-width: 300px;}
.nav-first a { display: none;}
.head.isfixed .h-logo {background: url() no-repeat 10px 30px;}
.nav-main-items > li.active > a {color: #e00;}
.nav-main-items > li[aria-expanded] > a::after {display: none;}
.nav-main-items > li > a {font-weight: 300;}
.nav-menu > li > a {font-size: 16px;}
header .h-logo {position: absolute;}
.head-detail-page {margin-bottom: 90px !important;}
header.head-detail-page.fh.ls-2 .h-logo {flex: 0 0 160px !important; max-width: 160px !important;}
header.fh.ls-4.header-isfixed.fix-compact .h-logo {max-width: 300px;}
.header-image.image-src-box.presized img { top: -12px;  z-index: 10;  background: #fff;  padding: 20px 30px 30px; box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.3);}
.head.isfixed .header-image.image-src-box.presized img { background: #fff; padding: 20px 20px 20px;  box-shadow: none;  border: 1px solid #ccc;}
header.fh.nav-below .head.isfixed .h-nav {margin-top: 19px;}
header.fh.ls-4 .isfixed .h-logo { flex: 0 0 240px;  max-width: 240px;}

.area-header .header-group::before {background-image: 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[aria-expanded=true] > a, .nav-main-items > li[aria-expanded=true] > a:focus, .nav-main-items > li[aria-expanded=true] > a:hover, .nav-menu > li > a:focus, .nav-menu > li > a:hover, .nav-menu > li.active > a:focus, .nav-menu > 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: #e00;}

.nav-menu {border-top: solid 1px #e00; border-bottom: solid 1px #e00;}


.area-foot .subfoot .text-right {text-align: right;}
.head-image.piece > .visual .subtitle {background: rgba(85, 114, 144, 0.7);}
h1, .subline p:first-child {font-size: 4.2rem;     line-height: 1.35;} 
.subline p:first-child {    margin-top: -28px;}
h2, .h2,.subline.sub2 p:first-child {font-size: 4.2rem;  line-height: 1.35;}
h3, .h3 {font-size: 3rem;  line-height: 1.35; font-weight: 400;}
.nav-mega-menu .nav-side li a:before {top: -1px; left: -5px; color: #ccc; font-size: 10px;     content: "\f111";}
.nav-mega-menu .nav-side li:hover a:before { color: #ee0000; }
header.fh.pad-md.header-notfixed.nav-below .h-nav {    padding-top: 25px;}
header.fh.nav-disp-big.nav-right .nav-main-items > li > a {margin-left: 6px; padding-left: 12px;}
.head-detail-page {margin-bottom: 120px !important;}  
li.mega > a {background: #ee0000; color: #fff !important; margin-top: -10px; margin-left: 20px !important; border-radius: 4px; padding: 8px 20px 8px 15px  !important;}
html.hasscript .nav-main-container .nav-mega-menu {border-radius: 4px; padding: 25px 25px 5px; border-bottom: 0; border-top: 0;}
.type-sitemap .sitemap-col-6 > li.top { width: calc(50% - 20px);  margin-right: 20px;}
}


@media (max-width: 1013.98px) {
.accordion .acco-header {
    font-size: 1.6rem !important;
}
.nav-main-items li.expand > a[aria-controls]::after { display: none !important;}
.nav-main-mobile-logo .image-src-box.presized {padding-bottom: 80px !important;}
h1, .h1, h2, .h2 {font-size: 25px;}
.subline p:first-child {font-size: 25px; margin-top: -18px; color: #aaa; line-height: 1.2;}
body {font-size: 1.8rem; line-height: 1.3;}
.nav-main-container .nav-main-mobile-logo {text-align: right; padding-right: 65px;}
.nav-main-container {background-color: #fff;}
header.fh.ls-4 .nav-main-mobile-logo .img-responsive { width: 153px;}

#nav-toggle-label {top: 10px;right: 10px; }
.nav-toggle, .nav-toggle.active {background-color: #ee0000; border-radius: 3px;}
.header-image.image-src-box.presized img  { z-index: 1; }
.bread {display: none;}
li.mega a {background: transparent; color: #333; margin-top: 0px; margin-left: 0px !important; border-radius: 0px; padding: 8px 20px 8px 15px  !important;}
html.active-nav .area-header .header-group li[aria-expanded] > a::after {right: 10px;background-color: #ee0000; border-radius: 3px; }
html.active-nav .area-header .head-overlay {opacity: 0.5;}
.parallax-counter-s11 .features {margin-bottom: 30px;}
.lotse .piece > .visual .subtitle {background: rgba(238, 0, 0, 1);position: relative; margin-top: 11px;}
.topfoot .styled-form {padding: 0;}
.area-foot .topfoot {background: #333 url('/export/sites/demo-s-11/0-caritas-shared/mercury/flammenkreuz-mobil.png') no-repeat center center !important; padding: 60px 0 30px;} 

}


@media (max-width: 1013.98px) and (min-width: 764px) {
.nav-main-container .nav-main-group { width: 400px;}
}


@media (min-width: 1200px) {
.container-xl, .container-lg, .container-md, .container-sm, .container {max-width: 1170px;}
.h-group .h-info {padding-right: 35px !important;}
.nav-mega-menu .nav-side li > a {font-size: 16px; padding: 8px 13px;}
html.hasscript .nav-main-container .nav-mega-menu {padding: 32px 32px 10px;}
header.fh.nav-disp-big.nav-right .nav-main-items > li > a {  font-size: 22px;}
.nav-mega-menu .nav-side li > a { font-size: 18px;  padding: 8px 17px; margin-left: -13px; font-weight: 400;}
header.fh.ls-4.header-isfixed.fix-overlay .nav-main-container { max-width: calc(100% - 100px);}
header.fh.ls-4 .h-logo { flex: 0 0 340px; max-width: 340px;}
}
@media (max-width: 450px) {
.icons .piece > .visual .subtitle, .lotse .piece > .visual .subtitle {padding: 10px 10px;font-size: 15px;}
.cite {font-size: 18px; line-height: 24px; padding: 50px 30px 30px;}
}