/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

/* Variables */

body {color:var(--color-text);
    font-family: 'Barlow Condensed';
    font-size: var(--and-md);}

p {color:var(--color-text);}



@media only screen and (max-width:768px) {.container {
    overflow: hidden;
	}}

:root{
	
	/* Font sizes 
	--and-3xs: clamp(0.66rem, -0.06vi + 0.68rem, 0.6rem);
	--and-2xs: clamp(0.82rem, -0.02vi + 0.83rem, 0.8rem),
	--and-xs: clamp(1.02rem, 0.05vi + 1.01rem, 1.07rem);
	--and-s: clamp(1.28rem, 0.15vi + 1.22rem, 1.43rem);
	--and-md: clamp(1.6rem, 0.31vi + 1.48rem, 1.9rem);
	--and-lg: clamp(2rem, 0.55vi + 1.78rem, 2.53rem);
	--and-xl: clamp(2.5rem, 0.91vi + 2.14rem, 3.38rem);
	--and-xxl: clamp(3.13rem, 1.42vi + 2.56rem, 4.5rem);
	--and-xxxl: clamp(3.91rem, 2.17vi + 3.04rem, 6rem);
	/* Font sizes END */
	
	/*
	--and-3xs: clamp(0.61rem, -0.11vi + 0.66rem, 0.51rem);
--and-2xs: clamp(0.77rem, -0.1vi + 0.81rem, 0.68rem);
--and-xs: clamp(0.96rem, -0.06vi + 0.98rem, 0.9rem);
--and-s: clamp(1.2rem, 0vi + 1.2rem, 1.2rem);
--and-md: clamp(1.5rem, 0.1vi + 1.46rem, 1.6rem);
--and-lg: clamp(1.88rem, 0.27vi + 1.77rem, 2.13rem);
--and-xl: clamp(2.34rem, 0.52vi + 2.14rem, 2.84rem);
--and-xxl: clamp(2.93rem, 0.89vi + 2.57rem, 3.79rem);
--and-xxxl: clamp(3.66rem, 1.44vi + 3.09rem, 5.05rem);
--and-2: clamp(4.58rem, 2.23vi + 3.68rem, 6.73rem);
--and-22: clamp(5.72rem, 3.37vi + 4.37rem, 8.98rem);
--and-222: clamp(7.15rem, 4.98vi + 5.16rem, 11.97rem);
--and-2222: clamp(8.94rem, 7.26vi + 6.04rem, 15.95rem);
--and-big: clamp(11.18rem, 10.44vi + 7rem, 21.26rem);

*/
	
	--and-3xs: clamp(0.41rem, -0.06vi + 0.42rem, 0.38rem);
    --and-2xs: clamp(0.51rem, -0.02vi + 0.52rem, 0.5rem);
    --and-xs: clamp(0.64rem, 0.05vi + 0.63rem, 0.67rem);
    --and-s: clamp(0.8rem, 0.15vi + 0.76rem, 0.89rem);
    --and-md: clamp(1rem, 0.31vi + 0.92rem, 1.19rem);
    --and-lg: clamp(1.25rem, 0.55vi + 1.11rem, 1.58rem);
    --and-xl: clamp(1.56rem, 0.91vi + 1.34rem, 2.11rem);
    --and-xxl: clamp(1.95rem, 1.42vi + 1.6rem, 2.81rem);
    --and-xxxl: clamp(2.44rem, 2.17vi + 1.9rem, 3.75rem);
    --and-4xl: clamp(3.05rem, 3.22vi + 2.25rem, 5rem);
    --and-5xl: clamp(3.81rem, 4.72vi + 2.64rem, 6.66rem);
    --and-big: clamp(4.77rem, 6.81vi + 3.07rem, 8.88rem);
    --and-display: clamp(5.96rem, 9.73vi + 3.53rem, 11.84rem);
	
	/* Spaces */
	--and-space-3xs: clamp(0.25rem, 0.2309rem + 0.0956vw, 0.3125rem);
	--and-space-2xs: clamp(0.5rem, 0.4618rem + 0.1912vw, 0.625rem);
  	--and-space-xs: clamp(0.75rem, 0.7118rem + 0.1912vw, 0.875rem);
  	--and-space-s: clamp(1rem, 0.9426rem + 0.2868vw, 1.1875rem);
  	--and-space-m: clamp(1.5rem, 1.4044rem + 0.478vw, 1.8125rem);
  	--and-space-l: clamp(2rem, 1.8853rem + 0.5736vw, 2.375rem);
  	--and-space-xl: clamp(3rem, 2.8279rem + 0.8604vw, 3.5625rem);
  	--and-space-2xl: clamp(4rem, 3.7706rem + 1.1472vw, 4.75rem);
  	--and-space-3xl: clamp(6rem, 5.6558rem + 1.7208vw, 7.125rem);
	
	--column-gap-desktop: 20px;
	/* Spaces END */
	
	/* Border Radius */
	--border-rad-10: 10px;
	--border-rad-20: 20px;
	--border-rad-30: 30px;
	--border-rad-40: 40px;
	/* Border Radius END */
	
	
	
	/* Colors */
	
		/* grape */
		--color-gr-50: #5e4f9c;
		--color-gr-40: #7f6fb0;
		--color-gr-30: #9f91c3;
		--color-gr-20: #bfb5d7;
		--color-gr-10: #dfd9eb;
		/* grape END */
	
		/* orangy red */
		--color-or-50: #e5231b;
		--color-or-40: #f35f46;
		--color-or-30: #fd8a72;
		--color-or-20: #ffb29f;
		--color-or-10: #ffd9ce;
		/* orangy red END */
	
		/* lavender */
		--color-lv-50: #9b90c5;
		--color-lv-40: #aea4d0;
		--color-lv-30: #c2badc;
		--color-lv-20: #d6d1e7;
		--color-lv-10: #ebe8f3;
		/* lavender END */

        /* bloodorange */
		--color-br-50: #b4172e;
		--color-br-40: #ca5453;
		--color-br-30: #dc807b;
		--color-br-20: #ebaaa5;
		--color-br-10: #f7d4d1;
		/* bloodorange END */

         /* moody mint */
		--color-mm-50: #b5d3d6;
		--color-mm-40: #c5ddde;
		--color-mm-30: #d3e5e6;
		--color-mm-20: #e2eeee;
		--color-mm-10: #f0f6f7;
		/* moody mint END */
	
		--color-white: #ffffff;
		--color-text: #4b4d4e;
		--color-grey: #7a7a7a;
		--color-black: #2b2b2b;
	
	
		/* Backgrounds */
		--color-bg-10: #FBF9F9;
		--color-bg-grey-10 :#EFEFEF;
		--color-bg-mp-10: #fee8f05e;
	
	
	--bs-primary: #9b90c5;
	--bs-primary-rgb: 156, 145, 197;

	
			
	/* Colors END */
	

	/* Layout */
		--and-container-width: 1366px;
		--breakpoint-mobile: 1025px;
		--breakpoint-tablet: 768px;	
}




