/*
 Theme Name: Divi Child
 Template: Divi
 Version: 1.0.0
*/

:root {
  font-size: 16px;
  --palko-black: #1d1d1b;
  --palko-white: #fff;
  --palko-lightgrey: #efefef;
  --palko-magenta: #c90f61;
  --palko-green: #a5c412;
  --palko-gold: #bd9e50;
  --palko-blue: #009bc7;
  --palko-yellow: #f4e6a5;
  --palko-yellow-2: #f4e6a5;
}

/* @font-face {
	font-family: 'Alte Haas Grotesk';
	src: url(/fonts/altehaasgroteskregular.woff2) format("woff2");
	font-weight: normal;
}
@font-face {
	font-family: 'Alte Haas Grotesk';
	src: url(/fonts/altehaasgroteskbold.woff2) format("woff2");
	font-weight: bold;
} */

/* body, html {
	height: 100%;
} */
body, html, p, #page-container li {
	font-weight: 300;
	color: var(--palko-black);
	font-size: clamp(1rem, 1vw + 0.25rem, 2rem);
	line-height: 1.5em;
}
strong, b {
	font-weight: 500;
}
blockquote {
	text-align: center;
	margin: 0;
	border-left: none;
	padding-left: 0;
}
blockquote p {
	font-size: clamp(1rem, 1vw + 0.5rem, 2rem);
}
h1 {
	font-size: clamp(4rem, 3vw + 1rem, 8rem);
	font-weight: 900;
	line-height: 1.1em;
	color: var(--palko-black) !important;
}
h2 {
	font-size: clamp(1rem, 2vw + 1rem, 2rem);
	color: var(--palko-black) !important;
	font-weight: 500;
	margin-bottom: 15px;
	line-height: 1.2em;
}

a {
	color: var(--palko-magenta);
	transition: all 0.4s ease-in-out;
}

.eeb-encoded {
	display: none;
}

.et_pb_section.scrollto {
	padding-top: 170px !important;
	min-height: 100vh;
}
#theme-builder-area--post_content .et_pb_section.scrollto {
	height: auto !important; /* to prevent overlapping in DIVI */
}

.bild-mit-text {
	width: 100% !important;
	max-width: 100% !important;
	min-height: calc(100vh - 170px);
	--horizontal-gap: 0;
}
.bild-mit-text .et_pb_column {
	padding: 7.5%;
}

/* #page-container {
	overflow-y: hidden;
} */
/* #et-main-area {
	scroll-snap-type: y mandatory;
	overflow-y: scroll;
	max-height: 100vh;
}
.et_pb_section {
	scroll-snap-align: start;
	scroll-snap-stop: normal;
} */


/* BUTTONS Start */

.et_button_no_icon .et_pb_button, .et_button_no_icon .et_pb_button.right-button, #page-container #produkte button.single_add_to_cart_button, #woocommerce-tables a.button, button#place_order, #formular button.wpforms-submit {
	background-color: transparent;
	color: var(--palko-black) !important;
	border-color: var(--palko-black) !important;
	padding: .3em 1em .3em 3em !important;
	font-size: 20px;
	text-transform: uppercase;
	margin-top: 10px;
	border-radius: 25px;
}
#page-container #produkte button.single_add_to_cart_button {
	margin-top: 0;
}
.et_button_no_icon .et_pb_button:hover, .et_button_no_icon .et_pb_button.right-button:hover, #page-container #produkte button.single_add_to_cart_button:hover, #woocommerce-tables a.button:hover, button#place_order:hover, #formular button.wpforms-submit:hover {
	padding: .3em 1.5em .3em 3.5em !important;
	background-color: transparent;
}
.et_button_no_icon .et_pb_button::before, #page-container #produkte button.single_add_to_cart_button::before, #woocommerce-tables a.button::before, button#place_order::before, #formular button.wpforms-submit::before {
	background: url(/wp-content/uploads/trauben-green.png);
	background-repeat: no-repeat;
	content: '';
	background-size: 100% auto;
	position: absolute;
	background-position: 0 0;
	left: -30px !important;
	width: 80px;
	height: 90px;
	opacity: 1;
	display: inherit !important;
	transform: translateY(-55%);
}
.et_button_no_icon .et_pb_button.magenta::before, #formular button.wpforms-submit::before {
	background-image: url(/wp-content/uploads/trauben-magenta.png);
}
.et_button_no_icon .et_pb_button.magenta-grey::before {
	background-image: url(/wp-content/uploads/trauben-magenta-grey.png);
}
#page-container #produkte button.single_add_to_cart_button::before, #woocommerce-tables a.button::before, button#place_order::before {
	left: 0 !important;
}
#page-container #produkte button.single_add_to_cart_button::after, #woocommerce-tables a.button::after, button#place_order::after, #formular button.wpforms-submit::after {
	display: none !important;
}
.et_button_no_icon .et_pb_button.right-button {
	padding: .3em 3em .3em 1em !important;
}
.et_button_no_icon .et_pb_button.right-button:hover {
	padding: .3em 3.5em .3em 1.5em !important;
}
.et_button_no_icon .et_pb_button.right-button::before {
	display: none !important;
}
.et_button_no_icon .et_pb_button.right-button::after {
	background-image: url(/wp-content/uploads/trauben-magenta.png);
	background-repeat: no-repeat;
	content: '';
	background-size: 100% auto;
	position: absolute;
	background-position: 0 0;
	right: -30px;
	width: 80px;
	height: 90px;
	opacity: 1;
	display: inherit !important;
	transform: translateY(-55%);
}
.et_button_no_icon .et_pb_button.magenta-grey::after {
	background-image: url(/wp-content/uploads/trauben-magenta-grey.png);
}
.et_button_no_icon .et_pb_button.zimmer-button {
	font-size: 18px;
	padding: .3em 1em .3em 1em !important;
}
.et_button_no_icon .et_pb_button.zimmer-button::before, .et_button_no_icon .et_pb_button.zimmer-button::after {
	display: none !important;
}

