/* 
Theme Name: raetselranger
Theme URI: https://www.agentur-sp.de/
Description: Rätselranger Theme
Author URI: ttps://www.agentur-sp.de/
Template: hello-elementor
Version: 2.0.0
Text Domain: raetselranger
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/* Add your custom styles here */


/* krub-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Krub';
    font-style: normal;
    font-weight: 400;
    src: url('../raetselranger/fonts/krub-v9-latin-regular.eot'); /* IE9 Compat Modes */
    src: url('../raetselranger/fonts/krub-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../raetselranger/fonts/krub-v9-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('../raetselranger/fonts/krub-v9-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
         url('../raetselranger/fonts/krub-v9-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
         url('../raetselranger/fonts/krub-v9-latin-regular.svg#Krub') format('svg'); /* Legacy iOS */
  }
  
  /* krub-500 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Krub';
    font-style: normal;
    font-weight: 500;
    src: url('../raetselranger/fonts/krub-v9-latin-500.eot'); /* IE9 Compat Modes */
    src: url('../raetselranger/fonts/krub-v9-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../raetselranger/fonts/krub-v9-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('../raetselranger/fonts/krub-v9-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
         url('../raetselranger/fonts/krub-v9-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
         url('../raetselranger/fonts/krub-v9-latin-500.svg#Krub') format('svg'); /* Legacy iOS */
  }
  
  /* krub-700 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Krub';
    font-style: normal;
    font-weight: 700;
    src: url('../raetselranger/fonts/krub-v9-latin-700.eot'); /* IE9 Compat Modes */
    src: url('../raetselranger/fonts/krub-v9-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../raetselranger/fonts/krub-v9-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('../raetselranger/fonts/krub-v9-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
         url('../raetselranger/fonts/krub-v9-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
         url('../raetselranger/fonts/krub-v9-latin-700.svg#Krub') format('svg'); /* Legacy iOS */
  }


    /* Prequel */
    @font-face {
        font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
        font-family: 'Prequel';
        font-style: normal;
        font-weight: 700;
        src: url('../raetselranger/fonts/Prequel-rough.eot'); /* IE9 Compat Modes */
        src: url('../raetselranger/fonts/Prequel-rough.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
             url('../raetselranger/fonts/Prequel-rough.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
             url('../raetselranger/fonts/Prequel-rough.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
             url('../raetselranger/fonts/Prequel-rough.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
      }
  
 html, body { 
  overflow-x: hidden; }

body { 
        font-family: 'Krub', 'Open Sans', sans-serif;
        position: relative;
        min-height: 100vh;
      }

body::before {
    content: '';
    background: repeat-y url('../raetselranger/img/bg-web.svg');
    background-size: 100%;
    position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  mix-blend-mode: screen;
  pointer-events: none;
  opacity: 0.075;
  z-index: 99;

}


/** ALLGEMEINES **/


.skip-to-content {
  position: absolute;
  top: -44px; /* Position außerhalb des Bildschirms */
  left: 50%;
  background-color: #2F3C3F;
  color: #fff;
  padding: 10px;
  font-size: 16px;
  text-decoration: none;
  z-index: 1000; /* Damit der Link oben ist */
  transition: top 0.3s ease; /* Für die Animation */
  transform: translateX(-50%);
  text-transform: uppercase;
  border-radius: 0 0 15px 15px;
}

.skip-to-content:focus {
  top: 0; /* Sichtbar machen, wenn fokussiert */
}


.elementskit-accordion .elementskit-card-body a {
  color: #2F3C3F !important;
}


/*Akkordeon*/
.elementor-widget-elementskit-accordion .elementskit-card-header {
  margin-bottom: 5px;
}

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


.hamburger-navi span.elementskit-menu-hamburger-icon{
height: 3px;
border-radius: 5px;
}

.hamburger-navi button:active,
.hamburger-navi button:hover,
.hamburger-navi button:focus {
background-color: transparent;
}



.hamburger-navi button {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M49.9027,29.4732c.0408,3.4695-1.2764,6.3807-3.5343,8.9479-3.3835,3.8458-7.5739,6.6643-11.8759,9.3231-1.7403,1.0754-3.6806,1.5829-5.7883,1.5444-2.1088-.0396-6.91.1658-11.7648-.957-4.4634-1.0318-9.2802-2.9799-10.6224-4.2009C2.598,40.746.6376,32.1889.2434,28.9595c-.4266-3.493,1.1273-8.9552,1.3009-9.8525,1.0876-5.6281,2.0424-7.7146,5.977-11.8072,1.7683-1.8397,5.1937-2.9251,7.599-3.9201,1.3998-.579,6.8486-2.1965,8.3477-2.3545,3.6527-.3858,7.0669.1608,10.408,1.2831,1.9118.6432,3.6884,1.6616,5.1289,3.1641,1.2256,1.2792,2.5354,2.9285,3.8358,4.1306,1.7236,1.5924,4.4477,6.3483,5.3076,8.4622,1.1385,2.8029,1.7303,9.3868,1.7543,11.408Z" fill="%23232F3C"/></svg>') no-repeat center center / cover;  
  position: relative;
}

.hamburger-navi button:hover,
.hamburger-navi button:focus,
.kaufen .elementskit-btn:focus{
  opacity: 0.65;
}

.hamburger-navi button:hover::after {
  opacity: 1; 
}


.fa-times::before {
  content: "\f00d";
  color: #DDE5DA;
}

.hamburger-navi .elementskit-menu-close {
  margin: 30px 20px !important; 
  }

.hamburger-navi .elementskit-menu-close .fa {
font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.hamburger-navi .elementskit-menu-container {
  z-index: 999999 !important;
}

.hamburger-navi .elementskit-menu-container ul {
  padding: 0 20px;
}



/*Elemente*/

.trenner-oben,
.trenner-unten {
  position: absolute;
  width: 100%;
  left:0;

}

.trenner-oben {
top:-1px;
}

.trenner-unten {
  bottom:-1px;
  transform: rotate(180deg);
  }

svg#trenner {
  fill: #2F3C3F;
  display: block;
}

svg#trenner.hell { 
/*  fill: #ABC5A1;*/
  fill: #C4D7BC;
}


.icon-boxen .elementskit-info-box-icon {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M49.9027,29.4732c.0408,3.4695-1.2764,6.3807-3.5343,8.9479-3.3835,3.8458-7.5739,6.6643-11.8759,9.3231-1.7403,1.0754-3.6806,1.5829-5.7883,1.5444-2.1088-.0396-6.91.1658-11.7648-.957-4.4634-1.0318-9.2802-2.9799-10.6224-4.2009C2.598,40.746.6376,32.1889.2434,28.9595c-.4266-3.493,1.1273-8.9552,1.3009-9.8525,1.0876-5.6281,2.0424-7.7146,5.977-11.8072,1.7683-1.8397,5.1937-2.9251,7.599-3.9201,1.3998-.579,6.8486-2.1965,8.3477-2.3545,3.6527-.3858,7.0669.1608,10.408,1.2831,1.9118.6432,3.6884,1.6616,5.1289,3.1641,1.2256,1.2792,2.5354,2.9285,3.8358,4.1306,1.7236,1.5924,4.4477,6.3483,5.3076,8.4622,1.1385,2.8029,1.7303,9.3868,1.7543,11.408Z" fill="%232F3C3F"/></svg>') no-repeat center center / cover;  
}

.home .icon-boxen .elementskit-infobox {
  background: transparent !important;
}

.header-text {
position: relative;
}
/*
body:not(.home) .header-text {
  position: absolute;
}*/

/*transition-Einstellung*/
.ekit-btn-wraper,
.social-media img,
.touren-thumb,
.taxonomy-button{
  transition: all 0.4s ease;
}

.ekit-btn-wraper a:hover,
.touren-thumb:hover,
.taxonomy-button:hover {
  transform: rotate(-5deg);
}



.stoerer,
.stoerer-klein {
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M49.9027,29.4732c.0408,3.4695-1.2764,6.3807-3.5343,8.9479-3.3835,3.8458-7.5739,6.6643-11.8759,9.3231-1.7403,1.0754-3.6806,1.5829-5.7883,1.5444-2.1088-.0396-6.91.1658-11.7648-.957-4.4634-1.0318-9.2802-2.9799-10.6224-4.2009C2.598,40.746.6376,32.1889.2434,28.9595c-.4266-3.493,1.1273-8.9552,1.3009-9.8525,1.0876-5.6281,2.0424-7.7146,5.977-11.8072,1.7683-1.8397,5.1937-2.9251,7.599-3.9201,1.3998-.579,6.8486-2.1965,8.3477-2.3545,3.6527-.3858,7.0669.1608,10.408,1.2831,1.9118.6432,3.6884,1.6616,5.1289,3.1641,1.2256,1.2792,2.5354,2.9285,3.8358,4.1306,1.7236,1.5924,4.4477,6.3483,5.3076,8.4622,1.1385,2.8029,1.7303,9.3868,1.7543,11.408Z" fill="%232F3C3F"/></svg>');  
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  width: 300px !important;
  aspect-ratio: 1 / 1; 
}

.stoerer-klein {
  width: 150px !important;
}

.stoerer-klein .elementor-widget-container {
  display: flex;
  align-items: center;
}


.stoerer-klein .elementor-widget-container p {
margin: 0 !important;
}


.stoerer .elementor-widget-container{
display: flex;
justify-content: center;
align-items: flex-end;
flex-wrap: wrap;
}

.stoerer .elementor-widget-container p,
.ekit-template-content-footer p {
  margin: 0;
}

.social-media img {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M49.9027,29.4732c.0408,3.4695-1.2764,6.3807-3.5343,8.9479-3.3835,3.8458-7.5739,6.6643-11.8759,9.3231-1.7403,1.0754-3.6806,1.5829-5.7883,1.5444-2.1088-.0396-6.91.1658-11.7648-.957-4.4634-1.0318-9.2802-2.9799-10.6224-4.2009C2.598,40.746.6376,32.1889.2434,28.9595c-.4266-3.493,1.1273-8.9552,1.3009-9.8525,1.0876-5.6281,2.0424-7.7146,5.977-11.8072,1.7683-1.8397,5.1937-2.9251,7.599-3.9201,1.3998-.579,6.8486-2.1965,8.3477-2.3545,3.6527-.3858,7.0669.1608,10.408,1.2831,1.9118.6432,3.6884,1.6616,5.1289,3.1641,1.2256,1.2792,2.5354,2.9285,3.8358,4.1306,1.7236,1.5924,4.4477,6.3483,5.3076,8.4622,1.1385,2.8029,1.7303,9.3868,1.7543,11.408Z" fill="%23232F3C"/></svg>') no-repeat center center / cover;  
}

.social-media img:hover {
opacity: 0.65;
transform: rotate(10deg);
}

/* Image Slider */

.slick-track {
    display: flex !important;
}

.slick-slide {
    height: inherit !important;
    min-height: 400px !important;
}

.slick-slide .elementor-widget-container {
  height: 100%;
}

.image-slider .slick-list,
.touren-thumb img,
.mask img {
mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 147 151"><path d="M2.3,61C6.5,38.9,19.6,21.6,38.4,8.4c2.5-1.8,5.1-3,7.8-3.8,5.6-1.8,11.5-1.6,17.4-.3,3.1.6,6.1,1.3,9.1,2.1,3,.7,5.9,1.5,8.8,2.2,6.8,2,13.8,3.1,21,4.2,12.3,2.2,26.2,6.1,30.8,19,1.8,5.3,2.2,10.7,3.7,16.2,2.9,10.7,6.4,20.8,8.5,31.4.9,4.6,1,8.6.1,12.9-1.8,8.4-7.9,17.6-21.1,33-6.8,8-20,14.6-34.8,18-3,.7-6,1.2-9,1.7-13.2,2.6-28.9,4-42.9,1.2-3.5-.7-6.9-1.7-10.1-2.9C5,134.9,2.6,112.3,2.1,90.9c0-3.1,0-6.1-.1-9.1,0-3.4-.1-6.8-.3-10.1-.3-2.9.6-10.7.6-10.7Z"/></svg>');  
mask-repeat: no-repeat;
mask-size: contain;
mask-position: center;
}

.mask img {
  aspect-ratio: 1/1;
  object-fit: cover;
}

.image-slider::before,
.touren-thumb::before,
.mask::before {
  content: ''; 
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 147 151"><path d="M142.2,86.8c-1.2,14.9-1,30.1-10.4,43.4-2,2.8-4.2,5.3-6.6,7.5-2.3,2.2-4.8,4-7.4,5.5-14.6,8.6-32.5,4.7-48.1-.6-11.5-3.8-23.7-2.4-35.7-3.6-6.6-.4-13.3-2.3-17.8-7.3-2.8-3-4.6-6.7-4.7-11.1-.6-19.2-3.8-37.4-8.8-56.4-3-11.3,3.9-22.7,13.4-29,2.6-1.8,5.3-3.3,8.2-4.7,8.6-4.1,18.4-6.7,27.4-9.5,15.4-4.9,27.4-17.7,43.7-18.8,2.4-.1,4.9,0,7.4.3,2.5.2,4.9.6,7.3,1.1,3.6.7,7,1.7,10.3,3,7.7,2.8,13.2,7.3,17,12.8,1.9,2.7,3.4,5.7,4.6,8.9,5.6,13.4,1.9,27.5.2,41.4-.4,2.8-.6,5.5-.7,8.3,0,2.9.3,5.9.8,8.9" fill="%2379966E"/></svg>') no-repeat center center / cover;  
  background-size: contain;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transform: rotate(50deg);
}

.slick-arrow i{
font-family: "Font Awesome 5 Free";
}

.image-slider .slick-prev,
.image-slider .slick-next{
  position: absolute;
  bottom: 0px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M49.9027,29.4732c.0408,3.4695-1.2764,6.3807-3.5343,8.9479-3.3835,3.8458-7.5739,6.6643-11.8759,9.3231-1.7403,1.0754-3.6806,1.5829-5.7883,1.5444-2.1088-.0396-6.91.1658-11.7648-.957-4.4634-1.0318-9.2802-2.9799-10.6224-4.2009C2.598,40.746.6376,32.1889.2434,28.9595c-.4266-3.493,1.1273-8.9552,1.3009-9.8525,1.0876-5.6281,2.0424-7.7146,5.977-11.8072,1.7683-1.8397,5.1937-2.9251,7.599-3.9201,1.3998-.579,6.8486-2.1965,8.3477-2.3545,3.6527-.3858,7.0669.1608,10.408,1.2831,1.9118.6432,3.6884,1.6616,5.1289,3.1641,1.2256,1.2792,2.5354,2.9285,3.8358,4.1306,1.7236,1.5924,4.4477,6.3483,5.3076,8.4622,1.1385,2.8029,1.7303,9.3868,1.7543,11.408Z" fill="%23DDE5DA"/></svg>') no-repeat center center/contain;
  left: 50%;
  z-index: 9;
  border: 0;
  width: 45px;
  height: 45px;
  color: #2F3C3F;
}

.image-slider .slick-prev {
  transform: translateX(calc(-50% - 27px));
}

.image-slider .slick-next {
  transform: translateX(calc(-50% + 27px));
}

/** SCHRIFTEN **/

h1, .h1 span, h2 {
  font-family: 'Prequel', 'Open Sans', sans-serif !important;
  letter-spacing: -1px;
}

      h1,
      .h1 span {
        font-variant-ligatures: none;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
      }



.h1.hero-text,
.h1.hero-text h1,
.woocommerce-products-header h1 { 
  font-size: 45px !important;
  line-height: 50px !important;
}

.h3 h1{
  font-family: "Krub", Sans-serif !important;
letter-spacing: 0;
}

h4 {
  font-size: inherit;
  margin-bottom: 0;
  margin-top: 30px;
}

a {
  text-decoration: none !important;
}

p a:not(.no-textlink) {
  background-image: linear-gradient(0deg,currentColor,currentColor 1.5px,transparent 1.5px,transparent);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
  text-decoration: none;
  transition: background-size .2s,color .2s !important;
  display: inline-flex;
}

p a:not(.no-textlink):hover,
p a:not(.no-textlink):focus {
  background-size: 50% 100%;
  opacity: 0.75;
}

/** Footer **/

.ekit-template-content-footer ul#menu-footer {
  list-style-type: none;
  padding: 0;
  text-align: left;
}

.ekit-template-content-footer ul#menu-footer li a {
font-weight: 500;
line-height: 25px;
}

.ekit-template-content-footer ul#menu-footer li a:hover,
.ekit-template-content-footer ul#menu-footer li a:focus {
  font-weight: 700;
  }

.ekit-template-content-footer .trenner-oben {
  transform: rotate(180deg);
  bottom: 100%;
}
.ekit-template-content-footer .trenner-oben svg#trenner {
 fill:#657C5A;
}

.ekit-template-content-footer .social-media {
  margin-top: 15px;
  display:inline-block;
}

.elementor-widget-elementskit-back-to-top .ekit-btt__button  {
  display: flex !important;
  align-items: center;
  justify-content: center; 
}


/** HINTERGRUNDWISSEM**/
.archive .site-main,
.blog .site-main,
.error404 .site-main {
  max-width: none !important;
  padding: 0 !important;
}

.post-grid {
  display: grid;
  grid-gap: 50px;
  grid-template-columns: repeat(1,1fr);
}

.tax-touren h1.current-taxonomy {
  color: #79966E;
  text-align: center;
  font-family: "Krub", Sans-serif !important;
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 30px;
  line-height: 31px;
  hyphens: none;
}

.touren-thumb {
  display: block;
  position: relative;
  aspect-ratio: 1/1;
  width: 85% !important;
  margin: 0 auto;
}

.touren-thumb img{
  width: 100%;
  height: 100% !important;
  max-height: unset !important;
}

.tax-touren .post-grid article,
.blog .post-grid article {
  position: relative;
}

.tax-touren .post-grid h2,
.blog .post-grid h2 {
  position: absolute;
  top: 10%;
  left: 10%;
  max-width: 60%;
  color: #2F3C3F;
  font-size: 18px;
  line-height: 20px;
  font-family: "Krub", Sans-serif !important;
  letter-spacing: 0;
  padding: 10px 20px;
  background: #DDE5DA;
  border-radius: 50px;
  display: inline-block;
  font-weight: 700;
}



.taxonomy-button {
  background: #DB984E;
  padding: 10px 15px;
  border-radius: 50px;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 19px;
  display: block;
  color: #2F3C3F !important;
}

.taxonomy-button:hover{
background: #DB984EB8 !important;
}


/**** SHOP ****/

.woocommerce-page{
color: #DDE5DA;
}

.wc-block-mini-cart__drawer {
  color:#2F3C3F;
}

.woocommerce-products-header {
  position: relative;
}

.woocommerce-products-header h1 {
  position: relative;
  background-color: #6C9D9B;
  width: 100%;
  text-align: center;
  text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
  color: #ffffff;
  padding: 20px 30px 0 30px;
  margin: 0;
}

main.warenkorb, main.kasse {
  max-width: unset !important;
}

main.warenkorb .alignwide, 
main.kasse .alignwide{
  margin-inline:unset;
}


main.warenkorb .wc-block-mini-cart, 
main.kasse .wc-block-mini-cart{
  visibility: visible !important;
}

.shop-wrapper {
  padding: 50px 20px 150px 20px;
}

.shop-wrapper .e-con-inner {
  max-width: 1280px;
  margin: 0 auto;
}




.shop-header-widget {
  position: fixed;
  z-index: 9; 
  bottom: 10px;
  left: 15px;
}


.shop-header-widget .wc-block-mini-cart__button,
.onsale {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M49.9027,29.4732c.0408,3.4695-1.2764,6.3807-3.5343,8.9479-3.3835,3.8458-7.5739,6.6643-11.8759,9.3231-1.7403,1.0754-3.6806,1.5829-5.7883,1.5444-2.1088-.0396-6.91.1658-11.7648-.957-4.4634-1.0318-9.2802-2.9799-10.6224-4.2009C2.598,40.746.6376,32.1889.2434,28.9595c-.4266-3.493,1.1273-8.9552,1.3009-9.8525,1.0876-5.6281,2.0424-7.7146,5.977-11.8072,1.7683-1.8397,5.1937-2.9251,7.599-3.9201,1.3998-.579,6.8486-2.1965,8.3477-2.3545,3.6527-.3858,7.0669.1608,10.408,1.2831,1.9118.6432,3.6884,1.6616,5.1289,3.1641,1.2256,1.2792,2.5354,2.9285,3.8358,4.1306,1.7236,1.5924,4.4477,6.3483,5.3076,8.4622,1.1385,2.8029,1.7303,9.3868,1.7543,11.408Z" fill="%23DB984E"/></svg>') no-repeat center center / cover;  
  padding: 11px !important;
  color:#2F3C3F;
}

.shop-header-widget .wc-block-mini-cart__button:hover
.shop-header-widget .wc-block-mini-cart__button:focus,
.product button.single_add_to_cart_button:hover,
.product button.single_add_to_cart_button:focus,
.add_to_cart_button:hover,
ul.products li .more-info-button:hover,
.wc-block-mini-cart__drawer .wp-block-button__link:hover,
.wc-block-mini-cart__drawer .wc-block-components-button:hover,
.warenkorb .wc-block-cart__submit-button:hover,
.warenkorb .wc-block-components-totals-coupon__button:hover,
.kasse .wc-block-components-checkout-place-order-button:hover,
.kasse .wc-block-components-checkout-return-to-cart-button:hover,
.woocommerce .woocommerce-error .button:hover, 
.woocommerce .woocommerce-info .button:hover, 
.woocommerce .woocommerce-message .button:hover, 
.woocommerce-page .woocommerce-error .button:hover, 
.woocommerce-page .woocommerce-info .button:hover, 
.woocommerce-page .woocommerce-message .button:hover,
.accordion button:hover,
.accordion button:focus,
.elementskit-accordion .ekit-accordion--toggler:hover,
.elementskit-accordion .ekit-accordion--toggler:focus,
.ekit-btn-wraper a:focus,
.social-media:focus,
.slick-arrow:focus,
.slick-arrow:hover,
.ekit-template-content-footer ul#menu-footer li a:focus,
.ekit-template-content-footer ul#menu-footer li a:hover,
.elementor-widget-icon-list a:hover,
.elementor-widget-icon-list a:focus,
.site-logo:focus,
.wc-block-mini-cart__drawer .wc-block-cart-item__remove-link:focus,
.wc-block-mini-cart__drawer .wc-block-components-button:focus,
.wc-block-mini-cart__drawer .wc-block-components-button:hover,
.wc-block-mini-cart__drawer .wc-block-components-button:focus,
.wc-block-mini-cart__drawer .wc-gzd-block-mini-cart-notices__notice a:focus,
.ekit-back-to-top-container:focus,
.wc-block-mini-cart__button:hover,
.wc-block-mini-cart__button:focus,
.sitemap ul li a:hover,
.sitemap ul li a:focus,
.seiten-404 ul li a:hover,
.seiten-404 ul li a:focus,
.wpcf7-form .wpcf7-submit:hover,
.wpcf7-form .wpcf7-submit:focus  {
    opacity: 0.75 !important;
}
:focus {
  border: 0 !important;
}

:not(body):focus-visible {
  border: 2px solid #ce3434 !important;
}

.post-grid .post:focus-visible,
.wc-block-components-totals-coupon .wc-block-components-panel__button:focus-visible,
.kasse .wc-blocks-components-select__select:focus-visible,
.kasse .wc-blocks-components-select__select:focus-visible, 
.mf-form-wrapper .mf-input-select:focus-visible,
.mf-form-wrapper .mf-input-select:focus{
  border: 2px solid #ce3434 !important;
}
.post-grid .post a:focus {
  border: none !important;
}

.slick-slide:focus {
  opacity: 0.75 !important; 
}



.shop-header-widget .wc-block-mini-cart__badge {
  background:#d00000;
  color: #DDE5DA;
  left: 120%;
  top: -3px;
} 

.wpcf7-form input[type="checkbox"]:focus-visible,
.wpcf7-form input[type="checkbox"]:focus{
outline: 2px solid #ce3434;
}




/* Übersichtsseite Shop */

/* 📱 Standard: Mobile (alles untereinander) */
.woocommerce-shop .shop-wrapper .e-con-inner {
  display: block;
}

.woocommerce-shop .description-wrapper,
.woocommerce-shop .product-wrapper {
  flex: none;
  width: 100%;
  max-width: 100%;
}

.woocommerce-shop .description-wrapper{
  margin-bottom: 25px;
}

.woocommerce-shop .page-description,
.woocommerce-shop .shop-sorting  {
  padding: 25px;
}

.woocommerce-shop .shop-sorting {
  display:inline-block;
  margin-bottom: 15px;
  width: 100%;
}

.woocommerce-shop .shop-sorting .woocommerce-ordering,
.woocommerce-shop .shop-sorting .wp-block-heading{
  margin: 0;
  float: none;
}

.woocommerce-shop .product-wrapper li.product,
.woocommerce-shop .page-description,
.woocommerce-shop .shop-sorting {
  background-color: #17262B;
  border-radius: 25px;
}


.woocommerce-shop ul.products li.product a img {
  border-radius: 35px;
  padding:25px 25px 15px 25px;
  margin: 0;
}


.woocommerce-shop .product-wrapper a.more-info-button {
color: #db984e !important;
}

.woocommerce-shop .woocommerce-ordering,
.woocommerce-shop .wc-block-attribute-filter.style-dropdown {
  margin-top: 10px !important;
}

.product-region {
text-transform: uppercase;
  font-weight: 500;
  color: #dde5da;
}

.woocommerce-shop .button-container {
 padding-top: 0 !important; 
}

.woocommerce-shop ul.products {
  gap: 20px;
}


 .shop-sorting .orderby{
  background: #2F3C3F;
  padding: 10px 20px;
  border-radius: 25px;
  color: #DDE5DA;
  font-weight: 500;
  border:0;
  font-size: 15px;
appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='white'%3E%3Cpath d='M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.75em center;
  background-size: 1.75em auto;

}

.woocommerce-shop .components-form-token-field__input-container {
background-color: #2F3C3F !important;
  padding: 10px 20px !important;
    border-radius: 25px !important;
}

.woocommerce-shop .components-form-token-field__input-container input {
  min-height: auto !important;
  margin: 0 !important;
}

.woocommerce-shop .wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper:not(.is-loading) {
      border:0 !important;
}

.woocommerce-shop .components-form-token-field__input::placeholder { 
  color: #DDE5DA !important;
    font-size: 15px !important;
      font-weight: 500 !important;

 }

.woocommerce-shop .wc-block-attribute-filter svg path {
  fill: #DDE5DA !important;
}


.woocommerce-shop .filter-region .components-form-token-field__suggestions-list {
    background: #2F3C3F;
    border:0 !important;
      padding: 10px 0 10px 0;
        border-radius: 20px !important;
}

.woocommerce-shop .filter-region .components-form-token-field__suggestions-list li {
border: 0 !important;
  color: #DDE5DA !important;
  border: 0 !important;
  color: #fff !important;
  padding: 0 10px !important;
}

.woocommerce-shop .filter-region .components-form-token-field__suggestions-list li:hover,
.woocommerce-shop .filter-region .components-form-token-field__suggestions-list li:focus-visible,
.woocommerce-shop .filter-region .components-form-token-field__suggestions-list li:focus,
.woocommerce-shop .filter-region .components-form-token-field__suggestions-list li:active {
background-color: transparent !important;
font-weight: 700 !important;
}





/* 2) Häufige State-Klassen + ARIA-States */
.woocommerce-shop .filter-region
  .components-form-token-field__suggestions-list li,
.woocommerce-shop .filter-region
  .components-form-token-field__suggestions-list li > *,
.woocommerce-shop .filter-region
  .components-form-token-field__suggestions-list li.is-selected,
.woocommerce-shop .filter-region
  .components-form-token-field__suggestions-list li.is-highlighted,
.woocommerce-shop .filter-region
  .components-form-token-field__suggestions-list li[aria-selected="true"],
.woocommerce-shop .filter-region
  .components-form-token-field__suggestions-list li > *[aria-selected="true"] {
  background: transparent !important;
  outline: none !important;
}




.woocommerce-shop .filter-region .components-button svg path{
  fill: #2F3C3F !important;
}



/* Produktseiten */



.single-product .variations tbody > tr:nth-child(2n+1) > th,
.single-product .variations tbody > tr:nth-child(2n+1){
  background-color: #2F3C3F;
}

.single-product .variations tbody > tr:nth-child(2n+1) > td{
  background-color: transparent;
}


.single-product .variations select{
  background-color: #DDE5DA !important;
  border-radius: 25px;
}


.single-product .accordion-content h3 {
  color: #DB984E;
  font-family: 'Prequel', 'Open Sans', sans-serif !important;
  margin-bottom: 35px;
}

.single-product .accordion-content h4 {
text-transform: uppercase;
font-size: 20px;
}

.single-product .content .wp-block-columns {
  gap: 50px;
}



.single-product main {
  max-width: none !important;
}

.single-product .product,
.warenkorb .wc-block-cart,
.kasse .wc-block-components-sidebar-layout{
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
}


.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
  right: 2em !important;
  top: 2em !important;
}

.product .woocommerce-product-gallery div{
  margin-bottom: 10px;
  aspect-ratio: 1 / 0.5;
  height: auto !important;
}

.product .woocommerce-product-gallery .flex-control-nav{
display: flex;
  gap: 10px;
  max-height: 150px;
}

.single-product  h2.product_title {
hyphens: auto;
margin-top: 15px !important;
margin-bottom: 0;
}



.product .woocommerce-product-gallery,
.product .summary,
.warenkorb .wc-block-components-main,
.warenkorb .wc-block-components-sidebar,
.kasse .wc-block-components-main,
.kasse .wc-block-components-sidebar  {
  width: 100% !important;
  margin-bottom: 0 !important;
}



.product .woocommerce-tabs {
  width: 100% !important;
} 

.product > div, 
.product > section,
.warenkorb .wp-block-woocommerce-cart-items-block,
.warenkorb .wc-block-components-sidebar,
.kasse .wc-block-components-main,
.kasse .wc-block-components-sidebar,
.kasse .woocommerce-order,
.warenkorb .wp-block-woocommerce-empty-cart-block,
.woocommerce-order-pay .woocommerce{
 /* background-color: #4B5A5E;*/
  background-color: #17262B ;
  border-radius: 25px;
  padding:25px !important;
} 




.product button.single_add_to_cart_button,
 .add_to_cart_button,
 ul.products li .more-info-button,
 .wc-block-mini-cart__drawer .wp-block-button__link,
 .wc-block-mini-cart__drawer .wc-block-components-button,
 .warenkorb .wc-block-cart__submit-button,
 .warenkorb .wc-block-components-totals-coupon__button,
 .kasse .wc-block-components-totals-coupon__button,
 .kasse .wc-block-components-checkout-place-order-button,
 .kasse .wc-block-components-checkout-return-to-cart-button,
 .woocommerce-order-pay button#place_order,
 .button.product_type_simple {
  background: #DB984E !important;
  border-radius: 50px !important; 
  font-size: 18px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  color: #2F3C3F !important;
  transition: all .3s !important;
}

.kasse .wc-block-components-checkout-return-to-cart-button,
.kasse .wc-block-components-totals-coupon__button,
.warenkorb .wc-block-components-totals-coupon__button{
color: #DB984E !important;
}



ul.products li .more-info-button,
.warenkorb .wc-block-components-totals-coupon__button,
.kasse .wc-block-components-totals-coupon__button,
.kasse .wc-block-components-checkout-return-to-cart-button  {
  border: 2px solid #DB984E;
  background: transparent !important;
}

.wc-block-mini-cart__drawer .wc-block-components-button.outlined{
border: 2px solid #2F3C3F;
background: transparent !important;
}

.product .quantity .qty {
  border-radius: 50px;
  border: 0;
  background: #DDE5DA;
  padding-right: 7px;
  width: 4em
}

.product .cart{
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px;
} 

.produkttitel {
  display: flex;
  flex-direction: column-reverse;
}

.product .product-category,
.warenkorb .wc-block-cart__totals-title,
.kasse .wc-block-components-title,
.kasse .wc-block-components-checkout-order-summary__title-text,
.kasse .woocommerce-order .woocommerce-thankyou-order-received,
.kasse .woocommerce-order h2,
.woocommerce-shop .description-wrapper .wp-block-heading
 {
  font-size: 18px !important;
  line-height: 20px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  color: #DB984E !important;
  margin-bottom: 0 !important;
  font-family: 'Krub', 'Open Sans', sans-serif !important;
  letter-spacing: inherit !important;
}


.price {
  color: #DB984E !important;
  text-decoration: none;
  font-weight: 700 !important;
  font-size: 20px !important;
}

.single-product .product .entry-summary .price {
  font-size: 30px !important;
  margin-bottom: 0;
}




.single-product .product .price del {
  font-weight: 400 !important;

}
 
.product .price ins{
  text-decoration: none;
}

.legal-price-info p,
p.delivery-time-info {
  margin-bottom: 0 !important;
  font-size: 13px !important;
}

.product .woocommerce-product-details__short-description {
  margin: 50px 0;
}


.woocommerce-product-gallery img {
  position: static !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}


.woocommerce-product-gallery .woocommerce-product-gallery__image a {
  display: block;
}

.woocommerce-product-gallery__wrapper,
.woocommerce-product-gallery__image,
.woocommerce-product-gallery .woocommerce-product-gallery__image a {
  height: 100%;
}

.woocommerce-product-gallery .woocommerce-product-gallery__image,
.woocommerce-product-gallery .flex-control-thumbs li,
.woocommerce-product-gallery__image--placeholder {
  border-radius:10px;
  overflow: hidden;
}


.single-product .woocommerce-tabs details {
  background: #2F3C3F;
}

.single-product .woocommerce-tabs details[open] summary {
  background: #DB984E;
}


.single-product .accordion {
  margin-bottom: 10px;
}


.accordion-item {
  border: 1px solid #ccc;
  margin-bottom: 5px;
}

.accordion button {
  background-color: #DB984E;
  padding: 10px 20px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  cursor: pointer;
  font-size: 16px;
  transition: background-color 0.3s ease;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-transform: uppercase;
  font-weight: 700;
  color: #2F3C3F;
  border-radius: 25px;
  margin-bottom: 5px;
}

.accordion button.active,
.accordion button[aria-expanded="true"] {
  background-color: #DB984E; /* Beispiel: Ändere die Hintergrundfarbe */
}


.accordion-content {
  max-height: 0; /* Important for the initial state */
  overflow: hidden; /* Prevents content from spilling out */
  transition: max-height 0.3s ease; /* Smooth transition */
  background-color: #2F3C3F;
  border-radius: 25px;
}



.accordion-content p {
  margin: 10px 0;
}

.accordion button i {
  position: absolute;
  right: 15px;
  transition: transform 0.3s ease; 
}

.accordion button[aria-expanded="true"] i {
  transform: rotate(90deg);
}

.accordion-content .content {
  padding: 20px;
}

.single-product .price.accordion,
.single-product .cart {
  margin-top: 25px;
}


.single-product .woocommerce-product-attributes tr > *  {
background-color: transparent !important;
border:0 !important;
text-align: left;
padding: 0 !important;
vertical-align: middle;
font-style: unset !important;
font-size: 16px !important;
display: flex;
  align-items: center;
}

.single-product .woocommerce-product-attributes tr  {
position: relative;
display: block;
width: 100%;
padding-bottom: 5px;
display: flex;
  }


  .single-product .woocommerce-product-attributes tr th {
    width: 25%;
    min-width: 150px;
  }


  .single-product .accordion-content ul {
    list-style-type: none;
    padding: 0; 
    margin-top: 10px;
  
  }
  
  .single-product .accordion-content li {
    padding: 5px 0 12px 0;
    display: flex;
    align-items: center;
    position: relative;
  }
  
  .single-product .accordion-content ul li:not(:last-child)::after,
  .single-product .woocommerce-product-attributes tr::after,
.wc-block-mini-cart__drawer .wc-block-cart-items__row:not(:last-child)::after,
.headline-verkaufsstellen::after,
.sitemap ul li::after    {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 6px;
    background: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1615.6 9.7"%3E%3Cpolyline stroke="%23DB984E" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.9" fill="none" points="1.5 4.2 2.1 4.2 5 4.2 6.1 4.3 89.3 4.9 175.8 2 262.4 7.3 371.7 4.5 458.2 3.8 544.7 5.6 631.3 5.3 725.4 4 827.1 8.1 936.3 2.8 1022.9 1.5 1109.4 3.9 1233.8 4.8 1320.4 3 1406.9 2.2 1531.3 4 1617.9 4.1 1622.2 4.2 1628 4.2"/%3E%3C/svg%3E');
    background-repeat: repeat-x !important;
    left: 0;
    background-size: auto 100% !important;
  }

.headline-verkaufsstellen::after   {
/*    background: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1615.6 9.7"%3E%3Cpolyline stroke="%2379966E" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.9" fill="none" points="1.5 4.2 2.1 4.2 5 4.2 6.1 4.3 89.3 4.9 175.8 2 262.4 7.3 371.7 4.5 458.2 3.8 544.7 5.6 631.3 5.3 725.4 4 827.1 8.1 936.3 2.8 1022.9 1.5 1109.4 3.9 1233.8 4.8 1320.4 3 1406.9 2.2 1531.3 4 1617.9 4.1 1622.2 4.2 1628 4.2"/%3E%3C/svg%3E');*/
background: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1615.6 9.7"%3E%3Cpolyline stroke="%2390AB8C" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.9" fill="none" points="1.5 4.2 2.1 4.2 5 4.2 6.1 4.3 89.3 4.9 175.8 2 262.4 7.3 371.7 4.5 458.2 3.8 544.7 5.6 631.3 5.3 725.4 4 827.1 8.1 936.3 2.8 1022.9 1.5 1109.4 3.9 1233.8 4.8 1320.4 3 1406.9 2.2 1531.3 4 1617.9 4.1 1622.2 4.2 1628 4.2"/%3E%3C/svg%3E');
  }

  
  .single-product .accordion-content ul li::before {
    content: "\f00c";
    font-weight: 900;
    font-size: 16px;


  }

  .single-product .accordion-content ul li::before,
  .single-product .woocommerce-product-attributes tr th::before{
    font-family: "Font Awesome 5 Free";
    width: 25px;
    height: 25px;
    background: #DB984E;
    border-radius: 25px;
    padding: 5px;
    margin-right: 15px;
    color: #2F3C3F;
    display: flex;
    align-items: center;
    float: left;
  justify-content: center;

  }


  .single-product .woocommerce-product-attributes tr.woocommerce-product-attributes-item--attribute_pa_region th::before {
    content: "\f3c5";
  }

  .single-product .woocommerce-product-attributes tr.woocommerce-product-attributes-item--attribute_pa_spielzeit th::before {
    content: "\f017";
  }

  .single-product .woocommerce-product-attributes tr.woocommerce-product-attributes-item--attribute_pa_distanz th::before {
    content: "\f4d7";
  }

  .single-product .woocommerce-product-attributes tr.woocommerce-product-attributes-item--attribute_pa_barrierefrei th::before {
    content: "\f77d";
  }


  .single-product .woocommerce-product-attributes tr.woocommerce-product-attributes-item--attribute_pa_alter th::before {
    content: "\f007";
  }

  .single-product .woocommerce-product-attributes tr.woocommerce-product-attributes-item--attribute_pa_personen th::before {
    content: "\f500";
  }

  
  .single-product .woocommerce-product-attributes tr.woocommerce-product-attributes-item--attribute_pa_dauer td p::before,
  .single-product .woocommerce-product-attributes tr.woocommerce-product-attributes-item--attribute_pa_distanz td p::before {
    content:"ca. "
  }

  .single-product .woocommerce-product-attributes tr.woocommerce-product-attributes-item--attribute_pa_alter td p::before {
    content:"ab "
  }

  .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .stock {
  color: #DB984E;
}


.back-to-shop {
  color: #dde5da !important;
  padding: 15px 20px !important;
  border-radius: 50px !important;
  text-transform: uppercase;
  transition: all .3s !important;
  left: 50% !important;
  transform: translateX(-50%);
  background: #17262b !important;
}

.back-to-shop:hover{
    background: #4f5a5d !important;

}


/* Sale-Baner*/

.onsale {
  line-height: unset !important;
  font-size: 17px !important;
  width: 45px;
  min-width: unset !important;
  min-height: unset !important;
  background-color: transparent !important;
}

/*Produkbeschreibung*/
.custom-short-description {
width: 100%;
}

.description-content {
  columns: 2 300px;
  column-gap: 3em;
}


.single-product .elementor-lightbox{
  display: none !important;
}


/*Ähnliche Produkte / Ansicht Produktübersicht*/

.related,
ul.products li,
.woocommerce ul.products li.product a.woocommerce-loop-product__link {
width: 100% !important;
}


ul.products {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
  width: 100%;
  margin-bottom: 0 !important;
}

ul.products::before,
ul.products::after {
  content: none !important;
}

ul.products li {
margin: 0 !important;
border-radius: 10px;
  padding-bottom: 30px !important;
  display: flex !important;
  justify-content: flex-start;
  gap: 10px !important;
  flex-wrap: wrap;
  text-align: center;
  align-items: center;
  flex-direction: column;
}


ul.products li .woocommerce-loop-product__link h2{
  font-size: 25px !important;
  line-height: 33px;
  padding-bottom: 5px !important;
}

ul.products li .woocommerce-loop-product__link h2,
ul.products li .woocommerce-loop-product__link .price {
  margin: 0 30px !important;
}

ul.products li .add_to_cart_button,
ul.products li .more-info-button {
  margin-top: 0 !important;
}


.related ul.products li {
  background-color: #2F3C3F;
  }

ul.products li {
    background-color: #4B5A5E;
    }


    ul.products li .woocommerce-loop-product__link img {
      border-radius: 10px 10px 0 0;
    }

    ul.products li .woocommerce-loop-product__link {
      margin-bottom: 20px;
    }

    ul.products li .button-container {
      background: transparent;
  align-content: end;
  align-items: end;
  margin-top: auto;
  padding: 0;
  gap: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
    }


/* Warenkorb */



.wc-block-mini-cart__drawer .wc-gzd-block-mini-cart-notices__notice a {
  color: #2F3C3F !important;
}

.wp-block-woocommerce-filled-mini-cart-contents-block{
background-color: #ffffff !important;
}

.wc-block-mini-cart__drawer .wp-block-button__link {
padding: 10px 15px;
min-height: unset !important;
line-height: 18px;
display: none !important; /* später wieder einblenden */
}

.wc-block-mini-cart__drawer .wp-block-woocommerce-mini-cart-footer-block {
background: #F2F2F2;
}

.wc-block-mini-cart__drawer .wp-block-woocommerce-mini-cart-footer-block .wc-gzd-block-mini-cart-notices__tax-notice{
}

.wc-block-mini-cart__drawer,
.wc-block-mini-cart__drawer h2,
.wc-block-mini-cart__drawer .wc-block-components-product-name{
  color: #2F3C3F;
}

.wc-block-mini-cart__drawer .wp-block-woocommerce-mini-cart-title-items-counter-block {
  display: none !important;
}

.wc-block-mini-cart__drawer .wc-block-cart-items__row:not(:last-child) {
  position: relative;
}

.wc-block-mini-cart__drawer .wc-block-components-product-name,
.warenkorb .wc-block-components-product-name,
.kasse .wc-block-components-product-name{
  text-transform: uppercase;
  font-size: 15px;
  margin-bottom: 0 !important;
  font-weight: 700 !important;
}

.wc-block-mini-cart__drawer .price {
  font-size: 15px !important;
  line-height: 16px;
}

.wc-block-mini-cart__drawer .wc-block-components-button {
  font-size: 15px !important;
  line-height: 16px !important;
  box-shadow: none !important 
}

.wc-block-mini-cart__drawer .wc-block-components-button.outlined {
  color: #2F3C3F !important;
}


.warenkorb .wc-block-cart-items {
  border-spacing: 0px 15px !important;
  border-collapse: separate;
}

.warenkorb .wc-block-cart-items tr {
  padding: 0 !important;
  display: inherit !important;
}

.warenkorb .wc-block-cart-items tr td {
  background: #2F3C3F !important;
  padding: 15px !important;
}


.warenkorb .wc-block-cart-items tr td:first-child {
  display:none;
}


.warenkorb .wc-block-cart-items tr td:nth-child(2) {
  border-radius: 10px 0 0 10px;
}

.warenkorb .wc-block-cart-items tr td:last-child {
  border-radius: 0 10px 10px 0;
  display: table-cell !important;
}

.warenkorb .wc-block-components-quantity-selector {
  background: #4B5A5E;
}

.warenkorb .wc-block-components-product-details__name {
  display:none;
}


.warenkorb thead th,
.warenkorb  .wc-block-cart-items{
  border: 0 !important;
  margin:0 !important;
}

.warenkorb .wc-block-cart__submit-button,
.kasse .wc-block-components-checkout-place-order-button  {
  min-height: unset !important;
  padding: 10px 15px !important;
  line-height: 20px;
  border: 0;
}


.warenkorb #wc-block-components-totals-coupon__input-coupon,
.kasse #wc-block-components-totals-coupon__input-coupon {
  border-radius: 25px !important;
  padding: 20px 15px 5px 15px !important;
}



