/** Shopify CDN: Minification failed

Line 3293:0 Unexpected "@media"

**/
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700;800&display=swap');
/* ============================================================
   AquaClic Styles – konsolidierte Baseline
   Ziel:
   - bestehende Styles erhalten
   - doppelte / widerspruechliche Regeln bereinigen
   - .ac-set-details stabilisieren
   - Bild-/Video-Legenden sichtbar machen
   ============================================================ */

:root{
  --ac-blue:#2C5AA0;
  --ac-blue-dark:#1e3f73;
  --ac-border:#C2D5E1;
  --ac-muted:#6b7280;
  --ac-max:980px;
}

/* ============================================================
   Basis / Container / Hilfen
   ============================================================ */

html{
  hyphens:auto;
}

body{
  hyphens:auto;
  -webkit-hyphens:auto;
  -ms-hyphens:auto;
}

#ac-page{
  max-width:var(--ac-max);
  margin:0 auto;
  padding:8px 14px;
  color:inherit;
  font:inherit;
  line-height:inherit;
}

:target{
  scroll-margin-top:210px;
}

/* ============================================================
   Buttons / Sektionen / Basis-Elemente
   ============================================================ */

.ac-section{margin:26px 0;}
.ac-section h2{margin:0 0 10px;}

.ac-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.ac-btn{
  display:inline-block;
  text-decoration:none;
  border-radius:6px;
  font-weight:700;
}

.ac-btn-primary{
  background:var(--ac-blue);
  color:#fff !important;
  padding:10px 14px;
}

.ac-btn-primary:visited,
.ac-btn-primary:hover,
.ac-btn-primary:focus,
.ac-btn-primary:active{
  color:#fff !important;
}

.ac-btn-primary:hover{
  background:var(--ac-blue-dark);
}

.ac-btn-ghost{
  border:1px solid var(--ac-blue);
  color:var(--ac-blue);
  padding:9px 14px;
}

.ac-btn-ghost:hover{
  background:#f1f5fb;
}

/* ============================================================
   USP-Badges / Listen / Karten
   ============================================================ */

.ac-usps{
  display:flex;
  gap:5px;
  flex-wrap:wrap;
  margin:13px 0;
  font-size:14px;
  line-height:1.15;
  color:#444;
}

@media (min-width:768px){
  .ac-usps{
    font-size:14px;
    line-height:1;
  }
}

.ac-badge{
  border:1px solid var(--ac-border);
  border-radius:6px;
  padding:6px 10px;
  display:inline-block;
  background:#fff;
}

.ac-list{
  margin:0 0 8px 18px;
  padding:0;
}

.ac-list-ol{
  list-style:decimal;
  margin-left:22px;
}

.ac-grid{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
  gap:14px;
}

.ac-card{
  border:1px solid var(--ac-border);
  border-radius:8px;
}

.ac-card-link{
  display:block;
  padding:12px 12px 14px;
  text-decoration:none;
  color:inherit;
}

.ac-card-link:hover{
  background:#f9fbff;
}

/* ============================================================
   Muted / kleine Hilfsklassen
   ============================================================ */

.ac-muted{
  color:var(--ac-muted);
  font-size:inherit;
  line-height:inherit;
  opacity:.9;
  display:block;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:normal;
  hyphens:auto;
}

.muted{
  font-size:12px;
  color:#6b7280;
}

.micro-claim{
  margin:18px 0 12px;
  padding:6px 0 6px 14px;
  border-left:4px solid #d6d6d6;
  background:transparent;
  font-size:1em;
  line-height:1.5;
  color:#333;
}

/* ============================================================
   Einheitliches Zitat-Design
   ============================================================ */

html body blockquote{
  position:relative;
  margin:1.4em 0;
  padding:14px 18px 14px 22px;
  background:#f9fbff !important;
  color:inherit;
  font-style:normal !important;
  border:none !important;
  border-radius:0;
  overflow:hidden;
}

html body blockquote::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:6px;
  background:#00B7D8;
  border-radius:0;
}

html body blockquote footer,
html body blockquote cite{
  display:block;
  margin-top:8px;
  font-size:inherit;
  font-style:italic;
  font-weight:600;
  color:var(--ac-blue-dark);
  text-align:right;
}

html body blockquote cite::before{
  content:none;
}

/* ============================================================
   Globale Typografie
   ============================================================ */

.product-title.title{
  font-size:22px !important;
  line-height:1.2;
}

.page-title,
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6{
  margin-top:1.2em;
  margin-bottom:0 !important;
}

@media (max-width:768px){
  #ac-page h1,
  #ac-page h2{
    font-size:75% !important;
  }
}

@media (max-width:749px){
  .page-title,
  h1, .h1{
    font-size:1.5rem !important;
    line-height:1.2;
    font-weight:600;
  }

  h2, .h2{
    font-size:1.15rem !important;
    line-height:1.2;
    font-weight:600;
  }

  h3, .h3{
    font-size:1.1rem !important;
    line-height:1.3;
    font-weight:600;
  }

  h4, .h4{
    font-size:1rem !important;
    line-height:1.3;
    font-weight:600;
  }

  h5, .h5{
    font-size:1rem;
    line-height:1.3;
    font-weight:600;
  }

  h6, .h6{
    font-size:0.9rem;
    line-height:1.3;
    font-weight:600;
  }
}

@media (min-width:750px){
  .page-title,
  h1, .h1{
    font-size:2.1rem;
    line-height:1.2;
    font-weight:600;
  }

  h2, .h2{
    font-size:1.6rem;
    line-height:1.25;
    font-weight:600;
  }

  h3, .h3{
    font-size:1.4rem;
    line-height:1.3;
    font-weight:600;
  }

  h4, .h4{
    font-size:1.2rem;
    line-height:1.3;
    font-weight:600;
  }

  h5, .h5{
    font-size:1.05rem;
    line-height:1.3;
    font-weight:600;
  }

  h6, .h6{
    font-size:0.95rem;
    line-height:1.3;
    font-weight:600;
  }
}

/* ============================================================
   Weiterlesen / Weniger anzeigen
   ============================================================ */

.ac-readmore{
  margin:14px 0;
  max-width:1280px;
  margin-left:auto;
  margin-right:auto;
}

.ac-readmore-state{
  display:none;
}

.ac-readmore-wrap{
  overflow:hidden;
  max-height:0;
  transition:max-height .3s ease;
}

.ac-readmore-state:checked ~ .ac-readmore-wrap{
  max-height:1200px;
}

.ac-readmore-content{
  opacity:0;
  transform:translateY(-6px);
  transition:opacity .25s ease, transform .25s ease;
}

.ac-readmore-state:checked ~ .ac-readmore-wrap .ac-readmore-content{
  opacity:1;
  transform:translateY(0);
}

.ac-readmore .read-more-state{
  position:absolute;
  left:-9999px;
}

.ac-readmore .read-more-target{
  display:none !important;
}

.ac-readmore .read-more-state:checked ~ .read-more-target{
  display:block !important;
}

.ac-readmore-trigger,
.read-more-trigger{
  cursor:pointer;
  user-select:none;
  border-radius:10px;
  font-weight:700;
  background:var(--ac-blue);
  color:#fff;
}

.ac-readmore-trigger{
  display:inline-block;
  margin-top:12px;
  padding:10px 14px;
}

.ac-readmore-trigger:hover,
.read-more-trigger:hover{
  background:var(--ac-blue-dark);
}

.read-more-state{
  display:none;
}

.read-more-target{
  opacity:0;
  max-height:0;
  font-size:0;
  overflow:hidden;
  transition:.25s ease;
}

.read-more-state:checked ~ .read-more-target{
  opacity:1;
  max-height:9999px;
  font-size:inherit;
}

.read-more-trigger::before{
  content:"Weiterlesen ↓";
}

.read-more-state:checked ~ .read-more-trigger::before{
  content:"Weniger anzeigen ↑";
}

.read-more-trigger{
  display:block;
  padding:.75rem 1rem;
  margin:1rem 0 0;
  text-align:center;
  font-size:1.1em;
}

.ac-readmore .read-more-state:checked + .read-more-trigger::after{
  content:" (weniger)";
  font-weight:600;
}

/* ============================================================
   FAQ Compact
   ============================================================ */

.ac-faq-compact{
  background:#e1edff;
  padding:16px 20px;
  border-radius:10px;
  margin:48px 0;
}

.ac-faq-compact h3{
  margin-top:0;
  font-weight:700;
}

.ac-faq-compact p{
  margin:8px 0;
}

.ac-faq-compact a{
  color:#2C5AA0;
  text-decoration:underline;
}

@media (max-width:768px){
  .ac-faq-compact{
    padding:14px 16px;
    margin:24px 0;
  }

  .ac-faq-compact p{
    margin:6px 0;
  }
}

/* ============================================================
   Teaser / CTA
   ============================================================ */

.ac-teaser{
  background:#f3f4f6;
  border-radius:8px;
  padding:16px 18px;
}

.ac-cta,
.ac-cta-secondary{
  background:#f9fafb;
  border-radius:8px;
  padding:16px 18px;
}

.ac-cta-secondary{
  border:1px solid var(--ac-border);
}

/* ============================================================
   Produktkarten mobil
   ============================================================ */

