@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700&display=swap");

/* =========================================================
   EDDI CSS – V1.22 SHOP BOSS CLEAN
   GOLDENE REGEL:
   .eddi-shop-container ist der einzige Boss der globalen Seitenbreite.
   Children bestimmen nur ihr Verhältnis innerhalb des Parents.
   Wiederkehrende Elemente werden global genau EINMAL definiert.
   ========================================================= */


/* =========================================================
   1. GLOBALE DESIGN-VARIABLEN
   ========================================================= */

:root{
  /* Seitenrahmen */
  --eddi-content-width:1180px;
  --eddi-page-gap:24px;

  /* Farben */
  --eddi-page-bg:#E4F0ED;
  --eddi-dark-blue:#273451;
  --eddi-footer-blue:#456789;
  --eddi-turquoise:#0b7475;
  --eddi-text:#152326;
  --eddi-muted:#506063;
  --eddi-link:#005aaa;
  --eddi-active:#005aaa;
  --eddi-subcategory:#CFE3DE;
  --eddi-subcategory-border:#BCD5CF;
  --eddi-border:#cfd8d6;
  --eddi-border-soft:#d7dde2;
  --eddi-white:#ffffff;
  --eddi-cart:#e31b23;
  --eddi-cart-hover:#c9151c;

  /* Formen / Abstände */
  --eddi-radius:6px;
  --eddi-gap-xs:6px;
  --eddi-gap-sm:12px;
  --eddi-gap-md:20px;
  --eddi-gap-lg:28px;
}


/* =========================================================
   2. GLOBALE BASIS
   ========================================================= */

*,
*::before,
*::after{
  box-sizing:border-box;
}

body{
  margin:0;
  background:var(--eddi-page-bg);
  color:var(--eddi-text);
  font-family:"Raleway",Arial,sans-serif;
}

/* Links global */
a{
  color:var(--eddi-link);
  text-decoration:none;
}

a:hover,
a:focus{
  text-decoration:underline;
}

/* Globale weiße Standardbox */
.eddi-box{
  background:var(--eddi-white);
  border:1px solid var(--eddi-border);
  border-radius:var(--eddi-radius);
}

/* Globaler Standardbutton */
.eddi-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:9px 15px;
  border:0;
  border-radius:var(--eddi-radius);
  background:var(--eddi-dark-blue);
  color:var(--eddi-white);
  font-weight:700;
  text-decoration:none;
  cursor:pointer;
}

.eddi-button:hover,
.eddi-button:focus{
  color:var(--eddi-white);
  text-decoration:none;
}

/* Globales Standard-Eingabefeld */
.eddi-input{
  border:1px solid #abb5bf;
  background:var(--eddi-white);
  color:var(--eddi-text);
  font:inherit;
}


/* =========================================================
   3. GLOBALER SHOP-CONTAINER – DER BOSS
   Die globale Seitenbreite wird ausschließlich HIER definiert.
   ========================================================= */

.eddi-shop-container{
  width:min(var(--eddi-content-width),calc(100% - (2 * var(--eddi-page-gap))));
  max-width:var(--eddi-content-width);
  margin-left:auto;
  margin-right:auto;
}

/* Header und Footer sind feste Rahmenbereiche.
   Sie dürfen dieselbe feste Außenbreite wie der Shop verwenden,
   ohne die Hierarchie des Shop-Inhalts zu beeinflussen. */
#header > .eddi-shop-container,
#header .eddi-shared-header > .eddi-shop-container,
#footer .eddi-shop-container{
  width:min(var(--eddi-content-width),calc(100% - (2 * var(--eddi-page-gap))));
  max-width:var(--eddi-content-width);
  margin-left:auto;
  margin-right:auto;
}

.eddi-shop-container .columns-container{
  width:100%;
  max-width:none;
  margin-left:0;
  margin-right:0;
}

.eddi-page,
.eddi-page-wide,
.eddi-home{
  width:100%;
  max-width:none;
  margin-left:0;
  margin-right:0;
}

#header.header,
#footer.footer{background:transparent;}

#footer.footer{padding:0;}

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


/* =========================================================
   4. GLOBALER BREADCRUMB
   Genau EINE Definition für ALLE Seiten.
   ========================================================= */