.warenkorb .wc-block-components-totals-coupon__input label,
.kasse .wc-blocks-components-select__container label,
.kasse .wc-block-components-totals-coupon__input label {
  left: 15px !important;
} 



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


.warenkorb .wp-block-woocommerce-cart-order-summary-block div,
.kasse #billing-country{
border: 0 !important;
}


.warenkorb .wp-block-woocommerce-cart-order-summary-coupon-form-block,
.kasse .wp-block-woocommerce-checkout-order-summary-coupon-form-block{
  background: #2F3C3F;
  padding: 20px 20px;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 25px;
}

.warenkorb .wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-panel__content {
  margin-bottom: 10px;
}


.warenkorb .wc-block-cart-items thead,
.wc-block-checkout__guest-checkout-notice {
  display: none;
}

.kasse .wc-block-formatted-money-amount {
  font-weight: 700 !important;
}

/* Kasse */





.kasse .wp-block-woocommerce-checkout {
  padding: 0 ;
}

.kasse .wc-block-components-sidebar {
  margin-top: 0;
}

.kasse .wc-block-components-main fieldset::after,
.kasse .wc-block-components-main #order-notes::after {
  content:none !important;
}
.kasse .wc-block-components-validation-error {
  color: #DB984E !important;
}

.wc-block-components-form .wc-block-components-text-input.has-error label, .wc-block-components-text-input.has-error label{
  color: #2F3C3F !important;
  font-weight: 700;
}

