/* Tellerland — Langform & Unterseiten im Atelier-Stil */
.at-nav a[aria-current=page]{border-bottom:1px solid currentColor;padding-bottom:4px}
.at-crumb{padding:28px var(--m) 0;font-size:13px;color:var(--muted)}
.at-crumb a{border-bottom:1px solid var(--line)}

/* Seitenkopf */
.pg-head{padding-top:clamp(48px,6vw,104px);padding-bottom:clamp(48px,6vw,96px);align-items:end;row-gap:20px}
.pg-head .at-kicker{grid-column:1/-1}
.pg-head .at-h1{grid-column:1/9;font-size:clamp(48px,2.4rem + 4.4vw,116px)}
.pg-head__lead{grid-column:9/13;margin:0;font-size:18px;line-height:1.6;color:var(--ink)}
.pg-img{margin:0}
.pg-img img{width:100%;display:block;object-fit:cover}
.pg-img--wide img{height:min(72vh,760px)}
.pg-img figcaption{padding:12px var(--m) 0}

/* Nummerierte Kapitel mit Fliesstext */
.pg-sec{padding-block:clamp(72px,8vw,136px);border-top:1px solid var(--line);align-items:start}
.pg-sec .at-num{grid-column:1/3;padding-top:12px}
.pg-sec__h{grid-column:3/7}
.pg-sec__body{grid-column:8/13;display:grid;gap:20px}
.pg-sec__body p{margin:0;font-size:17px;line-height:1.7;max-width:58ch}
.pg-sec__body p.lead{font:300 26px/1.35 var(--tl-font-serif);letter-spacing:-.01em}

