/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    conceptplus Werbeagentur GmbH | Lars Henrichs
 Author URI:     https://www.cp-werbeagentur.de
 Template:       Divi
 Version:        1.0.0
*/


/* =Theme customization starts here
------------------------------------------------------- */



mark {
	background-color: #fff;
	padding: 0 20px;
}

.et-dropcap {
    font-size: 73px;
    line-height: 0.7;
    color: #fff;
    padding: 10px 10px 10px 5px;
	background-image: linear-gradient(180deg,#00a3d4 0%,#29c4a9 100%)
}

.entry-content .cp ul {
	list-style-type: none;
	padding: 0 0 23px 0;
}
.entry-content .cp ul li {
	background: url(/wp-content/uploads/2020/06/list-icon.png) no-repeat;
	background-position: 0 5px;
	background-size: 15px 15px;
	padding: 0 0 10px 25px;
}



/*
 * Header
 */
@media (max-width: 1057px) {
 #et_mobile_nav_menu {
 display: block;
 }
 
#top-menu {
 display: none;
 }
 }


#et-top-navigation {
    font-weight: 400;
}
#top-menu a {
	text-transform: lowercase;
}

img#logo {
	max-width: 188px !important;
}
#top-menu li li {
	padding: 0;
}
#top-menu li li a {
    width: 240px;
    padding: 6px 20px;
}
.nav ul li a:hover, .et_mobile_menu li a:hover {
    opacity: 1;
    background-color: #00a3d4;
	color: #fff !important;
}


/* 
 * Slider 
 */
.et_pb_bg_layout_dark .et_pb_slide_description {
	text-shadow: none;
}


/* 
 * Fifity-Fifty-Aufteilung 
 */
.fifty-fifty .image-column .et_pb_image_wrap { 
	display: flex;
}
.fifty-fifty .image-column .et_pb_image_wrap img { 
	object-fit: cover;
	object-position: center;
	flex-grow:1; 
}
@media screen and (max-width:980px) {
.fifty-fifty.reorder {
	display: flex;
	flex-direction: column-reverse;
  }
}


/* 
 * Toggle 
 */
.et_pb_toggle_title {
	padding: 0 !important;
}
.et_pb_toggle.et_pb_toggle_open, .et_pb_toggle.et_pb_toggle_close {
	background-color: #eee !important;
	margin-bottom: 15px;
}	
.et_pb_toggle.et_pb_toggle_close {
	border-bottom-color: #000000 !important;
}
.et_pb_toggle_content {
	padding-top: 50px;
}



/* 
 * Referenzen Fullwidth 
 */
.et_pb_fullwidth_header.et_pb_fullwidth_header_0 {
	width: 45%;
}


/* 
 * Ueber uns 
 */
.trennungsstrich {
	color: #00a3d3;
	border-top-width: 2px;
	border-style: solid;
	width: 75%;
}

/* 
 * erecht 24 Social Buttons
 */
div.shariff {
	margin-bottom: 20px;
} 


/* 
 * Footer 
 */
ul#menu-fusszeile.menu li{
	padding-left: 0px;
	list-style: none;
	margin-bottom: 0;
}
ul#menu-fusszeile.menu li::before{
	display: none;
}

#main-footer {

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0074b2+0,05171d+100 */
background: #005f73; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #005f73 0%, #091d34 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #005f73 0%,#091d34 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #005f73 0%,#091d34 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005f73', endColorstr='#091d34',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
#footer-bottom {
	background-color: rgba(0,0,0,0) !important;
}


/* Button */ 

.et_pb_contact_form_0 .input[type="checkbox"]+label i, input.input.et_pb_contact_captcha {	
	background-color: #eeeeee; 
}

/* 
 * Portfolio Filter
 */
.et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child a, .et_pb_filterable_portfolio .et_pb_portfolio_filters li:first-child a {
    border-radius: 0;
}

.et_full_width_portfolio_page .nav-single {
    border-top: 0 solid #e2e2e2;
    padding-top: 0;
}

span.nav-previous a span.meta-nav, span.nav-next a span.meta-nav {
	font-size: 22px !important;
	font-weight: bold !important;
}
.single-project.et_pb_pagebuilder_layout .nav-single {
	width: 100%;
	margin: 0 auto;
}


/* 
 * Booking Startseite
 */
div.zb-default-header span.dis-block.text-center.zb-default-title{
	text-align: left !important;
}


/*
 * Preistabellen
 */

.et_pb_pricing_table_wrap {
	align-items: inherit;
}
@media screen and (min-width: 768px) {
	.et_pb_column .et_pb_pricing_table {
  		width: 49%;
  		max-width: 49% !important;
	}
	.et_pb_pricing_table_wrap {
		column-gap: 1%;
	}
}
@media screen and (min-width: 981px) {
	.et_pb_column .et_pb_pricing_table {
  		width: 30%;
  		max-width: 30% !important;
	}
}