.wc-block-components-form .wc-block-components-text-input.has-error input, .wc-block-components-form .wc-block-components-text-input.has-error input:active, .wc-block-components-form .wc-block-components-text-input.has-error input:focus, .wc-block-components-form .wc-block-components-text-input.has-error input:hover, .wc-block-components-text-input.has-error input, .wc-block-components-text-input.has-error input:active, .wc-block-components-text-input.has-error input:focus, .wc-block-components-text-input.has-error input:hover{
 background: #dbcdbd !important;
 border-color: #DB984E !important;
}





.kasse .wc-block-components-text-input{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.kasse .wc-blocks-components-select div {
  flex-direction: column;
}


.kasse label:not([for="wc-block-components-totals-coupon__input-coupon"]),
.wc-block-components-form .wc-block-components-text-input.has-error label, .wc-block-components-text-input.has-error label {
 position: relative !important;
 display: block !important;
 white-space: unset !important;
 transform: none !important;
 top: unset !important;
 line-height: 17px !important;
 color: #DDE5DA !important;
 font-weight: 700 !important;
 margin-bottom: 5px !important;
}

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

.kasse .wc-blocks-components-select__container select,
.kasse input:not([type="checkbox"]):not([type="radio"]) {
  border-radius: 25px !important;
  background-color: #ffffff;
  padding: 10px 15px !important;
  order: 1;
}

.kasse .wc-block-components-validation-error {
  order: 2;
}


.kasse .wc-blocks-components-select .wc-blocks-components-select__expand{
  top: auto !important;
  bottom: 0;
}

.kasse .wc-block-components-checkbox .wc-block-components-checkbox__mark {
  left: 0;
}

.kasse .required-field-container label::after {
  content:"*";
  color: #DB984E;
}


.warenkorb,
.kasse {
  padding: 0 !important;
}

.kasse .wc-block-components-checkout-step__heading,
.kasse .wc-block-components-checkout-step__description {
  margin-left: .5625em;
}


.kasse .wc-block-components-shipping-rates-control label,
.kasse .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control-accordion-option {
  box-shadow: none !important;
/*  border-radius: 25px !important;*/
  background-color: #2F3C3F;
  margin-bottom: 5px !important;
}

.kasse .pickup-location-search-fields label {
  background-color: transparent !important;
}

.kasse .wc-block-components-shipping-rates-control .wc-block-components-radio-control__option--checked-option-highlighted,
.kasse .wc-block-components-radio-control .wc-block-components-radio-control-accordion-option--checked-option-highlighted,
.kasse .wc-block-components-radio-control .wc-block-components-radio-control-accordion-option--checked-option-highlighted span{
background-color: #DB984E;
color: #2F3C3F !important;
}

.kasse .wc-block-components-shipping-rates-control .wc-block-components-radio-control__option--checked-option-highlighted .wc-block-components-radio-control__label,
.kasse .wc-block-components-shipping-rates-control .wc-block-components-radio-control__option--checked-option-highlighted .wc-block-components-radio-control__secondary-label,
.kasse .wc-block-components-radio-control .wc-block-components-radio-control-accordion-option--checked-option-highlighted .wc-block-components-payment-method-label{
  color: #2F3C3F !important;
}

.wc-block-components-radio-control-accordion-content {
padding: 15px !important;
}

.kasse .wc-block-checkout__add-note textarea,
.kasse .wc-block-components-order-summary  {
  border-radius: 25px !important;
}


.kasse .legal a {
  color: #DB984E !important;
}

.kasse .legal .has-error {
  background-color: #DB984E47;
  padding:15px;
  border-radius: 25px;
}

.kasse .wc-block-components-order-summary {
  background-color: #2F3C3F !important;
  margin-top: 25px;
  margin-bottom: 25px;
}

.kasse .wp-block-woocommerce-checkout-order-summary-block,
.kasse .wc-block-components-totals-wrapper,
.kasse .wc-block-components-checkout-order-summary__title {
  border: 0 !important;
}

.kasse .wp-block-woocommerce-checkout-order-summary-block .price {
  font-size: 15px !important;
}

.kasse .wc-block-checkout__actions_row {
  flex-wrap: wrap !important;
}

.kasse .wc-block-components-checkout-place-order-button {
  width: auto !important;
  margin: 0 !important;
}

.kasse .wc-block-components-checkout-return-to-cart-button {
  padding: 5px 15px 5px 35px;
  text-align: center;
}

.kasse .wc-block-components-checkout-return-to-cart-button svg {
  left:5px;
}

.kasse .wc-block-checkout__actions_row {
  justify-content: center !important;
  gap: 10px;
}

.kasse .wc-block-components-address-card {
  border: 0;
  border-radius: 25px;
  background-color: #2F3C3F;
}

.kasse .wc-block-components-address-card__edit {
  color: #DB984E;
  font-weight: 700 ;
  border-radius: 25px;

}

.kasse .wc-block-components-address-card__edit:hover,
.kasse .wc-block-components-address-card__edit:active,
.kasse .wc-block-components-address-card__edit:focus {
background-color: #DB984E;
color: #ffffff;
text-decoration: none;
}

div[activepaymentmethod="ppcp-gateway"] > p:first-of-type {
  display: none;}

.ppcp-place-order-description {
  text-align: left !important;
}


.woocommerce-order-pay #payment {
  background-color: #2F3C3F;
  border-radius: 15px;
}