/* Variables END */

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #9b90c5;
    --bs-btn-border-color: #9b90c5;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #9b90c5;
    --bs-btn-hover-border-color: #9b90c5;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #9b90c5;
    --bs-btn-active-border-color: #9b90c5;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #9b90c5;
    --bs-btn-disabled-border-color: #9b90c5;
}

.form-control, .modal.product-comment-modal .form-control, .modal.product-comment-modal textarea {
    border-radius: 0px 20px;

}

.form-control:focus, .modal.product-comment-modal .form-control:focus, .modal.product-comment-modal textarea:focus {
    box-shadow: 0 0 0 .25rem rgb(155 144 197 / 28%);
	border-color: var(--color-lv-50);
}



.form-check-input:checked {
    background-color: #9b90c5;
    border-color: #9b90c5;
}

.active:after {
    content: none!important;
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
   margin-bottom: var(--and-space-2xs);
}

a {transition: all 500ms ease;}

a:hover {transition: all 500ms ease;}

p, .page-content.page-cms ul {
    font-size: var(--and-md);
	line-height: normal;}

.and-3xs {font-size:var(--and-3xs)}
.and-2xs {font-size:var(--and-2xs)}
.and-xs {font-size:var(--and-xs)}
.and-sm {font-size:var(--and-s)}
.and-md {font-size:var(--and-md)}
.and-lg {font-size:var(--and-lg)}
.and-xl {font-size:var(--and-xl)}
.and-2xl {font-size:var(--and-xxl)}
.and-3xl {font-size:var(--and-xxxl)}


.and-text-black {color:var(--color-black);}
.and-text-kb-50 {color:var(--color-lv-50);}
.and-text-kr-50 {color:var(--color-or-50);}
.and-text-mp-50 {color:var(--color-gr-50);}
.and-text-white {color:var(--color-white);}
.and-text-kb-40 {color:var(--color-lv-40);}
.and-text-kb-30 {color:var(--color-lv-30);}
.and-text-kb-20 {color:var(--color-lv-20);}
.and-text-kb-10 {color:var(--color-lv-10);}
.and-kr-text-40 {color:var(--color-or-40);}
.and-kr-text-30 {color:var(--color-or-30);}
.and-kr-text-20 {color:var(--color-or-20);}
.and-kr-text-10 {color:var(--color-or-10);}
.and-mp-text-40 {color:var(--color-gr-40);}
.and-mp-text-30 {color:var(--color-gr-30);}
.and-mp-text-20 {color:var(--color-gr-20);}
.and-mp-text-10 {color:var(--color-gr-10);}

.and-text-3xs {font-size:var(--and-3xs);}
.and-text-2xs {font-size:var(--and-2xs);}
.and-text-xs {font-size:var(--and-xs);}
.and-text-s {font-size:var(--and-s);}
.and-text-md {font-size:var(--and-md);}
.and-text-lg {font-size:var(--and-lg);}
.and-text-xl {font-size:var(--and-xl);}
.and-text-2xl {font-size:var(--and-xxl);}
.and-text-3xl {font-size:var(--and-xxxl);}
.and-text-4xl {font-size:var(--and-4xl);}
.and-text-5xl {font-size:var(--and-5xl);}
.and-text-big {font-size:var(--and-big);}
.and-text-display {font-size:var(--and-display);}

.and-space-after-3xs {padding-bottom:var(--and-space-3xs);}
.and-space-after-2xs {padding-bottom:var(--and-space-2xs);}
.and-space-after-xs {padding-bottom:var(--and-space-xs);}
.and-space-after-s {padding-bottom:var(--and-space-s);}
.and-space-after-md {padding-bottom:var(--and-space-m);}
.and-space-after-lg {padding-bottom:var(--and-space-l);}
.and-space-after-xl {padding-bottom:var(--and-space-xl);}
.and-space-after-2xl {padding-bottom:var(--and-space-2xl);}
.and-space-after-3xl {padding-bottom:var(--and-space-3xl);}

.and-pb-none {padding-bottom:0px;}
.and-pb-3xs {padding-bottom:var(--and-space-3xs);}
.and-pb-2xs {padding-bottom:var(--and-space-2xs);}
.and-pb-xs {padding-bottom:var(--and-space-xs);}
.and-pb-sm {padding-bottom:var(--and-space-s);}
.and-pb-md {padding-bottom:var(--and-space-m);}
.and-pb-lg {padding-bottom:var(--and-space-l);}
.and-pb-xl {padding-bottom:var(--and-space-xl);}
.and-pb-2xl {padding-bottom:var(--and-space-2xl);}
.and-pb-3xl {padding-bottom:var(--and-space-3xl);}

