/* Tellerland — «Atelier»-Layout (Startseite v2)
   Prinzipien: kein Karten-Raster, keine Pillen, keine Icon-Reihen, keine Verläufe über Fotos,
   keine Schatten auf Flächen, Radius 0. Hierarchie über Typografie, Weissraum, Haarlinien und Bildlegenden. */
.at{--ink:#1F2620;--muted:#5E625A;--paper:#F4F0E8;--paper2:#EDE7DC;--line:#D8D0C1;--green:#2C392D;--gold:#6F6038;
  --m:clamp(20px,4vw,64px);background:var(--paper);color:var(--ink);font:400 16px/1.6 var(--tl-font-sans)}
.at *{border-radius:0}
.at a{color:inherit;text-decoration:none}
.at-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,32px);padding-inline:var(--m)}

/* Typo — 8 Stile */
.at-h1{font:300 clamp(56px,3rem + 6vw,152px)/.92 var(--tl-font-serif);letter-spacing:-.035em;margin:0}
.at-h2{font:300 clamp(36px,1.6rem + 2.4vw,64px)/1.02 var(--tl-font-serif);letter-spacing:-.02em;margin:0}
.at-h3{font:300 clamp(44px,2rem + 3vw,88px)/.95 var(--tl-font-serif);letter-spacing:-.03em;margin:0}
.at-h1 em,.at-h2 em,.at-ftr__claim em{font-style:italic}
.at-body{font:400 17px/1.6 var(--tl-font-sans);color:var(--ink);max-width:40ch;margin:0}
.at-char{font:italic 300 24px/1.25 var(--tl-font-serif);color:var(--muted);margin:6px 0 22px}
.at-kicker,.at-num,.at-cap,.at-bar,.at-facts dt,.at-gfacts dt,.at-ftr h4{font:400 12px/1.4 var(--tl-font-sans);letter-spacing:.14em;text-transform:uppercase}
.at-cap{letter-spacing:.02em;text-transform:none;color:var(--muted);font-size:13px}
.at-small{font:400 14px/1.5 var(--tl-font-sans);color:var(--muted);margin:0}
.at-num{color:var(--gold);margin:0}
.at-num--light{color:#D9D3C5}
.at-roman{font:300 22px/1 var(--tl-font-serif);color:var(--gold);margin:0 0 18px;letter-spacing:.04em}

/* Links statt Buttons */
.at-link{display:inline-block;font:600 14px/1 var(--tl-font-sans);letter-spacing:.01em;padding-bottom:6px;border-bottom:1px solid currentColor;transition:opacity 200ms}
.at-link:hover{opacity:.6}
.at-link--quiet{font-weight:400;border-bottom-color:var(--line)}
.at-link--light{color:#F4F0E8}.at-link--light.at-link--quiet{border-bottom-color:rgba(244,240,232,.35)}
.at-links{display:flex;flex-wrap:wrap;gap:12px 32px;margin:0}

/* Leiste & Kopf */
.at-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px var(--m);background:var(--green);color:#E9E4D9;letter-spacing:.08em}
.at-bar p{margin:0}
.at-mode{display:flex;gap:8px;align-items:center}
.at-mode button{font:inherit;letter-spacing:inherit;text-transform:inherit;color:#B9B3A6;background:none;border:0;padding:2px 0;cursor:pointer}
.at-mode button[aria-pressed=true]{color:#F4F0E8;border-bottom:1px solid #F4F0E8}
.at-hdr{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:76px;padding-inline:var(--m);background:var(--paper);border-bottom:1px solid var(--line)}
.at-nav,.at-tools{display:flex;gap:28px;font:400 14px/1 var(--tl-font-sans)}
.at-tools{justify-content:flex-end}
.at-nav a:hover,.at-tools a:hover{opacity:.6}
.at-logo{font:300 32px/1 var(--tl-font-serif);letter-spacing:-.01em}
.at-burger{display:none;font:400 14px/1 var(--tl-font-sans);background:none;border:0;padding:0;color:var(--ink)}

/* 1 Bild */
.at-hero{margin:0;height:min(78vh,820px);overflow:hidden;background:#E9D9B9}
.at-hero img{width:100%;height:100%;object-fit:cover;object-position:50% 46%;display:block}

/* 2 Titel */
.at-title{padding-top:clamp(40px,5vw,88px);padding-bottom:clamp(80px,9vw,160px);row-gap:24px;align-items:end}
.at-kicker{grid-column:1/-1;color:var(--gold);margin:0}
.at-title .at-h1{grid-column:1/8}
.at-title__aside{grid-column:9/13;display:grid;gap:28px;padding-bottom:12px}
.at-price{display:grid;gap:4px;margin:0;padding-top:20px;border-top:1px solid var(--line);font:400 14px/1.4 var(--tl-font-sans);color:var(--muted)}
.at-price b{font:300 34px/1.1 var(--tl-font-serif);color:var(--ink);letter-spacing:-.01em}
.at-title__cap{grid-column:1/8}

/* 3 Haltung */
.at-statement{padding-block:clamp(72px,8vw,140px);border-top:1px solid var(--line)}
.at-statement .at-num{grid-column:1/3;padding-top:14px}
.at-statement__text{grid-column:3/12;margin:0;font:300 clamp(30px,1.4rem + 2vw,52px)/1.18 var(--tl-font-serif);letter-spacing:-.015em;text-indent:clamp(48px,8vw,160px)}

/* 4 Serien-Kapitel */
.at-series{border-top:1px solid var(--line);padding-bottom:clamp(40px,5vw,80px)}
.at-sechead{padding-block:clamp(56px,6vw,96px) clamp(32px,4vw,64px);align-items:baseline}
.at-sechead .at-num{grid-column:1/3}
.at-sechead .at-h2{grid-column:3/8}
.at-sechead__note{grid-column:9/13;margin:0;color:var(--muted);font-size:15px;max-width:34ch}
.at-chapter{padding-block:clamp(24px,3vw,48px) clamp(64px,7vw,120px);align-items:center}
.at-chapter__img{grid-column:1/8;position:relative;display:block;aspect-ratio:5/4;background:var(--paper2);overflow:hidden}
.at-chapter__img img{position:absolute;left:50%;top:50%;width:62%;transform:translate(-50%,-50%);mix-blend-mode:multiply;clip-path:inset(2.5%);transition:transform 1200ms cubic-bezier(.2,.7,.2,1)}
.at-chapter__img:hover img{transform:translate(-50%,-50%) scale(1.03)}
.at-chapter__txt{grid-column:9/13}
.at-chapter--rev .at-chapter__img{grid-column:6/13;order:2}
.at-chapter--rev .at-chapter__txt{grid-column:1/5;order:1}
.at-chapter--rev .at-chapter__img{background:#E4E0D3}
.at-facts{margin:28px 0 32px;border-top:1px solid var(--line)}
.at-facts div{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px}
.at-facts dt{color:var(--muted);font-size:11px;padding-top:3px}
.at-facts dd{margin:0}

/* 5 Sets */
.at-sets{padding-block:clamp(80px,9vw,160px);border-top:1px solid var(--line);align-items:start}
.at-sets__img{grid-column:1/7;margin:0}
.at-sets__img img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.at-sets__img figcaption{margin-top:12px}
.at-sets__txt{grid-column:8/13;display:grid;gap:28px;position:sticky;top:110px}
.at-serie{display:flex;gap:28px;border-bottom:1px solid var(--line)}
.at-serie button{font:400 15px/1 var(--tl-font-sans);background:none;border:0;padding:0 0 14px;color:var(--muted);cursor:pointer;margin-bottom:-1px;border-bottom:1px solid transparent}
.at-serie button[aria-checked=true]{color:var(--ink);border-bottom-color:var(--ink)}
.at-table{display:grid}
.at-row{display:grid;grid-template-columns:56px 1fr auto;align-items:baseline;gap:16px;padding:20px 0;background:none;border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;color:var(--muted);font:inherit;transition:color 200ms}
.at-row:first-child{border-top:1px solid var(--line)}
.at-row__n{font:300 40px/1 var(--tl-font-serif);letter-spacing:-.02em}
.at-row__l{font:400 16px/1.3 var(--tl-font-sans);display:grid;gap:4px}
.at-row__l small{font-size:13px}
.at-row__p{font:300 24px/1 var(--tl-font-serif)}
.at-row[aria-checked=true]{color:var(--ink)}
.at-row[aria-checked=true] .at-row__n{color:var(--gold)}
.at-row:hover{color:var(--ink)}
.at-cta{display:flex;justify-content:space-between;align-items:center;width:100%;height:60px;padding:0 24px;background:var(--green);color:#F4F0E8;border:0;font:600 15px/1 var(--tl-font-sans);cursor:pointer;transition:background 200ms}
.at-cta:hover{background:#3A4A3B}
.at-cta .tl-num{font:300 22px/1 var(--tl-font-serif)}

/* 6 Nachkauf */
.at-promise{padding-block:clamp(80px,9vw,160px);border-top:1px solid var(--line);align-items:end}
.at-promise .at-num{grid-column:1/3;align-self:start;padding-top:20px}
.at-year{grid-column:3/8;margin:0;font:300 clamp(120px,6rem + 12vw,300px)/.8 var(--tl-font-serif);letter-spacing:-.05em;color:var(--green)}
.at-promise__txt{grid-column:9/13;display:grid;gap:24px}
.at-time{list-style:none;margin:8px 0 0;padding:0;border-top:1px solid var(--line)}
.at-time li{display:grid;grid-template-columns:72px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px;color:var(--muted)}
.at-time b{font:300 20px/1.2 var(--tl-font-serif);color:var(--ink)}

/* 7 Gastronomie */
.at-gastro{display:grid;grid-template-columns:7fr 5fr;background:var(--green);color:#F4F0E8;min-height:min(86vh,820px)}
.at-gastro__img{margin:0;overflow:hidden}
.at-gastro__img img{width:100%;height:100%;object-fit:cover;display:block}
.at-gastro__txt{padding:clamp(48px,6vw,104px) var(--m);display:grid;align-content:center;gap:28px}
.at-gastro .at-body{color:#E9E4D9}
.at-gfacts{margin:0;border-top:1px solid rgba(244,240,232,.22);display:grid;grid-template-columns:1fr 1fr}
.at-gfacts div{padding:16px 16px 16px 0;border-bottom:1px solid rgba(244,240,232,.22)}
.at-gfacts dt{color:#D9D3C5;font-size:11px;margin-bottom:6px}
.at-gfacts dd{margin:0;font:300 22px/1.2 var(--tl-font-serif)}

/* 8 Service-Zeile */
.at-service{padding:28px var(--m);border-bottom:1px solid var(--line)}
.at-service p{margin:0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 28px;font-size:14px;color:var(--muted)}

/* Footer */
.at-ftr{background:var(--paper);padding:clamp(64px,7vw,112px) var(--m) 32px}
.at-ftr__top{display:grid;grid-template-columns:7fr 5fr;gap:32px;align-items:end;padding-bottom:56px;border-bottom:1px solid var(--line)}
.at-ftr__claim{margin:0;font:300 clamp(40px,2rem + 3vw,88px)/.95 var(--tl-font-serif);letter-spacing:-.03em}
.at-news label{display:block;font-size:14px;color:var(--muted);margin-bottom:14px}
.at-news div{display:flex;border-bottom:1px solid var(--ink)}
.at-news input{flex:1;border:0;background:none;font:400 16px/1 var(--tl-font-sans);padding:12px 0;color:var(--ink)}
.at-news input:focus{outline:none}.at-news div:focus-within{border-bottom-width:2px}
.at-news button{border:0;background:none;font:600 14px/1 var(--tl-font-sans);color:var(--ink);cursor:pointer}
.at-ftr__cols{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding-block:48px}
.at-ftr__cols div{display:grid;gap:10px;align-content:start;font-size:15px}
.at-ftr h4{margin:0 0 6px;color:var(--gold);font-weight:400}
.at-ftr__legal{margin:0;padding-top:24px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}

.at .toast{background:var(--green)}
.at :focus-visible{outline:2px solid #1E3A8A;outline-offset:3px}
.at-gastro :focus-visible,.at-bar :focus-visible{outline-color:#F4F0E8}

@media (max-width:1023px){
  .at-nav{display:none}.at-burger{display:block;justify-self:start}
  .at-hdr{grid-template-columns:1fr auto 1fr;height:64px}.at-logo{font-size:26px}
  .at-title .at-h1,.at-title__aside,.at-title__cap{grid-column:1/-1}
  .at-statement .at-num{grid-column:1/-1;padding:0 0 16px}.at-statement__text{grid-column:1/-1;text-indent:0}
  .at-sechead .at-num,.at-sechead .at-h2,.at-sechead__note{grid-column:1/-1}
  .at-chapter__img,.at-chapter--rev .at-chapter__img{grid-column:1/-1;order:1}
  .at-chapter__txt,.at-chapter--rev .at-chapter__txt{grid-column:1/-1;order:2;padding-top:28px}
  .at-sets__img,.at-sets__txt{grid-column:1/-1}.at-sets__txt{position:static;padding-top:40px}
  .at-promise .at-num,.at-year,.at-promise__txt{grid-column:1/-1}
  .at-gastro{grid-template-columns:1fr}.at-gastro__img{height:56vh}
  .at-ftr__top{grid-template-columns:1fr}.at-ftr__cols{grid-template-columns:1fr 1fr}
}
@media (max-width:639px){
  .at-bar p{display:none}.at-bar{justify-content:flex-end}
  .at-hide-s{display:none}
  .at-hero{height:52vh}
  .at-chapter__img{aspect-ratio:1}.at-chapter__img img{width:74%}
  .at-facts div{grid-template-columns:96px 1fr}
  .at-gfacts{grid-template-columns:1fr}
  .at-service p{flex-direction:column}
  .at-row{grid-template-columns:44px 1fr auto}.at-row__n{font-size:32px}
}
@media (prefers-reduced-motion:reduce){.at *{transition:none!important}}