.breadcrumb__wrapper,
.breadcrumb-wrapper{
  width:100%;
  max-width:none;
  margin:0;
  background:transparent !important;
}

.breadcrumb__wrapper > .container,
.breadcrumb-wrapper > .container{
  width:100%;
  max-width:none;
  margin:0;
  padding-left:0;
  padding-right:0;
  background:transparent !important;
}

.breadcrumb__wrapper::before,
.breadcrumb__wrapper::after,
.breadcrumb-wrapper::before,
.breadcrumb-wrapper::after{
  display:none !important;
  content:none !important;
}


/* =========================================================
   5. HEADER – GLOBAL
   ========================================================= */

#header,
#header.header{
  position:relative !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  z-index:auto !important;
  width:100% !important;
  margin:0 !important;
  background:var(--eddi-page-bg) !important;
  transform:none !important;
  box-shadow:none !important;
}

#header,
#header.header,
#header .eddi-shared-header,
#header .eddi-shop-container,
#header .eddi-shop-header{
  box-shadow:none !important;
  filter:none !important;
}



/* obere Navigation */
.eddi-shared-header{
  min-height:52px !important;
  height:52px !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent;
}


.eddi-nav,
.eddi-nav-menu{
  margin:0;
}

.eddi-nav-menu{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:30px;
  padding:0;
  list-style:none;
}

.eddi-nav-item{
  position:relative;
}

.eddi-nav-item>a{
  display:flex;
  align-items:center;
  gap:6px;
  padding:17px 0 8px !important;
  border-bottom:2px solid transparent;
  color:#061116;
  font-size:16px;
  font-weight:500;
  line-height:1;
  text-decoration:none;
  white-space:nowrap;
}

.eddi-nav-item>a:hover,
.eddi-nav-item>a:focus,
.eddi-nav-item-dropdown:hover>a,
.eddi-nav-item-dropdown:focus-within>a{
  color:var(--eddi-turquoise);
  border-bottom-color:var(--eddi-turquoise);
  text-decoration:none;
}

.eddi-nav-arrow{
  font-size:12px;
}

.eddi-nav-submenu{
  position:absolute;
  top:calc(100% - 1px);
  left:50%;
  z-index:120;
  min-width:235px;
  margin:0;
  padding:8px 0;
  list-style:none;
  border:1px solid rgba(11,116,117,.16);
  border-radius:7px;
  background:#fff;
  box-shadow:0 14px 34px rgba(29,55,58,.18);
  opacity:0;
  visibility:hidden;
  transform:translate(-50%,8px);
  transition:.16s ease;
}

.eddi-nav-item-dropdown:hover .eddi-nav-submenu,
.eddi-nav-item-dropdown:focus-within .eddi-nav-submenu{
  opacity:1;
  visibility:visible;
  transform:translate(-50%,0);
}

.eddi-nav-submenu a{
  display:block;
  padding:11px 18px;
  color:var(--eddi-dark-blue);
  font-size:15px;
  text-decoration:none;
  white-space:nowrap;
}

.eddi-nav-submenu a:hover,
.eddi-nav-submenu a:focus{
  background:var(--eddi-page-bg);
  color:var(--eddi-turquoise);
  text-decoration:none;
}

/* Logo | Suche | Aktionen */
.eddi-shop-header{
  display:grid !important;
  grid-template-columns:400px minmax(320px,1fr) 235px !important;
  column-gap:30px;
  align-items:center;
  min-height:0 !important;
  margin:0 !important;
  padding:4px 0 12px !important;
}

.eddi-brand{
  display:flex !important;
  align-items:center;
  min-width:0;
  width:400px;
}

.eddi-shop-header .eddi-brand img{
  display:block;
  width:400px !important;
  max-width:400px !important;
  max-height:120px !important;
  height:auto !important;
  object-fit:contain !important;
}

.eddi-search{
  display:flex !important;
  width:100%;
  max-width:620px;
  justify-self:center;
  min-width:0;
  height:44px;
  margin:0 !important;
}

.eddi-search input{
  min-width:0;
  flex:1 1 auto;
  width:100%;
  border:1px solid #abb5bf;
  padding:0 14px;
  font:inherit;
  background:#fff;
}

.eddi-search button{
  flex:0 0 auto;
  border:0;
  background:var(--eddi-footer-blue);
  color:#fff;
  padding:0 22px;
  font:inherit;
  font-weight:700;
  cursor:pointer;
}