.and-mb-none {margin-bottom:0px;}
.and-mb-3xs {margin-bottom:var(--and-space-3xs);}
.and-mb-2xs {margin-bottom:var(--and-space-2xs);}
.and-mb-xs {margin-bottom:var(--and-space-xs);}
.and-mb-sm {margin-bottom:var(--and-space-s);}
.and-mb-md {margin-bottom:var(--and-space-m);}
.and-mb-lg {margin-bottom:var(--and-space-l);}
.and-mb-xl {margin-bottom:var(--and-space-xl);}
.and-mb-2xl {margin-bottom:var(--and-space-2xl);}
.and-mb-3xl {margin-bottom:var(--and-space-3xl);}

.and-pt-none {padding-top:0px;}
.and-pt-3xs {padding-top:var(--and-space-3xs);}
.and-pt-2xs {padding-top:var(--and-space-2xs);}
.and-pt-xs {padding-top:var(--and-space-xs);}
.and-pt-sm {padding-top:var(--and-space-s);}
.and-pt-md {padding-top:var(--and-space-m);}
.and-pt-lg {padding-top:var(--and-space-l);}
.and-pt-xl {padding-top:var(--and-space-xl);}
.and-pt-2xl {padding-top:var(--and-space-2xl);}
.and-pt-3xl {padding-top:var(--and-space-3xl);}

.and-mt-none {margin-top:0px;}
.and-mt-3xs {margin-top:var(--and-space-3xs);}
.and-mt-2xs {margin-top:var(--and-space-2xs);}
.and-mt-xs {margin-top:var(--and-space-xs);}
.and-mt-sm {margin-top:var(--and-space-s);}
.and-mt-md {margin-top:var(--and-space-m);}
.and-mt-lg {margin-top:var(--and-space-l);}
.and-mt-xl {margin-top:var(--and-space-xl);}
.and-mt-2xl {margin-top:var(--and-space-2xl);}
.and-mt-3xl {margin-top:var(--and-space-3xl);}


.and-text-weight-300 {font-weight:300;}
.and-text-weight-400 {font-weight:400;}
.and-text-weight-bold {font-weight:700;}
.and-text-weight-900 {font-weight:900;}

.and-align-left {text-align:left;}
.and-align-right{text-align:right;}
.and-align-center {text-align:center;}

.and-text-transform-capitalize {text-transform:capitalize;}
.and-text-transform-uppercase {text-transform:uppercase;}
.and-text-transform-lowercase {text-transform:lowercase;}
.and-text-transform-normal {text-transform:none;}

.and-height-sm {line-height:0.8em;}
.and-height-normal {line-height:1em;}
.and-height-lg {line-height:1.2em;}
.and-height-xl {line-height:1.4em;}
/* Base Layout Classes */

/* Buttons */
.btn {
    border-radius: var(--border-rad-30);
    display: inline-flex
;
    align-items: center;
    justify-content: center;
    transition: all 500msease;
}
.btn-primary, .btn-secondary, .btn-tertiary {
    padding: 0.5em 1.5em;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
}

.and-btn {display:inline-block; 
	transition:all 500ms ease;
	padding: 0.5em 1.5em;
    border-radius: 100px;
border: 1.5px solid;
line-height:1;}

.and-btn-round {
    display: flex;
    transition: all 500ms ease;
    padding: 5px;
    width: 1.5em;
    height: 1.5em;
    border-radius: 100px;
    border: 1.5px solid;
    line-height: 1;
    align-items: center;
    justify-content: center;
}

.and-btn:hover {transition:all 500ms ease;}

.and-primary-kr {
    border-color: var(--color-or-50);
    background: var(--color-or-50);
    color: var(--color-white);
}

.and-primary-kr:hover {
    border-color: var(--color-or-50);
    background: transparent;
    color: var(--color-or-50);
}

.and-primary-kb {
    border-color: var(--color-lv-50);
    background: var(--color-lv-50);
    color: var(--color-white);
}

.and-primary-kb:hover {
    border-color: var(--color-lv-50);
    background: transparent;
    color: var(--color-lv-50);
}

.and-primary-mp {
    border-color: var(--color-gr-50);
    background: var(--color-gr-50);
    color: var(--color-white);
}

.and-primary-mp:hover {
    border-color: var(--color-gr-50);
    background: transparent;
    color: var(--color-gr-50);
}

.and-primary-white {
    border-color: var(--color-white);
    background: var(--color-white);
    color: var(--color-lv-50);
}

.and-primary-white:hover {
    border-color: var(--color-white);
    background: transparent;
    color: var(--color-white);
}

.and-primary-gradient {
    border: 1.5px transparent; /* Transparente Border als Platzhalter */

&::before {
    content: "";
    position: absolute;
    top: -3px; left: -3px; right: -3px; bottom: -3px;
    background: linear-gradient(270deg, var(--color-or-50) 0%, var(--color-gr-50) 50%, var(--color-lv-50) 100%);
    z-index: -1;
    border-radius: inherit; /* Falls das Element abgerundete Ecken hat */
}
    background: linear-gradient(270deg, var(--color-or-50) 0%, var(--color-gr-50) 50%, var(--color-lv-50) 100%);
    padding: 0.5em 1.5em;
    border-radius: 100px;
    color: var(--color-white);
}



.and-secondary-kr {
    border-color: var(--color-or-50);
    background: transparent;
    color: var(--color-or-50);
}