/*Danke-Seite*/

.kasse .woocommerce-order .woocommerce-thankyou-order-details,
.kasse .woocommerce-order address,
.kasse .woocommerce-order .woocommerce-bacs-bank-details {
  background: #2F3C3F;
  padding: 25px;
  border-radius: 15px;
  margin-top: 15px;
  margin-bottom: 35px !important;
  border: 0 !important;
}

.kasse .woocommerce-order ul.order_details{
  display: flex;
  flex-direction: row;  
  flex-wrap: wrap;
  gap: 15px;
}


.kasse .woocommerce-order ul.order_details li {
  width: 100%;
  margin: 0;
  padding-bottom: 5px;
padding-top: 5px;
}
.kasse .woocommerce-order ul.order_details li:not(:last-child) {
border-right: 0;
border-bottom: 1px dashed #ffffff;

}

.kasse .woocommerce-order ul.order_details::before,
.kasse .woocommerce-order ul.order_details::after {
  content: none;
}

.kasse .woocommerce-order table.order_details,
.woocommerce-order-pay table.shop_table {
  background: transparent;
  margin-top: 15px;
}

.kasse .woocommerce-order table.order_details td,
.woocommerce-order-pay table.shop_table tfoot td,
.kasse .woocommerce-order table.order_details th,
.woocommerce-order-pay table.shop_table th{
  background: #2F3C3F;
}

