/* HicretYolu-Plattform · Grundlage für Website, Konsole, Portal.
   Aus V1 übernommen: Schriften S-7a/S-7c (Cormorant Garamond = Überschriften, Manrope = Text, Instrument Serif = Zahlen/Zeiten),
   Farben F-8 Papier und Tinte, Logo L-34 (Siegel per Ausschnitt). CSP: keine Inline-Styles → alles über Klassen. */

@font-face{font-family:'Cormorant Garamond';font-weight:500;font-display:swap;src:url(/fonts/cormorant-garamond-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Cormorant Garamond';font-weight:500;font-display:swap;src:url(/fonts/cormorant-garamond-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Cormorant Garamond';font-weight:500;font-style:italic;font-display:swap;src:url(/fonts/cormorant-garamond-latin-500-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Cormorant Garamond';font-weight:500;font-style:italic;font-display:swap;src:url(/fonts/cormorant-garamond-latin-ext-500-italic.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-weight:400;font-display:swap;src:url(/fonts/manrope-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-weight:400;font-display:swap;src:url(/fonts/manrope-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-weight:600;font-display:swap;src:url(/fonts/manrope-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-weight:600;font-display:swap;src:url(/fonts/manrope-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-weight:800;font-display:swap;src:url(/fonts/manrope-latin-800-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-weight:800;font-display:swap;src:url(/fonts/manrope-latin-ext-800-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Instrument Serif';font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Instrument Serif';font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Instrument Serif';font-weight:400;font-style:italic;font-display:swap;src:url(/fonts/instrument-serif-latin-400-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Instrument Serif';font-weight:400;font-style:italic;font-display:swap;src:url(/fonts/instrument-serif-latin-ext-400-italic.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --pa:#F6F2EA;--pa2:#FBF8F1;--st:#E4DCCB;--ru:#DAD2C2;--ink:#151A17;--soft:#4E4A40;--wg:#5A5447;
  --gr:#1B4332;--gd:#7A5C0C;--br:#B8954A;--ni:#0E1F18;--cr:#EDE6D6;--go:#C8A24A;--sg:#8FA197;--tbd:#8A3B12;--er:#9B2C1F;
  --f-d:'Cormorant Garamond',Georgia,serif;--f-t:'Manrope',system-ui,sans-serif;--f-a:'Instrument Serif',Georgia,serif;
  --ease:cubic-bezier(.2,.7,.1,1);
  --pad:clamp(16px,3.4vw,52px);
  --tx-grain:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .13 0'/></filter><rect width='220' height='220' filter='url(%23n)'/></svg>");
  --logo:url(/marke/siegel-160.webp);
}

*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--pa);color:var(--ink);font:400 16px/1.6 var(--f-t);-webkit-font-smoothing:antialiased;overflow-wrap:break-word}
img,svg{display:block;max-width:100%}
a{color:inherit}
:focus-visible{outline:3px solid var(--gr);outline-offset:3px}
h1,h2,h3,h4{text-wrap:balance}
p{text-wrap:pretty}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:100;padding:12px 16px;background:var(--ink);color:var(--pa);font:600 14px/1 var(--f-t);text-decoration:none}
.skip:focus{top:12px}
main:focus{outline:0}
.note{margin:0;font:400 12.5px/1.45 var(--f-t);color:var(--soft)}
.tbd-l{opacity:.55;text-decoration:none}

/* Logo L-34: rundes Siegel (public/marke/siegel-640.webp), Wortmarke als Schrift wie V1 L-20 */
.seal{display:block;flex:none;width:var(--lg,52px);height:var(--lg,52px);background:var(--logo) 50% 50%/contain no-repeat}
.lg{display:inline-flex;align-items:center;gap:12px;color:inherit;text-decoration:none}
.lg>span:last-child{font:500 16px/1 var(--f-d);letter-spacing:.2em;text-transform:uppercase;white-space:nowrap}