.and-secondary-kr:hover {
    border-color: var(--color-or-50);
    background: var(--color-or-50);
    color: var(--color-white);
}

.and-secondary-kb {
    border-color: var(--color-lv-50);
    background: transparent;
    color: var(--color-lv-50);
}

.and-secondary-kb:hover {
    border-color: var(--color-lv-50);
    background: var(--color-lv-50);
    color: var(--color-white);
}

.and-secondary-mp {
    border-color: var(--color-gr-50);
    background: transparent;
    color: var(--color-gr-50);
}

.and-secondary-mp:hover {
    border-color: var(--color-gr-50);
    background: var(--color-gr-50);
    color: var(--color-white);
}

.and-secondary-white {
   border-color: var(--color-white);
    background: transparent;
    color: var(--color-white);
}

.and-secondary-white:hover {
   border-color: var(--color-white);
    background: var(--color-white);
    color: var(--color-lv-50);
}

/* CMS Pages */

body.ce-kit-1 .container:has(.page-cms) {
    width: 100%;
	overflow:hidden;
}

.boxshadow-1 { -webkit-box-shadow: 10px 10px 36px -11px rgba(9,11,41,0.35);
-moz-box-shadow: 10px 10px 36px -11px rgba(9,11,41,0.35);
	box-shadow: 10px 10px 36px -11px rgba(9,11,41,0.35);}

