@import url('/system/modules/alkacon.mercury.bistuemer.ebk/css/ebk-agency-menu.css');
@import url('/.themes/fonts/font.css');

.hide, .flip-row .einfach {display: none;}

.imageflip .text-section {
    font-size: 1.6rem;
}

 .flags-wrap {display: inline-flex; z-index: 99;
    }
.flags-wrap ul {position: fixed;
    top: 40vh;
   
    transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    overflow: visible;
    right: -53px;}
.flags-wrap li a {
background: #fff;
     display: flex;
    justify-content: center;
       padding: 2px 10px;
    font-size: 2rem;}




.org-opencms-ade-containerpage-client-ui-css-I_CmsLayoutBundle-I_CmsContainerpageCss-oc-ignore-small-elements .oc-small-element .oc-option-bar {
    visibility: visible !important;}
.flip-row .copyright {right: unset !important;
    padding: 4px !important;
        background: rgba(255,255,255,.8); z-index: 99 !important;}
	
	
	
.ap-legaltext {    margin-left: -15px;
    margin-right: -15px;}
.area-header.no-margin {
    margin-bottom: -163px;
}
.bfb {background: url(/.galleries/bilder/bfb.jpg) center center / cover no-repeat;
    min-height: 500px;
}
.haetz {background: url(/.galleries/bilder/haetz.jpg) center center / cover no-repeat;
    min-height: 500px;
}
.mzm {background: url(/.galleries/bilder/mzm.jpg) center center / cover no-repeat;
    min-height: 500px;
}
.bfb .image-src-box.presized, .haetz .image-src-box.presized, .mzm .image-src-box.presized {display: none;}

.kachel {background: #ff8000;
    justify-content: center;
   color:#fff;
    }
