/*
Theme Name: Divi Child
Theme URI: https://diviextended.com/
Version: 1.0
Description: Child Theme of Divi
Author: Divi Extended
Template: Divi
*/
@import url("../Divi/style.css");


/* Admin ------------------------------- */

.et-fb-root-ancestor header {
	pointer-events: all !important;
}
.et-fb-root-ancestor > header .header-navi {
	display: none !important;
}


/* fonts ------------------------------- */

h1 strong,
h2 strong {
	font-family: 'Montserrat SemiBold',Helvetica,Arial,Lucida,sans-serif;
}
h2 strong {
	color: #009641;
}

.title-blau h1 strong,
.title-blau h2 strong {
	color: #3e8dc0;
}

a:not(.et_pb_button) {
	text-decoration: underline;
}
#menu-main-menu li a,
#menu-main-menu-1 li a,
.ul-list li a {
	text-decoration: none;
}
#menu-main-menu li.current-menu-item a,
#menu-main-menu-1 li.current-menu-item a {
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}


/* Header ------------------------------- */

.main-header {
	margin-top: 0em;
	transition: all 1s linear;
}
.main-header.statusopen {
	margin-top: -20em;
	transition: all 1s linear;
}

.header-container {
	display: flex;
}
.header-container .et_pb_column {
	margin-bottom: 0 !important;
}

.header-navi {
	position: fixed !important;
	top: -200vh;
	-webkit-transition: top 0.5s ease !important;
	-moz-transition: top 0.5s ease !important;
	-o-transition: top 0.5s ease !important;
	-ms-transition: top 0.5s ease !important;
	transition: top 0.5s ease !important;
}
.header-navi.opened {
	top: 0;
	-webkit-transition: top 0.5s ease !important;
	-moz-transition: top 0.5s ease !important;
	-o-transition: top 0.5s ease !important;
	-ms-transition: top 0.5s ease !important;
	transition: top 0.5s ease !important;
}

.header-navi .et-menu.nav,
footer .et-menu.nav {
	display: flex;
	flex-direction: column;
}

.header_logo img {
	max-width: none;
}



/* Navi ------------------------------- */

.et_pb_menu ul li:hover>a,
.et_pb_menu ul li.current-menu-item a,
.et_pb_menu ul li.current-menu-item a:hover {
	text-decoration: underline;
}
.et_pb_menu ul li.current-menu-item a,
.et_pb_menu ul li.current-menu-item a:hover {
	font-family: 'Montserrat SemiBold',Helvetica,Arial,Lucida,sans-serif !important;
}

.et_pb_menu__menu>nav>ul>li {
	margin-top: 0 !important;
}
.et_pb_menu__menu>nav>ul>li>a {
	padding-bottom: .9em !important;
}


/*	Layout ----------------- */

.inverse-row {
	display: flex;
	flex-direction: column-reverse;
}

