/*
Theme Name: Parfumpost
Author: Maximilian Naerger
Description: Theme für Wordpress 6.5+
Version: 1.1.0
*/

@font-face {font-display: swap; font-family: 'Poppins'; src: url('fonts/Poppins-Light.ttf') format('truetype');}
@font-face {font-display: swap; font-family: 'Poppins'; src: url('fonts/Poppins-SemiBold.ttf') format('truetype');font-weight:500;}
@font-face {font-display: swap; font-family: 'Poppins'; src: url('fonts/Poppins-Bold.ttf') format('truetype');font-weight:700;}

@font-face {font-display: swap; font-family: 'Inter'; src: url('fonts/Inter-Regular.ttf') format('truetype');font-weight: 400;}
@font-face {font-display: swap; font-family: 'Inter'; src: url('fonts/Inter-SemiBold.ttf') format('truetype');font-weight:500;}
@font-face {font-display: swap; font-family: 'Inter'; src: url('fonts/Inter-Bold.ttf') format('truetype');font-weight:700;}

@font-face {font-display: swap; font-family: 'Karla'; src: url('fonts/Karla-Regular.ttf') format('truetype');}
@font-face {font-display: swap; font-family: 'Karla'; src: url('fonts/Karla-SemiBold.ttf') format('truetype');font-weight:500;}
@font-face {font-display: swap; font-family: 'Karla'; src: url('fonts/Karla-Bold.ttf') format('truetype');font-weight:700;}

@font-face {font-display: swap; font-family: 'EBGaramond'; src: url('fonts/EBGaramond-Regular.ttf') format('truetype'); font-weight: 400;}
@font-face {font-display: swap; font-family: 'EBGaramond'; src: url('fonts/EBGaramond-SemiBold.ttf') format('truetype');font-weight:500;}
@font-face {font-display: swap; font-family: 'EBGaramond'; src: url('fonts/EBGaramond-Bold.ttf') format('truetype');font-weight:700;}

@font-face {font-display: swap; font-family: 'Montserrat'; src: url('fonts/Montserrat-Regular.ttf') format('truetype');}
@font-face {font-display: swap; font-family: 'Montserrat'; src: url('fonts/Montserrat-SemiBold.ttf') format('truetype');font-weight:500;}
@font-face {font-display: swap; font-family: 'Montserrat'; src: url('fonts/Montserrat-Bold.ttf') format('truetype');font-weight:700;}

@font-face {font-display: swap; font-family: 'TitilliumWeb'; src: url('fonts/TitilliumWeb-Regular.ttf') format('truetype');}
@font-face {font-display: swap; font-family: 'TitilliumWeb'; src: url('fonts/TitilliumWeb-SemiBold.ttf') format('truetype');font-weight:500;}
@font-face {font-display: swap; font-family: 'TitilliumWeb'; src: url('fonts/TitilliumWeb-Bold.ttf') format('truetype');font-weight:700;}

@font-face {font-display: swap; font-family: 'PlusJakartaSans'; src: url('fonts/PlusJakartaSans-Regular.ttf') format('truetype');}
@font-face {font-display: swap; font-family: 'PlusJakartaSans'; src: url('fonts/PlusJakartaSans-SemiBold.ttf') format('truetype');font-weight:500;}
@font-face {font-display: swap; font-family: 'PlusJakartaSans'; src: url('fonts/PlusJakartaSans-Bold.ttf') format('truetype');font-weight:700;}

@font-face {font-display: swap; font-family: 'Prata'; src: url('fonts/Prata-Regular.ttf') format('truetype');}

:root {
	--clr-accent-400: hsl(14, 24%, 17%);
	
	--clr-red: #d72e3f;
	
	--clr-primary-300: hsl(0, 0%, 15%);
	--clr-primary-400: hsl(0, 0%, 0%);
	
	--clr-neutral-100: hsl(0, 0%, 100%);
	--clr-neutral-110: hsl(0, 0%, 98.5%);
	--clr-neutral-125: hsl(0, 0%, 97%);
	--clr-neutral-150: hsl(0, 0%, 95%);
	--clr-neutral-175: hsl(0, 0%, 92%);
	--clr-neutral-200: hsl(0, 0%, 90%);
	--clr-neutral-300: hsl(0, 0%, 80%);
	--clr-neutral-400: hsl(0, 0%, 70%);
	--clr-neutral-500: hsl(0, 0%, 50%);
	--clr-neutral-600: hsl(0, 0%, 40%);
	--clr-neutral-700: hsl(0, 0%, 30%);
	--clr-neutral-800: hsl(0, 0%, 20%);
	--clr-neutral-850: hsl(0, 0%, 15%);
	--clr-neutral-900: hsl(0, 0%, 10%);
	
	--clr-font-text: rgb(110, 110, 115);
	--clr-headline: rgb(29, 29, 31);
	
	--clr-a-hover: var(--clr-neutral-500);
	--clr-a: var(--clr-neutral-500);
	
	--clr-button-bg: hsl(14, 24%, 17%);
	--clr-button-bg-hover: hsl(14, 24%, 23%);
	
	
	--clr-checkout-akzent:  hsl(214, 100%, 41%); /* Shopify blau hsl(214, 100%, 41%) */
	--clr-checkout-akzent-bg: hsl(214, 100%, 97%); /* hsl(234deg 100% 98.04%) */
	
	--ff-primary: 'Inter';
	
	--ff-body: var(--ff-primary);
	--ff-primary-heading: 'EBGaramond';
	--heading-fw: var(--fw-regular);
	
	--fw-regular: 400;
	--fw-semi-bold: 500;
	--fw-bold: 700;
	
	--fs-100: .6rem;
	--fs-200: .75rem;
	--fs-300: .85rem;
	--fs-400: 1rem;
	--fs-500: 1.25rem;
	--fs-600: 1.5rem;
	--fs-700: 1.875rem;
	--fs-800: 2.5rem;
	--fs-900: 3rem;
	
	--fs-body: var(--fs-400);
	--fs-primary-heading: var(--fs-800);
	--fs-heading-product-name: var(--fs-700);
	--fs-secondary-heading: var(--fs-700);
	--fs-nav: var(--fs-400);
	--fs-button: var(--fs-300);
	
	--line-height: 1.5;
	
	--clr-background-site: rgb(251 244 237);
	--bg-header-footer: rgba(255,255,255,0.7);
	
	--element-background: rgba(255,255,255,0.6);
	--element-box-shadow: 0 10px 33px rgba(0,0,0,0.06);
	--element-box-shadow-small: 0 5px 17px rgba(0,0,0,0.06);
	--element-background-hover: rgba(255,255,255,0.99);
	
	--border-radius: 0.5rem;
	--border-radius-button: 6px;
	--border-radius-bigcard: 26px;
	--transition: all 200ms ease-in-out;
	--transition-specific: 200ms ease-in-out;
	
	--scrollbarBG: #f2f2f2;
  	--thumbBG: #bbb;
}

body, html
{
	margin:0;
	padding:0;
	height:100%;
	font-size:var(--fs-body);
	font-family: var(--ff-primary);
	color:var(--clr-font-text);
	line-height:var(--line-height);
	background: var(--clr-background-site) !important;
	word-wrap:break-word;
	scroll-behavior: smooth;
	scrollbar-width: thin;
	scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}

div.clear
{
	clear:both;
	overflow:hidden;
}

.site-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh; /* mind. volle Höhe vom Bildschirm */
}




/* Burger Menu Button */
.burger-menu-btn {
    position: relative;
    width: 30px;
    height: 24px;
    cursor: pointer;
    z-index: 1002;
    background: none;
    border: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.burger-line {
    width: 100%;
    height: 2px;
    background-color: var(--clr-headline);
    transition: all 0.3s ease;
    transform-origin: center;
}

/* Burger to X Animation */
.burger-menu-btn.active .burger-line:nth-child(1) {
    transform: translateY(11px) rotate(45deg);
}

.burger-menu-btn.active .burger-line:nth-child(2) {
    opacity: 0;
}

.burger-menu-btn.active .burger-line:nth-child(3) {
    transform: translateY(-11px) rotate(-45deg);
}

/* Overlay */
.menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.menu-overlay.active {
    opacity: 1;
    visibility: visible;
}

/* Main Menu */
.mobile-menu {
    position: fixed;
    top: 0;
    left: 0;
	transform: translatex(-100%);
    width: 100%;
	box-sizing: border-box;
    max-width: 400px;
    height: 100%;
    background-color: var(--clr-neutral-100);
    z-index: 1001;
    transition: transform 0.3s ease;
    overflow-y: auto;
    padding: 2rem;
}

.mobile-menu.active {
    transform: translatex(0%);
}

.menu-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--clr-neutral-200);
}

.menu-title {
    font-size: var(--fs-600);
    font-weight: var(--fw-bold);
    color: var(--clr-headline);
}