@media screen and (max-width:749px){
  .product-thumbnail__title{
    display:-webkit-box !important;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
}

.product-text ul{
  margin-top:-0.1rem !important;
}

/* ============================================================
   Tabellen allgemein
   ============================================================ */

.table-wrap{
  width:100%;
  max-width:1280px;
  margin:0 auto;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}

.responsive-table-misi{
  width:100%;
  border-collapse:collapse;
  table-layout:fixed;
  font:14px/1.5 var(--font-body-family);
  color:#111827;
}

.responsive-table-misi th,
.responsive-table-misi td{
  border:1px solid #C2D5E1;
  padding:8px;
  vertical-align:top;
  line-height:1.4;
  text-align:left;
}

.responsive-table-misi thead th{
  background:#2C5AA0;
  color:#fff !important;
  font-weight:700;
  font-size:150%;
  position:sticky;
  top:0;
  z-index:2;
}

.responsive-table-misi tbody td:nth-child(2){
  background:#eaf9fb;
}

.responsive-table-misi tbody td:nth-child(3){
  background:#FFF8E8;
}

.responsive-table-misi img{
  max-width:100%;
  height:auto;
  display:block;
}

@media (max-width:768px){
  .responsive-table-misi{
    font-size:13px;
  }

  .responsive-table-misi th,
  .responsive-table-misi td{
    padding:8px 6px;
  }
}

/* ============================================================
   Kurzvergleich + Toggle
   ============================================================ */

.table-wrap .responsive-table-misi.ac-compare-quiet{
  width:100% !important;
  table-layout:fixed;
  border-collapse:separate;
  border-spacing:0;
  border:0 !important;
  background:transparent;
}

.table-wrap .responsive-table-misi.ac-compare-quiet th,
.table-wrap .responsive-table-misi.ac-compare-quiet td{
  border:0 !important;
}

.table-wrap .responsive-table-misi.ac-compare-quiet thead th{
  background:transparent !important;
  padding:.6rem .9rem !important;
  font-weight:700;
}

.table-wrap .responsive-table-misi.ac-compare-quiet th:first-child,
.table-wrap .responsive-table-misi.ac-compare-quiet td:first-child{
  width:0 !important;
  padding:0 !important;
}

.table-wrap .responsive-table-misi.ac-compare-quiet tr.hero-images td{
  padding:.9rem .9rem .6rem !important;
  background:transparent !important;
}

.table-wrap .responsive-table-misi.ac-compare-quiet tr.hero-images img{
  width:100%;
  height:auto;
  display:block;
  border-radius:14px;
}

.table-wrap .responsive-table-misi.ac-compare-quiet tbody td{
  padding:.55rem 1.2rem !important;
  vertical-align:top;
  line-height:1.35;
}

.table-wrap .responsive-table-misi.ac-compare-quiet tbody td:nth-child(2){
  background:#EAF9FB;
}

.table-wrap .responsive-table-misi.ac-compare-quiet tbody td:nth-child(3){
  background:#fff8e8;
}

.table-wrap .responsive-table-misi.ac-compare-quiet tbody tr:not(.hero-images) td:nth-child(2),
.table-wrap .responsive-table-misi.ac-compare-quiet tbody tr:not(.hero-images) td:nth-child(3){
  border-radius:0;
}

.table-wrap .responsive-table-misi.ac-compare-quiet tbody tr:nth-child(2) td:nth-child(2){
  border-top-left-radius:14px;
}

.table-wrap .responsive-table-misi.ac-compare-quiet tbody tr:nth-child(2) td:nth-child(3){
  border-top-right-radius:14px;
}

.table-wrap .responsive-table-misi.ac-compare-quiet tbody tr:last-child td:nth-child(2){
  border-bottom-left-radius:14px;
}

.table-wrap .responsive-table-misi.ac-compare-quiet tbody tr:last-child td:nth-child(3){
  border-bottom-right-radius:14px;
}

.table-wrap .responsive-table-misi.ac-compare-quiet .ac-check,
.table-wrap .responsive-table-misi.ac-compare-quiet .ac-cross{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:20px;
  height:20px;
  margin-right:.7rem;
  vertical-align:middle;
  flex-shrink:0;
}

.table-wrap .responsive-table-misi.ac-compare-quiet .ac-check svg,
.table-wrap .responsive-table-misi.ac-compare-quiet .ac-cross svg{
  width:20px !important;
  height:20px !important;
  display:block;
}

.ac-check svg circle{fill:#00A0E3; stroke:#00A0E3;}
.ac-check svg path{stroke:#FFFFFF;}
.ac-cross svg circle{fill:#D32F2F; stroke:#D32F2F;}
.ac-cross svg path{stroke:#FFFFFF;}

.table-wrap .responsive-table-misi.ac-compare-quiet h3 .ac-check{
  width:auto;
  height:auto;
  margin-right:.4rem;
}

/* ============================================================
   Elegance-Block
   ============================================================ */

.ac-elegance{
  --ac-e-gap:24px;
  --ac-e-row:32px;
}

.ac-elegance .content-row{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  gap:var(--ac-e-gap);
  margin:0 0 var(--ac-e-row);
}

.ac-elegance .text-col{
  flex:1 1 400px;
  order:2;
}

.ac-elegance .media-col{
  flex:1 1 400px;
  order:1;
  min-width:0;
  text-align:left;
}

.ac-elegance h2,
.ac-elegance h3{
  margin:0 0 10px !important;
}

.ac-elegance p{
  margin:0 0 10px;
}

.ac-elegance ul{
  margin:0 0 10px 18px;
  padding:0;
}

@media (max-width:768px){
  .ac-elegance .content-row{
    background:#f9fbff;
    border-radius:12px;
    padding:12px 14px 14px;
    margin:0 0 22px;
  }

  .ac-elegance .media-col{
    margin-bottom:12px;
  }

  .ac-elegance h2,
  .ac-elegance h3{
    margin:0 0 8px !important;
  }

  .ac-elegance p,
  .ac-elegance ul{
    margin-bottom:8px;
  }
}

@media (min-width:769px){
  .ac-elegance{
    --ac-e-row:64px;
  }

  .ac-elegance .text-col{order:1;}
  .ac-elegance .media-col{order:2;}
}

/* ============================================================
   Blog / Artikel
   ============================================================ */

html body h1.article__title.title{
  font-weight:700 !important;
  line-height:1.12 !important;
}

@media (max-width:749px){
  html body h1.article__title.title{
    font-size:1.5rem !important;
  }
}

@media (min-width:750px){
  html body h1.article__title.title{
    font-size:2.1rem !important;
  }
}

.ac-blogposts-heading{
  color:inherit;
  margin:0;
}

.ac-blogposts-heading .heading,
.ac-blogposts-heading h2,
.ac-blogposts-heading .h2,
.ac-blogposts-heading span{
  font-family:var(--font-body-family) !important;
  font-weight:700 !important;
  text-transform:none !important;
  letter-spacing:normal !important;
  line-height:1.15 !important;
}

.blog-card .media-content .title,
.blog-card .media-content h2,
.blog-card .media-content .h2,
.blog-card .media-content a{
  line-height:1.25 !important;
}

/* ============================================================
   Collection SEO-Block
   ============================================================ */

.collection-seo .page-width{
  max-width:1100px;
  margin:0 auto;
  padding:24px 16px;
}

.collection-seo__divider{
  border:0;
  border-top:1px solid rgba(0,0,0,.12);
  margin:8px 0 24px;
}

.collection-seo__title{
  margin:0 0 8px;
  font-size:1.6rem;
  line-height:1.2;
}

.collection-seo__lead{
  margin:0 0 20px;
  max-width:75ch;
}

.collection-seo__grid{
  display:grid;
  grid-template-columns:repeat(12, 1fr);
  gap:18px;
}

.collection-seo__block{
  grid-column:span 6;
  padding:14px;
  border:1px solid rgba(0,0,0,.10);
  border-radius:10px;
}

.collection-seo__block h3{
  margin:0 0 8px;
  font-size:1.1rem;
  line-height:1.25;
}

.collection-seo__block p{
  margin:0 0 10px;
}

.collection-seo__block a{
  text-decoration:underline;
}

.collection-seo__details{
  margin-top:18px;
  border:1px solid rgba(0,0,0,.10);
  border-radius:10px;
  padding:10px 12px;
}

.collection-seo__summary{
  cursor:pointer;
  font-weight:600;
  list-style:none;
}

.collection-seo__details-body{
  margin-top:8px;
}

.collection-seo__sep{
  margin:0 8px;
  opacity:.6;
}

@media (max-width:900px){
  .collection-seo__block{
    grid-column:span 12;
  }
}

/* ============================================================
   Product USP Grid
   ============================================================ */

.product-usps{
  margin:28px 0;
}

.product-usps__grid{
  --line:#00a0e3;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
}

.product-usps__item{
  padding:18px 14px;
  text-align:center;
  display:flex;
  flex-direction:column;
}

.product-usps__icon-wrap{
  height:56px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  margin-bottom:10px;
}

.product-usps__icon{
  width:52px;
  height:auto;
  display:block;
}

.product-usps__title{
  margin:0 0 6px;
  font-size:16px;
  line-height:1.25;
  font-weight:700;
}

.product-usps__text{
  margin:0;
  font-size:16px;
  line-height:1.35;
  font-weight:400;
}

.product-usps__item:nth-child(-n+3){
  border-right:1px solid var(--line);
}

@media (max-width:990px){
  .product-usps__grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .product-usps__item{
    border-right:none;
    border-bottom:none;
    padding:16px 12px;
  }

  .product-usps__item:nth-child(1),
  .product-usps__item:nth-child(3){
    border-right:1px solid var(--line);
  }

  .product-usps__item:nth-child(1),
  .product-usps__item:nth-child(2){
    border-bottom:1px solid var(--line);
  }

  .product-usps__icon{
    width:46px;
  }
}

/* ============================================================
   FAQ Option A
   ============================================================ */

.ac-faq{
  margin:48px auto;
  max-width:980px;
}

.ac-faq__head{
  margin-bottom:16px;
}

.ac-faq__title{
  margin:0 0 6px;
  font-size:28px;
  line-height:1.2;
}

.ac-faq__sub{
  margin:0;
  opacity:.75;
  font-size:14px;
}

.ac-faq__list{
  border-top:1px solid rgba(0,0,0,.18);
}

.ac-faq__item{
  border-bottom:1px solid rgba(0,0,0,.18);
}

.ac-faq__summary{
  list-style:none;
  cursor:pointer;
  display:grid;
  grid-template-columns:28px 1fr auto;
  gap:12px;
  align-items:center;
  padding:16px 6px;
  user-select:none;
}

.ac-faq__item > summary::-webkit-details-marker{
  display:none;
}

.ac-faq__icon{
  width:22px;
  height:22px;
  border-radius:999px;
  display:grid;
  place-items:center;
  font-weight:700;
  line-height:1;
  color:var(--color-accent, #0b84c6);
}

.ac-faq__icon::before{
  content:"+";
  font-size:20px;
  transform:translateY(-1px);
}

.ac-faq__q{
  font-weight:600;
  line-height:1.3;
}

.ac-faq__chev{
  opacity:.55;
  transition:transform .18s ease, opacity .18s ease;
}

.ac-faq__item[open] .ac-faq__icon::before{
  content:"–";
  font-size:22px;
  transform:translateY(-2px);
}

.ac-faq__item[open] .ac-faq__chev{
  transform:rotate(180deg);
  opacity:.9;
}

.ac-faq__summary:hover{
  background:rgba(11,132,198,.05);
}

.ac-faq__answer{
  padding:0 6px 16px 46px;
  opacity:.92;
}

.ac-faq__answer .rte > *:first-child{margin-top:0;}
.ac-faq__answer .rte > *:last-child{margin-bottom:0;}

.ac-faq__more{
  margin-top:14px;
}

.ac-faq__more a{
  color:var(--color-accent, #0b84c6);
  text-decoration:underline;
  text-underline-offset:2px;
}

@media (max-width:749px){
  .ac-faq{
    margin:34px 0;
  }

  .ac-faq__title{
    font-size:22px;
  }

  .ac-faq__summary{
    padding:14px 4px;
  }

  .ac-faq__answer{
    padding-left:40px;
  }
}

/* ============================================================
   AquaClic – Set Details (konsolidiert)
   ============================================================ */

.ac-set-details{
  --ac-set-row:24px;
  --ac-set-gap:24px;
  max-width:1100px;
  margin:0 auto;
  padding:20px 0;
}

.ac-set-details .content-row{
  display:grid;
  grid-template-columns:1.2fr 0.8fr;
  gap:var(--ac-set-gap);
  align-items:start;
  margin:10px 0 var(--ac-set-row);
}

.ac-set-details .text-col,
.ac-set-details .media-col{
  min-width:0;
}

.ac-set-details h2{
  margin:0 0 10px !important;
  font-size:clamp(22px, 2.2vw, 30px) !important;
  line-height:1.15 !important;
  font-weight:600;
}

.ac-set-details h3{
  margin:22px 0 10px !important;
  font-size:clamp(18px, 1.6vw, 22px) !important;
  line-height:1.2 !important;
  font-weight:600;
}

.ac-set-details h4{
  font-size:18px !important;
  line-height:1.25 !important;
  margin:0 0 8px !important;
}

.ac-set-details p{
  margin:0 0 12px;
}

.ac-set-details ul{
  margin:0 0 12px 18px;
  padding:0;
}

.ac-set-details li{
  margin:0 0 6px;
}

.ac-set-details .mute{
  opacity:.78;
}

@media (max-width:860px){
  .ac-set-details{
    --ac-set-row:18px;
    --ac-set-gap:14px;
    padding:16px 0;
  }

  .ac-set-details .content-row{
    grid-template-columns:1fr;
  }
}

/* =========================================================
   MISI Layout – Text / Medium / Caption / Tabelle
   robust fuer Shopify-Richtext
   ========================================================= */

.misi-wrap{
  --misi-gap:52px;
  --misi-radius:12px;
  --misi-border:rgba(0,0,0,0.08);
  --misi-accent:#0592d9;
  --misi-caption:#5a6b78;
  display:flex;
  flex-direction:column;
  gap:24px;
}

.misi-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  column-gap:var(--misi-gap);
  row-gap:18px;
  align-items:start;
}

.misi-text{
  min-width:0;
}

.misi-media{
  min-width:0;
  margin-left:10px;
}

.misi-row--full{
  display:block;
}

@media (max-width:768px){
  .misi-wrap{
    --misi-gap:24px;
  }

  .misi-row{
    grid-template-columns:1fr;
    column-gap:0;
    row-gap:14px;
  }

  .misi-media{
    margin-left:0;
  }
}

.misi-text h1{margin:0 0 10px 0;}
.misi-text h2{margin:0 0 10px 0;}
.misi-text h3{margin:18px 0 8px 0;}
.misi-text p{margin:0 0 12px 0;}
.misi-text ul{margin:0 0 12px 1.1em;}
.misi-text ol{margin:0 0 12px 1.2em;}

.misi-wrap :is(p, li, h1, h2, h3, h4, h5, h6, figcaption, td){
  hyphens:auto;
  -webkit-hyphens:auto;
  -ms-hyphens:auto;
  overflow-wrap:break-word;
  word-break:normal;
}

.misi-table-wrap{
  border:2px solid var(--misi-accent);
  border-radius:var(--misi-radius);
  overflow:hidden;
}

.misi-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
}

.misi-table td{
  padding:14px;
  vertical-align:top;
  border-right:1px solid var(--misi-border);
  border-top:1px solid var(--misi-border);
}

.misi-table tr:first-child td{border-top:0;}
.misi-table td:last-child{border-right:0;}

.misi-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:6px;
}

a.misi-btn{
  display:inline-block;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid var(--misi-border);
  text-decoration:none;
  line-height:1.1;
}

a.misi-btn:hover{
  border-color:rgba(0,0,0,0.20);
}

.product-block--product-info{
  margin-bottom:2px !important;
}

/* =========================================================
   Einheitliches Media-/Caption-System
   fuer Prosecco, SwissClima, AquaClic-Strahlregler und Elegance
   ========================================================= */

.misi-row,
.ac-elegance .content-row,
.ac-set-details .content-row,
.content-row{
  align-items:flex-start;
}

figure.misi-media,
figure.media-col,
.media-col figure,
.ac-set-details figure,
.ac-elegance figure.media-col{
  margin:0;
  padding:0;
  display:block;
  align-self:flex-start;
  min-width:0;
  overflow:visible !important;
  aspect-ratio:auto !important;
}

figure.misi-media > a,
figure.media-col > a,
.media-col figure > a,
.ac-set-details figure > a,
.ac-elegance figure.media-col > a{
  display:block;
  text-decoration:none;
}

figure.misi-media > img,
figure.misi-media > iframe,
figure.misi-media > a > img,
figure.media-col > img,
figure.media-col > iframe,
figure.media-col > a > img,
.media-col figure img,
.media-col figure iframe,
.ac-set-details figure > img,
.ac-set-details figure > iframe,
.ac-set-details figure > a > img,
.ac-elegance figure.media-col > img,
.ac-elegance figure.media-col > iframe,
.ac-elegance figure.media-col > a > img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  border:0;
  border-radius:0 !important;
  vertical-align:top;
  object-position:top center;
}

.media-frame{
  aspect-ratio:16 / 9;
  border-radius:12px;
  overflow:hidden;
  background:#f4f7fa;
}

.media-frame img,
.media-frame iframe{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  border:0;
}

figure.misi-media > iframe,
figure.media-col > iframe,
.media-col figure > iframe,
.media-frame iframe,
.ac-set-details figure > iframe,
.ac-elegance figure.media-col > iframe{
  aspect-ratio:16 / 9;
}

.misi-caption,
.media-col figcaption,
figure.media-col > figcaption,
.ac-set-details figcaption,
.ac-elegance figcaption{
  display:block !important;
  margin:8px 0 0 0 !important;
  padding:0 !important;
  font-size:0.92rem !important;
  line-height:1.4 !important;
  color:#5a6b78 !important;
  text-align:left !important;
}

.misi-row.media-offset-h2 > .misi-media,
.misi-row.media-offset-h2 > figure.media-col,
.ac-elegance .content-row.media-offset-h2 > .misi-media,
.ac-elegance .content-row.media-offset-h2 > figure.media-col,
.ac-set-details .content-row.media-offset-h2 > .misi-media,
.ac-set-details .content-row.media-offset-h2 > figure.media-col{
  margin-top:46px;
}

.misi-row.media-offset-h3 > .misi-media,
.misi-row.media-offset-h3 > figure.media-col,
.ac-elegance .content-row.media-offset-h3 > .misi-media,
.ac-elegance .content-row.media-offset-h3 > figure.media-col,
.ac-set-details .content-row.media-offset-h3 > .misi-media,
.ac-set-details .content-row.media-offset-h3 > figure.media-col{
  margin-top:36px;
}

@media (max-width:768px){
  .misi-row.media-offset-h2 > .misi-media,
  .misi-row.media-offset-h2 > figure.media-col,
  .ac-elegance .content-row.media-offset-h2 > .misi-media,
  .ac-elegance .content-row.media-offset-h2 > figure.media-col,
  .ac-set-details .content-row.media-offset-h2 > .misi-media,
  .ac-set-details .content-row.media-offset-h2 > figure.media-col,
  .misi-row.media-offset-h3 > .misi-media,
  .misi-row.media-offset-h3 > figure.media-col,
  .ac-elegance .content-row.media-offset-h3 > .misi-media,
  .ac-elegance .content-row.media-offset-h3 > figure.media-col,
  .ac-set-details .content-row.media-offset-h3 > .misi-media,
  .ac-set-details .content-row.media-offset-h3 > figure.media-col{
    margin-top:0;
  }
}

ul.ac-checklist li::marker{
  content:none !important;
}

.features{
  margin-bottom:0;
}

.passt{
  margin-top:8px;
  margin-bottom:6px;
}

/* =========================================================
   Produkt-FAQ Metaobjekte
   ========================================================= */

.product-faq-metaobjects.page-width{
  max-width:1180px !important;
  width:calc(100% - 80px);
  margin:40px auto 48px !important;
  padding-left:40px !important;
  padding-right:40px !important;
}

.product-faq-metaobjects h2{
  max-width:860px;
  margin:0 auto 22px !important;
  font-size:30px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
}

.product-faq-metaobjects .faq-list{
  max-width:860px;
  margin:0 auto;
  background:#f7fbfd;
  border:1px solid #d9eaf2;
  border-radius:16px;
  overflow:hidden;
}

.product-faq-metaobjects details.faq-item{
  border-top:1px solid #d9eaf2;
  margin:0;
}

.product-faq-metaobjects details.faq-item:first-child{
  border-top:0;
}

.product-faq-metaobjects summary.faq-question{
  position:relative;
  display:block;
  margin:0;
  padding:18px 48px 18px 18px;
  font-size:18px;
  line-height:1.4;
  font-weight:500;
  cursor:pointer;
  list-style:none;
  background:transparent;
}

.product-faq-metaobjects summary.faq-question::-webkit-details-marker{
  display:none;
}

.product-faq-metaobjects summary.faq-question::after{
  content:"+";
  position:absolute;
  right:16px;
  top:50%;
  transform:translateY(-50%);
  font-size:22px;
  line-height:1;
  color:#00a3e0;
}

.product-faq-metaobjects details[open] summary.faq-question{
  background:#eaf6fb;
  color:#003b5c;
}

.product-faq-metaobjects details[open] summary.faq-question::after{
  content:"–";
}

.product-faq-metaobjects .faq-answer{
  padding:14px 18px 18px;
  font-size:16px;
  line-height:1.6;
  background:#fff;
}

.product-faq-metaobjects a{
  color:#00a3e0;
}

@media only screen and (max-width:798px){
  .product-faq-metaobjects.page-width{
    max-width:100% !important;
    width:auto;
    margin:28px auto !important;
    padding-left:16px !important;
    padding-right:16px !important;
  }

  .product-faq-metaobjects h2{
    max-width:none;
    font-size:28px !important;
    margin:0 0 16px !important;
  }

  .product-faq-metaobjects .faq-list{
    max-width:none;
  }

  .product-faq-metaobjects summary.faq-question{
    padding:16px 44px 16px 16px;
    font-size:17px;
  }

  .product-faq-metaobjects .faq-answer{
    padding:12px 16px 16px;
    font-size:15px;
  }
}

.product-faq-metaobjects .faq-answer ul,
.product-faq-metaobjects .faq-answer ol{
  margin:0.7em 0 1em 1.35em;
  padding-left:1.15em;
}

.product-faq-metaobjects .faq-answer ul{
  list-style:disc !important;
}

.product-faq-metaobjects .faq-answer ol{
  list-style:decimal !important;
}

.product-faq-metaobjects .faq-answer li{
  display:list-item !important;
  margin:0 0 0.35em;
}

.product-faq-metaobjects .faq-answer ul ul{
  list-style:circle !important;
  margin-top:0.35em;
}

.product-faq-metaobjects .faq-answer ul ul ul{
  list-style:square !important;
}

.product-faq-metaobjects .faq-answer ol ol,
.product-faq-metaobjects .faq-answer ul ol,
.product-faq-metaobjects .faq-answer ol ul{
  margin-top:0.35em;
}

.product-faq-metaobjects .faq-answer p + ul,
.product-faq-metaobjects .faq-answer p + ol,
.product-faq-metaobjects .faq-answer .passt + ul,
.product-faq-metaobjects .faq-answer .passt + ol{
  margin-top:0.35em;
}

/* ============================================================
   FAQ-meta – final konsolidiert
   ============================================================ */

.faq-meta-section{
  max-width:960px !important;
  margin:40px auto 56px !important;
  padding:0 16px !important;
}

.faq-meta-section .faq-meta-group{
  max-width:960px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.faq-meta-section .faq-meta-group + .faq-meta-group{
  margin-top:34px !important;
}

.faq-meta-section .faq-meta-heading{
  max-width:960px !important;
  margin:0 0 14px !important;
  font-size:30px !important;
  line-height:1.08 !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
  color:#111 !important;
}

.faq-meta-section .faq-meta-list{
  display:grid !important;
  gap:0 !important;
  max-width:960px !important;
}

.faq-meta-section .faq-meta-item{
  margin:0 !important;
  border:1px solid #cfe0ec !important;
  border-bottom:0 !important;
  background:#f3f9fd !important;
  overflow:hidden !important;
}

.faq-meta-section .faq-meta-item:first-child{
  border-top-left-radius:22px !important;
  border-top-right-radius:22px !important;
}

.faq-meta-section .faq-meta-item:last-child{
  border-bottom:1px solid #cfe0ec !important;
  border-bottom-left-radius:22px !important;
  border-bottom-right-radius:22px !important;
}

.faq-meta-section .faq-meta-question,
.faq-meta-section .faq-meta-question span{
  list-style:none !important;
  cursor:pointer !important;
  position:relative !important;
  display:block !important;
  margin:0 !important;
  padding:20px 64px 20px 18px !important;
  font-size:19px !important;
  line-height:1.28 !important;
  font-weight:400 !important;
  color:#1a1a1a !important;
}

.faq-meta-section .faq-meta-question::-webkit-details-marker{
  display:none !important;
}

.faq-meta-section .faq-meta-question::after{
  content:"+" !important;
  position:absolute !important;
  right:20px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  font-size:34px !important;
  line-height:1 !important;
  font-weight:300 !important;
  color:#1aa0d8 !important;
}

.faq-meta-section .faq-meta-item[open] .faq-meta-question::after{
  content:"–" !important;
}

.faq-meta-section .faq-meta-answer,
.faq-meta-section .faq-meta-answer p,
.faq-meta-section .faq-meta-answer li,
.faq-meta-section .faq-meta-answer a{
  font-size:17px !important;
  line-height:1.52 !important;
}

.faq-meta-section .faq-meta-answer{
  padding:0 18px 22px !important;
  color:#222 !important;
  background:#f3f9fd !important;
}

.faq-meta-section .faq-meta-answer p:last-child,
.faq-meta-section .faq-meta-answer ul:last-child,
.faq-meta-section .faq-meta-answer ol:last-child{
  margin-bottom:0 !important;
}

@media (max-width:749px){
  .faq-meta-section{
    max-width:100% !important;
    margin:28px auto 40px !important;
    padding:0 14px !important;
  }

  .faq-meta-section .faq-meta-group,
  .faq-meta-section .faq-meta-heading,
  .faq-meta-section .faq-meta-list{
    max-width:100% !important;
  }

  .faq-meta-section .faq-meta-group + .faq-meta-group{
    margin-top:26px !important;
  }

  .faq-meta-section .faq-meta-heading{
    font-size:30px !important;
    line-height:1.12 !important;
    margin-bottom:14px !important;
  }

  .faq-meta-section .faq-meta-question,
  .faq-meta-section .faq-meta-question span{
    padding:16px 52px 16px 14px !important;
    font-size:17px !important;
    line-height:1.3 !important;
  }

  .faq-meta-section .faq-meta-question::after{
    right:16px !important;
    font-size:24px !important;
  }

  .faq-meta-section .faq-meta-answer,
  .faq-meta-section .faq-meta-answer p,
  .faq-meta-section .faq-meta-answer li,
  .faq-meta-section .faq-meta-answer a{
    font-size:15px !important;
    line-height:1.5 !important;
  }

  .faq-meta-section .faq-meta-answer{
    padding:0 14px 18px !important;
  }
}
/* ============================================================
   GLOBAL FONT FIX – entfernt Futura vollständig
   sorgt dafür, dass Nunito von Anfang an verwendet wird
   ============================================================ */

html,
body,
button,
input,
select,
textarea,
.header,
.mobile-header,
.site-nav__link,
.navmenu-link,
.header__menu-link,
.header-menu-item,
.header__navigation a,
h1,h2,h3,h4,h5,h6{
  font-family: "Nunito Sans", sans-serif !important;
}
/* ============================================================
   FAQ COLLECTION – FINAL FIX (Spacing + Farben)
   ganz am Ende eingefügt, überschreibt bestehende Collection-FAQ-Regeln
   ============================================================ */

.faq-meta-section{
  max-width:960px !important;
  margin:32px auto 40px !important;
  padding:0 16px !important;
}

.faq-meta-section .faq-meta-group{
  max-width:960px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Abstand zwischen den beiden FAQ-Blöcken */
.faq-meta-section .faq-meta-group + .faq-meta-group{
  margin-top:24px !important;
}

/* Heading-Abstand */
.faq-meta-section .faq-meta-heading{
  max-width:960px !important;
  margin:0 0 10px !important;
  font-size:30px !important;
  line-height:1.08 !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
  color:#111 !important;
}

/* FAQ-Liste */
.faq-meta-section .faq-meta-list{
  display:grid !important;
  gap:0 !important;
  max-width:960px !important;
}

/* Item */
.faq-meta-section .faq-meta-item{
  margin:0 !important;
  border:1px solid #d9eaf2 !important;
  border-bottom:0 !important;
  background:#f7fbfd !important;
  overflow:hidden !important;
}

.faq-meta-section .faq-meta-item:first-child{
  border-top-left-radius:22px !important;
  border-top-right-radius:22px !important;
}

.faq-meta-section .faq-meta-item:last-child{
  border-bottom:1px solid #d9eaf2 !important;
  border-bottom-left-radius:22px !important;
  border-bottom-right-radius:22px !important;
}

/* Frage kompakter */
.faq-meta-section .faq-meta-question,
.faq-meta-section .faq-meta-question span{
  list-style:none !important;
  cursor:pointer !important;
  position:relative !important;
  display:block !important;
  margin:0 !important;
  padding:16px 56px 16px 16px !important;
  font-size:18px !important;
  line-height:1.3 !important;
  font-weight:400 !important;
  color:#1a1a1a !important;
}

.faq-meta-section .faq-meta-question::-webkit-details-marker{
  display:none !important;
}

.faq-meta-section .faq-meta-question::after{
  content:"+" !important;
  position:absolute !important;
  right:20px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  font-size:34px !important;
  line-height:1 !important;
  font-weight:300 !important;
  color:#1aa0d8 !important;
}

.faq-meta-section .faq-meta-item[open] .faq-meta-question{
  background:#f7fbfd !important;
}

.faq-meta-section .faq-meta-item[open] .faq-meta-question::after{
  content:"–" !important;
}

/* Antwort kompakter */
.faq-meta-section .faq-meta-answer,
.faq-meta-section .faq-meta-answer p,
.faq-meta-section .faq-meta-answer li,
.faq-meta-section .faq-meta-answer a{
  font-size:17px !important;
  line-height:1.52 !important;
}

.faq-meta-section .faq-meta-answer{
  padding:0 16px 18px !important;
  color:#222 !important;
  background:#f7fbfd !important;
}

.faq-meta-section .faq-meta-answer p:last-child,
.faq-meta-section .faq-meta-answer ul:last-child,
.faq-meta-section .faq-meta-answer ol:last-child{
  margin-bottom:0 !important;
}

@media (max-width:749px){
  .faq-meta-section{
    max-width:100% !important;
    margin:28px auto 40px !important;
    padding:0 14px !important;
  }

  .faq-meta-section .faq-meta-group,
  .faq-meta-section .faq-meta-heading,
  .faq-meta-section .faq-meta-list{
    max-width:100% !important;
  }

  .faq-meta-section .faq-meta-group + .faq-meta-group{
    margin-top:20px !important;
  }

  .faq-meta-section .faq-meta-heading{
    font-size:30px !important;
    line-height:1.12 !important;
    margin-bottom:10px !important;
  }

  .faq-meta-section .faq-meta-question,
  .faq-meta-section .faq-meta-question span{
    padding:14px 48px 14px 14px !important;
    font-size:17px !important;
    line-height:1.3 !important;
  }

  .faq-meta-section .faq-meta-question::after{
    right:16px !important;
    font-size:24px !important;
  }

  .faq-meta-section .faq-meta-answer,
  .faq-meta-section .faq-meta-answer p,
  .faq-meta-section .faq-meta-answer li,
  .faq-meta-section .faq-meta-answer a{
    font-size:15px !important;
    line-height:1.5 !important;
  }

  .faq-meta-section .faq-meta-answer{
    padding:0 14px 16px !important;
  }
}
/* =========================================================
   FAQ Collection – final an Produkt-FAQ angeglichen
   ========================================================= */

.faq-meta-section.page-width{
  max-width:1180px !important;
  width:calc(100% - 80px) !important;
  margin:32px auto 40px !important;
  padding-left:40px !important;
  padding-right:40px !important;
}

.faq-meta-section.page-width .faq-meta-group,
.faq-meta-section.page-width .faq-meta-heading,
.faq-meta-section.page-width .faq-meta-list{
  max-width:860px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.faq-meta-section.page-width .faq-meta-group + .faq-meta-group{
  margin-top:24px !important;
}

.faq-meta-section.page-width .faq-meta-heading{
  margin:0 0 10px !important;
  font-size:30px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
}

.faq-meta-section.page-width .faq-meta-list{
  display:block !important;
}

.faq-meta-section.page-width .faq-meta-item{
  margin:0 !important;
  border:1px solid #d9eaf2 !important;
  border-bottom:0 !important;
  background:#f7fbfd !important;
  overflow:hidden !important;
}

.faq-meta-section.page-width .faq-meta-item:first-child{
  border-top-left-radius:16px !important;
  border-top-right-radius:16px !important;
}

.faq-meta-section.page-width .faq-meta-item:last-child{
  border-bottom:1px solid #d9eaf2 !important;
  border-bottom-left-radius:16px !important;
  border-bottom-right-radius:16px !important;
}

.faq-meta-section.page-width .faq-meta-question,
.faq-meta-section.page-width .faq-meta-question span{
  display:block !important;
  margin:0 !important;
  padding:18px 48px 18px 18px !important;
  font-size:18px !important;
  line-height:1.4 !important;
  font-weight:500 !important;
  color:#1a1a1a !important;
  list-style:none !important;
}

.faq-meta-section.page-width .faq-meta-question{
  position:relative !important;
  cursor:pointer !important;
}

.faq-meta-section.page-width .faq-meta-question::-webkit-details-marker{
  display:none !important;
}

.faq-meta-section.page-width .faq-meta-question::after{
  content:"+" !important;
  position:absolute !important;
  right:16px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  font-size:22px !important;
  line-height:1 !important;
  color:#00a3e0 !important;
}

.faq-meta-section.page-width .faq-meta-item[open] .faq-meta-question::after{
  content:"–" !important;
}

.faq-meta-section.page-width .faq-meta-item[open] .faq-meta-question{
  background:#eaf6fb !important;
  color:#003b5c !important;
}

.faq-meta-section.page-width .faq-meta-answer{
  padding:14px 18px 18px !important;
  font-size:16px !important;
  line-height:1.6 !important;
  color:#222 !important;
  background:#fff !important;
}

.faq-meta-answer p:last-child,
.faq-meta-answer ul:last-child,
.faq-meta-answer ol:last-child {
  margin-bottom: 0 !important;
}

.faq-meta-answer ul,
.faq-meta-answer ol {
  margin: 0.7em 0 1em 1.35em !important;
  padding-left: 1.15em !important;
}

.faq-meta-answer ul {
  list-style: disc !important;
}

.faq-meta-answer ol {
  list-style: decimal !important;
}

.faq-meta-answer li {
  display: list-item !important;
  margin: 0 0 0.35em !important;
}

.faq-meta-section.page-width .faq-meta-answer a{
  color:#00a3e0 !important;
}

@media only screen and (max-width:798px){
  .faq-meta-section.page-width{
    max-width:100% !important;
    width:auto !important;
    margin:28px auto 36px !important;
    padding-left:16px !important;
    padding-right:16px !important;
  }

  .faq-meta-section.page-width .faq-meta-group,
  .faq-meta-section.page-width .faq-meta-heading,
  .faq-meta-section.page-width .faq-meta-list{
    max-width:none !important;
  }

  .faq-meta-section.page-width .faq-meta-group + .faq-meta-group{
    margin-top:22px !important;
  }

  .faq-meta-section.page-width .faq-meta-heading{
    margin:0 0 10px !important;
    font-size:28px !important;
  }

  .faq-meta-section.page-width .faq-meta-question,
  .faq-meta-section.page-width .faq-meta-question span{
    padding:16px 44px 16px 16px !important;
    font-size:17px !important;
  }

  .faq-meta-section.page-width .faq-meta-question::after{
    right:16px !important;
    font-size:22px !important;
  }

  .faq-meta-section.page-width .faq-meta-answer{
    padding:12px 16px 16px !important;
    font-size:15px !important;
  }
}
/* =========================================================
   FAQ Collection – spacing fix ohne doppelte Innenabstände
   ========================================================= */

.faq-meta-section.page-width{
  max-width:1180px !important;
  width:calc(100% - 80px) !important;
  margin:32px auto 40px !important;
  padding-left:40px !important;
  padding-right:40px !important;
}

.faq-meta-section.page-width .faq-meta-group,
.faq-meta-section.page-width .faq-meta-heading,
.faq-meta-section.page-width .faq-meta-list{
  max-width:860px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.faq-meta-section.page-width .faq-meta-group + .faq-meta-group{
  margin-top:24px !important;
}

.faq-meta-section.page-width .faq-meta-heading{
  margin:0 0 10px !important;
  font-size:30px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
}

.faq-meta-section.page-width .faq-meta-list{
  display:block !important;
}

.faq-meta-section.page-width .faq-meta-item{
  margin:0 !important;
  border:1px solid #d9eaf2 !important;
  border-bottom:0 !important;
  background:#f7fbfd !important;
  overflow:hidden !important;
}

.faq-meta-section.page-width .faq-meta-item:first-child{
  border-top-left-radius:16px !important;
  border-top-right-radius:16px !important;
}

.faq-meta-section.page-width .faq-meta-item:last-child{
  border-bottom:1px solid #d9eaf2 !important;
  border-bottom-left-radius:16px !important;
  border-bottom-right-radius:16px !important;
}

.faq-meta-section.page-width .faq-meta-question{
  position:relative !important;
  display:block !important;
  margin:0 !important;
  padding:18px 48px 18px 18px !important;
  font-size:18px !important;
  line-height:1.4 !important;
  font-weight:500 !important;
  color:#1a1a1a !important;
  list-style:none !important;
  cursor:pointer !important;
}

.faq-meta-section.page-width .faq-meta-question span{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  font-size:inherit !important;
  line-height:inherit !important;
  font-weight:inherit !important;
  color:inherit !important;
}

.faq-meta-section.page-width .faq-meta-question::-webkit-details-marker{
  display:none !important;
}

.faq-meta-section.page-width .faq-meta-question::after{
  content:"+" !important;
  position:absolute !important;
  right:16px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  font-size:22px !important;
  line-height:1 !important;
  color:#00a3e0 !important;
}

.faq-meta-section.page-width .faq-meta-item[open] .faq-meta-question::after{
  content:"–" !important;
}

.faq-meta-section.page-width .faq-meta-item[open] .faq-meta-question{
  background:#eaf6fb !important;
  color:#003b5c !important;
}

.faq-meta-section.page-width .faq-meta-answer{
  padding:14px 18px 18px !important;
  font-size:16px !important;
  line-height:1.6 !important;
  color:#222 !important;
  background:#fff !important;
}

@media only screen and (max-width:798px){
  .faq-meta-section.page-width{
    max-width:100% !important;
    width:auto !important;
    margin:28px auto 36px !important;
    padding-left:16px !important;
    padding-right:16px !important;
  }

  .faq-meta-section.page-width .faq-meta-group,
  .faq-meta-section.page-width .faq-meta-heading,
  .faq-meta-section.page-width .faq-meta-list{
    max-width:none !important;
  }

  .faq-meta-section.page-width .faq-meta-group + .faq-meta-group{
    margin-top:22px !important;
  }

  .faq-meta-section.page-width .faq-meta-heading{
    margin:0 0 10px !important;
    font-size:28px !important;
  }

  .faq-meta-section.page-width .faq-meta-question{
    padding:16px 44px 16px 16px !important;
    font-size:17px !important;
  }

  .faq-meta-section.page-width .faq-meta-question span{
    padding:0 !important;
  }

  .faq-meta-section.page-width .faq-meta-question::after{
    right:16px !important;
    font-size:22px !important;
  }

  .faq-meta-section.page-width .faq-meta-answer{
    padding:12px 16px 16px !important;
    font-size:15px !important;
  }
}
ul.ac-checklist{
  margin:0 0 12px 0;
  padding-left:0;
  list-style:none;
}

ul.ac-checklist li{
  margin:0 0 0px 0;
}
.ac-sublead{
  margin-top:12px;
  margin-bottom:0px;
}
.product-text ol{
  margin:0 0 12px 1.15em;
  padding-left:0;
}

.product-text ol li{
  margin:0 0 8px;
}

/* =========================================================
   2026-04-08-gem-chatgpt zur ladezeit-verminderung, angewendet bei page-variete-details
   ========================================================= */

.misi-media--video {
  aspect-ratio: 16 / 9;
}

.misi-media--video iframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}

/* === AquaClic Passungs-Box === */

:root{
  --ac-fit-bg:#f7faff;
  --ac-fit-icon:18px;
}

.ac-fit-box{
  background:var(--ac-fit-bg);
  border-radius:12px;
  padding:.9rem 1rem;
  margin:10px 0 12px;
}

.ac-fit-grid{
  display:flex;
  gap:1.2rem;
}

.ac-fit-media{
  flex:0 0 360px;
  max-width:430px;
}

.ac-fit-media img{
  width:100%;
  border-radius:10px;
}

.ac-fit-caption{
  font-size:.85rem;
  text-align:center;
  margin-top:.3rem;
  color:#444;
}

.ac-fit-box h2{
  font-size:1.15rem;
  margin-bottom:.3rem;
}

.ac-fit-intro{
  display:flex;
  gap:.4rem;
  margin-bottom:.5rem;
  font-weight:600;
}

.ac-fit-steps{
  margin-left:1rem;
  margin-bottom:.5rem;
}

.ac-fit-list{
  display:grid;
  gap:.3rem;
}

.ac-item{
  display:flex;
  gap:4px;
}

.ac-check,.ac-cross{
  width:var(--ac-fit-icon);
  height:var(--ac-fit-icon);
}

.ac-check svg circle{fill:#00A0E3;}
.ac-cross svg circle{fill:#d32f2f;}
.ac-check svg path,.ac-cross svg path{stroke:#fff;}

.ac-fit-box a{
  text-decoration:underline;
  font-weight:600;
}

/* Tablet */
@media (max-width:980px){
  .ac-fit-grid{flex-wrap:wrap;}
  .ac-fit-media{
    flex:1 1 100%;
    max-width:520px;
    margin-top:.3rem;
  }
}

/* =========================
   AquaClic Collection Mobile Optimierung
   nur für: Strahlregler
========================= */

@media (max-width: 767px){

  /* 1) Breadcrumbs ausblenden */
  body.collection-strahlregler nav[aria-label="Breadcrumb"],
  body.collection-strahlregler .breadcrumb,
  body.collection-strahlregler .breadcrumbs{
    display:none !important;
  }

  /* 2) Oberen Leerraum reduzieren */
  body.collection-strahlregler .main,
  body.collection-strahlregler .shopify-section,
  body.collection-strahlregler .section,
  body.collection-strahlregler .page-width,
  body.collection-strahlregler .collection__main,
  body.collection-strahlregler .collection-main{
    padding-top:0 !important;
    margin-top:0 !important;
  }

  body.collection-strahlregler .collection__title,
  body.collection-strahlregler .title-wrapper,
  body.collection-strahlregler .section-header{
    margin-top:0 !important;
    padding-top:0 !important;
  }

  /* 3) H1 kleiner, aber ohne künstlich schmale Breite */
  body.collection-strahlregler h1,
  body.collection-strahlregler .collection__title h1,
  body.collection-strahlregler .title-wrapper h1,
  body.collection-strahlregler .banner__heading{
    font-size:1.42rem !important;
    line-height:1.1 !important;
    letter-spacing:-0.01em;
    margin-top:0 !important;
    margin-bottom:.42rem !important;
    max-width:none !important;
    width:auto !important;
  }

  /* 4) Einleitung kompakter */
  body.collection-strahlregler .rte p:first-of-type,
  body.collection-strahlregler .collection-description p:first-of-type,
  body.collection-strahlregler .collection__description p:first-of-type{
    font-size:.98rem;
    line-height:1.4;
    margin-bottom:.75rem;
  }

  /* 5) Beschreibung / Rich text darf nicht unnötig schmal werden */
  body.collection-strahlregler .rte,
  body.collection-strahlregler .collection-description,
  body.collection-strahlregler .collection__description{
    max-width:none !important;
    width:100% !important;
  }

  /* 6) Passungs-Box kompakter */
  body.collection-strahlregler .ac-fit-box{
    padding:.72rem .72rem .62rem;
    margin:.7rem 0 .35rem;
    border-radius:10px;
  }

  body.collection-strahlregler .ac-fit-grid{
    display:block;
  }

  body.collection-strahlregler .ac-fit-box h2{
    font-size:1.02rem;
    line-height:1.12;
    margin:0 0 .3rem;
  }

  body.collection-strahlregler .ac-fit-intro{
    gap:.3rem;
    margin-bottom:.45rem;
    font-size:.96rem;
    line-height:1.18;
  }

  body.collection-strahlregler .ac-fit-step-title{
    font-size:.94rem;
    margin-bottom:.15rem;
  }

  body.collection-strahlregler .ac-fit-steps{
    margin:0 0 .35rem 1rem;
    font-size:.95rem;
    line-height:1.28;
  }

  body.collection-strahlregler .ac-fit-media{
    max-width:220px;
    margin:.45rem auto 0;
  }

  body.collection-strahlregler .ac-fit-caption{
    font-size:.76rem;
    margin-top:.2rem;
  }

  /* 7) Ergebnisbereich ruhiger */
  body.collection-strahlregler .ac-fit-result{
    margin:.4rem 0 .8rem;
    display:grid;
    gap:.28rem;
  }

  body.collection-strahlregler .ac-fit-result .ac-item{
    display:flex;
    gap:4px;
    font-size:.96rem;
    line-height:1.22;
  }
  }

/* =========================================================
   FAQ Meta – Produkt & Collection sauber vereinheitlicht
   ========================================================= */

.faq-meta-section.page-width,
.template-product .faq-meta-section {
  max-width: 860px !important;
  width: 100% !important;
  margin: 28px auto 48px !important;
  padding: 0 16px !important;
}

/* Toggle-Button (Fragen zu Bestellung & Versand) */
.faq-meta-section .faq-versand-toggle,
.template-product .faq-versand-toggle {
  width: 100%;
  margin: 24px 0 0;
}

.faq-meta-section .faq-versand-button,
.template-product .faq-versand-button {
  display: inline-block;
  margin: 0 0 16px 0;
  padding: 10px 16px;
  border-radius: 8px;
  background: #2C5AA0;
  color: #fff;
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
  list-style: none;
}

.faq-versand-button::-webkit-details-marker {
  display: none;
}

.faq-versand-toggle .label-less {
  display: none;
}

.faq-versand-toggle[open] .label-more {
  display: none;
}

.faq-versand-toggle[open] .label-less {
  display: inline;
}

/* Zweiter FAQ-Block exakt gleiche Breite */
.faq-meta-section .faq-versand-content,
.faq-meta-section .faq-meta-group,
.faq-meta-section .faq-meta-list,
.template-product .faq-versand-content,
.template-product .faq-meta-group,
.template-product .faq-meta-list {
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}

/* Titel */
.faq-meta-heading,
.template-product .faq-meta-heading {
  margin: 0 0 14px;
  font-size: 24px;
  line-height: 1.25;
  font-weight: 700;
}

/* FAQ-Container */
.faq-meta-item,
.template-product .faq-meta-item {
  margin: 0;
  border: 1px solid #d9eaf2;
  border-bottom: 0;
  background: #f7fbfd;
  overflow: hidden;
}

.faq-meta-item:first-child {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.faq-meta-item:last-child {
  border-bottom: 1px solid #d9eaf2;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

/* Frage */
.faq-meta-question,
.template-product .faq-meta-question {
  position: relative;
  display: block;
  padding: 18px 48px 18px 18px;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 500;
  color: #1a1a1a;
  cursor: pointer;
  list-style: none;
}

.faq-meta-question span {
  padding: 0;
}

.faq-meta-question::-webkit-details-marker {
  display: none;
}

/* Plus / Minus */
.faq-meta-question::after {
  content: "+";
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 22px;
  color: #00a3e0;
}

.faq-meta-item[open] .faq-meta-question::after {
  content: "–";
}

/* Antwort */
.faq-meta-answer,
.template-product .faq-meta-answer {
  padding: 14px 18px 18px;
  font-size: 16px;
  line-height: 1.6;
  background: #fff;
  color: #222;
}

/* Mobile */
@media (max-width: 798px) {
  .faq-meta-section.page-width,
  .template-product .faq-meta-section {
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }

  .faq-meta-question {
    padding: 16px 44px 16px 16px;
    font-size: 17px;
  }

  .faq-meta-answer {
    padding: 12px 16px 16px;
    font-size: 15px;
  }
}

/* Produktseite: Metaobject-FAQ exakt unter Template-FAQ ausrichten */
.template-product .product-faq-metaobjects {
  max-width: 860px !important;
  width: 100% !important;
  margin: 28px auto 48px !important;
  padding: 0 16px !important;
}

.template-product .product-faq-metaobjects h2,
.template-product .product-faq-metaobjects .faq-list,
.template-product .product-faq-metaobjects .faq-more-toggle,
.template-product .product-faq-metaobjects .faq-more-list,
.template-product .product-faq-metaobjects .faq-more {
  max-width: 100% !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Button bündig mit den FAQ-Boxen */
.template-product .product-faq-metaobjects .faq-more-toggle {
  margin-top: 24px !important;
}

.template-product .product-faq-metaobjects .faq-more-toggle > summary {
  margin-left: 0 !important;
  margin-bottom: 16px !important;
}

/* Zweite FAQ optisch wie erste */
.template-product .product-faq-metaobjects .faq-more-list {
  background: #f7fbfd !important;
  border: 1px solid #d9eaf2 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}

.template-product .product-faq-metaobjects .faq-more-list .faq-item {
  border-top: 1px solid #d9eaf2 !important;
  background: #f7fbfd !important;
}

.template-product .product-faq-metaobjects .faq-more-list .faq-item:first-child {
  border-top: 0 !important;
}

.template-product .product-faq-metaobjects .faq-more-list .faq-question {
  background: #f7fbfd !important;
  color: #1a1a1a !important;
}

/* FAQ Metaobject Accordion an Haupt-FAQ anpassen */
.product-faq-metaobjects,
.faq-meta-section,
section[class*="faq-meta"] {
    max-width: var(--page-width, 1200px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Linker Rand / Padding angleichen */
.faq-meta-section .faq-list,
.product-faq-metaobjects .faq-list,
details.faq-item {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* Hellblaue Farbe wie oben (anpassen falls nötig) */
.product-faq-metaobjects summary.faq-question,
.faq-meta-section summary {
    background: #eaf6fb !important;           /* helles Blau */
    color: #003b5c !important;
    border-bottom: 1px solid #d1e8f0;
}

.product-faq-metaobjects details[open] summary.faq-question,
.faq-meta-section details[open] summary {
    background: #d1e8f0 !important;           /* etwas dunkler beim Öffnen */
}

/* Abstand und allgemeines Styling */
.faq-meta-section {
    margin-top: 2.5rem !important;
}

/* ========================================
   METAOBJECT FAQ – Anpassung an Haupt-FAQ
   ======================================== */

.product-faq-metaobjects,
.faq-meta-section {
    max-width: 975px !important;
    width: 100% !important;
    margin: 40px auto 0 auto !important;
    padding: 0 20px !important;
}

/* Karten Styling - gleiche Farben wie oben */
.product-faq-metaobjects details.faq-item,
.product-faq-metaobjects .faq-list details {
    margin-bottom: 12px !important;
    background: #f7fbfd !important;
    border: 1px solid #cfe3f1 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
}

/* Summary (Frage) */
.product-faq-metaobjects summary.faq-question {
    padding: 20px 60px 20px 24px !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
    color: #111 !important;
    background: transparent !important;
    position: relative !important;
    list-style: none !important;
    cursor: pointer;
}

/* Plus / Minus Icon */
.product-faq-metaobjects summary.faq-question::after {
    content: "+" !important;
    position: absolute !important;
    right: 24px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 26px !important;
    color: #2fa4db !important;
    font-weight: 300 !important;
}

.product-faq-metaobjects details[open] summary.faq-question::after {
    content: "–" !important;
}

/* Geöffnete Karte + Antwort */
.product-faq-metaobjects details[open] .faq-answer,
.product-faq-metaobjects details.faq-item > div {
    padding: 0 24px 20px 24px !important;
    color: #333 !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
}

/* Hover Effekt (optional, aber schön) */
.product-faq-metaobjects summary.faq-question:hover {
    background: #f0f8fd !important;
}

/* Button "Weniger Fragen anzeigen" */
button[data-action="toggle-more-questions"],
button:has-text("Weniger Fragen anzeigen") {
    background: #003b5c !important;
    color: white !important;
    border-radius: 8px !important;
}
/* Überschrift des Meta-Accordions zentrieren/ausrichten */
.product-faq-metaobjects h2,
.product-faq-metaobjects .faq-heading {
    max-width: 940px !important;
    margin: 0 auto 28px auto !important;
    padding: 0 20px !important;
}
/* Vimeo / responsive Videos */

.misi-video {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 12px;
  background: #000;
}

.misi-video iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

.misi-media {
  margin: 0 0 20px 0;
}

.misi-caption {
  margin-top: .7rem;
  font-size: .92rem;
  line-height: 1.45;
  color: #6f7782;
}
@media print {

    .responsive-table-misi thead th,
    table.misi thead th {
        background:#2C5AA0 !important;
        color:#ffffff !important;
        -webkit-print-color-adjust:exact;
        print-color-adjust:exact;
    }

}
@media print {

    h2{
        font-size:1.4rem !important;
        line-height:1.2 !important;
    }
        h3{
        font-size:1rem !important;
        line-height:1.05 !important;
    }


}
@media print {

    .page-break{
        page-break-before:always;
        break-before:page;
    }

}
/* PRINT PDF FONT */

@media print {

    body,
    p,
    li,
    td,
    th,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family:'Nunito Sans', Arial, sans-serif !important;
    }

}
@media print {

    body{
        line-height:1.35 !important;
        color:#111 !important;
    }

}
/* PDF / PRINT FONT */

@media print {

  body,
  p,
  li,
  td,
  th,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: 'Nunito Sans', Arial, sans-serif !important;
  }

}
/* Blogartikel: Abstand zwischen H1 und Inhalt reduzieren */
body.template-article .heading-wrapper {
  margin-bottom: 18px !important;
  padding-bottom: 10 !important;
}

body.template-article h1.article__title.title {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Abstand oberhalb des Blog-Inhalts reduzieren */
body.template-article .article-content.has-padding-top {
  padding-top: 18px !important;
}

/* Abstand nach dem Blogpost reduzieren */
body.template-article .article-content.has-padding-bottom {
  padding-bottom: 20px !important;
}

/* Mobile kompakter */
@media (max-width: 798px) {
  body.template-article .heading-wrapper {
    margin-bottom: 10px !important;
  }

  body.template-article .article-content.has-padding-top {
    padding-top: 10px !important;
  }

  body.template-article .article-content.has-padding-bottom {
    padding-bottom: 12px !important;
  }
}body.template-article .container.main.content {
  padding-top: 20px !important;
}

.container.blog-meta:empty {
  display: none !important;
}

body.template-article .container.blog-meta {
  margin: 1000 !important;
  padding: 0 !important;
}
/* Produktseite: H2 optisch wie Zwischenheadline, semantisch korrekt */
.product__description h2.like-h3,
.product_section h2.like-h3,
.product-page h2.like-h3,
h2.like-h3 {
  font-size: 1.15rem !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  margin-top: 1.4rem !important;
  margin-bottom: 0.0rem !important;
}

.ac-shower-choice {
  max-width: 1180px;
  margin: 24px auto 34px;
  padding: 0;
}

.ac-shower-choice-head {
  max-width: 760px;
  margin-bottom: 14px;
}

.ac-shower-choice-head .like-h3 {
  margin: 0 0 6px;
  color: #15384f;
}

.ac-shower-choice-head p {
  margin: 0;
  color: #4f6675;
  line-height: 1.5;
}

.ac-shower-choice-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}

.ac-shower-choice-card {
  min-height: 150px;
  padding: 18px 18px 16px;
  border: 1px solid #d8e9f3;
  border-radius: 12px;
  background: #f4faff;
  color: #15384f;
}

.ac-shower-choice-card-premium {
  border-color: #b9ddf1;
  background: linear-gradient(180deg, #f8fcff 0%, #ffffff 100%);
}

.ac-shower-choice-badge {
  display: inline-block;
  margin-bottom: 10px;
  padding: 4px 9px;
  border-radius: 999px;
  background: #ffffff;
  color: #007fc4;
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: .03em;
}

.ac-shower-choice-card h3 {
  margin: 0 0 8px;
  color: #15384f;
  font-size: 1.05rem;
  line-height: 1.25;
}

.ac-shower-choice-card p {
  margin: 0 0 12px;
  color: #4f6675;
  font-size: .92rem;
  line-height: 1.45;
}

.ac-shower-choice-card a {
  color: #007fc4;
  font-weight: 700;
  font-size: .9rem;
  text-decoration: none;
}

.ac-shower-choice-card a:hover {
  text-decoration: underline;
}

@media (max-width: 989px) {
  .ac-shower-choice-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 589px) {
  .ac-shower-choice {
    margin: 20px auto 28px;
  }

  .ac-shower-choice-grid {
    grid-template-columns: 1fr;
  }

  .ac-shower-choice-card {
    min-height: auto;
  }
}

.ac-shower-choice {
  max-width: 1180px;
  margin: 24px auto 34px;
  padding: 0;
}

.ac-shower-choice-head {
  max-width: 780px;
  margin-bottom: 14px;
}

.ac-shower-choice-head .like-h3 {
  margin: 0 0 6px;
  color: #15384f;
}

.ac-shower-choice-head p {
  margin: 0;
  color: #4f6675;
  line-height: 1.5;
}

.ac-shower-choice-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
}

.ac-shower-choice-card {
  min-height: 158px;
  padding: 17px 16px 15px;
  border: 1px solid #d8e9f3;
  border-radius: 12px;
  background: #f4faff;
  color: #15384f;
}

.ac-shower-choice-card-premium {
  border-color: #b9ddf1;
  background: linear-gradient(180deg, #f8fcff 0%, #ffffff 100%);
}

.ac-shower-choice-card-set {
  border-color: #c7e4f3;
  background: linear-gradient(180deg, #eef8fe 0%, #ffffff 100%);
}

.ac-shower-choice-badge {
  display: inline-block;
  margin-bottom: 10px;
  padding: 4px 9px;
  border-radius: 999px;
  background: #ffffff;
  color: #007fc4;
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: .03em;
}

.ac-shower-choice-card h3 {
  margin: 0 0 8px;
  color: #15384f;
  font-size: 1.02rem;
  line-height: 1.25;
}

.ac-shower-choice-card p {
  margin: 0 0 11px;
  color: #4f6675;
  font-size: .9rem;
  line-height: 1.42;
}

.ac-shower-choice-card .ac-shower-choice-product {
  margin: 0;
  color: #007fc4;
  font-weight: 700;
  font-size: .88rem;
  line-height: 1.35;
}

.ac-shower-choice-card .ac-shower-choice-product strong {
  color: #007fc4;
  font-weight: 700;
}

@media (max-width: 1180px) {
  .ac-shower-choice-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 789px) {
  .ac-shower-choice-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 589px) {
  .ac-shower-choice {
    margin: 20px auto 28px;
  }

  .ac-shower-choice-head {
    margin-bottom: 12px;
  }

  .ac-shower-choice-grid {
    grid-template-columns: 1fr;
  }

  .ac-shower-choice-card {
    min-height: auto;
  }
}
/* =========================================================
MISI Blogartikel – Listen + Video-Fix
ergänzt bestehende misi-wrap-Regeln
========================================================= */

/* Listen ohne zusätzliche Einrückung, mit ruhiger Zeilenhöhe */
.misi-text ul,
.misi-text ol{
margin:0 0 12px 0 !important;
padding-left:1.05em !important;
line-height:1.35 !important;
}

.misi-text li{
margin:0 0 6px 0 !important;
line-height:1.35 !important;
}

/* Falls Bullet optisch noch zu weit rechts sitzt */
.misi-text li::marker{
font-size:0.9em;
}

/* Vimeo-Poster-System – falls nicht bereits vollständig vorhanden */
.misi-video-poster{
position:relative;
width:100%;
aspect-ratio:16 / 9;
overflow:hidden;
border-radius:12px;
background:#000;
}

.misi-video-poster img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}

.misi-video-poster iframe{
position:absolute;
inset:0;
width:100%;
height:100%;
border:0;
display:block;
}

.misi-video-launch{
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
width:74px;
height:74px;
border:0;
border-radius:999px;
background:rgba(255,255,255,.94);
box-shadow:0 8px 24px rgba(0,0,0,.22);
display:flex;
align-items:center;
justify-content:center;
padding:0;
cursor:pointer;
}

.misi-video-launch svg{
width:28px;
height:28px;
margin-left:4px;
fill:#1e3f73;
}

.misi-video-launch:hover

@media (max-width:768px){
.misi-video-launch{
width:68px;
height:68px;
}
}

/* =========================================================
MISI Video Lite – klickbares Vimeo-Poster
Standard für Detailseiten und Blogartikel
========================================================= */

.misi-video-lite {
position: relative;
width: 100%;
aspect-ratio: 16 / 9;
background-size: cover;
background-position: center;
border-radius: 12px;
overflow: hidden;
cursor: pointer;
}

.misi-video-lite::after {
content: "";
position: absolute;
inset: 0;
background: transparent;
pointer-events: none;
transition: background 0.2s ease;
}

.misi-video-lite:hover::after {
background: rgba(0, 0, 0, 0.06);
}

.misi-video-play {
position: absolute;
z-index: 2;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 72px;
height: 72px;
border-radius: 999px;
border: 0;
background: rgba(255, 255, 255, 0.92);
box-shadow: 0 4px 18px rgba(0, 0, 0, 0.18);
cursor: pointer;
}

.misi-video-play span {
display: block;
margin-left: 27px;
width: 0;
height: 0;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-left: 22px solid #333;
}

.misi-video-lite iframe {
position: absolute;
inset: 0;
z-index: 3;
width: 100%;
height: 100%;
border: 0;
}

@media print {
  #publique-detail table { font-size: 17px !important; }
}
@media print {
  html, body {
    font-size: 16px !important;
    line-height: 1.4 !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  #publique-detail,
  #publique-detail p,
  #publique-detail li,
  #publique-detail td,
  #publique-detail th,
  #publique-detail h1,
  #publique-detail h2,
  #publique-detail h3,
  #publique-detail h4,
  #publique-detail h5,
  #publique-detail h6 {
    font-family: 'Nunito Sans', Arial, sans-serif !important;
    font-size: inherit !important;
    line-height: inherit !important;
  }

  #publique-detail .publique-compare,
  #publique-detail table.publique-compare,
  #publique-detail .responsive-table-misi,
  #publique-detail table.responsive-table-misi {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed !important;
  }

  #publique-detail .publique-compare th,
  #publique-detail .publique-compare td,
  #publique-detail .responsive-table-misi th,
  #publique-detail .responsive-table-misi td {
    font-size: 1rem !important;
    line-height: 1.35 !important;
    padding: 10px 12px !important;
    vertical-align: top !important;
  }

  #publique-detail .publique-compare thead th,
  #publique-detail .responsive-table-misi thead th {
    font-size: 1rem !important;
  }
}
.swissmade {
display: flex;
align-items: center;
gap: 7px;
}

.swissmade img {
width: 27px;
height: 27px;
object-fit: contain;
flex: 0 0 auto;
}
.option-title {
  display: none;
}

h2 {
  font-size: 17px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0;
}


/* Münzentest: kleines Bild mit grosser Hover-Vorschau */
.ac-hover {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: 6px;
  color: #0066cc;
  text-decoration: none;
  font-weight: 500;
  cursor: pointer;
}

.ac-hover .ac-hover-icon {
  display: inline-block;
  width: 28px;
  height: 28px;
  object-fit: cover;
  vertical-align: middle;
}

/* Grosses Bild im Normalzustand sicher ausblenden */
.ac-hover .hover-image {
  display: none !important;
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  width: 500px;
  max-width: 90vw;
  height: auto;
  transform: translateX(-50%);
  border: 1px solid #ccc;
  box-shadow: 0 5px 18px rgba(0, 0, 0, 0.28);
  background: #fff;
  z-index: 99999;
}

/* Grosses Bild nur beim Hover oder Tastaturfokus anzeigen */
.ac-hover:hover .hover-image,
.ac-hover:focus .hover-image,
.ac-hover:focus-visible .hover-image {
  display: block !important;
}

.ac-hover:hover span,
.ac-hover:focus span {
  text-decoration: underline;
}

/* Verhindert, dass das grosse Bild abgeschnitten wird */
.rte,
.rte li,
.product__description,
.product__description li {
  overflow: visible !important;
}


.ac-list, .ac-list-ol {
  margin-left: 18px; /* oder dein gewünschter Wert */
  padding-left: 0;
}
/* ============================================================
   Produkt-FAQ Metaobjekte – finale Formatkorrektur
   Diesen Block ganz am Ende von aquaclic.css einfügen.
   ============================================================ */

.template-product .product-faq-metaobjects.page-width {
  box-sizing: border-box !important;
  max-width: 975px !important;
  width: calc(100% - 32px) !important;
  margin: 40px auto 48px !important;
  padding: 0 !important;
}

.template-product .product-faq-metaobjects h2 {
  max-width: none !important;
  width: 100% !important;
  margin: 0 0 22px !important;
  padding: 0 !important;
  font-size: 30px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
}

.template-product .product-faq-metaobjects .faq-list {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

.template-product .product-faq-metaobjects details.faq-item {
  display: block !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  background: #f7fbfd !important;
  border: 1px solid #cfe3f1 !important;
  border-radius: 18px !important;
  overflow: hidden !important;
}

.template-product .product-faq-metaobjects details.faq-item:first-child {
  border-top: 1px solid #cfe3f1 !important;
}

.template-product .product-faq-metaobjects summary.faq-question {
  position: relative !important;
  display: block !important;
  margin: 0 !important;
  padding: 20px 60px 20px 24px !important;
  font-size: 18px !important;
  line-height: 1.45 !important;
  font-weight: 500 !important;
  color: #111 !important;
  background: transparent !important;
  border: 0 !important;
  cursor: pointer !important;
  list-style: none !important;
}

.template-product .product-faq-metaobjects summary.faq-question::-webkit-details-marker,
.template-product .product-faq-metaobjects .faq-more-toggle > summary::-webkit-details-marker {
  display: none !important;
}

.template-product .product-faq-metaobjects summary.faq-question::after {
  content: "+" !important;
  position: absolute !important;
  right: 24px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-size: 26px !important;
  line-height: 1 !important;
  font-weight: 300 !important;
  color: #2fa4db !important;
}

.template-product .product-faq-metaobjects details.faq-item[open] > summary.faq-question {
  color: #111 !important;
  background: #f0f8fd !important;
}

.template-product .product-faq-metaobjects details.faq-item[open] > summary.faq-question::after {
  content: "–" !important;
}

.template-product .product-faq-metaobjects .faq-answer {
  margin: 0 !important;
  padding: 0 24px 20px !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  color: #333 !important;
  background: #f7fbfd !important;
}

.template-product .product-faq-metaobjects .faq-more {
  width: 100% !important;
  margin: 4px 0 22px !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
  color: #6b7280 !important;
}

.template-product .product-faq-metaobjects .faq-more-toggle {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

.template-product .product-faq-metaobjects .faq-more-toggle > summary {
  display: inline-block !important;
  width: auto !important;
  margin: 0 0 20px !important;
  padding: 12px 24px !important;
  color: #fff !important;
  background: #2c5aa0 !important;
  border: 0 !important;
  border-radius: 12px !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  list-style: none !important;
}

.template-product .product-faq-metaobjects .faq-more-toggle > summary:hover {
  background: #1e3f73 !important;
}

.template-product .product-faq-metaobjects .faq-more-toggle .label-less {
  display: none !important;
}

.template-product .product-faq-metaobjects .faq-more-toggle[open] .label-more {
  display: none !important;
}

.template-product .product-faq-metaobjects .faq-more-toggle[open] .label-less {
  display: inline !important;
}

.template-product .product-faq-metaobjects .faq-more-list {
  width: 100% !important;
  margin: 0 !important;
}

@media (max-width: 798px) {
  .template-product .product-faq-metaobjects.page-width {
    width: calc(100% - 28px) !important;
    margin: 28px auto 40px !important;
  }

  .template-product .product-faq-metaobjects h2 {
    margin-bottom: 16px !important;
    font-size: 28px !important;
  }

  .template-product .product-faq-metaobjects summary.faq-question {
    padding: 16px 48px 16px 16px !important;
    font-size: 17px !important;
  }

  .template-product .product-faq-metaobjects summary.faq-question::after {
    right: 18px !important;
    font-size: 24px !important;
  }

  .template-product .product-faq-metaobjects .faq-answer {
    padding: 0 16px 18px !important;
    font-size: 15px !important;
  }

  .template-product .product-faq-metaobjects .faq-more {
    padding: 0 !important;
  }
}
/* Produkt-FAQ: Bestell- und Versandfragen – Aufklapp-Button */
.template-product .product-faq-metaobjects .faq-more-toggle {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.template-product .product-faq-metaobjects .faq-more-toggle > summary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-height: 50px !important;
  margin: 0 0 22px !important;
  padding: 13px 24px !important;

  background: #2c5aa0 !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 12px !important;

  font-size: 16px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
  text-align: center !important;

  cursor: pointer !important;
  list-style: none !important;
}

.template-product .product-faq-metaobjects .faq-more-toggle > summary:hover {
  background: #1e3f73 !important;
}

.template-product .product-faq-metaobjects .faq-more-toggle > summary::-webkit-details-marker {
  display: none !important;
}

.template-product .product-faq-metaobjects .faq-more-toggle .label-more {
  display: inline !important;
  color: #ffffff !important;
}

.template-product .product-faq-metaobjects .faq-more-toggle .label-less {
  display: none !important;
  color: #ffffff !important;
}

.template-product .product-faq-metaobjects .faq-more-toggle[open] .label-more {
  display: none !important;
}

.template-product .product-faq-metaobjects .faq-more-toggle[open] .label-less {
  display: inline !important;
}

@media (max-width: 749px) {
  .template-product .product-faq-metaobjects .faq-more-toggle > summary {
    min-height: 48px !important;
    padding: 12px 20px !important;
    font-size: 15px !important;
  }
}
/* ============================================================
   Produkt-FAQ – Versandfragen-Button final
   MUSS ganz am Ende von aquaclic.css stehen
   ============================================================ */

.product-faq-metaobjects details.faq-more-toggle {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

/* Der grosse blaue Button */
.product-faq-metaobjects details.faq-more-toggle > summary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: auto !important;
  min-height: 50px !important;
  margin: 0 0 22px !important;
  padding: 13px 24px !important;

  background: #2c5aa0 !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 12px !important;

  font-family: "Nunito Sans", sans-serif !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
  text-align: center !important;

  cursor: pointer !important;
  list-style: none !important;
}

/* Standard-Dreieck entfernen */
.product-faq-metaobjects details.faq-more-toggle > summary::marker {
  content: "" !important;
}

.product-faq-metaobjects details.faq-more-toggle > summary::-webkit-details-marker {
  display: none !important;
}

.product-faq-metaobjects details.faq-more-toggle > summary:hover {
  background: #1e3f73 !important;
}

/* Geschlossen: nur „anzeigen“ */
.product-faq-metaobjects details.faq-more-toggle:not([open])
  > summary
  .label-more {
  display: inline !important;
  color: #ffffff !important;
}

.product-faq-metaobjects details.faq-more-toggle:not([open])
  > summary
  .label-less {
  display: none !important;
}

/* Geöffnet: nur „weniger“ */
.product-faq-metaobjects details.faq-more-toggle[open]
  > summary
  .label-more {
  display: none !important;
}

.product-faq-metaobjects details.faq-more-toggle[open]
  > summary
  .label-less {
  display: inline !important;
  color: #ffffff !important;
}

/* Versand-FAQ-Liste unterhalb des Buttons */
.product-faq-metaobjects details.faq-more-toggle > .faq-more-list {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Einzelne Versandfragen wieder geschlossen und normal hellblau */
.product-faq-metaobjects
  details.faq-more-toggle
  > .faq-more-list
  > details.faq-item {
  display: block !important;
  margin: 0 0 12px !important;
  background: #f7fbfd !important;
  border: 1px solid #cfe3f1 !important;
  border-radius: 18px !important;
  overflow: hidden !important;
}

@media (max-width: 749px) {
  .product-faq-metaobjects details.faq-more-toggle > summary {
    min-height: 48px !important;
    padding: 12px 20px !important;
    font-size: 15px !important;
  }
}

/* ============================================================
   FAQ Metaobjekte – einheitliche Pills und korrekte Symbole
   ============================================================ */

.faq-meta-section.page-width .faq-meta-list {
  display: grid !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

.faq-meta-section.page-width details.faq-meta-item {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #f7fbfd !important;
  border: 1px solid #cfe3f1 !important;
  border-radius: 18px !important;
  overflow: hidden !important;
}

.faq-meta-section.page-width details.faq-meta-item:first-child,
.faq-meta-section.page-width details.faq-meta-item:last-child {
  border: 1px solid #cfe3f1 !important;
  border-radius: 18px !important;
}

.faq-meta-section.page-width details.faq-meta-item > summary.faq-meta-question {
  position: relative !important;
  display: block !important;
  margin: 0 !important;
  padding: 20px 60px 20px 24px !important;
  color: #111 !important;
  background: transparent !important;
  border: 0 !important;
  cursor: pointer !important;
  list-style: none !important;
}

.faq-meta-section.page-width details.faq-meta-item > summary.faq-meta-question::marker {
  content: "" !important;
}

.faq-meta-section.page-width details.faq-meta-item > summary.faq-meta-question::-webkit-details-marker {
  display: none !important;
}

.faq-meta-section.page-width details.faq-meta-item > summary.faq-meta-question::after {
  content: "+" !important;
  position: absolute !important;
  right: 24px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #2fa4db !important;
  font-size: 26px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
}

.faq-meta-section.page-width details.faq-meta-item[open] > summary.faq-meta-question {
  background: #f0f8fd !important;
}

.faq-meta-section.page-width details.faq-meta-item[open] > summary.faq-meta-question::after {
  content: "–" !important;
}

.faq-meta-section.page-width details.faq-meta-item > .faq-meta-answer {
  margin: 0 !important;
  padding: 0 24px 20px !important;
  color: #333 !important;
  background: #f7fbfd !important;
}

.product-faq-metaobjects
  details.faq-more-toggle
  > .faq-more-list
  > details.faq-item:not([open])
  > summary.faq-question::after {
  content: "+" !important;
}

.product-faq-metaobjects
  details.faq-more-toggle
  > .faq-more-list
  > details.faq-item[open]
  > summary.faq-question::after {
  content: "–" !important;
}

@media (max-width: 798px) {
  .faq-meta-section.page-width details.faq-meta-item > summary.faq-meta-question {
    padding: 16px 48px 16px 16px !important;
  }

  .faq-meta-section.page-width details.faq-meta-item > summary.faq-meta-question::after {
    right: 18px !important;
    font-size: 24px !important;
  }

  .faq-meta-section.page-width details.faq-meta-item > .faq-meta-answer {
    padding: 0 16px 18px !important;
  }
}

/* ============================================================
   FAQ – finale Farb- und Symbolkorrektur
   ============================================================ */

/* Beide FAQ-Arten: geschlossene Zeilen gleich hell */
.template-product .product-faq-metaobjects details.faq-item,
.template-product .product-faq-metaobjects details.faq-item > summary.faq-question,
.faq-meta-section.page-width details.faq-meta-item,
.faq-meta-section.page-width details.faq-meta-item > summary.faq-meta-question {
  background: #f7fbfd !important;
}

/* Beide FAQ-Arten: geöffnete Kopfzeile im gleichen Blau */
.template-product .product-faq-metaobjects details.faq-item[open] > summary.faq-question,
.faq-meta-section.page-width details.faq-meta-item[open] > summary.faq-meta-question {
  background: #cfe7f0 !important;
}

/* Sichere Zeichen: CSS-Escapes verhindern fehlerhafte Sonderzeichen */
.template-product .product-faq-metaobjects details.faq-item:not([open]) > summary.faq-question::after,
.faq-meta-section.page-width details.faq-meta-item:not([open]) > summary.faq-meta-question::after {
  content: "\002B" !important;
}

.template-product .product-faq-metaobjects details.faq-item[open] > summary.faq-question::after,
.faq-meta-section.page-width details.faq-meta-item[open] > summary.faq-meta-question::after {
  content: "\2212" !important;
}