.kasse .woocommerce-order table.order_details tbody td
.woocommerce-order-pay table.shop_table tbody td {
background-color: #242D2F;
}


.kasse .woocommerce-order table.order_details thead tr th:first-child,
.kasse .woocommerce-order table.order_details thead tr th:last-child,
.woocommerce-order-pay table.shop_table thead tr th {
  text-transform: uppercase;
  background-color: #DB984E;
  color: #2F3C3F;
}

.kasse .woocommerce-order table.order_details thead tr th:first-child,
.woocommerce-order-pay table.shop_table thead tr th:first-child{
  border-radius: 10px 0 0 0;

}

.kasse .woocommerce-order table.order_details thead tr th:last-child,
.woocommerce-order-pay table.shop_table thead tr th:last-child {
  border-radius: 0 10px 0 0;
}


.kasse .woocommerce-order table.order_details tfoot tr:last-child th:first-child {
  border-radius: 0 0 0 10px;

}

.kasse .woocommerce-order table.order_details tfoot tr:last-child td:last-child {
  border-radius: 0 0 10px 0;
}



.kasse .woocommerce-order .woocommerce-customer-details {
  margin-bottom: 0 !important;
}


.kasse .woocommerce-order .woocommerce-bacs-bank-details ul{
  padding: 0 !important;
  margin: 0 !important;
}