.menu-close {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    color: var(--clr-headline);
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Menu Items - Original Demo Classes */
.main-menu-list {
    list-style: none;
}

.main-menu-item {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.3s ease;
}

.mobile-menu.active .main-menu-item {
    opacity: 1;
    transform: translateY(0);
}

/* Staggered animation delay */
.mobile-menu.active .main-menu-item:nth-child(1) { transition-delay: 0.1s; }
.mobile-menu.active .main-menu-item:nth-child(2) { transition-delay: 0.2s; }
.mobile-menu.active .main-menu-item:nth-child(3) { transition-delay: 0.3s; }
.mobile-menu.active .main-menu-item:nth-child(4) { transition-delay: 0.4s; }
.mobile-menu.active .main-menu-item:nth-child(5) { transition-delay: 0.5s; }
.mobile-menu.active .main-menu-item:nth-child(6) { transition-delay: 0.6s; }

.main-menu-link {
    display: block;
    padding: 1rem 0;
    text-decoration: none;
    color: var(--clr-headline);
    font-size: var(--fs-nav);
    font-weight: var(--fw-regular);
    position: relative;
    transition: all 200ms ease-in-out;
}

.main-menu-link:hover {
    color: var(--clr-a-hover);
}

/* Hover underline effect */
.main-menu-link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
}

.main-menu-link:hover::after,
.main-menu-link:focus::after {
    transform: scaleX(1);
    transform-origin: left;
}

.main-menu-link:not(:hover)::after {
    transform-origin: right;
}

/* WordPress Menu Items Styling */
.main-menu-list .menu-item {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.8s ease;
}

.mobile-menu.active .main-menu-list .menu-item {
    opacity: 1;
    transform: translateY(0);
}

/* Staggered animation für WordPress Menü-Items */
.mobile-menu.active .main-menu-list .menu-item:nth-child(1) { transition-delay: 0.3s; }
.mobile-menu.active .main-menu-list .menu-item:nth-child(2) { transition-delay: 0.4s; }
.mobile-menu.active .main-menu-list .menu-item:nth-child(3) { transition-delay: 0.5s; }
.mobile-menu.active .main-menu-list .menu-item:nth-child(4) { transition-delay: 0.6s; }
.mobile-menu.active .main-menu-list .menu-item:nth-child(5) { transition-delay: 0.7s; }
.mobile-menu.active .main-menu-list .menu-item:nth-child(6) { transition-delay: 0.8s; }

.main-menu-list .menu-item a {
    display: block;
    padding: 1.2rem 0;
    text-decoration: none;
    color: var(--clr-headline);
    font-size: var(--fs-nav);
    font-weight: var(--fw-regular);
    position: relative;
    transition: all 200ms ease-in-out;
}

/* Hover underline effect für WordPress Links */
.main-menu-list .menu-item a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
}

.main-menu-list .menu-item a:hover::after,
.main-menu-list .menu-item a:focus::after {
    transform: scaleX(1);
    transform-origin: left;
}

.main-menu-list .menu-item a:not(:hover)::after {
    transform-origin: right;
}




/* Preloader Start */

div.loader-bg
{
	position:fixed;
	z-index:99999;
	background:#eee;
	height:100%;
	width:100%;
	-webkit-animation-name:loader-bg;
	-webkit-animation-duration:0.8s;
	visibility:hidden;
}

@keyframes loader-bg{
	0%
	{
		visibility:visible;
		opacity:1;
	}
	60%
	{
		visibility:visible;
		opacity:1;
	}
	100%
	{
		opacity:0;
	}
}

@-webkit-keyframes loader-bg{
	0%
	{
		visibility:visible;
		opacity:1;
	}
	60%
	{
		visibility:visible;
		opacity:1;
	}
	100%
	{
		opacity:0;
	}
}

div.loader
{
	border:0 solid transparent;
	border-radius:50%;
	width:150px;
	height:150px;
	position:absolute;
	top:calc(50vh - 90px);
	left:calc(50vw - 90px);
}

div.loader:before, div.loader:after
{
	content:'';
	border:4px solid var(--clr-primary-400);
	border-radius:50%;
	width:inherit;
	height:inherit;
	position:absolute;
	top:0;
	left:0;
	-webkit-animation:loader 1.2s linear;
	opacity:0;
}

div.loader:before
{
	-webkit-animation-delay:.4s;
}

@keyframes loader{
	0%
	{
		transform:scale(0);
		opacity:0;
	}
	50%
	{
		opacity:1;
	}
	100%
	{
		transform:scale(1);
		opacity:0;
	}
}

@-webkit-keyframes loader{
	0%
	{
		transform:scale(0);
		opacity:0;
	}
	50%
	{
		opacity:1;
	}
	100%
	{
		transform:scale(1);
		opacity:0;
	}
}

/* Preloader Ende */

div.icon
{
	position: absolute;
	top: 0;
	left: 0;
	width: 3rem;
	height: 3rem;
	border-radius: var(--border-radius);
	justify-content: center;
	align-items: center;
	display: flex;
	z-index: 10000;
}

/* Header START */

header
{
	z-index: 999;
	width: 100%;
	background: var(--bg-header-footer);
	-moz-transition:all 600ms ease-in-out;
	-webkit-transition:all 600ms ease-in-out;
	transition:all 600ms ease-in-out;
}

header.woocommerce-Address-title.title
{
	background: none;
	margin: 2rem 0;
}

img#Logo
{
	display: block;
	height: 3.5rem;
	-moz-transition:all 600ms ease-in-out;
	-webkit-transition:all 600ms ease-in-out;
	transition:all 600ms ease-in-out;
}

div.header-inner
{
	display: flex;
	justify-content: space-between;
	align-items:center;
	flex-wrap: wrap;
	line-height: 0;
	padding:1.2rem 1.7rem;
	-moz-transition: var(--transition);
	-webkit-transition: var(--transition);
	transition: var(--transition);
}

div.header-inner a
{
	display: inline-block;
}

div#nav-icons
{
	display: flex;
	justify-content: flex-end;
}

div#nav-icons a img
{
	height: calc(3.5rem - 2rem);
	padding: 1rem;
}

a.header-logo
{
	position: absolute;
	left: 50%;
	transform: translateX(-50%)
}




/* Content */

div.content
{
	padding: 5rem 0;
}

div.grau
{
	background: var(--clr-neutral-150);
}

div.wrapper
{
	--max-width: 1300px;
	--padding: 1rem;
	
	width: min(var(--max-width), 100% - (var(--padding) * 2));
	margin-inline: auto;
}

div.wrapper-blog
{
	max-width: 780px;
}

div.smallwidth
{
	max-width: 780px;
}


#content-top-fullscreen
{
	/*background-image: linear-gradient(to right, rgba(235, 235, 235, 0.6) 55%, rgba(235, 235, 235, 0.1) 69%, rgba(235, 235, 235, 0.01)), url(/wp-content/uploads/2025/08/zahnarzt-bad-lippspringe-anette-herrmann.webp);*/
	padding:4rem;
	margin: 2rem auto;
	min-height:500px;
	width: 100%;
	box-shadow: 0 15px 40px rgba(40,40,40,.1);
	border-radius: var(--border-radius-bigcard);
	box-sizing:border-box;
	background-position: center right;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

div.content-top-white-gradient-inner
{
	width: 52%;
	font-size: 1.2rem;
	margin:0;
	padding:10px 0 30px 0;
	box-sizing:border-box;
}

/* Footer */

/* ========== Footer Base ========== */
.site-footer {
  border-top: 1px solid rgba(0,0,0,.08);
  background: var(--bg-header-footer);
  padding: 6rem 0 2rem;
  line-height: 1.6;
}

.footer-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 32px;
}

/* Spalten */
.footer-col { min-width: 0; }

/* Titel: klein geschrieben anzeigen, selbst wenn in WP anders */
.footer-title {
  margin: 0 0 12px;
  letter-spacing: .02em;
	font-weight: var(--fw-semi-bold);
  color: #222;
	font-family: var(--ff-body);
  text-transform:none;
}

/* Menülisten */
.footer-menu {
  list-style: none;
  margin: 16px 0 0 0;
  padding: 0;
}

.footer-menu li { margin: 8px 0; }

/* Inline-Menü für Social (falls du Icon-Links nutzt) */
.footer-menu--inline {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
}

.footer-placeholder {
  color: #999;
  font-style: italic;
}

.footer-newsletter {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
}

.footer-newsletter input[type="email"] {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 6px;
  outline: none;
  box-sizing: border-box;
}

.footer-newsletter input[type="email"]:focus {
  border-color: rgba(0,0,0,.35);
}


/* Bottom Row */
.footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-top: 2rem;
  margin-top: 6rem;
  border-top: 1px solid rgba(0,0,0,.08);
}

.footer-payment {
  display: flex;
  gap: 24px;
  align-items: center;
}

