@import url('/system/modules/alkacon.mercury.bistuemer.ebk/css/ebk-agency-menu.css');
.max-content2 .flex-col {
    container-type: normal;
}
.pp-banner * {
    font-size: 15px;
}

.social .type-linksequence {text-align: center;}
.social .fa {
    box-shadow: 8px 0px rgba(0,0,0,.12);
  font-size: 60px;
    width: 130px;
    height: 130px;
    margin-right: 10px;
    /* border: 1px solid #222; */
    border-radius: 50%;
    padding: 20px;
    line-height: 1.6;
    background: #990011;
    color: #fff;
}
.flips-wrap.acc {display: block;}
.flips-wrap {display:  none;}

.topfoot {display: none !important;}
.subfoot {font-size: 18px;}
.subfoot ul {display: flex; justify-content: center;}
body {font-size: 22px;}

.h-logo-row.container {max-width: 100% !important; margin: 0 auto;}
header.bh .h-logo-row {
    
    padding-top: 0;
   padding-right: 0;
}
header.bh.lp-l .nav-menu-header .nav-menu-toggle {
   
    position: absolute;
    top: -20px;
    right: -30px;
}
.nav-toggle span, .nav-toggle span::before, .nav-toggle span::after {	
	height: 3px;
    background: #444;
}

header.bh #nav-toggle-label-open .nav-toggle {
    width: 50px;
    height: 43px;
}

h2 {font-weight: 300;}
h2 strong {font-weight: 900;}
.headline-big h2 {font-size: 50px;}
.gremien h2 {font-size: 33px;}

.nav-toggle {

	 background-color: transparent;
	 background: rgba(255,255,255,0.7);
}
header.bh .header-group {border-bottom: 0;}

.area-header {margin-bottom: 0; height: 0;}

header.bh.fixtoggle #nav-toggle-label-open {    left: unset !important;}

