/*
	Theme Name: LEMONTEC THEME
	Theme URI: https://lemontec.at
	Description: WordPress Theme
	Version: 4.0.3
	Author: LEMONTEC Team
	Author URI: https://lemontec.at
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
    Text Domain: lemontec-theme
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/


.to_top, .cta_button, a, button.accordion, .flexible_slideshow ol.flex-control-nav.flex-control-paging, .flexible_slideshow ul.flex-direction-nav, .text_teaser_wrapper li a div, .img_teaser_hover, .img_teaser_hover i, .pin_info, .header_slides .slick-dots li button, .leistungen_block .slides li, .referenzen_slides .slick-slide, .leistungen_video_btn, .gform_button {
	transition : 0.3s ease;
}

body {
	font    : 300 14px/1.6 'Poppins', Helvetica, Arial, sans-serif;
	color   : #727272;
	margin  : 0;
	padding : 0;
}

h1, .h1_wrapper {
	font-size   : 45px;
	color       : #434343;
	font-weight : 600;
	position    : relative;
}

.h1_wrapper {
	margin-top    : 140px;
	margin-bottom : 50px;
}

.h1_wrapper.h1_right {
	text-align : right;
}

h1 .titel, .h1_format {
	position : relative;
}


.icon_teaser_head .h1_format::after {
	left : 0;
}

h1 .titel::after, .h1_format::after {
	content          : '';
	position         : absolute;
	display          : block;
	width            : calc(100% + 100px);
	height           : 2px;
	background-color : #E89224;
	top              : 100%;
}

.h1_wrapper.h1_right .h1_format:after {
	right : 0;
}

h1 .part, .h1_part {
	position    : absolute;
	font-size   : 250px;
	color       : rgba(0, 0, 0, 0.05);
	margin      : 0;
	line-height : 0;
	top         : -20px;
}

.h1_wrapper.h1_right .h1_part {
	right : 0;
}

/* font-family: 'Poppins', sans-serif;
120pt Hauptüberschrift
30pt Nav und Footer
25pt Buttons und Überschriften unter Icons
55pt Überschriften über Zahlen
23 pt Text 

#E89224 orange
#434343 Überschriften
#A0A0A0 hellgrau
#727272 Text

1670px*/

.bienenwaben {
	width    : 350px;
	position : absolute;
	margin   : 0;
}

.bienenwaben.wabe_referenz {
	right             : -12%;
	transform         : translateX(-50%) scale(-1) rotate(35deg);
	transform         : translateX(-50%) scale(-1) rotate(35deg);
	-webkit-transform : translateX(-50%) scale(-1) rotate(35deg);
	-moz-transform    : translateX(-50%) scale(-1) rotate(35deg);
	-ms-transform     : translateX(-50%) scale(-1) rotate(35deg);
	-o-transform      : translateX(-50%) scale(-1) rotate(35deg);
	top               : 0;
	margin            : 0;
}

.bienenwaben.wabe_leistung {
	left      : 50%;
	transform : translateX(-50%);
	margin    : 0;
}

.flex_wrapper, .flex_wrapper_page {
	max-width : 1670px;
}

.flex_wrapper_wide {
	max-width : 1800px;
}

img {
	max-width      : 100%;
	height         : auto;
	vertical-align : bottom;
}

a {
	color           : #444444;
	text-decoration : none;
}

a:hover,
a:active,
a:focus {
	outline         : 0;
	color           : #444444;
	text-decoration : none;
}

input:focus {
	outline : 0;
	border  : none;
}

/*Sprunglinks für Barrierefreiheit*/
.structurelabel {
	display : none;
}

section, footer {
	position : relative;
	margin   : 0 auto;
}

.lemon_brand {
	margin : 0 auto;
}

.lemon_brand a {
	color : #FFFFFF;
}

.lemon_branding {
	margin-top : 25px;
}

.footer_nav_custom {
	width             : 100%;
	flex-wrap         : wrap;
	-webkit-flex-wrap : wrap;
}

.footer_nav_custom, .footer_nav_custom_li {
	display : flex;
	display : -webkit-box;
	display : -moz-box;
	display : -ms-flexbox;
	display : -webkit-flex;
}

.footer_nav_custom_li {
	width : 50%;
}

.footer_nav_custom_li .widget_nav_menu, .footer_nav_custom_li .kontakt_wrapper {
	width : 50%;
}

footer {
	background-color : #434343;
	color            : #FFFFFF;
	padding          : 50px 0 25px 0;
}

footer a {
	color : #FFFFFF;
}

footer a:hover {
	color : #E89224;
}

footer li {
	padding : 5px 0;
}

.kontakt {
	display : block;
	padding : 5px 0;
}

/*.clearfix::after, section::after, footer::after {
    content: ' ';
    visibility: hidden;
    display: block;
    font-size: 0;
    height: 0;
    clear: both;
}*/

ul, li {
	list-style : none;
	padding    : 0;
	margin     : 0;
}

.content_img {
	height        : 100%;
	object-fit    : cover;
	-o-object-fit : cover;
}

.content_img_wrap {
	height : 100%;
	margin : 0;
}

.content_inner ul {
	padding-left : 40px;
}

.content_inner li {
	list-style  : disc;
	margin-left : 15px;
}

.content_inner .alignnone {
	margin-right : 0;
	margin-left  : 0;
}

.to_top {
	color            : #FFFFFF;
	position         : fixed;
	bottom           : 10px;
	font-size        : 20px;
	text-align       : center;
	right            : 10px;
	width            : 50px;
	height           : 50px;
	background-color : #CCCCCC;
}

.to_top i {
	margin-top : 12px;
}

.to_top:hover {
	cursor           : pointer;
	bottom           : 15px;
	background-color : #E89224;
}


/* TEXT COLORS */

.img_teaser_hover i,
.text_teaser_icon, .icon_teaser_icon,
.interactive_maps_wrapper .pin_count, .interactive_maps_wrapper .pin_info {
	color : #FFFFFF;
}

.icon_teaser_a h1, .icon_teaser_a h2, .icon_teaser_a h3, .icon_teaser_a h4 {
	color : #CCCCCC;
}

.icon_teaser_b h1, .icon_teaser_b h2, .icon_teaser_b h3, .icon_teaser_b h4 {
	color : #000000;
}

.icon_teaser_c h1, .icon_teaser_c h2, .icon_teaser_c h3, .icon_teaser_c h4 {
	color : #E89224;
}

/* BACKGROUND COLORS */

.interactive_teaser_wrapper .pin_count, .interactive_teaser_wrapper .pin_info {
	background-color : #FFFFFF;
}

button.accordion,
.bg_highlight,
.text_teaser_wrapper ul li div {
	background-color : #F5F5F5;
}

.bg_a,
.text_teaser_icon,
button.accordion.active,
.icon_teaser_a .icon_teaser_icon,
.flexible_slideshow .flex-control-nav li a.flex-active,
.hr_custom::before, .hr_custom::after,
.interactive_maps_wrapper .pin_count, .interactive_maps_wrapper .pin_info {
	background-color : #CCCCCC;
}

.bg_b,
.icon_teaser_b .icon_teaser_icon,
.flexible_slideshow .flex-control-nav li a {
	background-color : #000000;
	color            : #FFFFFF;
}