/* BUTTONS End */


/* STARTSEITE Start */

#first-section-startseite {
	padding: 0 !important;
	min-height: 100vh;
}
#startseite-links {
	position: absolute;
	width: 23%;
	bottom: 30vh;
	left: 50px;
}
#startseite-rechts {
	position: absolute;
	width: 23%;
	bottom: 30vh;
	right: 50px;
}
#startseite-rechts .et_pb_text_inner {
	text-align: right;
}
#startseite-links p, #startseite-rechts p {
	font-size: clamp(1.25rem, 1vw + 0.5rem, 2.5rem);
	line-height: 1.25em;
}
#startseite-links h1, #startseite-rechts h1 {
	color: var(--palko-black) !important;
	text-transform: uppercase;
	font-size: clamp(1.5rem, 1.5vw + 1rem, 3rem);
	font-weight: 500;
	padding-bottom: 0;
}
#einleitungstext {
	background-image: url(/wp-content/uploads/bg_left_2.webp);
	background-repeat: no-repeat;
	background-size: min(100px, 100%) auto;
	background-position: bottom left;
}
#unsere-weine {
	background-image: url(/wp-content/uploads/bg_left_4.webp);
	background-repeat: no-repeat;
	background-size: min(100px, 100%) auto;
	background-position: bottom left;
}
#einleitungstext .et_pb_row, #unsere-weine .et_pb_row {
	max-width: 55% !important;
}

/* IMAGE SLIDER Start */

.image-slider-container {
	position: relative;
	top: 0;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	height: 82vh;
	padding: 0;
	background-color: var(--palko-lightgrey);
	aspect-ratio: 1000 / 1239; /* 1000/1239px + 50px padding */
}

.image-slider {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	object-fit: cover;
	opacity: 0;
	animation: fadeSequence 8s infinite ease-in-out;
}

.image-slider:nth-child(1) { animation-delay: 0s; }
.image-slider:nth-child(2) { animation-delay: 2s; }
.image-slider:nth-child(3) { animation-delay: 4s; }
.image-slider:nth-child(4) { animation-delay: 6s; }

@keyframes fadeSequence {
  0% { opacity: 0; }
  6.25% { opacity: 1; }
  25% { opacity: 1; }
  31.25% { opacity: 0; }
  100% { opacity: 0; }
}

/* IMAGE SLIDER End */

/* STARTSEITE End */


/* WEINGUT Start */

#das-weingut .et_pb_column.text {
	background-image: url(/wp-content/uploads/bg_right_4.webp);
	background-repeat: no-repeat;
	background-size: min(80px, 100%) auto;
	background-position: bottom right;
}
.bild-mit-text .et_pb_column.weingut-flaschen {
	padding: 7.5%;
}

/* WEINGUT End */


/* GAESTEHAUS & REGION Start */

#das-gaestehaus .et_pb_column.text, #region-neusiedler-see .et_pb_column.text {
	background-image: url(/wp-content/uploads/bg_right_4.webp);
	background-repeat: no-repeat;
	background-size: min(80px, 100%) auto;
	background-position: bottom right;
}
/* #urlaub-bei-palko .bild-mit-text, #unsere-zimmer .bild-mit-text, #erleben-und-entdecken .bild-mit-text, #wein-erleben .bild-mit-text  {
	min-height: 99.99vh;
} */
#zimmer .et_pb_row {
	min-height: 100%;
}
#zimmer h2 {
	text-transform: uppercase;
}

/* GAESTEHAUS & REGION End */


/* ANDERE UNTERSEITEN Start */

