@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-var.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{--marke:#b3323b;--marke-dunkel:#8e2028;--tinte:#20242e;--tinte-2:#5a6172;--tinte-3:#8b91a0;--papier:#fbfaf7;--karte:#ffffff;--linie:#e7e4dc;--akzent-flaeche:#f4efe6;--k-hypoton:#4d7ad0;--k-optimal:#85c97b;--k-normal:#55b163;--k-hochnormal:#a5821f;--k-g1:#bc6220;--k-g2:#a83327;--k-g3:#7e1f28;--radius:14px;--schatten:0 1px 2px rgba(32,36,46,.06),0 8px 24px rgba(32,36,46,.07)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:17px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--tinte);background:var(--papier)}
.logo,.wert-anzeige,h1,h2,h3{font-family:Manrope,system-ui,sans-serif}
h1{font-size:clamp(1.7rem,4vw,2.4rem);font-weight:800;line-height:1.15;letter-spacing:-.02em;margin:.2em 0 .5em}
h2{font-size:1.35rem;font-weight:700;margin:1.8em 0 .5em}
a{color:var(--marke-dunkel)}
.artikel li a,.artikel p a{padding:.25em 0}
main{max-width:820px;margin:0 auto;padding:1rem 1.2rem 3rem}
img{max-width:100%;height:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(251,250,247,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--linie);display:flex;gap:1.4rem;align-items:center;padding:.65rem 1.2rem}
.logo{font-weight:800;font-size:1.2rem;color:var(--tinte);text-decoration:none;letter-spacing:-.02em;display:inline-flex;align-items:center;gap:.5rem;min-height:44px;line-height:1}
.logo-mark{display:block;flex:none;border-radius:8px}
.logo-text{display:block;line-height:1;padding-top:.06em}
.logo-tld{color:var(--tinte-3);font-weight:600}
.logo b{color:var(--marke)}
.site-header nav{display:flex;gap:1.1rem;flex-wrap:wrap;margin-left:auto}
.site-header nav a{color:var(--tinte-2);text-decoration:none;font-size:.95rem;font-weight:600;display:inline-flex;align-items:center;min-height:44px;padding:0 .15rem}
.site-header nav a:hover{color:var(--marke)}
.site-footer{border-top:1px solid var(--linie);margin-top:3rem;padding:1.6rem;text-align:center;color:var(--tinte-3);font-size:.925rem;background:var(--akzent-flaeche)}
.site-footer nav{display:flex;gap:0 1.3rem;justify-content:center;flex-wrap:wrap}
.site-footer a{color:var(--tinte-2);text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.fuss-hinweis,.fuss-notfall{max-width:60ch;margin:0 auto .7rem;font-size:.82rem;line-height:1.55;text-align:center}
.fuss-notfall{color:var(--tinte-2)}
.fuss-notfall strong{color:var(--marke-dunkel)}
.fuss-notfall a{color:var(--marke-dunkel);font-weight:700;text-decoration:none;display:inline;min-height:0;white-space:nowrap}
.fuss-notfall span{color:var(--tinte-3)}
.fuss-hinweis{margin-bottom:.9rem}
.fuss-hinweis a{color:var(--tinte-2);text-decoration:underline;display:inline;min-height:0}
@media (max-width:640px){
.site-footer{padding:1.1rem .9rem}
.fuss-hinweis,.fuss-notfall{font-size:.78rem;line-height:1.45;margin-bottom:.6rem}
.site-footer nav a{font-size:.875rem;min-height:40px}
}
.wert-held{background:var(--karte);border:1px solid var(--linie);border-radius:var(--radius);box-shadow:var(--schatten);padding:1.4rem 1.6rem;margin:1rem 0 1.6rem}
.wert-kopf{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap}
.wert-anzeige{font-size:clamp(2.6rem,8vw,4rem);font-weight:800;letter-spacing:-.03em;line-height:1}
.wert-anzeige small{font-size:.32em;font-weight:600;color:var(--tinte-3);letter-spacing:0}
.kat-chip{display:inline-flex;align-items:center;gap:.5rem;border-radius:999px;padding:.4rem .95rem;font-weight:700;font-size:1rem;color:#fff}
.kat-chip .punkt{width:.6rem;height:.6rem;border-radius:50%;background:#fff;opacity:.85}
.skala-block{margin:1.2rem 0 .4rem}
.skala-block figcaption{font-size:.85rem;color:var(--tinte-3);margin-top:.3rem}
.skala-scroll{overflow-x:auto}
.skala-scroll .skala-breit{display:block;min-width:520px}
.skala-scroll .skala-kompakt{display:none;min-width:0}
@media (max-width:640px){
.skala-scroll{overflow-x:visible}
.skala-scroll .skala-breit{display:none}
.skala-scroll .skala-kompakt{display:block}
}
.skala-legende{list-style:none;display:flex;gap:.4rem .9rem;flex-wrap:wrap;padding:0;margin:.5rem 0 0;font-size:.875rem;font-weight:600;color:var(--tinte-2)}
.skala-legende i{width:.7rem;height:.7rem;border-radius:3px;display:inline-block;margin-right:.35rem;vertical-align:-1px}
.geraet-bild img{max-width:min(300px,100%);border-radius:var(--radius);mix-blend-mode:multiply}
h1{margin-bottom:.35em}
.kennzahlen{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.9rem;margin:1.4rem 0}
.kennzahl{background:var(--karte);border:1px solid var(--linie);border-radius:var(--radius);padding:.9rem 1.05rem}
.kennzahl .zahl{font-family:Manrope;font-weight:800;font-size:1.7rem;letter-spacing:-.02em}
.kennzahl .einheit{font-size:.85rem;color:var(--tinte-3);font-weight:600}
.kennzahl .label{font-size:.85rem;color:var(--tinte-2);margin-top:.15rem}
.kennzahl .deutung{font-size:.85rem;margin-top:.35rem;color:var(--tinte-2)}
.empfehlung{border-left:5px solid var(--kat,var(--marke));background:var(--karte);border-radius:0 var(--radius) var(--radius) 0;box-shadow:var(--schatten);padding:1.1rem 1.3rem;margin:1.6rem 0}
.empfehlung h2{margin-top:0}
.notfall{background:#fdf1f0;border-left-color:var(--k-g3)}
.nachbarn ul{display:flex;gap:.6rem;list-style:none;padding:0;flex-wrap:wrap}
.nachbarn a{display:inline-flex;align-items:center;min-height:44px;border:1.5px solid var(--linie);border-radius:999px;padding:.45rem 1rem;text-decoration:none;color:var(--tinte);font-weight:600;font-size:.95rem;background:var(--karte)}
.nachbarn a:hover{border-color:var(--marke);color:var(--marke)}
.quickcheck{background:var(--karte);border:1px solid var(--linie);border-radius:var(--radius);box-shadow:var(--schatten);padding:1.3rem 1.5rem;margin:1.6rem 0}
.quickcheck h2{margin-top:0}
.quickcheck form{display:flex;gap:1rem;flex-wrap:wrap;align-items:end}
.quickcheck label{display:flex;flex-direction:column;gap:.3rem;font-size:.88rem;font-weight:600;color:var(--tinte-2)}
.quickcheck input{width:8.2rem;padding:.7rem .8rem;font-size:1.35rem;font-family:Manrope;font-weight:700;border:1.5px solid var(--linie);border-radius:10px;background:var(--papier)}
.quickcheck input:focus{outline:2px solid var(--marke);border-color:var(--marke)}
.quickcheck button{padding:.85rem 1.5rem;background:var(--marke);color:#fff;border:0;border-radius:10px;font-size:1.05rem;font-weight:700;font-family:Manrope;cursor:pointer}
.quickcheck button:hover{background:var(--marke-dunkel)}
.wert-check{display:flex;gap:.55rem;align-items:end;flex-wrap:wrap;margin-top:1.1rem;padding-top:1.1rem;border-top:1px solid var(--linie)}
.wert-check label{display:flex;flex-direction:column;gap:.25rem;font-size:.78rem;font-weight:600;color:var(--tinte-3);letter-spacing:.01em}
.wert-check input{width:5.4rem;padding:.5rem .6rem;font-size:1.25rem;font-family:Manrope,system-ui,sans-serif;font-weight:700;text-align:center;color:var(--tinte);border:1.5px solid var(--linie);border-radius:10px;background:var(--papier)}
.wert-check input:focus{outline:2px solid var(--marke);border-color:var(--marke)}
.wert-check-strich{font-size:1.25rem;font-weight:700;color:var(--tinte-3);padding-bottom:.45rem}
.wert-check button{margin-left:.35rem;padding:.62rem 1.1rem;background:var(--marke);color:#fff;border:0;border-radius:10px;font-size:.95rem;font-weight:700;font-family:Manrope,system-ui,sans-serif;cursor:pointer;min-height:44px}
.wert-check button:hover{background:var(--marke-dunkel)}
@media (max-width:420px){
.wert-check button{margin-left:0;width:100%}
}
@media (max-width:640px){
#journal-save,#seite-drucken,#wert-teilen{width:100%;text-align:center;min-height:44px}
.figur-drucken{display:block;width:100%}
}
.start-held{text-align:center;padding:2.2rem 0 .6rem}
.start-held h1{font-size:clamp(2rem,5.5vw,3rem)}
.start-held p.unterzeile{color:var(--tinte-2);font-size:1.12rem;max-width:34em;margin:0 auto}
.beispiel-werte{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;margin-top:1rem}
.artikel figure,figure{margin:1.4rem 0;text-align:center}
figcaption{font-size:.875rem;color:var(--tinte-3);margin-top:.35rem}
.bild-platzhalter{background:repeating-linear-gradient(45deg,var(--akzent-flaeche),var(--akzent-flaeche) 12px,#eee8db 12px,#eee8db 24px);border:1.5px dashed var(--linie);border-radius:var(--radius);min-height:180px;display:flex;align-items:center;justify-content:center;color:var(--tinte-3);font-weight:600}
.bild-platzhalter::after{content:"Bild folgt"}
.tabelle-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.artikel table{display:block;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
.artikel iframe,.artikel img{max-width:100%;height:auto}
svg{max-width:100%}
table.klassifikation{border-collapse:collapse;width:100%;background:var(--karte);border-radius:var(--radius);overflow:hidden;box-shadow:var(--schatten)}
table.klassifikation th{background:var(--tinte);color:#fff;text-align:left;padding:.7rem .9rem;font-family:Manrope}
table.klassifikation td{padding:.65rem .9rem;border-top:1px solid var(--linie)}
table.klassifikation tr td:first-child{font-weight:600}
.kat-zelle{display:inline-flex;align-items:center;gap:.5rem}
.kat-zelle i{width:.75rem;height:.75rem;border-radius:3px;display:inline-block}
.artikel-liste{list-style:none;padding:0;display:grid;gap:.7rem}
.artikel-liste a{display:flex;align-items:center;min-height:44px;background:var(--karte);border:1px solid var(--linie);border-radius:var(--radius);padding:.9rem 1.1rem;text-decoration:none;color:var(--tinte);font-weight:600}
.artikel-liste a:hover{border-color:var(--marke)}
table.uebergaenge{border-collapse:collapse;width:100%;background:var(--karte);border-radius:var(--radius);overflow:hidden;border:1px solid var(--linie);font-size:.95rem}
table.uebergaenge th{background:var(--akzent-flaeche);text-align:left;padding:.55rem .8rem;font-family:Manrope;font-size:.85rem}
table.uebergaenge td{padding:.5rem .8rem;border-top:1px solid var(--linie)}
table.uebergaenge .kat-mini{display:inline-flex;align-items:center;gap:.4rem;font-weight:600}
table.uebergaenge .kat-mini i{width:.65rem;height:.65rem;border-radius:3px;display:inline-block}
.fehlerseite .cta{display:inline-block;background:var(--k-normal);color:#fff;padding:.75rem 1.2rem;border-radius:10px;text-decoration:none;font-weight:700}
.bereiche{color:var(--tinte-3);font-size:.925rem}
#consent-banner{position:fixed;inset:auto 0 0 0;background:rgba(24,27,35,.45);padding:1rem;z-index:100}
.consent-box{max-width:680px;margin:0 auto;background:var(--karte);border-radius:12px;padding:.8rem 1rem;box-shadow:0 10px 32px rgba(0,0,0,.28);display:flex;gap:.9rem;align-items:center;flex-wrap:wrap}
.consent-box h2{margin:0;font-size:.98rem;flex-basis:100%}
.consent-box p{font-size:.85rem;color:var(--tinte-2);margin:0;flex:1 1 260px;line-height:1.45}
.consent-actions{display:flex;gap:.6rem;flex-wrap:wrap}
#consent-accept{background:var(--marke);color:#fff;border:0;border-radius:8px;min-height:44px;padding:.55rem 1rem;font-size:.92rem;font-weight:700;font-family:Manrope;cursor:pointer;white-space:nowrap;flex:1 1 auto}
#consent-refuse{background:0 0;border:1.5px solid var(--linie);border-radius:8px;min-height:44px;padding:.55rem 1rem;font-size:.92rem;cursor:pointer;color:var(--tinte-2);white-space:nowrap;flex:1 1 auto}
body.design-b{--marke:#2456b8;--marke-dunkel:#183f8d;--papier:#f7f9fc;--akzent-flaeche:#eaf0f8;--linie:#dde4ee}
body.design-c{--marke:#0e7d6b;--marke-dunkel:#0a5f52;--papier:#f6faf8;--akzent-flaeche:#e7f2ee;--linie:#dbe8e2}
 .nav-schalter{display:none}
.nav-balken,.nav-balken::after,.nav-balken::before{display:block;width:22px;height:2.5px;background:var(--tinte);border-radius:2px;transition:transform .18s ease,opacity .18s ease}
.nav-balken::after,.nav-balken::before{content:"";position:absolute}
.nav-balken::before{transform:translateY(-7px)}
.nav-balken::after{transform:translateY(7px)}
[aria-expanded=true] .nav-balken{background:0 0}
[aria-expanded=true] .nav-balken::before{transform:rotate(45deg)}
[aria-expanded=true] .nav-balken::after{transform:rotate(-45deg)}
@media (max-width:760px){
.site-header{padding:.5rem .9rem}
.nav-schalter{display:flex;align-items:center;justify-content:center;position:relative;margin-left:auto;width:44px;height:44px;background:0 0;border:0;cursor:pointer;flex:none}
.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;margin:0;padding:.3rem 0 .6rem;background:var(--papier);border-bottom:1px solid var(--linie);box-shadow:0 10px 28px rgba(32,36,46,.12)}
.site-header nav.offen{display:flex}
.site-header nav a{padding:0 1.1rem;min-height:52px;font-size:1.02rem;border-top:1px solid var(--linie)}
.site-header nav a:first-child{border-top:0}
.logo{font-size:1.12rem}
}
@media (max-width:600px){
.wert-kopf{gap:.6rem}
}
.nur-journal{display:none}
.has-journal .nur-journal{display:inline-block}
.wert-aktionen{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap;margin-top:1rem}
#journal-save,#seite-drucken,#wert-teilen{background:var(--karte);border:1.5px solid var(--linie);border-radius:8px;padding:.5rem .9rem;font-size:.92rem;font-weight:600;cursor:pointer;color:var(--tinte);font-family:inherit;line-height:1.3}
#journal-save:hover,#seite-drucken:hover,#wert-teilen:hover{border-color:var(--marke);color:var(--marke)}
.journal-link{font-weight:600;font-size:.92rem}
.j-meta{font-size:.875rem;color:var(--tinte-3)}
.journal-chart{background:var(--karte);border:1px solid var(--linie);border-radius:var(--radius);padding:1rem;margin:1rem 0}
.journal-aktionen{display:flex;gap:.7rem;flex-wrap:wrap;margin:.8rem 0}
.j-import-label,.journal-aktionen button{background:var(--karte);border:1.5px solid var(--linie);border-radius:8px;padding:.5rem .9rem;font-size:.9rem;font-weight:600;cursor:pointer;color:var(--tinte);display:inline-block}
.j-import-label input{display:none}
.j-gefahr{color:var(--k-g2)}
.journal-liste{list-style:none;padding:0;display:grid;gap:.5rem}
.journal-liste li{background:var(--karte);border:1px solid var(--linie);border-radius:10px;padding:.55rem .9rem;display:flex;gap:.7rem;align-items:center;flex-wrap:wrap}
.journal-liste i{width:.7rem;height:.7rem;border-radius:3px;flex:none}
.journal-liste .j-meta{margin-left:auto}
.j-del{background:0 0;border:0;font-size:1.1rem;color:var(--tinte-3);cursor:pointer}
.journal-grenzen{background:var(--akzent-flaeche);border-radius:var(--radius);padding:1rem 1.2rem;margin:1.6rem 0}
.journal-grenzen h2{margin-top:0;font-size:1.05rem}
.druck-figur,.druck-kopf{display:none}
.figur-drucken{margin-top:.5rem;padding:.4rem .8rem;font-size:.78rem;font-weight:600;color:var(--tinte-2);background:0 0;border:1px solid var(--linie);border-radius:8px;cursor:pointer;font-family:inherit}
.figur-drucken:hover{border-color:var(--marke);color:var(--marke-dunkel)}
@media print{
#consent-banner,.fab-journal,.no-print,.site-footer,.site-header{display:none!important}
body{background:#fff;color:#000}
.druck-kopf{display:flex!important;justify-content:space-between;align-items:baseline;border-bottom:2px solid #000;padding-bottom:.35rem;margin-bottom:.8rem;font-size:10pt}
.druck-kopf .dk-marke{font-family:Manrope,system-ui,sans-serif;font-weight:800}
.druck-kopf .dk-wert{font-weight:700}
#weiterlesen,.druck-aus,.geraet-bild,.journal-strip,.nachbarn,.weiterlesen,.wert-check{display:none!important}
#nachbarn,#weiterlesen{display:none!important}
.wert-held{box-shadow:none;border:1px solid #999;page-break-inside:avoid}
.skala-scroll{overflow:visible}
.grafik-block svg,.skala-scroll svg{min-width:0;width:100%;max-width:100%}
.kennzahlen,figure,table{page-break-inside:avoid}
.grafik-block svg,.kat-chip,.skala-legende i,.skala-scroll svg,path,rect{-webkit-print-color-adjust:exact;print-color-adjust:exact}
body.has-print-figur>:not(.druck-figur){display:none!important}
body.has-print-figur .druck-figur{display:block!important}
body.has-print-figur .druck-figur figure{margin:0}
body.has-print-fiche>:not(.print-fiche){display:none!important}
body.has-print-fiche .print-fiche{display:block!important;visibility:visible}
.print-fiche{page-break-inside:avoid;font-size:11pt}
.print-fiche .fiche-tabelle td,.print-fiche .fiche-tabelle th{border:1px solid #666;padding:.35rem .3rem}
.print-fiche .fiche-tabelle th{background:#eee!important;-webkit-print-color-adjust:exact}
@page{margin:14mm}
}
.start-held h1 .marke{color:var(--marke)}
.fussnote{font-size:.925rem;color:var(--tinte-2);background:var(--akzent-flaeche);border-radius:var(--radius);padding:.8rem 1rem}
.ueberblick-tabelle td:last-child{text-align:right}
.beispiel-link{display:inline-block;min-height:44px;line-height:44px;padding:0 .7rem;border:1.5px solid var(--linie);border-radius:8px;text-decoration:none;font-weight:700;color:var(--tinte);background:var(--karte)}
.beispiel-link:hover{border-color:var(--marke);color:var(--marke)}
.themen-raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.9rem;margin:1.2rem 0}
.thema{display:flex;flex-direction:column;gap:.3rem;background:var(--karte);border:1px solid var(--linie);border-radius:var(--radius);padding:1rem 1.1rem;text-decoration:none;color:var(--tinte);border-left:4px solid var(--marke)}
.thema:hover{box-shadow:var(--schatten);border-left-color:var(--marke-dunkel)}
.thema-titel{font-family:Manrope;font-weight:800;font-size:1.05rem}
.thema-text{font-size:.925rem;color:var(--tinte-2);line-height:1.45}
.mehr-link a{font-weight:700;text-decoration:none}
.start-journal{background:var(--akzent-flaeche);border-radius:var(--radius);padding:1.2rem 1.4rem;margin:2rem 0}
.start-journal h2{margin-top:0}
.journal-strip{background:var(--akzent-flaeche);border-radius:var(--radius);padding:.6rem .9rem;font-size:.925rem;color:var(--tinte-2);margin:.6rem 0}
.home-journal-card{background:var(--karte);border:1px solid var(--linie);border-left:4px solid var(--marke);border-radius:var(--radius);padding:.9rem 1.1rem;margin:1.2rem 0;display:flex;gap:1rem;align-items:center;flex-wrap:wrap}
.hjc-titel{font-family:Manrope;font-weight:800;margin:0;flex:0 0 auto}
.hjc-chart{flex:1 1 200px;min-width:180px}
.hjc-meta{margin:0;font-size:.875rem;color:var(--tinte-2);flex:1 1 100%}
.fab-journal{position:fixed;right:1rem;bottom:1rem;z-index:60;background:var(--marke);color:#fff;border-radius:999px;padding:.7rem 1.1rem;text-decoration:none;font-weight:700;font-size:.95rem;box-shadow:0 6px 20px rgba(32,36,46,.28);display:none;align-items:center;gap:.45rem;min-height:44px}
.has-journal .fab-journal{display:inline-flex}
.has-journal .nur-journal{display:block}
.has-journal a.nur-journal,.has-journal button.nur-journal{display:inline-flex}
.j-eintrag{background:var(--karte);border:1px solid var(--linie);border-radius:10px;padding:.5rem .8rem;display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;min-height:44px}
.j-wert{display:inline-flex;align-items:center;gap:.45rem;font-weight:800;font-family:Manrope;text-decoration:none;color:var(--tinte);border-left:4px solid;padding:.25rem .6rem;min-height:44px}
.j-punkt{width:.7rem;height:.7rem;border-radius:3px;flex:none}
.j-wann{font-size:.875rem;color:var(--tinte-3)}
.j-notiz,.j-periode{background:var(--akzent-flaeche);border:0;border-radius:999px;padding:.3rem .8rem;font-size:.85rem;cursor:pointer;color:var(--tinte-2);min-height:36px}
.j-notiz em{color:var(--tinte-3)}
.j-notiz-input{border:1.5px solid var(--marke);border-radius:8px;padding:.35rem .6rem;font-size:.9rem;min-width:14rem}
.j-eintrag .j-del{margin-left:auto}
.fiche-tabelle{border-collapse:collapse;width:100%;background:var(--karte);font-size:.9rem}
.fiche-tabelle th{background:var(--akzent-flaeche);border:1px solid var(--linie);padding:.4rem .5rem;font-family:Manrope;font-size:.8rem;text-align:center}
.fiche-tabelle td{border:1px solid var(--linie);padding:.45rem .5rem;text-align:center;min-width:3.5rem}
.fiche-tabelle .pf-datum{font-weight:700;white-space:nowrap}
.fiche-tabelle .pf-notiz{text-align:left;min-width:8rem;color:var(--tinte-2)}
.fiche-fuss{font-size:.85rem;color:var(--tinte-2);margin-top:.6rem}
#journal-save.ist-gespeichert{background:var(--k-normal);color:#fff;border-color:var(--k-normal)}
@media print{
.fab-journal{display:none!important}
}
.artikel-titelbild{margin:0 0 1.4rem;border-radius:var(--radius);overflow:hidden;box-shadow:var(--schatten)}
.artikel-titelbild img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.print-fiche{display:none}
.pf-kopf{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid #000;padding-bottom:.4rem;margin-bottom:.7rem}
.pf-marke{font-family:Manrope;font-weight:800}
.pf-titel{font-weight:700}
.pf-hinweis{font-size:9.5pt;margin:0 0 .7rem}
.pf-felder{margin-top:1rem;display:grid;gap:.55rem;font-size:10pt}
.pf-fuss{margin-top:1rem;font-size:8.5pt;border-top:1px solid #999;padding-top:.4rem}
.journal-aktionen .haupt{background:var(--marke);color:#fff;border-color:var(--marke);display:flex;flex-direction:column;align-items:flex-start;line-height:1.25}
.journal-aktionen .btn-sub{font-size:.78rem;font-weight:400;opacity:.9}
.journal-grenzen ul{margin:.6rem 0;padding-left:1.2rem}
.journal-grenzen li{margin:.4rem 0}
.journal-schritte{display:grid;gap:.7rem;padding-left:1.3rem}
.journal-schritte li{line-height:1.55}
.journal-eingabe{background:var(--karte);border:1px solid var(--linie);border-radius:var(--radius);box-shadow:var(--schatten);padding:1.2rem 1.4rem;margin:1.4rem 0}
.journal-eingabe h2{margin-top:0}
.je-felder{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.9rem;margin:.9rem 0}
.je-felder label{display:flex;flex-direction:column;gap:.2rem;font-size:.9rem;font-weight:700;color:var(--tinte-2)}
.je-felder label span{font-weight:400;font-size:.8rem;color:var(--tinte-3)}
.je-felder input{margin-top:.25rem;padding:.6rem .7rem;font-size:1.05rem;min-height:44px;border:1.5px solid var(--linie);border-radius:8px;background:var(--papier);font-family:inherit}
.je-felder input:focus{outline:2px solid var(--marke);border-color:var(--marke)}
.je-felder #je-dia,.je-felder #je-sys{font-family:Manrope;font-weight:700;font-size:1.25rem}
.je-notiz-feld{grid-column:1/-1}
.je-aktion{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}
#je-speichern{background:var(--marke);color:#fff;border:0;border-radius:10px;min-height:44px;padding:.7rem 1.4rem;font-size:1rem;font-weight:700;font-family:Manrope;cursor:pointer}
#je-speichern:hover{background:var(--marke-dunkel)}
.j-fehler{color:var(--k-g2);font-weight:600}
.j-erfolg{color:var(--k-normal);font-weight:600}
@media print{
.journal-eingabe{display:none!important}
}
.grafik-block{margin:1.2rem 0;background:var(--karte);border:1px solid var(--linie);border-radius:var(--radius);padding:.8rem;overflow-x:auto}
.grafik-block .grafik-breit{display:block;min-width:520px}
.grafik-block .grafik-kompakt{display:none;min-width:0}
@media (max-width:640px){
.grafik-block{overflow-x:visible;padding:.6rem}
.grafik-block .grafik-breit{display:none}
.grafik-block .grafik-kompakt{display:block}
}
.grafik-block figcaption{margin-top:.5rem}
.journal-zeitraum{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin:.8rem 0 .4rem}
.jz-label{font-size:.875rem;color:var(--tinte-3);font-weight:600}
.journal-zeitraum button{background:var(--karte);border:1.5px solid var(--linie);border-radius:999px;padding:.4rem .9rem;font-size:.9rem;font-weight:600;cursor:pointer;color:var(--tinte-2);min-height:36px}
.journal-zeitraum button[aria-pressed=true]{background:var(--tinte);color:#fff;border-color:var(--tinte)}
.hjc-kopf{display:flex;align-items:baseline;gap:.9rem;flex-wrap:wrap;flex:1 1 100%}
.hjc-legende{margin:0;font-size:.82rem;color:var(--tinte-2);display:flex;align-items:center;gap:.35rem}
.hjc-dia,.hjc-sys{display:inline-block;width:16px;height:0;border-top:2.5px solid var(--tinte);margin-right:.15rem}
.hjc-dia{border-top-style:dashed;border-color:var(--tinte-2);margin-left:.6rem}
.hjc-einheit{color:var(--tinte-3);margin-left:.2rem}
.home-journal-card .hjc-chart{flex:1 1 100%;min-width:0}
.ratgeber-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.1rem;margin:1.4rem 0}
.ratgeber-gruppe{grid-column:1/-1;font-size:1.05rem;margin:1.2rem 0 -.2rem;color:var(--tinte-2);text-transform:uppercase;letter-spacing:.04em;font-size:.82rem;font-weight:800}
.ratgeber-gruppe:first-child{margin-top:0}
.ratgeber-karte{background:var(--karte);border:1px solid var(--linie);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}
.ratgeber-karte:hover{box-shadow:var(--schatten);border-color:var(--marke)}
.rk-bild{display:block;aspect-ratio:16/10;background:var(--akzent-flaeche);overflow:hidden}
.rk-bild img{width:100%;height:100%;object-fit:cover;display:block}
.rk-platzhalter{display:block;width:100%;height:100%;background:repeating-linear-gradient(45deg,var(--akzent-flaeche),var(--akzent-flaeche) 12px,#eee8db 12px,#eee8db 24px)}
.rk-text{padding:.85rem 1rem 1.1rem;display:flex;flex-direction:column;gap:.35rem}
.rk-text h3{margin:0;font-size:1.02rem;line-height:1.3}
.rk-text h3 a{color:var(--tinte);text-decoration:none}
.rk-text h3 a:hover{color:var(--marke)}
.rk-text p{margin:0;font-size:.9rem;color:var(--tinte-2);line-height:1.5}
.blaettern{display:flex;align-items:center;justify-content:center;gap:.8rem;flex-wrap:wrap;margin:2rem 0}
.blaettern ol{display:flex;gap:.4rem;list-style:none;padding:0;margin:0}
.blaettern a,.blaettern span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 .7rem;border-radius:8px;text-decoration:none;font-weight:700}
.blaettern ol a{border:1.5px solid var(--linie);color:var(--tinte);background:var(--karte)}
.blaettern ol a:hover{border-color:var(--marke);color:var(--marke)}
.blaettern [aria-current=page]{background:var(--tinte);color:#fff}
.bl-pfeil{color:var(--marke-dunkel);font-weight:700}