.bg_c,
.icon_teaser_c .icon_teaser_icon {
	background-color : #E89224;
	aspect-ratio     : 1.159;
	border-radius    : 0;
	width            : auto;
	height           : 40px;
	display          : flex;
	justify-content  : center;
	align-items      : center;
	clip-path: polygon(75.04% 0%, 25.04% 0%, 0% 50%, 25.04% 100%, 75.04% 100%, 100% 50%);
}

.icon_teaser_wrapper ul {
	display   : flex;
	flex-wrap : wrap;
	gap       : 20px;
}

.icon_teaser_wrapper ul li {
	flex            : 40%;
	display         : flex;
	justify-content : start;
	align-items     : center;
	margin          : 0;
}

.icon_teaser_wrapper ul li strong {
	font-weight : 900;
}

header a:hover,
button.accordion:hover,
.text_teaser_wrapper li a:hover div {
	opacity : 0.5;
}

.gform_button_select_files {
	background : transparent;
	border     : 1px dashed #CCCCCC !important;
}

.gform_body input, .gform_body select, .gform_body textarea {
	border        : 1px solid #E89224;
	border-radius : 5px;
	min-height    : 40px;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* HEADER */
header {
	position         : relative;
	z-index          : 10;
	background-color : #E89224;
	color            : #FFFFFF;
}

header::after {
	content           : '';
	position          : absolute;
	width             : 350px;
	height            : 300px;
	background-image  : url(img/bienenwaben.svg);
	background-repeat : no-repeat;
	background-size   : contain;
	left              : 25%;
	bottom            : -20%;
	z-index           : -1;
}

@media (max-width : 1024px) {
	header::after {
		width  : 300px;
		height : 250px;
	}
}

@media (max-width : 767px) {
	header::after {
		width  : 280px;
		height : 230px;
	}
}

@media (max-width : 480px) {
	header::after {
		width  : 220px;
		height : 170px;
	}
}

.header_bg_color {
	min-height : 710px;
	color      : #FFFFFF;
	position   : relative;
	z-index    : 2;
	display    : flex;
	display    : -webkit-box;
	display    : -moz-box;
	display    : -ms-flexbox;
	display    : -webkit-flex;
}

.tel_mail {
	justify-content         : space-around;
	-webkit-justify-content : space-around;
	padding                 : 15px 0;
	max-width               : 50%;
}

.tel_mail a {
	color : #FFFFFF;
}

.header_text {
	width : 100%;
}

@media all and (-ms-high-contrast : none), (-ms-high-contrast : active) {
	.header_text {
		position  : absolute;
		max-width : 1670px;
		left      : 0;
		right     : 0;
		margin    : 0 auto;
		top       : 50%;
		transform : translateY(-50%);
	}
}


.header_info {
	font-weight : 600;
	font-size   : 80px;
}

.header_slides .header_slide {
	width               : 100%;
	min-height          : 835px;
	background-size     : cover;
	background-position : center;
	filter              : brightness(75%);
	-webkit-filter      : brightness(75%);
	position : relative;
}

.header_slides {
	position : absolute;
	width    : 75%;
	right    : 0;
	top      : -15px;
	z-index  : 1;
}

.header_slides .slick-arrow, .members-grid .slick-arrow, .gallery-filter-grid .slick-arrow {
	position  : absolute;
	top       : calc(100% + 12px);
	font-size : 30px;
	cursor    : pointer;
	display   : flex;
	display   : -webkit-box;
	display   : -moz-box;
	display   : -ms-flexbox;
	display   : -webkit-flex;
}

.header_slides .slide_next.slick-arrow {
	right : 50px;
}

.header_slides .slide_prev.slick-arrow {
	right : calc(0px + 250px);
}

.header_slides .slick-dots {
	display  : flex;
	display  : -webkit-box;
	display  : -moz-box;
	display  : -ms-flexbox;
	display  : -webkit-flex;
	position : absolute;
	right    : calc(0px + 85px);
	top      : calc(100% + 10px);
}

.header_slides .slick-dots li button {
	background    : #FFFFFF;
	border        : 0;
	margin        : 0 5px;
	font-size     : 0;
	padding       : 0;
	width         : 15px;
	height        : 15px;
	border-radius : 50%;
	outline       : none;
	border        : 3px solid #E89224;
	box-shadow    : 0 0 0 2px #E89224;
}

.header_slides .slick-dots li.slick-active button, .header_slides .slick-dots li button:hover {
	box-shadow : 0 0 0 2px #FFFFFF;
	cursor     : pointer;
}

.referenzen_slider .slick-list {
	overflow : visible;
}

.referenzen_slider .slick-dots, .members-grid .slick-dots {
	display         : flex;
	display         : -webkit-box;
	display         : -moz-box;
	display         : -ms-flexbox;
	display         : -webkit-flex;
	top             : calc(100% + 10px);
	gap             : 5px;
	position        : relative;
	display         : flex;
	padding         : 25px 0 0 0;
	justify-content : center;
	flex-wrap       : wrap;
	width           : calc(100% - 50px);
	margin          : auto;
}

.referenzen_slider .slick-dots li button, .members-grid .slick-dots li button {
	background    : #E89224;
	margin        : 0 5px;
	font-size     : 0;
	padding       : 0;
	width         : 15px;
	height        : 15px;
	border-radius : 50%;
	outline       : none;
	border        : 3px solid transparent;
	position      : relative;

	&::after {
		content       : '';
		width         : calc(100% + 13px);
		height        : calc(100% + 13px);
		position      : absolute;
		background    : transparent;
		top           : -10px;
		left          : -10px;
		border-radius : 50%;
		border        : 4px solid #E89224;
		opacity       : 0;
	}
}

.slick-dots li.slick-active button, .slick-dots li button:hover {
	cursor : pointer;

	&:after {
		opacity : 1;
	}
}

header nav {
	text-align : right;
	z-index    : 3;
}

header nav ul li {
	display  : inline-block;
	position : relative;
}

.home header nav ul li a {
	color     : #FFFFFF;
	padding   : 0 30px;
	font-size : 16px;
}

header nav ul li a {
	color     : #727272;
	padding   : 0 30px;
	font-size : 16px;
}

header nav ul li a:hover {
	color   : #E89224;
	opacity : 1;
}

header nav ul li:last-child a {
	padding-right : 0;
}

#burger i {
	display   : none;
	font-size : 30px;
}

/* TOGGLE SUBMENU */

.mobile_toggle {
	display : none;
}

.menu-item-has-children .mobile_toggle {
	font-size      : 13px;
	padding-left   : 5px;
	vertical-align : bottom;
	display        : none;
}

.mobile_toggle i {
	font-size : 20px;
}

.mobile_toggle.active i {
	transform : rotate(180deg);
}

.menu-item-has-children .sub-menu .mobile_toggle, .sub-menu {
	display : none;
}

/* SUBMENU */
header nav ul.sub-menu {
	position : absolute;
	left     : 0;
	top      : 100%;
}

header nav ul.sub-menu li a {
	display : block;
	padding : 0;
}

header nav ul.sub-menu.active, header nav ul li:hover > .sub-menu {
	display          : block;
	text-align       : center;
	width            : calc(100% + 25px);
	background-color : rgba(232, 146, 36, 0.9);
	border-radius    : 5px;
	padding          : 5px 0;
	left             : -12.5px;
}