#versand, #datenschutz, #impressum, #kontakt, #bezahlung {
	background-image: url(/wp-content/uploads/bg_right_4.webp);
	background-repeat: no-repeat;
	background-size: min(80px, 100%) auto;
	background-position: bottom right;
}
#impressum h2 {
	padding-bottom: 0;
	margin-bottom: 0.2em;
}

/* ANDERE UNTERSEITEN End */


/* SHOP Start */

/* List */

.shop-liste .et_pb_row {
	padding-top: 100px;
}

.added_to_cart {
    display: none !important;
}

.woocommerce ul.products li.product {
	background-color: var(--palko-lightgrey);
	padding: 2.5%;
}
.shop-liste .woocommerce ul.products li.product {
	margin-bottom: 100px !important;
}
.woocommerce ul.products li.product::before {
	content: '';
	background: url('/wp-content/uploads/shop-winegrid-top.png') no-repeat;
	background-size: auto 100%;
	background-position: top left;
	width: 100%;
	height: 68px;
	position: absolute;
	top: 0;
	left: 0;
}
.woocommerce ul.products li.product::after {
	content: '';
	background: url('/wp-content/uploads/shop-winegrid-bottom.png') no-repeat;
	background-size: auto 100%;
	background-position: bottom right;
	width: 100%;
	height: 100px;
	position: absolute;
	bottom: 0;
	right: 0;
}
.woocommerce ul.products li.product .et_shop_image {
	width: 100px;
	margin: 0 auto;
}
.woocommerce ul.products li.product .et_shop_image .et_overlay {
	display: none;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	color: var(--palko-black);
	font-size: 24px;
	text-transform: uppercase;
	text-align: center;
	font-weight: normal;
	line-height: 1.1em;
	padding-top: 10px;
}
.woocommerce ul.products li.product .sorte, .woocommerce ul.products li.product .magnum {
	text-align: center;
	margin: -12px 0 10px 0;
	font-size: 22px;
	font-weight: normal;
}
.woocommerce ul.products li.product .magnum {
	color: var(--palko-magenta);
}
.woocommerce-page ul.products li.product .price {
	color: var(--palko-black) !important;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}
.woocommerce-page ul.products li.product .wc-gzd-additional-info {
	margin: 5px 0 0 0;
	font-size: 14px;
	text-align: center;
	font-weight: normal;
}
.woocommerce-page ul.products li.product .shipping-costs-info {
	display: none;
}
.woocommerce-page ul.products li.product .button {
	position: absolute;
	bottom: -45px;
	height: 43px;
	width: 100%;
	left: 0;
	text-align: center;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 1em;
	background-color: var(--palko-black);
	color: var(--palko-white);
	border: none;
	padding: 7px 0 !important;
}
.woocommerce-page ul.products li.product .button::before {
	background-repeat: no-repeat;
	content: '';
	background-size: 100% auto;
	position: absolute;
	background-position: 0 0;
	left: 10px;
	top: 20px;
	width: 80px;
	height: 90px;
	opacity: 1;
	display: inherit;
	transform: translateY(-50%);
}
.woocommerce-page ul.products li.product.product_cat-weissweine .button::before {
	background-image: url(/wp-content/uploads/trauben-green.png);
}
.woocommerce-page ul.products li.product.product_cat-rose-rotweine .button::before {
	background-image: url(/wp-content/uploads/trauben-magenta.png);
}
.woocommerce-page ul.products li.product.product_cat-praedikatsweine-frizzante-destillate .button::before {
	background-image: url(/wp-content/uploads/trauben-yellow-2.png);
}
.woocommerce-page ul.products li.product .button:hover {
	background-color: var(--palko-gold);
	padding-left: 10% !important;
}

/* Product */

.woocommerce-product-gallery {
	width: 22.5vh !important;
}
.et_pb_wc_title h1 {
	font-size: clamp(3rem, 3vw + 1rem, 6rem);
}
.woocommerce div.product p.price {
	color: var(--palko-black) !important;
	font-weight: 500;
	font-size: 2.5rem !important;
	display: inline-block;
	margin-right: 0.3em;
}
.product .et_pb_wc_price .legal-price-info {
	display: inline-block;
}
.product .et_pb_wc_price p.wc-gzd-additional-info {
	font-size: .9rem;
	/* font-weight: normal; */
}
.product .et_pb_wc_price .tax-info::after {
	content: ",";
	margin: 0;
}
.woocommerce-product-attributes-item--weight {
	display: none;
}
.woocommerce table.shop_attributes {
	border: none;
}
.woocommerce table.shop_attributes td, .woocommerce table.shop_attributes th {
	background: none !important;
	border: none !important;
	font-style: normal;
}
.woocommerce table.shop_attributes th {
	width: 150px;
	font-weight: 500;
	padding: 0 30px 0 0;
	border: none;
	font-size: clamp(1rem, 1vw + 0.25rem, 2rem);
	line-height: 1.5em;
	text-align: left;
}
.woocommerce-product-attributes-item__label::after {
    content: ":";
}
.woocommerce table.shop_attributes td p {
	padding: 2px 0;
}
.woocommerce div.product form.cart {
	margin-top: -30px !important;
}
.woocommerce div.product form.cart div.quantity {
	margin-right: 50px !important;
	margin-top: 30px !important;
}
#page-container #produkte button {
	margin-top: 0;
}
#produkte .single_add_to_cart_button {
	margin-top: 30px !important;
}