.ul-list {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.ul-list li a {
	display: flex;
	align-items: center;
}

.ul-list li a::before {
	content: "";
	display: block;
	height: 1.5em;
	width: .5em;
	float: left;
	background: url("images/line_blue.svg");
	background-repeat: no-repeat;
	margin-right: .25em;
	margin-left: -.75em;
	transition: width .5s linear;
}

.ul-list li a:hover::before {
	content: "";
	display: block;
	height: 1.5em;
	width: 4em;
	float: left;
	background: url("images/pfeil_green.svg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right center;
	margin-right: .5em;
	color: #009641 !important;
	transition: width 0.5s linear;
}
.ul-list.blue li a:hover::before {
	background: url("images/pfeil_blue.svg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right center;
	color: #009641 !important;
}



/*	toggle ----------------- */

.accordion-icon-left .et_pb_toggle_title:before {
	left: 0 !important;
	content: "";
	display: block;
	height: 1.5em;
	width: 4em;
	float: left;
	background: url("images/pfeil_toogle_left.svg");
	background-repeat: no-repeat;
	margin-top: -.72em;
}
.accordion-icon-left .et_pb_toggle_title,
.accordion-icon-left .et_pb_toggle_content {
	padding-left: 1.75em !important
}

.accordion-icon-left .et_pb_toggle_open .et_pb_toggle_title:before,
.accordion-icon-left.et_pb_toggle_open .et_pb_toggle_title:before{
	display: block;
	background: url("images/pfeil_toogle_down.svg");
	background-repeat: no-repeat;
}

.accordion-icon-left .et_pb_accordion_item {
	margin-bottom: 1.5em !important;
}
.accordion-icon-left .et_pb_toggle,
.accordion-icon-left.et_pb_toggle {
	background-position: right -15vw top 10em !important;
}



/*	links ----------------- */

.more-link {
	margin-top: 2em;
  	margin-right: 0em;
	display: flex !important;
	flex-direction: column;
	align-items: flex-end;
}
.blog-grid .more-link {
	display: block;
	margin-right: 2em;
}
.more-link::after {
	content: "";
	display: block;
	height: 1.5em;
	background: url("images/pfeil_white.svg");
	background-repeat: no-repeat;
	background-position: right;
	width: 10em;
	margin: -2% -1.5em 0 0;
	transition: all 0.5s ease;
}
.blog-grid .more-link::after {
	background: url("images/pfeil_blue.svg");
	background-repeat: no-repeat;
	margin: -2% -7.5em 0 0;
}
.more-link:hover::after {
	margin: -2% -2em 0 0;
	transition: all 0.5s ease;
}
.blog-grid .more-link:hover::after {
	margin: -2% -8em 0 0;
	transition: all 0.5s ease;
}


body #page-container .et_pb_section .et_pb_button:hover {
	text-decoration: none !important;
}

.et_pb_button.link-btn,
.et_pb_button.modal-btn {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: flex-end;
	line-height: 1em !important;
}
body #page-container .et_pb_section .et_pb_button.link-btn::after,
body #page-container .et_pb_section .et_pb_button.modal-btn::after {
	content: "";
	display: block !important;
	height: 1.5em;
	background: url("images/pfeil_green.svg");
	background-repeat: no-repeat;
	background-position: right;
	width: 10em;
	margin: 1.2em -1.5em -1.2em 0;
}

body #page-container .et_pb_section .et_pb_button.link-btn.white::after,
body #page-container .et_pb_section .et_pb_button.modal-btn.white::after {
	background: url("images/pfeil_white.svg");
	background-repeat: no-repeat;
	background-position: right;
}
body #page-container .et_pb_section .et_pb_button.link-btn.blau::after,
body #page-container .et_pb_section .et_pb_button.modal-btn.blau::after {
	background: url("images/pfeil_blue.svg");
	background-repeat: no-repeat;
	background-position: right;
}

body #page-container .et_pb_section .et_pb_button.link-btn:hover::after,
body #page-container .et_pb_section .et_pb_button.modal-btn:hover::after {
	margin: 1.2em -2em -1.2em 0;
}


/*	blog-grid ----------------- */

.blog-grid .et_pb_post {
	border: 0;
	padding: 2em;
	margin-bottom: 1.5em !important;
	background-repeat: no-repeat;
	background-image: url("images/blue_circle.svg");
	background-position: right 20% top -80%;
  	background-size: auto 130vw;
}
.blog-grid .et_pb_image_container {
	margin: 0;
}
.blog-grid .et_pb_image_container a {
	transition: transform 0.5s ease;
}
.blog-grid .et_pb_image_container a:hover {
	transform: scale(1.1);
	transition: transform 0.5s ease;
}

.blog-grid .entry-title {
	margin-bottom: 1em;
}
.blog-grid .post-content {
	hyphens: auto;
}


/*	News ----------------- */
	
.post-gallery .et_overlay:before {
	font-size: 4vw;
}
.post-gallery .et_pb_gallery_image {
	transition: transform 0.5s ease;
}
.post-gallery .et_pb_gallery_image:hover {
	transform: scale(1.1);
	transition: transform 0.5s ease;
}


.post-navi-container .et_pb_column {
	margin-bottom: 0  !important;
}


.meta-nav {
	display: none;
}

.nav-next .nav-label {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.nav-previous .nav-label {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.nav-previous .nav-label::after {
	content: "";
	display: block;
	height: 1.5em;
	background: url("images/pfeil_blue_prev.svg");
	background-repeat: no-repeat;
	background-position: left;
	width: 10em;
	margin: -5% 0 0 -20%;
	transition: all 0.5s ease;
}
.nav-next .nav-label::after {
	content: "";
	display: block;
	height: 1.5em;
	background: url("images/pfeil_blue.svg");
	background-repeat: no-repeat;
	background-position: right;
	width: 10em;
	margin: -5% -20% 0 0;
	transition: all 0.5s ease;
}

.nav-previous .nav-label:hover::after {
	margin: -5% 0 0 -24%;
	transition: all 0.5s ease;
	
}
.nav-next .nav-label:hover::after {
	margin: -5% -24% 0 0;
	transition: all 0.5s ease;
	
}

.et_pb_button.back-btn {
	display: flex;
	flex-direction: column;
	align-items: center;
}
body #page-container .et_pb_section .et_pb_button.back-btn::after {
	content: "";
	display: block;
	height: 1.5em;
	background: url("images/blue_under.svg");
	background-repeat: no-repeat;
	background-position: center;
	width: 10em;
	margin: 5% auto 0;
	transition: all 0.5s ease;
}
body #page-container .et_pb_section .et_pb_button.back-btn:hover::after {
	height: 1.45em;
	transition: all 0.5s ease;
}