header nav ul.sub-menu.active, header nav ul li:hover > .sub-menu li a {
	color : #FFFFFF;
}

header nav ul.sub-menu.active, header nav ul li:hover > .sub-menu li a:hover {
	color : #727272;
}

.sub-menu li {
	display : block;
}

.logo img {
	max-height : 80px;
}

.nav_wrapper {
	padding-top      : 15px;
	padding-bottom   : 15px;
	/*align-items: flex-end;*/
	background-color : #FFFFFF;
	position         : relative;
}

.nav_wrapper::before {
	content    : '';
	background : #FFFFFF;
	width      : 100%;
	height     : 110px;
	max-height : 0;
	position   : fixed;
	left       : 0;
	top        : 0;
	z-index    : 66;
	transition : all .2s ease-in-out;
	box-shadow : 0px 4px 18px 0px rgba(0, 0, 0, 0.10);
}

.nav_wrapper.active::before {
	max-height : 110px;
}

.nav_wrapper.active .logo_wrapper {
	position : fixed;
	top      : 15px;
}

.navFixedHeight {
	height : 80px;
}

#mainnav {
	position   : relative;
	z-index    : 68;
	transition : all .2s ease-in-out;
}

#mainnav.active {
	position : fixed;
	right    : 50px;
	top      : 75px;
}

#burger.scrolled {
	position : fixed;
	top      : 40px;
	right    : 50px;
	color    : #000000 !important;
	z-index  : 69;
}

#mainnav.active a {
	color    : #000000;
	position : relative;
	z-index  : 69;
}

.logo_wrapper {
	position   : relative;
	z-index    : 69 !important;
	transition : all .2s ease-in-out;
}

.logo_wrapper img {
	height     : 80px;
	max-height : 80px !important;
	object-fit : contain;
}

.nav_wrapper .flex_wrapper {
	align-items         : flex-end;
	-webkit-box-align   : flex-end;
	-moz-box-align      : flex-end;
	-ms-flex-align      : flex-end;
	-webkit-align-items : flex-end;
}

/*.fixed_wrapper {
    width: 100%;
}

.fixed_wrapper.fixed {
    position: fixed;
    top: 0;
    background: #fff;
    left: 0;
    right: 0;
    z-index: 5;
    padding: 15px 0;
}

.home header .fixed nav ul li a {
    color: #727272;
}*/

/* GRAVITY FORM ERROR */
body .gform_wrapper div.validation_error {
	display : none;
}

body .gform_wrapper li.gfield.gfield_error {
	border         : 0;
	background     : 0;
	padding-top    : 0;
	padding-bottom : 0;
}

body .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
	padding-top : 0;
}

body .gform_wrapper .validation_message {
	color : #E89224;
}

body .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea {
	border : 1px solid #2E2E2E;
}

body .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text], body .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container select {
	margin-bottom : 0;
}

/* FLEXIBLE SLIDESHOW */

.flexible_slideshow_wrapper {
	margin : 15px auto;
}

.flexible_slideshow .slides li {
	height              : 620px;
	position            : relative;
	background-size     : cover;
	background-position : center;
	background-repeat   : no-repeat;
	z-index             : 10;
}

.flexible_slideshow_content {
	position         : absolute;
	width            : calc(100% - 30px);
	padding          : 5px 15px;
	text-align       : center;
	color            : #FFFFFF;
	background-color : rgba(0, 0, 0, 0.7);
	bottom           : 0;
}

.flexible_slideshow .flex-control-nav li {
	display : inline-block;
}

.flexible_slideshow .flex-control-nav li a {
	display       : block;
	border-radius : 90%;
	overflow      : hidden;
	width         : 12px;
	height        : 12px;
	margin-left   : 10px;
	font-size     : 0;
}

.flexible_slideshow ol.flex-control-nav.flex-control-paging {
	position   : absolute;
	width      : 90%;
	bottom     : 40px;
	left       : 0;
	right      : 0;
	margin     : auto;
	padding    : 0;
	text-align : center;
	z-index    : 100;
}

.flexible_slideshow ul.flex-direction-nav {
	font-size : 50px;
	position  : absolute;
	width     : 100%;
	height    : 80px;
	top       : 0;
	bottom    : 0;
	left      : 0;
	right     : 0;
	margin    : auto;
	padding   : 0;
}

.flexible_slideshow li.flex-nav-prev, li.flex-nav-next {
	position : absolute;
}

.flexible_slideshow li.flex-nav-prev {
	left : 50px;
}

.flexible_slideshow li.flex-nav-next {
	right : 50px;
}

/* TEXT TEASER */

.text_teaser_wrapper li {
	margin : 45px auto 25px;
}

.text_teaser_wrapper li div h1 {
	margin-bottom : 5px;
}

.text_teaser_icon {
	position      : absolute;
	top           : -25px;
	left          : 0;
	right         : 0;
	margin        : auto;
	width         : 55px;
	height        : 55px;
	font-size     : 1.4em;
	border-radius : 50%;
}

.text_teaser_wrapper div {
	padding    : 45px 20px 20px;
	text-align : center;
	min-height : 200px;
	position   : relative;
}

.text_teaser_wrapper div h1 {
	font-size : 1.3em;
}

/* ICON TEASER */

.icon_teaser_wrapper.bg_highlight {
	padding : 70px 0;
}

.icon_teaser_wrapper li {
	position : relative;
	overflow : hidden;
	margin   : 15px 0;
	padding  : 5px 0;
}

.icon_teaser_wrapper li {
	padding-left : 80px;
}

.icon_teaser_wrapper li h2 {
	font-size : 1.3em;
}

.icon_teaser_icon {
	position      : absolute;
	text-align    : center;
	width         : 55px;
	height        : 55px;
	margin        : auto;
	top           : 0;
	bottom        : 0;
	left          : 0;
	font-size     : 1.4em;
	border-radius : 50%;
}


.icon_teaser_wrapper.bg_highlight article hr {
	border-top : 1px solid #FFFFFF;
}

/* IMG TEASER */

.img_teaser_wrapper li {
	text-align : center;
	margin     : 15px auto;
}

.img_teaser_wrapper li article a {
	text-decoration : none;
}

.icon_teaser_icon i {
	font-size : 20px;
}

.img_teaser_img {
	aspect-ratio        : 1;
	position            : relative;
	margin-bottom       : 5px;
	background-size     : cover;
	background-position : center;
	background-repeat   : no-repeat;
}

.img_teaser_hover {
	background-color : rgba(255, 255, 255, 0.5);
	position         : absolute;
	width            : 100%;
	height           : 100%;
	opacity          : 0;
}

.img_teaser_hover i {
	background-color : #E89224;
	position         : absolute;
	font-size        : 30px;
	text-align       : center;
	width            : 93px;
	height           : 80px;
	top              : 0;
	bottom           : 0;
	left             : 0;
	right            : 0;
	margin           : auto;
	clip-path        : shape(from 75.04% 0%, line to 25.04% 0%, line to 0% 50%, line to 25.04% 100%, line to 75.04% 100%, line to 100% 50%, line to 75.04% 0%, close);
}

