@import url('/.themes/font.css');

.pp-banner * {font-size: 14px;}
.pp-banner .buttons .btn-accept {color: #fff;}
.pp-banner .banner {background-color: #222222db;}
.pp-banner .banner .btn:hover {background: #001A54 !important; color: #fff !important;}
body {font-size: 20px; font-weight: 300;}
#mercury-page {overflow-x: clip;}


body, div, p, h1, h2, h3, h4, li { font-family: 'Open Sans';}
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container, .colored-row {max-width: 95% !important; margin: 0 auto;}
.flex-col:has(.bg-blue) {background: #001A54;}
.flex-col:has(.bg-normal) {background: #F1ECE8;}
.introrow {min-height: 600px;}
.contactrow {min-height: 420px;}
.contactrow img {margin-bottom: 25px;}

.claim-right h1 {font-size: 85px; color: #BB0F31; font-weight: 500; }
.contactrow .claim-right h2 {font-size: 65px; color: #BB0F31; font-weight: 400;}
.claim-right {    justify-content: flex-end;  align-items: flex-end; padding: 0px 50px 30px 0px;}

.claim-left {justify-content: center;  align-items: center;}
.claim-left .image-src-box {max-width: 500px; margin: 0 auto;}



@media (max-width: 1400px) {
.claim-right h1 {font-size: 60px;}
.claim-left .image-src-box {max-width: 350px; margin: 0 auto;}
}

@media (max-width: 1200px) {
.introrow {min-height: 350px;}
.claim-left .image-src-box {max-width: 350px; margin: 0 auto;}
.claim-right h1 {font-size: 45px;}
}

@media (max-width: 1013.98px) {
.claim-left .image-src-box {max-width: 290px; margin: 0 auto;}
.claim-right h1 {font-size: 42px;}
.claim-left {padding: 30px 0 25px;}
.claim-right  {padding: 25px 50px 5px 0px;}
.contactrow  .claim-right h2 {font-weight: 500; font-size: 40px;}
}

@media (max-width: 763.98px) {
.claim-left .image-src-box {max-width: 240px; margin: 0 auto;}
.claim-right h1 {font-size: 37px;}
}


.img-round img {border-radius: 50%; box-shadow: -7px -6px 0px 6px #001A54; margin-top: 15px;}
.img-round img.font-img {border-radius: 0; box-shadow:none; margin-top: 13px;     transform: rotate(0deg); max-width: 100%;}
a {color: #001A54;}
.claim-left a {color: #444;}
b, strong {font-weight: 500;}
.btn {background-color: #001A54; border-radius: 4px; padding: 8px 20px  !important;}
.btn-red .btn, .btn-append {background-color: #BB0F31;}
.btn:focus, .btn:hover, .btn.active, .open .dropdown-toggle .btn {background-color: #001A54; color: #fff;}
h1, h2, h3 {color: #001A54; letter-spacing: -2px;}
h1 strong, h2 strong, h3 strong {font-weight: 700;}
 h1,h2 {font-size: 45px; font-weight: 300;}
  h3 {font-size: 27px; font-weight: 300;}
.imprint h2 {font-size: 27px; font-weight: 400; margin-top: 20px;}
 .box {padding: 40px; font-size: 18px; background: #fff; border-radius: 20px 0 20px 0 !important;   box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, .3);}

@media (max-width: 1013.98px) {
body {font-size: 19px; }
 h2, h1 {font-size: 35px; }
  h3 {font-size: 26px; }
}

@media (max-width: 763.98px) {
body {font-size: 17px; }
 h2, h1 {font-size: 28px; }
  h3 {font-size: 24px; }
  .img-top .visual {  margin: 0 auto;  margin-bottom: 30px;}
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container, .colored-row {max-width: 100% !important; margin: 0 auto;}
 .box {padding: 25px;  font-size: 17px;}
}

@media (max-width: 500.98px) {
 h2, h1 {font-size: 25px; }
  h3 {font-size: 22px; }
}
 
 .piece > .body + .link {margin-top: 20px;}
 


.ochnoch {max-width: 1200px; margin: 0 auto;}

.icon-row {max-width: 850px; margin: 0 auto;}
.icon-row  .tile-col .text-overlay {background: none; position: relative;}
.icon-row  .tile-col .text-overlay .text { letter-spacing: -1px; font-size: 35px; font-weight: 500; text-transform: uppercase; color: #001A54; text-shadow: none !important;}

@media (max-width: 1200px) {
.icon-row  .tile-col .text-overlay .text { font-size: 30px; }
}

@media (max-width: 1013.98px) {
.icon-row  .tile-col .text-overlay .text { font-size: 27px; }
}


@media (max-width: 763.98px) {
.tile-col .text-overlay { padding: 10px 2px;}
.icon-row  .tile-col .text-overlay .text { font-size: 21px;}
}


@media (max-width: 500.98px) {
.icon-row  .tile-col .text-overlay .text { font-size: 18px; }
}


.list-entry h3 {letter-spacing: -1px;}
.list-entry .teaser-text-tile {background: #f5f5f5; padding: 25px;}
.list-entry.teaser-tile .btn {width: 100%;}
.list-entry.teaser-tile .btn:after{  margin-left: 7px; font: normal normal normal 14px/1 var(--my-icon-font-family); content: "\f101"; font-size: 18px;top: 0px; position: relative; left: 0px;}

.list-entry.teaser-tile .teaser-text {font-size: 17px;}
.list-entry.teaser-tile .teaser-date {
    position: absolute;
    top: 40px;
    right: 18px;
    padding: 8px 10px;
    background: #eee;
    font-size: 15px;
	    box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, .3);
   }
   
   .intro-headline > .intro {
    line-height: 1.25;
    font-size: 16px;
    font-weight: 500;
    color: #777;
    margin-bottom: 2px;
    margin-top: 8px;
}

h3.intro-headline {font-weight: 500;}
.list-pagination.pivot { margin: 0 auto; margin-top: 30px  !important; }
.list-pagination .btn-append {background-color: transparent; color: #001A54; font-size: 25px; letter-spacing: -1px;}
.list-pagination .btn-append:after{  margin-left: 10px; font: normal normal normal 14px/1 var(--my-icon-font-family); content: "\f103"; font-size: 23px;top: 0px; position: relative; left: 0px;}



header.bh .h-logo-row {padding-top: 0;}

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

.area-header .header-links > ul > li > a {    font-size: 16px; text-transform: none; }
.h-meta .container {margin-right: 15px; max-width: 95% !important;}
.h-meta {position: relative; right: 76px; top: 45px; display: block !important; }
.h-meta  .ls-icon + span {margin-left: 8px; font-weight: 400;}
	
.h-meta .fa-mobile-phone:before { content: "\f10b"; font-size: 25px;top: 4px; position: relative; left: 11px;}
.h-meta .fa-envelope:before { top: 7px; position: relative; left: 8px;}
.h-meta .fa:before {color: #444;}
.h-meta .fa {width: 32px;  height: 32px; background: #F1ECE8; border-radius: 50%; position: relative;
  top: -3px;}
.h-meta .fa-envelope {top: -9px;}
.nav-toggle {background-color: transparent; background: rgba(255,255,255,0.7) !important;}
.nav-toggle span, .nav-toggle span::before, .nav-toggle span::after {height: 3px; background: #444 !important;}
.nav-toggle-btn.active-nav .nav-burger {
    background: none !important;
}


.mail-mobile {display: none;}

@media (max-width: 763.98px) {
.h-meta .container {margin-right: -15px;}
.teaser .intro-headline {font-size: 20px; margin-bottom: 5px;}
.list-pagination .btn-append {font-size: 22px;}
}

@media (max-width: 600px) {
.h-meta .container {margin-right: -10px;}
.ls-row.no-icon li:not(:last-of-type) {margin-right: 6px;}
.mail-desktop {display: none;}
.mail-mobile {display: block;}

}


header.bh #nav-toggle-label-open .nav-toggle { width: 50px; height: 43px;}
  #label_nav-main-addition { display: none;}
  
.nav-main-container .nav-main-group {padding-top: 0;}

.nav-main-items .nav-menu li > a{font-size: 16px; padding: 10px 0; font-weight: 400;}
.nav-main-items .nav-menu .expand.ed {margin-bottom: 0px !important;}
.nav-main-items .nav-menu .expand.ed ul{margin-top: 10px;}
.nav-main-items .nav-menu .expand .nav-menu li > a{font-size: 17px; padding: 4px 0; border-bottom: 0; text-transform: none; font-weight: 400;}
.nav-main-items .expand.ed .nav-menu{background: #f5f5f5; padding: 10px 20px; margin-bottom: 20px;}
.nav-main-items > li > a {color: #444 !important; text-transform: none; font-size: 18px; font-weight: 400; padding: 15px 0px;  border-bottom: solid 1px #ccc;}
.nav-main-items > li > ul > li > a {color: #444 !important; text-transform: none; font-size: 18px; font-weight: 400; padding: 7px 0px;border-bottom: 0;}
.nav-main-items li[aria-expanded] > a[aria-controls]::after, .nav-main-container .nav-main-group {background-color: transparent;}
.nav-main-items li ul.nav-menu li > a{font-size: 17px; padding: 5px 0px; font-weight: 400;}
.nav-main-items li ul li.active > a{padding-left: 0 !Important; font-weight: 600 !Important;}
.nav-main-items li ul li > a, .nav-main-items li ul li.active.expand.ed > a, .nav-main-items li ul li.active > a {padding-left: 20px;}
.nav-main-items li.active.expand.ed > a, .nav-main-items li.active > a {background-color: transparent;}
.nav-main-items li.expand > .nav-menu{display: none;}
.nav-main-items li.expand > a[aria-controls]::after {top: 9px; background-color:  transparent; color: #444;  right: 2px !important;}
.nav-main-items li.expand.ed > .nav-menu{display: block; margin-top: -2px !important; margin-bottom: 10px;}
.nav-main-items li.expand.ed > a {background-color: transparent; border-color: transparent;}
header.fh.ls-2 .nav-main-mobile-logo .mobile-logolink {width: 195px;}

header.bh .nav-menu-header {background-color: #F1ECE8;}
.nav-main-container .nav-main-group .nav-main-items {border-top: 0; padding: 20px}
.nav-main-container{padding:0px; background-color: #F1ECE8;}

#nav-toggle-label {top: 45px; right: 40px;}
.header-group.co-sm-md {max-width: 100%; }
header.fh .header-group { padding-top: 20px;}
.nav-toggle-btn .nav-toggle{background-color: #ff0000;}




@media (min-width: 763.98px) {
.nav-main-items > li > a { font-size: 21px;}
   .nav-main-container .nav-main-group .nav-main-items { padding: 30px 40px;}
}

@media (min-width: 1014px) {
.nav-main-items > li > a { font-size: 23px;}
  .nav-main-container .nav-main-group { width: 50dvw; }
  .nav-main-container .nav-main-group .nav-main-items { padding: 50px 100px;}
}

@media (max-width: 551.98px) {
  header.bh .nav-main-items li > a {
    padding-left: 0;
  }
}




.area-foot .topfoot, #topcontrol {display: none;}
.area-foot .subfoot {background-color: transparent; color: #001A54; font-size: 20px; padding: 50px 0 30px;}
.area-foot .subfoot a {color: #444;}
.area-foot .subfoot .type-linksequence {display: flex; justify-content: center; }

@media (max-width: 763.98px) {
 .area-foot .subfoot {font-size: 17px; padding: 30px 0 10px;}
}

@media (max-width: 551.98px) {
 .area-foot .subfoot {font-size: 15px;}
}