a:hover {color: var(--color-lv-50: #213B8F;)}

.container {max-width:1366px;
width:100%;}

#wrapper {background: #fff!important;padding-top:0px!important;}

.the-and-gradient {background: linear-gradient(270deg, var(--color-or-50) 0%, var(--color-gr-50) 50%, var(--color-lv-50) 100%);
}

.page-content.page-cms {
    padding: 0px;
    text-align: justify;
    background: #fff;
}

.and-top-bar {background:var(--color-lv-50);}

/* buttons */
.btn {
    border-radius: var(--border-rad-30);
}


.overflowhidden {overflow:hidden;}

/* Grids */

.and-grid-1 {grid-template-columns: repeat(1, 1fr);
display: grid;
    align-items: initial;
    grid-gap: var(--column-gap-desktop);}

.and-grid-2 {grid-template-columns: repeat(2, 1fr);
display: grid;
    align-items: initial;
    grid-gap: var(--column-gap-desktop);}

@media only screen and (max-width:768px) {.and-grid-2 {
    grid-template-columns: repeat(1, 1fr);}}



.and-grid-3 {grid-template-columns: repeat(3, 1fr);
display: grid;
    align-items: initial;
    grid-gap: var(--column-gap-desktop);}

@media only screen and (max-width:1026px) {
.and-grid-3 {grid-template-columns: repeat(2, 1fr);}}

@media only screen and (max-width:768px) {
.and-grid-3 {grid-template-columns: repeat(1, 1fr);}}

.and-grid-4 {grid-template-columns: repeat(4, 1fr);
display: grid;
    align-items: initial;
    grid-gap: var(--column-gap-desktop);}

@media only screen and (max-width:1025px) {.and-grid-4 {grid-template-columns: repeat(2, 1fr);}}



.and-grid-align-center{align-items: center;}


.and-grid-gap-sm {gap:50px;}

.and-image-right {order: 2;}
.and-image-left {order: inherit;}

/* HEADER */
.and-top-bar-slider .elementor-testimonial-wrapper .elementor-testimonial-content {
    font-size:var(--and-s); margin-bottom:0px;}
    
 .and-top-bar-slider   .elementor-testimonial-wrapper .elementor-testimonial-meta {display: none;}

.andpro-header-top {
    color:var(--color-white);
    line-height: 1em;
    font-size:var(--and-s);
}

.andpro-header-top .elementor-icon-list-icon i {
    width: 1.25em;
    font-size: var(--and-md);
}

.andpro-header-top-lang .elementor-nav--layout-horizontal {
    display: flex;
    justify-content: flex-end;
}

.andpro-header-iconslist i {
    font-size:var(--and-lg);
    color:var(--color-text)!important;
}

.andpro-header-iconslist i:hover {
    font-size:var(--and-lg);
    color:var(--color-gr-50)!important;
}


.andpro-header-top-lang .current-menu-item {
font-weight:400!important;
	text-decoration: underline;
}

.andpro-header-top-lang .menu-item {
font-weight:300;
	    text-transform: uppercase;
}

/* Footer */


/* Alerts */

.alert {
	font-size: var(--and-s);
    border-radius: var(--border-rad-10);
}






/* Stellt sicher, dass das erste Bild standardmäßig sichtbar ist */
.thumbnail-top .product-first-image {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}

/* Zweites Bild standardmäßig unsichtbar */
.thumbnail-top .product-second-image {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.3s ease-in-out;
}

/* Nur wenn man über .thumbnail-top hovert, wird das zweite Bild sichtbar */
.thumbnail-top:hover .product-first-image {
  opacity: 0;
}

.thumbnail-top:hover .product-second-image {
  opacity: 1;
}

.product-miniature .product-price-and-shipping {
    font-weight: 400;
    color: #232323;
    text-align: left;
    font-size: var(--and-s);
    padding-bottom: var(--and-space-2xs);
}

.and-loop-variant-name {
    display: block;
	font-weight:400;
    padding: 0px;
    text-align: left;
    font-size: var(--and-xs);
	    color: var(--color-lv-20);
}


.product-miniature .product-title a {
    font-size: var(--and-md);
    font-weight: 600;
    color: var(--color-lv-50);
    text-align: left;
    text-decoration: none;
}

.product-miniature .product-category {
	font-size: var(--and-md);}

.product-miniature .product-title {
text-align: left;
margin:0;}

.product-miniature .product-price-and-shipping {
    font-weight: 400;
    color: #232323;
    text-align: left;
}

.product-miniature .variant-links {
    position: relative;
    top: 0;
    width: 100%;
    min-height: 0;
    padding-top: 0.1875rem;
    text-align: left;
    background: none;
}

.variant-links .color{
display: inline-block;
    width: 1.125rem;
    height: 1.125rem;
    margin: 0;
    margin-right: 0;
    cursor: pointer;
    background-size: contain;
    border: 1px solid #979797;
    border-radius: 100%;
}

.product-miniature .product-description {
    padding: var(--and-space-xs);
    padding-bottom: auto;
    background: #fbf9f9;
	    border-radius: 0px 0px 30px 30px;
}



@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Stellt sicher, dass die Elemente vorher unsichtbar und leicht versetzt sind */
@starting-style {
    .products .product-miniature {
        opacity: 0;
        transform: translateY(10px);
    }
}

.and-badge {border-color: transparent;}

.add-to-cart-container {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
}

.products article .wishlist-button-add {
    color: var(--color-white);
}

.add-to-cart-form {width:100%;}


/* Basis-Animation */
.products .product-miniature {
    opacity: 0;
    animation: fadeIn 0.8s ease-out forwards;
}




/* Product Pack Miniature Loop */

.and-pack-product-quantity {
    display: inline-flex;
    position: relative;
    background-image: url(/img/andassets/AND_Web_Blume_6_rot.svg);
    aspect-ratio: 1;
    align-content: center;
    flex-direction: column;
    justify-content: center;
    width: 50px;
    color: #fff;
    align-items: center;
	font-size: var(--and-s);
}

.product-pack {
    margin-top: var(--and-space-s);
	margin-bottom: var(--and-space-l);
}

.product-pack .pack-product-container {
    display: flex;
    justify-content: space-between;
	padding: 0px 10px;
}

.and-pack-product-meta
{
    display: inline-flex
;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}


.and-pack-img-title-container
{
    display: inline-flex
;
    gap: 20px;
	align-items: center;}

.product-pack .card {
    position: relative;
    display: block;
    margin-bottom: 0.75rem;
    background-color: var(--color-bg-10);
    border-radius: var(--border-rad-20);
    border: none;
}


.pack-product-name {
    display: flex;
    align-items: center;
    font-size: var(--and-md)!important;
    font-weight: 600;
	line-height:1;
}


.product-pack .pack-product-container .pack-product-price{
    font-size: var(--and-s)!important;
    font-weight: 400;
}

.thumb-mask>.mask {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    border-radius: var(--border-rad-10);
    background: var(--color-bg-grey-10);
}

.thumb-mask>.mask img {
    width: 80px;
    height: 80px;
}

.product-pack .h4 {
    font-weight: 400;
    font-size: var(--and-lg);
    color: var(--color-gr-50);
}


/* Category Page CDP */

.and-cdp-1 {overflow:hidden;}

.and-category-headerblock {background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
	min-height: 45vh;
    margin-bottom: var(--and-space-s);
	display: flex;
    flex-direction: column;
    justify-content: center;
}

.and-cdp-2-img-column {min-height:400px;}

.and-category-headerblock .card {background-color:transparent; max-width:60%;}

.and-category-headerblock .block-category {
    display: flex;
    flex-direction: column;
    justify-content: center;
	
}

.and-category-headerblock h1, .and-category-headerblock p {color:#fff!important;}

.and-category-headerblock p {font-size: var(--and-s);}

.and-category-headerblock h1 {
    margin-bottom: var(--and-space-2xs);
    font-size: var(--and-xl);
}

/* Content Blocks */

.and-rotator-img {width:100%; position:absolute;z-index:0;}

.and-rotator-img img {width:100%;}

.rounded-30 {border-radius:var(--border-rad-30);}

.rounded-20 {border-radius:var(--border-rad-20);}

.rounded-30 img {border-radius:var(--border-rad-30); overflow:hidden;}

.rounded-20 img {border-radius:var(--border-rad-20); overflow:hidden;}

.elementor-widget-video .elementor-widget-container {border-radius: var(--border-rad-20);}


.and-headline-flower-pink:after {
    margin-left:10px;
    content: "";
    display: inline-block;
    height: var(--and-xl);
    aspect-ratio: 1;
    background-image: url(/img/andassets/AND_Web_Blume_6_rot.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.and-headline-flower-pink .elementor-widget-container, .and-headline-flower-pink .elementor-heading-title { display: inline!important;}

.before-after-badge {position:absolute; z-index:10;padding:5px 15px;width:auto!important;border-radius: 30px; color:#fff;top:10px; left:10px;}

.bg-blue {background: var(--color-lv-50);}

.bg-pink {background: var(--color-gr-50);}


.and-grid-component .elementor-widget:not(:last-child) {
    margin-bottom: 0px;
}

.and-grid-component .elementor-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.and-grid-component-img-box .elementor-image  {
    height: 100%;
}

.and-grid-component-img-box {min-height:45vh; position:relative;}

.and-border-radius {border-radius:30px;}

.and-flower-title  {
   display: inline-flex;
    position: absolute;
background-image: url(/img/andassets/AND_Web_Blume_6_rot.svg);
    aspect-ratio: 1;
    align-content: center;
    flex-direction: column;
    justify-content: center;
left:50%;
bottom:5%;
   transform: translate(-50%, 0%);
width: 30%!important;
}


.and-flower-title {
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); /* Anfang schnell, dann langsamer */
}

.and-flower-title .elementor-widget-container {display: flex
;
    align-items: center;
    justify-content: center;}

.and-grid-component-img-boxdd:hover .and-flower-title {
    transform: rotate(360deg);
}

@media screen and (max-width: var(--breakpoint-tablet)) {.and-grid-component-img-box {width:50%!important;}}

@media screen and (max-width: var(--breakpoint-mobile)) {.and-grid-component-img-box {width:100%!important;}}



/* Accrdion */
.and-accordion .elementor-accordion-item {
    border-width: 0px;
    margin-bottom: 0px;
    border-radius: 0px;
}

.and-accordion .elementor-accordion-item {
    border-width: 0px;
    margin-bottom: 0px;
    border-radius: 0px;
}

.and-accordion .elementor-accordion .elementor-accordion-item+.elementor-accordion-item, .and-accordion .elementor-accordion .elementor-accordion-item {
    
    border:0px;
    border-top: 1px solid;
    border-bottom: 0px;
    border-color: var(--color-bg-grey-10);
}

.and-accordion .elementor-accordion-item .elementor-tab-content, .and-accordion .elementor-accordion-item .elementor-tab-title.elementor-active {
    border-width: 0px!important;
}

.elementor-tab-content {
    font-size: var(--and-s)!important;
}

.elementor-accordion-item .elementor-tab-title {
    font-size: var(--and-md)!important;
}

.and-accordion-list .elementor-toggle-item {border-radius:var(--border-rad-10);}



/* My Account */

.account-menu__title {
    font-family: 'Nave Heavy Italic';
    font-size: var(--and-xl);
    color: var(--color-or-50);
}

.customer-link a span:hover, .customer-link__link span:hover {
    border-radius: 30px 0px;
}

.account-menu>a.active, .account-menu>a:hover {
    background: var(--color-lv-50);
    border-radius: 0px 30px 0px 0px;
}

.account-menu>a.active .link-item, .account-menu>a.active .link-item i, .account-menu>a:hover .link-item, .account-menu>a:hover .link-item i {
    color: var(--color-white);
}




/* alt */

.page-my-account #content .links {
    display: grid;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.page-my-account #content .links a span.link-item {
    background: var(--color-bg-10);
    padding: var(--and-space-l);
    border-radius: var(--border-rad-20);	
}

.page-my-account #content .links a {
    display: inline-block;
    padding: 0px;
	margin-bottom: 0px;}

.page-my-account .col-lg-4, .page-my-account .col-md-6, .page-my-account .col-sm-6, .page-my-account .col-xs-12 {background:none;}

.page-my-account #content .links a {
    transform: translateY(0px);
	transition: all 500ms ease!important;
	border-radius: var(--border-rad-20);
	color: var(--color-lv-50);
	-webkit-box-shadow: 0px 10px 36px -11px rgba(9,11,41,0);
-moz-box-shadow: 10px 10px 36px -11px rgba(9,11,41,0);
	box-shadow: 10px 10px 36px -11px rgba(9,11,41,0);
}

.page-my-account #content .links a:hover {
    color: #232323;
	 transform: translateY(-10px);
	transition: all 500ms ease!important;
	-webkit-box-shadow: 10px 10px 36px -11px rgba(9,11,41,0.35);
-moz-box-shadow: 10px 10px 36px -11px rgba(9,11,41,0.35);
	box-shadow: 10px 10px 36px -11px rgba(9,11,41,0.35);
	color: var(--color-gr-50);
}

.page-my-account #content .links a i {
    color: var(--color-gr-50);
	transition: all 500ms ease;
}