.img_teaser_hover .fa:before {
	top       : 50%;
	position  : absolute;
	left      : 50%;
	transform : translate(-50%, -50%);
}

.img_teaser_img:hover .img_teaser_hover {
	opacity : 1;
}

/* INTERACTIVE TEASER */
.interactive_teaser_wrapper .ul_flex, .img_teaser_wrapper .ul_flex {
	width : 100%;
}

.interactive_teaser_wrapper li {
	margin : 15px auto;
}

.interactive_teaser_row {
	overflow          : hidden;
	display           : flex;
	display           : -webkit-box;
	display           : -moz-box;
	display           : -ms-flexbox;
	display           : -webkit-flex;
	flex-wrap         : wrap;
	-webkit-flex-wrap : wrap;
}

.interactive_teaser_row:nth-child(even) article {
	float : right;
}

.interactive_img {
	height              : 300px;
	position            : relative;
	background-size     : cover;
	background-position : center;
	background-repeat   : no-repeat;
	width               : 100%;
}

.interactive_pin {
	position  : absolute;
	font-size : 0.9em;
	padding   : 10px;
}

.pin_count {
	display       : inline-block;
	position      : relative;
	width         : 25px;
	height        : 25px;
	border-radius : 50%;
	line-height   : 2em;
	text-align    : center;
	cursor        : pointer;
	box-shadow    : 0 0 0 rgba(255, 255, 255, 0.8);
	animation     : pulse 2s infinite;
	z-index       : 5;
}

.header_slide_video {
	width      : 100%;
	height     : 100%;
	object-fit : cover;
	position   : absolute;
}

.interactive_teaser_wrapper .pin_count {
	box-shadow : 0 0 0 rgba(255, 255, 255, 0.8);
	animation  : pulse 2s infinite;
}

@-webkit-keyframes pulse {
	0% {
		-webkit-box-shadow : 0 0 0 0 rgba(255, 255, 255, 0.8);
	}
	70% {
		-webkit-box-shadow : 0 0 0 10px rgba(255, 255, 255, 0.1);
	}
	100% {
		-webkit-box-shadow : 0 0 0 0 rgba(255, 255, 255, 0);
	}
}

@keyframes pulse {
	0% {
		-moz-box-shadow : 0 0 0 0 rgba(255, 255, 255, 0.8);
		box-shadow      : 0 0 0 0 rgba(255, 255, 255, 0.8);
	}
	70% {
		-moz-box-shadow : 0 0 0 10px rgba(255, 255, 255, 0.1);
		box-shadow      : 0 0 0 10px rgba(255, 255, 255, 0.1);
	}
	100% {
		-moz-box-shadow : 0 0 0 0 rgba(255, 255, 255, 0);
		box-shadow      : 0 0 0 0 rgba(255, 255, 255, 0);
	}
}

.pin_info {
	padding    : 5px 10px;
	margin     : 10px 0 0 -10px;
	text-align : center;
	z-index    : 1;
	opacity    : 0;
}

.pin_info::before {
	content       : ' ';
	position      : absolute;
	top           : 40px;
	left          : 17px;
	width         : 0;
	height        : 0;
	border-left   : 5px solid transparent;
	border-right  : 5px solid transparent;
	border-bottom : 5px solid #FFFFFF;
}

.interactive_pin.active > .pin_info {
	opacity : 1;
}

/* INTERACTIVE MAP */

.interactive_maps_wrapper {
	height            : 600px;
	position          : relative;
	background-size   : cover;
	background-size   : contain;
	/*background-position: center;*/
	background-repeat : no-repeat;
	margin            : 30px auto;
}

.interactive_maps_wrapper .pin_count {
	box-shadow : 0 0 0 rgba(204, 204, 204, 0.8);
	animation  : pulse_color 2s infinite;
}

@-webkit-keyframes pulse_color {
	0% {
		-webkit-box-shadow : 0 0 0 0 rgba(204, 204, 204, 0.8);
	}
	70% {
		-webkit-box-shadow : 0 0 0 10px rgba(204, 204, 204, 0.1);
	}
	100% {
		-webkit-box-shadow : 0 0 0 0 rgba(204, 204, 204, 0);
	}
}

@keyframes pulse_color {
	0% {
		-moz-box-shadow : 0 0 0 0 rgba(204, 204, 204, 0.8);
		box-shadow      : 0 0 0 0 rgba(204, 204, 204, 0.8);
	}
	70% {
		-moz-box-shadow : 0 0 0 10px rgba(204, 204, 204, 0.1);
		box-shadow      : 0 0 0 10px rgba(204, 204, 204, 0.1);
	}
	100% {
		-moz-box-shadow : 0 0 0 0 rgba(204, 204, 204, 0);
		box-shadow      : 0 0 0 0 rgba(204, 204, 204, 0);
	}
}

/* ACCORDION */

.accordion ul {
	padding : 15px;
	margin  : 0;
}

button.accordion {
	cursor        : pointer;
	padding       : 10px;
	width         : 100%;
	text-align    : left;
	border        : none;
	outline       : none;
	position      : relative;
	margin-bottom : 2px;
	font-size     : inherit;
	font-weight   : inherit;
	font-family   : inherit;
	color         : inherit;
}

button.accordion:after {
	content     : '\f107';
	font-family : FontAwesome;
	font-size   : 25px;
	position    : absolute;
	right       : 15px;
}

button.accordion.active:after {
	content : "\f106";
}

.accordion .panel {
	padding          : 0;
	background-color : white;
	max-height       : 0;
	overflow         : hidden;
	opacity          : 0;
}

.accordion .panel.show {
	display    : block;
	opacity    : 1;
	max-height : 10000px;
}


/* LEERZEILE */
.spacer {
	height  : 80px;
	display : block;
	width   : 100%;
}

/* HR TRENNLINIE */
hr {
	border-top : 1px solid #CCCCCC;
}

hr, .hr_custom {
	display : block;
	margin  : 20px auto;
	width   : 90%;
}

.hr_custom::before, .hr_custom::after {
	content        : ' ';
	position       : relative;
	display        : inline-block;
	width          : calc(50% - 20px);
	height         : 1px;
	vertical-align : middle;
}

.hr_custom::before {
	margin-right : 10px;
}

.hr_custom::after {
	margin-left : 10px;
}

/* CTA BUTTONS */

.cta_button, .gform_button {
	padding       : 30px 0;
	margin        : 20px 0;
	display       : block;
	border-radius : 3px;
	text-align    : center;
	border        : 0;
	cursor        : pointer;
}

.cta_button:hover, .gform_button:hover {
	opacity : 0.5;
}

/* CTA BUTTON NORMAL */

.cta_button.normal {
	background-color : transparent;
	padding          : 10px 20px;
	width            : fit-content;
	border           : 2px solid #FFFFFF;
	border-radius    : 5px;
	color            : #FFFFFF;
	text-align       : left;
	position         : relative;
}

/*.cta_button.normal::after {*/
/*	content     : '\f178';*/
/*	right       : 10px;*/
/*	font-family : FontAwesome;*/
/*	position    : absolute;*/
/*	font-size   : 27px;*/
/*	top         : 0;*/
/*}*/

.cta_button.normal:hover {
	opacity          : 1;
	background-color : #FFFFFF;
	color            : #E89224;
}