.eddi-shop-actions{
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  width:235px;
  margin:0 !important;
}

.eddi-shop-actions a{
  min-width:60px;
  display:grid !important;
  justify-items:center;
  text-align:center;
  text-decoration:none;
  color:#061116;
  font-size:13px;
  line-height:1.2;
}

.eddi-action-icon{
  display:block;
  min-height:28px;
  font-size:25px;
  line-height:28px;
}

.eddi-shop-actions small{
  display:block;
  margin-top:2px;
  font-size:12px;
  white-space:nowrap;
}

.eddi-shop-claim{
  min-height:0 !important;
  margin:0 !important;
  padding:8px 0 12px !important;
  border-bottom:1px solid #a9b0b7;
  color:var(--eddi-dark-blue);
  font-weight:700;
  line-height:1.3 !important;
}

.eddi-customer-note{
  min-height:0 !important;
  margin-top:10px !important;
  margin-bottom:0 !important;
  padding:0 !important;
  background:var(--eddi-footer-blue);
  color:#fff;
}

.eddi-customer-note p{
  min-height:0 !important;
  margin:0 !important;
  padding:12px 20px !important;
  text-align:center;
  font-size:14px;
  line-height:1.35 !important;
}

.eddi-customer-note a{
  color:#fff;
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:2px;
}


/* =========================================================
   6. STARTSEITE – nur echte Startseiten-Besonderheiten
   ========================================================= */

.eddi-home{
  padding:0;
}

.eddi-entry-section{
  padding:2px 0 5px;
}

.eddi-section-head{
  margin-bottom:20px;
}

.eddi-section-head h1,
.eddi-section-head h2{
  margin:0 0 6px;
  color:var(--eddi-dark-blue);
  font-size:25px;
}

.eddi-section-head p{
  margin:0;
  color:var(--eddi-muted);
}

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

.eddi-entry-card{
  min-width:0;
  min-height:205px;
  padding:9px;
  border:1px solid var(--eddi-border-soft);
  background:#fff;
  text-decoration:none;
  box-shadow:0 1px 3px rgba(0,0,0,.04);
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;
}

.eddi-entry-card:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(0,0,0,.1);
  border-color:#9ba8b3;
  text-decoration:none;
}

.eddi-entry-card.eddi-special{
  border-top:4px solid var(--eddi-dark-blue);
}

.eddi-tile-image{
  width:220px;
  max-width:100%;
  aspect-ratio:44 / 29;
  height:auto;
  margin:0 auto;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
}

.eddi-tile-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.eddi-entry-card strong{
  display:block;
  margin-top:8px;
  color:#26384c;
  font-size:14px;
}

.eddi-entry-card span{
  display:block;
  margin-top:4px;
  color:#69737e;
  font-size:12px;
}

/* Schaufenster */
.eddi-showcase{
  padding:30px 0 50px;
  border-top:1px solid #c4cbd1;
}

.eddi-showcase-hero{
  min-height:260px;
  display:flex;
  overflow:hidden;
  background:linear-gradient(110deg,#198d8b,#dff4f2);
}

.eddi-showcase-copy{
  flex:1;
  padding:34px;
}

.eddi-showcase-copy h2,
.eddi-showcase-card h2,
.eddi-offer-copy h2{
  margin:6px 0 10px;
  color:var(--eddi-dark-blue);
}

.eddi-showcase-copy h2{
  font-size:34px;
}

.eddi-showcase-art{
  width:38%;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.33);
}

.eddi-showcase-art img,
.eddi-offer-art img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.eddi-eyebrow{
  text-transform:uppercase;
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
}

.eddi-showcase-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-top:14px;
}

.eddi-showcase-card{
  min-height:220px;
  padding:30px;
  background:#edf1f4;
}

.eddi-showcase-offer{
  display:grid;
  grid-template-columns:180px 1fr 235px;
  min-height:155px;
  margin-top:14px;
  background:#ffe28b;
}

.eddi-offer-art{
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}

.eddi-offer-copy{
  padding:22px;
}

.eddi-login-price{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:22px;
  background:rgba(255,255,255,.42);
  text-align:center;
}

.eddi-login-price strong{
  font-size:18px;
}

.eddi-login-price span{
  margin:5px 0 8px;
  font-size:13px;
}


