.elementor-776 .elementor-element.elementor-element-94a14af{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-776 .elementor-element.elementor-element-2365e61{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:120px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-776 .elementor-element.elementor-element-b084a37{--display:flex;}.elementor-776 .elementor-element.elementor-element-6337eb9 .elementor-button{background-color:var( --e-global-color-77a200e );font-weight:normal;text-transform:uppercase;fill:var( --e-global-color-c99e7cd );color:var( --e-global-color-c99e7cd );border-radius:10px 10px 10px 10px;}.elementor-776 .elementor-element.elementor-element-6337eb9{width:var( --container-widget-width, 25% );max-width:25%;--container-widget-width:25%;--container-widget-flex-grow:0;top:0px;z-index:4;}.elementor-776 .elementor-element.elementor-element-6337eb9 > .elementor-widget-container{--e-transform-translateX:52px;--e-transform-translateY:465px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-adac1bd );border-radius:10px 10px 10px 10px;}.elementor-776 .elementor-element.elementor-element-6337eb9.elementor-element{--align-self:flex-end;}body:not(.rtl) .elementor-776 .elementor-element.elementor-element-6337eb9{left:0px;}body.rtl .elementor-776 .elementor-element.elementor-element-6337eb9{right:0px;}.elementor-776 .elementor-element.elementor-element-95fc2d6 .elementor-button{background-color:var( --e-global-color-6ae9987 );font-weight:bold;text-transform:uppercase;border-radius:10px 10px 10px 10px;}.elementor-776 .elementor-element.elementor-element-95fc2d6{width:var( --container-widget-width, 25% );max-width:25%;--container-widget-width:25%;--container-widget-flex-grow:0;z-index:4;}.elementor-776 .elementor-element.elementor-element-95fc2d6 > .elementor-widget-container{--e-transform-translateX:15px;--e-transform-translateY:50px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:10px 10px 10px 10px;box-shadow:0px 22px 80px 13px rgba(255, 99.00000000000004, 16.00000000000003, 0.6);}.elementor-776 .elementor-element.elementor-element-95fc2d6.elementor-element{--align-self:flex-end;}.elementor-776 .elementor-element.elementor-element-d1dd17c{--display:flex;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:40px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;--z-index:1;}.elementor-776 .elementor-element.elementor-element-2da0df0 > .elementor-widget-container{margin:80px 0px 50px 0px;}.elementor-776 .elementor-element.elementor-element-178c2d1 .elementor-button{background-color:#FF6310;fill:var( --e-global-color-6ae9987 );color:var( --e-global-color-6ae9987 );box-shadow:0px 0px 10px 100px rgba(255, 99.00000000000004, 16.00000000000003, 0.6);}.elementor-776 .elementor-element.elementor-element-178c2d1 > .elementor-widget-container{--e-transform-translateX:439px;--e-transform-translateY:-354px;}.elementor-776 .elementor-element.elementor-element-178c2d1{z-index:0;}.elementor-776 .elementor-element.elementor-element-4752f0d{--display:flex;}.elementor-776 .elementor-element.elementor-element-1705997{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-776 .elementor-element.elementor-element-2f3cd35{--divider-border-style:solid;--divider-color:var( --e-global-color-6ae9987 );--divider-border-width:2px;width:var( --container-widget-width, 7% );max-width:7%;--container-widget-width:7%;--container-widget-flex-grow:0;}.elementor-776 .elementor-element.elementor-element-2f3cd35.elementor-element{--align-self:center;}.elementor-776 .elementor-element.elementor-element-2f3cd35 .elementor-divider-separator{width:100%;margin:0 auto;margin-left:0;}.elementor-776 .elementor-element.elementor-element-2f3cd35 .elementor-divider{text-align:left;padding-block-start:15px;padding-block-end:15px;}.elementor-776 .elementor-element.elementor-element-52e5b46{width:var( --container-widget-width, 77% );max-width:77%;--container-widget-width:77%;--container-widget-flex-grow:0;text-align:start;font-family:"Roboto", Sans-serif;font-weight:bold;text-transform:uppercase;letter-spacing:2px;color:var( --e-global-color-6ae9987 );}.elementor-776 .elementor-element.elementor-element-52e5b46.elementor-element{--align-self:center;}.elementor-776 .elementor-element.elementor-element-061ef36 .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:52px;color:var( --e-global-color-7c4e611 );}.elementor-776 .elementor-element.elementor-element-590adf2{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:bold;}.elementor-776 .elementor-element.elementor-element-1a04b1d > .elementor-widget-container{padding:0px 0px 0px 20px;border-style:solid;border-width:0px 0px 0px 2px;border-color:var( --e-global-color-6ae9987 );}.elementor-776 .elementor-element.elementor-element-1a04b1d{font-family:"Roboto", Sans-serif;font-size:18px;color:var( --e-global-color-c99e7cd );}.elementor-776 .elementor-element.elementor-element-2a365d1{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-776 .elementor-element.elementor-element-a5bdb37{--display:flex;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-776 .elementor-element.elementor-element-8191c3d > .elementor-widget-container{margin:0px 0px -20px 0px;}.elementor-776 .elementor-element.elementor-element-8191c3d .elementor-heading-title{color:var( --e-global-color-7c4e611 );}.elementor-776 .elementor-element.elementor-element-748d3c1{color:var( --e-global-color-c99e7cd );}.elementor-776 .elementor-element.elementor-element-3ef707d{--display:flex;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-776 .elementor-element.elementor-element-87e60d9 > .elementor-widget-container{margin:0px 0px -20px 0px;}.elementor-776 .elementor-element.elementor-element-87e60d9 .elementor-heading-title{color:var( --e-global-color-7c4e611 );}.elementor-776 .elementor-element.elementor-element-53ba8a0{color:var( --e-global-color-c99e7cd );}.elementor-776 .elementor-element.elementor-element-28ebecf{--display:flex;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-776 .elementor-element.elementor-element-68cd593 > .elementor-widget-container{margin:0px 0px -20px 0px;}.elementor-776 .elementor-element.elementor-element-68cd593 .elementor-heading-title{color:var( --e-global-color-7c4e611 );}.elementor-776 .elementor-element.elementor-element-5604541{color:var( --e-global-color-c99e7cd );}.elementor-776 .elementor-element.elementor-element-eb52b9f{--display:flex;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-776 .elementor-element.elementor-element-438079e > .elementor-widget-container{margin:0px 0px -20px 0px;}.elementor-776 .elementor-element.elementor-element-438079e .elementor-heading-title{color:var( --e-global-color-7c4e611 );}.elementor-776 .elementor-element.elementor-element-0203ee9{color:var( --e-global-color-c99e7cd );}.elementor-776 .elementor-element.elementor-element-767f81c > .elementor-widget-container{margin:0px 0px -20px 0px;padding:0px 0px 0px 0px;}.elementor-776 .elementor-element.elementor-element-767f81c .cart button, .elementor-776 .elementor-element.elementor-element-767f81c .cart .button{transition:all 0.2s;}.elementor-776 .elementor-element.elementor-element-767f81c .quantity .qty{transition:all 0.2s;}.woocommerce .elementor-776 .elementor-element.elementor-element-767f81c form.cart table.variations label{font-family:"Roboto", Sans-serif;}.woocommerce .elementor-776 .elementor-element.elementor-element-767f81c form.cart table.variations td.value select{color:var( --e-global-color-c99e7cd );}.woocommerce .elementor-776 .elementor-element.elementor-element-767f81c form.cart table.variations td.value select, .woocommerce .elementor-776 .elementor-element.elementor-element-767f81c form.cart table.variations td.value:before{border:1px solid #FF6310;}.woocommerce .elementor-776 .elementor-element.elementor-element-767f81c form.cart table.variations td.value select, .woocommerce div.product.elementor.elementor-776 .elementor-element.elementor-element-767f81c form.cart table.variations td.value:before{font-family:"Roboto", Sans-serif;}.elementor-776 .elementor-element.elementor-element-d1d6743{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:-30px;--margin-left:0px;--margin-right:0px;}.elementor-776 .elementor-element.elementor-element-88363bf{--display:flex;--min-height:0px;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-776 .elementor-element.elementor-element-43fa165 > .elementor-widget-container{margin:0px 0px -200px 0px;}.elementor-776 .elementor-element.elementor-element-43fa165{font-family:"Roboto", Sans-serif;color:var( --e-global-color-c99e7cd );}.elementor-776 .elementor-element.elementor-element-f4b87a6 > .elementor-widget-container{margin:-10px 0px 0px 0px;}.woocommerce .elementor-776 .elementor-element.elementor-element-f4b87a6 .price{color:var( --e-global-color-7c4e611 );font-family:"Roboto Slab", Sans-serif;font-size:48px;font-weight:bold;}.woocommerce .elementor-776 .elementor-element.elementor-element-f4b87a6 .price ins{color:var( --e-global-color-blocksy_palette_8 );}.elementor-776 .elementor-element.elementor-element-4ee5ff7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;}.elementor-776 .elementor-element.elementor-element-8e62e98.elementor-element{--align-self:center;}.elementor-776 .elementor-element.elementor-element-8e62e98{z-index:0;}.elementor-776 .elementor-element.elementor-element-8e62e98:hover .elementor-widget-container{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-776 .elementor-element.elementor-element-8e62e98 .cart button, .elementor-776 .elementor-element.elementor-element-8e62e98 .cart .button{font-family:"Roboto Slab", Sans-serif;font-size:19px;border-radius:10px 10px 10px 10px;background-color:#FF6310;transition:all 0.2s;}.elementor-776 .elementor-element.elementor-element-8e62e98 .quantity .qty{border-color:var( --e-global-color-6ae9987 );transition:all 0.2s;}.woocommerce .elementor-776 .elementor-element.elementor-element-8e62e98 form.cart .variations{width:100%;margin-bottom:0px;}.woocommerce .elementor-776 .elementor-element.elementor-element-8e62e98 form.cart table.variations tr th, .woocommerce .elementor-776 .elementor-element.elementor-element-8e62e98 form.cart table.variations tr td{padding-top:calc( 0px/2 );padding-bottom:calc( 0px/2 );}.woocommerce .elementor-776 .elementor-element.elementor-element-8e62e98 form.cart table.variations td.value select, .woocommerce .elementor-776 .elementor-element.elementor-element-8e62e98 form.cart table.variations td.value:before{border-radius:0px;}.elementor-776 .elementor-element.elementor-element-33dee01{--divider-border-style:solid;--divider-color:#8A9BB052;--divider-border-width:1px;}.elementor-776 .elementor-element.elementor-element-33dee01 .elementor-divider-separator{width:100%;}.elementor-776 .elementor-element.elementor-element-33dee01 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-776 .elementor-element.elementor-element-8c2f8f0{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:-15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-776 .elementor-element.elementor-element-03055dc{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-776 .elementor-element.elementor-element-e002fab > .elementor-widget-container{margin:0px -10px 0px 0px;}.elementor-776 .elementor-element.elementor-element-7acf7c5 > .elementor-widget-container{margin:0px 0px 0px -10px;}.elementor-776 .elementor-element.elementor-element-7acf7c5{color:var( --e-global-color-c99e7cd );}.elementor-776 .elementor-element.elementor-element-798a321{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-776 .elementor-element.elementor-element-f20834e > .elementor-widget-container{margin:0px -10px 0px 0px;}.elementor-776 .elementor-element.elementor-element-3fbfef8 > .elementor-widget-container{margin:0px 0px 0px -10px;}.elementor-776 .elementor-element.elementor-element-3fbfef8{color:var( --e-global-color-c99e7cd );}.elementor-776 .elementor-element.elementor-element-81f65ff{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-776 .elementor-element.elementor-element-56d5656 > .elementor-widget-container{margin:0px -10px 0px 0px;}.elementor-776 .elementor-element.elementor-element-d85af89 > .elementor-widget-container{margin:0px 0px 0px -10px;}.elementor-776 .elementor-element.elementor-element-d85af89{color:var( --e-global-color-c99e7cd );}.elementor-776 .elementor-element.elementor-element-eb2b8f5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.woocommerce .elementor-776 .elementor-element.elementor-element-bef1850 .woocommerce-tabs ul.wc-tabs li a{color:var( --e-global-color-7c4e611 );}.woocommerce .elementor-776 .elementor-element.elementor-element-bef1850 .woocommerce-Tabs-panel{color:var( --e-global-color-c99e7cd );}.woocommerce .elementor-776 .elementor-element.elementor-element-bef1850 .woocommerce-Tabs-panel h2{color:var( --e-global-color-6ae9987 );}.elementor-776 .elementor-element.elementor-element-c9e32fb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-776 .elementor-element.elementor-element-7ae1de0{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-776 .elementor-element.elementor-element-7ae1de0.e-con{--align-self:center;}.elementor-776 .elementor-element.elementor-element-f325e22{font-weight:bold;text-transform:uppercase;letter-spacing:1.6px;color:var( --e-global-color-6ae9987 );}.elementor-776 .elementor-element.elementor-element-3ef20e6 .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:52px;color:var( --e-global-color-7c4e611 );}.elementor-776 .elementor-element.elementor-element-96ebf99 .elementor-heading-title{font-size:41px;color:var( --e-global-color-6ae9987 );}.elementor-776 .elementor-element.elementor-element-2c3cd1b{color:var( --e-global-color-c99e7cd );}.elementor-776 .elementor-element.elementor-element-df2c81d .elementor-button{background-color:#FF6310;fill:var( --e-global-color-6ae9987 );color:var( --e-global-color-6ae9987 );box-shadow:0px 0px 10px 100px rgba(255, 99.00000000000004, 16.00000000000003, 0.6);}.elementor-776 .elementor-element.elementor-element-64a3c92.elementor-element{--align-self:center;}.elementor-776 .elementor-element.elementor-element-64a3c92{z-index:0;}.elementor-776 .elementor-element.elementor-element-64a3c92:hover .elementor-widget-container{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-776 .elementor-element.elementor-element-64a3c92 .cart button, .elementor-776 .elementor-element.elementor-element-64a3c92 .cart .button{font-family:"Roboto Slab", Sans-serif;font-size:19px;border-radius:10px 10px 10px 10px;background-color:#FF6310;transition:all 0.2s;}.woocommerce .elementor-776 .elementor-element.elementor-element-64a3c92 form.cart .variations{width:100%;margin-bottom:0px;}.woocommerce .elementor-776 .elementor-element.elementor-element-64a3c92 form.cart table.variations tr th, .woocommerce .elementor-776 .elementor-element.elementor-element-64a3c92 form.cart table.variations tr td{padding-top:calc( 0px/2 );padding-bottom:calc( 0px/2 );}.woocommerce .elementor-776 .elementor-element.elementor-element-64a3c92 form.cart table.variations td.value select, .woocommerce .elementor-776 .elementor-element.elementor-element-64a3c92 form.cart table.variations td.value:before{border-radius:0px;}.elementor-776 .elementor-element.elementor-element-0f2bf67{--display:flex;}.elementor-776 .elementor-element.elementor-element-0a2f555 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;letter-spacing:3.8px;color:var( --e-global-color-6ae9987 );}.elementor-776 .elementor-element.elementor-element-b3d81e4 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:45px;color:var( --e-global-color-7c4e611 );}.elementor-776 .elementor-element.elementor-element-d5463ab{--grid-columns:3;--grid-column-gap:0px;}.elementor-776 .elementor-element.elementor-element-d0dedb1{--display:flex;}body.elementor-page-776:not(.elementor-motion-effects-element-type-background), body.elementor-page-776 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d81ab64 );}@media(max-width:1024px){.elementor-776 .elementor-element.elementor-element-2365e61{--grid-auto-flow:row;}.elementor-776 .elementor-element.elementor-element-2a365d1{--grid-auto-flow:row;}.elementor-776 .elementor-element.elementor-element-8c2f8f0{--grid-auto-flow:row;}.elementor-776 .elementor-element.elementor-element-d5463ab{--grid-columns:2;}}@media(max-width:767px){.elementor-776 .elementor-element.elementor-element-2365e61{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-776 .elementor-element.elementor-element-6337eb9 > .elementor-widget-container{--e-transform-translateY:306px;}.elementor-776 .elementor-element.elementor-element-6337eb9{--container-widget-width:118px;--container-widget-flex-grow:0;width:var( --container-widget-width, 118px );max-width:118px;}.elementor-776 .elementor-element.elementor-element-6337eb9 .elementor-button{font-size:10px;}.elementor-776 .elementor-element.elementor-element-52e5b46{--container-widget-width:230px;--container-widget-flex-grow:0;width:var( --container-widget-width, 230px );max-width:230px;}.elementor-776 .elementor-element.elementor-element-2a365d1{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-776 .elementor-element.elementor-element-8c2f8f0{--e-con-grid-template-columns:1;--grid-auto-flow:row;}.elementor-776 .elementor-element.elementor-element-d5463ab{--grid-columns:1;}}/* Start custom CSS for woocommerce-product-images, class: .elementor-element-2da0df0 */.elementor-776 .elementor-element.elementor-element-2da0df0 .woocommerce-product-gallery__image img {
  aspect-ratio: 1980 / 1200;
  object-fit: cover;
  width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b084a37 */.elementor-776 .elementor-element.elementor-element-b084a37 {
  position: relative;
}

.elementor-776 .elementor-element.elementor-element-b084a37::after {
  content: "";
  position: absolute;
  inset: -12%;
  
  border: 1px solid rgba(255,120,0,0.15);
  border-radius: 50%;
  
  opacity: 0.6;
  filter: blur(0.3px);
  
  pointer-events: none;
  
  animation: wobbleCircle 10s ease-in-out infinite alternate;
}

@keyframes wobbleCircle {
  0% {
    transform: scale(1);
    border-radius: 50%;
  }
  20% {
    transform: scale(1.08, 0.92) rotate(5deg);
    border-radius: 45% 55% 50% 50%;
  }
  40% {
    transform: scale(0.92, 1.08) rotate(-5deg);
    border-radius: 55% 45% 50% 50%;
  }
  60% {
    transform: scale(1.05, 0.95) rotate(3deg);
    border-radius: 48% 52% 50% 50%;
  }
  80% {
    transform: scale(0.95, 1.05) rotate(-3deg);
    border-radius: 52% 48% 50% 50%;
  }
  100% {
    transform: scale(1);
    border-radius: 50%;
  }
}

.elementor-776 .elementor-element.elementor-element-b084a37::before {
  content: "";
  position: absolute;

  width: 120%;
  height: 100%;

  top: -5%;
  left: -10%;
  transform: translate(-50%, -50%); /* DAS ist der Fix */

  border: 1px solid rgba(255,120,0,0.15);
  border-radius: 60% 40% 55% 45% / 45% 60% 40% 55%;

  opacity: 0.6;
  filter: blur(0.5px);
  pointer-events: none;

  animation: wobbleCircleOrganic 14s ease-in-out infinite;
}

@keyframes wobbleCircleOrganic {
  0% {
    transform: scale(1) rotate(0deg);
    border-radius: 60% 40% 55% 45% / 45% 60% 40% 55%;
  }
  25% {
    transform: scale(1.1, 0.9) rotate(8deg);
    border-radius: 70% 30% 60% 40% / 40% 65% 35% 60%;
  }
  50% {
    transform: scale(0.9, 1.1) rotate(-6deg);
    border-radius: 30% 70% 40% 60% / 60% 35% 65% 40%;
  }
  75% {
    transform: scale(1.05, 0.95) rotate(5deg);
    border-radius: 65% 35% 70% 30% / 35% 70% 30% 65%;
  }
  100% {
    transform: scale(1) rotate(0deg);
    border-radius: 60% 40% 55% 45% / 45% 60% 40% 55%;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a5bdb37 *//* Versteckt die Karte so, dass auch Abstände (Gaps/Padding) verschwinden */
.hide-me-completely {
    display: none !important;
}

/* Falls mc-card auf einem Container liegt, stellen wir sicher, dass Flex erhalten bleibt */
.mc-card:not(.hide-me-completely) {
    /* Wir erzwingen kein 'block', damit das Elementor-Layout (Flex/Grid) bleibt wie es ist */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3ef707d *//* Versteckt die Karte so, dass auch Abstände (Gaps/Padding) verschwinden */
.hide-me-completely {
    display: none !important;
}

/* Falls mc-card auf einem Container liegt, stellen wir sicher, dass Flex erhalten bleibt */
.mc-card:not(.hide-me-completely) {
    /* Wir erzwingen kein 'block', damit das Elementor-Layout (Flex/Grid) bleibt wie es ist */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a365d1 *//* Wir überschreiben das starre Elementor-Grid */
.elementor-776 .elementor-element.elementor-element-2a365d1.elementor-grid, 
.elementor-776 .elementor-element.elementor-element-2a365d1 {
    display: flex !important;
    flex-wrap: wrap !important;
    align-content: flex-start !important;
    height: auto !important;
    min-height: 0 !important;
}

/* Jedes Kind-Element (die Spalte/Karte) bekommt 50% Breite */
.elementor-776 .elementor-element.elementor-element-2a365d1 > .e-con, 
.elementor-776 .elementor-element.elementor-element-2a365d1 > .elementor-column, 
.elementor-776 .elementor-element.elementor-element-2a365d1 > .elementor-grid-item {
    flex: 1 1 calc(50% - 10px) !important; /* 10px ist der halbe Gap */
    max-width: 50% !important;
    margin: 0 !important;
}

/* Der "Killer" für den Platz: Wenn die Klasse gesetzt ist, wird alles auf 0 gesetzt */
.elementor-776 .elementor-element.elementor-element-2a365d1 > .hide-me-completely {
    display: none !important;
    flex: 0 0 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-767f81c *//* Versteckt den Warenkorb-Button und die Mengenauswahl */
.elementor-776 .elementor-element.elementor-element-767f81c .single_add_to_cart_button,
.elementor-776 .elementor-element.elementor-element-767f81c .quantity {
    display: none !important;
}

/* Optional: Versteckt den Preis der gewählten Variation, falls dieser separat erscheint */
.elementor-776 .elementor-element.elementor-element-767f81c .woocommerce-variation-price {
    display: none !important;
}

/* Optional: Entfernt Abstände unter der Variations-Tabelle */
.elementor-776 .elementor-element.elementor-element-767f81c .variations {
    margin-bottom: 0 !important;
}

/* Container der Variationen relativ setzen, damit Absolute Positionierung funktioniert */
.elementor-776 .elementor-element.elementor-element-767f81c .variations {
    position: relative !important;
    margin-bottom: 0 !important;
}

/* 1. Die Tabelle in ein flexibles Block-Layout umwandeln */
.elementor-776 .elementor-element.elementor-element-767f81c table.variations, 
.elementor-776 .elementor-element.elementor-element-767f81c table.variations tbody, 
.elementor-776 .elementor-element.elementor-element-767f81c table.variations tr, 
.elementor-776 .elementor-element.elementor-element-767f81c table.variations td {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: none !important;
}

/* 2. Beschriftung (Label) stylen */
.elementor-776 .elementor-element.elementor-element-767f81c .label {
    margin-bottom: 5px !important;
}

/* 3. Den Container für das Dropdown fixieren */
.elementor-776 .elementor-element.elementor-element-767f81c td.value {
    position: relative !important;
    margin-bottom: 25px !important; /* Hier reservieren wir den Platz für den Reset-Link UNTEN */
}

/* 4. Das Dropdown-Feld selbst */
.elementor-776 .elementor-element.elementor-element-767f81c .variations select {
    width: 100% !important;
    display: block !important;
}

/* 5. Den Reset-Link absolut UNTER das Dropdown pinnen */
.elementor-776 .elementor-element.elementor-element-767f81c .reset_variations {
    position: absolute !important;
    left: 0 !important;
    bottom: -20px !important; /* Sitzt im reservierten margin-bottom von oben */
    display: inline-block !important;
    height: 15px !important;
    line-height: 15px !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
}








/* 1. Den Reset-Link komplett eliminieren */
.elementor-776 .elementor-element.elementor-element-767f81c .reset_variations {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important; /* Nimmt ihn aus dem Layout-Fluss */
    pointer-events: none !important;
}

/* 2. Alle Container-Abstände der Variationen auf Null setzen */
.elementor-776 .elementor-element.elementor-element-767f81c .variations_form,
.elementor-776 .elementor-element.elementor-element-767f81c .variations,
.elementor-776 .elementor-element.elementor-element-767f81c td.value {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-spacing: 0 !important;
}

/* 3. Sicherstellen, dass keine leeren Info-Boxen auftauchen */
.elementor-776 .elementor-element.elementor-element-767f81c .single_variation_wrap,
.elementor-776 .elementor-element.elementor-element-767f81c .woocommerce-variation {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-8e62e98 *//* Versteckt die Variations-Auswahl im zweiten Widget */
.elementor-776 .elementor-element.elementor-element-8e62e98 .variations {
    display: none !important;
}

/* Optional: Falls du auch die Mengenauswahl hier weg haben willst */
/* .elementor-776 .elementor-element.elementor-element-8e62e98 .quantity { display: none !important; } */

/* Entfernt unnötige Abstände, die durch die versteckten Elemente entstehen */
.elementor-776 .elementor-element.elementor-element-8e62e98 .woocommerce-variation-add-to-cart {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Versteckt den Variations-Preis über dem Button */
.elementor-776 .elementor-element.elementor-element-8e62e98 .single_variation .woocommerce-variation-price {
    display: none !important;
}

/* Versteckt zusätzlich die Verfügbarkeitsanzeige (z.B. "3 auf Lager"), falls gewünscht */
.elementor-776 .elementor-element.elementor-element-8e62e98 .single_variation .woocommerce-variation-availability {
    display: none !important;
}

/* Entfernt den Container-Abstand der Variationen-Details komplett */
.elementor-776 .elementor-element.elementor-element-8e62e98 .single_variation_wrap,
.elementor-776 .elementor-element.elementor-element-8e62e98 .woocommerce-variation {
    margin: 0 !important;
    padding: 0 !important;
    display: contents !important; /* Lässt den Container quasi 'verschwinden' */
}

/* Versteckt den leeren Bereich über dem Warenkorb-Button */
.elementor-776 .elementor-element.elementor-element-8e62e98 .woocommerce-variation-add-to-cart {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Falls noch eine unsichtbare Box existiert */
.elementor-776 .elementor-element.elementor-element-8e62e98 .single_variation {
    height: 0;
    min-height: 0;
    margin: 0;
}








/* 1. Den Innenabstand (Padding) für den Button festlegen */
.elementor-776 .elementor-element.elementor-element-8e62e98 .single_add_to_cart_button {
    padding: 15px 40px !important; /* Erster Wert: oben/unten | Zweiter: links/rechts */
    height: auto !important; /* Stellt sicher, dass der Button mit dem Text wächst */
    line-height: 1.2 !important; /* Sorgt für eine saubere Zentrierung des Textes */
    display: inline-flex !important; /* Hilft bei der vertikalen Ausrichtung */
    align-items: center;
    justify-content: center;
}







/* 2. Die Puls-Animation definieren */
@keyframes buttonPulse {
    0% {
        /* Startzustand: Normaler Schatten */
        box-shadow: 0 0 0 0 rgba(255, 99, 16, 0.6); /* Farbe anpassen! */
    }
    70% {
        /* Mittlerer Zustand: Schatten dehnt sich aus und wird blasser */
        box-shadow: 0 0 20px 10px rgba(255, 99, 16, 0.6);
    }
    100% {
        /* Endzustand: Zurück auf Anfang */
        box-shadow: 0 0 0 0 rgba(255, 0, 255, 0);
    }
}


.elementor-776 .elementor-element.elementor-element-8e62e98.start-pulsing .single_add_to_cart_button {
    animation: buttonPulse 2s infinite ease-in-out;
}

/* 3. Kleiner Bonus: Schnelleres Pulsieren beim Hover */
.elementor-776 .elementor-element.elementor-element-8e62e98 .single_add_to_cart_button:hover {
    animation: buttonPulse 1s infinite ease-in-out;
    transform: scale(1.02); /* Button wird minimal größer */
}







/* 1. Container: Button und Menge in eine Reihe bringen */
.elementor-776 .elementor-element.elementor-element-8e62e98 .elementor-add-to-cart {
    display: flex !important;
    align-items: center !important; /* Vertikale Zentrierung */
    gap: 12px !important; /* Abstand zum Button */
    flex-wrap: nowrap !important;
}

/* 2. Mengenwähler-Box: Nur anzeigen, wenn nicht leer */
.elementor-776 .elementor-element.elementor-element-8e62e98 .quantity {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #FF6310 !important; /* Dezenter Rand */
    border-radius: 4px !important;
    height: 45px !important; /* Hier die Höhe deines Buttons eintragen */
    background-color: transparent !important; /* Verhindert den weißen Block */
    padding: 0 8px !important;
    min-width: 110px !important;
    margin-top: 17px !important;
}

/* 3. Verstecken, wenn die Mengenauswahl deaktiviert ist (WooCommerce Logik) */
.elementor-776 .elementor-element.elementor-element-8e62e98 .quantity.hidden, 
.elementor-776 .elementor-element.elementor-element-8e62e98 .quantity:empty {
    display: none !important;
}

/* 4. Das Eingabefeld (die Zahl) */
.elementor-776 .elementor-element.elementor-element-8e62e98 .qty {
    width: 35px !important;
    background: transparent !important;
    border: none !important;
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: inherit !important;
    padding: 0 !important;
    margin: 0 !important;
    -moz-appearance: textfield !important;
}

/* 5. Die Plus/Minus Symbole */
.elementor-776 .elementor-element.elementor-element-8e62e98 .minus, 
.elementor-776 .elementor-element.elementor-element-8e62e98 .plus {
    width: 30px !important;
    height: 100% !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    font-size: 20px !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: opacity 0.2s;
}

.elementor-776 .elementor-element.elementor-element-8e62e98 .minus:hover, 
.elementor-776 .elementor-element.elementor-element-8e62e98 .plus:hover {
    opacity: 0.6;
    color: #FF6310 !important; /* HIER DEINE WUNSCHFARBE EINTRAGEN (HEX-Code) */
    background: transparent !important; /* Verhindert hässliche Hintergrund-Boxen beim Hover */
}

/* Chrome/Safari Pfeile weg */
.elementor-776 .elementor-element.elementor-element-8e62e98 input::-webkit-outer-spin-button,
.elementor-776 .elementor-element.elementor-element-8e62e98 input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e002fab *//* Das Icon selbst stylen */
.elementor-776 .elementor-element.elementor-element-e002fab i {
    font-size: 24px;      /* Größe anpassen */
    color: #FF6310;       /* Deine Wunschfarbe (z.B. Blau) */
    margin-right: 10px;   /* Abstand zum Text daneben */
    display: inline-block;
    vertical-align: middle;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-03055dc *//* Versteckt die Karte so, dass auch Abstände (Gaps/Padding) verschwinden */
.hide-me-completely {
    display: none !important;
}

/* Falls mc-card auf einem Container liegt, stellen wir sicher, dass Flex erhalten bleibt */
.mc-icon-box:not(.hide-me-completely) {
    /* Wir erzwingen kein 'block', damit das Elementor-Layout (Flex/Grid) bleibt wie es ist */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f20834e *//* Das Icon selbst stylen */
.elementor-776 .elementor-element.elementor-element-f20834e i {
    font-size: 24px;      /* Größe anpassen */
    color: #FF6310;       /* Deine Wunschfarbe (z.B. Blau) */
    margin-right: 10px;   /* Abstand zum Text daneben */
    display: inline-block;
    vertical-align: middle;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-798a321 *//* Versteckt die Karte so, dass auch Abstände (Gaps/Padding) verschwinden */
.hide-me-completely {
    display: none !important;
}

/* Falls mc-card auf einem Container liegt, stellen wir sicher, dass Flex erhalten bleibt */
.mc-icon-box:not(.hide-me-completely) {
    /* Wir erzwingen kein 'block', damit das Elementor-Layout (Flex/Grid) bleibt wie es ist */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-56d5656 *//* Das Icon selbst stylen */
.elementor-776 .elementor-element.elementor-element-56d5656 i {
    font-size: 24px;      /* Größe anpassen */
    color: #FF6310;       /* Deine Wunschfarbe (z.B. Blau) */
    margin-right: 10px;   /* Abstand zum Text daneben */
    display: inline-block;
    vertical-align: middle;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81f65ff *//* Versteckt die Karte so, dass auch Abstände (Gaps/Padding) verschwinden */
.hide-me-completely {
    display: none !important;
}

/* Falls mc-card auf einem Container liegt, stellen wir sicher, dass Flex erhalten bleibt */
.mc-icon-box:not(.hide-me-completely) {
    /* Wir erzwingen kein 'block', damit das Elementor-Layout (Flex/Grid) bleibt wie es ist */
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-64a3c92 *//* Versteckt die Variations-Auswahl im zweiten Widget */
.elementor-776 .elementor-element.elementor-element-64a3c92 .variations {
    display: none !important;
}

/* Optional: Falls du auch die Mengenauswahl hier weg haben willst */
.elementor-776 .elementor-element.elementor-element-64a3c92 .quantity { display: none !important; } */

/* Entfernt unnötige Abstände, die durch die versteckten Elemente entstehen */
.elementor-776 .elementor-element.elementor-element-64a3c92 .woocommerce-variation-add-to-cart {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Versteckt den Variations-Preis über dem Button */
.elementor-776 .elementor-element.elementor-element-64a3c92 .single_variation .woocommerce-variation-price {
    display: none !important;
}

/* Versteckt zusätzlich die Verfügbarkeitsanzeige (z.B. "3 auf Lager"), falls gewünscht */
.elementor-776 .elementor-element.elementor-element-64a3c92 .single_variation .woocommerce-variation-availability {
    display: none !important;
}

/* Entfernt den Container-Abstand der Variationen-Details komplett */
.elementor-776 .elementor-element.elementor-element-64a3c92 .single_variation_wrap,
.elementor-776 .elementor-element.elementor-element-64a3c92 .woocommerce-variation {
    margin: 0 !important;
    padding: 0 !important;
    display: contents !important; /* Lässt den Container quasi 'verschwinden' */
}

/* Versteckt den leeren Bereich über dem Warenkorb-Button */
.elementor-776 .elementor-element.elementor-element-64a3c92 .woocommerce-variation-add-to-cart {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Falls noch eine unsichtbare Box existiert */
.elementor-776 .elementor-element.elementor-element-64a3c92 .single_variation {
    height: 0;
    min-height: 0;
    margin: 0;
}








/* 1. Den Innenabstand (Padding) für den Button festlegen */
.elementor-776 .elementor-element.elementor-element-64a3c92 .single_add_to_cart_button {
    padding: 15px 40px !important; /* Erster Wert: oben/unten | Zweiter: links/rechts */
    height: auto !important; /* Stellt sicher, dass der Button mit dem Text wächst */
    line-height: 1.2 !important; /* Sorgt für eine saubere Zentrierung des Textes */
    display: inline-flex !important; /* Hilft bei der vertikalen Ausrichtung */
    align-items: center;
    justify-content: center;
}







/* 2. Die Puls-Animation definieren */
@keyframes buttonPulse {
    0% {
        /* Startzustand: Normaler Schatten */
        box-shadow: 0 0 0 0 rgba(255, 99, 16, 0.6); /* Farbe anpassen! */
    }
    70% {
        /* Mittlerer Zustand: Schatten dehnt sich aus und wird blasser */
        box-shadow: 0 0 20px 10px rgba(255, 99, 16, 0.6);
    }
    100% {
        /* Endzustand: Zurück auf Anfang */
        box-shadow: 0 0 0 0 rgba(255, 0, 255, 0);
    }
}


.elementor-776 .elementor-element.elementor-element-64a3c92.start-pulsing .single_add_to_cart_button {
    animation: buttonPulse 2s infinite ease-in-out;
}

/* 3. Kleiner Bonus: Schnelleres Pulsieren beim Hover */
.elementor-776 .elementor-element.elementor-element-64a3c92 .single_add_to_cart_button:hover {
    animation: buttonPulse 1s infinite ease-in-out;
    transform: scale(1.02); /* Button wird minimal größer */
}







/* 1. Container: Button und Menge in eine Reihe bringen */
.elementor-776 .elementor-element.elementor-element-64a3c92 .elementor-add-to-cart {
    display: flex !important;
    align-items: center !important; /* Vertikale Zentrierung */
    gap: 12px !important; /* Abstand zum Button */
    flex-wrap: nowrap !important;
}

/* 2. Mengenwähler-Box: Nur anzeigen, wenn nicht leer */
.elementor-776 .elementor-element.elementor-element-64a3c92 .quantity {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #FF6310 !important; /* Dezenter Rand */
    border-radius: 4px !important;
    height: 45px !important; /* Hier die Höhe deines Buttons eintragen */
    background-color: transparent !important; /* Verhindert den weißen Block */
    padding: 0 8px !important;
    min-width: 110px !important;
    margin-top: 17px !important;
}

/* 3. Verstecken, wenn die Mengenauswahl deaktiviert ist (WooCommerce Logik) */
.elementor-776 .elementor-element.elementor-element-64a3c92 .quantity.hidden, 
.elementor-776 .elementor-element.elementor-element-64a3c92 .quantity:empty {
    display: none !important;
}

/* 4. Das Eingabefeld (die Zahl) */
.elementor-776 .elementor-element.elementor-element-64a3c92 .qty {
    width: 35px !important;
    background: transparent !important;
    border: none !important;
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: inherit !important;
    padding: 0 !important;
    margin: 0 !important;
    -moz-appearance: textfield !important;
}

/* 5. Die Plus/Minus Symbole */
.elementor-776 .elementor-element.elementor-element-64a3c92 .minus, 
.elementor-776 .elementor-element.elementor-element-64a3c92 .plus {
    width: 30px !important;
    height: 100% !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    font-size: 20px !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: opacity 0.2s;
}

.elementor-776 .elementor-element.elementor-element-64a3c92 .minus:hover, 
.elementor-776 .elementor-element.elementor-element-64a3c92 .plus:hover {
    opacity: 0.6;
    color: #FF6310 !important; /* HIER DEINE WUNSCHFARBE EINTRAGEN (HEX-Code) */
    background: transparent !important; /* Verhindert hässliche Hintergrund-Boxen beim Hover */
}

/* Chrome/Safari Pfeile weg */
.elementor-776 .elementor-element.elementor-element-64a3c92 input::-webkit-outer-spin-button,
.elementor-776 .elementor-element.elementor-element-64a3c92 input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}/* End custom CSS */