:root{
  --cream:#fbf4e7; --paper:#fffaf1; --flour:#fffdf8; --ink:#27201a; --muted:#76695e;
  --brand:#789083; --brand-dark:#50675b; --wood:#3b2418; --gold:#c49a57; --line:rgba(39,32,26,.12);
  --shadow:0 24px 60px rgba(39,32,26,.13); --radius:28px; --max:1160px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,var(--cream),#fff 48%,var(--cream));line-height:1.6}a{color:inherit}img{max-width:100%;display:block}.skip-link{position:absolute;left:-999px;top:auto}.skip-link:focus{left:1rem;top:1rem;background:#fff;padding:.75rem 1rem;z-index:20}.topbar{background:var(--wood);color:#fff;font-size:.94rem}.topbar__inner{max-width:var(--max);margin:auto;padding:.55rem 1rem;display:flex;gap:1rem;justify-content:space-between;align-items:center;flex-wrap:wrap}.topbar a{text-decoration:none}.site-header{position:sticky;top:0;z-index:10;background:rgba(255,250,241,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{max-width:var(--max);margin:auto;display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;gap:1rem}.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;font-weight:800}.brand img{width:148px;height:auto}.nav__links{display:flex;gap:.2rem;align-items:center}.nav__links a{padding:.65rem .85rem;border-radius:999px;text-decoration:none;font-weight:700;color:var(--wood)}.nav__links a:hover,.nav__links a[aria-current="page"]{background:#efe3d0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;text-decoration:none;border:0;border-radius:999px;padding:.85rem 1.15rem;font-weight:800;cursor:pointer;background:var(--brand-dark);color:#fff;box-shadow:0 10px 22px rgba(80,103,91,.24)}.btn:hover{transform:translateY(-1px)}.btn--light{background:#fff;color:var(--wood);box-shadow:none}.btn--ghost{background:transparent;color:var(--wood);border:1px solid var(--line);box-shadow:none}.hero{max-width:var(--max);margin:0 auto;padding:4rem 1rem 2rem;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);gap:2.2rem;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;color:var(--brand-dark);font-weight:900}.hero h1{font-size:clamp(2.7rem,6vw,5.7rem);line-height:.93;margin:.5rem 0 1rem;letter-spacing:-.06em}.hero p{font-size:1.16rem;color:#4e4339;max-width:56ch}.hero__actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.4rem}.hero__media{position:relative}.hero__media:before{content:"";position:absolute;inset:8% -5% -5% 12%;background:var(--brand);border-radius:38px;transform:rotate(4deg);opacity:.35}.hero__media img{position:relative;border-radius:38px;box-shadow:var(--shadow);aspect-ratio:4/3;object-fit:cover}.badge{position:absolute;left:-1rem;bottom:1.3rem;background:var(--paper);padding:1rem 1.1rem;border-radius:22px;box-shadow:var(--shadow);font-weight:900}.badge small{display:block;color:var(--muted);font-weight:700}.section{max-width:var(--max);margin:0 auto;padding:4.3rem 1rem}.section--tight{padding-top:2rem}.section__head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.6rem}.section h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1;margin:.2rem 0;letter-spacing:-.04em}.section__head p{color:var(--muted);max-width:47ch;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card{background:rgba(255,250,241,.88);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 14px 35px rgba(39,32,26,.07)}.card img{width:100%;height:230px;object-fit:cover}.card__body{padding:1.2rem}.card h3{font-size:1.35rem;margin:.1rem 0 .4rem}.card p{margin:0;color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;align-items:stretch}.panel{background:var(--wood);color:#fff;border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow);overflow:hidden;position:relative}.panel:after{content:"";position:absolute;right:-80px;bottom:-80px;width:240px;height:240px;border-radius:50%;background:rgba(196,154,87,.18)}.panel .eyebrow{color:#dbc69d}.panel p{color:#f5eadb}.image-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.image-grid img{height:100%;min-height:210px;object-fit:cover;border-radius:var(--radius);box-shadow:0 12px 32px rgba(39,32,26,.09)}.schedule{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.day{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:1rem}.day strong{display:block}.day span{color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.product{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden}.product img{height:190px;width:100%;object-fit:cover}.product div{padding:1rem}.product h3{margin:.1rem 0;font-size:1.1rem}.service-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;margin-top:1rem}.service-list li{list-style:none;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:.75rem}.contact{display:grid;grid-template-columns:.95fr 1.05fr;gap:1.2rem}.contact-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem}.contact-card dl{display:grid;grid-template-columns:8rem 1fr;gap:.6rem 1rem}.contact-card dt{font-weight:900}.contact-card dd{margin:0;color:var(--muted)}.form{display:grid;gap:.8rem}.field{display:grid;gap:.35rem}.field label{font-weight:800}.field input,.field textarea{width:100%;border:1px solid var(--line);border-radius:16px;padding:.9rem 1rem;font:inherit;background:#fff}.field textarea{min-height:150px;resize:vertical}.note{font-size:.92rem;color:var(--muted)}.footer{background:var(--wood);color:#fff;margin-top:3rem}.footer__inner{max-width:var(--max);margin:auto;padding:2.2rem 1rem;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:1.2rem}.footer a{text-decoration:none}.footer small{color:#dccbb8}.legal-main{max-width:900px;margin:auto;padding:3rem 1rem}.legal-box{background:#fff;border:1px solid var(--line);border-radius:24px;padding:2rem;box-shadow:0 14px 35px rgba(39,32,26,.06)}.legal-box h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1}.legal-box h2{margin-top:2rem}.mobile-toggle{display:none}.toast{position:fixed;left:50%;bottom:1rem;transform:translateX(-50%);background:var(--wood);color:#fff;padding:.8rem 1rem;border-radius:999px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1}@media (max-width:900px){.hero,.split,.contact{grid-template-columns:1fr}.cards,.product-grid{grid-template-columns:1fr 1fr}.schedule{grid-template-columns:1fr 1fr}.footer__inner{grid-template-columns:1fr}.hero{padding-top:2.5rem}.hero__media{order:-1}.badge{left:.8rem}}@media (max-width:720px){.mobile-toggle{display:inline-flex}.nav{align-items:flex-start}.nav__links{display:none;position:absolute;left:1rem;right:1rem;top:82px;background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:.6rem;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav__links.open{display:flex}.nav__links a{display:block}.cards,.product-grid,.schedule,.service-list,.image-grid{grid-template-columns:1fr}.brand img{width:124px}.hero h1{font-size:3rem}.topbar__inner{display:none}.contact-card dl{grid-template-columns:1fr}.section__head{display:block}.footer{margin-top:1rem}}

/* Refresh 2: bessere Lesbarkeit, Kampagnenlogik und responsiver Brotplan */
.hero{grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr)}
.hero__media img{aspect-ratio:16/10;object-position:center}
.section--campaign{padding-top:2rem}
.occasion-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.occasion{background:linear-gradient(180deg,#fffaf1,#fff);border:1px solid var(--line);border-radius:24px;padding:1.25rem;box-shadow:0 12px 30px rgba(39,32,26,.06)}
.occasion span{display:inline-flex;width:2.25rem;height:2.25rem;align-items:center;justify-content:center;border-radius:999px;background:var(--brand);color:#fff;font-weight:900;margin-bottom:.8rem}
.occasion h3{margin:.1rem 0 .4rem;font-size:1.25rem;line-height:1.1}.occasion p{margin:0;color:var(--muted)}
.bread-plan{background:var(--wood);color:#fff;border-radius:34px;padding:2rem;box-shadow:var(--shadow);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:1.25rem;position:relative;overflow:hidden}.bread-plan:after{content:"";position:absolute;right:-110px;bottom:-120px;width:340px;height:340px;border-radius:50%;background:rgba(196,154,87,.14);pointer-events:none}.bread-plan>*{position:relative;z-index:1}.bread-plan__intro h2{font-size:clamp(2.1rem,4.6vw,4rem);line-height:.95;margin:.35rem 0 .75rem;letter-spacing:-.05em}.bread-plan__intro p{color:#f5eadb;max-width:58ch}.bread-plan__intro .eyebrow{color:#dbc69d}.bread-plan__media img{width:100%;height:100%;min-height:230px;object-fit:cover;border-radius:26px;box-shadow:0 18px 45px rgba(0,0,0,.18)}.schedule--wide{grid-column:1/-1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.8rem}.bread-plan .day{background:rgba(255,250,241,.96);min-height:168px;display:flex;flex-direction:column;gap:.45rem}.bread-plan .day strong{font-size:1.05rem;color:var(--wood)}.bread-plan .day span{font-size:.98rem;line-height:1.45}.bread-plan .day--closed{background:rgba(255,255,255,.82)}.bread-note{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px dashed rgba(255,255,255,.32);border-radius:22px;padding:1rem 1.15rem;color:#fff}.bread-note span{color:#f5eadb}.panel .schedule{grid-template-columns:repeat(2,1fr)}
@media (max-width:1100px){.schedule--wide{grid-template-columns:repeat(3,1fr)}.occasion-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){.hero{grid-template-columns:1fr}.bread-plan{grid-template-columns:1fr}.bread-plan__media{order:-1}.schedule--wide{grid-template-columns:repeat(2,1fr)}.bread-note{align-items:flex-start;flex-direction:column}.hero__media{order:-1}}
@media (max-width:720px){body{font-size:16px}.section{padding:3rem 1rem}.section__head{margin-bottom:1rem}.hero{padding:2rem 1rem 1rem}.hero h1{font-size:clamp(2.55rem,13vw,4rem);line-height:.94}.hero p{font-size:1.03rem}.hero__media img{border-radius:26px}.badge{position:relative;left:auto;bottom:auto;margin:.8rem 0 0;width:fit-content}.bread-plan{border-radius:26px;padding:1rem}.schedule--wide,.occasion-grid{grid-template-columns:1fr}.bread-plan .day{min-height:auto;padding:1rem}.bread-plan__intro h2{font-size:2.45rem}.bread-plan__media img{min-height:210px}.cards,.product-grid{grid-template-columns:1fr}.card img,.product img{height:auto;aspect-ratio:16/10}.contact{grid-template-columns:1fr}.contact-card{padding:1.1rem}.topbar__inner{display:flex;font-size:.86rem;justify-content:center;text-align:center}.topbar__inner span:nth-child(2){display:none}.nav__links{top:74px}.nav{align-items:center}.mobile-toggle{white-space:nowrap}}
@media (max-width:420px){.hero__actions .btn{width:100%}.bread-plan{margin-left:-.25rem;margin-right:-.25rem}.brand img{width:110px}.nav__links{left:.75rem;right:.75rem}.occasion{padding:1rem}}


/* SEO/GEO-Erweiterung: lokale Antwortblöcke und FAQ */
.section--local{padding-top:1.5rem;padding-bottom:2rem}.local-answer{display:grid;grid-template-columns:.95fr 1.05fr;gap:1.25rem;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:34px;padding:1.5rem;box-shadow:0 14px 35px rgba(39,32,26,.06)}.local-answer h2{font-size:clamp(2rem,3.6vw,3.1rem)}.local-answer p{color:var(--muted)}.answer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem}.answer-grid article{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:1rem}.answer-grid h3{margin:.1rem 0 .35rem;font-size:1.12rem}.answer-grid p{margin:0;color:var(--muted)}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.faq-grid details{background:#fff;border:1px solid var(--line);border-radius:22px;padding:1rem;box-shadow:0 12px 28px rgba(39,32,26,.05)}.faq-grid summary{cursor:pointer;font-weight:900;color:var(--wood)}.faq-grid p{color:var(--muted);margin:.8rem 0 0}@media (max-width:900px){.local-answer{grid-template-columns:1fr}.faq-grid{grid-template-columns:1fr}}@media (max-width:720px){.answer-grid{grid-template-columns:1fr}.local-answer{border-radius:26px;padding:1rem}}

/* Refresh 4: moderner Auftritt im neuen Corporate-Design-Stil */
:root{--sage:#8d9b8c;--sage-dark:#607363;--sage-soft:#e9eee5;--cream:#f5efe4;--ink:#2f221a;--gold:#b79b5b;--dot:rgba(255,255,255,.9)}
body{background:radial-gradient(circle at 8% 4%,rgba(141,155,140,.14),transparent 28rem),linear-gradient(180deg,#fbf5e9 0%,#fffaf1 48%,#f7f1e6 100%)}
.topbar{background:#3b2116}.topbar__inner:before{content:"Lixfeld. Für jeden was dabei.";font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#fff;margin-right:auto}.site-header{background:rgba(251,245,233,.78);backdrop-filter:saturate(140%) blur(18px);border-bottom:1px solid rgba(59,33,22,.08)}.nav__links a{font-weight:900;text-transform:uppercase;letter-spacing:.035em;font-size:.78rem}.brand img{filter:drop-shadow(0 6px 10px rgba(47,34,26,.08))}.btn{text-transform:uppercase;letter-spacing:.045em;border-radius:999px;background:var(--sage-dark);box-shadow:0 12px 28px rgba(77,102,86,.25)}.btn--light,.btn--ghost{background:#fff;color:var(--ink)}
.hero--cd{max-width:min(1440px,calc(100% - 2rem));grid-template-columns:minmax(320px,.7fr) minmax(520px,1.3fr);gap:1.5rem;align-items:center;margin:1.2rem auto 0;padding:1.2rem;border:1px solid rgba(59,33,22,.08);border-radius:38px;background:rgba(255,250,241,.82);box-shadow:0 28px 70px rgba(47,34,26,.10);overflow:hidden}.hero__copy{padding:clamp(1rem,3vw,2.8rem);position:relative;z-index:2}.hero--cd h1{font-size:clamp(3.1rem,7vw,7.2rem);line-height:.88;text-transform:uppercase;letter-spacing:-.07em;max-width:8.5ch}.hero--cd p{font-size:clamp(1.05rem,1.45vw,1.35rem);font-weight:650}.hero-tags{display:flex;flex-wrap:wrap;gap:.45rem;margin:1.35rem 0 .15rem}.hero-tags span{display:inline-flex;align-items:center;border-radius:999px;background:var(--sage);color:#fff;font-weight:950;text-transform:uppercase;letter-spacing:.05em;padding:.52rem .78rem;font-size:.85rem}.hero__visual{position:relative;border-radius:30px;overflow:hidden;min-height:420px;background:var(--sage)}.hero__visual:before,.hero__visual:after{content:"";position:absolute;border:7px dashed var(--dot);border-radius:50%;z-index:2;pointer-events:none}.hero__visual:before{width:330px;height:330px;right:9%;top:-210px}.hero__visual:after{width:360px;height:360px;left:-225px;bottom:-135px}.hero__visual img{width:100%;height:100%;min-height:420px;object-fit:cover;display:block;filter:saturate(.96) contrast(1.02)}.hero-stamp{position:absolute;left:1.15rem;bottom:1.15rem;z-index:3;background:rgba(255,250,241,.94);color:var(--ink);padding:.9rem 1rem;border-radius:20px;font-weight:950;box-shadow:0 18px 35px rgba(0,0,0,.16)}.hero-stamp small{display:block;color:var(--sage-dark);font-weight:850}.intro-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding-top:1.1rem;padding-bottom:2rem}.intro-strip article{background:var(--sage);color:#fff;border:2px dashed rgba(255,255,255,.82);border-radius:24px;padding:1.05rem 1.2rem;min-height:96px;display:flex;flex-direction:column;justify-content:center}.intro-strip strong{font-size:1.35rem;text-transform:uppercase;line-height:1}.intro-strip span{opacity:.92;font-weight:700}.section h2{text-transform:uppercase;letter-spacing:-.055em}.eyebrow{color:var(--sage-dark);font-weight:950}.cards--modern{align-items:stretch}.feature-card{border-radius:30px;background:#fff;transition:transform .2s ease, box-shadow .2s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 22px 45px rgba(47,34,26,.12)}.feature-card img{height:260px}.mini-label{display:inline-block;margin-bottom:.6rem;color:var(--sage-dark);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:950}.occasion-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.occasion{background:linear-gradient(180deg,var(--sage) 0%,#718270 100%);color:#fff;border:2px dashed rgba(255,255,255,.42);border-radius:30px;min-height:215px}.occasion span{background:#fff;color:var(--sage-dark)}.occasion p{color:rgba(255,255,255,.9);font-weight:650}.bread-plan{background:linear-gradient(135deg,#3b2116 0%,#583422 62%,#6e4a2c 100%);border:1px solid rgba(255,255,255,.12)}.bread-plan__media img{object-position:center}.bread-plan .day{border-radius:24px;border:2px dashed rgba(59,33,22,.14)}.bread-plan .day strong{text-transform:uppercase;letter-spacing:.04em}.local-answer{background:linear-gradient(135deg,#fff 0%,#f7f1e6 100%);border-radius:36px}.answer-grid article{border-style:dashed}.product{border-radius:28px;background:#fff;box-shadow:0 14px 28px rgba(47,34,26,.06)}.product img{height:230px}.panel--light{background:linear-gradient(135deg,#f7f1e6 0%,#fff 100%);color:var(--ink);border:1px solid var(--line)}.panel--light p{color:#5b5047}.panel--light .eyebrow{color:var(--sage-dark)}.panel--light:after{background:rgba(141,155,140,.17)}.split--story .image-grid img:first-child{min-height:420px}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin:1.3rem 0 0;padding:0}.timeline li{list-style:none;background:rgba(141,155,140,.15);border:1px dashed rgba(96,115,99,.35);border-radius:18px;padding:.9rem}.timeline strong{display:block;font-size:1.3rem}.timeline span{color:#5b5047;font-weight:700}.jobs{padding-top:1rem}.jobs__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--sage);color:#fff;border-radius:34px;padding:clamp(1.25rem,3vw,2.3rem);border:2px dashed rgba(255,255,255,.5);box-shadow:var(--shadow)}.jobs__inner h2{margin:.1rem 0;font-size:clamp(2rem,4vw,3.4rem)}.jobs__inner p{max-width:68ch;color:rgba(255,255,255,.92);font-weight:650}.jobs__inner .eyebrow{color:#fff}.faq-grid details{border-style:dashed}.contact-card{background:#fff;border-radius:30px}.footer{background:#3b2116}.footer__inner{border-top:1px solid rgba(255,255,255,.08)}
@media (max-width:1100px){.hero--cd{grid-template-columns:1fr}.hero__visual{order:-1;min-height:340px}.hero__visual img{min-height:340px}.intro-strip{grid-template-columns:1fr 1fr}.occasion-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){.topbar__inner:before{margin:0}.intro-strip{grid-template-columns:1fr}.jobs__inner{display:block}.timeline{grid-template-columns:1fr}.split--story .image-grid img:first-child{min-height:280px}}
@media (max-width:720px){.hero--cd{max-width:calc(100% - 1rem);border-radius:26px;padding:.55rem}.hero__copy{padding:1rem}.hero--cd h1{font-size:clamp(3rem,15vw,4.4rem)}.hero__visual{border-radius:22px;min-height:260px}.hero__visual img{min-height:260px;object-position:56% center}.hero__visual:before{width:220px;height:220px;right:-20px;top:-150px}.hero__visual:after{width:250px;height:250px;left:-170px;bottom:-90px}.hero-tags span{font-size:.76rem}.intro-strip{padding-left:.75rem;padding-right:.75rem}.feature-card img,.product img{height:auto;aspect-ratio:4/3}.occasion{min-height:auto}.jobs__inner{border-radius:26px}.topbar__inner:before{font-size:.78rem}}
@media (max-width:420px){.hero--cd p{font-size:1rem}.hero-tags{gap:.35rem}.hero-tags span{padding:.45rem .62rem}.intro-strip article{min-height:auto}.hero-stamp{position:relative;left:auto;bottom:auto;margin:.6rem;display:inline-block}}


/* Refresh 5: Adobe Fonts / Hausschrift Lixfeld
   Webprojekt: https://use.typekit.net/svz7idk.css
   Verfügbare Schnitte: 400, 500, 700 */
:root{--font-brand:"futura-pt-condensed",sans-serif}
html,body,button,input,textarea,select{font-family:var(--font-brand)}
body{font-weight:400;font-synthesis-weight:none}
p,li,dd,span,small,input,textarea,select{font-weight:400}
.hero--cd p,.section__head p,.card p,.occasion p,.panel p,.product p,.contact-card dd,.faq-grid p,.answer-grid p,.note{font-weight:500}
h1,h2,h3,h4,h5,h6,strong,b,.brand,.nav__links a,.btn,.eyebrow,.hero-tags span,.hero-stamp,.badge,.topbar__inner:before,.day strong,.mini-label,.contact-card dt,.field label,.faq-grid summary{font-weight:700}
.hero--cd h1,.section h2{text-rendering:geometricPrecision}

/* Refresh 7: Typografie sauber einsetzen, Hero-Bild komplett zeigen, neutralere Hintergrundwelt */
:root{
  --cream:#f4efe7;
  --paper:#fffdf8;
  --flour:#ffffff;
  --ink:#2f221a;
  --muted:#6c6056;
  --brand:#8d9b8c;
  --brand-dark:#607363;
  --sage:#8d9b8c;
  --sage-dark:#607363;
  --sage-soft:#edf1eb;
  --wood:#3b2116;
  --line:rgba(59,33,22,.12);
  --shadow:0 18px 40px rgba(47,34,26,.09);
}

body{
  background:var(--cream);
  color:var(--ink);
  font-family:var(--font-brand),sans-serif;
  font-weight:400;
  line-height:1.45;
}
html,body,button,input,textarea,select{
  font-family:var(--font-brand),sans-serif;
  font-stretch:normal;
  font-synthesis-weight:none;
}

/* Schriftschnitte gezielt nutzen statt optisch quetschen */
p,li,dd,span,small,input,textarea,select{font-weight:400;letter-spacing:0}
.hero--cd p,.hero p,.section__head p,.card p,.occasion p,.panel p,.product p,.contact-card dd,.faq-grid p,.answer-grid p,.note{font-weight:500}
h1,h2,h3,h4,h5,h6,strong,b,.brand,.nav__links a,.btn,.eyebrow,.hero-tags span,.hero-stamp,.badge,.day strong,.mini-label,.contact-card dt,.field label,.faq-grid summary{font-weight:700}

body,
.hero h1,.hero--cd h1,.section h2,.bread-plan__intro h2,.jobs__inner h2,.local-answer h2,
.card h3,.product h3,.occasion h3,.answer-grid h3,.faq-grid summary,.btn,.nav__links a{
  letter-spacing:0 !important;
}

.topbar{background:var(--wood)}
.topbar__inner:before{content:"Lixfeld. Für jeden was dabei.";font-weight:700;letter-spacing:.04em}
.site-header{background:rgba(244,239,231,.92);border-bottom:1px solid var(--line);backdrop-filter:saturate(130%) blur(14px)}
.nav__links a{
  text-transform:uppercase;
  font-size:.82rem;
  padding:.62rem .8rem;
  border-radius:999px;
}
.nav__links a:hover,.nav__links a[aria-current="page"]{background:#ede7dc}
.btn{
  text-transform:uppercase;
  font-size:.94rem;
  letter-spacing:.02em !important;
}
.btn--light,.btn--ghost{background:#fff;color:var(--ink)}

/* Neutralere Flächen */
.hero--cd,.card,.feature-card,.product,.contact-card,.faq-grid details,.local-answer,.legal-box,.answer-grid article{background:var(--paper)}
.local-answer,.contact-card,.card,.product,.faq-grid details,.feature-card,.hero--cd{border-color:var(--line)}
body .panel--light{background:linear-gradient(180deg,#fffdf8 0%,#f7f2e8 100%)}
body .bread-plan{background:linear-gradient(135deg,#3b2116 0%,#4b2b1d 100%)}
body .jobs__inner,
body .hero-tags span,
body .intro-strip article,
body .occasion{background:var(--brand)}

/* Typografie feiner abstimmen */
.eyebrow,.mini-label{
  font-size:.72rem;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.11em !important;
}
.hero--cd h1{
  font-size:clamp(3.2rem,6vw,5.9rem);
  line-height:.88;
  max-width:7.5ch;
  text-transform:uppercase;
  margin-bottom:.85rem;
}
.hero--cd p{
  font-size:1.08rem;
  line-height:1.38;
  max-width:34ch;
}
.section h2,
.bread-plan__intro h2,
.jobs__inner h2,
.local-answer h2,
.legal-box h1{
  font-size:clamp(2.1rem,3.6vw,3.5rem);
  line-height:.96;
  text-transform:uppercase;
}
.card h3,.product h3,.occasion h3,.answer-grid h3,.contact-card h3{
  font-size:1.34rem;
  line-height:1.02;
  margin:.12rem 0 .45rem;
}
.card p,.product p,.occasion p,.answer-grid p,.contact-card dd,.section__head p,.note{
  font-size:1rem;
  line-height:1.4;
}

/* Hero wieder schöner und ohne Anschnitt */
.hero--cd{
  max-width:min(1360px,calc(100% - 2rem));
  grid-template-columns:minmax(280px,.88fr) minmax(560px,1.12fr);
  gap:1.5rem;
  align-items:center;
  padding:1.2rem;
  border-radius:32px;
  box-shadow:0 20px 48px rgba(47,34,26,.08);
}
.hero__copy{padding:1.35rem 1.2rem 1.35rem 1.35rem}
.hero-tags{margin:1.15rem 0 .2rem}
.hero-tags span{font-size:.78rem;padding:.5rem .72rem;border-radius:999px}
.hero__actions{margin-top:1.1rem}
.hero__visual{
  min-height:0 !important;
  height:auto;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--sage-soft);
  border-radius:26px;
  overflow:hidden;
}
.hero__visual img{
  width:100%;
  height:auto !important;
  min-height:0 !important;
  object-fit:contain !important;
  object-position:center center !important;
  aspect-ratio:auto !important;
  display:block;
}
.hero__visual:before{width:300px;height:300px;right:2%;top:-190px;border-width:6px}
.hero__visual:after{width:310px;height:310px;left:-210px;bottom:-118px;border-width:6px}
.hero-stamp{left:1rem;bottom:1rem;padding:.8rem .95rem;border-radius:18px}

.section{padding:4.4rem 1rem}
.intro-strip{padding-top:1rem}
.intro-strip article{
  min-height:0;
  border-radius:18px;
  padding:.95rem 1rem;
  border:0;
}
.intro-strip strong{font-size:1.08rem;line-height:1}
.intro-strip span{font-size:.92rem}

.occasion{min-height:0;padding:1rem 1rem 1.05rem;border:0}
.occasion span{width:1.95rem;height:1.95rem;font-size:.82rem;margin-bottom:.65rem}
.cards,.product-grid,.occasion-grid,.answer-grid,.faq-grid{gap:1rem}
.card__body,.product div,.answer-grid article{padding:1rem 1.05rem}
.feature-card img{height:220px}
.product img{height:210px}
.bread-plan{padding:1.55rem;border-radius:28px}
.bread-plan__intro h2{margin-bottom:.55rem}
.bread-plan__intro p{font-size:1rem;line-height:1.4}
.bread-plan__media img{min-height:220px;object-fit:cover;border-radius:20px}
.bread-plan .day{min-height:138px;padding:.9rem;border-radius:18px}
.bread-plan .day strong{font-size:.96rem;letter-spacing:.02em !important}
.bread-plan .day span{font-size:.93rem;line-height:1.32}
.bread-note{padding:.85rem 1rem;border-radius:18px}
.local-answer{padding:1.35rem;border-radius:28px}
.timeline li{padding:.8rem;border-radius:16px}
.jobs__inner{padding:1.35rem 1.5rem;border-radius:26px;border:0}
.contact-card{padding:1.25rem;border-radius:24px}
.footer{background:var(--wood)}

@media (max-width:1100px){
  .hero--cd{grid-template-columns:1fr;max-width:calc(100% - 1.25rem);padding:1rem}
  .hero__visual{order:-1}
  .hero__copy{padding:1rem}
  .hero--cd h1{max-width:8.5ch;font-size:clamp(3rem,8vw,5rem)}
  .intro-strip{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  body{font-size:16px}
  .topbar__inner:before{font-size:.76rem}
  .hero--cd{max-width:calc(100% - .75rem);border-radius:24px;padding:.65rem;gap:.9rem}
  .hero__visual{border-radius:20px}
  .hero__visual:before{width:180px;height:180px;right:-10px;top:-110px}
  .hero__visual:after{width:190px;height:190px;left:-125px;bottom:-72px}
  .hero__copy{padding:.55rem .55rem .85rem}
  .hero--cd h1{font-size:clamp(2.85rem,14vw,4.1rem);line-height:.9;max-width:7.4ch}
  .hero--cd p{font-size:1rem;max-width:none}
  .hero-tags span{font-size:.72rem;padding:.42rem .56rem}
  .intro-strip{grid-template-columns:1fr;gap:.7rem;padding-left:0;padding-right:0}
  .section h2,.bread-plan__intro h2,.jobs__inner h2,.local-answer h2{font-size:clamp(2rem,9vw,2.85rem)}
  .cards,.product-grid,.faq-grid,.answer-grid,.occasion-grid,.schedule--wide{grid-template-columns:1fr}
  .feature-card img,.product img{height:auto;aspect-ratio:4/3}
  .bread-plan{padding:1rem;border-radius:22px}
  .bread-plan .day{min-height:auto}
  .jobs__inner{display:block}
  .contact-card dl{grid-template-columns:1fr}
}


/* Refresh 10: SEO-H1, saubere Umbrüche und plakative Kachelflächen
   Grundlage bleibt Version 7: Adobe Fonts, sichtbares Hero-Motiv, Lixfeld-Farben. */

.hero--cd h1{
  max-width: 9.8ch;
  text-wrap: balance;
  hyphens: none;
  word-break: normal;
}
.hero--cd h1 .hero-line{
  display:block;
}
.hero--cd .claim-line{
  display:inline-flex;
  width:auto;
  margin:.25rem 0 .75rem;
  padding:.45rem .72rem .42rem;
  border-radius:999px;
  background:var(--sage);
  color:#fff;
  font-weight:700;
  font-size:clamp(1.05rem,1.45vw,1.32rem);
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.02em !important;
}
.hero--cd p:not(.claim-line){
  max-width:40ch;
}
.hero__visual img{
  object-fit:contain !important;
  object-position:center center !important;
}

/* Plakative, aber eigene Lixfeld-Kachelwelt */
.billboard-wall{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:1rem;
  padding-top:1.1rem;
  padding-bottom:2.4rem;
}
.billboard{
  position:relative;
  overflow:hidden;
  min-height:245px;
  padding:clamp(1.15rem,2.2vw,1.8rem);
  border-radius:28px;
  background:var(--sage);
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  box-shadow:0 18px 42px rgba(47,34,26,.08);
}
.billboard:after{
  content:"";
  position:absolute;
  width:210px;
  height:210px;
  border:6px dashed rgba(255,255,255,.45);
  border-radius:50%;
  right:-112px;
  top:-90px;
  pointer-events:none;
}
.billboard .eyebrow{
  color:rgba(255,255,255,.9);
  margin-bottom:.7rem;
}
.billboard h2,
.billboard h3{
  margin:0 0 .7rem;
  color:inherit;
  text-transform:uppercase;
  letter-spacing:0 !important;
}
.billboard h2{
  font-size:clamp(2.7rem,5.2vw,5.25rem);
  line-height:.82;
}
.billboard h3{
  font-size:clamp(2rem,3.2vw,3.2rem);
  line-height:.88;
}
.billboard p{
  margin:0;
  max-width:42ch;
  color:rgba(255,255,255,.92);
  font-size:1.03rem;
  line-height:1.34;
  font-weight:500;
}
.billboard--lead{
  grid-row:span 2;
  min-height:420px;
  background:linear-gradient(135deg,var(--wood) 0%,#4d2d1f 100%);
}
.billboard--cream{
  background:var(--paper);
  color:var(--ink);
  border:1px solid var(--line);
}
.billboard--cream .eyebrow{color:var(--sage-dark)}
.billboard--cream p{color:var(--muted)}
.billboard--cream:after{border-color:rgba(96,115,99,.28)}
.billboard--outline{
  background:transparent;
  color:var(--wood);
  border:2px dashed rgba(59,33,22,.25);
  box-shadow:none;
}
.billboard--outline .eyebrow{color:var(--sage-dark)}
.billboard--outline p{color:var(--muted)}
.billboard--outline:after{border-color:rgba(96,115,99,.24)}

@media (max-width:1100px){
  .hero--cd h1{max-width:10.4ch}
  .billboard-wall{grid-template-columns:1fr 1fr}
  .billboard--lead{grid-row:auto;grid-column:1/-1;min-height:330px}
}
@media (max-width:720px){
  .hero--cd h1{
    max-width:8.6ch;
    font-size:clamp(2.65rem,13vw,4.05rem);
  }
  .hero--cd .claim-line{
    font-size:.96rem;
    padding:.42rem .62rem .38rem;
  }
  .billboard-wall{
    grid-template-columns:1fr;
    gap:.75rem;
    padding-left:.75rem;
    padding-right:.75rem;
  }
  .billboard,.billboard--lead{
    min-height:230px;
    border-radius:22px;
  }
  .billboard h2{font-size:clamp(2.55rem,12vw,3.6rem)}
  .billboard h3{font-size:clamp(2.05rem,10vw,2.9rem)}
}
@media (max-width:420px){
  .hero--cd h1{max-width:8.3ch}
  .billboard{padding:1rem}
}


/* Refresh 11: Hero mit Glass-Lens, sauberer Futura-Nutzung und neuem Bildfokus */
.hero.hero--cd{
  max-width:min(1360px,calc(100% - 2rem));
  margin:1.1rem auto 0;
  padding:0;
  background:transparent;
  border:0;
  box-shadow:none;
}
.hero__visual--lens{
  position:relative;
  min-height:660px !important;
  display:block;
  border-radius:34px;
  overflow:hidden;
  background:#d9d6cf;
  border:1px solid rgba(59,33,22,.10);
  box-shadow:0 24px 60px rgba(47,34,26,.10);
}
.hero__visual--lens img{
  width:100%;
  height:100% !important;
  min-height:660px !important;
  object-fit:cover !important;
  object-position:center 42% !important;
  aspect-ratio:auto !important;
  display:block;
}
.hero__visual--lens:before,
.hero__visual--lens:after{
  content:"";
  position:absolute;
  border-radius:999px;
  pointer-events:none;
  z-index:2;
}
.hero__visual--lens:before{
  inset:auto auto 26px 26px;
  width:180px;
  height:180px;
  border:2px dashed rgba(255,255,255,.55);
}
.hero__visual--lens:after{
  right:32px;
  top:28px;
  width:120px;
  height:120px;
  background:rgba(255,255,255,.15);
  backdrop-filter:blur(8px);
}
.hero__shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(35,22,14,.58) 0%, rgba(35,22,14,.34) 34%, rgba(35,22,14,.10) 62%, rgba(35,22,14,.02) 100%),
    linear-gradient(180deg, rgba(35,22,14,.08) 0%, rgba(35,22,14,.18) 100%);
  z-index:1;
}
.hero__lens{
  position:absolute;
  left:38px;
  top:38px;
  bottom:38px;
  width:min(540px,calc(100% - 76px));
  padding:2rem 2rem 1.7rem;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-radius:28px;
  background:linear-gradient(180deg, rgba(255,250,241,.84) 0%, rgba(255,250,241,.72) 100%);
  border:1px solid rgba(255,255,255,.45);
  box-shadow:0 16px 40px rgba(47,34,26,.10);
  backdrop-filter:blur(18px) saturate(120%);
  z-index:3;
}
.hero__lens,
.hero__lens h1,
.hero__lens p,
.hero__lens .hero-tags span,
.hero__lens .btn,
.hero__lens .eyebrow{
  font-family:"futura-pt-condensed",sans-serif !important;
}
.hero__lens .eyebrow{
  color:var(--wood);
  opacity:.8;
  margin-bottom:.7rem;
}
.hero__lens h1{
  margin:.1rem 0 .7rem;
  max-width:11ch;
  font-size:clamp(3.3rem,5.6vw,6.1rem);
  line-height:.88;
  text-wrap:balance;
  color:var(--wood);
}
.hero__lens .claim-line{
  align-self:flex-start;
  margin:0 0 .85rem;
  padding:.52rem .82rem .48rem;
  border-radius:999px;
  background:var(--brand-dark);
  color:#fff;
  font-size:clamp(1rem,1.4vw,1.24rem);
  line-height:1;
  text-transform:uppercase;
}
.hero__lead{
  margin:0;
  max-width:27ch;
  font-size:1.12rem;
  line-height:1.34;
  color:rgba(47,34,26,.86);
}
.hero__lens .hero-tags{
  margin:1.15rem 0 0;
  gap:.42rem;
}
.hero__lens .hero-tags span{
  background:#fff;
  color:var(--wood);
  box-shadow:0 8px 16px rgba(47,34,26,.08);
  border:1px solid rgba(59,33,22,.08);
}
.hero__lens .hero__actions{
  margin-top:1.2rem;
}
.hero__lens .btn{
  min-height:48px;
}
.hero__lens .btn--light{
  background:rgba(255,255,255,.78);
}
.hero__visual--lens .hero-stamp{
  left:auto;
  right:28px;
  bottom:26px;
  background:rgba(255,250,241,.94);
  z-index:4;
}

@media (max-width:1100px){
  .hero__visual--lens{min-height:620px !important;}
  .hero__visual--lens img{min-height:620px !important;object-position:center 38% !important;}
  .hero__lens{left:28px;top:28px;bottom:28px;width:min(500px,calc(100% - 56px));padding:1.65rem 1.55rem 1.45rem;}
  .hero__lens h1{font-size:clamp(3rem,7vw,5.2rem);max-width:11.5ch;}
}
@media (max-width:820px){
  .hero__visual--lens{min-height:760px !important;}
  .hero__visual--lens img{min-height:760px !important;object-position:center 36% !important;}
  .hero__lens{left:18px;right:18px;top:auto;bottom:18px;width:auto;padding:1.2rem 1.1rem 1rem;border-radius:22px;background:linear-gradient(180deg, rgba(255,250,241,.90) 0%, rgba(255,250,241,.82) 100%);} 
  .hero__lens h1{font-size:clamp(2.7rem,11vw,4.2rem);max-width:12ch;margin-bottom:.55rem;}
  .hero__lead{max-width:none;font-size:1rem;}
  .hero__visual--lens .hero-stamp{left:18px;right:auto;top:18px;bottom:auto;}
}
@media (max-width:560px){
  .hero.hero--cd{max-width:calc(100% - .8rem);}
  .hero__visual--lens{min-height:700px !important;border-radius:24px;}
  .hero__visual--lens img{min-height:700px !important;object-position:62% 36% !important;}
  .hero__visual--lens:before{width:120px;height:120px;left:16px;bottom:16px;}
  .hero__visual--lens:after{width:84px;height:84px;right:16px;top:16px;}
  .hero__lens{left:14px;right:14px;bottom:14px;padding:1rem .95rem .9rem;border-radius:20px;backdrop-filter:blur(16px) saturate(110%);}
  .hero__lens .eyebrow{font-size:.68rem;}
  .hero__lens h1{font-size:clamp(2.45rem,13vw,3.5rem);line-height:.9;max-width:10.5ch;}
  .hero__lens .claim-line{font-size:.95rem;}
  .hero__lead{font-size:.96rem;line-height:1.32;}
  .hero__lens .hero-tags span{font-size:.7rem;padding:.38rem .5rem;}
  .hero__lens .hero__actions{display:grid;grid-template-columns:1fr;gap:.6rem;}
  .hero__visual--lens .hero-stamp{top:14px;left:14px;padding:.65rem .75rem;}
}


/* Refresh 12: Hero korrekt als breite Bildbühne mit ruhiger Text-Linse.
   Wichtig: überschreibt bewusst ältere Hero-Regeln, die den Bereich in eine schmale Grid-Spalte gedrückt haben. */
.hero.hero--cd{
  display:block !important;
  max-width:min(1360px,calc(100% - 2rem)) !important;
  margin:1.15rem auto 0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}

.hero__visual.hero__visual--lens{
  position:relative !important;
  width:100% !important;
  height:clamp(540px,52vw,690px) !important;
  min-height:0 !important;
  display:block !important;
  overflow:hidden !important;
  border-radius:34px !important;
  background:var(--sage-soft) !important;
  border:1px solid rgba(59,33,22,.12) !important;
  box-shadow:0 24px 62px rgba(47,34,26,.12) !important;
}

.hero__visual.hero__visual--lens img{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  object-fit:cover !important;
  object-position:center 52% !important;
  aspect-ratio:auto !important;
  display:block !important;
  filter:saturate(.96) contrast(1.02) !important;
}

.hero__shade{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(90deg, rgba(47,34,26,.08) 0%, rgba(47,34,26,.05) 38%, rgba(47,34,26,.24) 70%, rgba(47,34,26,.46) 100%),
    linear-gradient(180deg, rgba(47,34,26,.04) 0%, rgba(47,34,26,.16) 100%);
  pointer-events:none;
}

.hero__visual--lens:before,
.hero__visual--lens:after{
  content:"";
  position:absolute;
  border-radius:999px;
  pointer-events:none;
  z-index:2;
}

.hero__visual--lens:before{
  width:260px;
  height:260px;
  left:32px;
  bottom:30px;
  border:3px dashed rgba(255,255,255,.70);
}

.hero__visual--lens:after{
  width:170px;
  height:170px;
  right:34px;
  top:32px;
  border:3px dashed rgba(255,255,255,.55);
}

.hero__lens{
  position:absolute !important;
  right:clamp(28px,4vw,58px) !important;
  top:50% !important;
  bottom:auto !important;
  left:auto !important;
  transform:translateY(-50%) !important;
  z-index:3 !important;
  width:min(620px,calc(100% - 72px)) !important;
  padding:clamp(1.45rem,2.4vw,2.25rem) !important;
  border-radius:30px !important;
  background:linear-gradient(180deg, rgba(255,250,241,.92), rgba(255,250,241,.80)) !important;
  border:1px solid rgba(255,255,255,.64) !important;
  box-shadow:0 20px 52px rgba(47,34,26,.20) !important;
  backdrop-filter:blur(18px) saturate(120%) !important;
  -webkit-backdrop-filter:blur(18px) saturate(120%) !important;
  color:var(--wood) !important;
}

.hero__lens,
.hero__lens h1,
.hero__lens p,
.hero__lens span,
.hero__lens a,
.hero__lens .btn,
.hero__lens .eyebrow{
  font-family:"futura-pt-condensed", sans-serif !important;
  font-stretch:normal !important;
  font-synthesis-weight:none !important;
}

.hero__lens .eyebrow{
  margin:0 0 .8rem !important;
  color:var(--wood) !important;
  opacity:.78 !important;
  font-size:.78rem !important;
  letter-spacing:.11em !important;
}

.hero__lens h1{
  margin:0 0 .85rem !important;
  max-width:none !important;
  font-size:clamp(3.35rem,5.15vw,5.85rem) !important;
  line-height:.88 !important;
  letter-spacing:0 !important;
  text-transform:uppercase !important;
  text-wrap:balance !important;
  word-break:normal !important;
  hyphens:none !important;
  color:var(--wood) !important;
}

.hero__lens h1 span{
  display:block !important;
}

.hero__lens h1 span:nth-child(2){
  font-size:.82em !important;
}

.hero__lens .claim-line{
  display:inline-flex !important;
  width:auto !important;
  align-self:flex-start !important;
  margin:0 0 .9rem !important;
  padding:.56rem .86rem .50rem !important;
  border-radius:999px !important;
  background:var(--brand-dark) !important;
  color:#fff !important;
  font-size:clamp(1rem,1.35vw,1.22rem) !important;
  line-height:1 !important;
  font-weight:700 !important;
  text-transform:uppercase !important;
  letter-spacing:.02em !important;
}

.hero__lead{
  margin:0 !important;
  max-width:35ch !important;
  color:rgba(47,34,26,.88) !important;
  font-size:clamp(1.04rem,1.25vw,1.18rem) !important;
  line-height:1.35 !important;
  font-weight:500 !important;
}

.hero__lens .hero-tags{
  margin:1.15rem 0 0 !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:.42rem !important;
}

.hero__lens .hero-tags span{
  padding:.46rem .66rem .42rem !important;
  border-radius:999px !important;
  background:#fff !important;
  color:var(--wood) !important;
  border:1px solid rgba(59,33,22,.09) !important;
  box-shadow:0 8px 16px rgba(47,34,26,.07) !important;
  font-size:.78rem !important;
  line-height:1 !important;
  font-weight:700 !important;
  text-transform:uppercase !important;
}

.hero__lens .hero__actions{
  margin-top:1.2rem !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:.7rem !important;
}

.hero__lens .btn{
  min-height:48px !important;
  padding:.82rem 1.05rem !important;
  font-size:.92rem !important;
  line-height:1 !important;
}

.hero__lens .btn--light{
  background:rgba(255,255,255,.78) !important;
}

.hero__visual--lens .hero-stamp{
  position:absolute !important;
  left:clamp(22px,3vw,38px) !important;
  right:auto !important;
  bottom:clamp(22px,3vw,38px) !important;
  top:auto !important;
  z-index:4 !important;
  background:rgba(255,250,241,.94) !important;
  color:var(--wood) !important;
  border-radius:18px !important;
  padding:.78rem .95rem !important;
}

@media (max-width:980px){
  .hero__visual.hero__visual--lens{
    height:720px !important;
  }
  .hero__visual.hero__visual--lens img{
    object-position:center center !important;
  }
  .hero__shade{
    background:linear-gradient(180deg, rgba(47,34,26,.04) 0%, rgba(47,34,26,.18) 48%, rgba(47,34,26,.40) 100%);
  }
  .hero__lens{
    right:24px !important;
    left:24px !important;
    top:auto !important;
    bottom:24px !important;
    width:auto !important;
    transform:none !important;
  }
  .hero__lens h1{
    font-size:clamp(3rem,8.5vw,4.8rem) !important;
  }
  .hero__visual--lens .hero-stamp{
    left:24px !important;
    top:24px !important;
    bottom:auto !important;
  }
}

@media (max-width:560px){
  .hero.hero--cd{
    max-width:calc(100% - .8rem) !important;
    margin-top:.75rem !important;
  }
  .hero__visual.hero__visual--lens{
    height:690px !important;
    border-radius:24px !important;
  }
  .hero__visual.hero__visual--lens img{
    object-position:55% center !important;
  }
  .hero__lens{
    left:14px !important;
    right:14px !important;
    bottom:14px !important;
    padding:1rem .95rem .95rem !important;
    border-radius:20px !important;
  }
  .hero__lens .eyebrow{
    font-size:.66rem !important;
    margin-bottom:.62rem !important;
  }
  .hero__lens h1{
    font-size:clamp(2.55rem,12.8vw,3.65rem) !important;
    line-height:.90 !important;
    margin-bottom:.65rem !important;
  }
  .hero__lens .claim-line{
    font-size:.92rem !important;
    margin-bottom:.65rem !important;
  }
  .hero__lead{
    font-size:.96rem !important;
    line-height:1.32 !important;
  }
  .hero__lens .hero-tags{
    gap:.34rem !important;
    margin-top:.9rem !important;
  }
  .hero__lens .hero-tags span{
    font-size:.68rem !important;
    padding:.36rem .48rem !important;
  }
  .hero__lens .hero__actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:.55rem !important;
    margin-top:.9rem !important;
  }
  .hero__visual--lens .hero-stamp{
    left:14px !important;
    top:14px !important;
    padding:.62rem .74rem !important;
  }
  .hero__visual--lens:before{
    width:130px !important;
    height:130px !important;
    left:18px !important;
    bottom:18px !important;
  }
  .hero__visual--lens:after{
    width:92px !important;
    height:92px !important;
    right:18px !important;
    top:18px !important;
  }
}


/* Refresh 13: Textlinks und Fließtext größer, Social Media mit Icons */
p,
li,
dd,
.note,
.section__head p,
.card p,
.product p,
.occasion p,
.answer-grid p,
.contact-card dd,
.faq-grid p,
.hero__lead{
  font-size:calc(1rem + 2px) !important;
}

a:not(.btn):not(.brand){
  font-size:calc(1rem + 2px);
}

.nav__links a{
  font-size:calc(.82rem + 2px) !important;
}

.topbar a,
.footer a,
.contact-card a:not(.btn),
.legal-box a{
  font-size:calc(1rem + 2px) !important;
}

.social-links{
  display:flex;
  flex-wrap:wrap;
  gap:.65rem;
  margin:1rem 0 0;
}

.social-link{
  display:inline-flex;
  align-items:center;
  gap:.52rem;
  min-height:42px;
  padding:.54rem .78rem .5rem;
  border-radius:999px;
  background:var(--sage-soft);
  color:var(--wood);
  border:1px solid rgba(59,33,22,.12);
  text-decoration:none;
  font-family:"futura-pt-condensed",sans-serif;
  font-weight:700;
  text-transform:uppercase;
  line-height:1;
  transition:transform .18s ease, background .18s ease, box-shadow .18s ease;
}

.social-link:hover{
  transform:translateY(-1px);
  background:#fff;
  box-shadow:0 10px 22px rgba(47,34,26,.10);
}

.social-link svg{
  width:1.05rem;
  height:1.05rem;
  flex:0 0 auto;
  fill:currentColor;
}

.footer .social-links{
  margin:.65rem 0 1.05rem;
  gap:.5rem;
}

.footer .social-link{
  background:rgba(255,255,255,.10);
  color:#fff;
  border-color:rgba(255,255,255,.18);
  box-shadow:none;
}

.footer .social-link:hover{
  background:rgba(255,255,255,.18);
}

.footer-subhead{
  margin-top:1.1rem;
}

@media (max-width:720px){
  p,
  li,
  dd,
  .note,
  .section__head p,
  .card p,
  .product p,
  .occasion p,
  .answer-grid p,
  .contact-card dd,
  .faq-grid p,
  .hero__lead{
    font-size:calc(1rem + 1px) !important;
  }

  a:not(.btn):not(.brand),
  .topbar a,
  .footer a,
  .contact-card a:not(.btn),
  .legal-box a{
    font-size:calc(1rem + 1px) !important;
  }

  .social-links{
    gap:.5rem;
  }

  .social-link{
    min-height:40px;
    padding:.5rem .68rem .46rem;
  }
}


/* Refresh 14: Betriebsferien Popup */
.holiday-modal-open{
  overflow:hidden;
}

.holiday-modal{
  position:fixed;
  inset:0;
  z-index:9999;
  display:grid;
  place-items:center;
  padding:1rem;
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease;
}

.holiday-modal.is-open{
  opacity:1;
  pointer-events:auto;
}

.holiday-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(47,34,26,.58);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.holiday-modal__dialog{
  position:relative;
  z-index:1;
  width:min(960px,100%);
  max-height:min(86vh,820px);
  display:grid;
  grid-template-columns:minmax(320px,.95fr) minmax(300px,.82fr);
  overflow:hidden;
  border-radius:30px;
  background:var(--paper);
  border:1px solid rgba(255,255,255,.5);
  box-shadow:0 30px 90px rgba(47,34,26,.35);
  color:var(--wood);
}

.holiday-modal__close{
  position:absolute;
  top:.85rem;
  right:.85rem;
  z-index:3;
  width:44px;
  height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:var(--wood);
  font-family:"futura-pt-condensed",sans-serif;
  font-size:2rem;
  line-height:1;
  font-weight:700;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(47,34,26,.16);
}

.holiday-modal__close:hover,
.holiday-modal__close:focus-visible{
  background:#fff;
  outline:2px solid var(--brand-dark);
  outline-offset:2px;
}

.holiday-modal__image{
  min-height:0;
  background:var(--brand);
  display:flex;
  align-items:center;
  justify-content:center;
}

.holiday-modal__image img{
  width:100%;
  height:100%;
  max-height:86vh;
  object-fit:cover;
  object-position:center;
  display:block;
}

.holiday-modal__content{
  padding:clamp(1.5rem,3.2vw,2.6rem);
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:.85rem;
  background:
    radial-gradient(circle at 100% 0%, rgba(141,155,140,.16), transparent 16rem),
    var(--paper);
}

.holiday-modal__content h2{
  margin:0;
  max-width:9ch;
  font-family:"futura-pt-condensed",sans-serif;
  font-size:clamp(3rem,5vw,5.3rem);
  line-height:.88;
  text-transform:uppercase;
  color:var(--wood);
}

.holiday-modal__content p{
  margin:0;
  max-width:31ch;
  font-size:calc(1.05rem + 2px) !important;
  line-height:1.34;
  color:rgba(47,34,26,.86);
}

.holiday-modal__content strong{
  font-weight:700;
}

.holiday-modal__button{
  align-self:flex-start;
  margin-top:.45rem;
}

@media (max-width:760px){
  .holiday-modal{
    padding:.7rem;
  }

  .holiday-modal__dialog{
    max-height:92vh;
    grid-template-columns:1fr;
    border-radius:24px;
  }

  .holiday-modal__image{
    max-height:46vh;
  }

  .holiday-modal__image img{
    max-height:46vh;
    object-fit:cover;
    object-position:center 48%;
  }

  .holiday-modal__content{
    padding:1.25rem 1.1rem 1.1rem;
  }

  .holiday-modal__content h2{
    max-width:12ch;
    font-size:clamp(2.5rem,12vw,4rem);
  }

  .holiday-modal__content p{
    max-width:none;
    font-size:1.06rem !important;
  }

  .holiday-modal__button{
    width:100%;
  }
}

@media (max-width:420px){
  .holiday-modal__image{
    max-height:40vh;
  }

  .holiday-modal__image img{
    max-height:40vh;
  }

  .holiday-modal__close{
    width:40px;
    height:40px;
    font-size:1.7rem;
  }
}