/* =========================================================
   7. FOOTER – GLOBAL
   ========================================================= */

.eddi-site-footer{
  margin-top:0;
  color:#fff;
}

.eddi-site-footer-info{
  background:var(--eddi-footer-blue);
}

.eddi-site-footer-inner{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:50px;
  padding:58px 30px 50px;
  text-align:center;
}

.eddi-site-footer-column h2{
  margin:0 0 18px;
  color:#fff;
  font-family:Arial,Helvetica,sans-serif;
  font-size:20px;
  font-weight:700;
}

.eddi-site-footer-column p{
  margin:0;
  color:#fff;
  font-size:18px;
  line-height:1.55;
}

.eddi-site-footer-column a{
  color:#16d8d8;
  text-decoration:underline;
}

.eddi-site-footer-legal{
  padding:38px 24px 36px;
  border-bottom:1px solid #8d9797;
  background:#050606;
  text-align:center;
}

.eddi-site-footer-legal-links{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin-bottom:16px;
  font-size:17px;
}

.eddi-site-footer-legal-links a{
  color:#0ea4a6;
  text-decoration:underline;
}

.eddi-site-footer-copyright{
  margin:0;
  color:#fff;
  font-size:17px;
}

#footer,
#footer.footer{
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
}


/* =========================================================
   8. KATEGORIESEITE – nur echte Kategorie-Besonderheiten
   ========================================================= */

body#category,
body#category #wrapper,
body#category #content-wrapper,
body#category #main,
body#category main{
  background:var(--eddi-page-bg) !important;
}

/* linke Modulsäule auf Kategorien nicht anzeigen */
body#category #left-column,
body#category .left-column{
  display:none !important;
}

/* verbleibender Inhaltsbereich füllt den GLOBALEN Container */
body#category #content-wrapper,
body#category .content-wrapper,
body#category #center-column,
body#category .center-column{
  flex:0 0 100% !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

/* weiße Theme-Zwischenflächen neutralisieren */
body#category .page-header,
body#category .category-header,
body#category .block-category,
body#category .products-selection,
body#category #js-product-list-header,
body#category #js-product-list-top,
body#category #js-product-list,
body#category #products{
  background:transparent !important;
}

/* Kategoriebuttons – global ein Typ, kein Breadcrumb-Sonderfall */
body#category .subcategories a,
body#category .subcategories-list a,
body#category .subcategory a,
body#category .subcategory-item a,
body#category .subcategory-name,
body#category [class*="subcategor"] a{
  background:var(--eddi-subcategory) !important;
  border-color:var(--eddi-subcategory-border) !important;
  color:var(--eddi-text) !important;
  text-decoration:none !important;
}

body#category .subcategories a:hover,
body#category .subcategories-list a:hover,
body#category .subcategory a:hover,
body#category .subcategory-item a:hover,
body#category .subcategory-name:hover,
body#category [class*="subcategor"] a:hover,
body#category .subcategories a:focus,
body#category .subcategories-list a:focus,
body#category .subcategory a:focus,
body#category .subcategory-item a:focus,
body#category [class*="subcategor"] a:focus,
body#category [class*="subcategor"] a:active{
  background:var(--eddi-active) !important;
  border-color:var(--eddi-active) !important;
  color:#fff !important;
  text-decoration:none !important;
}

body#category [class*="subcategor"] a:hover *,
body#category [class*="subcategor"] a:focus *,
body#category [class*="subcategor"] a:active *{
  color:#fff !important;
}

/* Produktliste */
body#category #products,
body#category #js-product-list,
body#category #js-product-list .products{
  min-width:0;
}

body#category #products .products{
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:12px !important;
  align-items:stretch !important;
}

body#category #products .products > *,
body#category #products .product-miniature{
  width:auto !important;
  max-width:none !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  flex:none !important;
}

body#category .product-miniature__inner{
  height:100%;
  min-height:360px;
  display:flex;
  flex-direction:column;
  padding:12px !important;
  border:1px solid #cfd5d8;
  background:#fff;
  box-shadow:0 2px 6px rgba(0,0,0,.06);
}

body#category .product-miniature__top{
  position:relative;
  height:175px;
  min-height:175px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:#fff;
}

