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


.type-slider.back-blue .slide-wrapper .caption {background-color: rgb(83, 171, 244) !important;}
.type-slider.back-blue .slide-wrapper .caption .titlecaption, .type-slider.back-blue .slide-wrapper .caption small  {color: #444 !important; }

#mercury-page {overflow-x: clip;}
.ebk-logo {opacity: 0;}

@media (max-width: 1013.98px) {
  .nav-toggle-btn .nav-toggle {
   background-color: #55BC64;  }
}

.pagination > li.active > a {
    color: #000;
    background-color: #55BC64;
    border-color: #55BC64;
}
.pagination > li > a {
   
    color: #000;
    background-color: var(--my-pag-bg);
    border: 1px solid var(--my-highlight-border-color);
   
    border-radius: 10px !important;
    margin: 2px;
}
.pagination > li > a, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    color: #fff;
    background-color: #aaa;
    border: 1px solid #aaa;}
.pagination > li > a:hover, .pagination > li.active > a:hover {
    color: #fff;
    background: #53ABF4;
    border-color: #53ABF4;
}
.map-full .mapboxgl-map {
    }
.map-full {margin-bottom: 40px;}
.map-full .mapboxgl-marker svg {display: none;}
.map-full .mapboxgl-marker {width: 35px;  height: 32px; background: url(/.galleries/bilder/marker.png) no-repeat 0 0;}
.map-full .type-map .map-marker .markhead {font-size: 22px;}
.map-full .type-map .map-marker  {font-size: 15px;}
.map-full .map-osm .maplibregl-popup-content {padding: 20px; -webkit-clip-path: polygon(8% 0, 92% 0, 100% 6%, 100% 94%, 92% 100%, 8% 100%, 0 94%, 0 6%);
    clip-path: polygon(8% 0, 92% 0, 100% 6%, 100% 94%, 92% 100%, 8% 100%, 0 94%, 0 6%);}
.map-full .maplibregl-popup  br {display: none;}
.map-full .maplibregl-popup  {top: 15px; max-width: 240px !important;  }
.map-full .adr img {max-width: 200px; margin-bottom: 10px;}
.maplibregl-popup-close-button {right: 13px !important;}
.map-full .adr .name, .map-full .marktxt .ort {font-weight: 400;}
.map-full .adr .desc {margin-top: 5px;}

.map-full .adr a {font-weight: 400; color: #333; text-transform: uppercase; border-radius: 8px; display: block; padding: 7px 15px;  margin-top: 15px; background: rgb(246, 225, 120); border: 0; margin-bottom: 0px; text-align: center;}
.map-full .adr a.download {margin-top: 6px; background: rgb(222, 175, 209);}
.map-full .adr a:hover {text-decoration: none;}

.mapbuttons {position: absolute; top: -60px;}
.type-map .mapbuttons .btn {font-size: 17px;  border-radius: 8px; padding: 7px 15px; background: #55BC64; line-height: 1;  border-radius: 8px}

@media (max-width: 763.98px) { 
.slider-box button, .slider-box [type=button] {opacity: 0.5;}
}

a#skip-to-content {display: none;}
.slide-wrapper.col{max-width: 480px;}

@media (min-width: 1200px) and (max-width: 1600px){
.slide-wrapper.col{max-width: 360px;}
}

.slide-xs img a, a[data-fancybox="gallery"] {
    
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1;
}

/*
.slide-xs img a, a[data-fancybox="gallery"] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1;
}

*/

.type-slider .slide-container, .type-slider .slide-wrapper{
	overflow-x: hidden;
	overflow-y: visable;
	overflow: unset;
}
.logo-slider .image-src-box.presized{ color: #fff; font-size: 0.1px;}


.gespraech h2 {padding-bottom: 10px;}

.area-foot .subfoot li:last-child a:not(.btn) {display: none; }
.oc-edit-buttons-visible .area-foot .subfoot li:last-child a:not(.btn) {padding: 6px 12px; background: #555; border-radius: 5px; color: #fff; display: inline-block; }

.area-foot .subfoot a:not(.btn):focus, .area-foot .subfoot a:not(.btn):hover {
    color: #5e5e5e;
}

.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; font-family: Arial;}
.circle img {border-radius: 50%;}

.fancybox-slide--iframe .fancybox-content { max-width:  1067px; max-height: 600px;}



.fancybox-caption{
	font-size: 20px;
	line-height: 1.3;
    padding: 10px 0 20px;
    border-top: 0px solid rgba(255, 255, 255, 0.6);
      margin: 0 auto;
	  text-align: center;
}


#template-info::before {
  display: none;
 content: '{"main-theme":"#55BC64", "main-theme-hover":"#53ABF4", "map-color":["#55BC64","#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"}]}]}'; }


.fancybox-slide--iframe.fancybox-slide--video  .fancybox-content {max-width: calc(100% - 100px);    max-height: calc(100% - 88px);}
.fancybox-iframe {border: 1px solid #ccc;}
.fancybox-is-open .fancybox-bg {opacity: 0.92;}




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

.image-src-box.presized > .image-copyright {
    right: 50px !important;
}

.tab-list > li > .tab-toggle {
    text-transform: none;
    font-size: 13px;
    line-height: 2.16rem;
    border: none;
    padding: 6px 25px;
    border-radius: 20px;
    margin-right: 10px;
    font-weight: 600;
    min-width: 200px;
    text-align: center;
    
}


.teaser .text > a, .teaser .text > a:focus, .teaser .text > a:hover {color: #000;}

body {color: #000; font-size: 29px; font-weight:400; line-height: 1.5; font-family:"NeueHaasGroteskText W02";}
.tab-list > li > .tab-toggle{ font-family:"NeueHaasGroteskText W02"; }
h1, .h1, h2, .h2 {
    font-size: 70px;
	color: #000;
    line-height: 1.1;
    font-weight: 500;
	font-family: TWK Everett, Regular;
}
h3, .h3{
	font-family: TWK Everett, Regular; color: #000;
}
.area-header.no-margin {
    margin-bottom: -1px;
}
.nav-main-items > li > a {font-family:"NeueHaasGroteskText W02";}
.octa img, .type-imageseries img, .logo-slider img {
-webkit-clip-path: polygon(13% 0, 87% 0, 100% 10%, 100% 90%, 87% 100%, 13% 100%, 0 90%, 0 10%); 
clip-path: polygon(13% 0, 87% 0, 100% 10%, 100% 90%, 87% 100%, 13% 100%, 0 90%, 0 10%);
}

.hepta img{
-webkit-clip-path: polygon(50% 0%, 90% 20%, 100% 63%, 75% 100%, 25% 100%, 0 63%, 10% 20%); 
clip-path: polygon(50% 0%, 90% 20%, 100% 63%, 75% 100%, 25% 100%, 0 63%, 10% 20%);
}







.handlungsfelder .type-section{
-webkit-clip-path: polygon(11% 0, 89% 0, 100% 10%, 100% 90%, 89% 100%, 11% 100%, 0 90%, 0 10%);
clip-path: polygon(11% 0, 89% 0, 100% 10%, 100% 90%, 89% 100%, 11% 100%, 0 90%, 0 10%);




padding: 50px 50px 70px; font-size: 24px; 
background-image: url('/.galleries/bilder/0-system/plus.png');
background-position: right 70px top 40px;
background-repeat: no-repeat;
}
.handlungsfelder .type-section img { max-width: 150px; height: auto; margin: 0 auto; display: inline-block; }
.handlungsfelder h3 {font-size: 48px; font-weight: 400; line-height: 1; margin-top: 20px; padding-bottom: 15px; font-family: TWK Everett, Regular;}
.handlungsfelder .type-section a.complete{  position: absolute; width: 100%;height: 100%;top: 0;  left: 0;  z-index: 1;}
@media (min-width: 2920.98px) {
.handlungsfelder .type-section {padding: 100px 200px; max-width: 95%; margin-bottom: 70px;} 
}

.infobox{ padding: 100px 70px;
	-webkit-clip-path: polygon(7% 0, 93% 0, 100% 13%, 100% 87%, 93% 100%, 7% 100%, 0 87%, 0 13%);
clip-path: polygon(7% 0, 93% 0, 100% 13%, 100% 87%, 93% 100%, 7% 100%, 0 87%, 0 13%);}
.infobox .text {padding: 30px 80px 0;}
.infobox h2{
	font-size: 45px;
}
.infobox.long{ padding: 100px 70px;
-webkit-clip-path: polygon(8% 0, 92% 0, 100% 6%, 100% 94%, 92% 100%, 8% 100%, 0 94%, 0 6%);
clip-path: polygon(8% 0, 92% 0, 100% 6%, 100% 94%, 92% 100%, 8% 100%, 0 94%, 0 6%);}

.infobox.short{ padding: 100px 70px;
-webkit-clip-path: polygon(8% 0, 92% 0, 100% 17%, 100% 83%, 92% 100%, 8% 100%, 0 83%, 0 17%);
clip-path: polygon(8% 0, 92% 0, 100% 17%, 100% 83%, 92% 100%, 8% 100%, 0 83%, 0 17%);}


.text-center{ text-align: center;}
.text-right{ text-align: right;}
.full-width .container{max-width: 90% !important; overflow-x: hidden; margin: 0 auto;}

.max-800 .container{ max-width: 800px; margin: 0 auto;}

.pt-80 {padding-top: 80px;}
.pt-100 {padding-top: 100px;}
.pb-80 {padding-bottom: 80px;}
.pb-100 {padding-bottom: 100px;}
.row-mb-60 .row.custom {margin-bottom: 60px;}

a{ color: #000; text-decoration: none; background-color: transparent; font-weight: 500;}
.text p a   { color: #777; text-decoration: none; background-color: transparent; font-weight: 500;}
.teaser-compact.type-article a {font-size: 18px;}


a:hover{text-decoration: none; color: #000;}





.teaser h3 {font-size: 48px; font-weight: 400; line-height: 1; margin-top: 20px; padding-bottom: 15px; font-family: TWK Everett, Regular;}
.infobox .oc-option-bar.opencms, .handlungsfelder .type-section .oc-option-bar.opencms{ top: 50px; right: 160px;}
#attachments .oc-option-bar.opencms{ top: 120px;}
    


.type-media h3{
	font-weight: 400; font-size: 20px; font-family: "NeueHaasGroteskText W02";
}

.text-blue{ color: #53ABF3; }
.light-yellow{ background-color: #FAE166;}
.yellow {background-color: #F6E178;}
.blue {background-color: #53ABF4;}
.green {background-color: #55BC64;}
.pink {background-color: #FCA8F8;}

.head{background-color: #55BC64;}

.news-wrap .area-wide{ max-width: 100%; padding-left: 0; padding-right: 0;}
.news-wrap .detail-visual.piece.full.phh.phb {background-color: #55BC64; padding-top: 80px; padding-bottom: 65px;}
.news-wrap .body, .news-wrap #attachments, .news-wrap .attachment-container { max-width: 1060px; margin: 0 auto; padding-left: 30px; padding-right: 30px;}
.news-wrap a.btn {background: #70C278;
    padding: 13px 50px;
    border-radius: 20px;
    color: #000;
    margin: 30px 0 0;
    font-weight: 600;
    position: relative;
   }
.news-wrap .link {max-width: 1060px; padding-left: 30px; margin: 0 auto; padding-right: 0;}
.news-wrap .heading{ max-width: 1230px; margin: 0 auto; padding-left: 30px; padding-right: 30px;}
.news-wrap .headline{ text-transform: uppercase; word-break: keep-all; hyphens: none;}
.news-wrap .detail-content .piece.full {padding-top: 50px; padding-bottom: 10px;}

.news-wrap .visual {
	margin: 0 auto;
    max-width: 1170px;
	margin-top: 40px;
	
}

.news-wrap .text .visual-info {position: relative;}
.news-wrap .text .info.date { position: absolute; right: 0;}
.news-wrap .text .info.date:before { display: none;}
.news-wrap .text .info.person {position: absolute; right: 0; top: 19px;}
.news-wrap .detail-page.type-article{margin-bottom: 60px}

.contact-bubble{ padding: 70px 70px 100px; font-size: 29px; border-radius: 15px; border-bottom-left-radius: 0;
				/*background-image: url('/klima-kirche/.galleries/bilder/0-system/corner-right.png'); background-repeat: no-repeat; background-position: right 0 bottom 54px; */
				
-webkit-clip-path: polygon(0% 0%, 100% 0, 100% 89%, 7% 89%, 0 100%, 0 72%, 0 68%);
clip-path: polygon(0% 0%, 100% 0, 100% 89%, 7% 89%, 0 100%, 0 72%, 0 68%););
}

.contact-info{margin-top: 40px; font-size: 18px;}

.liste-download.type-linksequence ul{
	border-top: 1px solid #000; max-width: 700px;
}
.liste-download.type-linksequence li {padding-left: 35px;	border-bottom: 1px solid #000; padding-top: 12px; padding-bottom: 12px; line-height: 1; }
.liste-download.type-linksequence li:before{    position: relative;
    left: 4px;
    top: 5px;
    font-size: 34px;
    padding-right: 25px;}
.liste-download.type-linksequence li {background: url('/.galleries/bilder/0-system/download-arrow.png') no-repeat right 0 bottom 20px; }
.liste-download .ls-item { font-size: 24px;     line-height: 1.1;}
.tab-content {
    margin-top: 35px;
}
.zoom.imageseries .image-src-box img{
	width: 95%;
}
.zoom-overlay .zoom-icon{
	background-color: transparent !important;
}




.news li.list-entry{ border-bottom: 1px solid #000;}
.news li.list-entry:hover{background: url('/.galleries/bilder/0-system/hover-octa.png') no-repeat right 0 top 20px; }
.news .teaser .teaser-date {
    position: absolute;
    top: 0;
	font-size: 18px;
	font-weight: 400;
}
.news .intro-headline > span {
    padding-top: 25px;
	font-size: 29px;
	line-height: 1.2;
	padding-right: 50px;
}
.news .teaser-text{
	font-weight: 400;
}

.team-index img{border-radius: 40px; border: 1px solid #71BA6D; }

.row-team .col-lg-10{display: flex; align-self: end;}

.social-media li:before {
    font-family: ForkAwesome;
    font-size: 20px;
}
.social-media li:nth-child(1):before{content:"\f09a"; margin-right: 27px;}
.social-media li:nth-child(2):before{content:"\f099"; margin-right: 19px;}
.social-media li:nth-child(3):before{content:"\f16d"; margin-right: 21px;}
.social-media li:nth-child(4):before{content:"\f08c"; margin-right: 21px;}

/* .logo-slider {display: none;}*/


.logo-slider .slide-wrapper{ border-left: 20px solid transparent; border-right: 20px solid transparent; }
.logo-slider .slide-wrapper {padding-bottom: 80px;}  
 .slider-nav-btn.next-btn::before { background-image: url(/.galleries/bilder/0-system/ar-right.png); transform: rotate(360deg); bottom: 57%;       height: 60px;
    width: 60px;}
.slider-nav-btn.prev-btn::before {background-image: url(/.galleries/bilder/0-system/ar-left.png); bottom: 57%;     height: 60px;
    width: 60px;}

.slider-nav-btn {bottom: 54%; }
	
.slider-nav-btn::before {width: 60px;
    height: 60px;
    background-size: 60px 60px; transition: none;}

.logo-slider.type-slider .slide-wrapper .copyright{
overflow: visible;
    font-size: 20px;
    position: absolute;
    left: 0;
    bottom: -85px;
    text-align: center;
    color: #000;
    padding: 0 48px;
	background-color: transparent;
	min-height: 70px;
}
_::-webkit-full-page-media, .fancybox-content body {
background-color: transparent !important;
}.fancybox-content body {background-color: transparent !important;}
.videos .list-content .list-append-position {
    text-align: center;
    border-top: 1px solid #555;
    display: block;
    margin-top: 60px;
	padding-top: 50px;
    position: relative;
}
.videos .list-pagination .btn.btn-append {
  -webkit-transition: all 0.2s ease-in-out;
  background: #55BC64;
  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;
}

.vids.square-col-list .square-col .content {
    overflow: hidden;
    clip-path: polygon(13% 0, 87% 0, 100% 10%, 100% 90%, 87% 100%, 13% 100%, 0 90%, 0 10%);
}

/*################## BUTTONS ###################*/

.button-extern a.btn {background-color: #FAE166  !important; background:  url('/.galleries/bilder/0-system/arrow1.png') no-repeat right 20px center; color: #000; padding: 13px 17px; border-radius: 20px;    width: 270px;   text-align: left; position: relative; font-weight: 600; font-size: 19px;}

.button-intern a.btn {background: #70C278; font-size: 19px; padding: 13px 50px; border-radius: 20px;  color: #000; margin-top: 30px; font-weight: 600;  position: relative;    max-width: max-content;}

.button-download a.btn{background: transparent; color: #000; padding: 10px 50px; border-radius: 20px; text-align: left;  position: relative; font-weight: 600; font-size: 18px; margin-top: 30px; border: 1px solid #000;     max-width: max-content;}


.button-yellow a.btn {background-color: #FAE166 !important; }
.button-green a.btn {background-color: #70C278 !important;  }
.button-center a.btn{margin: 0 auto !important;}
.button-special a.btn{font-family: TWK Everett, Regular; background: transparent; color: #000; padding: 13px 35px; border-radius: 50px; text-align: center;  position: relative;  font-size: 40px; margin-top: 180px; margin-left: 100px; width: 255px;  border: 1px solid #000; white-space: normal; line-height: 1; }
.galery btn .btn-append.more.blur-focus {background-color: #55BC64; }

.multiple-buttons a{
	background: transparent; color: #000; padding: 10px 50px; border-radius: 20px; text-align: left;  position: relative; font-weight: 600; font-size: 18px; margin-top: 10px; border: 1px solid #000;      display: block;
}
.multiple-buttons li{
	margin-top: 10px;
	
}
a.external:after {
    display: none;
}

   

.octa.triple h3 {    font-size: 24px; font-weight: 500; text-align: center; }
.octa.triple .effect-box  { margin-bottom: 30px;}


.logo-slider .captions a{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
	
 }
 


 .logo-slider .captions{
 color: transparent !important;
 }
 .fancybox-container.fancybox-is-open.fancybox-can-drag{
 z-index: 200000;
 }
.logo-slider .fancybox-slide.fancybox-slide--iframe.fancybox-slide--current.fancybox-slide--complete{
 	background: #000;
 }

.accordion {box-shadow: none; border: 0; border-top: 1px solid #000;}
.accordion:first-child {border-top: 0;}
.accordion .acco-header {font-size: 47px;}
.accordion .acco-header > .acco-toggle.collapsed, .accordion .acco-header > .acco-toggle.collapsed:focus, .accordion .acco-header > .acco-toggle.collapsed:hover { color: #000; background: transparent url('/.galleries/bilder/0-system/plus.png') no-repeat right 8px center;}

.accordion .acco-header .acco-toggle, .tab-list > li > .tab-toggle{
	    font-family: unset;
    font-weight: unset;
    font-size: unset;
}
.accordion .acco-header .acco-toggle {
    font-family: unset;
    font-weight: 400;
    font-size: unset;}
.accordion .acco-header .acco-toggle[aria-expanded=true], .tab-list > li > .tab-toggle.active {
    color: unset;
    background-color: unset;
    border-color: unset;
}




.accordion .acco-header > .acco-toggle  { background-color: transparent; background-image: none;  padding: 10px 55px 5px 10px; color: #55BC64; border: 0;}
.accordion .acco-header > .acco-toggle:focus, .accordion .acco-header > .acco-toggle:hover {color: #55BC64; background: transparent url('') no-repeat right 8px center;}
.accordion .acco-body { border-top: 1px solid #000;  padding: 30px 10px; margin-top: 6px; border: 0;}
.accordion .acco-toggle::after {content: "-" !important; top: -5px !important; font-family: arial !important;  font-size: 100px !important; }
.accordion .acco-toggle.collapsed::after {display: none;}
.accordion h4 {font-weight: 600;}


.one-tab-more .accordion:last-of-type{
	margin-bottom: 15px;
}

.one-tab-more .accordion .acco-header > .acco-toggle  { background-color: transparent; background-image: none;  padding: 13px 0px; color: #000;     position: relative;
    overflow: visible; margin-bottom: 5px; border: 0;} 
.one-tab-more .accordion .acco-header > .acco-toggle.collapsed {position: relative;     bottom: 2px;}
.one-tab-more .accordion .acco-body { border-top: 0;  padding: 0; margin-top: 0; border: 0; padding-top: 10px;} 
.one-tab-more .accordion .acco-header > .acco-toggle.collapsed, .one-tab-more .accordion .acco-header > .acco-toggle.collapsed:focus, .one-tab-more .accordion .acco-header > .acco-toggle.collapsed:hover {  background: none;}
.one-tab-more .accordion .acco-header {display: inline-block;}
.one-tab-more .accordion .acco-toggle.collapsed::after  {display: block; content: "Erzähl mir mehr +"!important; font-family: Arial, sans-serif; font-size: 20px!important; text-transform: uppercase;
    top: 0;    left: 0; }
	.one-tab-more .accordion .acco-toggle::after  {display: block; content: "Zeig mir weniger -"!important; font-family: Arial, sans-serif; font-size: 20px!important; text-transform: uppercase;
    top: 0;    left: 0; right: unset; transform: none; font-weight: 600; line-height: 1.5;}

.acc-contact .one-tab-more .accordion .acco-toggle.collapsed::after  {display: block; content: "Erfahre mehr +"!important; }
.acc-contact .one-tab-more .accordion .acco-toggle::after  {display: block; content: "Weniger anzeigen -"!important; }
.acc-contact h2, .acc-contact .h2 {  font-size: 45px;     line-height: 1.2;}
.acc-contact em {font-style: normal; color: #55BC64;}

.acc-contact .row.border-bottom { padding-bottom: 60px; border-bottom: 1px solid #000;}

  
.area-foot .topfoot, .area-foot .subfoot {background-color: #fff;}
.area-foot .topfoot {padding-top: 40px; padding-bottom: 10px;}
.area-foot .topfoot {border-top: 2px solid #ccc; border-bottom: 2px solid #ccc;}
.area-foot .subfoot a:not(.btn), .area-foot .topfoot a:not(.btn) {color: #000; font-weight: 400; font-size: 18px;}

#topcontrol, #topcontrol:hover {background: #55BC64;}

.image-src-box.presized img {
  height: auto;
  }
  

.imageflip img {border-radius: 20px; border-bottom-left-radius: 0;}


.imageflip .text-section {
	color:#333 !important;
    border-radius: 20px;
    font-size: 20px;
    padding: 50px;
	border-bottom-left-radius: 0;
	border: 0 !important;
}
.imageflip {
	
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 88%, 5% 88%, 0 100%, 0 79%, 0% 75%);
            clip-path: polygon(0% 0%, 100% 0%, 100% 88%, 5% 88%, 0 100%, 0 79%, 0% 75%);
			
}


.image-section.front::after {content:""; position: absolute; top: 15px;  right: 0;  bottom: 0; left: 15px; background: url('/.galleries/bilder/0-system/flip.png') no-repeat 0 0; z-index: 2;} 



.imageflip.yellow, .imageflip.blue,.imageflip.pink, .imageflip.green {background-color: transparent;}
.imageflip.yellow .text-section {background-color: #F6E178;}
.imageflip.blue .text-section {background-color: #53ABF4;}
.imageflip.green .text-section {background-color: #55BC64;}
.imageflip.pink .text-section {background-color: #FCA8F8;}
.tab-list{border-bottom: 0 !important;}
.tab-list > li > .tab-toggle, .tab-list > li > .tab-toggle:hover, .tab-list > li > .tab-toggle.active {background-color: #53ABF4;}
@media (min-width: 764px) {
.area-header .sticky.csssetting > .isfixed, .area-header .sticky.always > .isfixed, .area-header .sticky.upscroll > .isfixed {opacity: 1;}
.area-header .sticky.csssetting > .isfixed {background-color: #55BC64;}
.area-header.blue .sticky.csssetting > .isfixed {background-color: #53ABF4;}
.area-header.yellow .sticky.csssetting > .isfixed {background-color: #F6E178;}
.news li .link .btn{
	display: none;
}
.tab-list > li > .tab-toggle {
    min-width: auto;
    float: left;
}
}



@media (min-width: 1014px) {

.detail-content h2  {
    font-size: 50px;
    
    line-height: 1.1;
    margin-bottom: 25px !important;}
.detail-page .sub-header {font-size: 2.2rem;     line-height: 1.6 !important;}
.handlungsfelder .type-section h3 {min-height: 110px;}
.octa.triple h3 {min-height: 90px;}

header.fh.nav-center .nav-main-items > li.nav-first > .nav-menu, header.fh.nav-right .nav-main-items > li.nav-first > .nav-menu {left: 15px;}
.nav-main-items > li > .nav-menu {top: 34px;}
.nav-main-items > li > a, .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.expand.ed > a, .nav-main-items > li.expand.ed > a:focus, .nav-main-items > li.expand.ed > a:hover {color: #000;}
ul.nav-menu { background: #55BC64;  border-top: 0; border-bottom: 0; box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3); padding: 10px 0 10px 0;}
.nav-menu > li > a {color: #000; background-color: transparent; border-bottom: 0; text-transform: uppercase; font-weight: 600; padding: 5px 20px; font-size: 16px;}
.nav-menu > li > a:focus, .nav-menu > li > a:hover, .nav-menu > li.active > a:focus, .nav-menu > li.active > a:hover, .nav-menu > li.active > a {color: #000; background-color: transparent;}
.top-headline h1{font-size: 80px;}
.area-header .header-group::before {background-image: none;}
header.fh .header-group {border-bottom: 0;}
.head.notfixed .h-logo {margin-top: 50px;}
img.ebk-logo {height: auto; max-width: 300px; margin-top: 20px; margin-bottom: 20px;}
header.fh .head.notfixed .h-info > .h-nav {align-items: flex-start;}
.nav-main-items > li > a {font-size: 18px; font-weight: 600;}
#nav-main-search, .nav-main-items > li.expand > a::after {display: none;}
header.fh.nav-disp-default.nav-right .nav-main-items > li > a {padding-left: 35px; padding-right: 3px;}
.head.isfixed .h-meta{display: none;}
header.fh .head.isfixed .h-info > .h-nav { align-items: flex-start; margin-top: 15px;}
.teaser h3 {min-height: 110px;}
h4 {font-size: 31px; font-weight: 500; }
.text-big, h1, h2, .text-big h3 {font-size: 70px; font-weight: 400; line-height: 1; }
.text-medium, .text-medium h3{font-size: 45px; font-weight: 400; line-height: 1;}
.text-small{font-size: 18px;}
.row.teaser-octa{
margin-top: 40px;
}
/*.piece.no-break > .body .text, .no-break h1, .no-break h2, .news .intro-headline > span { word-break: keep-all; hyphens: none;}*/
.tab-list > li > .tab-toggle {
    font-size: 16px;
    padding: 13px 38px;
    margin-right: 20px;
    min-width: 150px;
    text-align: center;
}
.tab-list > li > .tab-toggle.active, .tab-list > li > .tab-toggle:hover {
    color: #000;
    
}
header.fh.ls-4 .head.isfixed .h-logo { flex: 0 0 130px;  max-width: 130px;}
.head.isfixed .co-lg-xl {
    max-width: 100%; padding-left: 20px; padding-right: 20px;}


}
@media (max-width: 1013.98px) {
.gespraech .col-lg-9 .type-section {margin-top: 70px;}
.detail-page .sub-header {line-height: 1.4;}

.liste-download.type-linksequence li:before {
    left: -5px;
    top: 2px;
    font-size: 30px;
}

.infobox{ padding: 80px 70px 40px;
	-webkit-clip-path: polygon(7% 0, 93% 0, 100% 7%, 100% 93%, 93% 100%, 7% 100%, 0 93%, 0 7%);
clip-path: polygon(7% 0, 93% 0, 100% 7%, 100% 93%, 93% 100%, 7% 100%, 0 93%, 0 7%);}
.infobox .text {padding: 30px 50px 0;}
.infobox h2{
	font-size: 45px;
}

.infobox.short{ padding: 80px 40px;
-webkit-clip-path: polygon(8% 0, 92% 0, 100% 14%, 100% 86%, 92% 100%, 8% 100%, 0 86%, 0 14%);
clip-path: polygon(8% 0, 92% 0, 100% 14%, 100% 86%, 92% 100%, 8% 100%, 0 86%, 0 14%);}
.infobox ul {padding-left: 20px;}

.team-index .image-src-box.presized img {
    max-width: 80px;
    left: 14px;
    margin-top: 10px;
	border-radius: 23px;
	
	
}
header.fh.ls-4 .h-logo {
    flex: 0 0 180px;
    max-width: 180px;
}
.mobile-small{
	max-width: 60%;
	margin: 0 auto;
}
.octa.triple h3 {    margin-top: 50px; margin-bottom: 20px; }

.accordion .acco-header {
    font-size: 47px;
}
#nav-main-addition {display: none;}

h1, .h1, h2, .h2, h3, .h3 {
    font-size: 50px;
}
.text-medium h3{
	font-size: 40px; font-weight: 400;
}

.area-foot h3{ font-size: 20px;}

.pb-80 {
    padding-bottom: 60px;
}

.pt-80 {
    padding-top: 60px;
}

.pb-40 {
    padding-bottom: 20px !important;
}


body {
    font-size: 24px;}
.nav-toggle, .nav-toggle.active{
    background-color: transparent;}

.nav-toggle span::before, .nav-toggle span::after, .nav-toggle span{
	background-color: #000;
}
.nav-main-container .nav-main-mobile-logo img{
	display: none;
}
.nav-main-container {
	background-color: #55BC64;
}

.nav-main-container .nav-main-mobile-logo, .nav-main-container .nav-main-group {
	background-color: transparent;
}
.nav-main-mobile-logo .image-src-box.img-responsive.presized{
	padding-bottom: 60px !important;
}
.nav-main-items li > a{
	font-size: 24px !important;
	color: #000;
	padding: 16px 15px 16px 0;
    border-bottom: solid 2px #444;
	line-height: 21px;
}

.nav-main-items li ul li > a {
    font-size: 19px !important;
	line-height: 21px;
	font-weight: 400;
	padding: 4px 15px 8px 0;
}


.nav-main-container .nav-main-group .nav-main-items {
    border-top: solid 2px #444;
}
.nav-main-items li.expand > a[aria-controls]::after {
    font-size: 35px;
    top: 15px;
    background-color: transparent;
    color: #000;
	display:none;
}

.nav-main-group.has-sidelogo {
	padding-left: 40px;
	padding-right: 40px;
}
.nav-main-items li.expand.ed > a {
    color: #000;
    background-color: transparent;
    border-color: transparent; 
}
.nav-main-items .expand.ed li > a {
    padding: 5px 15px 8px 0;
    text-transform: uppercase;
    border-bottom: 0;
    font-size: 22px;
	border-color: transparent;
}




.nav-main-items li.active.expand.ed > a, .nav-main-items li.active > a {background: transparent;}

html.active-nav .area-header .header-group li.expand > a {
    padding-right: 0px !important;
}
}


@media (min-width: 1200px) {

.vids .square-xl-3 {
    width: 25%;
    padding-bottom: 45% !important;
}
.accordion .acco-header {
    font-size: 60px;
}
}

@media (max-width: 763.98px) { 

.one-tab-more .accordion .acco-toggle.collapsed::after,.one-tab-more .accordion .acco-toggle::after {font-size: 16px!important;}


.max-200.no-resize .image-src-box img {
	max-width: 200px;
	margin-bottom: 40px;
}

.infobox, .infobox.short, .infobox.long {padding: 50px 37px 30px;
	-webkit-clip-path: polygon(7% 0, 93% 0, 100% 13%, 100% 87%, 93% 100%, 7% 100%, 0 87%, 0 13%);
clip-path: polygon(7% 0, 93% 0, 100% 13%, 100% 87%, 93% 100%, 7% 100%, 0 87%, 0 13%);}
.infobox .text {padding: 3px 8px 0;}
.infobox h2{
	font-size: 22px;
}
.multiple-buttons a{
	font-size: 15px;
	

}

 .button-extern a.btn {font-size: 15px; margin-top: 10px;
}

.button-intern a.btn {font-size: 15px; margin-top: 10px;
}

.button-download a.btn{font-size: 15px; margin-top: 10px;
}

.pic-accordeon .col-sm-3{
	padding-left: 80px;
	padding-right: 80px;
}

.handlungsfelder .type-section h3 + p {display: none;}
.handlungsfelder .type-section{
    padding: 40px 9px 40px;
}
.handlungsfelder .type-section h3 {
    font-size: 25px;
	font-weight: 500;
}
.handlungsfelder .type-section img {
 	max-width: 100px;}
.handlungsfelder .type-section {background-position: right 34px top 22px; background-size: 13%; }


.accordion .acco-header {
    font-size: 22px;
    line-height: 1;
}
.accordion .acco-header > .acco-toggle.collapsed, .accordion .acco-header > .acco-toggle.collapsed:focus, .accordion .acco-header > .acco-toggle.collapsed:hover {
    background-size: 22px;
}
.accordion .acco-toggle::after {
    top: 0;
    font-size: 45px;
}
.accordion .acco-body {
    padding: 30px 10px;
}
.row.handlungsfelder{
margin-bottom: 40px;
}
h1, .h1, h2, .h2, h3, .h3 {
    font-size: 37px;
}
.fancybox-slide--iframe .fancybox-content {  max-height: 290px;}
.news li .link .btn{
	background-color: transparent;
    color: #000;
    display: inline-flex;
    font-weight: 600;
    font-size: 12px;
}
.news .link{
	text-align:right;
}
.team-index.image-src-box.presized{
	padding-bottom: 0;
}
.button-special a.btn{margin-top: 40px; margin-left: 80px; width: 255px; }

html.active-nav .area-header .header-group .nav-main-container {
     width: 100vw;
}
.imageflip .text-section {font-size: 18px;}
}

@media (max-width: 551.98px) { 

.liste-download.type-linksequence li {background-size: 30px; }
.liste-download.type-linksequence {
    -webkit-hyphens: inherit;
    -ms-hyphens: inherit;
    hyphens: inherit;}

.button-intern a.btn {
    font-size: 13px;}
.liste-download .ls-item {
    font-size: 16px; padding-right: 45px;}
	
.infobox{
-webkit-clip-path: polygon(7% 0, 93% 0, 100% 6%, 100% 94%, 93% 100%, 7% 100%, 0 94%, 0 6%);
clip-path: polygon(7% 0, 93% 0, 100% 6%, 100% 94%, 93% 100%, 7% 100%, 0 94%, 0 6%);}

html.active-nav .area-header .header-group .nav-main-container {
    opacity: 1;
    right: 0px;
    width: 100vw;
}

.handlungsfelder .col-lg-4{
	padding-left: 7px;
	padding-right: 7px;
}
.handlungsfelder .element{
    margin-bottom: 12px;
}

.handlungsfelder .type-section {
    padding: 16px 9px 0;
}
.handlungsfelder .type-section h3 {
    font-size: 15px;
	font-weight: 500;
}
.handlungsfelder .type-section img {
 	max-width: 70px;}
.handlungsfelder .type-section {background-position: right 16px top 12px; background-size: 13%; }



.pb-80 {
    padding-bottom: 40px;
}
.pb-100 {
    padding-bottom: 40px;
}
.pt-80 {
    padding-top: 40px;
}
.pb-40 {
    padding-bottom: 20px !important; 
}
.pt-40 {
    padding-top: 20px;
}
.pt-100 {
    padding-top: 20px;
}
body {
    font-size: 15px;
}
.one-tab-more .accordion .acco-toggle.collapsed::after {
    font-size: 12px;
}
.one-tab-more .accordion .acco-toggle::after {
    font-size: 12px;
}
.teaser h3 {
    margin-top: 13px;
    padding-bottom: 5px;
}
.octa.triple h3 {
    font-size: 20px;
    
}
/*.image-src-box.presized img {
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    
    height: auto;
    
    margin: 0 auto;
    display: flex;
}*/
.button-style1 a.btn {
    padding: 13px 17px;
    line-height: 1;
    font-size: 12px;
    margin-bottom: 40px;
}
.mobile-small{
	max-width: 80%;
	margin: 0 auto;
}
.mobile-width{
	max-width: 90%;
	margin: 0 auto;
}
.news .teaser .teaser-date {
    font-size: 12px;
}
.news .intro-headline > span{
	font-size: 17px;
}
.news .teaser-text {
    font-size: 12px;
}
.contact-info {
    margin-top: 20px;
    font-size: 12px;
}
.contact-bubble {
    padding: 50px 20px 80px;
    font-size: 15px;
    background-position: right 0px bottom 34px;
	margin: 0 15px;
}

.button-style4 a.btn {
    padding: 11px 35px;
    font-size: 24px;
    margin-top: 30px;
    margin-left: 81px;
    width: 178px;
	text-align: center;
}
.button-style2.transparent a.btn {
    min-width: 180px;
	padding: 8px 40px;
	font-weight: 600;
    font-size: 12px;
}
.text-medium h3{
	font-size: 30px;
}
.text-medium, .text-small{
	max-width: 90%;
	margin: 0 auto;

}
.button-style2 a.btn {
    padding: 10px 28px;
    font-size: 12px;
    margin-top: 9px;
    margin-bottom: 50px;
}
.img-center-mobile{
	left: -19px;
    top: 20px;
}
.text-big{
	font-size: 30px;
	max-width: 90%;
	margin: 0 auto;
	margin-bottom: 30px;
}
.pic-none{
	display:none;
}
h3, .h3{
	font-weight: 400;
}
.area-foot h3{ font-weight: 600;}


.news li.list-entry:nth-child(1){
	border-top: 1px solid #000;
}
.imageflip .text-section {font-size: 14px;}

.liste-download.type-linksequence li:before {
    position: relative;
    left: -5px;
    top: 2px;
    font-size: 30px;
}
}
@media (max-width: 1013.98px) and (max-width: 551.98px){
.nav-toggle span::before {
    top: -8px;
}
.nav-toggle span::after {
    bottom: -8px;
}

}


@media (min-width: 1014.99px) and (max-width: 1600px) {
.row.handlungsfelder .col-lg-4 {
    flex: 0 0 50%;
    max-width: 50%;
}
}

@media (min-width: 1200.99px) and (max-width: 1600px) {
.full-width .container{max-width: 80% !important;}
}

@media (min-width: 764px) and (max-width: 1013.98px) {
.co-sm-md {
    max-width: 100%;}

.handlungsfelder .type-section {
    padding: 50px 30px 60px; font-size: 16px;}
.handlungsfelder .type-section h3 {
    font-size: 25px;}
.handlungsfelder .type-section img {
    max-width: 100px;}
.handlungsfelder .type-section {
    background-position: right 45px top 40px;}

}

@media (min-width: 764px) and (max-width: 1200px) {
.contact-info {
    margin-top: 30px;
    font-size: 15px;}
.imageflip .text-section {font-size: 16px;}
}
@media (min-width: 552px) and (max-width: 1013.98px){
.co-sm-md {
    max-width: 100%;}
}
@media (max-width: 551.98px) {
.mapbuttons {top: -60px;}
.map-visual {padding-top: 50px;}
}

@media (max-width: 399.98px) {
.logo-slider {height: 592px;}
}
@media (min-width: 400px) {
.logo-slider {height: 665px;}
}
@media (min-width: 500px) {
.logo-slider {height: 728px;}
}
@media (min-width: 551px) {
.logo-slider {height: 406px;}
}
@media (min-width: 600px) {
.logo-slider {height: 440px;}
}
@media (min-width: 700px) {
.logo-slider {height: 540px;}
}
@media (min-width: 800px) {
.logo-slider {height: 634px;}
}
@media (min-width: 900px) {
.logo-slider {height: 727px;}
}
@media (min-width: 1014px) {
.logo-slider {height: 494px;}
}
@media (min-width: 1200px) {
.logo-slider {height: 438px;}
}
@media (min-width: 1300px) {
.logo-slider {height: 473px;}
}
@media (min-width: 1400px) {
.logo-slider {height: 511px;}
}
@media (min-width: 1500px) {
.logo-slider {height: 538px;}
}
@media (min-width: 1600px) {
.logo-slider {height: 600px;}
}
@media (min-width: 1800px) {
.logo-slider {height: 689px;}
}
@media (min-width: 2000px) {
.logo-slider {height: 749px;}
}
@media (min-width: 2500px) {
.logo-slider {height: 799px;}
}
@media (min-width: 2700px) {
.logo-slider {height: 900px;}
}
@media (min-width: 2900px) {
.logo-slider {height: 980px;}
}
@media (min-width: 3100px) {
.logo-slider {height: 1080px;}
}
@media (min-width: 3300px) {
.logo-slider {height: 1180px;}
}
@media (min-width: 3500px) {
.logo-slider {height: 1280px;}
}
@media (min-width: 3700px) {
.logo-slider {height: 1400px;}
}
@media (min-width: 4100px) {
.logo-slider {height: 1500px;}
}
@media (min-width: 4600px) {
.logo-slider {height: 1600px;}
}
@media (min-width: 5000px) {
.logo-slider {height: 1700px;}
}
@media (min-width: 1400px){
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1170px;
}
}