/*	Backs ----------------- */

.back-right,
.back-left {
	min-height: 80vw;
}


.back-right .et_parallax_bg {
	background-position: top;
	top: -95vw;
	width: 150vw;
	height: 150vw;
}
.back-left .et_parallax_bg {
	background-position: bottom;
	bottom: -95vw;
	width: 150vw;
	height: 150vw;
}

.back-right .et_pb_image_sticky,
.back-left .et_pb_image_sticky {
	display: block;
}

.news_back {
	background-position: top -10vw left 10vw !important;
}

/*	Modal ----------------- */

.modal-wrapper{
  	position: fixed !important;
  	width: 100%;
  	height: 100%;
  	top: 0;
  	left: 0;
  	z-index: 9999;
  	display:none;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	overflow:hidden;
}


.modal-container > .et_pb_column {
	height: 100%;
}

.modal-container {
	overflow-y: scroll;
	overflow-x: hidden;
}
.modal-container h2 strong {
	color: #3e8dc0;
}





/*	Slide ----------------- */

.slick-slide img {
	max-width: none;
	height: 100vh;
}

#back-slider,
.news-slider {
  	-webkit-transition: opacity 2000s ease-in-out;
    -moz-transition: opacity 2000s ease-in-out;
    -ms-transition: opacity 2000s ease-in-out;
    -o-transition: opacity 2000s ease-in-out;
     opacity: 1;
}


/* Forms ------------------------------- */

.quform-spacer {
	padding: 0 0 5px 0;
}


.quform .quform-field-email,
.quform .quform-field-multiselect,
.quform .quform-field-select,
.quform .quform-field-text,
.quform .quform-field-textarea,
.quform .select2-container--quform .select2-selection {
	border: 0 !important;
	/*color: #73819f;*/
	background: #ffffff;
	border-radius: 0;
	text-align: left;
	padding: .6em .8em;
}
.quform .quform-field-textarea {
	height: 6em;
}
.quform-element-recaptcha{
	display: none !important;
}

.quform-element-submit {
	display: flex;
	justify-content: center;
}
.quform-element-submit button {
	font-family: 'Montserrat SemiBold',Helvetica,Arial,Lucida,sans-serif;
	color: #3e8dc0;
	font-size: 1.1em;
	background: none;
	border: none;
	
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	line-height: 0.5 !important;
}
.quform-element-submit button::after {
	content: "";
	display: block;
	height: 1.5em;
	background: url("images/pfeil_blue.svg");
	background-repeat: no-repeat;
	width: 10em;
	margin: -2% -7.5em 0 0;
	transition: all 0.5s ease;
}
.quform-element-submit button:hover::after {
	margin: -2% -8em 0 0;
	transition: all 0.5s ease;
}

@media (min-width: 700px) {
	
	/*	Backs ----------------- */

	.back-right .et_parallax_bg {
		background-position: top;
		top: -95vw;
		width: 150vw;
		height: 150vw;
	}
	.back-left .et_parallax_bg {
		bottom: -95vw;
		width: 150vw;
		height: 150vw;
		background-position: bottom;
	}
	
	
	/*	blog-grid ----------------- */

	.blog-grid .et_pb_post {
		border: 0;
		padding: 2em;
		margin: 1.5em .75em;
		background-repeat: no-repeat;
		background-image: url("images/blue_circle.svg");
		background-position: right 10% top -80%;
		background-size: auto 100vw;
	}
	
	.blog-grid .entry-title {
		margin-bottom: .25em;
	}
	
		
	/*	links ----------------- */

	.more-link {
		margin-top: 2em;
		margin-right: 1em;
	}
	
	

	body #page-container .et_pb_section .et_pb_button.back-btn::after {
		margin: 3% auto 0;
	}
	
	
	/*	toggle ----------------- */
	
	.accordion-icon-left .et_pb_toggle,
	.accordion-icon-left.et_pb_toggle {
		background-position: right -15vw top 20vw !important;
	}
	
	
	
}