/* Mini Cart */

#header-warenkorb-icon {
	display: inline-block;
	margin: 0;
    margin-bottom: 0px;
	width: 50px;
	height: 50px;
	color: var(--palko-black);
	position: fixed;
	top: 62px;
	right: 140px;
	z-index: 9999;
	border: none;
	border-radius: 50%;
	padding: 0;
	background-color: transparent;
}
#header-warenkorb-icon .wc-block-mini-cart__button .wc-block-mini-cart__icon {
	width: 44px;
	height: 44px;
	color: var(--palko-black);
	cursor: pointer;
	transition: all 0.4s ease-in-out;
}
#header-warenkorb-icon .wc-block-mini-cart__button {
	padding: 3px;
}
#header-warenkorb-icon .wc-block-mini-cart__badge {
	background-color: var(--palko-blue) !important;
	color: var(--palko-white) !important;
	font-size: 1.1em;
}
.wc-block-components-drawer__screen-overlay {
	background-color: rgba(0,0,0,.7) !important;
}
.wc-block-components-drawer__close {
	opacity: 1 !important;
	cursor: pointer;
}
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link):focus {
	box-shadow: none !important;
	outline: none !important;
}
.wc-block-components-drawer__close svg {
	color: var(--palko-magenta) !important;
	width: 30px;
	height: 30px;
	transition: all 0.4s ease-in-out;
}
.wc-block-components-drawer__close svg:hover {
	color: var(--palko-blue) !important;
}
h2.wc-block-mini-cart__title {
	text-transform: uppercase;
}
.wc-block-components-notices, .wp-block-woocommerce-mini-cart-title-items-counter-block {
	display: none !important;
}
.is-medium table.wc-block-cart-items .wc-block-cart-items__row, .is-mobile table.wc-block-cart-items .wc-block-cart-items__row, .is-small table.wc-block-cart-items .wc-block-cart-items__row {
	grid-template-columns: 60px 132px !important;
}
.wc-block-cart-item__total {
	font-size: 1rem !important;
	font-weight: 500 !important;
}
.wc-block-components-product-name {
  	font-size: 1rem !important;
	font-weight: 500 !important;
	color: var(--palko-black);
}
.wc-block-cart-item__prices {
	font-size: 1rem !important;
	margin-bottom: 10px;
}
.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
	font-size: 1rem !important;
}
.wc-block-components-product-metadata {
	display: none !important;
}
.wc-block-mini-cart__footer .wc-block-components-totals-item.wc-block-mini-cart__footer-subtotal {
  font-size: 1.25rem;
}
.wc-block-mini-cart__footer-actions .wc-block-components-button {
	border-radius: 50px;
	text-transform: uppercase;
	color: var(--palko-black) !important;
	background-color: var(--palko-white) !important;
	box-shadow: none !important;
	transition: all 0.4s ease-in-out !important;
	font-weight: 500 !important;
	border: solid 2px var(--palko-black);
	padding: 0.5em 1em !important;
}
.wc-block-mini-cart__footer-actions .wc-block-components-button:hover {
	color: var(--palko-white) !important;
	border: solid 2px var(--palko-green);
	background-color: var(--palko-green) !important;
}

/* Cart */