.cta_button.color, .gform_button {
	background-color : #E89224;
	padding          : 10px;
	margin           : 20px auto;
	width            : 150px;
	border           : 2px solid #E89224;
	border-radius    : 5px;
	color            : #FFFFFF;
	text-align       : center;
	position         : relative;
}

.cta_button.color:hover, .gform_button:hover {
	background-color : #FFFFFF;
	border           : 2px solid #E89224;
	color            : #E89224;
}

/* CTA BUTTON FULLWIDTH */
.cta_button.fullwidth {
	width            : 100%;
	background-color : lightgrey;
}

/* CTA BUTTON HALFWIDTH */
.cta_button.halfwidth {
	width            : 50%;
	background-color : #E89224;
}

/* ACF GOOGLE MAPS */

.acf-map {
	width  : 100%;
	height : 400px;
	border : #CCCCCC solid 1px;
	margin : 20px 0;
}

/* fixes potential theme css conflict */
.acf-map img {
	max-width : inherit !important;
}

.referenzen_slider .fa.slick-arrow {
	background-color        : #E89224;
	width                   : 60px;
	height                  : 50px;
	color                   : #FFFFFF;
	clip-path               : shape(from 75.04% 0%, line to 25.04% 0%, line to 0% 50%, line to 25.04% 100%, line to 75.04% 100%, line to 100% 50%, line to 75.04% 0%, close);
	display                 : flex;
	display                 : -webkit-box;
	display                 : -moz-box;
	display                 : -ms-flexbox;
	display                 : -webkit-flex;
	align-items             : center;
	-webkit-box-align       : center;
	-moz-box-align          : center;
	-ms-flex-align          : center;
	-webkit-align-items     : center;
	justify-content         : center;
	-webkit-justify-content : center;
	font-size               : 18px;
	cursor                  : pointer;
	top                     : 50%;
	bottom                  : revert !important;
	transform               : translateY(-50%);
}

@media (max-width : 767px) {
	.referenzen_slider .fa.slick-arrow {
		background-color : transparent;
		clip-path        : none;
		color            : #E89224;
		top              : revert;
		bottom           : -20px !important;
		z-index          : 2;
		width            : auto !important;
	}

	.referenzen_slides .slick-slide {
		transform      : scale(0.85, 0.8) !important;
		-webkit-filter : brightness(50%) !important;
	}

	.referenzen_slides .slick-slide.slick-current {
		transform      : scale(1) !important;
		-webkit-filter : brightness(100%) !important;
	}
}

@media (max-width : 500px) {
	.referenzen_slider .fa.slick-arrow {
		bottom : -80px !important;
	}
}

/*mobile waben icon aufzählung*/


.referenzen_slider .fa.slick-arrow {
	position : absolute;
	bottom   : 0;
	margin   : 0 auto;
}

.referenzen_slider .fa.fa-arrow-right.slick-arrow {
	right : 550px;
}

.referenzen_slider .fa.fa-arrow-left.slick-arrow {
	left    : 550px;
	z-index : 1;
}

@media all and (max-width : 1800px) {
	.referenzen_slider .fa.fa-arrow-right.slick-arrow {
		right : 150px;
	}

	.referenzen_slider .fa.fa-arrow-left.slick-arrow {
		left : 150px;
	}
}

@media all and (max-width : 1000px) {
	.referenzen_slider .fa.fa-arrow-right.slick-arrow {
		right : 5px;
	}

	.referenzen_slider .fa.fa-arrow-left.slick-arrow {
		left : 5px;
	}
}

.leistungen_header {
	width : 100%;
	gap   : 0 !important;
}

.leistungen_header video {
	position   : relative;
	margin-top : 6vw;
	max-width  : 100%;
}

.leistungen_block {
	overflow       : hidden;
	padding-bottom : 150px;
}

/*.leistungen_block::before, .leistungen_block::after {*/
/*	content           : '';*/
/*	position          : absolute;*/
/*	width             : 350px;*/
/*	height            : 300px;*/
/*	background-image  : url('img/bienenwaben.svg');*/
/*	background-repeat : no-repeat;*/
/*	background-size   : contain;*/
/*	z-index           : -1;*/
/*}*/

.leistungen_block::before {
	top               : 48vw;
	left              : -8vw;
	-webkit-transform : rotate(90deg);
	transform         : rotate(90deg);
}

.leistungen_block::after {
	top               : 25vw;
	right             : -11vw;
	-webkit-transform : rotate(-145deg);
	transform         : rotate(-145deg);
}

.leistungen_block .slides img {
	max-width : 180px;
	/*background: #E89224;
	border-radius: 50%;*/
}

.leistungen_block .slides li {
	text-align    : center;
	border        : 1px solid transparent;
	border-radius : 25px;
	padding       : 50px 30px;
	flex          : 1;
}

.leistungen_block .slides li {
	border           : 1px solid #E89224;
	cursor           : pointer;
	background-color : #FFFFFF;
	z-index          : 4;
	min-width        : 300px;
	max-width        : 400px;
}

.leistungen_block .slides li:first-child, .leistungen_block .slides li:last-child {
	position : relative;
	top      : 120px;
}

@media all and (max-width : 1374px) {
	.leistungen_block .slides li {
		position  : relative;
		top       : 0 !important;
		max-width : 100%;
	}
}

.leistungen_block .slides {
	display : flex;
	display : -webkit-box;
	display : -moz-box;
	display : -ms-flexbox;
	display : -webkit-flex;
}

.leistungen_title {
	font-weight : 600;
	font-size   : 17px;
	text-align  : center;
}

.leistungen_content a {
	border-radius  : 5px;
	border         : 2px solid #E89224;
	background     : #E89224;
	display        : flex;
	padding        : 11px 25px 12px 25px;
	flex-direction : column;
	align-items    : center;
	color          : #FFFFFF;
	text-align     : center;
	font-size      : 14px;
	font-style     : normal;
	font-weight    : 500;
	line-height    : 22px;
	width          : fit-content;
	margin         : auto;
}

.leistungen_block .slides li:hover .leistungen_content a {
	background-color : rgba(232, 146, 36, 0.10);
	color            : #E89224;
}

.leistungen_img {
	text-align : center;
	position   : relative;
	z-index    : -1;
}


.leistungen_content a {
	font-size : 17px;
}

a.leistungen_content:hover {
	color : #E89224;
}

.leistungen_block .slides li:hover {
	background : rgba(232, 146, 36, 0.10);
}

.leistungen_header div {
	position : relative;
}

.leistungen_header div:last-child {
	text-align : right;
}

.slick-slide {
	outline : none;
}

.slick-slide img {
	height     : 60vh;
	object-fit : cover;
	width      : 100%;
}


.leistungen_block .flex_wrapper {
	gap     : 30px;
	z-index : 2 !important;
}


.referenzen_slider {
	max-width : 100%;
	overflow  : hidden;
}

.referenzen_slides .slick-slide {
	transform         : scale(0.95, 0.9);
	-webkit-transform : scale(0.95, 0.9);
	-moz-transform    : scale(0.95, 0.9);
	-ms-transform     : scale(0.95, 0.9);
	-o-transform      : scale(0.95, 0.9);
	filter            : brightness(50%);
	-webkit-filter    : brightness(50%);
}