.and-page-header-container {min-height: 20vh;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    background: var(--color-lv-50);
    color: #fff;
    border-radius: var(--border-rad-20);
    background-size: cover;
	background-position: center center;
}

h1, .h1 {
    font-size: var(--and-lg);
}

#my-account .and-page-header-container {background-image:url(/img/cms/newkids.jpg)}


#main .page-header {
	padding: 0px 10px;
    margin-bottom: var(--and-space-m);
}


.product-miniature .product-description {
    height: 180px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


/* HiFaq */
#module-hifaq-faqdetails .products .col-xl-4 {
        width: 100%!important;
	padding:0px!important
    }

#module-hifaq-faqdetails #products .product-description, #module-hifaq-faqdetails #products .thumbnail-container{max-width:800px;} 


.hi-faq-question a {
	color: var(--color-lv-50);
    display: flex;
	height: 100%;
    text-decoration: none;
    flex-direction: column;
    justify-content: center;
}

.hi-faq-item h2 {margin-bottom: 0px; font-weight:400;}

.and-faq-toggle {width: var(--and-xxl); height: var(--and-xxl);}

.hi-faq-question:hover {
    opacity: 1;
}

.hi-faq-item {
    border-radius: var(--border-rad-20);
}

.accordion-outter {
    background-color: var(--color-bg-10);
    border-radius: var(--border-rad-10);
    margin-bottom: var(--and-space-2xs);
}

.hi-faq-category-item h2 a {
    color: var(--color-gr-50) !important;
   font-weight:400;
}

.accordion-outter {
  background-color: var(--color-bg-10);
  border-radius:var(--border-rad-10);
  }

.accordion {
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.active, .accordion-outter:hover {
  background-color: none; 
}

.panel {
  padding: 0 18px;
  display: none;
  overflow: hidden;
}

.accordion:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: #777;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}

.accordion-title {
font-size: var(--and-md)!important; 
font-weight: 600!important;
color: var(--color-lv-50)!important;}

.hi-faq-category-item h2 a {
    color: var(--color-gr-50)!important;
    font-weight: 400;
}

/* Hi Faq Toggle SVG */
#faq-toggle {
  display:none;
  position:relative;
  display: block;
  margin: 20px auto;
  width:50px;
  max-height: 50px;
}

#blume{
  visibility:hidden;
  fill:var(--color-or-50);
}