.bfb-text {background: #ff8000;}
.haetz-text {background: #ff3d3d;}
.kachel h2 {color:#fff;}
.kachel .btn {background: transparent;
    border: 1px solid #fff;
    border-radius: 9px;
    
    font-weight: 300;
    margin-top: 30px;
}
.moods {background: #f7f5f1;}
.moods .row.no-gutters {margin-bottom: -20px; }
body {font-family: 'Source Sans Pro', sans-serif;}

h1, h2 {font-family: 'Comfortaa', cursive; color: #ff3d3d;}
.subline h1.piece-heading, .subline h2.piece-heading {margin-bottom: 0;}

.subline p:first-child {font-weight: 400; color: #ff8000;
}
a {color: #ff3d3d;}


.type-slider .slide-wrapper .caption {background-color: transparent;}
.type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption .titlecaption, .type-slider .slide-wrapper .caption small {background: #ff3d3d;
    padding: 3px 20px; border-radius: 5px;
}
.type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption .titlecaption {font-family: 'Source Sans Pro', sans-serif;     padding-top: 10px;     margin-bottom: 10px;     max-width: max-content;}
.type-slider .slide-wrapper .caption small {padding: 10px 20px;     margin-left: 60px;     margin-top: -17px !important; background: #ff8000;}


.type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption .titlecaption, .type-slider .slide-wrapper .caption small {
    max-width: max-content;
    text-shadow: none;}
.type-slider .slide-wrapper .caption small:nth-of-type(2) {
       margin-top: 18px !important;
    margin-left: 0px;
	background: #ff3d3d;
}

.area-wide.area-full-row .type-slider .slide-wrapper {    border-radius: 10px; border-top-left-radius: 0;
    border-top-right-radius: 0;}
.type-slider {margin: 10px 0; border-top-left-radius: 0; border-top-right-radius: 0; }

:root, .box-body {
    --my-link-color: #ff3d3d;
    --my-main-theme: #ff3d3d;
	    --my-headings-color: #444;
		--my-border-radius: 0;
		
	}
.box, .box-inner {
    --my-body-bg: #ff3d3d;
	color: #fff;}
.box, .box2, .box3 {border-radius: 10px;}
.flex-col .box, .flex-col .box2, .flex-col .box3 {flex-grow: 1;} 
.box a {    color: #efefef;}
.box a, .box2 a, .box3 a {font-weight: 500;}
.box2 {padding: 20px; background: #fff; }
.box3 {padding: 20px; background: transparent; border: 2px solid #ff3d3d;}

.box3.type-linksequence.custom-icon a {margin-left: 7px; color: #444;
    display: flex;}
.type-linksequence.ls-bullets.custom-icon a {
   margin-bottom: 5px;}
header.bh .h-logo-col .h-logo {
    margin-top: 10px;
    z-index: 9;
    background: rgba(255,255,255,.6);
    padding: 10px;
    border-radius: 5px;
}
.area-header.fix-xs .sticky.csssetting > .isfixed {background: transparent; box-shadow: none;}
header .co-sm-md, header .co-lg-xl {
    max-width: 100% !important;
}
header.bh .header-group {
    border-bottom: 0;
}


header.bh .h-logo-row {
    padding-top: 0;
    padding-bottom: 0;}
.area-header .header-group::before {display: none;}


header.bh .nav-menu-header .nav-menu-logo .mobile-logolink {
    max-width: 100px;}

.nav-main-items li > a:hover {color: #ff8000;}
.nav-main-items > li > a, .nav-menu > li > a {font-family: 'Source Sans Pro', sans-serif;}
.nav-main-items li.active.expand.ed > a, .nav-main-items li.active > a, .nav-main-items li.expand > a.nav-label + a[aria-controls] {    
    display: none;}
.nav-main-items li > a { 
	border-bottom: 0;
	    color: #ff3d3d;
		    font-weight: 600;
	padding: 12px 30px;
    line-height: 1.2;   
    font-size: 20px;}
.nav-main-container .nav-main-group .nav-main-items {
    border-top: 0; padding-bottom: 20px;
}
.nav-menu > li > a {
    padding-left: 0;
    text-align: center;
}
.nav-main-container {background-color: #fff;}
.variant-tabs, .accordion {
   
    --my-at-border-color: transparent;}
.einfach .accordion .acco-header .acco-toggle::after {display: none;}
.einfach .accordion .acco-header > .acco-toggle {
        margin-left: auto;
    max-width: max-content;
    border: 2px solid #ff3d3d !important;
	padding: 10px 30px;
    border-radius: 10px;
}
.einfach .accordion {
    border: 0;}
.einfach .accordion .acco-header .acco-toggle::before {content: "\f175"; font-family: var(--my-icon-font-family);
        margin-right: 8px;}
.einfach .accordion .acco-body {padding: 1rem 0;}
.accordion .acco-header .acco-toggle, .tab-list > li > .tab-toggle {border: 0;}
.accordion .acco-header .acco-toggle[aria-expanded=true] {background: transparent; border: 0;    color: #ff3d3d;}
.accordion .acco-body.collapsing, .accordion .acco-body.show {margin-bottom: 15px; padding-bottom: 15px; margin-top: 0;}
.accordion {box-shadow: none;     margin-bottom: 1.5rem; border: 2px solid #ff3d3d; border-radius: 10px; /*box-shadow: rgb(239 118 4 / 20%) 5px 5px, rgb(239 118 4 / 10%) 10px 10px, rgb(239 118 4 / 5%) 15px 15px, rgb(239 118 4 / 0%) 20px 20px, rgb(239 118 4 / 0%) 25px 25px;*/}
.accordion .acco-header > .acco-toggle {padding: 20px 30px; font-weight: 500;
    
    background: transparent; ;  
}
.accordion .acco-header {font-size: 2.4rem;}
.accordion .acco-body {padding: 1rem 3rem 0 3rem;
    border-top: 0;}
.accordion .acco-header > .acco-toggle:focus, .accordion .acco-header > .acco-toggle:hover {background: transparent; color: #ff3d3d; border-color: transparent; }
.accordion .acco-header .acco-toggle::after {content: "\f175"; right: 3rem;}


.tab-list > li > .tab-toggle.active {background-color: #444;}
.tab-list > li > .tab-toggle:hover {background-color: #ff3d3d;}


.area-foot .topfoot {background-color: transparent;}
.area-foot .subfoot {background-color: transparent;
    color: #444;
}



.type-contact {    background: #fff;
    padding: 20px;
    border-radius: 10px;}
.type-contact .piece.full > .visual {
    margin-left: 0;}
.flex-col .type-contact {flex-grow: 1;}
/*################## Polaroids ###########################*/
.row.polaroid.custom {padding: 0 30px;}




.polaroid {
max-width: 87%;
margin: auto;
}

.polaroid .type-section {    background: #fff;
    padding: 15px;
    box-shadow: 0 0.2rem 1.2rem rgb(0 0 0 / 20%);
    font-size: 2rem;
     max-width: 96%;
	color: #444;
	line-height: 1.2;}
.polaroid  .type-section .body {padding: 5px 10px;}
.po-1 {transform: rotate(-6deg);}
.po-2 {transform: rotate(1deg);}
.po-3 {transform: rotate(6deg);}
.po-4 {transform: rotate(-1deg);}

.polaroid .type-section:hover {transform: scale(1.05, 1.05) rotate(0deg);  transition: all 0.75s; z-index: 888;}
.polaroid .oc-option-bar.opencms {right: 0 !important;}


/* ################ Map #################*/
.type-map .presized:not(.enlarged) .mapwindow {border-radius: 10px;}

.map-osm .mapboxgl-popup-content {
    padding: 20px;
}
#template-info::before {
  display: none;
 content: '{"main-theme":"#444", "main-theme-hover":"#dd0011", "map-color":["#ff3d3d","#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"}]}]}'; }

.type-section img {    border-radius: 10px;}


.counter {font-size: 7.5rem;  font-weight: 500; display: block; margin-bottom: 0px; color: #f4f4f4; font-family: 'Source Sans Pro', sans-serif; line-height: 1;}
.features-info {    font-size: 40px; color: #f4f4f4; line-height: 1; font-weight: 400;}
.features {text-align: center; color: #f4f4f4;}
.parallax {padding: 190px 0;}
.nav-side li > a:not(.btn) {
    font-weight: 500;}
.ls-navigation.custom-icon li a::before {margin-left: unset; 
    margin-right: 10px;}
.nav-side li > a {
    
    color: #444;
    border: 2px solid #ff3d3d;
    border-radius: 10px;
    margin-bottom: 10px;
    padding: 10px 11px;
}



.flipper img, .imageflip .text-section {border-bottom-right-radius: 100px;}

.flipper img {filter: grayscale(1);}

.imageflip.color-white .text-section {
    
}
.imageflip.color1.color-white .text-section {border: 1px solid #ff8000;}
.imageflip.color2.color-white .text-section {border: 1px solid #ff3d3d;}
.imageflip.color3.color-white .text-section {border: 1px solid #D9143E;}
.imageflip.color4.color-white .text-section {border: 1px solid #A71F3C;}
.imageflip.color5.color-white .text-section {border: 1px solid #336699;}
.imageflip.color6.color-white .text-section {border: 1px solid #DB487E;}

.imageflip.color1 .image-section .heading .text-heading {background: rgba(255, 128, 0, .7);}
.imageflip.color2 .image-section .heading .text-heading {background: rgba(255, 61, 61, .7);}
.imageflip.color3 .image-section .heading .text-heading {background: rgba(217, 20, 62, .7);}
.imageflip.color4 .image-section .heading .text-heading {background: rgba(167, 31, 60, .7);}
.imageflip.color5 .image-section .heading .text-heading {background: rgba(51, 102, 153, .7);}
.imageflip.color6 .image-section .heading .text-heading {background: rgba(219, 72, 126, .7);}

.imageflip .image-section .heading .text-heading {justify-content: center;
    height: 100%;
    color: #fff;
    border-radius: 0;
    padding: calc(0.8 * var(--my-box-padding));
    border-bottom-right-radius: 100px;
    font-size: 4rem;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    text-align: center;
	font-family: 'Comfortaa', cursive;;}

.imageflip .image-section .heading {
border-bottom-right-radius: 100px;
    width: 100%;
height: 100%;
    
    padding: 0;}


.area-foot {
  background: transparent;
  margin-top: 50px;
  padding-top: 30px;
  border-top: 5px dotted #ccc;
}

.area-foot .subfoot {
    ---my-body-bg: #ff3d3d;
    --my-link-color: #444;
    --my-link-hover-color: #ff3d3d;}
.type-contact {
    background: transparent;
   border: 2px solid #ff3d3d;
}
.moods {padding-bottom: 40px;}
.moods .type-contact {
    background: #fff; border-bottom-right-radius: 30px; border: 0;}
.area-foot .type-contact {
    
   border: 0;}
.area-foot .type-linksequence {text-align: center;}


@media (max-width: 763.98px) {

.accordion .acco-header .acco-toggle::after {
    
    right: 2rem;
}
.accordion .acco-header > .acco-toggle {
    padding: 20px 40px 20px 30px;}
.po-1, .po-2, .po-3 {
    transform: rotate(0deg);
}

.accordion .acco-body {
  padding: 1rem 1rem 0 1rem;}
}

@media (min-width: 764px) {
.type-slider .slide-wrapper .caption.bottom {
    bottom: 7rem;
}
.type-slider .slide-wrapper .caption.left {
    left: 30px;
}
.type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption .titlecaption {
    font-size: 4.8rem;
}
.type-slider .slide-wrapper .caption small {
    font-size: 3rem; }
}
@media (max-width: 1013.98px) {
.flags-wrap li a {

    font-size: 1.5rem;}
.flags-wrap ul {
  right: -47px;}
.xs-4 .col-lg-4 {
    flex: 0 0 auto !important;
    width: 33.33333333% !important;
}

.moods, .bild-text {display: none;}
.haetz {
    background: url(/.galleries/bilder/haetz.jpg) 0 -60px / cover no-repeat;}
.bfb, .mzm, .haetz {
    
    min-height: 300px;
}
.polaroid .type-section {font-size: 1.6rem;}
.parallax {
    padding: 60px 0;
}
.counter {
    font-size: 4.5rem;}
	.features-info {
    font-size: 2.5rem;}
.tab-list > li > .tab-toggle {
    display: inline-flex;
    width: max-content;
    margin-right: 5px;
    border-radius: 7px;
    padding: 4px 15px;
    font-weight: 400;
}
.tab-list > li {
    
    display: contents;
}
.kachel {
   padding: 60px 50px;}
   }

@media (min-width: 1014px) {
.flip-row {margin: 0 20px;}
.hidden-lg {display: none;}
.opencms-page-editor .hidden-lg {display: block;}
.tab-list {
    border-bottom: 0; /*justify-content: center;*/
    display: flex; margin-bottom: 20px;
}
.tab-list > li > .tab-toggle {
   
    background-color: #ddd;
   margin-right: 5px;
    border-radius: 7px;
    padding: 4px 15px;
    font-weight: 400;}
.kachel {
   padding: 100px 80px;}
.polaroid .col-lg-2, .polaroid .col-lg-1 {
    flex: 0 0 12.444447%;
    max-width: 12.444447%;}
.pp-banner {font-size: 2rem;}
.accordion .acco-header .acco-toggle, .tab-list > li > .tab-toggle {font-size: 2.4rem;}
.area-content {
   /* max-width: 93%;
    margin: 0 auto;*/
}
header.bh .h-meta {padding-top: 0;
}

.h-logo-row.container {
    max-width: 100%;
}

header.fh .header-group {
    border-bottom: 0;
}
body {
    font-size: 2.4rem;
}
.imageflip  h2 {
    font-size: 3.0rem;}
h1, h2 {
    font-size: 4.2rem;
    line-height: 1.35;}
.subline p:first-child {
    font-size: 3.2rem;
    line-height: 1.35;}
}
@media (min-width: 1200px) {
.kachel {
   padding: 120px 110px;}
header.bh.ls-2 .h-logo-col {
    flex: 0 0 165px;
    max-width: 165px;}
}
@media (max-width: 1199.98px) {
.imageflip h3 {font-size: 1.6rem;}
}

@media (max-width: 1499.98px) {
.imageflip.small {
    font-size: 0.675em;}
	}

 @media (max-width: 551.98px) {
 .accordion .acco-header .acco-toggle, .tab-list > li > .tab-toggle {font-size: 1.4rem;}
.nav-side {
  margin-left: 0;
  margin-right: 0;}
  }