/*
 * Changelog 2026-08-16, Update 09:14
 * - Küchenübersicht auf drei Cards pro Reihe bei großen Desktopbreiten umgestellt.
 * - Küchen-Card-Geometrie an die Saisonübersicht angelehnt: 310px Mindesthöhe und Text/Bild-Split.
 * - Bis zu drei Vorschaubilder aus den zugeordneten Lebensmitteln überlagert, gedreht und mit Schatten dargestellt.
 * - Responsive Raster: Desktop 3, mittlere Breite 2, Mobil 1 Card pro Reihe.
 * - Küchen-Cards bleiben neutral ohne Länder- oder Küchen-Einfärbung.
 *
 * Changelog 2026-08-16, Update 09:09
 * - Ratgeberbereich auf Küchenübersicht und Küchen-Detailseiten an das Layout der Saisonübersicht angeglichen.
 * - Ratgebercontainer, Titelzeile, Buch-Icon, Alle-anzeigen-Button, Karten, Bilder, Texte und CTA entsprechend angepasst.
 * - FAQ auf der Küchenübersicht mit Abständen und Rundungen wie auf der Saisonübersicht dargestellt.
 * - SEO-Textlinks ohne Unterstreichung dargestellt.
 *
 * Changelog 2026-08-16, Update 09:05
 * - Beschreibung unter der H1 nutzt die volle verfügbare Inhaltsbreite statt eines festen 1050-Pixel-Limits.
 * - Nicht mehr verwendete Stilregel für die entfernte alleinstehende SEO-Linkleiste entfernt.
 * - Textlinks innerhalb der SEO-Informationscard dezent hervorgehoben.
 *
 * Changelog 2026-08-16, Update 08:50
 * - Erweiterte Informationssektion der Küchenübersicht mit lesbaren Absatzabständen ergänzt.
 * - FAQ-Bereich der Küchenübersicht im Dark-Mode-Aufbau der Saisonübersicht ergänzt.
 * - Bestehende 1x4-Ratgeber- und Promo-Styles werden nun auch auf /kueche verwendet.
 *
 * Changelog 2026-08-16, Update 08:40
 * - Eigenen 1x4-Ratgeberbereich für Küchen-Detailseiten ergänzt.
 * - Ratgeberkarten responsiv auf 2 Spalten und mobil 1 Spalte umgestellt.
 * - Abstand für die breite geteilte ShakeIT/App-Promo ergänzt.
 *
 * Changelog 2026-08-16, Update 08:28
 * - Küchen-Detail-Hero auf eine Spalte und damit volle Breite umgestellt.
 * - Nicht mehr verwendete Statistik- und Intro-Card-Regeln entfernt.
 * - Filter-Buttons bleiben direkt unter der Suche im Hero-Bereich und entsprechen dem Saison-Bedienmuster.
 *
 * Changelog 2026-08-16, Update 08:17
 * - Korrektur der Akzentlogik: Küchen-Cards und Seitenrahmen bleiben vollständig neutral.
 * - Nur die äußeren Food-Card-Rahmen übernehmen die Farbe der jeweiligen normalen Lebensmittelkategorie.
 * - Hover verstärkt ausschließlich den bereits kategoriespezifischen Food-Card-Rahmen.
 *
 * Changelog 2026-08-16, Update 08:09
 * - Neutrales Dark-Mode-Design für Küchenübersicht und Küchen-Detailseiten angelegt.
 * - Keine länderspezifisch eingefärbten Flächen oder Seitenhintergründe. Akzentfarbe wirkt nur auf Rahmen, Linien und Textakzente.
 * - Farbwerte entsprechen exakt der bestehenden Palette der normalen AFG-Lebensmittelkategorien.
 */
