/* Packages & Experimente (Listen, Karten, Package-Seiten): Zusatzteil aus dem Entwurf, 1:1. */
/* Packages & Experimente: Karten als Probenetiketten aus dem Labor */
.ohne-hero main{padding-top:69px}
.pk-kopf{position:relative;isolation:isolate;min-height:clamp(360px,48vh,520px);display:flex;align-items:flex-end;color:var(--weiss);overflow:hidden;background:var(--schiefer-tief)}
.pk-kopf>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.pk-kopf::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.15) 0,rgba(0,0,0,.1) 35%,rgba(0,0,0,.72) 100%),linear-gradient(90deg,rgba(0,0,0,.4) 0,rgba(0,0,0,0) 65%)}
.pk-kopf .innen{width:100%;padding-bottom:clamp(36px,5vw,64px)}
.pk-kopf .kicker{color:var(--weiss)}
.pk-kopf h1{font-size:clamp(40px,6vw,84px)}
.pk-kopf .lead{margin-top:18px;max-width:34em;color:rgba(255,255,255,.92)}
.pk-kopf .lead+.lead{margin-top:10px;font-size:18px}
.pk-ki{position:absolute;right:var(--rand);bottom:14px;font-family:var(--ocr);font-stretch:var(--breit-ocr);font-size:12px;color:rgba(255,255,255,.7)}
.pk-kopf>img{object-position:50% 60%}
.pk-liste{background:var(--kalk);padding:clamp(56px,6vw,96px) 0}
.pk-liste .kopfzeile{margin-bottom:40px}
.pk-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:clamp(24px,2.5vw,40px)}
.pk-karte{position:relative;display:flex;flex-direction:column;background:var(--weiss);border:1px solid rgba(63,72,79,.28);transition:border-color .2s ease,translate .25s ease}
.pk-karte:hover,.pk-karte:focus-within{border-color:var(--schiefer);translate:0 -3px}
.pk-etikett{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid rgba(63,72,79,.28);font-family:var(--ocr);font-stretch:var(--breit-ocr);font-size:13px;letter-spacing:.04em;text-transform:uppercase}
.pk-etikett b{font-weight:700;color:var(--schiefer)}
.pk-etikett .demo{color:#C24000}
.pk-bild{aspect-ratio:4/3;overflow:hidden;background:#B18E4A}
.pk-bild img{width:100%;height:100%;object-fit:cover;transition:scale .5s ease}
.pk-karte:hover .pk-bild img{scale:1.04}
.pk-inhalt{display:flex;flex-direction:column;gap:12px;padding:20px 18px 22px;flex:1}
.pk-inhalt h3{font-size:22px;line-height:1.12}
.pk-inhalt h3 a{text-decoration:none;color:inherit}
.pk-inhalt h3 a::after{content:"";position:absolute;inset:0}
.pk-zeitraum{font-family:var(--ocr);font-stretch:var(--breit-ocr);font-size:14px;color:var(--schiefer)}
.pk-inhalt p.teaser{font-size:17px;line-height:1.5}
.pk-fuss{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:14px;border-top:1px solid var(--linie)}
.pk-preis{font-family:var(--ocr);font-stretch:var(--breit-ocr);font-weight:700;font-size:16px;white-space:nowrap}
.pk-fuss .verweis{font-size:13px;white-space:normal;text-align:right}
.pk-archiv{padding:clamp(56px,6vw,96px) 0}
.pk-archiv .einleitung{max-width:36em;margin:12px 0 36px;color:var(--schiefer)}
.pk-zeitleiste{list-style:none;border-top:2px solid var(--schiefer);columns:2;column-gap:clamp(32px,5vw,80px)}
.pk-zeitleiste li{break-inside:avoid;border-bottom:1px solid var(--linie)}
.pk-zeitleiste a{display:grid;grid-template-columns:64px 1fr auto;gap:16px;padding:12px 0;text-decoration:none}
.pk-zeitleiste a::after{content:"→";color:var(--schiefer);transition:translate .2s ease,color .2s ease}
.pk-zeitleiste a:hover{color:#C24000}
.pk-zeitleiste a:hover::after{color:#C24000;translate:4px 0}
/* Newsletter-Abschnitt auf den Package-Seiten: Text Aurin, Formular später aus dem B&D-Formular-Plugin, ohne Captcha */
.pk-nl{background:var(--orange);color:var(--schwarz);padding:clamp(48px,5vw,80px) 0}
.pk-nl .innen{display:grid;grid-template-columns:5fr 7fr;gap:clamp(32px,6vw,96px);align-items:end}
.pk-nl .kicker{color:var(--schwarz)}
.pk-nl .kicker::before{background:var(--schwarz)}
.pk-nl h2{font-size:clamp(30px,3.4vw,48px)}
.pk-nl p.text{margin-top:14px;max-width:30em}
/* Formular: Formbuilder mit Klasse tlh-nl (Grundaufbau in kern.css, #AKN) */
.pk-nl .tlh-nl .gfb-form-fields{max-width:none}
.pk-nl .tlh-nl input[type=email]{font-size:19px;border-bottom-color:var(--schwarz);color:var(--schwarz)}
.pk-nl .tlh-nl input[type=email]:focus{border-bottom-color:var(--weiss)}
.pk-nl .tlh-nl .gfb-field-checkbox label{font-size:15px}
.pk-nl .tlh-nl .gfb-field-checkbox input{margin-top:4px;accent-color:var(--schwarz)}
.pk-nl .knopf{--flaeche:var(--schwarz);--spitze:var(--gruen)}
@media (max-width:860px){.pk-nl .innen{grid-template-columns:1fr}}
/* Abgeschlossenes Experiment: Balken unter dem Kopf, Bilder schwarz-weiss */
.pd-archiv{background:var(--schiefer);color:var(--weiss)}
.pd-archiv .innen{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;padding-top:18px;padding-bottom:18px}
.pd-archiv b{font-family:var(--ocr);font-stretch:var(--breit-ocr);font-size:14px;text-transform:uppercase;letter-spacing:.06em;background:var(--orange);color:var(--schwarz);padding:4px 10px}
.pd-archiv a{color:var(--weiss);text-decoration:none;border-bottom:2px solid var(--orange)}
.pd-archiv a:hover{color:var(--orange)}
.ist-archiv .pd-raster figure img{filter:grayscale(1)}
.pk-etikett .archiv{color:var(--schiefer)}
.pk-zeitleiste span{font-family:var(--ocr);font-stretch:var(--breit-ocr);color:#C24000}
@media (max-width:860px){.pk-zeitleiste{columns:1}}
@media (prefers-reduced-motion:reduce){.pk-karte,.pk-bild img{transition:none}}
/* Detailseite */
.pd-kopf{background:var(--kopf-bg,var(--schiefer-tief));color:var(--kopf-text,var(--weiss));padding:clamp(48px,6vw,88px) 0 clamp(40px,5vw,64px)}
.pd-kopf .kicker{color:inherit}
.pd-kopf h1{font-size:clamp(38px,5.4vw,76px)}
.pd-kopf .lead{margin-top:18px;max-width:32em;color:inherit;opacity:.9}
.pd-zurueck{display:inline-block;margin-bottom:28px;font-family:var(--ocr);font-stretch:var(--breit-ocr);font-size:15px;color:inherit;text-decoration:none;border-bottom:2px solid currentColor}
.pd-inhalt{padding:clamp(56px,6vw,96px) 0}
.pd-raster{display:grid;grid-template-columns:5fr 7fr;gap:clamp(32px,6vw,96px);align-items:start}
.pd-raster figure{margin:0;position:sticky;top:110px}
.pd-raster figure img{width:100%;height:auto}
.pd-daten{border:1px solid rgba(63,72,79,.28);margin-bottom:36px}
.pd-daten .pk-etikett{background:var(--kalk)}
.pd-daten dl{padding:6px 18px}
.pd-daten dl div{display:flex;justify-content:space-between;gap:24px;padding:10px 0;border-bottom:1px solid var(--linie)}
.pd-daten dl div:last-child{border-bottom:0}
.pd-daten dt{font-weight:var(--fett);font-stretch:var(--breit-titel)}
.pd-daten dd{margin:0;font-family:var(--ocr);font-stretch:var(--breit-ocr);text-align:right}
.pd-text>*+*{margin-top:14px}
.pd-text h3{font-size:22px;margin-top:28px}
.pd-text ul{list-style:none;border-top:2px solid var(--schiefer)}
.pd-text li{position:relative;padding:9px 0 9px 26px;border-bottom:1px solid var(--linie)}
.pd-text li::before{content:"";position:absolute;left:0;top:1.25em;width:14px;height:2px;background:var(--orange)}
.pd-buchen{display:flex;flex-wrap:wrap;gap:16px 8px;margin-top:32px}
.pd-weitere{background:var(--kalk);padding:clamp(56px,6vw,96px) 0}
.pd-weitere h2{font-size:clamp(28px,3vw,40px);margin-bottom:32px}
@media (max-width:860px){.ohne-hero main{padding-top:68px}.pd-raster{grid-template-columns:1fr}.pd-raster figure{position:static}}