/* Knöpfe und Links */
.btn{display:inline-block;padding:15px 22px;border:0;background:var(--gr);color:var(--pa);font:600 15px/1 var(--f-t);text-decoration:none;cursor:pointer;border-radius:0}
.btn:hover{background:#143426}
.btn-quiet{padding:10px 14px;background:transparent;color:var(--ink);border:1px solid var(--ink)}
.btn-quiet:hover{background:var(--st)}
.btn-danger{background:var(--er)}
.ln-a,.lnk{display:inline-block;padding:4px 0;border:0;border-bottom:1px solid currentColor;background:none;color:inherit;font:600 14px/1.2 var(--f-t);text-decoration:none;cursor:pointer}

/* Formulare: Linien statt Kästen, große Ziele (≥44 px) */
.form{display:grid;gap:18px;max-width:520px}
.fld{display:grid;gap:6px}
.fld label{font:600 13px/1.3 var(--f-t);letter-spacing:.02em}
.fld label small{font-weight:400;color:var(--soft)}
.fld .hint{margin:0;font:400 13px/1.45 var(--f-t);color:var(--soft)}
.fld input,.fld select,.fld textarea{width:100%;min-height:46px;padding:11px 12px;border:1px solid #BDB4A2;border-bottom:2px solid var(--ink);border-radius:0;background:var(--pa2);color:var(--ink);font:400 16px/1.4 var(--f-t)}
.fld textarea{min-height:120px;resize:vertical}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:3px solid rgba(27,67,50,.35);outline-offset:0;border-bottom-color:var(--gr)}
.fld.has-err input,.fld.has-err select,.fld.has-err textarea{border-bottom-color:var(--er)}
.fld .err{margin:0;font:600 13px/1.4 var(--f-t);color:var(--er)}
.chk{grid-template-columns:24px minmax(0,1fr);align-items:start;column-gap:10px}
.chk input{width:22px;height:22px;margin:2px 0 0;accent-color:var(--gr)}
.chk label{font:400 14.5px/1.5 var(--f-t);letter-spacing:0}
.chk .err{grid-column:2}
.errsum{margin:0 0 18px;padding:12px 14px;border-left:3px solid var(--er);background:#F6E7E2;font:600 14px/1.5 var(--f-t);color:#5E1A12}
.errsum p{margin:0}
.errsum ul{margin:6px 0 0;padding-left:18px;font-weight:400}
.flash{margin:0 0 20px;padding:12px 14px;border-left:3px solid var(--gr);background:#E3EBE4;font:600 14px/1.5 var(--f-t)}

/* Tabellen (Konsole, Listen) */
.tbl{width:100%;border-collapse:collapse;font:400 14.5px/1.45 var(--f-t)}
.tbl th{padding:10px 10px 8px;border-bottom:1px solid var(--ink);font:600 11px/1.2 var(--f-t);letter-spacing:.14em;text-transform:uppercase;color:var(--wg);text-align:left}
.tbl td{padding:11px 10px;border-bottom:1px solid var(--ru);vertical-align:top}
.tbl .num{text-align:right;font-variant-numeric:tabular-nums}
.tbl-wrap{overflow-x:auto}

/* Fehlerseite */
.errp{min-height:100svh;background:var(--pa) var(--tx-grain) 0 0/220px 220px}
.er{max-width:680px;margin:0 auto;padding:clamp(40px,10vh,110px) var(--pad)}
.er .lg{--lg:56px;margin-bottom:clamp(36px,8vh,80px)}
.er-code{margin:0 0 12px;font:600 11px/1 var(--f-t);letter-spacing:.22em;text-transform:uppercase;color:var(--gd)}
.er-h{margin:0 0 18px;font:500 clamp(44px,7vw,84px)/.92 var(--f-d);letter-spacing:-.02em}
.er-p{margin:0 0 30px;max-width:46ch;font:400 17px/1.6 var(--f-t);color:#2E2C27}

@media print{.skip,.btn,.pn-side,.hd,.ft{display:none!important}body{background:#fff}}