.afg-cuisine-overview,.afg-cuisine-page{--cuisine-color:#78a7ff;--cuisine-rgb:120,167,255;--cuisine-border:rgba(148,163,184,.20);--cuisine-muted:#9aabc0;color:#f3f7fc;padding:1rem 0 2rem}
.afg-cuisine-overview *, .afg-cuisine-page *{box-sizing:border-box}
.afg-cuisine-overview a,.afg-cuisine-page a{text-decoration:none}
.afg-cuisine-heading{margin-bottom:1rem} .afg-cuisine-heading h1{margin:.2rem 0 .35rem;color:#fff;font-size:clamp(2rem,4vw,3.1rem);line-height:1.08;letter-spacing:-.035em} .afg-cuisine-heading p{width:100%;max-width:none;margin:0;color:var(--cuisine-muted);line-height:1.58}
.afg-cuisine-kicker{display:inline-flex;align-items:center;gap:.35rem;color:var(--cuisine-color);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.afg-cuisine-section,.afg-cuisine-shell,.afg-cuisine-info{border:1px solid var(--cuisine-border);border-radius:14px;background:rgba(10,23,39,.94)}
.afg-cuisine-section{padding:1rem;margin-bottom:.9rem}
.afg-cuisine-section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.8rem} .afg-cuisine-section-head h2{margin:0 0 .2rem;color:#fff;font-size:1.2rem} .afg-cuisine-section-head p{margin:0;color:var(--cuisine-muted);font-size:.82rem} .afg-cuisine-section-head>a{color:var(--cuisine-color);font-size:.8rem}
.afg-cuisine-search{position:relative;display:block;min-width:min(330px,100%)} .afg-cuisine-search i{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:#91a9c3} .afg-cuisine-search input{width:100%;min-height:42px;padding:.6rem .8rem .6rem 2.45rem;border:1px solid var(--cuisine-border);border-radius:9px;color:#fff;background:#071424;outline:0} .afg-cuisine-search input:focus{border-color:var(--cuisine-color);box-shadow:0 0 0 3px rgba(var(--cuisine-rgb),.08)}
.afg-cuisine-card-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:.8rem;
}
.afg-cuisine-card{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1.18fr) minmax(145px,.82fr);
    min-height:310px;
    overflow:hidden;
    border:1px solid var(--cuisine-border);
    border-radius:14px;
    background:rgba(10,23,39,.96);
    transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.afg-cuisine-card:hover{
    border-color:rgba(148,163,184,.48);
    box-shadow:0 14px 34px rgba(0,0,0,.22);
    transform:translateY(-3px);
}
.afg-cuisine-card.is-hidden{display:none}
.afg-cuisine-card__copy{
    display:flex;
    min-width:0;
    padding:1rem;
    flex-direction:column;
}
.afg-cuisine-card__title{
    display:grid;
    grid-template-columns:52px minmax(0,1fr);
    gap:.7rem;
    align-items:center;
}
.afg-cuisine-flag{
    display:grid;
    width:50px;
    height:50px;
    place-items:center;
    border:1px solid var(--cuisine-border);
    border-radius:50%;
    background:#0d1d31;
    font-size:1.55rem;
}
.afg-cuisine-card__title small{
    display:block;
    margin-bottom:.12rem;
    color:var(--cuisine-color);
    font-size:.66rem;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.07em;
}
.afg-cuisine-card__title h3{
    margin:0;
    font-size:1.35rem;
    line-height:1.15;
}
.afg-cuisine-card__title h3 a{color:#fff}
.afg-cuisine-card__copy>p{
    margin:.8rem 0;
    color:#b7c6d8;
    font-size:.86rem;
    line-height:1.58;
}
.afg-cuisine-card__meta{
    display:flex;
    flex-direction:column;
    gap:.38rem;
    margin-bottom:.8rem;
    color:var(--cuisine-muted);
    font-size:.72rem;
}
.afg-cuisine-card__meta span{
    display:inline-flex;
    align-items:center;
    gap:.35rem;
}
.afg-cuisine-card__meta i{color:var(--cuisine-color)}
.afg-cuisine-outline-button{
    display:inline-flex;
    width:100%;
    min-height:40px;
    margin-top:auto;
    padding:.58rem .72rem;
    align-items:center;
    justify-content:center;
    gap:.42rem;
    border:1px solid rgba(var(--cuisine-rgb),.56);
    border-radius:8px;
    color:#fff;
    background:rgba(var(--cuisine-rgb),.08);
    font-size:.78rem;
    font-weight:800;
}
.afg-cuisine-outline-button:hover{
    color:#fff;
    border-color:rgba(var(--cuisine-rgb),.8);
    background:rgba(var(--cuisine-rgb),.15);
}
.afg-cuisine-card__visual{
    position:relative;
    display:block;
    min-width:0;
    overflow:hidden;
    background:rgba(var(--cuisine-rgb),.04);
}
.afg-cuisine-card__visual::after{
    position:absolute;
    inset:0;
    content:'';
    background:rgba(7,17,30,.10);
    pointer-events:none;
}
.afg-cuisine-card__images{
    position:absolute;
    inset:0;
}
.afg-cuisine-card__images img{
    position:absolute;
    width:72%;
    height:58%;
    object-fit:cover;
    border:3px solid rgba(255,255,255,.10);
    border-radius:13px;
    box-shadow:0 10px 28px rgba(0,0,0,.34);
    transition:transform .2s ease;
}
.afg-cuisine-card__images .is-image-1{
    z-index:3;
    top:19%;
    right:9%;
    transform:rotate(1deg);
}
.afg-cuisine-card__images .is-image-2{
    z-index:2;
    top:5%;
    right:20%;
    transform:rotate(-6deg) scale(.88);
}
.afg-cuisine-card__images .is-image-3{
    z-index:1;
    right:18%;
    bottom:2%;
    transform:rotate(7deg) scale(.86);
}
.afg-cuisine-card:hover .afg-cuisine-card__images .is-image-1{
    transform:rotate(0) scale(1.025);
}
.afg-cuisine-card__fallback{
    position:absolute;
    inset:0;
    display:grid;
    place-items:center;
    color:var(--cuisine-color);
    background:rgba(var(--cuisine-rgb),.06);
    font-size:4rem;
}
.afg-cuisine-empty{display:none;padding:2rem;text-align:center;color:var(--cuisine-muted);border:1px solid var(--cuisine-border);border-radius:12px;background:rgba(10,23,39,.92)} .afg-cuisine-empty.is-visible{display:block} .afg-cuisine-empty>span{font-size:2rem} .afg-cuisine-empty h1,.afg-cuisine-empty h2{color:#fff} .afg-cuisine-empty a{color:var(--cuisine-color)}
.afg-cuisine-info{display:grid;grid-template-columns:54px minmax(0,1fr);gap:.8rem;padding:1rem} .afg-cuisine-info>span{font-size:2rem} .afg-cuisine-info h2{margin:0 0 .35rem;color:#fff;font-size:1.1rem} .afg-cuisine-info p{margin:0;color:var(--cuisine-muted);line-height:1.55} .afg-cuisine-info p a{color:#9ecbff;text-decoration:none}.afg-cuisine-info p a:hover{color:#fff;text-decoration:none}
.afg-cuisine-hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:.8rem;margin-bottom:.9rem} .afg-cuisine-hero-main{display:grid;grid-template-columns:110px minmax(0,1fr);gap:1rem;padding:1rem;border-color:var(--cuisine-border)} .afg-cuisine-hero-flag{display:flex;width:96px;height:96px;align-items:center;justify-content:center;border:1px solid var(--cuisine-border);border-radius:50%;background:#0d1d31;font-size:3.4rem} .afg-cuisine-hero-main h2{margin:0 0 .25rem;color:#fff;font-size:1.35rem} .afg-cuisine-hero-main p{margin:0 0 .7rem;color:var(--cuisine-muted);font-size:.86rem}
.afg-cuisine-filter-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.55rem} .afg-cuisine-filter{min-height:36px;padding:.4rem .65rem;border:1px solid var(--cuisine-border);border-radius:8px;color:#dce9f8;background:#0b1c30;font-size:.75rem;cursor:pointer} .afg-cuisine-filter:hover,.afg-cuisine-filter.is-active{border-color:var(--cuisine-color);color:#fff} .afg-cuisine-filter.is-active{box-shadow:inset 0 -2px 0 var(--cuisine-color)}
.afg-cuisine-featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem} .afg-cuisine-food-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:.65rem}
.afg-cuisine-food-card{--food-card-color:#78a7ff;--food-card-rgb:120,167,255;overflow:hidden;border:1px solid rgba(var(--food-card-rgb),.62);border-radius:10px;background:rgba(10,23,39,.90);content-visibility:auto;contain-intrinsic-size:260px;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease} .afg-cuisine-food-card:hover{border-color:var(--food-card-color);box-shadow:0 0 0 1px rgba(var(--food-card-rgb),.14);transform:translateY(-2px)} .afg-cuisine-food-card.is-hidden{display:none} .afg-cuisine-food-card__image{display:block;aspect-ratio:1.35/1;overflow:hidden;background:#13243a} .afg-cuisine-food-card__image img{width:100%;height:100%;object-fit:cover} .afg-cuisine-food-card__body{padding:.58rem} .afg-cuisine-food-card__title{display:block;min-height:2.35em;margin-bottom:.4rem;color:#fff;font-size:.9rem;font-weight:800;line-height:1.2} .afg-cuisine-food-card__title:hover{color:var(--cuisine-color)} .afg-cuisine-food-card__pill{display:inline-flex;max-width:100%;margin-bottom:.42rem;padding:.18rem .35rem;border:1px solid rgba(var(--cuisine-rgb),.70);border-radius:6px;color:var(--cuisine-color);background:transparent;font-size:.57rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .afg-cuisine-food-card__meta{display:flex;gap:.35rem;color:var(--cuisine-muted);font-size:.63rem} .afg-cuisine-food-card__meta span+span::before{content:'·';margin-right:.35rem}
.afg-cuisine-related{padding:1rem;border-color:var(--cuisine-border)} .afg-cuisine-related h2{margin:0 0 .7rem;color:#fff;font-size:1.1rem} .afg-cuisine-related>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem} .afg-cuisine-related a{display:grid;grid-template-columns:36px minmax(0,1fr);padding:.6rem;border:1px solid var(--cuisine-border);border-radius:8px;color:#fff} .afg-cuisine-related a:hover{border-color:var(--cuisine-color)} .afg-cuisine-related a>span{grid-row:1/3;font-size:1.35rem} .afg-cuisine-related small{display:block;color:var(--cuisine-muted);font-size:.65rem}
@media(max-width:1199.98px){.afg-cuisine-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:991.98px){.afg-cuisine-food-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.afg-cuisine-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.afg-cuisine-hero-grid{grid-template-columns:1fr}}
@media(max-width:767.98px){.afg-cuisine-card-grid{grid-template-columns:1fr}.afg-cuisine-section-head{align-items:stretch;flex-direction:column}.afg-cuisine-search{min-width:0;width:100%}.afg-cuisine-card{grid-template-columns:minmax(0,1.15fr) minmax(130px,.85fr);min-height:290px}.afg-cuisine-hero-main{grid-template-columns:1fr}.afg-cuisine-hero-flag{width:76px;height:76px;font-size:2.7rem}.afg-cuisine-food-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.afg-cuisine-related>div{grid-template-columns:1fr 1fr}}
@media(max-width:479.98px){.afg-cuisine-card{grid-template-columns:1fr}.afg-cuisine-card__visual{min-height:210px}.afg-cuisine-food-grid,.afg-cuisine-featured-grid,.afg-cuisine-related>div{grid-template-columns:1fr}}


/* Küchen-Ratgeber und geteilte Promo */
.afg-cuisine-guides{
    --cuisine-guide-color:#9ec5ff;
    --cuisine-guide-rgb:158,197,255;
    margin:1rem 0;
    padding:1rem;
    border:1px solid var(--cuisine-border);
    border-radius:14px;
    background:rgba(14,28,47,.97);
}
.afg-cuisine-guides__head{
    display:flex;
    justify-content:space-between;
    gap:1rem;
    align-items:center;
    margin-bottom:.9rem;
}
.afg-cuisine-guides__title{
    display:inline-flex;
    min-width:0;
    gap:.65rem;
    align-items:center;
}
.afg-cuisine-guides__title-icon{
    display:inline-grid;
    width:36px;
    height:36px;
    flex:0 0 36px;
    place-items:center;
    border-radius:50%;
    color:var(--cuisine-guide-color);
    background:rgba(var(--cuisine-guide-rgb),.13);
}
.afg-cuisine-guides__title h2{
    margin:0;
    color:#fff;
    font-size:clamp(1.2rem,2.2vw,1.55rem);
    line-height:1.25;
}
.afg-cuisine-guides__all{
    display:inline-flex;
    min-height:40px;
    flex:0 0 auto;
    align-items:center;
    justify-content:center;
    gap:.42rem;
    padding:.58rem .78rem;
    border:1px solid rgba(var(--cuisine-guide-rgb),.48);
    border-radius:8px;
    color:#cfe2ff;
    background:rgba(11,28,48,.72);
    font-size:.8rem;
    font-weight:700;
    text-decoration:none;
    transition:border-color .15s ease,color .15s ease,transform .15s ease;
}
.afg-cuisine-guides__all:hover{
    color:#fff;
    border-color:var(--cuisine-guide-color);
    transform:translateY(-1px);
}
.afg-cuisine-guides__grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:.75rem;
    align-items:stretch;
}
.afg-cuisine-guide-card{
    display:flex;
    min-width:0;
    height:100%;
    overflow:hidden;
    flex-direction:column;
    border:1px solid rgba(148,163,184,.18);
    border-radius:10px;
    background:rgba(12,27,45,.9);
    transition:border-color .15s ease,transform .15s ease;
}
.afg-cuisine-guide-card:hover{
    border-color:var(--cuisine-guide-color);
    transform:translateY(-2px);
}
.afg-cuisine-guide-card__image{
    display:block;
    aspect-ratio:1.65/1;
    overflow:hidden;
    background:#13243a;
}
.afg-cuisine-guide-card__image picture{
    display:block;
    width:100%;
    height:100%;
}
.afg-cuisine-guide-card__image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .2s ease;
}
.afg-cuisine-guide-card:hover .afg-cuisine-guide-card__image img{
    transform:scale(1.035);
}
.afg-cuisine-guide-card__fallback{
    display:grid;
    width:100%;
    height:100%;
    place-items:center;
    color:var(--cuisine-guide-color);
    background:rgba(var(--cuisine-guide-rgb),.1);
    font-size:2rem;
}
.afg-cuisine-guide-card__body{
    display:flex;
    flex:1 1 auto;
    padding:.82rem;
    flex-direction:column;
}
.afg-cuisine-guide-card__body h3{
    margin:0 0 .45rem;
    font-size:1rem;
    line-height:1.3;
}
.afg-cuisine-guide-card__body h3 a{
    color:#fff;
    text-decoration:none;
}
.afg-cuisine-guide-card__body h3 a:hover{
    color:#cfe2ff;
}
.afg-cuisine-guide-card__body p{
    display:-webkit-box;
    margin:0;
    overflow:hidden;
    color:var(--cuisine-muted);
    font-size:.84rem;
    line-height:1.55;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
}
.afg-cuisine-guide-card__action{
    display:inline-flex;
    gap:.4rem;
    align-items:center;
    margin-top:auto;
    padding-top:.7rem;
    color:#9ec5ff;
    font-size:.82rem;
    font-weight:700;
    text-decoration:none;
}
.afg-cuisine-guide-card__action:hover{
    color:#fff;
}
.afg-cuisine-promo{margin-bottom:.9rem}
@media(max-width:1050px){
    .afg-cuisine-guides__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
    .afg-cuisine-guides__head{align-items:stretch;flex-direction:column}
    .afg-cuisine-guides__all{width:100%}
    .afg-cuisine-guides__grid{grid-template-columns:1fr}
}


/* Küchenübersicht: erweiterter Infotext und FAQ */
.afg-cuisine-info--expanded p+p{margin-top:.65rem}
.afg-cuisine-faq{
    --home-border:var(--cuisine-border);
    --home-muted:var(--cuisine-muted);
    margin:.9rem 0 .4rem;
}
.afg-cuisine-faq h2{
    display:flex;
    align-items:center;
    gap:.45rem;
    margin:0 0 .75rem;
    color:#fff;
    font-size:1.36rem;
}
.afg-cuisine-faq h2 i{color:#fff}
.afg-cuisine-faq .accordion{
    display:grid;
    gap:.5rem;
}
.afg-cuisine-faq .accordion-item{
    overflow:hidden;
    margin:0;
    border:1px solid var(--cuisine-border);
    border-radius:8px;
    background:rgba(10,23,39,.85);
}
.afg-cuisine-faq .accordion-button{
    min-height:52px;
    padding:.9rem 1.15rem;
    color:#eaf2fc;
    background:rgba(13,29,49,.95);
    font-size:.98rem;
}
.afg-cuisine-faq .accordion-button:not(.collapsed){
    color:#fff;
    background:rgba(24,51,84,.95);
    box-shadow:none;
}
.afg-cuisine-faq .accordion-button:focus{
    border-color:rgba(var(--cuisine-rgb),.6);
    box-shadow:0 0 0 3px rgba(var(--cuisine-rgb),.08);
}
.afg-cuisine-faq .accordion-body{
    padding:.95rem 1.15rem;
    color:#c8d5e5;
    background:rgba(8,19,33,.96);
    font-size:.92rem;
    line-height:1.65;
}
.afg-cuisine-faq .accordion-body a{color:#9ecbff;text-decoration:none}
.afg-cuisine-faq .accordion-body a:hover{color:#fff;text-decoration:none}