.kasse .woocommerce-order .woocommerce-bacs-bank-details h3{
  font-size: 18px !important;
}

/* Meldungen */


.woocommerce-error, .woocommerce-info, .woocommerce-message {
  background-color: #DDE5DA;
  border-radius: 25px;
  font-weight: 700;
  color: #242D2F;
  border-top-width: 5px;
}

.woocommerce-error {
  background-color: #F0E0CD;
  border-top-color: #DB984E;
}

.woocommerce .woocommerce-error .button, 
.woocommerce .woocommerce-info .button, 
.woocommerce .woocommerce-message .button, 
.woocommerce-page .woocommerce-error .button, 
.woocommerce-page .woocommerce-info .button, 
.woocommerce-page .woocommerce-message .button {
  border-radius: 25px;
  background-color: #242D2F;
  color: #DDE5DA;
  text-transform: uppercase;
}


.woocommerce .woocommerce-error .button:hover, 
.woocommerce .woocommerce-info .button:hover, 
.woocommerce .woocommerce-message .button:hover, 
.woocommerce-page .woocommerce-error .button:hover, 
.woocommerce-page .woocommerce-info .button:hover, 
.woocommerce-page .woocommerce-message .button:hover {
  background-color: #242D2F !important;
  color: #DDE5DA !important;
  color: #242D2F

}