#circle{
  fill:var(--color-or-50);
}



/* block wishlist module */
.wishlist-add-to-new i {
    margin-right: .3125rem;
    vertical-align: middle;
    color: var(--color-gr-50)!important;
    margin-top: -0.125rem;
    font-size: 1.25rem;
}

.wishlist-add-to-new {
    display: flex
;
    align-items: center;
}

.wishlist-button-add i {
    color: var(--color-white)!important;
}

.wishlist-button-add {
    background-color: var(--color-lv-50)!important;
    box-shadow: none!important;
    border: 2px solid var(--color-lv-50)!important;
}

/* modal */

.modal-content {
    border: none;
    border-radius: var(--border-rad-20);
	overflow: hidden;
}


/* Cart */

#cart .cart-grid-body .and-btn {margin-left:20px;}

#cart .unit-price-cart {display:none;}

#cart .cart-grid-right {
	margin-top: 20px;
    position: sticky;
    top: 150px;
}

.btn.increment:hover, .btn.decrement:hover {
	background: var(--color-lv-50);
    color: white;
}

.cart-summary, .cart-summary .card-footer {
    background-color: transparent;
}



#cart .col-lg-4 {
        background: var(--color-lv-10);
        border-radius: var(--border-rad-20);
    }

#cart .card {
    background-color: transparent;
    margin-top: 10px;
}

#cart .nav-item .nav-link.active, .nav-item .nav-separtor.active {
    color: var(--color-gr-50);
    font-weight: 700;
	transition: all 500ms ease;
}

#cart .has-discount .discount {
    font-size: var(--and-s);
    
}

.cart-grid__right .h4 {
    font-family: 'Nave Heavy Italic';
    margin-top: 20px;
    font-size: var(--and-lg);
    color: var(--color-gr-50);
}

/* cart items list */

.cart-grid-body .cart-overview {
    padding: 0.5rem 1rem;
}

.cart-item {
    padding: 0.5rem 0;
}

.product-line-grid{
    background: var(--color-bg-10);
    border-radius: var(--border-rad-20);
    padding: 20px 0px;
}

.product-line-grid-left img {max-height: 100px;}

.cart-grid-body .card-block h1 {
    font-weight: 700;
	color:var(--color-lv-50);
}

.bootstrap-touchspin {
    display: inline-flex;
}

/* cart formulare */

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
    border-radius: 100px;
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    border-radius: 100px;
	margin-top: 0px;
}

.bootstrap-touchspin .input-group-btn-vertical {
    margin-left: 5px;
}

.bootstrap-touchspin .btn-touchspin:hover {
    background-color: var(--color-lv-50);
    color: #fff;
    border-color: var(--color-lv-50);
	transition: all 500ms ease;
}

.btn-touchspin {
	transition: all 500ms ease;}

.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 10px;
	text-align:center;
}


/* Cart Sidebar */

.elementor-cart__container .elementor-cart__main {
    width: 450px;
}

@supports selector(::-webkit-scrollbar) {
    .ce-scrollbar--auto {
        scrollbar-width: thin;
    }
}

.elementor-cart__close-button.ceicon-close {
  transition: transform 0.5s ease;
}

.elementor-cart__close-button.ceicon-close:hover {
  transform: rotate(360deg);
}


/* checkout */

.checkout__steps--current .checkout__steps__number {
    background: var(--color-gr-50);
}

.step__title-left {
    font-family: 'Nave Heavy Italic'!important;
    font-size: var(--and-xl);
    color: var(--color-gr-50);
	
}

#checkout .active:after {
    content: "";
}

.input-group.focus {
    outline: 0px!important;
}

.checkout-title{
	    padding: 30px;
	}

@media only screen and (max-width:1025px) {#cart .cart-summary,#cart #freeshippinggift {
	    padding: 30px;
	}}

.block-promo .promo-input+button {
    width: 100%;
    margin-top: 10px;
    margin-left: 0px;
}

.block-promo .promo-input {
    border-radius: 30px;
    width: 100%;
    height: 2.5rem;
    margin-right: 0rem;
}

.checkout-title {
color: var(--color-lv-50);}

#checkout .cart-grid-right {
	margin-top: 20px;
    position: sticky;
    top: 150px;
}

#checkout .col-lg-4 {
        background: var(--color-bg-10);
        border-radius: var(--border-rad-20);
    }

#checkout .card {
    background-color: transparent;
    margin-top: 10px;
}

#checkout .nav-item .nav-link.active, .nav-item .nav-separtor.active {
    color: var(--color-gr-50);
    font-weight: 700;
	transition: all 500ms ease;
}

body#checkout a:hover {
    color: var(--color-lv-50);
}
	
.nav-item .nav-link, .nav-item .nav-separtor {
    font-weight: 400;
    color: var(--color-grey);
}

body#checkout section.checkout-step .forgot-password {
    margin-left: 14.38rem;
    font-size: var(--and-s);
}

.forgot-password a {
    color: var(--color-grey);
}

body#checkout section.checkout-step .address-item.selected {
    background: #fff;
    border: var(--color-lv-50) 2px solid;
    border-radius: var(--border-rad-20);
}

/* Checout shipping */

body#checkout section.checkout-step .delivery-options>.row {
    border-right: none;
}

body#checkout section.checkout-step .delivery-options .delivery-option, body#checkout section.checkout-step .delivery-options .delivery-option label>.row, body#checkout section.checkout-step .delivery-options .delivery-option .carrier {
    border-radius: var(--border-rad-10);
}

body#checkout section.checkout-step .delivery-options .delivery-option {
    background: var(--color-bg-10);
}

body#checkout section.checkout-step .add-address {
    font-size: var(--and-s);
}