.referenzen_slides .slick-slide:hover {
	filter         : brightness(100%);
	-webkit-filter : brightness(100%);
	cursor         : pointer;
}

.referenzen_slides .slick-slide.slick-current {
	transform         : scale(0.95, 1);
	-webkit-transform : scale(0.95, 1);
	-moz-transform    : scale(0.95, 1);
	-ms-transform     : scale(0.95, 1);
	-o-transform      : scale(0.95, 1);
	filter            : brightness(100%);
	-webkit-filter    : brightness(100%);
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media all and (max-width : 2000px) {
	.leistungen_block::before {
		top  : 63vw;
		left : -10vw;
	}

	.leistungen_block::after {
		right : -13vw;
		top   : 30vw;
	}
}

@media all and (max-width : 1800px) {
	.leistungen_block::before {
		top  : 70vw;
		left : -11vw;
	}

	.leistungen_block::after {
		right : -14vw;
	}
}

@media all and (max-width : 1650px) {
	.leistungen_block::before {
		top : 77vw;
	}

	.bienenwaben, .leistungen_block::before, .leistungen_block::after {
		width : 300px;
	}

	.leistungen_block::after {
		top : 32vw;
	}

	.leistungen_header video {
		margin-top : 9vw;
	}

}

@media all and (max-width : 1550px) {
	.leistungen_block::before {
		top : 82vw;
	}

	.leistungen_block::after {
		top : 35vw;
	}

	.leistungen_header video {
		margin-top : 10vw;
	}

	.banner .content::before, .banner .content::after {
		opacity : .5;
	}
}

@media all and (max-width : 1400px) {
	.leistungen_block::before, .leistungen_block::after {
		display : none;
	}

	.bienenwaben.wabe_referenz {
		top              : 5vw;
		background-color : #FFFFFF;
	}

	.bienenwaben, .leistungen_block::before, .leistungen_block::after {
		width : 250px;
	}

	.leistungen_block .slides img {
		max-width : 150px;
	}
}

@media all and (max-width : 1210px) {
	.bienenwaben, .leistungen_block::before, .leistungen_block::after {
		width : 200px;
	}

	.bienenwaben.wabe_referenz {
		top : 8vw;
	}

	h1 .titel::after, .h1_format::after {
		width : calc(100% + 50px);
	}

	.home .bienenwaben.wabe_referenz {
		left              : 50%;
		transform         : translateX(-50%) scale(-1) rotate(20deg);
		-webkit-transform : translateX(-50%) scale(-1) rotate(20deg);
		-moz-transform    : translateX(-50%) scale(-1) rotate(20deg);
		-ms-transform     : translateX(-50%) scale(-1) rotate(20deg);
		-o-transform      : translateX(-50%) scale(-1) rotate(20deg);
		top               : 7vw;
	}

	.bienenwaben.wabe_referenz {
		left              : 25%;
		transform         : translateX(-25%) scale(-1) rotate(20deg);
		-webkit-transform : translateX(-25%) scale(-1) rotate(20deg);
		-moz-transform    : translateX(-25%) scale(-1) rotate(20deg);
		-ms-transform     : translateX(-25%) scale(-1) rotate(20deg);
		-o-transform      : translateX(-25%) scale(-1) rotate(20deg);
	}
}


@media all and (max-width : 1100px) {

	.home header nav ul li a, header nav ul li a {
		padding : 0 20px;
	}

	header nav ul.sub-menu.active, header nav ul li:hover > .sub-menu {
		width : calc(100% + 70px);
		left  : -35px;
	}
}

@media all and (max-width : 1024px) {
	.home header nav ul li a, header nav ul li a {
		padding   : 0 15px;
		font-size : 14px;
	}

	.menu-item-has-children .mobile_toggle {
		margin-left : -5px;
	}

	.header_bg_color {
		min-height : 500px;
	}

	.header_info {
		font-size : 60px;
	}

	.header_slides .header_slide {
		min-height : 625px;
	}

	.leistungen_block .slides li {
		padding : 50px 10px;
	}

	h1, .h1_wrapper {
		font-size : 40px;
	}

	h1 .part, .h1_part {
		font-size : 200px;
		top       : -15px;
	}


	.referenzen_slider .bienenwaben {
		top : -5vw;
	}

	.leistungen_block .slides img {
		max-width : 120px;
	}

	.menu-item-has-children .mobile_toggle {
		display      : inline-block;
		color        : #727272;
		padding-left : 0;
	}

	.home .menu-item-has-children .mobile_toggle {
		color : #FFFFFF;
	}

	.home h1, .home .h1_wrapper {
		margin-top : 110px;
	}


}

@media all and (max-width : 991px) {
	.referenzen_slides .slick-dots{
		display: none!important;
	}

	body header nav ul.sub-menu.active {
		width      : 100%;
		left       : 0;
		background : 0;
	}

	body header nav ul.sub-menu.active li a {
		color : #727272;
	}

	.bienenwaben.wabe_referenz {
		left : 20%;
	}

	header nav {
		position         : absolute;
		top              : -15px;
		background-color : #FFFFFF;
		z-index          : 3;
		right            : 0;
		left             : 0;
	}

	header nav ul {
		display : none;
		padding : 5px 0;
	}

	header nav ul li {
		position : relative;
		display  : block;
		padding  : 10px 0;
	}

	.home header nav ul li a, .home .menu-item-has-children .mobile_toggle {
		color : #727272;
	}

	#burger i {
		display : block;
	}

	#burger {
		display  : block;
		position : absolute;
		right    : 15px;
		top      : 0;
		z-index  : 4;
		color    : #727272;
	}

	header nav ul li:last-child a {
		padding-right : 15px;
	}

	.home #burger {
		color : #FFFFFF;
	}

	.home #burger.active {
		color : #727272;
	}

	.menu-item-has-children .mobile_toggle {
		display : inline-block;
	}

	header nav ul li:hover > .sub-menu {
		display : none;
	}

	body header nav ul.sub-menu.active {
		display  : block;
		position : relative;
	}


	.nav_wrapper .flex_wrapper {
		position : relative;
	}

	nav#mainnav {
		width : 100%;
	}

	.flexible_slideshow li.flex-nav-prev {
		left : 30px;
	}

	.flexible_slideshow li.flex-nav-next {
		right : 30px;
	}

	header nav {
		text-align : center;
	}

	.logo img {
		max-height : 50px;
	}

	.header_slides .header_slide {
		min-height : 595px;
	}

	.header_bg_color {
		min-height : 515px;
	}

	.tel_mail {
		max-width   : 75%;
		margin-left : 0;
	}

	.referenzen_slider .bienenwaben {
		top : 0;
	}

	.spacer {
		height : 40px;
	}
}