.footer-payment svg {
  height: auto;
  max-height: 24px;
  width: auto;
  fill: #555; /* Farbe für Bank-Icon – kann angepasst werden */
}

.footer-payment svg:hover {
  fill: #000; /* dunkler beim Hover */
}

.footer-copy { color: #777; }
.footer-badges img { height: 24px; }

/* Accessible helper */
.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}

/* ========== Responsive ========== */
@media (max-width: 1024px) {
  .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 600px) {
  .site-footer { padding: 36px 0 20px; }
  .footer-grid { grid-template-columns: 1fr; gap: 24px; }
  .footer-bottom {
    flex-direction: column;
    align-items: center;
  }
	.footer-payment {
    margin-top: 12px;
  }
}





/* Buttons */

/* Basiseinstellungen für alle Links */
a {
  position: relative;
  text-decoration: none;
  color: inherit; /* übernimmt Textfarbe vom Kontext */
	color: var(--schriftfarbe);
	-moz-transition:all 200ms ease-in-out;
	-webkit-transition:all 200ms ease-in-out;
	transition:all 200ms ease-in-out;
}

/* Unterstreichung vorbereiten */
footer a::after,
.checkout-footer a::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px; /* Abstand unter Text */
  width: 100%;
  height: 1px; /* Dicke der Linie */
  background-color: currentColor;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}

/* Hover-Effekt: von links nach rechts rein */
footer a:hover::after,
footer a:focus::after,
.checkout-footer a:hover::after,
.checkout-footer a:focus::after
{
  transform: scaleX(1);
  transform-origin: left;
}

/* Beim Verlassen: von rechts nach links raus */
footer a:not(:hover)::after,
.checkout-footer a:not(:hover)::after,
{
  transform-origin: right;
}