body#category .product-miniature__top img,
body#category .product-miniature__image{
  display:block;
  width:100% !important;
  height:100% !important;
  max-width:175px !important;
  max-height:175px !important;
  margin:auto;
  object-fit:contain !important;
}

body#category .product-miniature__bottom,
body#category .product-miniature__infos{
  flex:1;
  display:flex;
  flex-direction:column;
  min-height:0;
}

body#category .product-miniature__reference{
  min-height:22px;
  margin:7px 0 5px;
  color:var(--eddi-link);
  font-size:14px;
  font-weight:600;
  text-align:center;
}

body#category .product-miniature__title{
  display:block;
  margin:4px 0 10px !important;
  color:var(--eddi-link) !important;
  font-size:15px !important;
  font-weight:500 !important;
  line-height:1.25 !important;
  text-align:center;
  text-decoration:none !important;
  overflow-wrap:anywhere;
}

body#category .product-miniature__title:hover{
  text-decoration:underline !important;
}

body#category .product-miniature__prices{
  margin-top:auto;
  text-align:center;
}

body#category .product-miniature__price{
  color:var(--eddi-dark-blue) !important;
  font-size:16px !important;
  font-weight:700 !important;
}

body#category .product-miniature__login-price{
  margin-top:auto;
  padding:4px 2px 8px;
  color:var(--eddi-link);
  font-size:14px;
  font-weight:600;
  line-height:1.2;
  text-align:center;
  overflow-wrap:anywhere;
}

body#category .product-miniature__actions{
  margin-top:8px;
  text-align:center;
}

body#category .product-miniature__form{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
}

body#category .product-miniature__quickview{
  display:none !important;
}

/* kompakte Mengen-/Warenkorbzeile */
body#category .product-miniature .eddi-mini-cart{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  width:auto !important;
}

body#category .product-miniature .eddi-mini-cart__qty{
  width:48px !important;
  min-width:48px !important;
  max-width:48px !important;
  height:34px !important;
  padding:2px 4px !important;
  margin:0 !important;
  border:1px solid #9aa3ad !important;
  border-radius:0 !important;
  background:#fff !important;
  text-align:center !important;
  box-shadow:none !important;
}

body#category .product-miniature .eddi-mini-cart__button{
  width:58px !important;
  min-width:58px !important;
  max-width:58px !important;
  height:34px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:var(--eddi-cart) !important;
  color:#fff !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-shadow:none !important;
}

body#category .product-miniature .eddi-mini-cart__button:hover{
  background:var(--eddi-cart-hover) !important;
  color:#fff !important;
}

body#category .product-miniature .eddi-mini-cart__button .material-icons{
  margin:0 !important;
  font-size:20px !important;
  line-height:1 !important;
}

/* Unterer Listenbereich */
body#category #js-product-list-bottom{
  width:100% !important;
  margin-top:22px !important;
}

body#category .eddi-list-bottom-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  flex-wrap:wrap;
}

.eddi-results-per-page{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  margin:18px 0 8px;
  font-size:14px;
}

.eddi-results-per-page label{
  margin:0;
  white-space:nowrap;
}

.eddi-results-per-page select{
  min-width:88px;
  height:38px;
  padding:0 30px 0 10px;
  border:1px solid #bfcbd0;
  border-radius:4px;
  background:#fff;
  color:var(--eddi-text);
}

/* besuchte Artikel – gleiches Kartenraster */
body#category .eddi-viewed-products{
  width:100%;
  margin-top:32px;
  padding-top:22px;
  border-top:1px solid #c6d2d0;
}

body#category .eddi-viewed-products h2,
body#category .eddi-viewed-products .h2,
body#category .eddi-viewed-products .products-section-title{
  margin:0 0 18px !important;
  color:var(--eddi-dark-blue) !important;
  font-size:22px !important;
  font-weight:700 !important;
}

body#category .eddi-viewed-products .products{
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:12px !important;
  width:100% !important;
}

body#category .eddi-viewed-products .product-miniature{
  width:auto !important;
  max-width:none !important;
  min-width:0 !important;
  margin:0 !important;
}


/* =========================================================
   9. PRODUKTDETAIL – nur echte Produktseiten-Besonderheiten
   KEINE eigene Seitenbreite, KEINE Breadcrumb-Regeln.
   ========================================================= */

