/* Ergänzungen für die statische Website (alles andere stammt 1:1 aus dem Live-Theme) */
.eud-mail-ok { margin: 12px 0 0; font-size: 14px; line-height: 1.5; opacity: .8; }
.eud-pdp__open { display: inline-flex; justify-content: center; text-decoration: none; }
.eud-pdp__fine { display: block; margin-top: 10px; }
.eud-footer .footer__copyright { display: flex; flex-wrap: wrap; gap: 8px 24px; align-items: baseline; justify-content: space-between; }
.eud-footer .policies { display: flex; flex-wrap: wrap; gap: 4px 18px; margin: 0; }
.eud-footer .policies li::before { content: none !important; }
.eud-recht { max-width: 760px; }
.eud-recht h1 { margin-bottom: 32px; }

.eud-hero{background:#203638;}

/* Mobiles Menü offen: Kopfzeile durchgehend dunkelgrün, Logo und Icons hell */
.section-header.eud-menu-open,
.section-header.eud-menu-open .header-wrapper,
.section-header.eud-menu-open .header{background:#203638 !important;background-image:none !important;border-color:transparent !important;box-shadow:none !important;}
.section-header.eud-menu-open .header-wrapper .header__heading-logo,
.section-header.eud-menu-open .header__heading-logo{filter:brightness(0) invert(1) !important;}
.section-header.eud-menu-open .header__icon,
.section-header.eud-menu-open .header__icon svg,
.section-header.eud-menu-open .header__icon .icon{color:#F3EFE7 !important;fill:currentColor;}
.section-header.eud-menu-open.eud-head-hidden{transform:none !important;}

/* KI-Kennzeichnung: Zeile pro Bildbereich + EU-Icon an Einzelbildern */
.eud-ki-line{display:flex;align-items:center;gap:8px;margin:0 0 18px;font-size:12px;line-height:1.4;opacity:.62}
.eud-ki-line img{height:10px;width:auto;flex:none}
.eud-ki-icon{position:absolute !important;z-index:5 !important;height:10px !important;width:auto !important;max-width:none !important;aspect-ratio:auto !important;object-fit:contain !important;border-radius:0 !important;background:none !important;margin:0 !important;inset:auto;pointer-events:none;display:block}
.eud-ki-line img{height:10px !important;width:auto !important;aspect-ratio:auto !important;border-radius:0 !important;background:none !important}

/* Produktclip neben "Alles Wesentliche": im Seitenraster (Shell 1200 px), Video so hoch wie der Textblock */
.eud-pdp__details-inner.has-clip{max-width:1200px;margin-left:auto;margin-right:auto;display:grid;grid-template-columns:minmax(220px,30%) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:stretch}
.eud-pdp__clip{position:relative;border-radius:3px;overflow:hidden;background:#E8E3D9;min-height:0}
.eud-pdp__clip video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.has-clip .eud-pdp__details-text{display:flex;flex-direction:column}
.has-clip .eud-pdp__h2{font-size:clamp(28px,3vw,40px)}
.has-clip .eud-pdp__acc{margin-top:clamp(20px,2.4vw,32px)}
.has-clip .eud-pdp__acc-item summary{font-size:clamp(15px,1.4vw,18px);padding:clamp(14px,1.5vw,19px) 0}
@media (max-width:749px){
  .eud-pdp__details-inner.has-clip{grid-template-columns:1fr;gap:0}
  .has-clip .eud-pdp__details-text{display:contents}
  .eud-pdp__details-text>.eud-pdp__sec-eyebrow,.eud-pdp__details-text>.eud-pdp__h2{order:-1}
  .eud-pdp__clip{width:min(100%,39vh);aspect-ratio:9/16;margin:0 auto 8px}
}

/* Header beim Runterscrollen ausblenden, beim Hochscrollen einblenden (alle Seiten, alle Breiten).
   Header und Wrapper sind position:fixed, deshalb werden beide direkt verschoben. */
.section-header .header-wrapper,.section-header header.header{transition:transform .3s ease,background-color .2s ease}
.section-header.eud-head-hidden .header-wrapper,.section-header.eud-head-hidden header.header{transform:translateY(-140px) !important}
.section-header.eud-menu-open .header-wrapper,.section-header.eud-menu-open header.header{transform:none !important}
/* Beim Wiedereinblenden nicht transparent über dem Inhalt stehen */
.section-header.scrolled-past-header:not(.eud-menu-open) header.header{background:rgb(var(--color-background)) !important}

/* Keine schwarzen Flächen: Anfrage-Sektion unter den Beiträgen dunkelgrün, Button hell */
.eud-art__cta{background:#203638 !important}
.eud-art__cta .eud-art__btn{background:#F3EFE7 !important;color:#203638 !important}
.eud-art__cta .eud-art__btn:hover{background:#FFFFFF !important;color:#203638 !important}
.eud-blog__filter-link.is-active{background:#203638 !important;border-color:#203638 !important;color:#F3EFE7 !important}
.eud-con__team{background:#203638 !important}