/*
 * Jobportal Styles
 */
.embed_jobs_head {
	padding: 0 !important;
}
.embed_jobs_head2 {
	width: 100% !important;
	padding: 0 !important;
	border: 0 solid #fff !important;
}
ul.rec-group {
	font-family: "Muli Regular", Helvetica, Arial, Lucida, sans-serif;
}
h2.rec-grp-heading {
	display: none;
}
.embed_jobs_head {
	background-color: rgba(0,0,0,0) !important;
}
li.zrsite_City, li.zrsite_Country, li.zrsite_Job_Type {
	display: none;
}
.embed_jobs_with_style_1 ul.rec-job-info {
	border: 0 solid #fff !important;
	border-radius: 0 !important;
	/*padding: 0 !important;*/
}
.rec_job_listing_div_jobs .rec-group .rec-job-title {
	background-color: #fff;
	margin: 25px 16px;
	padding: 20px;
	box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);
}
.rec_job_listing_div_jobs .rec-group .rec-job-title a {
	color: #333;
	font-weight: bold;
	font-size: 1em;
}
.rec_job_listing_div_jobs .rec-group .rec-job-title a:after {
	font-family: ETmodules !important;
	content: "\39";
	font-size: 25px;
	padding-left: 20px;
	right: 30px;
	position: absolute;
}


/*
 * Parallax
 */
:root {
	--index: calc(1vw + 1vh);
	--text: inherit;
	--text-white: #ffffff;
	--transition: transform .75s cubic-bezier(.075, .5, 0, 1);
}

.main-header {
	position: relative;
}
.main-header::after {
	content: '';
	position: absolute;
	z-index: 100;
	width: 100%;
	height: calc(var(--index) * 10);
	background-image: url(../img/ground.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	bottom: calc(var(--index) * -4.5);
}
.layers {
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	overflow: hidden;
	position: relative;
}
.layer {
	height: 100%;
	width: 100%;
	position: absolute;
	background-size: cover;
	background-position: center;
	will-change: transform;
	z-index: 2;
	transition: var(--transition);
}
.layers__base {
	transform: translate3d(0, calc(var(--scrollTop) / 1.6), 0);
	z-index: 0;
}
.layers__middle {
	transform: translate3d(0, calc(var(--scrollTop) / 2.5), 0);
}
.layers__front {
	transform: translate3d(0, calc(var(--scrollTop) / 5.7), 0);
}
.layer__header {
	z-index: 1;
	transform: translate3d(0, calc(var(--scrollTop) / 2), 0);
	transition: var(--transition);
	will-change: transform;
	/*text-transform: uppercase;*/
	font-weight: 900;
	color: #fff !important;
	text-shadow: 0 0 15px rgba(255,255,255,0.5);
}
.layers__title {
	font-size: calc(var(--index) * 3.5) !important;
	/*letter-spacing: calc(var(--index) / 2.25);*/
	color: #fff !important;
}
.layers__caption {
	font-size: calc(var(--index) / 2.5) !important;
	/*letter-spacing: calc(var(--index) / 3.5);*/
	margin-top: calc(var(--index) * -7.5);
	color: #fff !important;
}
div.layers div.layer__header div.layers__caption h1, div.layers div.layer__header div.layers__title h2 {
	color: #fff !important;
}
.layers__caption h1 {
	font-size: calc(var(--index) / .4) !important;
}
.main-article {
	--main-article-transform: translate3d(0, calc(var(--scrollTop) / -7.5), 0);
	min-height: 100vh;
	background-size: cover;
	background-position: center;
	color: #fff !important;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	text-align: center;
	/* Update: */
	top: -1px;
	z-index: 10;
}
.main-article__header {
	/*(text-transform: uppercase;*/
	font-size: calc(var(--index) * 1.8);
	/*letter-spacing: calc(var(--index) / 7.5);*/
	transform: var(--main-article-transform);
	transition: var(--transition);
	will-change: transform;
}
h2.main-article__header {
	color: #fff;
}
article.main-article::before {
  content: '';
  width: 100%;
  height: 300px;
  top: -300px;
  position: absolute;
  background-image: url(/wp-content/uploads/2023/08/layer-front.png);
  background-position: bottom;
  background-size: contain;
	background-repeat: repeat-x;
}

.main-article__paragraph {
	max-width: calc(var(--index) * 30);
	font-size: calc(var(--index) * .9);
	margin-top: calc(var(--index) / 1.25);
	transform: var(--main-article-transform);
	transition: var(--transition);
	will-change: transform;
}
.content {
	will-change: transform;
}
.copy {
	position: absolute;
	bottom: calc(var(--index) * 2.5);
	opacity: .45;
	font-size: calc(var(--index) * .75);
	letter-spacing: calc(var(--index) / 37.5);
}