/*
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");



#page-container {
	overflow-x: hidden;
	width: 100vw;
}


.header-navi ul {
	display: inline-flex;
	padding: 0;
}
.header-navi ul li {
	margin-right: 2em;
}

.et_pb_button {
	width: 100%;
}


.bottom-btn .et_pb_column {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.et_pb_social_media_follow li a.icon {
	height: 4em;
	width: 4em;
}
.et_pb_social_media_follow li a.icon:before {
	height: 2em;
	width: 2em;
	font-size: 2em;
	line-height: 2em;
}


/* presse */

.presse-contents {
	display: flex;
	flex-wrap: wrap;
}
.presse-container {
	width: 33.3%;
	padding: 3%;
}

/* tables */

.dienst-contents {
	display: flex;
	flex-direction: column;
}
.dienst-container {
	display: flex;
	flex-direction: column;
	padding: .5em 0;
}
.dienst-container.header {
	display: none;
}
.dienst-container > div {
	width: 100%;
	margin-bottom: .5em;
}
.dienst-container > div::before {
    content: attr(data-label);
	  display: block;
	  font-size: .7em;
	  font-weight: bold;
	  text-transform: uppercase;
	  width: 100%;
  }

.dienst-container:nth-child(odd) {
	background-color: #E5E5E5;
}
.dienst-container:nth-child(even) {
	
}
.bookred {
	color: #d15a1b;
	font-weight: 500;
}
.bookblue {
	color: #0b9cc4;
	font-weight: 500;
}


.huener-gallerie .et_pb_gallery_item {
	background: rgba(111,141,81, .5);
}
.huener-gallerie .et_pb_gallery_title {
	padding: .5em;
	margin: 0 !important;
}
.huener-gallerie .et_pb_gallery_caption {
	padding: .75em !important;
	margin: 0;
	min-height: 7em;
}

.submit-huhn {
	font-size: 1.2em !important;
	margin-top: 2em !important;
}
.forminator-checkbox-label {
	font-size: 1.2em !important;
}
.et_pb_forgot_password {
	display: none !important;
}

.footer-navi ul {
	display: inline-flex;
	padding: 0;
}
.footer-navi ul li {
	margin-right: 2em;
}


@media (min-width: 768px) {
	
	/* tables */
	
	
	.dienst-container {
		flex-direction: row;
		flex-wrap: wrap;
	}
	.dienst-container > div {
		width: 50%;
	}
	
	
	
}

@media (min-width: 1150px) {
	
	/* tables */
	
	.dienst-container {
		flex-wrap: nowrap;
	}
	.dienst-container.header {
		display: flex;
	}
	.dienst-container > div {
		width: 25%;
		margin-bottom: 0;
	}
	.monats .dienst-container > div {
		width: 20%;
	}
	
	.dienst-container > div::before {
		display: none;
	}
	
	
}