/* Versprechen / Nicht-Behauptungen als Zweispalter */
.pg-two{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.pg-two > div{padding:24px 0;border-bottom:1px solid var(--line)}
.pg-two > div:nth-child(odd){padding-right:24px}
.pg-two b{display:block;font:300 24px/1.25 var(--tl-font-serif);margin-bottom:8px}
.pg-two p{margin:0;font-size:15px;color:var(--muted);line-height:1.6}
.pg-not{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.pg-not li{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:18px 0;border-bottom:1px solid var(--line);font-size:16px}
.pg-not s{color:var(--muted);text-decoration-thickness:1px}

/* Teileliste (Serie) */
.pg-parts{width:100%;border-collapse:collapse;font-size:16px}
.pg-parts caption{text-align:left;padding-bottom:16px;color:var(--muted);font-size:14px}
.pg-parts th{text-align:left;font:400 11px/1.4 var(--tl-font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:0 0 12px;border-bottom:1px solid var(--ink)}
.pg-parts td{padding:16px 0;border-bottom:1px solid var(--line);vertical-align:baseline}
.pg-parts td:first-child{font:300 22px/1.2 var(--tl-font-serif)}
.pg-parts td.r,.pg-parts th.r{text-align:right}
.pg-parts td.r{font:300 20px/1 var(--tl-font-serif)}
.pg-parts a{border-bottom:1px solid var(--line)}
.pg-parts tr:hover td{background:rgba(255,255,255,.35)}

/* Kartenlose Teaser-Liste (Journal) */
.jr-feature{padding-block:clamp(48px,6vw,96px);align-items:center}
.jr-feature__img{grid-column:1/8;margin:0;display:block}
.jr-feature__img img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.jr-feature__txt{grid-column:9/13;display:grid;gap:18px}
.jr-meta{font:400 12px/1.4 var(--tl-font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:0}
.jr-list{padding-bottom:clamp(64px,8vw,128px);row-gap:clamp(40px,4vw,64px)}
.jr-item{grid-column:span 4;display:grid;gap:14px;align-content:start}
.jr-item img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;background:var(--paper2)}
.jr-item h3{margin:0;font:300 28px/1.15 var(--tl-font-serif);letter-spacing:-.01em}
.jr-item p{margin:0;color:var(--muted);font-size:15px;line-height:1.6}
.jr-item--soon{opacity:.62}
.jr-filter{display:flex;gap:28px;padding:0 var(--m) 0;border-bottom:1px solid var(--line)}
.jr-filter button{background:none;border:0;font:400 15px/1 var(--tl-font-sans);padding:0 0 14px;color:var(--muted);border-bottom:1px solid transparent;margin-bottom:-1px;cursor:pointer}
.jr-filter button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--ink)}

/* Artikel */
.ar-head{padding-top:clamp(48px,6vw,96px);padding-bottom:clamp(40px,5vw,72px)}
.ar-head > *{grid-column:3/11}
.ar-head .at-h1{font-size:clamp(44px,2rem + 4vw,104px)}
.ar-head__dek{margin:24px 0 0;font:300 clamp(22px,1rem + 1vw,30px)/1.35 var(--tl-font-serif);color:var(--muted);max-width:40ch}
.ar-byline{display:flex;flex-wrap:wrap;gap:6px 24px;margin-top:32px;padding-top:16px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.ar-body{padding-block:clamp(48px,6vw,96px)}
.ar-body > *{grid-column:4/10}
.ar-body > figure,.ar-body > .ar-wide{grid-column:2/12}
.ar-body p{margin:0 0 1.4em;font:400 18px/1.75 var(--tl-font-sans);hyphens:auto}
.ar-body p:first-of-type::first-letter{float:left;font:300 5.2em/.8 var(--tl-font-serif);padding:.06em .1em 0 0;color:var(--green)}
.ar-body h2{margin:2em 0 .7em;font:300 clamp(30px,1.4rem + 1.4vw,44px)/1.1 var(--tl-font-serif);letter-spacing:-.015em}
.ar-body h3{margin:1.6em 0 .5em;font:600 16px/1.3 var(--tl-font-sans)}
.ar-body ul,.ar-body ol{margin:0 0 1.6em;padding-left:1.2em;font-size:18px;line-height:1.7}
.ar-body li{margin-bottom:.4em}
.ar-body figure{margin:2.4em 0}
.ar-body figure img{width:100%;display:block;object-fit:cover;max-height:720px}
.ar-body figcaption{margin-top:10px;font-size:13px;color:var(--muted)}
.ar-quote{margin:2.4em 0;padding:0;border:0;font:300 clamp(28px,1.2rem + 1.6vw,44px)/1.2 var(--tl-font-serif);letter-spacing:-.015em;color:var(--green)}
.ar-table{width:100%;border-collapse:collapse;margin:0 0 2em;font-size:16px}
.ar-table th{text-align:left;font:400 11px/1.4 var(--tl-font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:0 12px 10px 0;border-bottom:1px solid var(--ink)}
.ar-table td{padding:12px 12px 12px 0;border-bottom:1px solid var(--line)}
.ar-table td.r,.ar-table th.r{text-align:right}
.ar-note{padding:20px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);margin:2em 0;font-size:16px!important}
.ar-note b{display:block;font:400 11px/1.4 var(--tl-font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.ar-end{padding-block:clamp(56px,6vw,96px);border-top:1px solid var(--line)}
.ar-end > .at-num{grid-column:1/3}
.ar-end > .ar-end__h{grid-column:3/7}
.ar-end > .ar-end__list{grid-column:8/13;display:grid;border-top:1px solid var(--line)}
.ar-end__list a{display:grid;grid-template-columns:1fr auto;gap:16px;padding:18px 0;border-bottom:1px solid var(--line);font:300 22px/1.25 var(--tl-font-serif)}
.ar-end__list a span{font:400 12px/1.4 var(--tl-font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);align-self:center}
.ar-shop{display:grid;grid-template-columns:96px 1fr auto;gap:20px;align-items:center;padding:20px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);margin:2.4em 0}
.ar-shop img{width:96px;height:96px;object-fit:cover;background:var(--paper2)}
.ar-shop b{display:block;font:300 22px/1.2 var(--tl-font-serif)}
.ar-shop span{font-size:14px;color:var(--muted)}

/* FAQ */
.fq{padding-bottom:clamp(64px,8vw,128px)}
.fq-group{grid-column:1/-1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:inherit;padding-top:clamp(40px,5vw,72px);border-top:1px solid var(--line);scroll-margin-top:100px}
.fq-group > h2{grid-column:1/5;margin:0;font:300 clamp(28px,1.2rem + 1.2vw,40px)/1.1 var(--tl-font-serif)}
.fq-group > div{grid-column:6/13;border-top:1px solid var(--line)}
.fq details{border-bottom:1px solid var(--line)}
.fq summary{list-style:none;display:flex;justify-content:space-between;gap:24px;padding:20px 0;font:400 18px/1.4 var(--tl-font-sans);cursor:pointer}
.fq summary::-webkit-details-marker{display:none}
.fq summary::after{content:"+";font:300 26px/1 var(--tl-font-serif);color:var(--gold);transition:transform 200ms}
.fq details[open] summary::after{transform:rotate(45deg)}
.fq details p{margin:0 0 22px;max-width:62ch;font-size:16px;line-height:1.7;color:var(--ink)}

/* Formulare (Gastro-Konto) */
.fm{display:grid;grid-template-columns:1fr 1fr;gap:28px 24px}
.fm label{display:grid;gap:8px;font:400 11px/1.4 var(--tl-font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.fm input,.fm select,.fm textarea{font:400 17px/1.4 var(--tl-font-sans);color:var(--ink);background:none;border:0;border-bottom:1px solid var(--ink);padding:8px 0;letter-spacing:0;text-transform:none}
.fm textarea{min-height:96px;resize:vertical}
.fm .full{grid-column:1/-1}
.fm input:focus,.fm select:focus,.fm textarea:focus{outline:none;border-bottom-width:2px}
.fm .at-cta{grid-column:1/-1}
.fm small{grid-column:1/-1;font-size:13px;color:var(--muted)}
.steps3{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.steps3 li{list-style:none;padding:28px 24px 28px 0;border-bottom:1px solid var(--line)}
.steps3 b{display:block;font:300 56px/1 var(--tl-font-serif);color:var(--gold);margin-bottom:16px}
.steps3 h3{margin:0 0 8px;font:300 26px/1.2 var(--tl-font-serif)}
.steps3 p{margin:0;color:var(--muted);font-size:15px;line-height:1.6;max-width:30ch}

/* 404 */
.nf{min-height:70vh;display:grid;place-items:center;text-align:center;padding:80px var(--m)}
.nf svg{width:160px;height:auto;stroke:var(--green);stroke-width:1.2;fill:none;margin:0 auto 32px;display:block}

@media (max-width:1023px){
  .pg-head .at-h1,.pg-head__lead{grid-column:1/-1}
  .pg-sec .at-num,.pg-sec__h,.pg-sec__body{grid-column:1/-1}.pg-sec__h{margin-bottom:16px}
  .jr-feature__img,.jr-feature__txt{grid-column:1/-1}.jr-feature__txt{padding-top:24px}
  .jr-item{grid-column:span 6}
  .ar-head > *,.ar-body > *,.ar-body > figure,.ar-body > .ar-wide{grid-column:1/-1}
  .ar-end > *{grid-column:1/-1!important}.ar-end__h{margin-bottom:20px}
  .fq-group > h2,.fq-group > div{grid-column:1/-1}.fq-group > h2{margin-bottom:16px}
  .steps3{grid-template-columns:1fr}
}
@media (max-width:639px){
  .jr-item{grid-column:1/-1}
  .pg-two{grid-template-columns:1fr}.pg-two > div:nth-child(odd){padding-right:0}
  .pg-not li{grid-template-columns:1fr;gap:4px}
  .fm{grid-template-columns:1fr}
  .ar-body p{font-size:17px}
  .ar-shop{grid-template-columns:64px 1fr}.ar-shop img{width:64px;height:64px}.ar-shop .at-link{grid-column:1/-1}
  .pg-parts td:nth-child(2),.pg-parts th:nth-child(2){display:none}
}
