/* Seite „Unser Qualitätsversprechen“ (6568) – Gestaltung wie die Speisekarten-Seite (lagazo-menu-web). */
@font-face{font-family:'Reenie Beanie';src:url('../lagazo-menu-web/assets/reenie-beanie.woff2') format('woff2');font-display:swap}

#site-content .qv-page{--qv-red:#aa2018;--qv-ink:#302d29;--qv-cream:#f7f3e7;--qv-muted:#706b62;--qv-line:#ddd3c3;--qv-serif:Prata,Georgia,serif;--qv-hand:'Reenie Beanie',cursive;width:min(1200px,calc(100% - 96px));margin:0 auto;padding:48px 0 104px;color:var(--qv-ink)}
#site-content .qv-page :where(h1,h2,p,figure,.wp-block-group,.wp-block-buttons){margin:0}
/* Das klassische Theme legt um jeden Gruppen-Inhalt einen Innen-Container – fürs Raster unsichtbar machen */
#site-content .qv-page .wp-block-group__inner-container{display:contents}
#site-content .qv-page p{color:var(--qv-ink);font-size:1.125rem;line-height:1.6}

/* Überzeile mit Strich, wie „Gut essen beim Zehner“ */
#site-content .qv-page .qv-eyebrow{display:flex;align-items:center;gap:10px;font:600 11px/1.4 Outfit,Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--qv-red)}
#site-content .qv-page .qv-eyebrow::before{content:'';width:24px;height:1px;background:currentColor}

/* Kopf */
#site-content .qv-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;margin-bottom:120px}
#site-content .qv-hero h1{font:46px/1.25 var(--qv-serif);letter-spacing:-1px;color:var(--qv-ink);margin:16px 0 20px}
#site-content .qv-hero h1 em{font:inherit;color:var(--qv-red)}
#site-content .qv-page .qv-lead{font-size:1.3rem;line-height:1.5;margin-bottom:14px}
#site-content .qv-hero-copy p:not(.qv-eyebrow):not(.qv-lead):not(.qv-textlink){color:var(--qv-muted);max-width:480px}
#site-content .qv-page .qv-textlink{margin-top:28px;font:600 14px/1.4 Outfit,Arial,sans-serif}
#site-content .qv-textlink a{display:inline-flex;gap:24px;align-items:center;color:var(--qv-ink);text-decoration:none}
#site-content .qv-textlink a span{color:var(--qv-red);transition:transform .3s}
#site-content .qv-textlink a:hover span{transform:translateY(5px)}

/* Foto mit Klebestreifen und handgeschriebener Notiz (Bildunterschrift) */
#site-content .qv-page .qv-photo{position:relative;transform:rotate(1deg);box-shadow:0 18px 38px -26px #42351e99;transition:transform .65s cubic-bezier(.2,.8,.2,1)}
#site-content .qv-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
#site-content .qv-photo::before{content:'';position:absolute;top:-11px;left:32px;width:78px;height:25px;background:#e6d8b9cb;transform:rotate(-7deg);z-index:1;box-shadow:0 1px 2px #6e573111;pointer-events:none}
#site-content .qv-photo figcaption{position:absolute;right:20px;bottom:-16px;margin:0;padding:7px 22px;background:var(--qv-cream);color:var(--qv-ink);font:28px/1.15 var(--qv-hand);text-align:left;transform:rotate(-4deg);box-shadow:1px 4px 8px #3428160c}
#site-content .qv-row--reverse .qv-photo{transform:rotate(-1deg)}
#site-content .qv-row--reverse .qv-photo::before{left:auto;right:32px;transform:rotate(6deg)}
#site-content .qv-row--reverse .qv-photo figcaption{right:auto;left:20px;transform:rotate(3deg)}