/* obere Produktbox */
body#product .eddi-product-top{
  display:grid !important;
  grid-template-columns:minmax(260px,.75fr) minmax(320px,1.05fr) minmax(280px,.8fr) !important;
  gap:28px !important;
  align-items:start !important;
  margin:18px 0 28px !important;
  padding:24px !important;
  background:#fff !important;
  border:1px solid var(--eddi-border) !important;
  border-radius:var(--eddi-radius) !important;
  box-shadow:none !important;
}

body#product .eddi-product-media,
body#product .eddi-product-buy,
body#product .eddi-product-reassurance{
  min-width:0 !important;
}

body#product .eddi-product-media{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  align-self:start !important;
}

body#product .eddi-product-media .product__cover,
body#product .eddi-product-media .product-cover,
body#product .eddi-product-media .product__images,
body#product .eddi-product-media .product-images,
body#product .eddi-product-media .js-product-cover{
  width:100% !important;
  max-width:300px !important;
}

body#product .eddi-product-media .product__cover img,
body#product .eddi-product-media .product-cover img,
body#product .eddi-product-media .js-product-cover img,
body#product .eddi-product-media img.product__cover,
body#product .eddi-product-media img.js-product-cover{
  width:auto !important;
  height:auto !important;
  max-width:280px !important;
  max-height:280px !important;
  object-fit:contain !important;
}

body#product .eddi-product-media img{
  height:auto !important;
  object-fit:contain !important;
}

body#product .eddi-product-media .product__thumbnails,
body#product .eddi-product-media .product-thumbnails,
body#product .eddi-product-media .js-product-thumbnails{
  max-width:300px !important;
  margin-top:12px !important;
}

body#product .eddi-product-buy .product__name{
  margin:0 0 8px !important;
  font-size:25px !important;
  line-height:1.12 !important;
}

body#product .eddi-product-buy .product__description-short{
  margin:0 0 12px !important;
  font-size:14px !important;
  line-height:1.4 !important;
}

body#product .eddi-product-buy .product-prices,
body#product .eddi-product-buy .product__prices{
  margin:8px 0 12px !important;
}

body#product .eddi-product-buy .product__actions{
  margin-top:10px !important;
}

body#product .eddi-product-reassurance{
  padding-left:20px !important;
  border-left:1px solid #d5d9dc !important;
}

body#product .eddi-product-reassurance > *{
  width:100% !important;
}

/* Produkt-Tabs */
body#product .eddi-product-tabs{
  width:100% !important;
  margin:22px 0 28px !important;
  background:#fff !important;
  border:1px solid var(--eddi-border) !important;
  border-radius:var(--eddi-radius) !important;
  overflow:hidden !important;
}

body#product .eddi-product-tabs__nav{
  display:flex !important;
  align-items:stretch !important;
  gap:0 !important;
  padding:0 16px !important;
  border-bottom:1px solid var(--eddi-border) !important;
  background:#fff !important;
}

body#product .eddi-product-tabs__button{
  appearance:none !important;
  border:0 !important;
  border-right:1px solid #d8dfdd !important;
  border-radius:0 !important;
  background:#f7f8f8 !important;
  color:var(--eddi-text) !important;
  padding:12px 20px !important;
  margin:0 !important;
  font-size:14px !important;
  font-weight:600 !important;
  line-height:1.2 !important;
  cursor:pointer !important;
}

body#product .eddi-product-tabs__button:first-child{
  border-left:1px solid #d8dfdd !important;
}

body#product .eddi-product-tabs__button:hover{
  background:#eef5f3 !important;
}

body#product .eddi-product-tabs__button.is-active{
  background:var(--eddi-footer-blue) !important;
  color:#fff !important;
}

body#product .eddi-product-tabs__content{
  padding:20px 24px 26px !important;
  min-height:150px !important;
}

body#product .eddi-product-tabs__pane[hidden]{
  display:none !important;
}

body#product #eddi-tab-details .accordion-header{
  display:none !important;
}

body#product #eddi-tab-details .accordion-item{
  border:0 !important;
  background:transparent !important;
}

body#product #eddi-tab-details .accordion-collapse{
  display:block !important;
  height:auto !important;
  visibility:visible !important;
}

body#product #eddi-tab-details .accordion-body{
  padding:0 !important;
}

body#product .eddi-product-download{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:20px !important;
  padding:12px 0 !important;
  border-bottom:1px solid #e2e7e5 !important;
}