.payment-options label, .payment-options .label {
    font-size: var(--and-md)!important;
}

.payment-options p {font-size: var(--and-s);}


/* Checkout Order Conf */

.and-success-header{
    text-align: center;
    border-radius: var(--border-rad-10);
    background: var(--color-gr-10);
	padding: var(--and-space-s);
	margin-bottom: var(--and-space-xl);
}

.and-success-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.and-success-inner h3, .and-success-inner p {color:var(--color-lv-50);}

.and-order-items-tableheader {background: var(--color-lv-50);}

.card-title {color:var(--color-lv-50);}

#order-items .h3 {
    font-size: 1rem;
    margin-bottom: 0px;
    color: var(--color-white);
    padding: var(--and-s);
}

#order-items .image img {
    background: var(--color-bg-10);
    border-radius: var(--border-rad-20);
}

#order-details {
    margin-top: var(--and-space-xl);
}


/* my account address */
.page-addresses .address{
    margin-bottom: 1.875rem;
    font-size: 0.875rem;
    color: #232323;
    background: var(--color-bg-10);
    border-radius: var(--border-rad-20);
}


/* Cart */

.product-line-grid-left img {
    max-width: 100%;
    background: var(--color-bg-10);
    border-radius: var(--border-rad-20);
}

@media only screen and (max-width: 767px) {
	/*. {
    	grid-template-columns: repeat(1, 1fr);
    }*/
}


/* Cart Modal */

#blockcart-modal .cart-content p.product-total {
    padding: 0.5rem;
    border-radius: var(--border-rad-10);
    background-color: var(--color-bg-10);
}


#blockcart-modal .cart-content p, #blockcart-modal .cart-content .page-content.page-cms ul, .page-content.page-cms #blockcart-modal .cart-content ul {
    display: flex;
    align-items: center;
}

#blockcart-modal .cart-content p.cart-products-count {
    font-weight: 700;
    color: var(--color-gr-50);
}

#blockcart-modal .cart-content p .value {font-weight:400;}

/* preise */
.has-discount.product-price, .has-discount p, .has-discount .page-content.page-cms ul, .page-content.page-cms .has-discount ul {
    color: var(--color-or-50);
}

/* GLOSSARY */

#pstg_letters ul li .active {
    font-weight: bold;
    background: var(--color-lv-50);
    color: var(--color-white);
}

.pstg-search .form-control {
    border: 1px solid var(--color-lv-50);
    padding: 0.5em 1.5em;
}

.pstg-search .btn {
    padding: 0.5em 1.5em;
    vertical-align: top;
}

.glossaryheader{
    border-radius: var(--border-rad-30);
    padding: var(--and-space-xl);
    background: var(--color-lv-50);
    text-align: center;
	color: var(--color-white);
    margin-bottom: var(--and-space-l);}

#pstg_letters ul li .pstg-top-letter:hover {
    background: var(--color-gr-50)!important;
	border-color: var(--color-gr-50)!important;
	color: var(--color-white);
}

.add-to-cart-container {
    display: flex;
    justify-content: space-around;
}

/* Gsap */

.fadeinup-onload {
  opacity: 0;
  transform: translateY(30px);
}


:not(.dialog-widget) .elementor-swiper-button {
    
    font-size: 15px;
    padding-bottom: 2px;
    height: 25px;
    border-radius: 100px;
    width: 25px;
    color: #fff;
    background: var(--color-lv-50);
   
    align-items: center;
    justify-content: center;
}

.elementor-swiper-button-next {
    right: 0px;
	padding-left: 2px;
}

.elementor-swiper-button-prev {
    left: 0px;
}

/* PDP Product Detail Page */

.and-pdp-3 {padding: 50px 0px;}

.and-pdp-2-img img {z-index:2; width:100%; position: relative;aspect-ratio: 16 / 9;
    object-fit: cover;}

.and-pdp-4 {padding-top:120px!important;}

/* Suchergebnisse */
.page-index .product, .page-search .product {
    width: 100%;
    min-width: 100%;
}

/* Cookie Banner */

#lgcookieslaw_fixed_button {
    background-color: #f088b6;
    border-radius: 100px;
}

.lgcookieslaw-modal-footer .lgcookieslaw-button {
border-radius:50px;	
}

.lgcookieslaw-slider {
	border-radius: 50px;}

.lgcookieslaw-slider:before {
	border-radius: 50px;}

#lgcookieslaw_banner .lgcookieslaw-banner-message p {
    color: #2b2b2b !important;
}

.lgcookieslaw-banner {
	background-color: white;}

.lgcookieslaw-reject-button, .lgcookieslaw-accept-button {
    display: inline-block;
	border-radius: 50px;}

#lgcookieslaw_banner.lgcookieslaw-banner-floating {
	border-radius: 30px;}

.lgcookieslaw-button-container .lgcookieslaw-reject-button, .lgcookieslaw-modal .lgcookieslaw-reject-button {
    color: #bfbfbf !important;
    background: #e8e8e8 !important;
    border-color: transparent !important;
}

.lgcookieslaw-button-container .lgcookieslaw-accept-button{
	 border-color: transparent !important;
}

#lgcookieslaw_banner {
	font-family: inherit!important;}

.page-my-account .lgcookieslaw-account-button, .page-my-account #order-slips-link {
	display:none!important;}

/* homepage */

@media only screen and (max-width:582px) {.mobile-logo-section .elementor-widget-wrap {display: grid!important;
    grid-template-columns:repeat(2, 1fr);!important}}

.lgcookieslaw-link {
	color: #213b8f!important;
	text-decoration: underline;
}

#lgcookieslaw_customize_cookies_link {
	color: #000!important;
	text-decoration: underline;
}