/*Sitemap*/
.sitemap ul {
  list-style-type: none;
  padding: 0;
}

.sitemap ul li::after {
  background: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1615.6 9.7"%3E%3Cpolyline stroke="%23FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.9" fill="none" points="1.5 4.2 2.1 4.2 5 4.2 6.1 4.3 89.3 4.9 175.8 2 262.4 7.3 371.7 4.5 458.2 3.8 544.7 5.6 631.3 5.3 725.4 4 827.1 8.1 936.3 2.8 1022.9 1.5 1109.4 3.9 1233.8 4.8 1320.4 3 1406.9 2.2 1531.3 4 1617.9 4.1 1622.2 4.2 1628 4.2"/%3E%3C/svg%3E') !important;
  background-repeat: repeat-x !important;
  background-size: auto 100% !important;
}

.sitemap ul li {
  position: relative;
  padding-bottom: 7px;
}

.sitemap h3 {
  color: #ffffff;
  margin-top: 50px;
}



/*404*/

.seiten-404 ul{
  padding: 0;
}

.seiten-404 ul li{
  list-style-type: none;
  margin-bottom: 10px;
}

.seiten-404 ul li a {
  color: #2F3C3F;
  text-transform: uppercase;
  background: #C4D7BC;
  border-radius: 25px;
  padding: 15px;
  display: block;
}

