/* ===== Detailrechner (eigene Erweiterung – Patricks Marke) ===== */
  :root { --dr-green:#2E4F3C; --dr-gold:#D0AB3B; --dr-line:#d9dcd6; --dr-muted:#6b7280; }

  /* Trennsektion: linksbündig über die volle Breite – bündig mit iframe (oben)
     und Detailrechner (unten), damit beide als ein Zusammenhang wirken. */
  .dr-divider { text-align:left; margin:1.5rem auto 1rem; max-width:1024px; }
  .dr-divider .dr-eyebrow {
    display:inline-block; font-size:.72rem; font-weight:700; letter-spacing:.09em;
    text-transform:uppercase; color:var(--dr-gold); margin-bottom:.4rem;
  }
  .dr-divider h2 { color:var(--dr-green); font-size:1.5rem; font-weight:800; line-height:1.2; margin:0 0 .45rem; max-width:none; }
  .dr-divider p  { color:var(--dr-muted); font-size:.9rem; line-height:1.55; margin:0; max-width:none; }
  .dr-ownnote {
    display:block; margin-top:.7rem; font-size:.74rem; color:var(--dr-muted);
    background:#f4f6f3; border:1px solid var(--dr-line); border-radius:6px; padding:7px 12px;
  }

  /* Auf dieselbe Breite wie der iframe-Wrapper (max-width:1024px, zentriert) kappen,
     damit oberer und unterer Rechner fluchten. Unter 1024px fluid bei 100 % → responsive. */
  .detailrechner { background:#fff; border:1px solid var(--dr-line); border-radius:.75rem; padding:clamp(1.1rem,3vw,1.8rem); max-width:1024px; margin-inline:auto; }
  .dr-grid { display:block; }
  @media (min-width:900px){ .dr-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:2rem; align-items:start; } }

  .dr-sec { margin-bottom:1.4rem; }
  .dr-sec h3 { font-size:.95rem; font-weight:800; color:var(--dr-green); margin:0 0 .1rem; }
  .dr-sec .dr-hint { font-size:.78rem; color:var(--dr-muted); line-height:1.5; margin:0 0 .7rem; }
  .dr-field { margin-bottom:.9rem; }
  .dr-label { display:block; font-size:.82rem; font-weight:600; color:var(--dr-green); margin-bottom:.35rem; }
  .dr-inrow { display:flex; align-items:center; gap:8px; }
  .dr-input, .dr-select {
    width:100%; padding:10px 12px; border:2px solid #e5e7eb; border-radius:.5rem;
    font-family:inherit; font-size:1rem; color:#111; background:#fff;
  }
  .dr-input:focus, .dr-select:focus { outline:none; border-color:var(--dr-green); }
  .dr-unit { font-size:.85rem; color:var(--dr-muted); white-space:nowrap; }
  .dr-wp { max-width:5.5rem; }

  .dr-toggle { display:inline-grid; grid-template-columns:repeat(2,minmax(0,1fr)); max-width:100%; border:2px solid #e5e7eb; border-radius:.5rem; overflow:hidden; }
  .dr-toggle button { border:none; background:#fff; font-family:inherit; font-size:.82rem; font-weight:700; padding:8px 14px; cursor:pointer; color:var(--dr-muted); }
  .dr-toggle button.on { background:var(--dr-green); color:#fff; }

  .dr-chips { display:flex; flex-wrap:wrap; gap:6px; }
  .dr-chip { border:2px solid #e5e7eb; background:#fff; border-radius:.5rem; font-family:inherit; font-size:.82rem; font-weight:700; padding:7px 12px; cursor:pointer; color:var(--dr-green); }
  .dr-chip.on { background:var(--dr-green); border-color:var(--dr-green); color:#fff; }

  .dr-surface { border:1px solid var(--dr-line); border-radius:.6rem; padding:.85rem; margin-bottom:.7rem; }
  .dr-surface-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:.6rem; }
  .dr-surface-head strong { font-size:.85rem; color:var(--dr-green); }
  .dr-surface-del { border:none; background:none; color:#b91c1c; font-size:1.1rem; cursor:pointer; line-height:1; padding:2px 6px; }
  .dr-surface-yield { font-size:.78rem; color:var(--dr-muted); margin-top:.5rem; }
  .dr-addsurface { border:2px dashed var(--dr-line); background:#fafbfa; color:var(--dr-green); font-family:inherit; font-weight:700; font-size:.85rem; border-radius:.5rem; padding:9px 14px; cursor:pointer; width:100%; }
  .dr-opt { display:flex; align-items:center; gap:8px; margin-bottom:.5rem; }
  .dr-opt input[type=checkbox]{ width:18px; height:18px; accent-color:var(--dr-green); }
  .dr-opt-detail { margin:.2rem 0 .9rem 26px; }

  /* Ergebnis */
  .dr-results { }
  .dr-gauges { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-bottom:1.2rem; }
  @media (max-width:420px){ .dr-gauges { grid-template-columns:1fr; } }
  .dr-gauge { text-align:center; border:1px solid var(--dr-line); border-radius:.6rem; padding:1rem .6rem; }
  .dr-gauge canvas { width:132px; height:132px; }
  .dr-gauge .dr-gauge-label { font-size:.78rem; font-weight:700; color:var(--dr-green); margin-top:.4rem; }
  .dr-gauge .dr-gauge-sub { font-size:.72rem; color:var(--dr-muted); }

  .dr-flow { border:1px solid var(--dr-line); border-radius:.6rem; padding:1rem; margin-bottom:1.2rem; }
  .dr-flow h4 { font-size:.85rem; color:var(--dr-green); margin:0 0 .7rem; font-weight:800; }
  .dr-bar { display:flex; height:16px; border-radius:8px; overflow:hidden; margin-bottom:.55rem; border:1px solid var(--dr-line); }
  .dr-bar .seg-self { background:var(--dr-green); }
  .dr-bar .seg-grid { background:#c8ccc4; }
  .dr-figs { display:grid; grid-template-columns:1fr 1fr 1fr; gap:.5rem; }
  .dr-fig { text-align:left; }
  .dr-fig .fl { display:block; font-size:.68rem; text-transform:uppercase; letter-spacing:.05em; color:var(--dr-muted); }
  .dr-fig .fv { display:block; font-size:.95rem; font-weight:800; color:var(--dr-green); }

  /* Überschuss / EMS / Solarspitzengesetz – klar als Regulierung markiert */
  .dr-surplus { border:1px solid var(--dr-line); border-left:4px solid var(--dr-gold); border-radius:.5rem; padding:1rem; margin-bottom:1.1rem; background:#fffdf6; }
  .dr-surplus .reg-tag { display:inline-block; font-size:.66rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:var(--dr-muted); margin-bottom:.4rem; }
  .dr-surplus h4 { font-size:.9rem; color:var(--dr-green); margin:0 0 .5rem; }
  .dr-surplus .surplus-state { font-size:.86rem; line-height:1.55; color:#333; }
  .dr-surplus .ok  { color:#166534; font-weight:700; }
  .dr-surplus .warn{ color:#b45309; font-weight:700; }

  .dr-method { margin-top:1rem; border-top:1px solid var(--dr-line); }
  .dr-method summary { cursor:pointer; padding:.7rem 0; font-size:.8rem; font-weight:700; color:var(--dr-green); }
  .dr-method .dr-method-body { font-size:.78rem; color:#444; line-height:1.7; padding-bottom:.7rem; }
  .dr-method h5 { font-size:.72rem; text-transform:uppercase; letter-spacing:.05em; color:var(--dr-green); margin:.7rem 0 .2rem; }
  .dr-method a { color:var(--dr-green); }

  .dr-actions { display:flex; flex-wrap:wrap; gap:.7rem; margin-top:1.2rem; }
  .dr-print-btn { background:var(--dr-green); color:#fff; border:none; border-radius:.5rem; font-family:inherit; font-weight:700; font-size:.9rem; padding:12px 20px; cursor:pointer; }
  .dr-print-btn:hover { background:#3a6350; }
  .dr-print-hint { font-size:.72rem; color:var(--dr-muted); margin:.4rem 0 0; line-height:1.5; }

  .dr-print-header, .dr-print-footer { display:none; }

  /* ===== DRUCK: nur Detailergebnis, weißes A4, S/W-tauglich ===== */
  @media print {
    @page { size:A4 portrait; margin:12mm 16mm; }
    .site-header, .sp-back-bar, .rechner-tabs-bar, .sp-hero, footer,
    .solarisator-frame-wrapper, .solarisator-source, .ec-cta-card,
    .dr-inputs-col, .dr-divider, .dr-actions, .dr-print-hint { display:none !important; }
    .dr-method summary::-webkit-details-marker { display:none; }
    body { background:#fff; }
    /* Scroll-Reveal im Druck aufheben – sonst bleibt der Rechner unsichtbar,
       wenn man ohne vorheriges Scrollen druckt. */
    .reveal { opacity:1 !important; transform:none !important; }
    .detailrechner { border:none; padding:0; }
    .dr-grid { display:block !important; }
    .dr-results { display:block !important; }
    /* Briefkopf/Fuß je Seite via Tabellenhülle */
    .dr-sheet { display:table !important; width:100%; }
    .dr-print-head-group { display:table-header-group !important; }
    .dr-print-foot-group { display:table-footer-group !important; }
    .dr-print-header { display:block !important; padding-bottom:5mm; }
    .dr-print-header img { width:43mm; height:auto; }
    .dr-print-footer { display:block !important; border-top:.5pt solid var(--dr-green); margin-top:5mm; padding-top:2mm; font-size:8pt; color:#444; }
    .dr-gauge, .dr-flow, .dr-surplus, .dr-method { break-inside:avoid; }
    .dr-method[open] .dr-method-body, .dr-method .dr-method-body { display:block !important; }
    .dr-method summary { list-style:none; color:var(--dr-green); font-weight:700; padding:0 0 .3rem; }
    .dr-surplus { background:none !important; }
    * { -webkit-print-color-adjust:exact; }  /* nur für die dünnen Gauge-Ringe; Flächen sind ohnehin hell */
  }

/* Spatial working surface. Page-local; global site components stay intact. */
.up-page{background:#f5f4eb;color:#183b2e;--dr-green:#183b2e;--dr-muted:#56665e;--dr-line:#d9dfd3}.up-page .header{background:#102e26}.up-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 6%;align-items:start;padding-top:142px;padding-bottom:90px}.up-intro{grid-column:1;grid-row:1;padding:0 0 44px}.up-intro .back-link{display:inline-block;font-size:.8rem;margin-bottom:36px}.up-intro .eyebrow{font-size:.67rem;letter-spacing:.11em;color:#617362;margin:0 0 22px}.up-intro h1{font-size:clamp(3rem,5.8vw,5.8rem);line-height:.99;letter-spacing:-.045em;margin:0 0 26px;font-weight:500}.up-intro h1 em{font-style:normal;color:#6f784c}.up-lede{font-size:1.08rem;line-height:1.65;max-width:460px}.up-intro-links{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:26px}.up-intro-links>a:not(.button){font-size:.76rem;text-decoration:underline;text-underline-offset:5px}.up-page .button{background:#173d30;color:#f5f4eb;font-size:.88rem}.up-private{font-size:.74rem;color:#617362;margin-top:18px}.up-dashboard{grid-column:2;grid-row:1/span 2;position:sticky;top:94px;min-width:0;background:#102e26;color:#f1f0e9;border:1px solid #29473a;border-radius:6px 60px 6px 6px;overflow:hidden;box-shadow:0 24px 50px -28px #163a2c80}.up-visual-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:23px 24px 0;font-size:.57rem;letter-spacing:.1em}.up-visual-head span{display:flex;align-items:center;gap:7px}.up-visual-head i{width:5px;height:5px;border-radius:50%;background:#d0ab3b}.up-visual-head button{color:#d9e4d3;background:none;border:0;border-bottom:1px solid #698071;padding:5px 0;font:inherit;letter-spacing:0;cursor:pointer;min-height:30px}.up-scene{position:relative;width:100%;height:clamp(240px,25vw,350px);background:radial-gradient(ellipse at 40% 20%,#264b3c 0%,#102e26 72%);isolation:isolate}.up-scene canvas{display:block;width:100%;height:100%;position:absolute;inset:0;z-index:2;touch-action:pan-y}.up-poster{position:absolute;inset:0;z-index:1}.up-poster img{width:100%;height:100%;object-fit:contain}.up-scene.is-ready .up-poster,.up-scene.is-ready .up-scene-placeholder{display:none}.up-scene-placeholder{position:absolute;inset:0;display:grid;place-content:center;font-size:11px;color:#d0ab3b;letter-spacing:.1em;z-index:0}.up-scene-controls{display:flex;justify-content:space-between;gap:10px;padding:0 24px}.up-scene-controls>div{display:flex;gap:4px}.up-scene-controls button{min-height:34px;border:1px solid #3b594c;border-radius:5px;background:none;color:#bdcdbd;font:inherit;font-size:.72rem;padding:7px 12px;cursor:pointer}.up-scene-controls button[aria-pressed=true]{background:#d4b962;color:#173d30;border-color:#d4b962}.up-view button{font-size:1.2rem;padding:4px 10px}.up-scene-caption{padding:0 24px;font-size:.78rem;line-height:1.5;min-height:2.9em;margin:15px 0 5px;color:#e2e8dc}.up-illustration{padding:0 24px;font-size:.61rem;color:#a5b8a7;margin:0 0 20px}.up-results{padding:0 24px}.up-results .dr-gauges{grid-template-columns:1fr 1fr;gap:0;margin:0;border-top:1px solid #375346;padding-top:16px}.up-results .dr-gauge{display:grid;grid-template-columns:68px 1fr;gap:0 10px;text-align:left;border:0;padding:0 12px 16px 0}.up-results .dr-gauge canvas{width:68px;height:68px;grid-row:1/span 2}.up-results .dr-gauge-label{color:#f1f0e9;font-size:.72rem;font-weight:500;margin:6px 0 0}.up-results .dr-gauge-label output{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.up-results .dr-gauge-sub{color:#aabdac;font-size:.64rem;line-height:1.4}.up-results .dr-flow{padding:16px 0 0;border:0;border-top:1px solid #375346;margin:0}.up-results .dr-flow h3{font-size:.7rem;text-transform:uppercase;letter-spacing:.09em;color:#b9c9b9;font-weight:400;margin:0 0 10px}.up-results .dr-bar{height:5px;border:0;margin-bottom:12px}.up-results .seg-self{background:#d0ab3b}.up-results .seg-grid{background:#486154}.up-results .dr-figs{gap:8px}.up-results .dr-fig .fl{font-size:.58rem;color:#a9bcac;letter-spacing:.02em}.up-results .dr-fig .fv{color:#f1f0e9;font-size:.95rem;line-height:1.8;font-weight:500;white-space:nowrap}.up-results .dr-surface-yield{font-size:.62rem;color:#9bb19f;line-height:1.5}.up-disclaimer{text-align:center;color:#aabdac;font-size:.61rem;padding:0 12px 15px;margin:10px 0 0}.up-inputs{grid-column:1;grid-row:2;min-width:0;padding-top:32px;border-top:1px solid #cad4c6;scroll-margin-top:105px}.up-input-title .eyebrow{font-size:.65rem;color:#617362}.up-input-title h2{font-size:2rem;line-height:1.16;letter-spacing:-.025em;font-weight:500;margin:14px 0}.up-input-title p:not(.eyebrow){font-size:.87rem;color:#526759}.up-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:max-content;max-width:100%;gap:8px;margin:22px 0 28px}.up-presets button{border:1px solid #8d9f8c;border-radius:6px;background:none;color:#254b37;padding:12px;font:inherit;font-size:.79rem;cursor:pointer}.up-presets button[aria-pressed=true]{background:#e2e8d9;border-color:#254b37;box-shadow:inset 0 0 0 1px #254b37}.up-page .detailrechner{max-width:none;border:0;background:none;padding:0;margin:0}.up-page .dr-sec{padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid #d1dacc}.up-page .dr-sec h3{font-weight:500;font-size:1.07rem;margin-bottom:8px}.up-page .dr-hint{font-size:.81rem;line-height:1.6}.up-page .dr-label{font-size:.78rem;font-weight:500}.up-page .dr-input,.up-page .dr-select{border:1px solid #b7c5b2;border-radius:5px;color:#173d30;font-size:1rem;min-height:46px;background:#fafaf4;min-width:0}.up-page .dr-field{margin-bottom:16px}.up-page .dr-surface{background:#e8ecdf;padding:18px;border-color:#d6ddce}.up-page .dr-chips{gap:5px}.up-page .dr-chip{border:1px solid #b6c4af;font-weight:500;padding:10px 12px;min-width:40px}.up-page .dr-chip.on{background:#173d30;border-color:#173d30;color:#fff}.up-page .dr-toggle{border:1px solid #a5b69f}.up-page .dr-toggle button{padding:12px 16px;font-weight:500;min-height:44px}.up-page .dr-addsurface{border:1px dashed #7f957c;background:transparent;min-height:46px;font-weight:500}.up-page .dr-opt{padding:12px 0;font-size:.92rem}.up-page .dr-opt input{width:20px;height:20px}.up-model-note{font-size:.79rem;line-height:1.65;color:#637561}.up-explainer{background:#e7ebde}.up-explainer-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:6%}.up-page .section h2{font-weight:500;font-size:clamp(2rem,3.7vw,3.4rem);line-height:1.12;letter-spacing:-.035em}.up-page .section .eyebrow{font-size:.65rem;color:#67785e}.up-explainer article>span{font-size:.68rem;color:#637558}.up-explainer h3{font-size:1.3rem;font-weight:500;margin:28px 0 12px}.up-explainer p,.up-method p{font-size:.9rem;line-height:1.7}.up-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%}.up-page .dr-surplus{background:#ecefdf;border:0;border-radius:5px;border-left:3px solid #c6aa54;padding:20px}.up-page .dr-surplus h4{font-size:1.03rem;font-weight:500}.up-page .dr-surplus .reg-tag{color:#55654c}.up-page .dr-surplus p{color:#244132}.up-page .dr-method summary{font-size:.92rem;padding:22px 0}.up-page .dr-method-body{font-size:.87rem;line-height:1.75}.up-page .dr-method h5{margin-top:24px;font-size:.8rem}.up-page .dr-print-btn{font-weight:500;background:#173d30;padding:15px 20px}.up-reference{padding-top:0}.up-reference details{border-top:1px solid #bccab4;border-bottom:1px solid #bccab4}.up-reference summary{cursor:pointer;padding:27px 0;display:flex;align-items:center;justify-content:space-between;font-size:1.2rem;list-style:none}.up-reference summary small{display:block;color:#617362;font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}.up-reference-body{padding-bottom:30px}.up-reference-body>p{max-width:760px;line-height:1.7}.up-reference .solarisator-frame-wrapper{border:1px solid #becbb7;border-radius:10px;padding:24px;margin-top:20px}.up-reference .embed-consent-text{line-height:1.7;max-width:800px}.up-reference a{text-decoration:underline}.up-reference .btn{background:#173d30;color:#fff;border:0;padding:14px 22px;font:inherit;border-radius:6px;cursor:pointer}.up-reference iframe{width:100%;height:720px;border:0;background:white}.up-reference .solarisator-source{font-size:.73rem;margin-top:12px}.up-next{background:#102e26;color:#f1f0e9}.up-next .wrap{display:flex;align-items:center;justify-content:space-between;gap:40px}.up-next p{line-height:1.6;color:#b8c9b4}.up-next .button{background:#d0ab3b;color:#102e26}.up-next-links{display:flex;flex-direction:column;gap:22px;align-items:flex-start}.up-next-links>a:not(.button){font-size:.8rem;text-decoration:underline;text-underline-offset:5px}.up-page .up-next .eyebrow{color:#d0ab3b}.up-mobile-result{display:none}.up-page :focus-visible{outline:3px solid #b68d25;outline-offset:4px}.up-page input{scroll-margin:120px 0}.up-noscript{padding:25px;background:#f4e8ba}.up-results{transition:opacity .2s}.up-page .footer{margin-bottom:0}
@media(min-width:1000px) and (max-height:800px){.up-scene{height:210px}.up-dashboard{top:82px}.up-visual-head{padding-top:15px}.up-illustration{margin-bottom:12px}.up-scene-caption{margin-top:9px}.up-results .dr-gauge{padding-bottom:10px}.up-results .dr-flow{padding-top:10px}}
@media(max-width:900px){.up-workspace{display:flex;flex-direction:column;gap:0;padding-top:112px;padding-bottom:60px}.up-intro{padding-bottom:32px}.up-intro .back-link{margin-bottom:26px}.up-intro h1{font-size:clamp(3rem,10vw,4.8rem)}.up-lede{font-size:1rem}.up-dashboard{position:relative;top:auto;width:100%;border-radius:5px 45px 5px 5px;margin-bottom:42px}.up-scene{height:320px}.up-inputs{width:100%;padding-top:25px}.up-explainer-grid{grid-template-columns:1fr 1fr;gap:24px}.up-explainer-grid>div{grid-column:1/-1}.up-method-grid{grid-template-columns:1fr;gap:32px}.up-next .wrap{display:block}.up-next-links{margin-top:30px}.up-mobile-result{position:fixed;z-index:35;left:12px;right:12px;bottom:12px;border:1px solid #758666;background:#153a2f;color:#f1f0e9;padding:13px 17px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;gap:12px;box-shadow:0 5px 25px #102e262e;font-size:.73rem}.up-mobile-result strong{margin-left:5px;color:#dec76d;font-size:1rem}.up-page .footer{padding-bottom:95px}.up-page input{scroll-margin-bottom:100px}.up-private{font-size:.7rem}}
@media(max-width:480px){.up-workspace{padding-top:105px}.up-intro h1{font-size:3.3rem}.up-intro .eyebrow{font-size:.58rem}.up-intro-links{gap:17px}.up-scene{height:250px}.up-visual-head{padding:20px 16px 0;font-size:.52rem}.up-results{padding:0 16px}.up-scene-controls{padding:0 16px}.up-scene-controls button{font-size:.66rem;padding:7px 9px;min-height:40px}.up-scene-caption,.up-illustration{padding:0 16px}.up-results .dr-gauge{grid-template-columns:55px 1fr;gap:0 6px;padding-right:7px}.up-results .dr-gauge canvas{width:55px;height:55px}.up-results .dr-gauge-label{font-size:.66rem}.up-results .dr-gauge-sub{font-size:.59rem}.up-results .dr-fig .fv{font-size:.88rem}.up-results .dr-fig .fl{font-size:.53rem}.up-page .dr-inrow{gap:6px}.up-page #dr-region{white-space:normal;font-size:.68rem;max-width:95px}.up-page .dr-surface{padding:14px}.up-page .dr-unit{font-size:.74rem}.up-page .dr-chip{min-width:35px;padding:10px}.up-explainer-grid{grid-template-columns:1fr}.up-explainer article{border-top:1px solid #c2cdb7;padding-top:20px}.up-explainer h3{margin:14px 0 9px}.up-reference summary{font-size:1rem}.up-reference .solarisator-frame-wrapper{padding:14px}.up-presets button{font-size:.73rem}.up-results .dr-gauges{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.up-page *{scroll-behavior:auto!important;transition:none!important}}
@media print{.up-page .header,.up-intro,.up-inputs,.up-scene,.up-visual-head,.up-scene-controls,.up-scene-caption,.up-illustration,.up-explainer,.up-reference,.up-next,.up-mobile-result,.up-page .footer{display:none!important}.up-workspace{display:block;padding:0}.up-dashboard{position:static;color:#173d30;background:#fff;box-shadow:none;border:0}.up-results .dr-gauges{display:none}.up-results .dr-flow,.up-results .dr-fig .fv,.up-results .dr-fig .fl,.up-results .dr-flow h3,.up-results .dr-surface-yield,.up-disclaimer{color:#173d30}.up-method{padding:15px 0}.up-method-grid{display:block}.up-method .dr-actions,.up-method .dr-print-hint{display:none}.up-method-grid>div:first-child h2{font-size:20px}.up-results .dr-fig .fl{font-size:10px}.up-results .dr-fig .fv{font-size:16px}.up-disclaimer:before{content:'Patrick Leißner · Unabhängigkeitsrechner · '}.up-results:before{content:'Deine geschätzte jährliche Energiebilanz';display:block;font-size:22px;margin:20px 0}}

.up-workspace{padding-top:60px}.up-dashboard{top:24px}.up-scene{height:300px;scroll-margin-top:24px}.up-print-summary{display:none}
@media(max-width:900px){.up-workspace{padding-top:34px}.up-dashboard{top:auto}.up-scene{height:320px}}
@media(max-width:480px){.up-scene{height:250px}.up-intro h1{font-size:clamp(2.9rem,13vw,3.3rem)}}
@media(min-width:1000px) and (max-height:800px){.up-scene{height:210px}}
@media print{.up-print-summary{display:block;font-size:13px;line-height:1.6;white-space:pre-line;color:#173d30;margin:20px 0}.up-workspace{padding-top:0}.up-dashboard{top:auto}}

/* Ergebnislink im Eingabebereich, damit das Kontakt-Dock frei bleibt. */
@media(max-width:900px){.up-mobile-result{position:static;margin:0 0 24px;box-shadow:none}.up-page input{scroll-margin-bottom:120px}}