/* foodVet – Unterseiten (Impressum, Datenschutz, später AGB/Widerruf).
   Kopfzeile und Fußzeile wie auf der Startseite (Variante 13i), dazu ein ruhiger Textbereich. */
.kicker{font:600 13px var(--font-head);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.wrap{max-width:1680px;padding-left:clamp(20px,calc(4 * var(--vw)),64px);padding-right:clamp(20px,calc(4 * var(--vw)),64px)}
@media (min-width:901px){.wrap{max-width:1366px}}

/* Kopfzeile: Petrol-Logo links, Menü mit geraden Apricot-Strichen */
.site-header .nav{padding-block:10px}
.nav .wm{display:flex;align-items:center}
.nav .wm img{width:auto;height:64px}
.nav ul{background:transparent;padding:0;gap:clamp(22px,calc(3 * var(--vw)),40px);border-radius:0;font-size:15.5px}
.nav li{padding:0}
.nav li.on::after,.nav li:hover::after{display:none}
.nav li a{position:relative;display:block;padding:8px 2px 12px;color:var(--petrol);font-weight:600}
.nav li a::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;border-radius:2px;background:var(--accent);opacity:.9;transition:opacity .15s,transform .2s;transform-origin:left center}
.nav li a:hover::after,.nav li a:focus-visible::after{opacity:1;transform:scaleY(1.5)}
.nav .btn.sm{padding:10px 18px}
@media (max-width:900px){
  .nav .wm img{height:52px}
  .nav ul.open{background:var(--bg);border-radius:0;padding:14px var(--gutter);gap:16px}
  .nav ul.open li a{display:inline-block}
}

/* Textbereich */
.legal{padding-top:clamp(32px,calc(6 * var(--vh)),72px);padding-bottom:clamp(48px,calc(8 * var(--vh)),96px)}
.legal > *{max-width:760px}
.legal h1{font-size:clamp(32px,calc(4 * var(--vw)),48px);font-weight:800;letter-spacing:-.02em;margin:12px 0 24px}
.legal h2{font-size:clamp(19px,calc(1.6 * var(--vw)),22px);font-weight:700;margin:36px 0 10px}
.legal p{margin:0 0 12px}
.legal a{color:var(--petrol)}
.legal .ph-note{background:var(--accent-soft);color:var(--petrol);border-radius:16px;padding:14px 18px;font-size:15.5px}
.legal .luecke{background:var(--accent-soft);color:var(--petrol);border-radius:6px;padding:1px 6px;font-size:.95em}
.legal .back{margin-top:40px}

/* Fußzeile: Schriftzug links, alle Links in Apricot hell */
.foot13 .wrap{padding-block:26px}
.foot13 .fwm{height:30px;width:auto}
.foot13 nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px 26px;font:500 15px var(--font-head)}
.foot13 nav a{color:var(--accent-soft);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s}
.foot13 nav a:hover,.foot13 nav a[aria-current]{border-color:var(--accent-soft)}
.foot13 .sep{width:1px;height:18px;background:rgba(243,220,203,.35)}
@media (max-width:700px){.foot13 .sep{display:none}}