body#product .eddi-product-download:last-child{
  border-bottom:0 !important;
}

body#product .eddi-product-tabs__empty{
  margin:0 !important;
  color:#66706e !important;
}

body#product .eddi-product-extra{
  width:100% !important;
  margin:0 0 24px !important;
}

body#product .eddi-product-extra__item{
  background:#fff !important;
  border:1px solid var(--eddi-border) !important;
  border-radius:var(--eddi-radius) !important;
  padding:18px 22px !important;
  margin-bottom:12px !important;
}

body#product .eddi-product-extra__title{
  margin:0 0 10px !important;
  font-size:18px !important;
}


/* =========================================================
   10. RESPONSIVE – zentral
   ========================================================= */

@media(max-width:1100px){
  body#category #products .products,
  body#category .eddi-viewed-products .products{
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  }

  body#product .eddi-product-top{
    grid-template-columns:minmax(280px,1fr) minmax(280px,1fr) !important;
  }

  body#product .eddi-product-reassurance{
    grid-column:1 / -1 !important;
    padding-left:0 !important;
    border-left:0 !important;
    border-top:1px solid #d5d9dc !important;
    padding-top:18px !important;
  }
}

@media(max-width:900px){
  .eddi-shop-header{
    grid-template-columns:180px minmax(250px,1fr) !important;
  }

  .eddi-shop-actions{
    grid-column:1/-1;
    width:auto;
    justify-content:flex-end;
  }

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

  body#category #products .products,
  body#category .eddi-viewed-products .products{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
}

@media(max-width:760px){
  .eddi-shared-header{
    min-height:auto !important;
    height:auto !important;
  }

  .eddi-shared-header-inner{
    min-height:auto !important;
    height:auto !important;
    padding:11px 0 !important;
    justify-content:center !important;
  }

  .eddi-nav-menu{
    flex-wrap:wrap;
    justify-content:center;
    gap:4px 18px;
  }

  .eddi-nav-item>a{
    padding:7px 0 !important;
  }

  .eddi-site-footer-inner{
    grid-template-columns:1fr;
    gap:30px;
  }

  body#product .eddi-product-top{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }

  body#product .eddi-product-reassurance{
    grid-column:auto !important;
  }
}

@media(max-width:700px){
  body#category #products .products,
  body#category .eddi-viewed-products .products{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

  body#product .eddi-product-top{
    padding:16px !important;
  }

  body#product .eddi-product-tabs__nav{
    flex-wrap:wrap !important;
    padding:0 !important;
  }

  body#product .eddi-product-tabs__button{
    flex:1 1 auto !important;
  }

  body#product .eddi-product-tabs__content{
    padding:16px !important;
  }

  body#product .eddi-product-download{
    align-items:flex-start !important;
    flex-direction:column !important;
  }
}

@media(max-width:600px){
  :root{
    --eddi-page-gap:14px;
  }

  .eddi-shop-header{
    grid-template-columns:1fr !important;
  }

  .eddi-brand{
    width:auto;
  }

  .eddi-shop-header .eddi-brand img{
    width:170px !important;
    max-width:170px !important;
  }

  .eddi-search,
  .eddi-shop-actions{
    grid-column:1;
  }

  .eddi-shop-actions{
    width:100%;
    justify-content:space-between;
  }

  .eddi-entry-grid{
    grid-template-columns:repeat(2,1fr);
    gap:10px;
  }

  .eddi-showcase-grid{
    grid-template-columns:1fr;
  }

  .eddi-showcase-hero{
    flex-direction:column;
  }

  .eddi-showcase-art{
    width:100%;
    min-height:115px;
  }

  .eddi-showcase-offer{
    grid-template-columns:1fr;
  }

  .eddi-offer-art{
    min-height:100px;
  }

  .eddi-site-footer-legal-links{
    flex-wrap:wrap;
  }
}

@media(max-width:520px){
  body#category #products .products,
  body#category .eddi-viewed-products .products{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .eddi-results-per-page{
    justify-content:flex-start;
  }
}

/* EDDI SCHAUFENSTER TRENNUNG */
.eddi-showcase-heading {
  display: flex;
  align-items: center;
  gap: 18px;
  margin: 5px 0 14px;
}

.eddi-showcase-heading::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #456789;
}