.seiten-404 h5 {
  display: none;
}


/*Formulare*/

.wpcf7-form label {
  width: 100%;
  color: #ffffff;
  font-weight: 700;
  line-height: 22px;
}

.wpcf7-form label input,
.wpcf7-form label textarea {
  border-radius: 25px;
  margin-top: 5px;
}

.wpcf7-form .datenschutz{
  font-weight: 400;
}

.wpcf7-form .wpcf7-list-item{
  margin: 0;
}

.wpcf7-form .wpcf7-submit {
  background-color: #DB984E;
  color: #232F3C;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 25px;
  border: 0;
}

.wpcf7-form .wpcf7-not-valid-tip,
.wpcf7-response-output {
  color: #232F3C;
  background: #E6CD83;
  border-radius: 25px;
  font-weight: 700;
  padding: 5px 15px;
  margin-top: 5px;
  border:0 !important;
}

.wpcf7-response-output {
  margin: 50px 0 0 0 !important;} 



/* Impressum */
.woocommerce-gzd-complaints-shortcode {
  color: #ffffff;
}



/** MEDIA QUERIES **/

@media (min-width: 768px) {


  .h1.hero-text,
  .h1.hero-text h1,
  .woocommerce-products-header h1 { 
    font-size: 60px !important;
    line-height: 65px !important;
  }

  .ekit-template-content-footer ul#menu-footer {
    list-style-type: none;
    padding: 0;
    text-align: right;
  }

  .post-grid {
    grid-template-columns: repeat(2,1fr);
  }



  .warenkorb .wc-block-cart-items tr td:first-child,
  .kasse .woocommerce-order .wc-block-cart-items tr td:first-child {
    display:table-cell;
    border-radius: 10px 0 0 10px;
  }
  
  
  .warenkorb .wc-block-cart-items tr td:nth-child(2) {
    border-radius: 0;
  }
  

.kasse .woocommerce-order ul.order_details li{
    width: inherit;

   }

   .kasse .woocommerce-order ul.order_details li:not(:last-child){
    border-right: 1px dashed #ffffff !important;
    border-bottom: 0 !important;
   }

  ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }


   

    }


@media (min-width: 1025px) {


      h1,
      .h1 span {
        -webkit-hyphens: none ;
        -moz-hyphens: none;
        hyphens: none;
      }

      .woocommerce-products-header h1 {
        position: absolute;
        top: 50px;
        right: 0;
        background: transparent !important;
      }

.header-text {
    position: absolute;
    top:50px;
    right: 0;
    background: transparent !important;
    }


    .h1.hero-text,
    .h1.hero-text h1,

    .woocommerce-products-header h1 { 
      font-size: min(max(45px, 5vw), 80px) !important;
      line-height: min(max(50px, 5.25vw), 85px) !important;
    }

    .slick-slide {
      min-height: 500px !important;
  }

  .post-grid {
    grid-template-columns: repeat(3,1fr);
  }



  .product .woocommerce-product-gallery,
  .warenkorb .wc-block-components-main,
  .kasse .wc-block-components-main {
    width: calc((100% / 3) * 2 - 25px) !important;
  }
  
  
  .product .summary,
  .warenkorb .wc-block-components-sidebar,
  .kasse .wc-block-components-sidebar  {
    width: calc((100% / 3)) !important;
  
  } 

  .product > div, 
.product > section {
/*  background-color: #4B5A5E;*/
  border-radius: 25px;
  padding:50px;
} 

.woocommerce-shop .shop-wrapper .e-con-inner {
    display: flex;
    gap: 2rem; /* Abstand zwischen Filter und Produkten */
    align-items: flex-start;
  }

  .woocommerce-shop .description-wrapper  {
    flex: 0 0 25%;
    max-width: 300px;
  }

  .woocommerce-shop .product-wrapper {
    flex: 1;
  }

  ul.products {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }


}