@media (min-width: 1000px) {
	
	/*	Layout ----------------- */

	.inverse-row {
		display: flex;
		flex-direction: row;
	}
	
	
	/*	blog-grid ----------------- */

	.blog-grid .et_pb_post {
		border: 0;
		padding: 2vw;
		margin: 1.5vw .75vw;
		background-repeat: no-repeat;
		background-image: url("images/blue_circle.svg");
		background-position: right 10% top -80%;
		background-size: 50vw auto;
	}
	
	.blog-grid .more-link {
		margin-right: 2vw;
	}
	
	
	/*	News ----------------- */
	
	.post-gallery .et_pb_gallery_item {
		width: 33% !important;
	}
	
	
	/*	links ----------------- */
	
	.nav-next .nav-label::after,
	.nav-previous .nav-label::after,
	.more-link::after,
	.quform-element-submit button::after,
	body #page-container .et_pb_section .et_pb_button.link-btn::after,
	body #page-container .et_pb_section .et_pb_button.modal-btn::after,
	body #page-container .et_pb_section .et_pb_button.back-btn::after {
		height: 2em;
	}
	
	
	
	.nav-next .nav-label::after {
		margin: -5% -20% 0 0;
	}
	.more-link::after {
		margin: -3% -2em 0 0;
	}
	.more-link:hover::after {
		margin: -3% -2.5em 0 0;
	}
	.blog-grid .more-link::after,
	.quform-element-submit button::after {
		margin: -3% -6.5em 0 0;
	}
	.blog-grid .more-link:hover:hover::after,
	.quform-element-submit button:hover::after {
		margin: -3% -7em 0 0;
	}

	

	body #page-container .et_pb_section .et_pb_button.modal-btn::after,
	body #page-container .et_pb_section .et_pb_button.link-btn::after {
		margin: 1.4em -2em -1.4em 0
	}
	body #page-container .et_pb_section .et_pb_button.modal-btn:hover::after,
	body #page-container .et_pb_section .et_pb_button.link-btn:hover::after {
		margin: 1.4em -2.5em -1.4em 0;
	}
	.nav-previous .nav-label::after {
		margin: -5% 0 0 -20%;
	}
	body #page-container .et_pb_section .et_pb_button.back-btn::after {
		margin: 5% auto 0;
	}
	
	
	/*	Backs ----------------- */
	
	.back-right,
	.back-left {
		min-height: auto;
	}
	
	.back-right .et_pb_column,
	.back-left .et_pb_column {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.back-right .et_parallax_bg {
		background-position: bottom left;
		left: 50%;
		bottom: 0;
		top: auto;
		width: 100%;
		height: 100%;
	}
	.back-left .et_parallax_bg {
		background-position: bottom right;
		left: -50%;
		bottom: 0;
		width: 100%;
		height: 100%;
	}
	
	.back-left.team .et_parallax_bg {
		left: -52%;
	}
	
	/*	Slide ----------------- */

	.slick-slide img {
		width: 100vw;
		height: auto;
	}
	
	.more-link {
		margin-top: 2vw;
		margin-right: 5vw;
	}
	
	
	/*	toggle ----------------- */

	.accordion-icon-left .et_pb_toggle_title:before {
		left: 0 !important;
		content: "";
		display: block;
		height: 2.5vw;
		float: left;
		background: url("images/pfeil_toogle_left.svg");
		background-repeat: no-repeat;
		margin-top: -1.2vw;
	}
	.accordion-icon-left .et_pb_toggle_title,
	.accordion-icon-left .et_pb_toggle_content {
		padding-left: 4vw !important
	}

	.accordion-icon-left .et_pb_toggle_open .et_pb_toggle_title:before,
	.accordion-icon-left.et_pb_toggle_open .et_pb_toggle_title:before{
		display: block;
		height: 3vw;
		background: url("images/pfeil_toogle_down.svg");
		background-repeat: no-repeat;
	}
	
	.accordion-icon-left .et_pb_toggle,
	.accordion-icon-left.et_pb_toggle {
		background-position: right -15vw top 11vw !important;
	}
	.accordion-icon-left .et_pb_accordion_item {
		margin-bottom: 2vw !important;
	}
	
	
	

}

@media (max-width: 980px) {
	
	.et_pb_menu .et_mobile_nav_menu {
		display: none !important;
	}
	.et_pb_menu .et_pb_menu__menu {
		display: flex !important;
		width: 100%;
	}
	
	
}