/* BauGenie v0.69: kompakte Rechnerwahl und Eingaben auf schmalen Websites. */
.mobile-calculator-picker{display:none}

/* Die Einordnung bleibt auf großen Bildschirmen als lesbarer Abschluss beim Rechner. */
body:not(.pwa-standalone) .decision-support{width:min(100%,960px);margin:26px auto 10px}
body:not(.pwa-standalone) .decision-support>*{min-width:0}

@media (max-width:720px){
  body:not(.pwa-standalone) input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
  body:not(.pwa-standalone) select,body:not(.pwa-standalone) textarea{font-size:16px!important;line-height:1.25;min-height:44px}
  body:not(.pwa-standalone) input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
  body:not(.pwa-standalone) select{padding-block:8px}
  body:not(.pwa-standalone) input:focus,body:not(.pwa-standalone) select:focus,
  body:not(.pwa-standalone) textarea:focus{scroll-margin-top:100px;scroll-margin-bottom:120px}
  body:not(.pwa-standalone) .decision-support{width:100%;margin:18px 0 8px;padding:16px;border-radius:15px}
  body:not(.pwa-standalone) .decision-grid{gap:9px}
  body:not(.pwa-standalone) .decision-grid article{padding:13px;border-radius:11px}
  body:not(.pwa-standalone) .scenario-compare{gap:12px;padding:14px;border-radius:11px}
  body:not(.pwa-standalone) .scenario-actions{display:grid;grid-template-columns:1fr;justify-content:stretch}
  body:not(.pwa-standalone) .scenario-actions button{width:100%;min-height:44px}
  body:not(.pwa-standalone) .decision-actions{display:grid;grid-template-columns:1fr;align-items:stretch}
  body:not(.pwa-standalone) .decision-actions>*{width:100%;min-height:44px;justify-content:center}
  body:not(.pwa-standalone).mobile-route-ready .mobile-calculator-picker{display:block;width:min(100% - 24px,720px);margin:10px auto 12px;border:1px solid #c8d9d3;border-radius:9px;background:#fff;box-shadow:0 3px 12px rgba(16,42,67,.06);scroll-margin-top:84px}
  .mobile-calculator-picker summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:9px 12px;list-style:none;cursor:pointer;color:#102a43}
  .mobile-calculator-picker summary::-webkit-details-marker{display:none}
  .mobile-calculator-picker summary>span{display:grid;gap:2px;min-width:0}
  .mobile-calculator-picker summary small{color:#527169;font-size:9px;font-weight:850;letter-spacing:.08em}
  .mobile-calculator-picker summary strong{font-size:15px;line-height:1.2;overflow-wrap:anywhere}
  .mobile-calculator-picker summary b{flex:none;color:#0b767a;font-size:12px;white-space:nowrap}
  .mobile-calculator-picker[open] summary{border-bottom:1px solid #d8e5df;background:#f7faf8}
  .mobile-calculator-picker nav{display:grid;gap:12px;max-height:min(58dvh,510px);overflow-y:auto;padding:12px;overscroll-behavior:contain}
  .mobile-calculator-picker nav section{display:grid;gap:4px}
  .mobile-calculator-picker nav h3{margin:0 0 2px;color:#526b70;font-size:11px;letter-spacing:.03em}
  .mobile-calculator-picker nav a{display:flex;align-items:center;min-height:43px;padding:9px 11px;border:1px solid #e2eae5;border-radius:6px;color:#102a43;background:#fff;text-decoration:none;font-size:14px;font-weight:750;line-height:1.25}
  .mobile-calculator-picker nav a[aria-current="page"]{border-color:#d59528;background:#fff4dd}
  .mobile-calculator-picker summary:focus-visible,.mobile-calculator-picker nav a:focus-visible{outline:3px solid #d59528;outline-offset:2px}
  body:not(.pwa-standalone).mobile-route-ready #zuhause .home-tool-switcher,
  body:not(.pwa-standalone).mobile-route-ready #raumklima .misc-tool-switcher,
  body:not(.pwa-standalone).mobile-route-ready #beton .tool-switcher,
  body:not(.pwa-standalone).mobile-route-ready #homeHeatPumpSubnav,
  body:not(.pwa-standalone).mobile-route-ready #heatpumpWorkflow{display:none!important}
  body:not(.pwa-standalone).mobile-route-ready #zuhause .home-category-guide{display:none!important}
  body:not(.pwa-standalone).mobile-route-ready #zuhause .focus-navigation,
  body:not(.pwa-standalone).mobile-route-ready #beton .focus-navigation,
  body:not(.pwa-standalone).mobile-route-ready #zuhause .focus-back,
  body:not(.pwa-standalone).mobile-route-ready #beton .focus-back{display:none!important}
  body.calculator-page:not(.pwa-standalone) .calculator-route-intro{padding:13px 0 10px}
  body.calculator-page:not(.pwa-standalone) .calculator-route-intro .container{gap:0}
  body.calculator-page:not(.pwa-standalone) .calculator-route-intro h1{margin:5px 0;font-size:clamp(22px,6vw,27px);line-height:1.12}
  body.calculator-page:not(.pwa-standalone) .calculator-route-intro p{font-size:13px;line-height:1.4}
  body.calculator-page:not(.pwa-standalone) .calculator-route-intro .route-guide,
  body.calculator-page:not(.pwa-standalone) .calculator-route-intro .route-links{display:none}
  body.calculator-page:not(.pwa-standalone) #zuhause,
  body.calculator-page:not(.pwa-standalone) #beton,
  body.calculator-page:not(.pwa-standalone) #scopes{padding-top:8px}
  body.calculator-page:not(.pwa-standalone) #scopes>.container>.section-heading,
  body.calculator-page:not(.pwa-standalone) #beton>.container>.pcf-story{display:none!important}
  body:not(.pwa-standalone) .home-calc-form,
  body:not(.pwa-standalone) .calculator-controls,
  body:not(.pwa-standalone) .scope-shell{min-width:0}
  body:not(.pwa-standalone) .co2-reference-card strong{overflow-wrap:anywhere}
}

/* Die App zeigt die unveränderten Projektaktionen bei Bedarf an. */
body.pwa-standalone .app-project-details{display:block;margin:8px 0 12px;border:1px solid #cbded6;border-radius:9px;background:#fff}
body.pwa-standalone .app-project-details summary{display:flex;align-items:center;min-height:44px;padding:10px 13px;color:#173b55;font-size:13px;font-weight:850;cursor:pointer}
body.pwa-standalone .app-project-details:not([open])>:not(summary){display:none!important}
body.pwa-standalone .app-project-details .project-quickbar,
body.pwa-standalone .app-project-details .project-backup-bar{margin:0;border:0;box-shadow:none}
body.pwa-standalone #scopes>.container>.section-heading,
body.pwa-standalone #wissen>.container>.section-heading{display:none!important}
body.pwa-standalone textarea{font-size:16px}

@media print{.mobile-calculator-picker,.app-project-details>summary{display:none!important}}