.woocommerce-cart-form, .shop_table {
	color: var(--palko-black);
	font-size: 1.2rem;
	font-weight: normal;
}
#woocommerce-tables .shop_table {
	border: none;
	border-radius: 0;
}
#woocommerce-tables .product-remove {
	width: 7%;
}
#woocommerce-tables .product-thumbnail {
	width: 7%;
}
#woocommerce-tables .product-name {
	width: 28%;
}
#woocommerce-tables .product-price {
	width: 13%;
}
.shop_table thead {
	background-color: var(--palko-blue);
	text-transform: uppercase;
}
.entry-content tr th {
	color: var(--palko-black);
	font-size: 1.2rem;
}
.woocommerce ul#shipping_method li label {
	color: var(--palko-black);
	font-size: 1.2rem;
}
.shop_table thead tr th {
	color: var(--palko-white);
}
.shop_table .cart_item {
	background-color: var(--palko-lightgrey);
}
#woocommerce-tables .product-name a {
	color: var(--palko-black);
}
.et_pb_wc_cart_products table.shop_table td, .et_pb_wc_cart_products table.shop_table th {
	border-top-color: var(--palko-white);
}
.woocommerce a.remove {
	color: var(--palko-magenta) !important;
}
.woocommerce a.remove:hover {
	color: var(--palko-white) !important;
	background: var(--palko-magenta);
}
.product-name a {
	font-weight: bold;
}
#woocommerce-tables .shop_table .actions {
	padding: 0;
}
#woocommerce-tables .shop_table .actions .button {
	display: none;
}
.woocommerce-shipping-calculator {
	display: none;
}
.cart_totals h2 {
	text-align: center;
	background-color: var(--palko-green);
	font-size: 1.2rem;
	font-weight: bold;
	padding: .857em .587em;
	color: var(--palko-white) !important;
	margin-bottom: 1px;
	text-transform: uppercase;
}
.cart_totals .shop_table tbody {
	background-color: var(--palko-lightgrey);
}
.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
	font-weight: 500;
	border-top: 1px solid var(--palko-white) !important;
}
.woocommerce table.shop_table td {
	border-top: 1px solid var(--palko-white);
}
.order-total strong, .order-total th {
	font-weight: bold !important;
	font-size: 1.75rem !important;
}

.wc-proceed-to-checkout {
	text-align: right;
}
#woocommerce-tables a.button {
	display: inline-block;
}
#woocommerce-tables a.button::before {
	transform: translateY(-35%);
}

/* Checkout */

.kasse {
	height: auto !important;
}

.woocommerce-billing-fields {
	margin-bottom: 1em;
}
.woocommerce-billing-fields h3 {
	color: var(--palko-black);
}

.kasse .woocommerce form .form-row .input-text, #order_comments  {
	background-color: var(--palko-lightgrey);
	max-width: 100%;
	border: none;
	border-radius: 0;
	color: var(--palko-black);
	font-size: 1rem;
	padding: 0.75em;
	line-height: 1.7em;
}

#billing_address_2_field {
	display: none !important;
}
#billing_postcode_field, #billing_phone_field {
	float: left;
	width: 47%;
	clear: left;
}
#billing_city_field, #billing_email_field {
	float: right;
	width: 47%;
	clear: right;
}

#ship-to-different-address {
	font-size: 1.2rem;
	color: var(--palko-black);
}

.woocommerce-additional-fields {
	order: 1;
	margin-bottom: 2em;
}
.woocommerce-shipping-fields {
	order: 2;
}

#order_comments  {
	min-height: 120px;
}

.kasse .cart-subtotal th, .kasse .woocommerce-shipping-totals th, .kasse .cart-subtotal td {
	font-weight: bold !important;
}

.checkout #payment {
	margin-top: 30px;
	border: none;
	background: none;
	border-radius: 0;
}
.checkout #payment ul {
	background-color: var(--palko-lightgrey);
	padding: 1em 12px !important;
}
.woocommerce-checkout #payment div.payment_box {
	background: rgb(222, 222, 222);
	border-radius: 0;
	margin: 0.75em 0 1em 0;
}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
	border: 1em solid rgb(222, 222, 222);
	border-right-color: transparent;
	border-left-color: transparent;
	border-top-color: transparent;
}

.et_pb_wc_checkout_payment_info form .form-row {
	margin-top: 0;
}

.place-order {
	text-align: right;
	margin-top: 30px !important;
}
button#place_order::before {
	transform: translateY(-35%);
}

.woocommerce-checkout .woocommerce-error a, .woocommerce-NoticeGroup-checkout .woocommerce-error a, .et_pb_wc_checkout_billing .woocommerce-error a, .et_pb_wc_checkout_shipping .woocommerce-error a, .et_pb_wc_checkout_information .woocommerce-error a, .et_pb_wc_checkout_order_details .woocommerce-error a, .et_pb_wc_checkout_payment_info .woocommerce-error a {
  color: var(--palko-black);
  font-weight: 600;
}
.woocommerce form .form-row.woocommerce-invalid label {
	color: var(--palko-black);
	font-weight: 600;
}
#add_payment_method .checkout .checkout-inline-error-message, .woocommerce-cart .checkout .checkout-inline-error-message, .woocommerce-checkout .checkout .checkout-inline-error-message {
	color: var(--palko-magenta);
	font-size: .8em;
	font-weight: 600;
}