.eddi-showcase-heading h2 {
  margin: 0;
  color: #12324a;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
}

/* EDDI KATEGORIEN ZWEI REIHEN */
@media (min-width: 1201px) {
  .eddi-entry-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .eddi-entry-card {
    min-height: 170px;
  }
}

@media (min-width: 901px) and (max-width: 1200px) {
  .eddi-entry-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 601px) and (max-width: 900px) {
  .eddi-entry-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .eddi-entry-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .eddi-entry-card {
    min-height: 160px;
  }
}

/* EDDI TABLET HEADER LOGO UND AKTIONEN OBEN */
@media (min-width: 601px) and (max-width: 900px) {
  .eddi-shop-header {
    grid-template-columns: minmax(0, 1fr) 235px !important;
    grid-template-rows: auto auto;
    column-gap: 20px;
    row-gap: 14px;
    align-items: center;
  }

  .eddi-brand {
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
  }

  .eddi-shop-header .eddi-brand img {
    width: 100% !important;
    max-width: 400px !important;
    height: auto !important;
  }

  .eddi-shop-actions {
    grid-column: 2 !important;
    grid-row: 1;
    width: 235px !important;
    justify-self: end;
    align-self: center;
    justify-content: space-between;
  }

  .eddi-search {
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100% !important;
    max-width: none !important;
    justify-self: stretch;
  }
}

/* EDDI KATEGORIEN AB DRITTER KACHEL */
.eddi-category-heading::before {
  content: "";
  height: 1px;
  background: #456789;
}

@media (min-width: 1201px) {
  .eddi-category-heading {
    display: grid;
    grid-template-columns: calc((100% - 70px) / 3 + 14px) auto 1fr;
    align-items: center;
    gap: 18px;
  }
}

@media (min-width: 901px) and (max-width: 1200px) {
  .eddi-category-heading {
    display: grid;
    grid-template-columns: calc((100% - 42px) / 2 + 14px) auto 1fr;
    align-items: center;
    gap: 18px;
  }
}

@media (max-width: 900px) {
  .eddi-category-heading {
    display: flex;
    align-items: center;
    gap: 14px;
  }

  .eddi-category-heading::before,
  .eddi-category-heading::after {
    flex: 1;
  }
}

/* Warenkorb: Mengenfeld für mehrstellige Mengen */
.cart-item input[type="number"] {
    min-width: 46px !important;
    width: 46px !important;
    text-align: center !important;
}

/* Warenkorb: mehrstellige Mengen vollständig anzeigen */
.product-line__quantity-input {
    width: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;
    text-align: center !important;
}

/* Warenkorb: Mengenfeld mehrstellig */
.js-cart-line-product-quantity {
    width: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;
    text-align: center !important;
}

/* Warenkorb: Mengensteuerung kompakt in einer Zeile */
.product-line__quantity {
    flex-wrap: nowrap !important;
}

.js-cart-line-product-quantity {
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
}

/* Warenkorb: Minus | Menge | Plus immer nebeneinander */
.quantity-button__group.input-group {
    flex-wrap: nowrap !important;
}

.quantity-button__group .js-cart-line-product-quantity {
    flex: 0 0 50px !important;
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
}

/* Warenkorb: Mengen bis 3-stellig sauber darstellen */
.product-line__quantity-button {
    max-width: 10rem !important;
}

.quantity-button__group.input-group {
    flex-wrap: nowrap !important;
    width: max-content !important;
}

.quantity-button__group .js-cart-line-product-quantity {
    flex: 0 0 60px !important;
    width: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;
    text-align: center !important;
}

/* EDDI Überschriften: kurze Linie links, lange Linie rechts */
.eddi-showcase-heading::before {
  content: "";
  flex: 0 0 10px;
  height: 1px;
  background: #456789;
}

.eddi-showcase-heading {
  column-gap: 10px;
}

.eddi-showcase-heading::after {
  margin-left: 8px;
}

/* Kategorien exakt wie Schaufenster ausrichten */
.eddi-category-heading {
  display: flex !important;
  align-items: center !important;
  column-gap: 10px !important;
}

.eddi-category-heading::before {
  flex: 0 0 10px !important;
  width: 10px !important;
}

.eddi-category-heading::after {
  flex: 1 !important;
  margin-left: 8px !important;
}