/* KI-Orientierung · Umbau 07.10.2026 abends nach GPT-Entwurf vom 07.10. (1:1 übernommen)
   Alles unter .ki-page gekapselt; gilt nur auf ki-orientierung.html.
   Vorfassung (Vorlage vom 24.09.): _backups/2026-10-07_vor-gpt-entwurf/
   Schriften lokal: DM Sans, Libre Caslon Display (SIL OFL 1.1, Lizenztexte in fonts/) */
@font-face{font-family:'DM Sans';src:url(fonts/DMSans.ttf) format('truetype');font-weight:100 1000;font-style:normal;font-display:swap}
@font-face{font-family:'Libre Caslon Display';src:url(fonts/LibreCaslonDisplay-latin-400.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap;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:'Libre Caslon Display';src:url(fonts/LibreCaslonDisplay-latin-ext-400.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap;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{color-scheme:light}
/* Grundgröße wächst mit der Bildschirmbreite (08.10.2026, Uwe: "Seite größer") */
html{font-size:100%}
@media (min-width:1300px){html{font-size:106.25%}}
@media (min-width:1500px){html{font-size:118.75%}}
@media (min-width:1750px){html{font-size:137.5%}}
body{margin:0}
.ki-page{--jr-paper:#f5f0e8;--jr-ink:#29271f;--jr-sub:#625e54;--jr-line:#d8cdbd;--jr-rust:#a84934;--jr-rust-hover:#8e3c2a;--jr-dark:#11221b;--jr-serif:'Libre Caslon Display',Georgia,serif;--jr-sans:'DM Sans',Arial,sans-serif;
  font-family:var(--jr-sans);font-size:1rem;line-height:1.625;background:var(--jr-paper);color:var(--jr-ink);-webkit-font-smoothing:antialiased}
.ki-page *,.ki-page *::before,.ki-page *::after{box-sizing:border-box}
.ki-page h1,.ki-page h2,.ki-page h3,.ki-page p,.ki-page figure,.ki-page dl,.ki-page dd{margin:0}
.ki-page main h1,.ki-page main h2,.ki-page main h3{font-family:var(--jr-serif);font-weight:400;letter-spacing:-.035em;line-height:1.05;color:inherit}
.ki-page button,.ki-page input,.ki-page textarea{font:inherit}
.ki-page a{color:inherit;text-decoration:none}
.ki-page img{display:block;max-width:100%}
.ki-page [hidden]{display:none!important}
.ki-page :focus-visible{outline:3px solid var(--jr-rust);outline-offset:0.25rem}
.ki-page .jr-contact :focus-visible,.ki-page .jrovs-kopf :focus-visible{outline-color:#dcab90}
.ki-page .skip{position:fixed;top:0.625rem;left:0.625rem;z-index:100;background:#fffdf8;color:var(--jr-ink);padding:0.75rem;transform:translateY(-180%)}
.ki-page .skip:focus{transform:none}
.ki-page section[id]{scroll-margin-top:1rem}

/* ---------- Kopf: nur auf dieser Seite kompakter (Entwurf), kopf-jrovs.css bleibt unverändert ---------- */
.ki-page .jrovs-kopf{background:var(--jr-dark);color:#fff;font-family:var(--jr-sans);line-height:1.625}
.ki-page .jrovs-kopf .kopf-nav{max-width:2200px;padding:1.0625rem clamp(20px,4.9vw,110px);gap:1.375rem}
.ki-page .jrovs-kopf .kopf-brand{gap:0.625rem;margin-right:auto}
.ki-page .jrovs-kopf .kopf-brand img{width:2.6875rem;height:2.6875rem;object-fit:contain}
.ki-page .jrovs-kopf .kopf-brand b{font-size:1.4375rem;font-weight:700;letter-spacing:-1px;line-height:1.1}
.ki-page .jrovs-kopf .kopf-brand span span{font-size:0.625rem;letter-spacing:.06em;font-weight:400;color:#bdc9c0;margin-top:0.3125rem}
.ki-page .jrovs-kopf .kopf-btn{margin-left:0;gap:1rem;border:1px solid var(--jr-rust);background:var(--jr-rust);color:#fff;padding:0.6875rem 0.9375rem;font-size:0.75rem;font-weight:600;border-radius:2px;min-height:2.75rem}
.ki-page .jrovs-kopf .kopf-btn:hover{background:var(--jr-rust-hover);border-color:var(--jr-rust-hover)}
.ki-page .jrovs-kopf .kopf-claim{display:none}
@media (min-width:681px){
  .ki-page .jrovs-kopf .kopf-menu{gap:1.1875rem;font-size:0.8125rem;color:#fff}
  .ki-page .jrovs-kopf .kopf-menu a:hover{color:#dcab90}
  .ki-page .jrovs-kopf .kopf-menu .current{border-bottom:1px solid #dcab90;padding-bottom:0.3125rem}
}
@media (max-width:1120px){.ki-page .jrovs-kopf .kopf-nav{gap:1rem 1.375rem}}
@media (max-width:850px){
  .ki-page .jrovs-kopf .kopf-nav{padding:1.0625rem 1.625rem}
  .ki-page .jrovs-kopf .kopf-btn{display:none}
}
@media (min-width:681px) and (max-width:850px){.ki-page .jrovs-kopf .kopf-menu{gap:0.8125rem;font-size:0.6875rem}}
@media (max-width:680px){
  .ki-page .jrovs-kopf .kopf-nav{padding:0.875rem 1.375rem;gap:0.75rem}
  .ki-page .jrovs-kopf .kopf-menu-btn{border-radius:2px;background:transparent}
  .ki-page .jrovs-kopf .kopf-toggle:checked ~ .kopf-menu{background:#18302a;border-radius:2px}
  .ki-page .jrovs-kopf .kopf-toggle:checked ~ .kopf-menu > li > a{border-radius:2px}
  .ki-page .jrovs-kopf .kopf-toggle:checked ~ .kopf-menu .current{border-left-color:#dcab90}
}

/* ---------- Seite (Entwurf) ---------- */
.ki-page .jr-wrap{max-width:2200px;padding:0 clamp(20px,4.9vw,110px);margin:auto}
.ki-page .jr-action{display:inline-flex;align-items:center;justify-content:center;gap:1rem;border:1px solid var(--jr-rust);background:var(--jr-rust);color:#fff;padding:0.875rem 1.25rem;font-size:0.875rem;font-weight:600;border-radius:2px;text-decoration:none;min-height:2.75rem;cursor:pointer;transition:background .15s}
.ki-page .jr-action:hover{background:var(--jr-rust-hover);border-color:var(--jr-rust-hover)}
.ki-page .jr-action:disabled{opacity:.7;cursor:wait}
.ki-page .jr-eyebrow{display:block;font-size:0.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--jr-sub);margin-bottom:1.25rem;line-height:1.5}
.ki-page .jr-small{font-size:0.8125rem;line-height:1.6;color:var(--jr-sub)}

/* Einstieg */
.ki-page .jr-hero{display:grid;grid-template-columns:1.08fr 1fr;gap:2.375rem;padding-top:3.25rem;padding-bottom:2.75rem;align-items:center}
.ki-page main h1{font-size:clamp(2.5rem,5.2vw,4.0625rem)}
.ki-page main h1 em{display:block;font-style:italic;color:var(--jr-rust);margin-top:0.5625rem}
.ki-page .jr-intro{font-size:1.0625rem;line-height:1.7;color:var(--jr-sub);margin-top:1.5625rem;max-width:26.25rem}
.ki-page .jr-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1.25rem;margin-top:1.5625rem}
.ki-page .jr-link{display:inline-flex;align-items:center;font-size:0.8125rem;border-bottom:1px solid currentColor;padding:0.5rem 0;color:var(--jr-rust);min-height:2.5rem}
.ki-page .jr-link:hover{color:var(--jr-rust-hover)}
.ki-page .jr-hero .jr-small{margin-top:0.75rem}
.ki-page .jr-portrait{position:relative;margin:0;align-self:stretch;min-height:25.625rem;overflow:hidden}
.ki-page .jr-portrait img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:48% center}
.ki-page .jr-portrait figcaption{position:absolute;bottom:1rem;left:1rem;right:1rem;background:#f5f0e8ed;padding:0.875rem 1.0625rem;font-size:0.8125rem;line-height:1.6}
.ki-page .jr-portrait strong{display:block;font-weight:600}
.ki-page .jr-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--jr-line);border-bottom:1px solid var(--jr-line);padding:1.5rem 0;gap:1.4375rem}
.ki-page .jr-strip>div+div{border-left:1px solid var(--jr-line);padding-left:1.4375rem}
.ki-page .jr-strip strong{font-size:0.9375rem;font-weight:600;display:block;margin-bottom:0.375rem}

/* Abschnitte */
.ki-page .jr-section{padding-top:3.625rem;padding-bottom:3.625rem}
.ki-page main h2{font-size:clamp(2rem,4vw,2.8125rem)}
.ki-page main h3{font-size:1.5625rem}
.ki-page .jr-problems{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem;margin-top:1.875rem}
.ki-page .jr-problems article{border-top:1px solid var(--jr-line);padding-top:1.125rem}
.ki-page .jr-index{font-size:0.75rem;color:var(--jr-rust);display:block;margin-bottom:0.75rem}
.ki-page .jr-problems p{font-size:0.9375rem;line-height:1.7;color:var(--jr-sub);margin-top:0.75rem}

/* Bericht */
.ki-page .jr-report-section{background:#ebe2d5;border-top:1px solid var(--jr-line);border-bottom:1px solid var(--jr-line)}
.ki-page .jr-report-grid{display:grid;grid-template-columns:1fr 1fr;gap:3.125rem;align-items:center}
.ki-page .jr-report-copy>p.jr-report-pdf{margin-top:1rem}
.ki-page .jr-report-copy>p{font-size:1rem;line-height:1.75;color:var(--jr-sub);margin-top:1.375rem}
.ki-page .jr-output{list-style:none;padding:0;margin:1.5rem 0 0}
.ki-page .jr-output li{padding:0.8125rem 0;border-top:1px solid #cdbfab;font-size:0.9375rem;line-height:1.6}
.ki-page .jr-output strong{font-weight:600;display:block}
/* Bericht als echte Seite (08.10.): Blatt mit Briefkopf, Stempel, Seitenzahl, zweites Blatt dahinter */
.ki-page .jr-report{position:relative;min-width:0}
.ki-page .jr-sheet-back{position:absolute;inset:0.75rem 2px -12px 0.625rem;background:#f6f0e6;border:1px solid #d9cbb8;transform:rotate(1.8deg);box-shadow:0 0.625rem 1.5rem #4538291a}
.ki-page .jr-sheet{position:relative;background:#fffefa;border:1px solid #d6c8b4;padding:2.625rem 2.75rem 1.625rem;box-shadow:0 1px 2px #00000012,0 1.25rem 2.75rem #45382924;aspect-ratio:1/1.3;display:flex;flex-direction:column}
.ki-page .jr-sheet [role=tabpanel]{display:flex;flex-direction:column;flex:1}
.ki-page .jr-sheet [role=tabpanel][hidden]{display:none}
.ki-page .jr-stamp{position:absolute;top:6rem;right:2.25rem;transform:rotate(-11deg);border:2px solid #a8493470;color:#a84934a6;font-size:0.8125rem;font-weight:700;letter-spacing:.32em;text-transform:uppercase;padding:0.3125rem 0.625rem 0.3125rem 0.9375rem;border-radius:3px;pointer-events:none}
.ki-page .jr-doc-header{display:flex;justify-content:space-between;align-items:center;gap:0.75rem;border-bottom:1px solid var(--jr-ink);padding-bottom:0.75rem}
.ki-page .jr-doc-brand{display:flex;align-items:center;gap:0.5rem}
.ki-page .jr-doc-brand img{width:1.5rem;height:1.5rem}
.ki-page .jr-doc-brand b{font-size:0.875rem;font-weight:700;letter-spacing:-.5px}
.ki-page .jr-doc-title{font-size:0.5625rem;letter-spacing:.14em;text-transform:uppercase;color:var(--jr-sub);text-align:right;line-height:1.5}
.ki-page .jr-doc-meta{font-size:0.625rem;letter-spacing:.12em;text-transform:uppercase;color:var(--jr-rust);margin-top:1.625rem}

.ki-page .jr-sheet h3{font-size:1.6875rem;margin:0.5rem 0 0.625rem}
.ki-page .jr-doc-scope{font-size:0.75rem;line-height:1.6;color:var(--jr-sub);padding-bottom:0.875rem;border-bottom:1px solid #e5dccf}
.ki-page .jr-doc-scope b,.ki-page .jr-doc-deliver b{color:var(--jr-ink);font-weight:600}
.ki-page .jr-sheet h4{font-size:0.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin:1.125rem 0 0.375rem;color:var(--jr-ink)}
.ki-page .jr-sheet p,.ki-page .jr-sheet ol{font-size:0.7812rem;line-height:1.7;color:#3e3b33}
.ki-page .jr-src{font-style:normal;font-size:0.6562rem;color:#8b8071;white-space:nowrap}
.ki-page .jr-verdict-box{margin:1.125rem 0 2px;border-left:3px solid #5f7d61;background:#eef2ea;padding:0.75rem 1rem}
.ki-page .jr-verdict-box span{display:block;font-size:0.5938rem;letter-spacing:.12em;text-transform:uppercase;color:#4d6650}
.ki-page .jr-verdict-box strong{display:block;font-family:var(--jr-serif);font-weight:400;font-size:1.3125rem;line-height:1.2;color:#2c4430;margin-top:3px}
.ki-page .jr-sheet .jr-verdict-box p{margin-top:0.3125rem;font-size:0.75rem}
.ki-page .jr-verdict-ki{border-left-color:var(--jr-rust);background:#f7ebe5}
.ki-page .jr-verdict-ki span{color:#8e3c2a}
.ki-page .jr-verdict-ki strong{color:#7a321f}
.ki-page .jr-sheet .jr-doc-figure{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.25rem 0.625rem;margin-top:0.75rem;padding:0.5rem 0;border-top:1px solid #e5dccf;border-bottom:1px solid #e5dccf}
.ki-page .jr-doc-figure span{font-size:0.625rem;letter-spacing:.12em;text-transform:uppercase;color:var(--jr-sub);min-width:6.5rem}
.ki-page .jr-doc-figure b{font-weight:600;color:var(--jr-ink)}
.ki-page .jr-verdict-offen{border-left-color:#b58a3c;background:#f6efe1}
.ki-page .jr-verdict-offen span{color:#7d6230}
.ki-page .jr-verdict-offen strong{color:#5e4718}
.ki-page .jr-sheet ol{margin:0;padding-left:1.25rem}
.ki-page .jr-sheet li{margin:3px 0;padding-left:0.25rem}
.ki-page .jr-sheet .jr-doc-deliver{margin-top:0.875rem;padding-top:0.75rem;border-top:1px dashed #d9cbb8}
.ki-page .jr-report [role=tabpanel]:focus-visible{outline-offset:0.5rem}
.ki-page .jr-doc-footer{margin-top:auto;padding-top:1.375rem;display:flex;justify-content:space-between;gap:0.75rem;font-size:0.5938rem;color:var(--jr-sub)}
.ki-page .jr-report-switch{display:flex;gap:0.625rem;margin-top:1.125rem;flex-wrap:wrap}
.ki-page .jr-report-switch button{background:transparent;border:1px solid #cdbfab;border-radius:0;padding:0.625rem 0.75rem;font-size:0.75rem;min-height:2.5rem;color:var(--jr-ink);cursor:pointer}
.ki-page .jr-report-switch button:hover{border-color:var(--jr-dark)}
.ki-page .jr-report-switch button[aria-selected=true]{background:var(--jr-dark);color:#fff;border-color:var(--jr-dark)}

/* Ablauf */
.ki-page .jr-process{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem;margin-top:2rem}
.ki-page .jr-process article{border-top:1px solid var(--jr-line);padding-top:1.0625rem}
.ki-page .jr-process h3{margin-bottom:0.75rem}
.ki-page .jr-process p{font-size:0.9375rem;color:var(--jr-sub);line-height:1.7}

/* Preise */
.ki-page .jr-prices{border-top:1px solid var(--jr-line)}
.ki-page .jr-price-head{display:flex;justify-content:space-between;align-items:end;gap:1.5625rem;margin-bottom:1.875rem}
.ki-page .jr-price-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.875rem}
.ki-page .jr-price{border-top:2px solid var(--jr-rust);background:#eee7dd;padding:1.625rem 1.75rem}
.ki-page main .jr-price-label{display:block;font-family:var(--jr-sans);font-size:0.8125rem;font-weight:600;letter-spacing:0;line-height:1.625}
.ki-page .jr-number{font-family:var(--jr-serif);font-size:3.75rem;line-height:1.1;margin-top:0.625rem;letter-spacing:-.035em}
.ki-page .jr-price p{font-size:0.9375rem;line-height:1.7;color:var(--jr-sub);margin-top:1.125rem}
.ki-page .jr-price .jr-small{margin-top:0.25rem;font-size:0.75rem}
.ki-page .jr-included{margin-top:1.5625rem;padding-top:1.125rem;border-top:1px solid var(--jr-line);font-size:0.9375rem;line-height:1.8}
.ki-page .jr-faq{padding-top:1.5625rem}
.ki-page details{border-bottom:1px solid var(--jr-line);padding:1.0625rem 0;font-size:0.9375rem}
.ki-page summary{font-weight:500;line-height:1.6;cursor:pointer}
.ki-page details p{color:var(--jr-sub);line-height:1.8;padding:0.875rem 0 3px;max-width:43.125rem}
.ki-page details p+p{padding-top:0.5rem}

/* Kontakt */
.ki-page .jr-contact{background:var(--jr-dark);color:#f9f4ed}
.ki-page .jr-contact-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:3.4375rem}
.ki-page .jr-contact .jr-eyebrow{color:#c2cbbb}
.ki-page .jr-contact p{font-size:1rem;line-height:1.75;color:#cbd0c6;margin-top:1.25rem}
.ki-page .jr-contact .jr-mail{display:inline-block;border-bottom:1px solid #859180;margin-top:1.375rem;font-size:0.875rem;padding-bottom:0.3125rem;overflow-wrap:anywhere}
.ki-page .jr-contact .jr-mail:hover{border-color:#f9f4ed}
.ki-page .jr-form{min-width:0}
.ki-page .jr-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.ki-page .jr-form label{display:block;font-size:0.8125rem;margin-bottom:0.5rem}
.ki-page .jr-form input,.ki-page .jr-form textarea{background:#fcf8f1;border:1px solid #cbbfae;border-radius:2px;width:100%;padding:0.75rem;color:var(--jr-ink);font-size:1rem;min-width:0}
.ki-page .jr-form-field{margin-bottom:1rem}
.ki-page .jr-form textarea{resize:vertical;min-height:5.625rem}
.ki-page .jr-form .jr-action{width:100%}
.ki-page .jr-contact .jr-small{font-size:0.75rem;line-height:1.7;margin-top:0.75rem;color:#cbd0c6}
.ki-page .jr-contact .jr-small a,.ki-page .jr-confirm a{text-decoration:underline;text-underline-offset:3px}
.ki-page .jr-honig{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ki-page .jr-confirm{margin-top:1rem;border:1px solid #7c907a;background:#263b2c;padding:1rem;font-size:0.9375rem;line-height:1.7;overflow-wrap:anywhere}
.ki-page .jr-confirm:focus{outline:none}
.ki-page .jr-confirm.jr-error{border-color:#c98b72;background:#3a2a22}
.ki-page .jr-form-fields[hidden] + .jr-status .jr-confirm{margin-top:0}

/* Fuß */
.ki-page .jr-footer{padding:1.4375rem 0;display:flex;gap:1.5625rem;justify-content:space-between;font-size:0.75rem;flex-wrap:wrap;color:var(--jr-sub)}
.ki-page .jr-footer nav{display:flex;gap:1.25rem;flex-wrap:wrap}
.ki-page .jr-footer a:hover{color:var(--jr-ink);text-decoration:underline;text-underline-offset:3px}

@media(max-width:850px){
  .ki-page .jr-wrap{padding-left:1.625rem;padding-right:1.625rem}
  .ki-page .jr-hero{gap:1.5rem}
  .ki-page .jr-portrait{min-height:25.3125rem}
  .ki-page .jr-report-grid{gap:1.75rem}
  .ki-page .jr-contact-grid{gap:1.75rem}
}
@media(max-width:600px){
  .ki-page .jr-wrap{padding-left:1.375rem;padding-right:1.375rem}
  .ki-page .jr-hero{grid-template-columns:1fr;padding-top:2.1875rem;gap:1.875rem}
  .ki-page main h1{font-size:2.75rem}
  .ki-page .jr-portrait{min-height:21.875rem}
  .ki-page .jr-strip{grid-template-columns:1fr;gap:1rem}
  .ki-page .jr-strip>div+div{border-left:0;padding-left:0;border-top:1px solid var(--jr-line);padding-top:1rem}
  .ki-page .jr-section{padding-top:2.5rem;padding-bottom:2.5rem}
  .ki-page .jr-problems,.ki-page .jr-process,.ki-page .jr-price-grid,.ki-page .jr-report-grid,.ki-page .jr-contact-grid{grid-template-columns:1fr}
  .ki-page .jr-problems,.ki-page .jr-process{gap:1.5rem}
  .ki-page .jr-price-head{display:block}
  .ki-page .jr-price-head .jr-small{margin-top:0.875rem}
  .ki-page .jr-form-row{grid-template-columns:1fr;gap:0}
  .ki-page .jr-sheet{padding:1.75rem 1.375rem 1.25rem;aspect-ratio:auto}
  .ki-page .jr-sheet-back{display:none}
  .ki-page .jr-stamp{top:6.1rem;right:1rem;font-size:0.6875rem}
  .ki-page .jr-doc-meta{padding-right:6.5rem}
  .ki-page .jr-hero-actions{gap:0.75rem}
  .ki-page .jr-footer{gap:0.8125rem}
  .ki-page .jr-number{font-size:3.4375rem}
}
@media print{.ki-page .jr-contact{background:none;color:var(--jr-ink)}}

/* 08.10.2026 (Uwe: "Text wirkt klein", Abgleich mit Codex): Handy-Fliesstext mindestens 16px, Berichtsblatt lesbar */
@media (max-width:600px){
  .ki-page .jr-problems p,.ki-page .jr-output li,.ki-page .jr-process p,.ki-page .jr-price p,.ki-page .jr-included,.ki-page details,.ki-page .jr-confirm,.ki-page .jr-report-copy>p,.ki-page .jr-contact p{font-size:1rem}
  .ki-page .jr-sheet p,.ki-page .jr-sheet ol{font-size:0.875rem}
  .ki-page .jr-sheet .jr-verdict-box p{font-size:0.875rem}
  .ki-page .jr-doc-scope{font-size:0.8125rem}
}