.woocommerce-billing-fields h3, #order_review_heading, #order_payment_heading {
	color: var(--palko-black);
	font-size: 2rem;
	text-align: center;
}
.woocommerce-billing-fields h3 {
	margin: 1em 0 0.5em;
}
.woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2 {
	width: 100%
}
.woocommerce .col2-set .col-2 {
	display: flex;
	flex-direction: column;
}
.woocommerce form .form-row {
	padding: 5px 0;
}
.woocommerce-checkout #payment ul.payment_methods {
	border-bottom: none;
}
#order_review {
	display: flex;
	flex-direction: column;
}
#order_review_heading {
	order: 1;
	margin: 2em 0 0.75em;
}
.woocommerce-checkout-review-order-table {
	order: 2;
}
#woocommerce-tables .woocommerce-checkout-review-order-table .product-name, #woocommerce-tables .woocommerce-table--order-details .product-name {
	width: 50%;
}
.wc-gzd-cart-item-thumbnail {
	display: none;
}
#order_payment_heading {
	order: 3;
	margin: 1em 0 0;
}
#payment {
	order: 4;
}
.wc-gzd-checkbox-placeholder-legal {
	order: 5;
}
.wc-gzd-checkbox-placeholder-data-age-verification {
	order: 6;
}
.wc-gzd-order-submit {
	order: 7;
}
#woocommerce-tables.kasse .woocommerce-notices-wrapper {
	display: none;
}

/* Checkout Review */

.woocommerce-thankyou-order-received {
	font-size: clamp(1rem, 2vw + 1rem, 2rem);
	margin-bottom: 2em;
	text-align: center;
	font-weight: 500;
}
.woocommerce ul.woocommerce-thankyou-order-details {
	padding: 0;
	margin: 0 0 3em;
}
.woocommerce-thankyou-order-details li {
	font-size: 1.2rem !important;
	margin-bottom: 1em;
}
.woocommerce ul.order_details li strong {
	font-size: 1.2rem;
}

.woocommerce-checkout .shop_table {
	background-color: var(--palko-lightgrey);
}

.woocommerce .woocommerce-customer-details .woocommerce-column__title {
	margin-top: 1em;
}
.woocommerce .woocommerce-customer-details address {
	font-size: 1.2rem;
	background-color: var(--palko-lightgrey);
	border: none;
	border-radius: 0;
	padding: 2.5%;
}
.woocommerce-customer-details--email:before {
	display: none;
}
.woocommerce-customer-details--email {
	padding-left: 0 !important;
}

/* Custom increment buttons */

.woocommerce div.quantity, 
.woocommerce-cart table.cart div.quantity {
    display: inline-flex !important;
    align-items: center;
    border-radius: 0;
    overflow: hidden;
    background-color: transparent;
	width: auto;
}
.woocommerce div.quantity button.minus-btn, 
.woocommerce div.quantity button.plus-btn {
    display: block;
    width: 35px;
    height: 35px;
    padding: 0;
    margin: 0;
    background-color: var(--palko-blue) !important;
    color: var(--palko-white) !important;
    border: none !important;
    font-size: 1.5rem !important;
	line-height: 1em;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s ease;
	border-radius: 50%;
}
.woocommerce div.quantity button.minus-btn:hover, 
.woocommerce div.quantity button.plus-btn:hover {
    background-color: var(--palko-magenta) !important;
}
.woocommerce div.quantity .qty,
.woocommerce-cart table.cart div.quantity .qty {
    width: 45px !important;
	min-width: 50px;
    height: 50px !important;
    /* border-top: none !important;
    border-bottom: none !important; */
    text-align: center !important;
    padding: 0 !important;
    margin: 0 5px !important;
    font-size: 1rem !important;
    color: #444 !important;
    background-color: var(--palko-white) !important;
    -moz-appearance: textfield;
	border: 1px solid var(--palko-black) !important;
}
.woocommerce div.quantity input::-webkit-outer-spin-button,
.woocommerce div.quantity input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}

/* SHOP End */


/* KONTAKTFORMULAR Start */

#formular .wpforms-head-container {
	padding-bottom: 0;
}
#formular .wpforms-title {
	font-family: 'Source Sans 3', sans-serif !important;
	font-size: 1.5rem;
	line-height: 1.5em;
	color: var(--palko-black) !important;
	margin: 12px 0 20px 0;
	font-weight: normal;
}
#formular .wpforms-field {
	padding: 10px 0;
}
#formular input, #formular textarea {
	color: var(--palko-black);
	background-color: var(--palko-lightgrey); 
	border: none;
	border-radius: 0;
	font-weight: 400;
	height: auto;
	padding: 0.75em;
}
#formular textarea {
	min-height: 120px;
}
#formular .wpforms-field-label {
	font-size: clamp(1rem, 1vw + 0.25rem, 2rem);
	font-weight: 500;
	margin-top: 0.5em;
	margin-bottom: 0.25em;
}
#formular .wpforms-field-medium {
	max-width: 100%;
}
#formular .wpforms-field-sublabel {
	color: var(--palko-black);
	font-size: clamp(0.75rem, 1vw, 1.5rem);
}
#formular .wpforms-required-label, #formular .wpforms-error {
	color: var(--palko-magenta);
	font-weight: 500;
}
#formular .wpforms-field-required.wpforms-error {
	border: 1px solid var(--palko-magenta);
}
#formular .wpforms-error::before {
	display: none;
}
#formular em.wpforms-error {
	padding: 0;
	margin-top: 0.5em;
}
#formular .wpforms-confirmation-container-full {
	background: transparent;
	border: none;
}
#formular .wpforms-confirmation-container-full p {
	color: var(--palko-black);
	font-weight: 500;
}
#formular .wpforms-submit-container {
	text-align: right;
}
#formular button.wpforms-submit {
	line-height: 1.7em;
	border: 2px solid;
	display: inline-block;
	height: 50px;
}
#formular button.wpforms-submit:hover {
	background: transparent;
}
#formular button.wpforms-submit::before {
	transform: translateY(-35%);
}
	