a.btn, .button.alt, button.single_add_to_cart_button, button.single_add_to_cart_button.button.alt.wp-element-button.disabled.wc-variation-is-unavailable, #place_order, .single_add_to_cart_button.button.alt.wp-element-button, .woocommerce a.button, button.wp-element-button:not(.wp-block-search__button.has-icon.wp-element-button), a.button.wc-forward, button.woocommerce-Button, button.woocommerce-button, .button.wp-element-button, .woocommerce a.button:not(.checkout-button), button.wp-element-button:not(.wp-block-search__button.has-icon.wp-element-button, .single_add_to_cart_button), div.coupon button.button, td.actions button.button, .footer-newsletter button, .wc-block-cart__submit
{
	display: inline-block;
	box-sizing: border-box;
	text-align: center;
	width: 100%;
	font-size: var(--fs-button) !important;
	line-height: var(--line-height) !important;
	background: var(--clr-button-bg) !important;
	border-radius: var(--border-radius-button) !important;
	padding: 1.3rem 2rem !important;
	font-weight: var(--fw-normal) !important;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: none;
	border: none;
	cursor: pointer;
	color: #fff !important;
	box-shadow: var(--element-box-shadow-small) !important;
	-moz-transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

a.btn:hover,
.button.alt:hover,
button.single_add_to_cart_button:hover,
button.single_add_to_cart_button.button.alt.wp-element-button.disabled.wc-variation-is-unavailable:hover,
#place_order:hover,
.single_add_to_cart_button.button.alt.wp-element-button:hover,
.woocommerce a.button:hover,
button.wp-element-button:not(.wp-block-search__button.has-icon.wp-element-button):hover,
a.button.wc-forward:hover,
button.woocommerce-Button:hover,
button.woocommerce-button:hover,
.button.wp-element-button:hover,
.woocommerce a.button:not(.checkout-button):hover,
button.wp-element-button:not(.wp-block-search__button.has-icon.wp-element-button, .single_add_to_cart_button):hover,
div.coupon button.button:hover,
td.actions button.button:hover,
.footer-newsletter button:hover,
.wc-block-cart__submit:hover {
  background: var(--clr-button-bg-hover) !important;
}


.footer-newsletter button
{
	padding: 0.9rem !important;
}

.woocommerce-Button, .woocommerce-button
{
	-moz-transition: var(--transition);
	-webkit-transition: var(--transition);
	transition: var(--transition);
}



/* Schrift */

h1
{
	font-family:var(--ff-primary-heading);
	font-size: var(--fs-primary-heading);
	font-weight: var(--heading-fw);
	line-height: 1.2;
	margin-bottom: 0.5rem;
	color:var(--clr-headline);
}

h2
{
	font-family:var(--ff-primary-heading);
	line-height:1.2;
	font-size: var(--fs-700);
	font-weight: var(--heading-fw);
	color:var(--clr-headline);
	padding:0;
	margin: 2rem 0 1rem 0;
	text-align:left;
}

h3
{
	font-family:var(--ff-primary-heading);
	line-height:1.2;
	font-weight: var(--heading-fw);
	color:var(--clr-headline);
	padding:0;
	margin:0 0 1.5rem 0;
	text-align:left;
}

p
{
	margin: 1rem 0;
	line-height: var(--line-height);
}

p strong, li strong
{
	font-weight: var(--fw-bold);
	color: var(--clr-neutral-900);
}


/* Elemente */

.content-wp
{
	flex:1;
}

div.card
{
	background: var(--element-background);
}

/* Account Nav START */

nav.woocommerce-MyAccount-navigation
{
	margin: 2rem 0 3rem 0 !important;
	color: var(--clr-neutral-100);
}

li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link
{
	margin: 0 10px 0 0;
	display: inline-block;
}


li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link a
{
	color: var(--clr-neutral-900);
	padding: 1rem 1.3rem;
	border-radius: var(--border-radius);
	background: var(--clr-neutral-100);
}

li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link.is-active a
{
	background: var(--clr-primary-400);
	color: var(--clr-neutral-100);
	box-shadow: var(--element-box-shadow-small);
}

.woocommerce-LoopProduct-link.woocommerce-loop-product__link h2.woocommerce-loop-product__title
{
	font-family: var(--ff-body);
	color: var(--clr-font-text);
}

/* Shopseite Animation START 

li.product.type-product, .woocommerce-cart-form__cart-item.cart_item, a.flexelement-suchergebnis, .blog-element
{
	animation: atf-fade-in 1000ms ease-in-out;
	animation-fill-mode: both;
}

li.product.type-product:nth-child(4n + 1), .woocommerce-cart-form__cart-item.cart_item:nth-child(4n + 1), a.flexelement-suchergebnis:nth-child(4n + 1), .blog-element:nth-child(4n + 1)
{
	animation-delay: 100ms;
}

li.product.type-product:nth-child(4n + 2), .woocommerce-cart-form__cart-item.cart_item:nth-child(4n + 2), a.flexelement-suchergebnis:nth-child(4n + 2), .blog-element:nth-child(4n + 2)
{
	animation-delay: 300ms;
}

li.product.type-product:nth-child(4n + 3), .woocommerce-cart-form__cart-item.cart_item:nth-child(4n + 3), a.flexelement-suchergebnis:nth-child(4n + 3), .blog-element:nth-child(4n + 3)
{
	animation-delay: 500ms;
}

li.product.type-product:nth-child(4n), .woocommerce-cart-form__cart-item.cart_item:nth-child(4n), a.flexelement-suchergebnis:nth-child(4n), .blog-element:nth-child(4n)
{
	animation-delay: 700ms;
}

a.woocommerce-LoopProduct-link.woocommerce-loop-product__link:hover, li.product:hover
{
	background: var(--clr-neutral-150);
}

h2.woocommerce-loop-product__title, span.price
{
	text-align: center;
	font-size: var(--fs-400);
}

h2.woocommerce-loop-product__title
{
	padding: 0.5rem 1.2rem !important;
}

ul.products.columns-4
{
	display: flex;
	flex-wrap: wrap;
}

/* Shopseite Animation ENDE */

.content-wp .wrapper .woocommerce .single-product
{
	padding-top: 3rem;
}

/* Produktfoto */

.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images, .woocommerce div.product div.images
{
	margin-bottom: 2rem;
	width: calc(50% - 1rem) !important;
	animation:atf-fade-in 1000ms ease-in-out;
	animation-delay: 0.2s;
	animation-fill-mode: backwards;
}

.woocommerce div.product div.images img
{
	width: auto !important;
	margin: 0 auto;
}

.woocommerce-product-gallery__image
{
	pointer-events: none;
	background: rgba(0, 0, 0, 0.1) !important;
	border-radius: var(--border-radius);
}

.woocommerce div.product div.images .flex-control-thumbs li
{
	width: 5rem !important;
	margin-right: 1.5rem !important;
}

.woocommerce-product-gallery__wrapper
{
	user-select: none;
}

ol.flex-control-nav.flex-control-thumbs
{
	margin-top: 1.5rem !important;
}

ol.flex-control-nav.flex-control-thumbs li img
{
	background: rgba(0, 0, 0, 0.1) !important;
}

.woocommerce-product-gallery__image.flex-active-slide img, .flex-control-nav.flex-control-thumbs img, img.wp-post-image, .attachment-woocommerce_thumbnail.size-woocommerce_thumbnail
{
	border-radius: var(--border-radius);
}

.woocommerce-product-gallery, img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail, img.zoomImg
{
	border-radius: var(--border-radius);
	z-index: 100;
	position: relative;
}

.woocommerce-product-gallery, img.zoomImg
{
	background: var(--clr-background-site) !important;
}

li.product.type-product
{
	border-radius: var(--border-radius);
	padding: 0 0 1.5rem 0 !important;
	box-sizing: border-box;
	width: calc((100% - 3rem) / 3) !important;
	-moz-transition: var(--transition);
	-webkit-transition: var(--transition);
	transition: var(--transition);
	overflow: hidden;
}

li.product.type-product a img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail, a.flexelement-suchergebnis img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail
{
	background: rgba(0, 0, 0, 0.1);
	-moz-transition: var(--transition);
	-webkit-transition: var(--transition);
	transition: var(--transition);
}

a.woocommerce-LoopProduct-link.woocommerce-loop-product__link:hover
{
	color: unset;
}

div.product-pic
{
	position: relative;
}

div.blog-post-img-container
{
	width: 100%;
	max-width: 550px;
	margin: 2rem auto;
	position: relative;
}

/* Variation Swatches  START */

/* Nur auf Einzelproduktseiten mit variablen Produkten */
.single-product.product-type-variable .summary > .price { display: none; }

/* Den Standard-Variationspreis UNTER den Optionen ausblenden */
.single-product .single_variation .price,
.single-product .woocommerce-variation-price { display: none !important; }

/* Optional: etwas Luft unter deinem neuen Preis */
.custom-variation-price { margin: 0 0 12px; }

.price .woocommerce-Price-amount.amount
{
	font-weight: var(--fw-bold);
	color: var(--clr-neutral-900);
}

div.flex-klasse, div.cfvsw-swatches-container.cfvsw-product-container, ul.variable-items-wrapper.button-variable-items-wrapper.wvs-style-squared {
    display: flex;
    justify-content: flex-start;
    gap: 0.75rem !important;
    margin: 0 0 2rem 0;
}

input:checked + .label-klasse, div.cfvsw-selected-swatch, .variable-item.selected
{
	background-color:var(--clr-button-bg) !important;
	color:var(--clr-neutral-100);
}

.label-klasse, div.cfvsw-swatches-option, .variable-item {
    display: block;
    padding: 1.2rem 1.8rem;
    background: var(--element-background);
    border-radius: var(--border-radius-button) !important;
    box-shadow: var(--element-box-shadow-small);
    text-align: center;
    line-height: 1;
    border: none !important;
    font-size: var(--fs-400) !important;
    font-weight: var(--fw-normal) !important;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

div.variable-item-contents
{
	line-height: 1;
}

.variable-item-span::before, .variable-item-span::after, .variable-item::before, .variable-item::after, .wc-gzd-additional-info, .variable-item-contents::before, .variable-item-contents::after
{
	display: none !important;
}

ul.variable-items-wrapper.button-variable-items-wrapper.wvs-style-squared li
{
	display: inline-block;
	font: inherit;
}

.label-klasse:hover, div.cfvsw-swatches-option:hover, .variable-item:hover
{
	background: var(--element-background-hover);
	border:none !important;
}

a.reset_variations, th.label
{
	display: none !important;
	height:0;
	visibility:hidden;
}

table.variations
{
	margin: 1rem 0 0 0 !important;
}


/* Variation Swatches  ENDE */



/* Preis START */

.woocommerce-price-suffix
{
	font-size: var(--fs-300);
	opacity:0.9;
	
	margin-left: 0.4rem;
}

a.woocommerce-LoopProduct-link.woocommerce-loop-product__link span.price
{
	font-size: var(--fs-300) !important;
}

a.woocommerce-LoopProduct-link.woocommerce-loop-product__link span.price .woocommerce-price-suffix, #ppcp-messages
{
	display: none !important;
}

/* Titel & Preis nebeneinander – Preis immer oben rechts */
.woocommerce-LoopProduct-link {
  display: grid !important;
  grid-template-columns: 1fr auto; /* Titel nimmt Platz, Preis bleibt kompakt rechts */
  grid-auto-rows: max-content;
  column-gap: .75rem;
  row-gap: .5rem;
  align-items: start;
  text-decoration: none; /* optional */
}

.woocommerce-LoopProduct-link .product-pic {
  grid-column: 1 / -1;             /* Bild über volle Breite */
}

div.product-pic
{
	position: relative;
}

.woocommerce-loop-product__title {
  grid-column: 1 / 2;               /* links */
  margin: .25rem 0 0; 				/* kompakter Abstand unter dem Bild */
  padding: 0 !important;
}

.woocommerce-LoopProduct-link .price {
  grid-column: 2 / 3;               /* rechts */
  align-self: start;                /* immer oben ausrichten */
  white-space: nowrap;              /* Preis nicht umbrechen */
  text-align: right;
}

/* Entfernt das störende ::before-Element in Produktlisten */
.woocommerce ul.products::before,
.woocommerce-page ul.products::before {
  content: none !important;
  display: none !important;
}

/* === Produktübersicht: 3 Spalten + 2.5rem Gap (auto-breite Karten) === */
.woocommerce ul.products.columns-3, .woocommerce ul.products.columns-4 code, .woocommerce ul.products.columns-4 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2.5rem;
}

/* Karten nehmen automatisch die Spaltenbreite ein (keine feste width/margins) */
.woocommerce ul.products.columns-3 > li.product, .woocommerce ul.products.columns-4 code > li.product, .woocommerce ul.products.columns-4 > li.product {
  width: auto !important;
  margin: 0 !important;
}

/* Falls irgendwo noch generische Margins gesetzt sind – für diese Liste überschreiben */
.woocommerce ul.products.columns-3 li.product,
.woocommerce-page ul.products.columns-3 li.product,
.woocommerce ul.products.columns-4 li.product,
.woocommerce-page ul.products.columns-4 li.product{
  margin: 0 !important;
}

/* Falls irgendwo feste Breiten gesetzt wurden (z.B. calc((100% - 3rem)/3)) */
ul.products.columns-3 li.product.type-product, ul.products.columns-4 li.product.type-product {
  width: auto !important;
}

/* Optional: Responsive Spaltenanzahl (passend zu deinen Breakpoints) */
@media (max-width: 900px) {
  .woocommerce ul.products.columns-3, .woocommerce ul.products.columns-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 525px) {
  .woocommerce ul.products.columns-3, .woocommerce ul.products.columns-4 {
    grid-template-columns: 1fr;
  }
}

.woocommerce ul.products li.product a img
{
	margin-bottom: 0.5em !important;
}

.woocommerce ul.products li.product:hover img.attachment-woocommerce_thumbnail {
  background: rgba(0, 0, 0, 0.07);
}


/* Jeder Step: Inhalte untereinander und zentriert */
.delivery-time__step {
  display: flex;
  flex-direction: column;   /* Icon, Zeitraum, Titel untereinander */
  align-items: center;      /* horizontal mittig */
  text-align: center;       /* Textausrichtung */
}

/* Icon */
.delivery-time__step-icon {
  display: block;
  max-width: 42px;
  height: auto;
  margin: 0 auto 0.3rem auto;
	opacity: 0.65;
}

/* Titel (z. B. Bearbeitet) */
.delivery-time__step-title, .delivery-time__step-date {
  font-size: 0.85rem;
}

.woocommerce-product-details__short-description ul
{
	display: flex;
	gap: 0.9rem;
	flex-direction: column;
}

.woocommerce-product-details__short-description ul li
{
	padding-left: 2.5rem;
    list-style: none;
    background-size: 1rem;
	color: var(--clr-font-text) !important;
    position: relative;
    text-align: left;
    display: block;
}

.woocommerce-product-details__short-description ul li::before
{
	content: '';
    position: absolute;
    left: 0;
    top: 0rem;
    width: 1.5rem;
    height: 1.5rem;
    background-color: currentColor;
    -webkit-mask-image: url(/wp-content/uploads/2025/09/check.svg);
    mask-image: url(/wp-content/uploads/2025/09/check.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.woocommerce-product-details__short-description ul li.kostenloser-versand::before {
    -webkit-mask-image: url(/wp-content/uploads/2025/09/heart.svg);
    mask-image: url(/wp-content/uploads/2025/09/heart.svg);
}

.woocommerce-product-details__short-description ul li.chevron::before {
    -webkit-mask-image: url(/wp-content/uploads/2025/09/chevron-right.svg);
    mask-image: url(/wp-content/uploads/2025/09/chevron-right.svg);
}

.woocommerce-product-details__short-description .devider
{
	background: var(--clr-font-text);
	opacity: 0.15;
	height: 1px;
	width: 100%;
	margin: 2rem 0;
}

p.price
{
	margin: 0.5rem auto 2rem auto;
}

p.price .woocommerce-Price-amount.amount
{
	font-weight: var(--fw-bold);
}

.payment-container
{
	margin-top: 1.5rem;
	display: flex;
	flex-wrap: wrap;
	gap: 2.5rem;
	justify-content: center;
}

.payment-svg
{
	max-width: 3rem !important;
	display: inline-block;
}

.woocommerce div.product .woocommerce-product-rating
{
	margin-bottom: 0.6rem !important;
}


.product_meta
{
	display: none;
}



.woocommerce div.product form.cart::before, .woocommerce-product-gallery__trigger
{
	display: none !important;
}

.woocommerce div.product form.cart
{
	margin-top: 2.3rem;
	margin-bottom: 0 !important;
}

.woocommerce-product-details__short-description
{
	margin-bottom: 2rem;
}

p.price.variation_modified.variation_gzd_modified
{
	margin-top: 2rem;
	margin-bottom: 0.5rem;
}

.variations_form.cart.has-gzd-variation-form.has-unit-price-observer
{
	margin-bottom: 0 !important;
	margin-top: 1.5rem !important;
}

ins
{
	text-decoration: none !important;
}

ins .woocommerce-Price-amount.amount
{
	color: var(--clr-red) !important;
}

.woocommerce span.onsale
{
	z-index: 999 !important;
	font-weight: var(--fw-normal) !important;
	letter-spacing: 1px;
	min-width: 0 !important;
	min-height: 0 !important;
	line-height: inherit !important;
	background-color: var(--clr-red) !important;
	padding: 0.6rem 1.3rem !important;
	border-radius: 30px !important;
	animation: atf-fade-in 1000ms ease-in-out;
    animation-delay: 0.2s;
    animation-fill-mode: backwards;
}

.woocommerce ul.products li.product .onsale
{
	margin: 0 !important;
}

.product-pic span.onsale
{
	border-radius: 0 !important;
	border-bottom-left-radius: var(--border-radius) !important;
	padding: 0.5rem 0.9rem 0.5rem 1rem !important;
	animation: none !important;
	font-size: 0.7rem !important;
}

/* Preis ENDE */

/* Verfügbarkeit START */

div.kreis
{
	display: block;
	background: #00C781;
	height: 0.5rem;
	width: 0.5rem;
	border-radius: 4px;
	display: inline-block;
	margin-right: 0.8rem;
	margin-bottom: 0.15rem;
}

div.gruen
{
	background: #00C781;
}

span.gruen
{
	color: #00C781;
}

div.rot
{
	background: #D25365;
}

span.rot
{
	color: #D25365;
}

a.woocommerce-LoopProduct-link.woocommerce-loop-product__link span.price div.kreis, a.woocommerce-LoopProduct-link.woocommerce-loop-product__link span.price span.rot, a.woocommerce-LoopProduct-link.woocommerce-loop-product__link span.price span.gruen, .show-password-input
{
	display: none;
}

/* Verfügbarkeit ENDE */

/* Anzahl START */

/* ===== Modernes Quantity-Field nur mit CSS (Plus/Minus als Pseudo-Buttons) ===== */
.quantity {
  position: relative;
  display: inline-flex;
  align-items: stretch;
  background: rgba(255,255,255,0.7);
  border-radius: var(--border-radius-button);
  box-shadow: var(--element-box-shadow-small);
  transition: var(--transition);
}

.woocommerce div.product form.cart div.quantity
{
	height: -webkit-fill-available;
	margin: 0 !important;
	display: none !important;
}

.woocommerce-variation-price .price .woocommerce-Price-amount.amount {
    font-weight: var(--fw-bold);
    font-size: var(--fs-400);
}

/* Input stylen */
.quantity .qty,
.quantity input[type="number"] {
  -moz-appearance: textfield;         /* Firefox: Spinner aus */
  appearance: textfield;              /* Standard */
  border: 0;
  background: transparent;
  padding: 0 3rem;                    /* Platz für +- Buttons */
  width: 10px !important;                       /* kann angepasst werden */
  text-align: center;
  font: inherit;
  color: var(--clr-primary-300);
  outline: none;
}

/* Safari/Chrome Spinner ausblenden */
.quantity .qty::-webkit-outer-spin-button,
.quantity .qty::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Hover/Focus States */
.quantity:hover {
  background: var(--element-background-hover);
  border-color: var(--clr-neutral-175);
}
.quantity .qty:focus {
  box-shadow: inset 0 0 0 2px var(--clr-accent-400);
  border-radius: calc(var(--border-radius-button) - 1px);
}

/* Pseudo-Buttons (Minus/Plus) */
.quantity::before,
.quantity::after {
  content: "";
  position: absolute;
  top: 0;
  width: 40px;
  height: 100%;
  display: grid;
  place-items: center;
  color: var(--clr-primary-300);
  cursor: pointer;
  transition: var(--transition);
}

/* Minus links */
.quantity::before {
  left: 0;
  content: "–";
}

/* Plus rechts */
.quantity::after {
  right: 0;
  content: "+";
}

/* Hover-Effekt auf Buttons */
.quantity:hover::before,
.quantity:hover::after {
  background: var(--clr-neutral-150);
}

/* Active Feedback */
.quantity:active::before,
.quantity:active::after {
  background: var(--clr-neutral-175);
}

/* Disabled-Zustände */
.quantity .qty[disabled],
.quantity .qty[aria-disabled="true"] {
  opacity: .6;
  cursor: not-allowed;
}
.quantity .qty[disabled] + .qty,
.quantity[aria-disabled="true"]::before,
.quantity[aria-disabled="true"]::after {
  pointer-events: none;
}

/* Kompakter auf sehr kleinen Screens */
@media (max-width: 420px) {
  .quantity { height: 40px; }
  .quantity::before,
  .quantity::after { width: 40px; }
  .quantity .qty { padding: 0 2.75rem; width: 100px; }
}

/* Quantity Feld */
form.cart .quantity {
  flex: 0 0 auto; /* feste Breite, nicht dehnen */
  height: 100%;
}

/* Add-to-Cart Button */
form.cart .single_add_to_cart_button {
  flex: 1 1 auto; /* füllt restlichen Platz */
  height: 100%;
  margin-bottom: 0 !important; /* entfernt Unter-Abstand */
  display: flex;
  align-items: center;
  justify-content: center;
}

.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled
{
	display: flex;
	gap: 0.75rem;
	align-items: stretch;
}


/* Anzahl ENDE */

select#billing_title:focus, .form-row.woocommerce-invalid input.input-text:focus
{
	border: 1px solid var(--clr-primary-300) !important;
}

select#billing_title
{
	-webkit-appearance: none;
	appearance: none;
}

.select2-selection__arrow
{
	top: 1rem !important;
    right: 1rem !important;
}

/* Checkout START */

.wc-block-components-text-input input, .wc-blocks-components-select__container select, .wc-block-components-radio-control__option, .wc-block-components-radio-control-accordion-option
{
	border-radius: 8px !important;
	border: 1px solid #ccc !important;
	background: inherit !important;
	box-shadow: none !important;
	transition: 0.2s ease-in-out !important;
}

.wc-block-components-radio-control__option, .wc-block-components-radio-control-accordion-option
{
	border: none !important;
}

.wc-block-components-text-input input:focus, .wc-block-components-text-input input:focus-visible, .wc-blocks-components-select__container select:focus, .wc-blocks-components-select__container select:focus-visible, .wc-block-components-radio-control__option:focus, .wc-block-components-radio-control__option:focus-visible, .wc-block-components-radio-control-accordion-option:focus, .wc-block-components-radio-control-accordion-option:focus-visible
{
	border-color: var(--clr-checkout-akzent) !important;
    box-shadow: 0 0 0 1px var(--clr-checkout-akzent) !important;
	outline: none !important;
}

.wc-gzd-checkout .wc-block-components-order-summary, .wc-gzd-checkout .wc-block-components-order-summary.is-large
{
	background: none !important;
}


.wc-block-components-text-input input
{
	padding: 2.1em 11px 1.2em 11px !important;
}

.wc-blocks-components-select__container select
{
	padding: 1.3em 11px .5em 11px !important;
}

.wc-blocks-components-select .wc-blocks-components-select__container
{
	background: inherit !important;
	height: auto !important;
}

.wc-block-components-form .wc-block-components-text-input label, .wc-block-components-text-input label, .wc-blocks-components-select .wc-blocks-components-select__label
{
	left: .7625em !important;
	color: hsl(0, 0%, 44%) !important;
}

.wc-block-components-checkout-order-summary__title, .wc-block-components-address-form__state.wc-block-components-state-input
{
	display: none !important;
}

.wc-block-components-checkout-step__heading
{
	margin-bottom: 16px !important;
}

.wp-block-woocommerce-checkout-order-summary-block
{
	border: none !important;
}

.wp-block-woocommerce-checkout-order-summary-totals-block
{
	font-size: 0.88rem;
}

.is-large .wc-block-components-sidebar .wc-block-components-totals-item, .wc-block-components-totals-coupon.wc-block-components-panel, .wc-block-components-order-summary.is-large, .wc-block-components-order-summary .wc-block-components-order-summary-item__quantity
{
	padding: 0 !important;
}

.wc-block-components-order-summary .wc-block-components-order-summary-item__total-price, .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-formatted-money-amount
{
	font-weight: var(--fw-regular) !important;
}

.wc-block-components-totals-wrapper .wc-block-components-totals-item.wc-block-components-totals-footer-item .wc-block-components-totals-item__value .wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-totals-footer-item-tax-value
{
	font-weight: var(--fw-bold) !important;
}

.wc-block-components-order-summary .wc-block-components-order-summary-item__image>img
{
	background: rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    padding: 5px;
}

form.wc-block-components-form.wc-block-checkout__form
{
	max-width: 35rem;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-footer-item-tax
{
	font-weight: var(--fw-regular) !important;
	color: #777;
	font-size: var(--fs-200);
	margin-top: 0.3rem !important;
}

.wc-block-components-radio-control .wc-block-components-radio-control__input:checked:before
{
	background: var(--clr-checkout-akzent) !important;
}

.wc-block-components-radio-control .wc-block-components-radio-control__input:checked
{
	border-color: var(--clr-checkout-akzent) !important;
}

.wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted, .wc-block-components-radio-control__option.wc-block-components-radio-control__option-checked
{
	border: 1px solid var(--clr-checkout-akzent) !important;
	background: var(--clr-checkout-akzent-bg) !important; 
}

.wc-block-checkout__payment-method.wp-block-woocommerce-checkout-payment-block.wc-block-components-checkout-step .wc-block-components-radio-control__option.wc-block-components-radio-control__option-checked
{
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

.wc-block-components-radio-control-accordion-content
{
	padding-top: 1em !important;
	border: 1px solid #ccc;
	border-top: none;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

.wc-block-components-order-summary .wc-block-components-order-summary-item__individual-prices
{
	display: none !important;
}

.wc-block-components-order-summary-item__description, .wc-block-components-order-summary-item__total-price
{
	display: flex !important;
	align-items: center;
}

.wc-block-components-totals-coupon .wc-block-components-panel__button
{
	font-size: 0.88rem;
}

.wc-block-components-checkout-order-summary__content
{
	color: #222;
}

.wc-gzd-checkout .is-large .wc-gzd-checkout-submit
{
	margin-top: 0 !important;
}

.wp-block-woocommerce-checkout-order-summary-coupon-form-block.wc-block-components-totals-wrapper.wc-gzd-show-total-wrapper
{
	margin-top: 1rem;
}

.wc-block-components-sidebar-layout .wc-block-components-main
{
	padding-top: 2rem;
	padding-bottom: 2rem;
	padding-right: 2.5rem !important;
	width: 50% !important;
	display: flex;
    justify-content: flex-end;
}

.wc-block-components-sidebar-layout.wc-block-checkout .wc-block-components-main.wc-block-checkout__main.wp-block-woocommerce-checkout-fields-block
{
	background: #fff !important;
	padding: 1rem !important;
}

.wp-block-woocommerce-checkout
{
	padding-top: 0px !important;
}

.wc-block-components-sidebar-layout
{
	margin-bottom: 0 !important;
}

.wc-block-components-sidebar
{
	width: 50% !important;
	max-width: 30rem;
	padding: 2rem 1rem 0 1rem !important;
}

.wc-gzd-checkout .is-large .wc-block-checkout__sidebar
{
	align-self: self-start !important;
}

.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row
{
	flex-direction: column-reverse;
}

.wc-block-components-checkout-place-order-button__text
{
	justify-content: center !important;
}

.wc-block-checkout__actions
{
	padding-top: 1rem !important;
}

.wc-block-components-checkout-return-to-cart-button
{
	font-size: 0.88rem;
}



.input-text:focus
{
	border: 1px solid var(--clr-primary-300);
}

.woocommerce form .form-row textarea
{
	min-height: 5.5rem !important;
}

input[type=search] { -webkit-appearance: none; }

span.select2-selection.select2-selection--single
{
	padding: 1.57rem 1rem 2.2rem 1rem !important;
}

p.form-row
{
	position: relative;
}

p.form-row label
{
	line-height: 1 !important;
	position: absolute;
	top: 1.8rem;
	left: 1.1rem;
	padding: 0 0.3rem;
	text-transform: uppercase;
	transform: translatey(-1.2rem);
	font-size: var(--fs-200);
	color: var(--clr-neutral-700);
	border-radius: var(--border-radius);
	z-index: 10;
}

.woocommerce-form__label-for-checkbox
{
	position: unset !important;
	font-size: unset !important;
}

p.form-row label .woocommerce-form__label.woocommerce-form__label-for-checkbox:not
{
	line-height: 1 !important;
	position: absolute;
	top: 1.8rem;
	left: 1rem;
	padding: 0 0.3rem;
	transform: translatey(-1.2rem);
	font-size: var(--fs-200);
	color: var(--clr-neutral-700);
	border-radius: var(--border-radius);
	z-index: 10;
}

p.form-row label.woocommerce-form-login__rememberme
{
	display: block !important;
	left: unset;
	bottom: unset;
	padding: 0.5rem 0 1.2rem 0;
	position: relative;
	transform: none;
}

p.woocommerce-LostPassword.lost_password
{
	margin-top: 0 !important;
	color: var(--clr-neutral-600);
}

.wpmc-nav-wrapper
{
	width: auto !important;
	margin-top: 0 !important;
}

#billing_address_2_field .screen-reader-text
{
	-webkit-clip-path: unset !important;
	clip: unset !important;
	height: unset !important;
	width: unset !important;
}

td.actions
{
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
}

#coupon_code
{
	padding: 0.9rem 1rem !important;
	min-width: 150px !important;
	margin-bottom: 0 !important;
}

input#coupon_code
{
	margin-right: .5rem !important;
}



.select2-container .select2-selection--single .select2-selection__rendered
{
	padding-left: 0.1rem !important;
	color: unset !important;
}

/* Anzahl ENDE */

/* Kategorienseite START */

form.woocommerce-ordering select.orderby
{
	display: none;
	font-family: var(--ff-primary);
	padding: 1rem 2rem 1rem 2rem !important;
	font-size: var(--fs-300);
	line-height: var(--line-height);
	background: var(--element-background);
	box-shadow: var(--element-box-shadow);
	border: none;
	border-radius: var(--border-radius-button);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-moz-transition: var(--transition);
	-webkit-transition: var(--transition);
	transition: var(--transition);
}

form.woocommerce-ordering select.orderby:hover
{
	background: var(--element-background-hover);
}

form.woocommerce-ordering
{
	margin-bottom: 2rem !important;
}

.woocommerce nav.woocommerce-pagination ul
{
	border: none !important;
	margin-bottom: 2rem !important;
}

.woocommerce nav.woocommerce-pagination ul li
{
	border: none !important;
}

.woocommerce nav.woocommerce-pagination ul li a.page-numbers, .woocommerce nav.woocommerce-pagination ul li span.current
{
	color: var(--clr-body) !important;
	border-radius: var(--border-radius);
	margin: 0 0.3rem;
	padding: 0.8rem;
}

.woocommerce nav.woocommerce-pagination ul li span.current
{
	background: var(--clr-neutral-150) !important;
	border-radius: var(--border-radius);
	border: none;
}

.woocommerce .woocommerce-result-count
{
	display: none;
	margin: 2rem 0 1rem 0 !important;
	font-size: var(--fs-300) !important;
}

.woocommerce .woocommerce-ordering
{
	margin: 1rem 0 1.75rem 0 !important;
}

ul.products.columns-5
{
	border-top: 1px solid var(--clr-neutral-300);
	padding-top: 2rem !important;
}

.flexbox-kategorie
{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	gap: 2rem;
	padding: 3rem 0;
	margin-bottom: 1.5rem;
	border-bottom: 1px solid var(--clr-neutral-300);
	align-items: center;
}

.kategorie-50
{
	width: calc(50% - 1rem);
	box-sizing: border-box;
	padding-right: 2rem;
	text-align: left;
}

/* Kategorienseite ENDE */

#tab-description > h2:first-of-type, .tabs.wc-tabs, .woocommerce-variation-availability
{
	display: none;
}

.woocommerce-tabs.wc-tabs-wrapper
{
	padding: 3rem 0;
}

div.produktbeschreibung-flexbox
{
	display: flex;
	flex-wrap: wrap;
	gap: 4rem;
	align-items: center;
}

div.produktbeschreibung-text
{
	width: calc(50% - 2rem);
}

div.produktbeschreibung-img
{
	width: calc(50% - 2rem);
}

div.produktbeschreibung-img img
{
	width: 100%;
	border-radius: var(--border-radius);
}

ul.chevron, ul
{
	list-style-type: none;
}

.blog-element-text ul
{
	display: inline-block;
}

ul.chevron li, .wrapper-blog ul li, .blog-element-text ul li
{
	padding-left: 2rem;
	margin: 0 0 1rem 0;
	list-style: none;
	background-image: url("/wp-content/uploads/2023/02/right-thin-chevron.svg");
	background-repeat: no-repeat;
	background-position: left top 0.15rem;
	background-size: 1rem;
}

ul.chevron li.hero
{
	background-position: left top 0.35rem;
}

ul.chevron li.white
{
	background-image: url("/wp-content/uploads/2023/02/right-thin-chevron-white.svg");
	background-position: left top 0.35rem;
} 

ul.chevron li:nth-last-child(-n+1)
{ 
   margin-bottom: 0;  
}



.woocommerce table.shop_table, .woocommerce-checkout #payment
{
	border-radius: var(--border-radius) !important;
}

.woocommerce-checkout #payment ul.payment_methods
{
	border-bottom: none !important;
}

#order_review .wc-gzd-checkbox-placeholder p.form-row
{
	margin: 1rem 0;
	font-size: var(--fs-300);
}

.woocommerce-form__label.woocommerce-form__label-for-checkbox
{
	font-size: var(--fs-300) !important;
}

#rememberme
{
	margin-right: 0.3rem;
}


.woocommerce div.product .woocommerce-tabs .panel
{
	margin-bottom: 0 !important;
}

/* Bewertungen reviews */

.woocommerce #reviews #comments ol.commentlist li img.avatar
{
	display: none;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text
{
	margin: 0 !important;
	padding: 2em 2em 1em 2em !important;
	border-radius: var(--border-radius) !important;
	background: var(--element-background);
	box-shadow: var(--element-box-shadow);
	border: none !important;
}

.woocommerce-Reviews-title
{
	margin-bottom: 2rem;
}

.woocommerce-verification-required
{
	text-align: center;
	display: none;
}

#reviews
{
	padding-bottom: 2rem;
}

.commentlist
{
	display: flex;
	flex-wrap: wrap;
	gap: 2.5rem;
	padding-inline-start: 0;
}

.woocommerce #reviews #comments ol.commentlist li
{
	width: calc((100% / 3) - (5rem / 3)) !important;
	margin: 0 !important;
}

.woocommerce #reviews #comments ol.commentlist::after, .woocommerce #reviews #comments ol.commentlist::before, .woocommerce #reviews #comments ol.commentlist::after, .woocommerce #reviews #comments ol.commentlist::before
{
	content: none !important;
}

.woocommerce ul.products li.product .star-rating
{
	display: none !important;
}

/* Bewertungen Reviews ENDE */

/* Produkt Seite ENDE */

div.flexbox
{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	flex-direction:row;
}

div.flexbox-center
{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	flex-direction:row;
	align-items:center;
}

div.flexbox-top
{
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	align-items:center;
	min-height:100vh;
}

div.reverse
{
	flex-direction:row-reverse;
}

/* Cookie Notice */

#cn-refuse-cookie
{
	background: none !important;
	border: 1px solid #333 !important;
	color: #333 !important;
}

a.cn-button
{
	padding: 1rem 1.3rem !important;
	border-radius: 5px;
	margin-left: 0px !important;
}

#cn-notice-buttons
{
	display: flex !important;
	gap: 10px;
	width: 40%;
}

#cookie-notice
{
	margin: 1rem;
	border-radius: 5px;
	background: #fff !important;
	min-width: calc(100% - 2rem) !important;
	box-shadow: 0 25px 35px rgba(0,0,0,0.03);
	#animation:cookie-fade-in 1100ms ease-in-out !important;
	animation-delay:0.6s !important;
}

@keyframes cookie-fade-in{
	0%
	{
		opacity:0;
		transform:translateY(30px);
	}
	20%
	{
		opacity:0.1;
	}
	100%
	{
		opacity:1;
		transform:translateY(0);
	}
}



.cookie-notice-container
{
	padding: 1.5rem 2rem !important;
}

.cn-text-container
{
	margin-bottom: 0px !important;
}

#cn-notice-text
{
	color: #333 !important;
	text-align: left;
	width: 60%;
	float: left;
}

#cn-close-notice
{
	display: none;
}

/* Sucherergebnisse */

.flexbox-suchergebnis
{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1rem;
	margin-bottom: 2rem;
}

.flexelement-suchergebnis
{
	box-sizing: border-box;
	padding: 0.5rem 1.5rem 1rem 1.5rem;
	background: var(--element-background);
	box-shadow: var(--element-box-shadow);
	border-radius: var(--border-radius);
	text-align: center;
}

.flexelement-suchergebnis:hover
{
	background: var(--element-background-hover);
}

/* Login Seite */

div.u-column1.col-1, div.u-column2.col-2, form.woocommerce-ResetPassword.lost_reset_password
{
	box-sizing: border-box;
	background: var(--element-background);
	box-shadow: var(--element-box-shadow);
	border-radius: var(--border-radius);
	padding: 2rem;
	margin: 3rem 0;
}

form.woocommerce-form.woocommerce-form-register.register, form.woocommerce-form.woocommerce-form-login.login
{
	border: none;
	margin: 2rem 0 0 0;
	padding: 0;
}

div.woocommerce-password-strength
{
	display: none !important;
}

/* Scrollbar */

::selection{  
	background-color:var(--clr-primary-400);
	color:#fff;
}

body::-webkit-scrollbar {
  width: 15px;
}
body::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}
body::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG) ;
  border-radius: 8px;
  border: 3px solid var(--scrollbarBG);
}

form.post-password-form
{
	padding-top:70px;
}

/* Fade in START*/

.reveal
{
 	position: relative;
 	transform: translateY(10px);
	-ms-transform: translateY(10px);
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	-o-transform: translateY(10px);
 	opacity: 0;
	-moz-transition:opacity 700ms ease-in-out, transform 600ms ease-in-out;
	-webkit-transition:opacity 700ms ease-in-out, transform 600ms ease-in-out;
	-o-transition:opacity 700ms ease-in-out, transform 600ms ease-in-out;
	transition:opacity 700ms ease-in-out, transform 600ms ease-in-out;
}

.reveal.active
{
 	transform: translateY(0px);
	-ms-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
 	opacity: 1;
}

@media (prefers-reduced-motion) {
	.reveal{opacity: 1;transform: translateY(0px);}
}

.reveal-2
{
	transition-delay: 200ms;
}

.reveal-3
{
	transition-delay: 400ms;
}

.reveal-4
{
	transition-delay: 600ms;
}

.reveal-5
{
	transition-delay: 800ms;
}

/* Fade in ENDE */

figure.versand-tabelle table tr td, figure.versand-tabelle table thead tr th
{
	padding: 0.5rem 1.5rem;
}

figure.versand-tabelle table thead tr th
{
	text-align: left;
	font-weight: var(--fw-bold);
}

figure.versand-tabelle
{
	margin: 2rem 0;
}

/* Default Reset START */

/* Remove default margin */
* {
  margin: 0;
  padding:0;
  font:inherit;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role='list'],
ol[role='list'] {
  list-style: none;
}

/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  text-rendering: optimizeSpeed;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture,
svg{
  max-width: 100%;
  display: block;
}

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
   scroll-behavior: auto;
  }
  
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* Default Reset ENDE */



/* Produktbilder swtichen bei Hover */
.woocommerce ul.products li.product a:has(img.attachment-large) img.attachment-large
{
    position: absolute;
	top:0;
	opacity: 0;
	border-radius: var(--border-radius);
	-moz-transition: all 0.7s ease-in-out;
	-webkit-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
}

.woocommerce ul.products li.product:hover a:has(img.attachment-large) img.attachment-large
{
	opacity: 1;
}

.woocommerce ul.products li.product a:has(img.attachment-large) .product-pic img
{   
    -webkit-transition-delay: .2s; 
    -moz-transition-delay: .2s; 
    -ms-transition-delay: .2s; 
    -o-transition-delay: .2s;
    transition-delay: .2s; 
}

.woocommerce ul.products li.product:hover a:has(img.attachment-large) .product-pic img
{
	opacity: 0;
	-webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}


/*
.woocommerce ul.products li.product a:has(img.attachment-full) img.attachment-medium
{
    display: none;
}*/

ol.flex-control-nav.flex-control-thumbs
{
	display: none;
}


/* Produktbilder swtichen bei Hover ENDE */


/* Modal Window Warenkorb */
.warenkorb-modal
{
	display: block;
	position: fixed;
	z-index: 100;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.5);
}

.warenkorb-modal-content
{
	background-color: #fff;
	margin: 15% auto;
	padding: 20px;
	border: 1px solid #888;
	width: 80%;
	max-width: 500px;
	border-radius: 8px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.warenkorb-modal-content a
{
	cursor: pointer;
}

.wp-block-woocommerce-cart-order-summary-coupon-form-block.wc-block-components-totals-wrapper, .wc-block-components-product-metadata
{
	display: none;
}

.wp-block-woocommerce-cart.alignwide
{
	margin-top: 1rem;
}

h1.warenkorb-heading
{
	margin: 2.5rem 0 0 0;
}

body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link)
{
	min-height: unset !important;
}

.wc-block-components-sidebar-layout.wc-block-cart.wp-block-woocommerce-filled-cart-block
{
	color: var(--clr-neutral-900);
}

.is-large.wc-block-cart .wc-block-cart-items th
{
	padding-right: 0 !important;
}

.is-large.wc-block-cart .wc-block-cart-items td:last-child
{
	padding-right: 0 !important;
}

.wc-block-components-radio-control__secondary-label
{
	display: flex;
    justify-content: flex-end;
    align-items: center;
}

.wc-block-cart-items__header-image
{
	text-align: left;
}

.wp-block-woocommerce-checkout .wc-block-checkout__guest-checkout-notice
{
	display: none;
}

.wp-block-woocommerce-checkout .wc-block-checkout__create-account
{
	margin-top: unset !important;
}

.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:focus
{
	outline: none !important;
}

.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]
{
	-moz-transition:all 100ms ease-in-out;
	-webkit-transition:all 100ms ease-in-out;
	transition:all 100ms ease-in-out;
}

.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:checked
{
	border-color: var(--clr-checkout-akzent) !important;
	background: var(--clr-checkout-akzent) !important;
}

.wc-block-components-checkbox .wc-block-components-checkbox__mark
{
	fill: #fff !important;
}

/* Bewerten */
.container
{
	display: block;
	position: relative;
	padding-left: 30px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 11px;
	line-height:1.4;
	text-align:left;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.container input
{
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.container input:checked ~ .checkmark
{
	background-color: var(--clr-primary-400);
}

.container input:checked ~ .checkmark:after
{
	display: block;
}

.container .checkmark:after
{
	left: 6px;
	top: 2px;
	width: 3px;
	height: 6px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.checkmark
{
	position: absolute;
	top: 0;
	left: 0;
	height: 17px;
	width: 17px;
	border-radius:4px;
	background-color: #dfdfdf;
}

.checkmark:after
{
	content: "";
	position: absolute;
	display: none;
}

.form-items .input
{
	width: calc(100% - 2.6rem);
	margin-bottom:12px;
	padding: 1rem 1.3rem;
	background:#eee;
	border:0;
	border-radius: var(--border-radius);
	outline:none;
	-webkit-appearance: none;
}

input.btn
{
	display:inline-block;
	background: var(--clr-primary-400);
	padding:1rem;
	margin:5px 0;
	font-size:1rem;
	border-radius: var(--border-radius);
	border:0;
	color:#fff;
	text-align:center;
	width: 100%;
	position:relative;
	-moz-transition:all 300ms ease-in-out;
	-webkit-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
}

input.btn:hover
{
	background: var(--clr-primary-300);
}

img.attachment-cfw_cart_thumb.size-cfw_cart_thumb
{
	border-radius: 5px !important;
}


.woocommerce-message, .woocommerce-info, .woocommerce-error
{
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	max-width: 500px;
	padding: 5rem 3rem 3rem 3rem !important;
	background: var(--element-background) !important;
	margin: 0 auto 4rem auto !important;
	border-radius: var(--border-radius);
	text-align: center;
	box-shadow: var(--element-box-shadow);
}

.woocommerce-message::before, .woocommerce-error::before, .woocommerce-info::before
{
	top: 2rem !important;
	left: 50% !important;
	transform: translatex(-50%) !important;
}

.woocommerce-message::after, .woocommerce-error::after, .woocommerce-info::after
{
	display: none !important;
}

.woocommerce-message:focus-visible
{
	outline: none !important;
}










/* Utility Classes ENDE */

@media screen and (max-width:1140px)
{
	.cart-collaterals,.woocommerce-cart-form, div#order_review, div#customer_details{width:100% !important; margin-left: 0;}
}

@media screen and (max-width:900px)
{
	body,html{font-size:14px;scroll-padding-top:0px;}
	ul.header-benefits-ul{justify-content:center;flex-direction: column;overflow: hidden;position: relative;height: 1.25rem;text-align:center;}
	ul.header-benefits-ul li{animation: fade-in-header-benefits 21s infinite;box-sizing:border-box;position: absolute;opacity: 0;width:100%;}
	ul.header-benefits-ul li:nth-child(2){animation-delay: 7s;}
	ul.header-benefits-ul li:nth-child(3){animation-delay: 14s;}
	@-webkit-keyframes fade-in-header-benefits{
	0%
	{
		opacity: 0;
		transform: translatey(100%);
	}
	5%
	{
		opacity: 1;
		transform: translatey(0%);
	}
	30%
	{
		opacity: 1;
		transform: translatey(0%);
	}
	36%
	{
		opacity: 0;
		transform: translatey(-100%);
	}
	100%
	{
		opacity: 0;
	}
}
	

	img#Logo{height: 3rem; margin-top: 0.25rem;}
	
	div.content{padding:70px 0;}
	div#content-top-fullscreen,div#content-top{min-height:auto; padding: 3rem;}
	div.content-top-white-gradient-inner{padding: 0;width: 100%;}
	div.content-akzent{font-size:24px;}
	
	.woocommerce table.cart td.actions .coupon .button, #coupon_code, .checkout-button.button.alt.wc-forward.wp-element-button{width:100% !important;}
	form.checkout_coupon p.form-row.form-row-first, form.checkout_coupon p.form-row.form-row-last, div.woocommerce-billing-fields__field-wrapper p#billing_postcode_field, div.woocommerce-billing-fields__field-wrapper p#billing_city_field, form.checkout_coupon p.form-row.form-row-last .button.wp-element-button{width:100% !important;display: block !important;}
	.woocommerce form .form-row{padding: 0 !important;}
	#coupon_code{margin-bottom: 0.4rem !important;margin-top: 0.3rem !important;}
	
	
	#customer_details{padding: 1.5rem;}
	.woocommerce form .form-row-first, .woocommerce form .form-row-last{float: none !important;width: 100% !important;}
	p.form-row label{left: 0.9rem;}
	
	div.grundpreis{margin: 0 0 3rem 0;}
	
	
	div.trustpilot-bewertung{width:100%;}
	
	.jnProgressbar{margin: 0 auto 2rem auto;}
	
	.woocommerce-cart-form__cart-item.cart_item td{padding-left: 0 !important; padding-right: 0 !important;}
	
	div.zahlungsarten-footer{justify-content: center !important;}
	
	
	.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images, div.flexbox-notes-50, div.prodbeschr-50-img, div.prodbeschr-50{width:100% !important;}
	div.summary.entry-summary{width:100% !important;margin-top:1rem;}
	.reveal-2,.reveal-3,.reveal-4{transition-delay: 0ms;}
	.flexbox-kategorie{padding-bottom: 1rem;}
	li.product.type-product{width: calc((100% - 1rem) / 2) !important;}
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{margin: 0 1rem 1rem 0 !important;}
	.flexbox-suchergebnis{grid-template-columns: repeat(2, 1fr);}
	.woocommerce ul.products li.product:nth-child(even){margin-right: 0 !important;}
	
	.woocommerce #reviews #comments ol.commentlist li, .produktbeschreibung-img, .produktbeschreibung-text{width: 100% !important;}
	
	.commentlist, .produktbeschreibung-flexbox{gap: 1.5rem !important;}
	
	.payment-container{gap:1rem;}
	
	
	
	/* CHECKOUT START */
	
	.wc-block-components-sidebar, .wc-block-components-sidebar-layout .wc-block-components-main{width:100% !important;max-width: none !important;}
	.wc-block-cart table.wc-block-cart-items{margin:0 !important;}
	.wc-block-cart .wc-block-components-sidebar .wc-block-cart__totals-title{display: block !important;}
	form.wc-block-components-form.wc-block-checkout__form{max-width:none;}
	.wc-block-components-order-summary{padding:0 !important;}
	
	.cookie-notice-container{flex-direction: column;}
	#cn-notice-buttons{gap:0.4rem;flex-direction: column;width:100%;padding-top:20px !important;}
	#cn-notice-text{width:100%;}
}