.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-container {background-color: #fff; padding: 30px 35px 45px;}
header.bh .nav-menu-header .nav-menu-logo .mobile-logolink {max-width: 200px;}
.nav-main-items li[aria-expanded] > a[aria-controls]::after, .nav-main-container .nav-main-group {
  background-color: transparent;
}
nav-main-items > li > a, .nav-main-items li > a {
  color: #444 !important;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 400;
  padding: 15px 0;
  border-bottom: solid 1px #444;
}
header.bh .nav-menu-header {
    background-color: transparent;
    padding: 15px 0 30px;
}

.nav-main-container .nav-main-group .nav-main-items {
    border-top: solid 1px #444;
}


.slider-wrap .container {max-width: 100% !important; margin: 0 auto;}
.slider-wrap .container .col-md-6  {padding-left: 0; padding-right: 0;}
/*##################### Scroll Pfeil ####################### */


.scroll-button .fa {color: #fff;
    font-size: 47px; margin-left: 8px; opacity: 0.7;}
.scroll-button a {
      position: relative;
  bottom: 110px;
  
  z-index: 999;
  display: block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #111;
  font : normal 400 20px/1 'Josefin Sans', sans-serif;
  letter-spacing: .1em;
  text-decoration: none;
  transition: opacity .3s;
}
.scroll-button a span {
  position: absolute;
  top: -100px;
  left: 50%;
  width: 46px;
  height: 46px;
  margin-left: -23px;
 
  border-radius: 100%;
  box-sizing: border-box;
}

.scroll-button a span::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  content: '';

  width: 44px;
  height: 44px;
  box-shadow: 0 0 0 0 rgba(255,255,255,.4);
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: sdb03 3s infinite;
  animation: sdb03 3s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb03 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 60px rgba(255,255,255,.1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb03 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 60px rgba(255,255,255,.1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}






.headline-slider {margin-top: 20px; margin-bottom: 60px !important; padding-left: 100px; padding-right: 20px;}
.headline-slider h1 {font-size: 55px;}

.overlap {position: relative; z-index: 2;}
.img-logo {margin-left: 1px; max-width: 100%;}
.offset-box {padding: 60px; background: #eee; position: relative; right: 120px; z-index: 9; box-shadow: 20px 20px rgba(0,0,0,.12); }

.text-intro {padding-top: 60px; padding-bottom: 60px;}

.flips-wrap {padding-top: 70px; padding-bottom: 70px; background: #990011;}
.flipper .body {font-size: 17px;}

.flipper img {border: 15px solid #fff;}
.imageflip .image-section .heading {top: 20px; left:5px;}
.imageflip .text-section {padding: 40px;}

.accordion .acco-header .acco-toggle span {display: contents; font-weight: 600;}

.flips-wrap.acc img  {box-shadow: 20px 20px rgba(0,0,0,.18);}

.img-acc {margin-top: 30px;}
.img-acc .col-lg-8 {padding-left: 40px; padding-top: 12px;}

.accordion .acco-header .acco-toggle::after{
	content:"";
	background: url(/.galleries/bilder/plus-weiss.png) no-repeat 0 0 / 30px 30px;
	display: inline-block;
	position: absolute;
	left: 10px;
    top: 7px;
    width: 30px;
    height: 30px;
} 

.accordion .acco-header .acco-toggle[aria-expanded=true]::after{
	content:"";
	background: url(/.galleries/bilder/minus-weiss.png) no-repeat 0 0 / 30px 30px;
	display: inline-block;
	position: absolute;
	left: 10px;
    top: 7px;
    width: 30px;
    height: 30px;
} 
.accordion .acco-header .acco-toggle, .more-info .normal .accordion .acco-header .acco-toggle{
	border: none;
	border-bottom: 1px dashed  #fff;
	color: #fff;
	font-weight: 400;
	font-size: 24px;
	display: flex;
	background-color: transparent;
}
.accordion .acco-header .acco-toggle:hover{
	color: #fff;
	border-bottom: 1px dashed #bbb;
	background: transparent;
	
}
.accordion, .more-info .normal .accordion{
	box-shadow: none;
	
}
.accordion .acco-header > .acco-toggle, .more-info .normal .accordion .acco-header > .acco-toggle{
    padding: 10px 20px 14px;
	padding-left: 60px;
    
}
.accordion .acco-header .acco-toggle[aria-expanded=true]{
    color: #fff;
    background-color: transparent;
    border-color: transparent;
}

.accordion .acco-body, .more-info .normal .accordion .acco-body{
    border: 0;
	margin-left: auto;
    width: 100%;
    padding-left: 60px;
	padding-bottom: 30px;
	padding-top: 0;
	margin-top: 0px;
}



/*########################## ONE-TAB ACC ############*/
.more-info .accordion {border-bottom: 0; box-shadow: none;}
.more-info .accordion .acco-header .acco-toggle {margin-top: 10px; font-size: 20px; width: auto; background-color: #990011; border: 0; border-radius: 30px; font-weight: 400; color: #fff;}
.more-info .accordion .acco-header {font-size: 22px;}
.more-info .accordion .acco-header > .acco-toggle {padding: 16px 30px 16px 30px;  margin: 0 auto;  margin-top: 15px; margin-bottom: 30px;}
.more-info .accordion .acco-toggle.collapsed::after, .accordion .acco-toggle::after {background: transparent; }
.more-info .accordion .acco-header .acco-toggle.collapsed::after { display: none;content: "\f107"; font-size: 32px; font-weight: 600;}
.more-info .accordion .acco-body {padding: 0; margin-top: 25px; border-top: 0; border-left: 0; margin-bottom: 30px; margin-left: 0; border: 0;} 
.more-info .accordion .acco-header .acco-toggle::after{ display: none;left: unset; right: 13px; top: 12px; content: "\f107"; font-size: 32px; font-weight: 600; background: none;}

.more-info.animated .acco-toggle.collapsed {animation: pulse-animation 1.5s infinite;}
.more-info .accordion .acco-body{border: 6px dashed #f1f1f1; padding: 30px;border-radius: 20px;}

.top-acc.more-info .accordion .acco-body{border: 0; padding: 0px;border-radius: 0px; margin-top: 5px;}

/*##########################  ACC ############*/
.more-info .normal .accordion {border-bottom: 0; box-shadow: none;}
.more-info .normal .accordion .acco-header .acco-toggle {margin-top: 5px; font-size: 20px; width: 100%; background-color: #990011; border: 0; border-radius: 3px; font-weight: 400; color: #fff;}
.more-info .normal .accordion .acco-header {font-size: 22px;}
.more-info .normal .accordion .acco-header > .acco-toggle {padding: 16px 55px 16px 30px;  margin: 0 auto;  margin-top: 0px; margin-bottom: 0px;}
.more-info .normal .accordion .acco-body{border: 0; padding: 8px;border-radius: 0px;}


/* ===== Scrollbar CSS ===== */
  /* Firefox */
 /* * {
    scrollbar-width: auto;
    scrollbar-color: #c1bbc3 #ffffff;
  }

  /* Chrome, Edge, and Safari */
  /**::-webkit-scrollbar {
    width: 16px;
  }

  *::-webkit-scrollbar-track {
    background: #ffffff;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #c1bbc3;
    border-radius: 10px;
    border: 3px solid #ffffff;
  }*/

.steuer .box {font-size: 17px; padding: 40px; box-shadow: 20px 20px rgba(0,0,0,.12);}
.steuer.dark .box {background: #e7e0e1; box-shadow: -58px -58px 0px -55px rgba(153, 0, 17, .8);     box-shadow: 20px 20px rgba(0,0,0,.05);}
.steuer.dark .box:after {content: '';}

.spenden-wrap {padding-top: 70px; padding-bottom: 70px; margin-top: 40px;}
.box.spenden {padding: 30px; font-size: 17px; box-shadow: 20px 20px rgba(0,0,0,.18);}
.spenden-wrap a.btn {padding: 6px 30px; background: transparent; border-radius: 30px;  color: #fff;  border: 2px solid;}

a.external:after {display: none;}

.contact-wrap {padding-top: 70px;}

.max-content2{max-width: 1300px; margin: 0 auto; margin-top: 80px !important; margin-bottom: 80px !important;}
.form-contact {box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); position: relative; top: 10px; left: 120px; z-index: 10;}
.form-contact .styled-form {border: 0; padding: 20px 10px 10px; background: #fff;}
.form-contact input[type="text"], .form-contact .textarea textarea {border: 0; border-bottom: 2px solid #555; padding: 0;}
.form-contact .note {display: none;}
.form-contact  .styled-form fieldset {padding-bottom: 0;}
.form-contact footer {border-top: 0; padding: 0 0 20px;}
.form-contact .formbtn.btn {background: #990011; border-radius: 4px;}


.projekte ul.tab-list {border-bottom: 0; display: flex; justify-content: center;}
.projekte ul.tab-list li {  margin-bottom: 10px; margin-right: 10px;}
.projekte .tab-list > li > .tab-toggle {text-align: center; width: 80px; height: 80px;color: #333; background: transparent; padding: 0px;  margin-right: 0; border-radius: 0px;     font-weight: 400;  line-height: 1; border: 0; font-size: 50px; background: #eee; border-radius: 50%;}
.projekte .tab-list > li > .tab-toggle.active, .projekte .tab-list > li > .tab-toggle:hover {background: #990011; color: #fff;}
.projekte img { box-shadow: 20px 20px rgba(0,0,0,.12);}






.type-contact .body {background: #eee; padding: 30px 35px; box-shadow: 20px 20px rgba(0,0,0,.12);}
.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;}


@media (max-width: 763.98px) {
.pp-banner * {
    font-size: 11px;
}
.social .fa {
    font-size: 50px;
    width: 90px;
    height: 90px;
    margin-right: 10px;
    /* border: 1px solid #222; */
    border-radius: 50%;
    padding: 20px;
    line-height: 1;}
.styled-form a {font-size: 1rem;}
.img-logo {
    margin-left: 0px;}
.overlap {
    text-align: left;}
.img-logo {margin-top: -60px; max-width: 350px;
}
.projekte .piece > .visual {
    margin-bottom: 40px;}
.projekte .tab-list > li > .tab-toggle {
   
    width: 60px;
    height: 60px;
   font-size: 30px;}
small, .small {
    font-size: 1em;}
.lead {
    font-size: 1.6rem;
}
.headline-slider {
    margin-top: 0px;
    margin-bottom: 40px !important;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
}
.text-intro {
    padding-top: 50px;
    padding-bottom: 50px;
}
.offset-box {
    padding: 50px;
   
    right: unset;
   
    margin: 0 40px;
}
}




@media (min-width: 764px) {
.spacer-right {padding-right: 10px;}
.spacer-left {padding-left: 10px;}
.type-contact .body {
    /*position: absolute !important;
    right: 0;
    top: 10%;
    width: 51% !important;*/
    padding-left: 35px !important;
    z-index: 1;
	margin-left: -30px;
    margin-top: 30px;
}
}

@media (min-width: 1014px) {
.subfoot .row {max-width: 650px;
    /* text-align: center; */
    margin: 0 auto;
}

.projekte .piece.flex.left > .visual {padding-right: 40px;}
.steuer .box {    margin-right: 20px;}
.area-header .header-group::before {background-image: none;}
}


@media (min-width: 1200px) {
.slider-wrap .container .col-md-6  {padding-left: 0; padding-right: 0; /*height: 100vh !important; min-height: 700px;*/}

}


/*
.waben-box{
	-webkit-clip-path: polygon(24% 12%, 76% 12%, 95% 49%, 95% 49%, 76% 88%, 24% 88%, 5% 49%, 5% 49%);
	clip-path: polygon(24% 12%, 76% 12%, 95% 49%, 95% 49%, 76% 88%, 24% 88%, 5% 49%, 5% 49%);
	background: #c77848;
	padding:20px;
	max-width:300px;
	height: 300px;
	color: #fff;
	text-align: center;
}
.waben-box.type-section{
	display: flex;
    justify-content: center;
}
.waben-box.type-section h2:before{
	content: "\f046";
    font-family: forkawesome;
    top: 57px;
    position: absolute;
    left: 137px;
    font-weight: 200;
    font-size: 29px;

}
.waben-box h2{
	color: #fff;
	text-align: center;
	border-bottom: 2px solid #fff;
	width: 60px;
	width: 50%;
    display: inline-block;
}
.waben-box .text{
	width: 70%;
	font-size: 19px;
	margin: 0 auto;
}
.waben-box .oc-option-bar{
	top: 137px !Important;
   	right: 24px !Important;
}
.waben-box.eins{left: 220px; top: 184px; background: #874d2a;}
.waben-box.zwei{top: 67px; margin-left: 2px; background: #ee0000;}
.waben-box.drei{top: 190px; right: 220px; background: #874d2a;}
.waben-box.vier{top: -10px;}
*/
@media (max-width: 1400px) {
.headline-slider {/*display: none;*/}
}


@media  (max-width: 1400px) and (min-width: 764px) {
.headline-big h2 {
    font-size: 40px;
}
.headline-slider {
    margin-top: 0px;
    margin-bottom: 30px !important;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
}
.offset-box {
    padding: 40px;
   
    right: 80px;}
}
@media (max-width: 1199.98px) {
.gremien h2 {

    font-size: 2rem;



}
body {
    font-size: 17px;
}
.max-content2 {
    margin-top: 40px !important;}
}
@media (max-width: 1013.98px) {
.area-foot .subfoot {padding-bottom: 15px;}
.social.pb-30 {
    padding-bottom: 0rem !important;
}


.subfoot .element {margin-bottom: 0 !important;}
.contact .image-src-box.presized {display: none;}
.contact-wrap {
    padding-top: 30px;
}
.contact .pt-40 {
    padding-top: 0rem !important;
}
.contact .piece.par > .body .text {
    text-align: center;}
.mt-40.projekte1 {margin-top: -50px !important;}
small, .small {
    font-size: 1em;
}
.styled-form {font-size: 1.3rem;}
.type-contact .text {
    font-size: 18px;
}
.form-contact {
    left: auto; margin-bottom: 40px;}
.steuer .box {
    
    margin-bottom: 50px;}

.headline-big h2 {
    font-size: 30px;}
}
@media (max-width: 551.98px) {
.revo, .overlap {margin-left: -15px;
    margin-right: -15px;}
.subfoot li {display: block:}
.social .ls-row.no-icon li:not(:last-child) {
    margin-right: 0;
}
.social .fa {
    font-size: 26px;
 width: 60px;
    height: 60px;
    line-height: 1.6;
    padding: 10px;
}
.offset-box {
    padding: 30px; margin: 0px 20px;}
.subfoot .type-linksequence {    font-size: 0.8rem;}
.img-acc .col-lg-8 {
    padding-left: 0px;}
.container {
padding-right: 30px;
padding-left: 30px;
}
 .nav-main-items li > a {
   font-size: 15px;}
   }
@media  (max-width: 1013.98px) and (min-width: 764px) {
.subfoot .col-lg-4 {flex: 0 0 auto;
    width: 33.33333333%;}
.headline-big.headline-slider h2 {display: none;}
}

@media (min-width: 1599.98px) {
.offset-box {
    padding: 80px;}
	.headline-slider {
    margin-top: 50px;
    margin-bottom: 80px !important;}
}