/* aromaneo – Unterseiten (Gericht des Monats, Blog)
   Baut auf home-v2.css auf: Header, Banner, Footer, Buttons, Typo kommen
   von dort. Hier nur, was Unterseiten ohne Hero-Foto brauchen. */

/* ---------- Kopfzeile auf Unterseiten ---------- */
/* Auf Mobil liegt der Header der Startseite transparent über dem Hero-Foto.
   Unterseiten haben kein Foto dahinter: Header deckend, Inhalt darunter. */
@media (max-width:900px){
  body.subpage{padding-top:calc(var(--header-h,82px) + var(--banner-h,34px));}
  body.subpage header{background:rgba(240,230,210,.94);border-bottom-color:rgba(90,68,42,.1);}
}
body.subpage{background:var(--cream);}
body.subpage nav ul li a.is-active::after{width:100%;}
body.subpage nav ul li a.is-active{color:var(--dark-green);font-weight:500;}

/* ---------- Seitenkopf ---------- */
.page-hero{
  padding:84px 32px 64px;text-align:center;
  background:
    radial-gradient(circle at 15% 20%, rgba(90,68,42,.08), transparent 45%),
    radial-gradient(circle at 85% 80%, rgba(143,109,63,.12), transparent 45%),
    linear-gradient(180deg,var(--cream) 0%,#ece0c5 100%);
}
.page-hero h1{font-size:clamp(32px,5vw,48px);line-height:1.15;margin-bottom:18px;}
.page-hero p{max-width:600px;margin:0 auto;font-size:16.5px;color:#5c5c50;}
.subpage-section{padding:80px 32px;}
.subpage-section .container{padding:0;}
.subpage-section.alt{background:linear-gradient(180deg,var(--cream) 0%,#ece0c5 100%);}

/* =====================================================================
   Gericht des Monats
   ===================================================================== */
.gdm-hero{text-align:left;padding-top:72px;}
.gdm-hero-grid{display:grid;grid-template-columns:minmax(260px,380px) 1fr;gap:64px;align-items:center;max-width:1040px;margin:0 auto;}
.gdm .plate-wrap{
  background:var(--beige);border-radius:50%;aspect-ratio:1/1;width:100%;
  display:flex;align-items:center;justify-content:center;overflow:hidden;
  box-shadow:0 22px 48px rgba(90,68,42,.18), inset 0 0 0 12px rgba(226,210,172,.6);
}
.gdm .plate-wrap .dish-photo{width:88%;height:88%;object-fit:cover;border-radius:50%;}
.gdm .greek{display:block;font-family:'Playfair Display',serif;font-style:italic;color:var(--beige-deep);font-size:18px;margin-bottom:10px;}
.gdm-hero h1{text-align:left;}
.gdm-hero .tagline{margin:0;max-width:520px;text-align:left;}

.gdm .meta-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:32px;max-width:520px;}
.gdm .meta-item{background:rgba(255,255,255,.45);border:1px solid rgba(90,68,42,.14);border-radius:var(--radius);text-align:center;padding:16px 8px;}
.gdm .meta-item svg{width:24px;height:24px;margin:0 auto 8px;display:block;}
.gdm .meta-item .val{font-family:'Playfair Display',serif;font-size:17px;color:var(--dark-green);display:block;}
.gdm .meta-item .lbl{font-size:12px;color:#6f6a5c;letter-spacing:.06em;text-transform:uppercase;}

.gdm-intro{max-width:720px;margin:0 auto;text-align:center;}
.gdm-intro h2{font-size:clamp(26px,3.5vw,36px);margin-bottom:16px;}
.gdm-intro p{font-size:16.5px;color:#5c5c50;}

.gdm .herb-row{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;margin-top:40px;}
.gdm .herb-chip{
  width:180px;background:#fff;border:1px solid rgba(90,68,42,.12);border-radius:var(--radius);
  padding:22px 16px;text-align:center;transition:transform .25s ease, box-shadow .25s ease;
}
.gdm .herb-chip:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(90,68,42,.14);}
.gdm .herb-chip svg{width:38px;height:38px;margin:0 auto 12px;display:block;}
.gdm .herb-chip h3{font-size:17px;margin-bottom:6px;}
.gdm .herb-chip span{font-size:12.5px;color:var(--beige-darkest);letter-spacing:.06em;text-transform:uppercase;}

.gdm .recipe-columns{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;align-items:start;max-width:1040px;margin:0 auto;}
.gdm .recipe-card{background:#fff;border:1px solid rgba(90,68,42,.1);border-radius:var(--radius);padding:36px 36px 26px;box-shadow:0 14px 34px rgba(90,68,42,.08);}
.gdm .recipe-card h2{font-size:26px;margin-bottom:8px;}
.gdm .recipe-card .sub{display:block;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#6f6a5c;margin-bottom:10px;}
.gdm .ingredient-list{list-style:none;}
.gdm .ingredient-list li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(90,68,42,.1);font-size:16px;}
.gdm .ingredient-list li:last-child{border-bottom:none;}
.gdm .ingredient-list .dot{width:8px;height:8px;border-radius:50%;background:var(--beige-deep);flex:0 0 auto;}
.gdm .ingredient-list b{color:var(--dark-green);font-weight:600;}
.gdm .step-list{list-style:none;counter-reset:step;}
.gdm .step-list li{display:flex;gap:16px;padding:14px 0;border-bottom:1px solid rgba(90,68,42,.1);}
.gdm .step-list li:last-child{border-bottom:none;}
.gdm .step-list li::before{
  counter-increment:step;content:counter(step);flex:0 0 auto;width:32px;height:32px;border-radius:50%;
  background:var(--dark-green);color:var(--cream);font-family:'Playfair Display',serif;font-size:15px;
  display:flex;align-items:center;justify-content:center;
}
.gdm .step-list li p{font-size:16px;color:#3a382f;padding-top:4px;}

/* =====================================================================
   Blog
   ===================================================================== */
.blog-feed{max-width:760px;margin:0 auto;display:grid;gap:40px;}
.blog-post{background:#fff;border:1px solid rgba(90,68,42,.1);border-radius:var(--radius);padding:36px 40px;box-shadow:0 14px 34px rgba(90,68,42,.08);}
.blog-meta{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap;}
.blog-tag{background:var(--dark-green);color:var(--cream);font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border-radius:20px;font-weight:500;}
.blog-tag.tag-ernte{background:var(--beige-deep);}
.blog-tag.tag-messe{background:var(--beige-darkest);}
.blog-date{font-size:14px;color:#6f6a5c;}
.blog-post h2{font-size:clamp(24px,3vw,30px);margin-bottom:18px;}
.blog-post p{font-size:16.5px;color:#454338;margin-bottom:14px;line-height:1.7;}
.blog-post p:last-child{margin-bottom:0;}
.blog-image{
  width:100%;aspect-ratio:16/9;background:linear-gradient(135deg, rgba(226,210,172,.55), rgba(143,109,63,.16));
  border-radius:var(--radius);margin-bottom:22px;display:flex;align-items:center;justify-content:center;
  color:var(--beige-deep);font-size:14px;overflow:hidden;
}
.blog-image img{width:100%;height:100%;object-fit:cover;}

/* ---------- Mobil ---------- */
@media (max-width:900px){
  .page-hero{padding:48px 22px 44px;}
  /* Platz für den Warenkorb-Reiter rechts oben, damit er den Titel nicht verdeckt */
  body:has(.aromaneo-cart-mid) .page-hero:not(.gdm-hero){padding-top:100px;}
  .page-hero p{font-size:16px;}
  .subpage-section{padding:52px 20px;}
  .gdm-hero{text-align:center;padding-top:40px;}
  .gdm-hero-grid{grid-template-columns:1fr;gap:28px;}
  .gdm .plate-wrap{max-width:280px;margin:0 auto;}
  .gdm-hero h1,.gdm-hero .tagline{text-align:center;}
  .gdm-hero .tagline{margin:0 auto;}
  .gdm .meta-row{margin:26px auto 0;}
  .gdm .recipe-columns{grid-template-columns:1fr;gap:24px;}
  .gdm .recipe-card{padding:26px 22px 16px;}
  .gdm .herb-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:28px;}
  .gdm .herb-chip{width:auto;padding:18px 8px;}
  .gdm .herb-chip h3{font-size:16px;}
  .gdm .herb-chip span{font-size:11px;letter-spacing:.03em;}
  .blog-feed{gap:24px;}
  .blog-post{padding:26px 22px;}
}
@media (max-width:420px){
  .gdm .meta-row{gap:8px;}
  .gdm .meta-item{padding:12px 4px;}
  .gdm .meta-item .lbl{font-size:11px;letter-spacing:.03em;}
}

/* 02.10.2026 Blattpaar: aromaneo-Blätter dezent im Hintergrund der Unterseiten-Heros */
.page-hero{position:relative;overflow:hidden}
.page-hero>*{position:relative;z-index:1}
.page-hero::before,.page-hero::after,main.b2b::before,main.b2b::after{content:"";position:absolute;z-index:0;pointer-events:none;background:url("aromaneo_leaf_icon.png") center/contain no-repeat}
.page-hero::after{width:340px;height:340px;right:-60px;bottom:-90px;opacity:.07;transform:rotate(-18deg)}
.page-hero::before{width:150px;height:150px;left:6%;top:18%;opacity:.045;transform:rotate(24deg) scaleX(-1)}
main.b2b{position:relative;overflow:hidden}
main.b2b>*{position:relative;z-index:1}
main.b2b::after{width:320px;height:320px;right:-70px;top:-40px;opacity:.07;transform:rotate(-18deg)}
main.b2b::before{width:150px;height:150px;left:5%;top:60px;opacity:.045;transform:rotate(24deg) scaleX(-1)}
@media (max-width:760px){.page-hero::after{width:200px;height:200px;right:-50px;bottom:-60px}.page-hero::before,main.b2b::before{display:none}main.b2b::after{width:180px;height:180px;right:-60px;top:-20px}}

/* 02.10.2026 Menü-Links (z. B. Kontakt): Sprung ohne Scrollen */
html{scroll-behavior:auto!important}

/* 02.10.2026 Blog-Hero schmaler (wie Gericht des Monats kompakter) */
main.blog .page-hero{padding:56px 32px 44px!important}
main.blog .page-hero h1{margin-bottom:12px!important}
main.blog .page-hero p{max-width:640px!important;margin-left:auto!important;margin-right:auto!important}
@media (max-width:760px){main.blog .page-hero{padding:40px 22px 32px!important}}

/* 02.10.2026 Gericht-des-Monats-Kopf kompakter */
@media (min-width:901px){
html body .page-hero.gdm-hero{padding:48px 32px 40px!important}
html body .gdm-hero .plate-wrap{width:300px!important;height:300px!important;flex-basis:300px!important}
html body .gdm-hero .plate-wrap .dish-photo{width:262px!important;height:262px!important}
html body .gdm-hero .gdm-hero-grid{grid-template-columns:300px minmax(0,1fr)!important;align-items:center!important}
html body .gdm-hero .dish-hero-text .hero-eyebrow{margin-bottom:12px!important}
html body .gdm-hero .dish-hero-text h1{margin-bottom:12px!important}
html body .gdm-hero .meta-row{margin-top:20px!important}
html body .gdm-hero .meta-item{padding:11px 8px!important}
}

/* 02.10.2026 Gericht des Monats: gleicher Hintergrund wie Blog */
main.gdm .subpage-section.alt{background:none!important;background-color:transparent!important}

/* 02.10.2026 Alle Heros gleich hoch */
@media (min-width:901px){
html body .page-hero,html body main.blog .page-hero,html body .page-hero.gdm-hero,html body .page-hero.legal-hero{box-sizing:border-box!important;height:400px!important;min-height:400px!important;padding:24px 32px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:stretch!important}
html body .page-hero.gdm-hero .plate-wrap{width:280px!important;height:280px!important;flex-basis:280px!important}
html body .page-hero.gdm-hero .plate-wrap .dish-photo{width:246px!important;height:246px!important}
html body .page-hero.gdm-hero .gdm-hero-grid{grid-template-columns:280px minmax(0,1fr)!important}
html body .page-hero.gdm-hero .dish-hero-text .tagline{margin-bottom:0!important}
html body .page-hero.gdm-hero .meta-row{margin-top:16px!important}
html body .page-hero.gdm-hero .meta-item{padding:9px 8px!important}
}
@media (max-width:900px){
html body .page-hero:not(.gdm-hero){box-sizing:border-box!important;min-height:400px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
}
/* Ende Heros */

/* 02.10.2026 Gericht des Monats Handy: Teller als Ebene oben rechts, Kopf 400 px wie alle anderen */
@media (max-width:900px){
html body .page-hero.gdm-hero{box-sizing:border-box!important;height:400px!important;min-height:400px!important;padding:22px 18px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
html body .page-hero.gdm-hero .gdm-hero-grid{display:block!important;position:relative!important}
html body .page-hero.gdm-hero .plate-wrap{position:absolute!important;top:-4px!important;right:-4px!important;width:132px!important;height:132px!important;margin:0!important;z-index:3!important}
html body .page-hero.gdm-hero .plate-wrap .dish-photo{width:114px!important;height:114px!important}
html body .page-hero.gdm-hero .dish-hero-text{text-align:left!important}
html body .page-hero.gdm-hero .dish-hero-text .hero-eyebrow{font-size:10px!important;margin:0 140px 6px 0!important;text-align:left!important}
html body .page-hero.gdm-hero .dish-hero-text .greek{font-size:14px!important;margin:0 140px 4px 0!important;display:block!important;text-align:left!important}
html body .page-hero.gdm-hero .dish-hero-text h1{font-size:27px!important;line-height:1.15!important;margin:0 136px 10px 0!important;text-align:left!important}
html body .page-hero.gdm-hero .dish-hero-text .tagline{font-size:13.5px!important;line-height:1.5!important;margin:0!important;max-width:none!important;text-align:left!important}
html body .page-hero.gdm-hero .meta-row{margin-top:14px!important;gap:8px!important;max-width:none!important}
html body .page-hero.gdm-hero .meta-item{padding:8px 4px!important}
html body .page-hero.gdm-hero .meta-item svg{width:16px!important;height:16px!important}
html body .page-hero.gdm-hero .meta-item .val{font-size:14px!important}
html body .page-hero.gdm-hero .meta-item .lbl{font-size:9.5px!important}
}

/* KI-Bildhinweis */
.ai-note{display:block;margin:6px 0 0;font-size:11px;line-height:1.3;color:#8a8577;letter-spacing:.02em;font-style:normal}
.ai-note--overlay{position:absolute;right:8px;bottom:8px;margin:0;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.82);color:#5b574c;font-size:10px}

/* 03.10.2026 Newsletter: Text näher unter den Trenner */
html body .nl-band:not(.is-collapsed){padding-top:40px!important}
@media (max-width:700px){html body .nl-band:not(.is-collapsed){padding-top:36px!important}}

/* 04.10.2026 Produktvorschlag direkt unter den Zutaten (vor der Zubereitung), nur das Produkt aus dem Rezept */
.gdm .recipe-card .gdm-buy{display:grid;grid-template-columns:1fr;gap:16px;margin:28px 0 0;max-width:none}


/* Einheitliche Karten 08.10.2026: alle Inhaltskarten 24px Radius, cremefarben wie im Shop */
html body .blog-post,html body .recipe-card,html body .legal-card,html body .gdm-product{border-radius:24px!important;overflow:hidden}
html body .blog-post,html body .recipe-card{background:#fffdf7!important;border:1px solid rgba(90,68,42,.1)!important}
html body .gdm-product .btn{min-height:44px;font-size:14px!important;display:inline-flex;align-items:center;justify-content:center}

/* 14.10.2026 Gericht des Monats im Design der anderen Unterseiten:
   Kopf zentriert wie Blog/Rechtstexte (ohne Teller-Bild, bis ein echtes Foto da ist),
   Produktkarte als eigene Sektion "Im Rezept" im Shop-Kartenstil (Bild oben, creme, 24 px Radius, 44-px-Pillen-Button). */
.gdm-hero .gdm-hero-grid.gdm-hero-centered{display:block!important;max-width:820px;margin:0 auto;text-align:center}
.gdm-hero-centered .dish-hero-text{max-width:none!important;text-align:center!important;margin:0 auto}
.gdm-hero-centered .greek{display:block}
.gdm-hero-centered .tagline{max-width:640px;margin-left:auto!important;margin-right:auto!important}
.gdm-hero-centered .meta-row{justify-content:center!important;margin-left:auto;margin-right:auto}
.gdm-shop .gdm-shop-wrap{max-width:980px;margin:0 auto;text-align:center}
.gdm-shop .gdm-buy{display:flex!important;flex-wrap:wrap;justify-content:center;gap:24px;margin:26px auto 22px!important;padding:0!important;border:0!important;background:none!important}
.gdm-shop .gdm-product{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;width:300px;max-width:100%;margin:0!important;padding:0!important;background:#fbf7ee!important;border-radius:24px!important;overflow:hidden;box-shadow:0 14px 34px rgba(47,61,40,.12)!important;text-align:left}
.gdm-shop .gdm-product-img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:4/3;border-radius:0!important;overflow:hidden}
.gdm-shop .gdm-product-img img{display:block;width:100%!important;height:100%!important;object-fit:cover;border-radius:0!important}
.gdm-shop .gdm-product-body{padding:18px 20px 22px!important}
.gdm-shop .gdm-product-body h3{margin:10px 0 6px}
.gdm-shop .gdm-product-actions{display:flex;align-items:center;gap:16px;margin-top:14px}
.gdm-shop .gdm-product-actions .btn{min-height:44px!important;height:44px;padding:0 22px!important;border-radius:999px!important;display:inline-flex;align-items:center}
.gdm-shop .gdm-buy-intro,.gdm-shop .gdm-buy-hint{max-width:640px;margin-left:auto!important;margin-right:auto!important;text-align:center}
.gdm-hero-centered .dish-hero-text,.gdm-hero-centered .dish-hero-text h1,.gdm-hero-centered .dish-hero-text p{text-align:center!important}
.gdm-hero-centered .dish-hero-text h1{margin-left:auto!important;margin-right:auto!important}
.gdm-hero-centered .meta-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,150px))!important;justify-content:center!important;gap:12px!important;width:auto!important}
.gdm-shop .gdm-shop-wrap > h2{font-size:clamp(28px,3vw,36px)!important;margin:8px 0 14px}
html body .page-hero.gdm-hero .gdm-hero-centered .dish-hero-text > *,html body .page-hero.gdm-hero .gdm-hero-centered .dish-hero-text h1{text-align:center!important;margin-left:auto!important;margin-right:auto!important}