@import url('/export/system/modules/alkacon.mercury.bistuemer.ebk/css/ebk-agency-menu.css');
@import url('/.themes/fonts/font.css');
@import url('/.themes/fancybox/jquery.fancybox.css');
:root, .box-body-base, .box-body {
    --my-main-theme: #F2BB52;}
.redline {
    background-color: #F8B951;
    height: 90vh;
    position: absolute;
    left: 5%;
    top: -5.5rem;
    transform: rotate(-10deg);
    transform-origin: center top;
    width: 1.5rem;
    z-index: -1;
}
.redline {
    bottom: 0;
    height: 120vh;
    position: fixed;
    left: 4%;
    top: 10px;
}
.redline2 {
    background-color: #D62223;
    height: 90vh;
    position: absolute;
    left: 1%;
    top: -5.5rem;
    transform: rotate(-15deg);
    transform-origin: center top;
    width: 1rem;
    z-index: 1;
}
.redline2 {
    bottom: 0;
    height: 120vh;
    position: fixed;
    left: 1%;
    top: 10px;
}
a {
    color: #D62223;}
.org-opencms-ade-containerpage-client-ui-css-I_CmsLayoutBundle-I_CmsContainerpageCss-oc-ignore-small-elements .oc-small-element .oc-option-bar {
  visibility: visible !important;
}

.pp-banner * {
    
    font-size: 16px;
}
.ds h2{font-size: 3.3rem;}
.ap.ap-privacy-policy .col-xs-12{padding-left:0;}
.ap-legaltext .col-xs-12{padding-left:0;}
.area-content {
    max-width: 93%;
    margin: 0 auto;
}
.white h2, .white .text {color: #fff;}
:root {
    --my-body-font-family: "Raleway", -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";
    --my-body-font-size: 2rem;
    --my-body-font-weight: 300;
    --my-body-line-height: 1.5;
    --my-font-weight-bold: 600;
    --my-disabled-color: #ddd;
    --my-disabled-fg-color: #444;
    --my-main-theme-base: #D62223;
    --my-white: #fff;
    --my-grey-lighter: #eee;
    --my-grey-light: #ddd;
    --my-grey: #aaa;
    --my-text-dark: #444;
    --my-text-light: #fff;
    --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: 300;}
/*.box img {border-radius: 50%;
    border: 4px solid #fff;
    padding: 5px;}*/

.area-foot .flex-col {
    container-type: normal;
}
.type-slider .slide-wrapper .caption.left {
    left: 0;
    height: 100%;
    display: flex;
    justify-content: center;
    max-width: 500px;
    flex-direction: column;
    padding: 30px 40px;
    background: rgba(0, 0, 0, .4);
}
.type-slider .slide-wrapper .caption.bottom {
    bottom: 0;
}
@media (min-width: 1014px) {
    .type-slider .slide-wrapper .caption small {
        font-size: 2.5rem;}
    .type-slider .slide-wrapper .caption strong {
        font-size: 3.8rem;
        font-weight: 600;
    }
}
@media (max-width: 763.98px) {
    .type-slider.text-below-on-xs .captions {
        background-color: #F2BB52;}
	.type-slider .slide-wrapper .caption.left {max-width: unset; padding: 10px 10px; background: transparent;}
	.type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption small {
   text-shadow: none;}
	}
.nav-main-items li.expand > a.nav-label + a[aria-controls], .start .nav-label {
   display: none;}
.big-gutter.row {
    --my-gutter-x: 50px;}

 .variant-tile-accordion .big-gutter .box {margin-bottom: 70px !important;}
.box.rot {
    color: #fff;
    background-color: #D62223;
    font-weight: 400;
}
.box.piece > .body + .link, .box.piece > .body .text + .link {
    
   

    height: 100%;
    display: flex;
    align-items: flex-end;
}
.box.box2 {background-color: #FEF6E9;}

.big-gutter .box .body {background: url(/.galleries/bilder/quote.png) no-repeat; background-size: contain;}
.big-gutter .box {font-weight: 400;     border-left: 2px solid #ccc;
    background-color: #fff;
    font-weight: 500;
    border-top: 2px solid #ccc;
    padding-bottom: 0;
    border-top-left-radius: 10px;}
.box-theme {
    --my-body-bg: #D62223;}
.big-gutter .box .body {display: flex;
    flex-direction: column;
    justify-content: center;}

.btn {background-color: #D62223; margin-top: 1rem; }
.fancybox-container #topcontrol {display: none !important;}

@media (min-width: 1014px) {

    .lead {
        font-size: 3rem;}
h1, .h1, h2, .h2 {font-size: 4.8rem; margin: 30px 0 20px !important;}
}
header.bh .h-logo-row {
    max-width: 100%;
    margin: 0 auto; }
.nav-main-items li > a {
    
    color: #444;
    line-height: 3.4rem;
    padding: 12px 30px;
    border-bottom: 0;
    font-size: 22px;
    font-weight: 400;
}
.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; position: absolute;
    width: 100%;
    max-width: 280px;
    z-index: 99;
    background: rgba(255, 255, 255, 1);
    padding: 10px;
    top: 10px;
    right: 0;
}
header.bh .nav-menu-header .nav-menu-logo .mobile-logolink {
   max-width: 140px;
}


header.bh .h-logo-row {padding-top: 0;
    padding-bottom: 0;}
header.bh .header-group {
    border-bottom: 0;
}
.nav-main-container {
   background-color: #fff;}
.nav-main-items li.expand.expand.ed > a[aria-controls]::after {display: none;}
.nav-toggle-btn .nav-toggle {    background-color: #D62223;}
@media (min-width: 1014px) {
    .nav-main-container .nav-main-group {
        width: 700px;
    }
.nav-toggle-btn .nav-toggle {width: 70px;
    height: 70px;}
    .area-header .header-group::before {display: none !important;}
	header.bh #nav-toggle-label-open .nav-toggle {width: 66px; height: 66px;}
	header.bh .h-toggle-col {
    max-width: 66px;
    min-width: 66px;
}
	.nav-toggle-btn .nav-burger::after {bottom: -14px;}
	.nav-toggle-btn .nav-burger::before {top: -14px;}
	.nav-toggle-btn .nav-burger {top: 31px; height: 5px;}
.nav-toggle-btn .nav-burger::before, .nav-toggle-btn .nav-burger::after {height: 5px;}
}
@media (max-width: 1013.98px) {
.h-logo {max-width: 150px;}
#topcontrol {
    display: none;}
}

/*########################## 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: 4px dotted #ccc;
-webkit-column-rule: 4px dotted #ccc;
-moz-column-rule: 4px dotted #ccc;}

}
.fancybox-container {z-index: 250001;}
.fancybox-stage, .fancybox-slide {z-index: 250000;}

.fancybox-slide--iframe .fancybox-content {max-width: calc(1200px - 100px);
    max-height: calc(100% - 88px);}
.fancybox-is-open {pointer-events: none;}
.fancybox-button--close, .fancybox-button--fullscreen, .fancybox-content {pointer-events: all !important;}


header.bh.lp-r .h-toggle-col {
    margin-left: -15px;}
.button-wrap {position: fixed;
    top: 60vh;
    right: -90px;
    z-index: 999;
    transform: rotate(-90deg);
}

.tile-col .text-overlay, .square-col .text-overlay {var(--my-body-bg);}

.variant-tile-accordion .collapse-trigger .text-overlay {background: #D62223; }

.btn:focus, .btn:hover, .btn.active, .open .dropdown-toggle .btn {
   
    background-color: #F2BB52;}
/* ######## Footer ######## */
.area-foot .box {
    background: #fff;
    box-shadow: 2px 6px 13px -1px rgb(0 0 0 / 17%);
    border-color: transparent !important;
}
.area-foot {
    background: url(/.galleries/bilder/foot-bg.svg) 0% 80% no-repeat;
    background-size: 100%;
}
.area-foot .subfoot .type-linksequence {
    display: flex;
    justify-content: center;
}
.subfoot a{color: #fff;}
.area-foot .container-xl, .area-foot .container-lg, .area-foot .container-md, .area-foot .container-sm, .area-foot .container {max-width: 1320px !important;}
.area-foot .topfoot {
    --my-body-color: #444;
    --my-body-bg: #000;
    --my-headings-color: #444;
    --my-link-color: #e00;
    --my-link-hover-color: #e00; --my-link-color-rgb: unset;
    --my-link-hover-color-rgb: unset;}

.area-foot .subfoot {
        background-color: transparent; font-size: 19px;}

.area-foot .topfoot{background-color: transparent; }
.social-icons li a {
  
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 50%; width: 40px;
    height: 40px;
    display: block;
    line-height: 1;
    font-size: 20px;
}
.social-icons.themed li a * {
    color: #e00;
}
.social-icons.themed li a *:hover {
    color: #fff;
}
.social-icons.themed li a {
    background-color: #fff;
}
.social-icons .fa, .social-icons .fab, .social-icons .fas, .social-icons .ico {
    width: 4rem;
    line-height: 4rem;
    text-align: center;
    font-size: 2.5rem;
}
.social-icons ul {
    
   
    justify-content: center;
}
.social-icons li a span {margin-left: -1px;}






.footer-imprint {display: flex; justify-content: flex-end;}
#topcontrol {
    background: #D62223; right: 0;}
	
@media (max-width: 1013.98px) {	
.area-foot {
    background: url(/.galleries/bilder/foot-bg.svg) 0% 100% no-repeat;
    background-size: 660%;
}
.box {margin-bottom: 30px;}
body {font-size: 1.6rem;}
.button-wrap {
    position: fixed;
    top: unset;
    right: unset;
    z-index: 999;
    transform: rotate(0deg);
    bottom: 0;
    left: 0;}
.btn {
       font-size: 1.3rem;}
}
@media (min-width: 764px) and (max-width: 1013.98px) {
.area-foot {
        background: url(/.galleries/bilder/foot-bg.svg) 0% 100% no-repeat;
        background-size: 180%;
    }
}

@media (max-width: 552.98px) {
.h-logo {max-width: 110px;}
}
@media (max-width: 1013.98px) {
.social-icons .fa, .social-icons .fab, .social-icons .fas, .social-icons .ico {
    width: 3rem;
        line-height: 1.5;
    text-align: center;
    font-size: 2rem !important;
}
}