/* KONTAKTFORMULAR End */


/* HEADER Start */

#header-container {
	position: fixed;
	width: 100%;
	z-index: 999;
	padding: 0 50px 50px 50px;
	background-color: transparent;
	transition:all 0.3s ease-in-out;
}
.scrolled #header-container {
	/* padding: 25px 50px; */
	background-color: var(--palko-white);
	/* -webkit-box-shadow: 0px 0px 20px 0px #ffffff; 
	box-shadow: 0px 0px 20px 0px #ffffff; */
}
#header-container .et_pb_row {
	width: 100%;
	max-width: 100%;
}

#header-logo {
	margin-top: 50px;
}
#header-logo img {
	width: 200px;
	transition: all 0.3s ease-in-out;
}
.scrolled #header-logo img {
	width: 150px;
}

#palko-face {
	position: absolute;
	height: 20vh;
	min-height: 180px;
	padding: 8px;
	top: 0;
	left: 50%;
    transform: translateX(-50%);
	background-color: var(--palko-black);
	width: auto;
	margin-left: auto;
	margin-right: auto;
	aspect-ratio: 1100 / 1339; /* 1000/1239px + 50px padding */
	transition: all 0.3s ease-in-out;
	opacity: 1;
	visibility: visible;
}
#palko-face.hide-palko-face {
	top: -20vh;
    opacity: 0;
    visibility: hidden;
}

/* HEADER End */


/* FOOTER Start */

#footer-container {
	padding: 0;
	height: 500px;
	/* background-color: var(--palko-lightgrey); */
}
#footer-container .et_pb_row {
	width: 100%;
	max-width: 100%;
	height: 100%;
}

#footer-container a {
	color: var(--palko-black);
}
#footer-container a:hover {
	color: var(--palko-magenta);
}

.footer-left {
	background-image: url(/wp-content/uploads/footer_left.webp);
	background-repeat: no-repeat;
	background-size: min(250px, 100%) auto;
	background-position: bottom left;
	height: 100%;
}
.footer-right {
	background-image: url(/wp-content/uploads/footer_right.webp);
	background-repeat: no-repeat;
	background-size: min(140px, 100%) auto;
	background-position: bottom right;
	height: 100%;
}
.footer-menu p {
	line-height: 1.85em;
}

#footer-logo {
	margin-bottom: 50px;
}
#footer-logo img {
	width: 200px;
}
#footer-logo .et_pb_image_wrap {
	margin: 0 auto;
}

#footer-container.scrollto {
	padding-top: 25vh;
}

/* FOOTER End */


/* MEDIA QUERIES Start */

@media screen and (max-width: 1199px) {

	.image-slider-container {
		height: 60vh;
		background-color: transparent;
		margin-top: 100px;
	}
	#startseite-links {
		width: 50%;
		bottom: 5vh;
		left: 0;
		padding-left: 6%;
	}
	#startseite-rechts {
		width: 50%;
		bottom: 5vh;
		right: 0;
		padding-right: 6%;
	}
	
}

@media screen and (orientation: landscape) and (max-width: 1199px) {

	.image-slider-container {
		width: 42%;
		height: auto;
		margin-top: 0;
	}
	
}

/* WooCommerce Shop-Grid auf gleiche Höhe bringen */
@media screen and (min-width: 769px) {
    .woocommerce ul.products {
        display: flex;
        flex-wrap: wrap;
    }

    .woocommerce ul.products li.product {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: auto;
    }

    /* Streckt den inneren Link-Bereich, um den Button nach unten zu drücken */
    .woocommerce ul.products li.product .woocommerce-LoopProduct-link {
        flex: 1;
        display: flex;
        flex-direction: column;
    }

    /* Richtet den Button ganz unten aus */
    .woocommerce ul.products li.product .button {
        margin-top: auto;
        align-self: flex-start;
    }
}