/* Beispiel-Zeilen: Foto + Text, abwechselnd links/rechts */
#site-content .qv-rows{scroll-margin-top:150px}
#site-content .qv-text p + p{margin-top:14px}
#site-content .qv-row{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-bottom:128px}
#site-content .qv-row--reverse .qv-photo{order:2}
#site-content .qv-page h2{position:relative;display:inline-block;font:36px/1.25 var(--qv-serif);letter-spacing:-.7px;color:var(--qv-ink);margin:0 0 26px}
#site-content .qv-page h2::after{content:'';position:absolute;left:0;right:0;bottom:-12px;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 12' preserveAspectRatio='none'%3E%3Cpath d='M3 8C75 2 176 1 276 6' fill='none' stroke='%23aa2018' stroke-opacity='.3' stroke-width='2' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center/100% 100% no-repeat;pointer-events:none}
#site-content .qv-page .wp-block-buttons{margin-top:30px}

/* Symbole, wie sie die Speisekarte bei den Gerichten zeigt (Mediathek, Feld „Custom Label Icon“ der Produkte) */
#site-content .qv-page .qv-badge{display:flex;align-items:center;gap:14px;margin-bottom:20px;font:600 11px/1.3 Outfit,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--qv-red)}
#site-content .qv-badge::before{content:'';flex:0 0 64px;height:64px;background:center/contain no-repeat;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
#site-content .qv-badge--z::before{background-image:url('../../uploads/2026/05/z_quad-500x500.png')}
#site-content .qv-badge--n::before{background-image:url('../../uploads/2026/05/nachhaltigkeit_quad-500x500.png')}
#site-content .qv-badge--haus::before{background-image:url('hausgemacht.svg')}
/* Frankenrechen als Aufkleber auf dem Titelfoto („Fränkisch genießen“) */
#site-content .qv-hero .qv-photo::after{content:'';position:absolute;top:-30px;right:-26px;width:96px;height:96px;background:url('../../uploads/2026/05/fraenkisch_quad-500x500.png') center/contain no-repeat;transform:rotate(10deg);filter:drop-shadow(0 6px 10px #3428162b);z-index:2;pointer-events:none}

/* Gut zu wissen: Karte wie „Saisonal dazu“, Notiz mit TIPP-Stempel */
#site-content .qv-tipp{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:center;padding:56px 60px;background:var(--qv-cream);border:1px solid var(--qv-line);border-top:5px solid var(--qv-red);border-radius:16px;box-shadow:0 6px 18px -14px #302d2950}
#site-content .qv-tipp .qv-eyebrow{margin-bottom:14px}
#site-content .qv-note{position:relative;padding:40px 34px 34px;background:#fffdf8;border-radius:4px;transform:rotate(-1.5deg);box-shadow:0 14px 30px -22px #46321c80}
#site-content .qv-note::before{content:'';position:absolute;top:-28px;right:-16px;width:118px;height:64px;background:url('../../uploads/2026/05/user-symbol-tipp-button.png') center/contain no-repeat;transform:rotate(7deg)}
#site-content .qv-note p + p{margin-top:12px}
#site-content .qv-note strong{font-weight:600}

@media(hover:hover) and (prefers-reduced-motion:no-preference){
#site-content .qv-photo:hover{transform:rotate(0)}
#site-content .qv-row:hover .qv-badge::before{transform:rotate(-8deg)}
}
@media(max-width:1100px){
#site-content .qv-hero h1{font-size:40px}
#site-content .qv-row{gap:56px}
#site-content .qv-tipp{padding:48px 40px}
}
@media(max-width:860px){
#site-content .qv-page{width:calc(100% - 40px);padding:28px 0 80px}
#site-content .qv-hero,#site-content .qv-row,#site-content .qv-tipp{grid-template-columns:1fr;gap:40px}
#site-content .qv-hero{margin-bottom:88px}
#site-content .qv-hero h1{font-size:34px}
#site-content .qv-row{margin-bottom:88px}
#site-content .qv-row .qv-photo{order:2}
#site-content .qv-page h2{font-size:29px}
#site-content .qv-tipp{padding:40px 24px 36px}
#site-content .qv-note{margin-top:12px;transform:rotate(-1deg)}
#site-content .qv-note::before{right:-6px;width:100px;height:54px}
#site-content .qv-hero .qv-photo::after{top:-24px;right:-6px;width:76px;height:76px}
#site-content .qv-photo figcaption{font-size:24px;padding:6px 15px}
}
@media(prefers-reduced-motion:reduce){
#site-content .qv-page *,#site-content .qv-page *::before{transition:none!important}
}