:root{--bg:#f6f1e7;--bg-alt:#f6f1e7;--panel:#faf7ef;--ink:#302d27;--accent:#a0312d;--accent-ink:#872823;--accent-wash:#eee2d5;--line:#cfc4b1;--line-soft:#ddd3c2;--maxw:1160px;--serif:Palatino,"Palatino Linotype","Book Antiqua",Georgia,serif;--sans:var(--serif);--sans-ui:"Inter",-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
body{font-size:18px;background:#e6dfd1;font-family:var(--serif);line-height:1.7}
main,footer,header{max-width:1440px;margin:auto;background:var(--bg)}
main{min-height:70vh;box-shadow:0 16px 50px #42341d0d}
header{position:sticky;top:0;z-index:30;padding:22px 5%;gap:28px;border-bottom:3px double var(--line)}
.logo{gap:14px;padding:0}.logo img{object-fit:contain;mix-blend-mode:multiply}.wordmark{font-size:17px;font-weight:400;letter-spacing:.02em}
nav.pages{gap:3px}nav.pages>button,nav.pages>.navitem>button{font-size:16px;font-weight:400;padding:8px 10px}
.lang{border:0}.lang button{font-size:14px;padding:4px 8px}.lang button[aria-pressed="true"]{background:none;color:var(--accent);text-decoration:underline;text-underline-offset:5px}
.inner{padding:70px 50px}.band{margin:0 5%;border-color:var(--line)}
.kicker{font-family:var(--serif);font-variant:small-caps;
  font-size:15px;letter-spacing:.14em;font-weight:600;color:var(--accent);margin-bottom:22px}
h1{font-size:clamp(40px,4.9vw,68px);font-weight:400;line-height:1.08;max-width:17ch;letter-spacing:-.035em}
h2{font-size:38px;font-weight:400;line-height:1.2;letter-spacing:-.02em}h3{font-size:24px;font-weight:400;line-height:1.3}
.lead{font-size:21px;line-height:1.6;max-width:58ch}.hero{margin:0;position:relative;background:linear-gradient(90deg,#f6f1e7 5%,#f6f1e7ee 28%,#f6f1e755 58%,#f6f1e705 100%),url('assets/cover-image.jpg') center right/cover no-repeat}
.hero .inner{padding-top:80px;padding-bottom:95px;min-height:610px}.hero h1{max-width:9ch}.hero .lead{max-width:35ch}.hero .actions{max-width:440px}
.btn{border-radius:0;background:var(--accent);font-size:16px;font-weight:400;padding:12px 22px}.btn.secondary{border-color:#9e7761;background:#f6f1e7cc}.textlink{font-weight:400;font-family:var(--serif);font-style:italic;font-size:21px}
.items{margin-top:35px}.item{grid-template-columns:1fr 1.7fr;padding:25px 0;gap:55px}.item p{font-size:18px}.item h3{max-width:24ch}
.block{padding:40px 0}.block .tagline{font-size:22px}.feat li{font-size:17px}.price{padding:32px 0}.price .name{font-size:26px;font-weight:400}.price .amt{font-size:32px}.price .amt small{font-size:14px}
.refs{display:grid;grid-template-columns:1fr 1fr;column-gap:55px}.ref{display:grid;grid-template-columns:85px 1fr;gap:8px 23px;padding:30px 0;align-content:start}.portrait{width:85px;height:100px;object-fit:contain;grid-row:1/3}.ref .n{font-size:16px;letter-spacing:.015em;text-transform:none;font-weight:400}.ref .d{font-size:17px;margin:0}
.audience .items{border-top:0}.audience .item{min-height:210px;border:0;align-items:start}.audience .item h3{font-size:34px}.audience .tagline{font-size:23px}.slider-controls{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:20px;gap:20px}.slider-controls button{background:transparent;border:1px solid var(--line);font:inherit;color:var(--accent-ink);padding:8px 18px;cursor:pointer}.slider-controls output{font-size:16px;font-style:italic}.slider-controls button:hover{background:var(--accent-wash)}
.submenu{border-radius:0}.navitem:focus-within .submenu{display:flex}.form input,.form textarea{background:var(--panel);border-radius:0;font-size:18px}.form label,.contact dt{font-size:14px}.doclist a{font-weight:400}.doclist a span.s{font-size:17px}footer{border-top:3px double var(--line)}footer .inner{font-size:14px;justify-content:center;padding:28px}
:focus-visible{outline:2px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}
@media(min-width:1100px){#home>.band:nth-child(2) .inner{display:grid;grid-template-columns:260px 1fr;column-gap:65px}#home>.band:nth-child(2) .kicker{grid-column:1}#home>.band:nth-child(2) h2{grid-column:1}#home>.band:nth-child(2) .items{grid-column:2;grid-row:1/4;margin:0}#home>.band:nth-child(2) .actions{grid-column:1;align-self:start}#home>.band:nth-child(2) .item{grid-template-columns:1fr;gap:10px}}
@media(max-width:850px){header{gap:14px}.wordmark{display:none}nav.pages{order:3;width:100%;flex-wrap:wrap}.spacer{display:block}.inner{padding:45px 22px}.band{margin:0 3%}.hero{margin:0;background-position:65% center}.hero .inner{min-height:570px;padding:55px 7%;background:#f6f1e738}.hero h1{font-size:52px}.hero .lead{max-width:27ch}.refs{grid-template-columns:1fr}.item{gap:20px}.lang{margin-left:auto}h2{font-size:32px}}
@media(max-width:600px){.hero{background-image:linear-gradient(90deg,#f6f1e7f5,#f6f1e7a8),url('assets/cover-image.jpg')}.item{grid-template-columns:1fr}.hero .inner{min-height:540px}.audience .item{min-height:285px}.slider-controls{gap:8px}.slider-controls button{padding:8px 12px;font-size:16px}.ref{column-gap:16px}.portrait{width:70px}.contact{grid-template-columns:1fr}.price .amt{font-size:28px}}

/* ---------- Hellere Tokens ---------- */
:root{--card:#ffffff;--slider-bg:#fbfaf6}   /* Karten weiß; Slider fast weiß */

/* ---------- Produktkarten (Home · 4er-Reihe) ---------- */
/* Band trägt dieselbe Creme-Farbe wie der Hero; volle Breite, kein Rahmen */
.products-cards{background:var(--bg);border-top:0}   /* keine Trennlinie unter dem Foto */
.products-cards .items{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;border-top:0;margin-top:30px}
.products-cards .item{display:flex;flex-direction:column;grid-template-columns:none;gap:0;
  background:var(--card);border:0;padding:30px 26px 28px;position:relative;
  transition:transform .2s ease,box-shadow .2s ease}
.products-cards .item::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.products-cards .item:hover{transform:translateY(-3px)}
.products-cards .item:hover::before{transform:scaleX(1)}
.products-cards .pnum{display:block;width:34px;height:0;border-top:2px solid var(--accent);
  font-size:0;padding-bottom:0;margin-bottom:22px}
.products-cards .item h3{max-width:none;margin:0 0 12px;font-size:22px;line-height:1.25}
.products-cards .item p{font-size:16px;line-height:1.55;margin:0}
/* Zweispaltiges Kopf-Layout für diese Band aufheben */
@media(min-width:1100px){
  #home>.band.products-cards .inner{display:block}
  #home>.band.products-cards .items{grid-column:auto;margin-top:30px}
  #home>.band.products-cards .item{grid-template-columns:none}
}
@media(max-width:900px){.products-cards .items{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.products-cards .items{grid-template-columns:1fr}}

/* ---------- Audience-Slider (Auto-Play, volle Breite, ohne Rahmen) ---------- */
.audience{background:var(--slider-bg);margin:0;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.audience .items{display:none}                 /* altes Listenraster aus */
.aud-stage{position:relative;margin-top:56px;height:220px}
.aud-slide{position:absolute;inset:0;opacity:0;visibility:hidden;z-index:1;
  transition:opacity .45s ease, transform .45s ease;transform:translateX(24px);
  pointer-events:none;border:0;background:transparent;
  display:grid;grid-template-columns:1fr 1.5fr;gap:40px;align-content:start;align-items:start;padding-top:20px}
.aud-slide h3{align-self:start}
.aud-slide.is-active{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.aud-slide h3{font-size:34px;margin:0;position:relative;padding-left:22px}
.aud-slide h3::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:4px;background:var(--accent)}
.aud-slide .tagline{font-size:23px;margin:0 0 10px}
/* nackte rote Pfeile, keine Kästchen */
.slider-controls .aud-arrow{width:auto;height:auto;padding:6px 4px;border:0;background:transparent;
  color:var(--accent);font-size:30px;line-height:1;cursor:pointer;transition:color .2s ease,transform .2s ease}
.slider-controls .aud-arrow:hover{background:transparent;color:var(--accent-ink);transform:scale(1.15)}
.slider-controls output{display:none}          /* Zähler versteckt */
.slider-controls{position:relative;margin-top:44px;border-top:0;padding-top:0;
  display:flex;flex-direction:column;gap:16px;align-items:stretch}
.aud-row{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%}
.aud-row .aud-toggle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.aud-dots{display:flex;gap:16px;align-items:center;justify-content:center}
.slider-controls .aud-toggle{border:0;background:transparent;color:var(--accent);
  font-size:15px;line-height:1;cursor:pointer;padding:2px 8px;
  transition:color .2s ease,transform .2s ease}
.slider-controls .aud-toggle:hover{color:var(--accent-ink)}
.aud-row .aud-toggle:hover{transform:translate(-50%,-50%) scale(1.12)}
.slider-controls .aud-dot{position:relative;width:34px;height:2px;padding:0;border:0;cursor:pointer;
  background:var(--line);overflow:hidden}
.slider-controls .aud-dot:hover{background:var(--line)}
.aud-dot .fill{position:absolute;inset:0;background:var(--accent);transform:scaleX(0);transform-origin:left}
.aud-dot:not(.is-active) .fill{transform:scaleX(0)}
@media(max-width:700px){.aud-slide{grid-template-columns:1fr;gap:14px}.aud-slide h3{font-size:26px}}
@media(prefers-reduced-motion: reduce){
  .aud-slide,.badge,.prod-feat,.part-audience .item{transition:none}
}

/* ---------- Free-Trial: Skizze links, Text rechts, volle Breite ---------- */
:root{--paper:#fcfbf8}                         /* Papierton der Skizze */
.trial-split{background:var(--paper);margin:0;border-top:0;border-bottom:1px solid var(--line-soft);position:relative;overflow:hidden}
.trial-split .inner{position:relative;min-height:520px;
  display:grid;grid-template-columns:1fr 1fr;align-items:center}
/* Skizze als randloser Hintergrund der linken Hälfte */
.trial-split::before{content:"";position:absolute;top:0;bottom:0;left:0;width:62%;
  background:url('assets/sketch_bulb_library.jpg') left center/cover no-repeat;
  /* Kanten weich ins Papier auslaufen lassen → kein Rahmen */
  -webkit-mask-image:linear-gradient(90deg,#000 60%,transparent 100%),linear-gradient(0deg,transparent 0,#000 12%);
  -webkit-mask-composite:source-in;mask-composite:intersect;
  mask-image:linear-gradient(90deg,#000 60%,transparent 100%),linear-gradient(0deg,transparent 0,#000 12%)}
.trial-split .trial-copy{grid-column:2;padding-left:20px}
.trial-split .trial-copy .lead{max-width:42ch}
@media(max-width:820px){
  .trial-split .inner{grid-template-columns:1fr;min-height:0}
  .trial-split::before{position:relative;width:100%;height:260px;display:block;
    -webkit-mask-image:linear-gradient(0deg,transparent 0,#000 18%);mask-image:linear-gradient(0deg,transparent 0,#000 18%)}
  .trial-split .trial-copy{grid-column:1;padding-left:0;margin-top:10px}
}

/* ---------- Kopfzeile heller (wie Slider) ---------- */
header{background:var(--slider-bg)}
.after-trial{border-top:0}

/* ---------- Trust-Badges (Datenschutz) — wie Produktkarten ---------- */
.after-trial{background:var(--slider-bg);margin:0}       /* helle Fläche, volle Breite, trennt vom Footer */
.badges{display:flex;flex-wrap:wrap;gap:16px;margin:28px 0 26px}
.badge{position:relative;display:flex;flex-direction:column;min-width:160px;overflow:hidden;
  font-family:var(--serif);font-size:15px;color:var(--ink);
  background:var(--paper);border:1px solid var(--line-soft);
  padding:18px 20px 16px;transition:transform .2s ease}
.badge::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--accent);
  transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.badge:hover{transform:translateY(-3px)}
.badge:hover::before{transform:scaleX(1)}
.badge::after{content:"";width:28px;height:2px;background:var(--accent);margin-top:12px}


/* ---------- CTA-Textlinks: mehr Luft, mittig im Restraum ---------- */
.actions:has(.textlink){margin-top:44px}
.products-cards .actions:has(.textlink){margin-top:48px}
.after-trial .actions:has(.textlink){margin-top:40px}

/* ---------- Papier-Textur (subtiles feines Korn) ---------- */
main{position:relative}
/* Textur auf die farbigen Bänder selbst legen, damit sie über die volle Breite sichtbar ist */
.band, .hero, .trial-split, .audience, .after-trial{position:relative}
.band::after, .trial-split::after, .after-trial::after, .audience::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.3;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E")}
.band > .inner{position:relative;z-index:1}
/* Grund-Textur auch hinter allem (Ränder) */
main::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.3;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E")}
main > *{position:relative;z-index:1}

/* ---------- Datenschutz: Text links, Badges rechts (gestapelt, mittig) ---------- */
.priv-split .inner{display:grid;grid-template-columns:1fr auto;column-gap:60px;align-items:center}
.priv-split .priv-copy{grid-column:1}
.badges-stacked{grid-column:2;flex-direction:column;align-items:center;justify-self:center;
  gap:16px;margin:0}
.badges-stacked .badge{min-width:220px}
@media(max-width:820px){
  .priv-split .inner{grid-template-columns:1fr}
  .badges-stacked{grid-column:1;align-items:flex-start;justify-self:start;margin-top:24px}
}
/* Option-2-Textur (stärkeres Korn) nur auf diesem Band */
.after-trial::after{opacity:.6 !important}

/* ---------- Slider-Block: Innenabstände ausbalancieren ---------- */
.audience .inner{padding-top:56px;padding-bottom:56px}

/* ---------- Produkte-Hero: Text links, Skizze rechts (randlos, maskiert) ---------- */
.prod-hero{background:var(--bg);position:relative;overflow:hidden}
.prod-hero .inner{position:relative;min-height:620px;display:grid;grid-template-columns:0.85fr 1.15fr;align-items:center;padding-top:0;padding-bottom:0}
.prod-hero-copy{grid-column:1;position:relative;z-index:2;padding:70px 0}
.prod-hero-copy .lead{max-width:32ch}
.prod-hero-img{grid-column:2;position:relative;align-self:stretch;z-index:1}
.prod-hero-img::after{content:"";position:absolute;top:0;bottom:0;left:-6%;right:-45%;
  background:url('assets/sketch_typewriter.jpg') center left/cover no-repeat;
  -webkit-mask-image:linear-gradient(270deg,#000 60%,transparent 100%);
  mask-image:linear-gradient(270deg,#000 60%,transparent 100%)}
@media(max-width:820px){
  .prod-hero .inner{grid-template-columns:1fr;min-height:0}
  .prod-hero-copy{padding:40px 0 24px}
  .prod-hero-img{grid-column:1;height:340px;margin:0 -22px;width:calc(100% + 44px)}
  .prod-hero-img::after{left:0;right:0;background-position:center;background-size:cover;
    -webkit-mask-image:linear-gradient(0deg,transparent,#000 12%,#000 88%,transparent);
    mask-image:linear-gradient(0deg,transparent,#000 12%,#000 88%,transparent)}
}

/* ---------- Produkte-Seite: Bänder volle Breite (wie Home) ---------- */
#produkte > .band{margin:0}
#partner > .band{margin:0}

/* ---------- Produkt-Blöcke (zwei Spalten, gerahmtes Feature-Panel) ---------- */
#produkte .prod-block{margin:0;border-top:1px solid var(--line)}
#produkte .prod-block.alt{background:var(--slider-bg)}
.prod-block .inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.prod-block--single .inner{grid-template-columns:1fr;max-width:760px}
/* linke Spalte */
.prod-col .prod-name{position:relative;padding-left:22px;margin:0 0 12px}
.prod-col .prod-name::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:4px;background:var(--accent)}
.prod-col .tagline{font-family:var(--serif);font-style:italic;font-size:21px;margin:0 0 14px}
.prod-col p{max-width:46ch}
.prod-col .actions{margin-top:32px}
/* rechte Spalte: gerahmtes Panel wie Badges/Produktkarten */
.prod-feat{position:relative;background:var(--card);border:1px solid var(--line-soft);
  padding:26px 30px;overflow:hidden;transition:transform .2s ease}
.prod-feat::before{content:"";position:absolute;top:0;bottom:0;left:0;width:3px;background:var(--accent);
  transform:scaleY(0);transform-origin:bottom;transition:transform .25s ease}
.prod-feat:hover{transform:translateY(-3px)}
.prod-feat:hover::before{transform:scaleY(1)}
.prod-feat .featlist{list-style:none;margin:0;padding:0}
.prod-feat .featlist li{font-size:16px;line-height:1.5;padding:10px 0}
/* kurze rote Unterstreichung unter JEDEM Punkt, enger Abstand */
.prod-feat .featlist li::after{content:"";display:block;width:34px;height:2px;background:var(--accent);margin-top:8px}
/* Bild-Variante des Panels (letzter Block) */
.prod-feat--img{display:flex;align-items:center;justify-content:center;padding:30px}
.prod-feat--img img{max-width:100%;height:auto;display:block;mix-blend-mode:multiply}
@media(max-width:820px){
  .prod-block .inner{grid-template-columns:1fr;gap:32px}
}

/* ---------- Partner-Hero: Text links, Skizze rechts (randlos, maskiert) ---------- */
.part-hero{background:var(--bg);position:relative;overflow:hidden}
.part-hero .inner{position:relative;min-height:620px;display:grid;grid-template-columns:0.85fr 1.15fr;align-items:center;padding-top:0;padding-bottom:0}
.part-hero-copy{grid-column:1;position:relative;z-index:2;padding:70px 0}
.part-hero-copy .lead{max-width:32ch}
.part-hero-img{grid-column:2;position:relative;align-self:stretch;z-index:1}
.part-hero-img::after{content:"";position:absolute;top:0;bottom:0;left:-6%;right:-45%;
  background:url('assets/sketch_library_shelf.jpg') center left/cover no-repeat;
  -webkit-mask-image:linear-gradient(270deg,#000 60%,transparent 100%);
  mask-image:linear-gradient(270deg,#000 60%,transparent 100%)}
@media(max-width:820px){
  .part-hero .inner{grid-template-columns:1fr;min-height:0}
  .part-hero-copy{padding:40px 0 24px}
  .part-hero-img{grid-column:1;height:340px;margin:0 -22px;width:calc(100% + 44px)}
  .part-hero-img::after{left:0;right:0;background-position:center;background-size:cover;
    -webkit-mask-image:linear-gradient(0deg,transparent,#000 12%,#000 88%,transparent);
    mask-image:linear-gradient(0deg,transparent,#000 12%,#000 88%,transparent)}
}

/* ---------- Partner-Audience-Grid (3×3 Kacheln, Hero-Creme, breit) ---------- */
.part-audience{background:var(--bg);border-top:0}
.part-audience .inner{max-width:1260px;padding-left:40px;padding-right:40px}
.part-audience .items{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;border-top:0;margin-top:30px}
.part-audience .item{display:flex;flex-direction:column;grid-template-columns:none;gap:0;
  background:var(--card);border:0;padding:28px 30px;position:relative;overflow:hidden;transition:transform .2s ease}
.part-audience .item::before{content:"";position:absolute;top:0;bottom:0;left:0;width:3px;
  background:var(--accent);transform:scaleY(0);transform-origin:bottom;transition:transform .25s ease}
.part-audience .item:hover{transform:translateY(-3px)}
.part-audience .item:hover::before{transform:scaleY(1)}
.part-audience .item h3{max-width:none;margin:0 0 12px;font-size:25px;line-height:1.22;
  position:relative;padding-left:18px}
.part-audience .item h3::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:4px;background:var(--accent)}
.part-audience .featlist{list-style:none;margin:0;padding:0}
.part-audience .featlist li{font-size:15px;line-height:1.5;padding:9px 0}
.part-audience .featlist li::after{content:"";display:block;width:34px;height:2px;background:var(--accent);margin-top:8px}
/* Bild-Kachel (gerahmtes Bild wie Produkte prod-feat--img, mit Linie links) */
.part-audience .item--img{padding:26px;align-items:center;justify-content:center}
.part-audience .item--img img{max-width:100%;height:auto;display:block;mix-blend-mode:multiply}
@media(max-width:900px){.part-audience .items{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.part-audience .items{grid-template-columns:1fr}}

/* ---------- Referenzen-Block: helle Fläche, Linie, gedämpfte Logos, klickbare Einträge ---------- */
.band.alt.part-refs{background:var(--slider-bg);border-top:1px solid var(--line)}
.part-refs a.ref{color:var(--ink);text-decoration:none;cursor:pointer}
.part-refs .portrait{filter:saturate(.85) opacity(.96);transition:filter .2s ease}
.part-refs a.ref:hover .portrait{filter:saturate(1) opacity(1)}
.part-refs .ref .n{justify-self:start;width:max-content;max-width:100%;color:var(--accent-ink);
  text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;
  text-decoration-color:rgba(160,49,45,.32);transition:text-decoration-color .2s ease,color .2s ease}
.part-refs a.ref:hover .n{color:var(--accent);text-decoration-color:var(--accent)}

/* ---------- Preise: Produkt-Block-Stil, eine Creme-Fläche, Trennlinien, volle Breite ---------- */
#preise > .band{margin:0}
#preise .prod-block{margin:0;border-top:1px solid var(--line);background:var(--bg)}
#preise .prod-block.alt{background:var(--slider-bg)}
#preise .prod-hero-note{border-top:0}
.prod-price{font-family:var(--serif);margin:0 0 14px;line-height:1.05}
.prod-price span{font-size:42px}
.prod-price small{display:block;font-family:var(--serif);font-size:14px;font-weight:400;
  letter-spacing:.01em;margin-top:8px;color:var(--ink)}

/* ---------- Preise: linke Spalte oben ausrichten, Preis mittig, Button unten ---------- */
#preise .prod-block .inner{align-items:stretch}
#preise .prod-col{display:flex;flex-direction:column;height:100%}
#preise .prod-col .prod-name{margin-bottom:8px}
#preise .prod-col .tagline{margin:0}
#preise .prod-col .prod-price{margin-top:auto;margin-bottom:0}
#preise .prod-col .actions{margin-top:auto;margin-bottom:0}
/* engere Feature-Abstände (nur Preise) */
#preise .prod-feat .featlist li{padding:5px 0}
#preise .prod-feat .featlist li::after{margin-top:5px}

/* ---------- Preise-Hero: Text links, Skizze rechts (wie Produkte/Partner) ---------- */
.price-hero{background:var(--bg);position:relative;overflow:hidden}
.price-hero .inner{position:relative;min-height:560px;display:grid;grid-template-columns:0.85fr 1.15fr;align-items:center;padding-top:0;padding-bottom:0}
.price-hero-copy{grid-column:1;position:relative;z-index:2;padding:70px 0}
.price-hero-copy .lead{max-width:32ch}
.price-hero-img{grid-column:2;position:relative;align-self:stretch;z-index:1}
.price-hero-img::after{content:"";position:absolute;top:0;bottom:0;left:-6%;right:-45%;
  background:url('assets/sketch_book_stacks.jpg') center left/cover no-repeat;
  -webkit-mask-image:linear-gradient(270deg,#000 60%,transparent 100%);
  mask-image:linear-gradient(270deg,#000 60%,transparent 100%)}
@media(max-width:820px){
  .price-hero .inner{grid-template-columns:1fr;min-height:0}
  .price-hero-copy{padding:40px 0 24px}
  .price-hero-img{grid-column:1;height:340px;margin:0 -22px;width:calc(100% + 44px)}
  .price-hero-img::after{left:0;right:0;background-position:center;background-size:cover;
    -webkit-mask-image:linear-gradient(0deg,transparent,#000 12%,#000 88%,transparent);
    mask-image:linear-gradient(0deg,transparent,#000 12%,#000 88%,transparent)}
}

/* ---------- Dokumentation: volle Breite, Titel als rote Links mit feiner Unterstreichung ---------- */
#dokumentation > .band{margin:0}
.doclist a > span:not(.s){color:var(--accent-ink);
  text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;
  text-decoration-color:rgba(160,49,45,.32);transition:text-decoration-color .2s ease,color .2s ease}
.doclist a:hover > span:not(.s){color:var(--accent);text-decoration-color:var(--accent)}

/* ---------- Dropdown: unsichtbare Hover-Brücke (schließt die 6px-Lücke) ---------- */
.navitem > button::before{content:"";position:absolute;left:0;right:0;top:100%;height:10px}
.navitem > button{position:relative}

/* ---------- Datenschutz / Privacy Policy Seite ---------- */
#datenschutz > .band{margin:0}
.legal-page .band{background:var(--slider-bg)}
#datenschutz .inner{max-width:900px}
html[lang="en"] .only-de{display:none}
html[lang="de"] .only-en{display:none}
.legal h1{margin-bottom:6px}
.legal .updated{font-style:italic;opacity:.7;margin:0 0 30px}
.legal h2{font-size:26px;margin:44px 0 12px}
.legal h3{font-size:20px;font-weight:400;margin:30px 0 8px}
.legal h4{font-size:17px;font-weight:600;margin:18px 0 6px}
.legal p{margin:0 0 12px;max-width:none;line-height:1.7}
.legal .addr{margin:0 0 14px}
.legal ul{list-style:none;margin:0 0 16px;padding:0}
.legal li{position:relative;padding-left:18px;margin-bottom:7px;line-height:1.6}
.legal li::before{content:"–";position:absolute;left:0;color:var(--accent)}

/* ---------- Kontakt: volle Breite, Consent-Checkbox ---------- */
#kontakt > .band{margin:0;background:var(--bg)}
.form .consent{display:flex;gap:10px;align-items:flex-start;margin:4px 0 18px;
  font-size:14px;line-height:1.5;max-width:52ch}
.form .consent input{margin-top:3px;flex:0 0 auto;accent-color:var(--accent)}
.form .consent a{color:var(--accent-ink);text-decoration:underline;text-underline-offset:2px}
.form:has(#privacyConsent:not(:checked)) .btn{opacity:.45}

#datenschutz-ressourcen > .band{margin:0}

/* ---------- Testbots-Formular + Spezifikationen ---------- */
#testbots > .band{margin:0}
#spezifikationen > .band{margin:0}
.tb-form{max-width:640px;margin:30px 0 0}
.tb-form .checkgroup{border:1px solid var(--line);padding:18px 20px;margin:0 0 22px}
.tb-form .checkgroup legend{font-size:14px;font-weight:700;letter-spacing:.05em;padding:0 8px}
.tb-form .chk{display:flex;gap:10px;align-items:flex-start;margin:10px 0;font-size:15px;line-height:1.45;cursor:pointer}
.tb-form .chk input{margin-top:3px;flex:0 0 auto;accent-color:var(--accent)}
.tb-form .btn{margin-top:6px}
.tb-form:has(.c-specs:not(:checked)) .btn,
.tb-form:has(.c-privacy:not(:checked)) .btn{opacity:.45}

/* Testbots: Intro italic, keine Tap-/Fokus-Unterstreichung an Checkboxen, Bestätigung */
#testbots .lead,#demo .lead{font-style:italic}
.tb-form .chk,.tb-form .consent,.form .consent{-webkit-tap-highlight-color:transparent}
.tb-form .chk span,.tb-form .consent span,.form .consent span{text-decoration:none}
.tb-form .chk input,.tb-form .consent input,.form .consent input{outline:none;box-shadow:none}
.form-sent{font-family:var(--serif);font-size:20px;line-height:1.5;padding:22px 0;
  border-top:2px solid var(--accent);margin:6px 0 0}

#demo > .band{margin:0}

.form input:focus,.form textarea:focus{outline:none;box-shadow:none;border-color:var(--accent)}

/* ---------- Webinare: Featured-Block + 2-Spalten-Video-Kacheln ---------- */
#webinare > .band{margin:0}
.webinar-featured{background:var(--slider-bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:24px calc(50% - 50vw) 8px;padding:36px 0}
.webinar-featured .wf-inner{max-width:var(--maxw);margin:0 auto;padding:0 50px}
.webinar-featured .w-date{font-family:var(--serif);font-style:italic;font-size:16px;color:var(--accent-ink);margin:0 0 10px}
.webinar-featured h2{margin:0 0 12px;position:relative;padding-left:18px}
.webinar-featured h2::before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:4px;background:var(--accent)}
.webinar-featured p{max-width:72ch}
.webinar-grid .items{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:24px;align-items:start}
.webinar-grid .item{background:var(--card);padding:24px 26px;position:relative;overflow:hidden;display:flex;flex-direction:column}
.webinar-grid .item::before{content:"";position:absolute;top:0;bottom:0;left:0;width:3px;background:var(--accent);transform:scaleY(0);transform-origin:bottom;transition:transform .25s ease}
.webinar-grid .item:hover::before{transform:scaleY(1)}
.webinar-grid .item h3{max-width:none;margin:0 0 14px;font-size:20px;line-height:1.25;min-height:50px;position:relative;padding-left:16px}
.webinar-grid .item h3::before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:4px;background:var(--accent)}
.w-video{position:relative;aspect-ratio:16/9;background:#000}
.w-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
details.w-more{margin-top:16px}
details.w-more>summary{list-style:none;cursor:pointer;color:var(--accent-ink);font-family:var(--serif);font-size:16px;display:inline-flex;align-items:center;gap:8px}
details.w-more>summary::-webkit-details-marker{display:none}
details.w-more>summary::after{content:"+";font-size:17px;line-height:1}
details.w-more[open]>summary::after{content:"\2013"}
.w-desc{margin-top:12px}
.w-desc p{margin:0 0 10px;font-size:15px;line-height:1.6}
.w-desc ul{list-style:none;margin:0 0 10px;padding:0}
.w-desc li{position:relative;padding-left:16px;margin-bottom:6px;font-size:15px;line-height:1.5}
.w-desc li::before{content:"\2013";position:absolute;left:0;color:var(--accent)}
@media(max-width:760px){.webinar-grid .items{grid-template-columns:1fr}}

#webinare .lead{font-style:italic}

/* ---------- Impressum / Imprint (nutzt Kontakt-Stil, linke Spalte) ---------- */
#impressum > .band{margin:0;background:var(--bg)}
#impressum .contact{grid-template-columns:1fr 1fr}

/* ---------- Cookie-/Consent-Banner ---------- */
.cookie-banner{position:fixed;z-index:90;left:18px;right:18px;bottom:18px;max-width:var(--maxw);margin:0 auto;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:22px 24px;background:var(--panel,#fff);border:1px solid var(--line);box-shadow:0 10px 35px rgba(0,0,0,.16)}
.cookie-banner[hidden]{display:none}
.cookie-copy{max-width:68ch}
.cookie-copy .kicker{margin:0 0 6px}
.cookie-copy h2{font-size:22px;margin:0 0 6px}
.cookie-copy p:last-child{margin:0;font-size:14px;line-height:1.5}
.cookie-actions{display:flex;flex:0 0 auto;gap:8px;flex-wrap:wrap}
.cookie-actions .btn{white-space:nowrap;cursor:pointer}
@media(max-width:680px){.cookie-banner{left:10px;right:10px;bottom:10px;display:block;padding:18px}.cookie-actions{margin-top:16px}.cookie-actions .btn{flex:1}}

/* ---------- Fixes 2026-09: Referenzen auf Mobilgeräten nicht breiter als der Bildschirm; leere Listenpunkte ausblenden ---------- */
.ref{grid-template-columns:85px minmax(0,1fr)}
.part-refs .ref .n{width:auto;overflow-wrap:anywhere}
.ref .d{overflow-wrap:anywhere}
@media(max-width:600px){.ref{grid-template-columns:70px minmax(0,1fr)}}
.featlist li:empty{display:none}
.aud-stage{overflow-x:clip}

/* ---------- Produktkarten Startseite (5 Karten) und Links Zielgruppe -> Bot ---------- */
@media(min-width:901px){.products-cards .items{grid-template-columns:repeat(3,1fr)}}
.pg-link{margin:14px 0 0}
.pg-link .textlink{font-size:16px}
#info-bot,#full-text-bot,#recommendation-bot,#research-bot{scroll-margin-top:110px}

/* ---------- Lösungen: Hero mit Skizze – gleiche Gestaltung wie Produkte/Partner/Preise ---------- */
.sol-hero{background:var(--bg);position:relative;overflow:hidden}
.sol-hero .inner{position:relative;min-height:620px;display:grid;grid-template-columns:0.85fr 1.15fr;align-items:center;padding-top:0;padding-bottom:0}
.sol-hero-copy{grid-column:1;position:relative;z-index:2;padding:70px 0}
.sol-hero-img{grid-column:2;position:relative;align-self:stretch;z-index:1}
.sol-hero-img::after{content:"";position:absolute;top:0;bottom:0;left:-6%;right:-45%;
  background:url('assets/sketch_book_table.jpg') center left/cover no-repeat;
  -webkit-mask-image:linear-gradient(270deg,#000 60%,transparent 100%);
  mask-image:linear-gradient(270deg,#000 60%,transparent 100%)}
#loesungen .part-audience{border-top:1px solid var(--line)}
@media(max-width:820px){
  .sol-hero .inner{grid-template-columns:1fr;min-height:0}
  .sol-hero-copy{padding:40px 0 24px}
  .sol-hero-img{grid-column:1;height:340px;margin:0 -22px;width:calc(100% + 44px)}
  .sol-hero-img::after{left:0;right:0;background-position:center;background-size:cover;
    -webkit-mask-image:linear-gradient(0deg,transparent,#000 12%,#000 88%,transparent);
    mask-image:linear-gradient(0deg,transparent,#000 12%,#000 88%,transparent)}
}

/* ---------- Startseite: Slider "Für Ihre Institution" kompakter (Höhe setzt das Script) ---------- */
.aud-stage{margin-top:28px}
.audience .slider-controls{margin-top:12px}

/* ---------- Neues Logo (transparente PNG, daher ohne Multiply) ---------- */
.logo img{mix-blend-mode:normal}