@media all and (max-width : 768px) {
	.leistungen_block .slides li {
		padding : 10px;
	}

	.header_bg_color {
		min-height : 450px;
	}

	.home .flex_sm_6 {
		width : 100%;
	}

	.header_slides {
		width : 66.67%;
	}

	.referenzen_slider {
		margin-top : 40px;
	}

	.logo_wrapper {
		z-index : 5;
	}

	.interactive_maps_wrapper {
		height : 400px;
	}

	.spacer {
		height : 20px;
	}


	.leistungen_header video {
		margin-top : 0;
		width      : 100%;
	}

	.referenzen_slides .slick-slide {
		transform         : scale(1);
		-webkit-transform : scale(1);
		-moz-transform    : scale(1);
		-ms-transform     : scale(1);
		-o-transform      : scale(1);
		filter            : brightness(100%);
		-webkit-filter    : brightness(100%);
	}

	.referenzen_slides .slick-slide img {
		max-height    : 300px;
		width         : 100%;
		object-fit    : cover;
		-o-object-fit : cover;
	}

	.header_slides .header_slide {
		min-height : 530px;
	}

	.tel_mail {
		flex-direction          : column;
		padding                 : 10px 15px 10px 15px;
		max-width               : 100%;
		justify-content         : space-around;
		-webkit-justify-content : space-around;
	}

	.header_info {
		font-size : 40px;
	}

	.leistungen_block .slides li {
		top   : 0;
		width : 50%;
	}

	.leistungen_block .slides li:first-child, .leistungen_block .slides li:last-child {
		top : 0;
	}

	.referenzen_slides .slick-slide.slick-current {
		transform         : scale(1);
		-webkit-transform : scale(1);
		-moz-transform    : scale(1);
		-ms-transform     : scale(1);
		-o-transform      : scale(1);
	}

	.content_img_wrap {
		max-height : 100%;
		margin     : 0 0 3vw 0;
	}

	.content_img {
		max-height : 300px;
	}


}

@media all and (max-width : 767px) {
	.bienenwaben {
		display : none;
	}

	.footer_nav_custom_li {
		flex-direction         : column;
		-webkit-flex-direction : column;
	}

	.footer_nav_custom_li .widget_nav_menu, .footer_nav_custom_li .kontakt_wrapper {
		width : 100%;
	}

	.footer_nav_custom_li div:last-child {
		margin-top : 3vw;
	}

	.leistungen_block .slides li:first-child, .leistungen_block .slides li:last-child {
		top : 0;
	}
}

@media all and (max-width : 452px) {
	.flexible_slideshow ol.flex-control-nav.flex-control-paging {
		bottom : 55px;
	}
}


@media all and (max-width : 480px) {
	h1, .h1_wrapper {
		font-size : 30px;
	}

	h1 .part, .h1_part {
		font-size : 150px;
		top       : -5px;
	}

	.h1_wrapper {
		margin-top : 100px;
	}

	.leistungen_content.content_hide {
		display : none;
	}

	footer li a, footer li, .kontakt {
		font-size : 12px;
	}

	footer h3 {
		font-size : 1em;
	}

	.header_slides {
		width : 75%;
	}

	.header_slides .header_slide {
		min-height : 350px;
	}

	.header_bg_color {
		min-height : 0;
	}

	.tel_mail {
		max-width : 100%;
	}

	h1 .titel::after, .h1_format::after {
		width : 100%;
	}

	.header_info {
		font-size : 30px;
	}

	.interactive_maps_wrapper {
		height : 250px;
	}

	.flexible_slideshow .slides li {
		height : 350px;
	}
}

@media all and (max-width : 400px) {
	.leistungen_block .slides li {
		width   : 100%;
		padding : 10px;
	}
}

@media all and (max-width : 380px) {
	.header_slides .header_slide {
		min-height : 340px;
	}
}

@media all and (max-width : 350px) {
	.widget_nav_menu, .kontakt_wrapper {
		width : 100%;
	}

}

/*------------------------------------*\
	WORDPRESS CORE
\*------------------------------------*/
.alignnone {
	margin : 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
	display : block;
	margin  : 5px auto 5px auto;
}

.alignright {
	float  : right;
	margin : 5px 0 20px 20px;
}

.alignleft {
	float  : left;
	margin : 5px 20px 20px 0;
}

a img.alignright {
	float  : right;
	margin : 5px 0 20px 20px;
}

a img.alignnone {
	margin : 5px 20px 20px 0;
}

a img.alignleft {
	float  : left;
	margin : 5px 20px 20px 0;
}

a img.aligncenter {
	display      : block;
	margin-left  : auto;
	margin-right : auto;
}

.wp-caption {
	background : #FFFFFF;
	border     : 1px solid #F0F0F0;
	max-width  : 96%;
	padding    : 5px 3px 10px;
	text-align : center;
}

.wp-caption.alignnone {
	margin : 5px 20px 20px 0;
}

.wp-caption.alignleft {
	margin : 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin : 5px 0 20px 20px;
}

.wp-caption img {
	border    : 0 none;
	height    : auto;
	margin    : 0;
	max-width : 98.5%;
	padding   : 0;
	width     : auto;
}

.wp-caption .wp-caption-text,
.gallery-caption {
	font-size   : 11px;
	line-height : 17px;
	margin      : 0;
	padding     : 0 4px 5px;
}

/*------------------------------------*\
	PRINT
\*------------------------------------*/
@media print {
	* {
		background  : transparent !important;
		color       : #000000 !important;
		box-shadow  : none !important;
		text-shadow : none !important;
	}

	a,
	a:visited {
		text-decoration : underline;
	}

	a[href]:after {
		content : " (" attr(href) ")";
	}

	abbr[title]:after {
		content : " (" attr(title) ")";
	}

	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content : "";
	}

	pre, blockquote {
		border            : 1px solid #999999;
		page-break-inside : avoid;
	}

	thead {
		display : table-header-group;
	}

	tr, img {
		page-break-inside : avoid;
	}

	img {
		max-width : 100% !important;
	}

	@page {
		margin : 0.5cm;
	}

	p,
	h2,
	h3 {
		orphans : 3;
		widows  : 3;
	}

	h2,
	h3 {
		page-break-after : avoid;
	}
}

.banner .content::before, .banner .content::after {
	opacity : .25;
}


/*BANNER*/
.banner {
	background : #E89224;
	max-width  : 100%;
	padding    : 0;
	margin     : 0;
	overflow   : hidden;
}

.banner .content {
	padding    : 40px 0;
	text-align : center;
	max-width  : 1000px;
	min-width  : 300px;
	width      : 80vw;
	margin     : auto;
}

.banner .content::after {
	content           : '';
	position          : absolute;
	width             : 350px;
	height            : 300px;
	background-image  : url('img/bienenwabenInverted.svg');
	background-repeat : no-repeat;
	background-size   : contain;
	right             : -3%;
	top               : -14%;
	z-index           : 0;
	transform         : rotate(-145deg);
}

.banner .content::before {
	content           : '';
	position          : absolute;
	width             : 350px;
	height            : 300px;
	background-image  : url('img/bienenwabenInverted.svg');
	background-repeat : no-repeat;
	background-size   : contain;
	left              : -4%;
	bottom            : 0;
	z-index           : 0;
	transform         : rotate(-145deg);
}

.banner .content .title {
	color       : #FFFFFF;
	text-align  : center;
	font-family : Poppins, sans-serif;
	font-size   : clamp(25px, 4vw, 30px);
	font-style  : normal;
	font-weight : 600;
	position    : relative;
	z-index     : 1;
	line-height : normal;
}