@media screen and (max-width: 980px) {
	
	:root {
		--row-gutter-vertical: 0;
	}
	
	h1 {
		font-size: clamp(2.5rem, 3vw + 1rem, 5rem);
	}
    #einleitungstext .et_pb_row, #unsere-weine .et_pb_row {
		max-width: 80% !important;
	}
	#einleitungstext {
		background-size: min(75px, 100%) auto;
	}
	#unsere-weine  {
		background-size: min(75px, 100%) auto;
	}
	#versand, #datenschutz, #impressum, #kontakt, #bezahlung, #das-weingut .et_pb_column.text, #das-gaestehaus .et_pb_column.text, #region-neusiedler-see .et_pb_column.text  {
		background-size: min(50px, 100%) auto;
	}
	
	.bild-mit-text {
		flex-direction: column;
		min-height: calc(100vh - 170px);
	}
	.bild-mit-text .et_pb_column {
		width: 100%;
		display: flex;
		min-height: 40vh;
	}
	.bild-mit-text .et_pb_column.text {
		min-height: 60vh;
	}
	
	.woocommerce ul.products li.product {
		padding: 4%;
	}
	
	.footer-left {
		width: calc(20% - var(--horizontal-gap-parent, 5.5%)*4/5);
		display: flex !important;
	}
	.footer-center {
		width: calc(60% - var(--horizontal-gap-parent, 5.5%)*0.66667/1.66667);
	}
	.footer-right {
		width: calc(20% - var(--horizontal-gap-parent, 5.5%)*4/5);
		display: flex !important;
	}
	
}
@media screen and (max-width: 767px) {
	
	:root {
		--content-width: 88%;
		--row-gutter-vertical: 0;
	}
	
	/* .et_button_no_icon .et_pb_button, .et_button_no_icon .et_pb_button.right-button, #page-container #produkte button.single_add_to_cart_button, #woocommerce-tables a.button, button#place_order, #formular button.wpforms-submit {
		font-size: 1rem;
	}
	.et_button_no_icon .et_pb_button::before, #page-container #produkte button.single_add_to_cart_button::before, #woocommerce-tables a.button::before, button#place_order::before, #formular button.wpforms-submit::before {
		width: 70px;
		transform: translateY(-48%);
	}
	.et_button_no_icon .et_pb_button.right-button::after {
		width: 70px;
		transform: translateY(-48%);
	} */
	
	.et_pb_section.scrollto {
		padding-top: 85px !important;
		height: auto !important;
	}
	
	.bild-mit-text {
		min-height: calc(100vh - 85px);
	}
	.bild-mit-text .et_pb_column {
		min-height: 34vh;
	}
	.bild-mit-text .et_pb_column.text {
		min-height: 66vh;
	}
	
	#first-section-startseite {
		padding: 0 0 30px 0 !important;
	}
	.image-slider-container {
		height: auto;
		margin-top: 100px;
		width: 88%;
	}
	#startseite-links {
		width: 100%;
		bottom: auto;
		padding-left: 0;
		position: relative;
		margin-bottom: 30px;
		
	}
	#startseite-rechts {
		width: 100%;
		bottom: auto;
		padding-right: 0;
		padding-bottom: 50px;
		position: relative;
	}
	#startseite-rechts .et_pb_text_inner {
		text-align: center;
	}
	.startseite-arrow {
		display: none;
	}
	
	#header-container {
		padding: 0 25px 25px 25px;
	}
	#header-container .et_flex_row {
		column-gap: 0;
	}
	#header-container .et_flex_column_8_24 {
		width: 33.3333%;
	}
	#header-logo {
		margin-top: 25px;
	}
	#header-logo img {
		width: 100px;
	}
	.scrolled #header-logo img {
		width: 100px;
	}
	#palko-face {
		height: 100px;
		min-height: 100px;
		padding: 4px;
	}
	#header-warenkorb-icon {
		top: 18px;
		right: 85px;
	}
	
	#footer-container {
		height: 700px !important;
	}
	#footer-logo {
		width: 150px;
	}
	
	#woocommerce-tables .product-remove, #woocommerce-tables .product-thumbnail, #woocommerce-tables .product-name, #woocommerce-tables .product-price {
		width: 100%;
	}
	.shop-liste .et_pb_row, #produkte .et_pb_row {
		padding-top: 70px;
	}
	.shop-liste .woocommerce ul.products li.product {
		width: 100% !important;
		margin-right: 0 !important;
		padding: 8%;
	}
	.shop-liste ul.products {
		margin: 0 auto 1em;
		max-width: 340px;
	}
	.woocommerce div.product div.images.woocommerce-product-gallery {
		margin-left: auto;
		margin-right: auto;
	}
	.woocommerce div.product div.images img {
		width: auto;
		max-height: 50vh;
		margin: 0 auto 50px;
	}
	
}