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


/* --------------------------------------------------------------------------------------------- */
/*	1. Fonts
/* --------------------------------------------------------------------------------------------- */


@font-face {
	font-family: 'MinionPro Regular';
	src: url(/web2025/wp-content/uploads/et-fonts/MinionPro-Regular.otf);
	font-display: swap;
}
@font-face {
	font-family: 'Helvetica Neue Roman';
 	src: url(/web2025/wp-content/uploads/et-fonts/HelveticaNeueRoman.otf);
	font-display: swap;
}
@font-face {
	font-family: 'FrederickatheGreat Regular';
	src: url(/web2025/wp-content/uploads/et-fonts/FrederickatheGreat-Regular.ttf);
	font-display: swap;
}


.hypens {
	-webkit-hyphens: auto;
	hyphens: auto;
}


/* --------------------------------------------------------------------------------------------- */
/*	2. Menues
/* --------------------------------------------------------------------------------------------- */

.main-navi strong {
	font-size: 1.2vw;
	line-height: .5em;
}

.main-navi a,
.main-navi span {
	display: flex;
	flex-direction: column;
}


/* --------------------------------------------------------------------------------------------- */
/*	3. Layout
/* --------------------------------------------------------------------------------------------- */

/*	3.2. Forms ----------------- */

.quform-button-submit button {
	font-size: 4vw;
	background: #1d1d1b;
	color: #ffffff;
	border: none;
	padding: .5em 2em .3em;
	cursor: pointer;
}

.quform-button-submit button:hover {
	background: #c6c89b;
}

.quform-success-message {
	background-color: transparent;
  	border-left: none;
}

.quform-element-recaptcha {
	display: none !important;
}

/*	3.3. Grundbau ----------------- */

.main-container {
	display: flex !important;
}

.main-container .et_pb_column {
		width: 53% !important;
}
.main-container .et_pb_column:first-child,
.main-container .et_pb_column:last-child{
	width: 23.5% !important;
}


/*	3.4. Weine ----------------- */

.weine_container {
	position: relative;
}

.weine_text table th {
	color: #ffffff;
	background: #000000;
	font-weight: bold;
}
.weine_text .small_breit {
		width: 10%;
}
.weine_text .small_medium {
	width: 18%;
}
.weine_text tr th,
.weine_text tr td {
	padding: .4em .6em;
}
.weine_text .mehr {
	display: none;
}
.weine_text .mehr.opened {
	display: table-row;
}


.small_breit.preis {
	display: flex;
	align-items: center;
	width: auto;
}
.small_breit.preis .betrag {
	margin-left: 1em;
}
.small_breit.preis input {
	width: 3em;
	font-size: 105%;
}

.small_breit.import img {
	width: 15%;
}
.small_breit.info img,
.small_breit.close img {
	width: 50%;
	cursor: pointer;
}

.small_breit.info {
	display: table-cell;
}
.small_breit.info.opened {
	display: none;
}
.small_breit.close {
	display: none;
}
.small_breit.close.opened {
	display: table-cell;
}


/*	3.5. 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: flex-start;
	overflow:hidden;
}

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



@media ( orientation: portrait ) {
	
	/*	2. Menues --------------------------------------- */
	
	.main-navi {
		position: relative;
		float: left;
		width: 50%;
	}
	
	.main-navi .et_pb_text_inner,
	.main-navi .et_pb_text_inner p {
		display: flex;
  		flex-wrap: wrap;
		width: 100%;
	}

	.main-navi a,
	.main-navi span {
		width: 50%;
	}
	
	
	/*	3.1. Header ----------------- */
	
	.logo_landscape {
		display: none;
	}
	.logo_portrait {
		display: block;
	}
	
	.header_text {
		margin-left: 6vw;
	}
	
	.header_text:first-of-type {
		margin-top: -8vw;
	}
	
	
	
	/*	3.3. Grundbau ----------------- */
	
	.main-container {
		flex-direction: column;
  		flex-wrap: wrap;
	}
	
	.main-container .et_pb_column,
	.main-container .et_pb_column:first-child,
	.main-container .et_pb_column:last-child {
		width: 100% !important;
	}
	.main-container .et_pb_column {
		height: auto;
	}
	.main-container .et_pb_column.bild-column {
		min-height: 100vh;
	}
	.main-container.weine-container .et_pb_column {
		height: auto;
	}
	.main-container .et_pb_column:first-child {
		height: 25vh;
	}
	.main-container .et_pb_column:last-child {
		/*min-height: 50vh;*/
		height: auto;
		padding-top: 3em;
	}
	
	
	
	
	/*	3.4. Weine ----------------- */
	
	.weine_text {
		margin-top: 6vw;
	}
	
	
	
	
	
	
	
}
@media ( orientation: landscape ) {
	
	/*	2. Menues --------------------------------------- */
	
	.main-navi {
		position: absolute;
		top: 0;
		height: 100vh;
		display: flex;
		align-items: flex-end;
		padding-bottom: .5em;
	}
	
	/*	3.1. Header ----------------- */
	
	.logo_landscape {
		display: block;
	}
	.logo_portrait {
		display: none;
	}
	
	.header_text {
		margin-left: -23%;
	}
	.header_text.weine {
		margin-left: -45%;
	}
		
	
	/*	3.4. Weine ----------------- */
	
	.weine {
		float: left;
		max-width: 60%;
	}
	.weine_text {
		float: left;
		max-width: 85%;
	}
	
	
	
	/*	4. Footer --------------------------------------- */
	
	.footer_text {
		position: absolute;
		bottom: 4em;
	}
	
}

@media ( min-width: 700px ) {
	
	/*	3.2. Forms ----------------- */

	.quform-button-submit button {
		font-size: 2vw;
	}
	
}


@media ( min-width: 980px ) {
	
	/*	3.2. Forms ----------------- */

	.quform-button-submit button {
		font-size: 1.5vw;
	}
	
}

@media ( max-width: 767px ) {
	
	/*	3.4. Weine ----------------- */

	
	.weine_container table {
    	border: 0 !important;
  	}
  
	.weine_container table thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
  
	.weine_container table tr {
		display: block;
		padding-bottom: 1em;
    	border-top: 1px solid;
	}
	.weine_container table tr.mehr {
    	border-top: 0;
	}
  
  .weine_container table td {
    display: block;
    text-align: right;
  }
  
  .weine_container table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  	
	.weine_text {
		max-width: 100vw;
	}
	.weine_text tr td {
		-webkit-hyphens: auto;
		hyphens: auto;
	}
	.weine_text .small_breit,
	.weine_text .small_medium {
		width: 100%;
	}
	
	.weine_text .small_breit.preis {
		justify-content: right;
	}
	.weine_text .small_breit.preis input {
		font-size: 125%;
  		margin-left: .5em;
	}
	
	.weine_text .small_breit.import {
		width: 50%;
  		float: left;
	}
	.weine_text .small_breit.import img {
		width: 1em;
	}
	
	.weine_text .small_breit.info {
		width: 50%;
	}
	.weine_text .small_breit.info img,
	.weine_text .small_breit.close img {
		width: 3em;
	}
	.weine_text .small_breit.close.opened {
		width: 50%;
	}
	.weine_text .mehr.opened td:first-child {
		text-align: left;
	}
	.weine_text .mehr.opened td:last-child {
		text-align: center;
	}

}