.banner .content .desc {
	color       : #FFFFFF;
	text-align  : center;
	font-family : Poppins, sans-serif;
	font-size   : 14px;
	font-style  : normal;
	font-weight : 500;
	z-index     : 1;
	line-height : 22px;
	padding     : 15px 0 45px 0;
	position    : relative;
}

.banner .content .link {
	border-radius  : 5px;
	border         : 2px solid #FFFFFF;
	display        : inline-flex;
	padding        : 11px 25px 12px 25px;
	flex-direction : column;
	align-items    : center;
	color          : #FFFFFF;
	text-align     : center;
	z-index        : 1;
	font-family    : Poppins, sans-serif;
	font-size      : 14px;
	font-style     : normal;
	font-weight    : 500;
	line-height    : 22px;
	position       : relative;
}

.banner .content .link:hover {
	background-color : #FFFFFF;
	color            : #E89224;
	border-color     : #FFFFFF;
}

/*Video*/

.video-container {
	height : auto;
	width  : 100%;
}

.video-container iframe, .video_block video {
	width        : 100%;
	aspect-ratio : 16/9;
}


/*Members*/
.team-members {
	padding       : 20px;
	margin        : 0 auto;
	margin-bottom : 50px;
}

.team-members .slick-arrow {
	color : #E89224;
}

.team-members .fa-caret-right {
	right : 0;
}

.member-card {
	background-color    : #F9F9F9;
	padding             : 15px 15px 25px 20px;
	text-align          : center;
	box-shadow          : 0 2px 5px rgba(0, 0, 0, 0.1);
	break-inside        : avoid;
	aspect-ratio        : 30 / 40;
	background-position : center;
	background-size     : cover;
	display             : flex !important;
	align-items         : start;
	justify-content     : end;
	flex-direction      : column;
	position            : relative;
}

.member-card::before {
	content    : '';
	width      : 100%;
	height     : 100%;
	top        : 0;
	left       : 0;
	position   : absolute;
	background : linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.40) 81.29%);
}

.member-card h3 {
	color       : #FFFFFF;
	font-size   : clamp(18px, 2.5vw, 24px);
	position    : relative;
	font-style  : normal;
	font-weight : 500;
	line-height : 22px;
	z-index     : 2;
	margin      : 0 !important;
	text-align  : left;
}

.member-card p {
	color          : #FFFFFF;
	z-index        : 2;
	position       : relative;
	font-size      : clamp(13px, 1.8vw, 16px);
	font-style     : normal;
	font-weight    : 500;
	line-height    : 22px;
	margin         : 0 !important;
	padding-bottom : 8px;
	text-align     : left;
}

.member-card .text {
	position        : relative;
	z-index         : 2;
	display         : flex;
	flex-direction  : column;
	justify-content : end;
	align-items     : start;
	width           : 100%;
	height          : 100%;
	flex-wrap       : wrap;
	word-break      : break-word;
	border-bottom   : 2px solid #E89224;
}

.members-grid {
	display     : block;
	gap         : 20px;
	align-items : start;
	width       : 100%;
	padding-top : 100px;
}

@media (min-width : 500px) {
	.member-card:nth-child(2n) {
		margin-top : -75px;
	}
}

@media (min-width : 500px) {
	.members-grid {
		display               : grid;
		grid-template-columns : repeat(2, 1fr);
	}
}

@media (min-width : 1200px) {
	.members-grid {
		grid-template-columns : repeat(4, 1fr);
	}
}

.categories-filter {
	position : relative;
	overflow : hidden;
}

.filter-buttons {
	display  : flex;
	gap      : 10px;
	overflow : scroll;
}

.filter-buttons::before,
.filter-buttons::after {
	content        : '';
	position       : absolute;
	top            : 0;
	height         : 100%;
	width          : 50px;
	pointer-events : none;
	z-index        : 1;
}

@media (min-width : 992px) {
	.filter-buttons::before,
	.filter-buttons::after {
		display : none;
	}
}

.filter-buttons::before {
	left       : 0;
	background : linear-gradient(to right, #FFFFFF, transparent);
}

.filter-buttons::after {
	right      : 0;
	background : linear-gradient(to left, #FFFFFF, transparent);
}

.filter-btn.active {
	background-color : #E89224;
	color            : #FFFFFF;
	border-color     : #E89224;
}

.filter-btn {
	display          : flex;
	padding          : 15px 25px 10px 25px;
	flex-direction   : column;
	align-items      : center;
	border-radius    : 5px;
	border           : 1px solid #727272;
	background-color : transparent;
	color            : #727272;
	text-align       : center;
	font-size        : 15px;
	font-style       : normal;
	font-weight      : 500;
	line-height      : 20px;
	cursor           : pointer;
	white-space      : nowrap;
}

.gallery-filter-grid {
	grid-template-columns : repeat(3, 1fr);
	gap                   : 20px;
	align-items           : start;
	width                 : 100%;
	padding-top           : 25px;

	@media (min-width : 992px) {
		display     : grid;
		padding-top : 100px;
	}
}

.galleryItem {
	display             : block;
	transition          : all 0.3s ease-in-out;
	background-color    : #F9F9F9;
	padding             : 15px 15px 25px 20px;
	text-align          : center;
	box-shadow          : 0 2px 5px rgba(0, 0, 0, 0.1);
	aspect-ratio        : 45 / 35;
	background-position : center;
	background-size     : cover;
}

/*Breadcrumb*/
.breadcrumb {
	background : #E89224;
	padding    : 35px 0;
	max-width  : 100%;
	margin     : 0 !important;
	overflow   : hidden;
}

.breadcrumb .content {
	flex-direction : column;
	gap            : 10px;
}

.breadcrumb .title {
	color        : #FFFFFF;
	font-size    : clamp(40px, 5vw, 45px);
	font-style   : normal;
	font-weight  : 600;
	line-height  : 150%;
	padding-left : 15px;
}

.breadcrumb .breadcrumbs {
	color           : #FFFFFF;
	display         : flex;
	gap             : 10px;
	justify-content : start;
	align-items     : center;
	font-size       : 16px;
	padding-left    : 15px;
}

.breadcrumb .breadcrumbs a {
	color           : #FFFFFF;
	font-size       : 14px;
	font-style      : normal;
	font-weight     : 500;
	display         : flex;
	justify-content : center;
	align-items     : center;
	gap             : 10px;
}

.breadcrumb .breadcrumbs svg {
	width  : 25px;
	height : 25px;
}

.breadcrumb .content::before {
	content           : '';
	position          : absolute;
	width             : 350px;
	height            : 300px;
	background-image  : url('img/bienenwabenInverted.svg');
	background-repeat : no-repeat;
	background-size   : contain;
	right             : 33%;
	top               : 0;
	z-index           : 0;
	transform         : rotate(-165deg);
}

.breadcrumb .content::after {
	content           : '';
	position          : absolute;
	width             : 350px;
	height            : 300px;
	background-image  : url('img/bienenwabenInverted.svg');
	background-repeat : no-repeat;
	background-size   : contain;
	right             : -2%;
	top               : -60%;
	z-index           : 0;
	transform         : rotate(-145deg);
}

@media (max-width : 992px) {
	.breadcrumb .content::before {
		display : none;
	}

	.breadcrumb .content::after {
		opacity : .3;
	}
}