/* v0.70: klare Bereiche, kompakte Rechnerwahl und ruhige Ergebnisfazits. */
.header-calculator-menu{position:relative;flex:none;font-size:12px;font-weight:800;color:#fff}
.header-calculator-menu>summary{list-style:none;cursor:pointer;padding:10px 14px;border-radius:8px;background:#102a43;white-space:nowrap}
.header-calculator-menu>summary::-webkit-details-marker{display:none}
.header-calculator-menu>summary span{color:#e7ae27;margin-left:5px}
.header-calculator-menu[open]>summary,.header-calculator-menu>summary:hover{background:#24546a}
.header-calculator-menu>nav{position:absolute;right:0;top:calc(100% + 9px);z-index:80;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(660px,calc(100vw - 30px));max-height:min(70vh,610px);overflow-y:auto;padding:16px;border:1px solid #d9e4df;border-radius:12px;background:#fff;color:#102a43;box-shadow:0 16px 40px rgba(16,42,67,.19);overscroll-behavior:contain}
.header-calculator-menu:not([open])>nav{display:none}
.header-calculator-menu nav section{display:grid;align-content:start;gap:2px}
.header-calculator-menu nav h3{margin:0 0 5px;font-size:12px;color:#6b5630}
.header-calculator-menu nav a{display:block;padding:7px 9px;border-radius:6px;color:#173b55;text-decoration:none;font-size:13px;line-height:1.3}
.header-calculator-menu nav a:hover,.header-calculator-menu nav a:focus-visible{background:#fff3d7;color:#102a43}
.header-calculator-menu>summary:focus-visible{outline:3px solid #e7ae27;outline-offset:2px}
body:not(.pwa-standalone) .decision-support{width:min(100%,820px);padding:18px 22px;margin:20px auto 8px;border:1px solid #e2d8bc;border-left:4px solid #dda837;border-radius:12px;background:#fffaf0;box-shadow:none}
body:not(.pwa-standalone) .decision-support-head{margin-bottom:6px}
body:not(.pwa-standalone) .decision-support-head h3{font-size:18px;margin:0}
body:not(.pwa-standalone) .decision-support>p{margin:7px 0;line-height:1.5;color:#34485a;font-size:14px}
body:not(.pwa-standalone) .decision-support .decision-actions{margin-top:10px}
body:not(.pwa-standalone) .decision-support .outline-button{font-size:12px;padding:8px 12px}
/* Warmes Logo-Orange nur als Akzent; Eingaben und Ergebnis bleiben ruhig. */
body:not(.pwa-standalone) .section .eyebrow,body:not(.pwa-standalone) .mini-label{color:#9b6d1b}
body:not(.pwa-standalone) .popular-tools,body:not(.pwa-standalone) .tool-focus-overview{background:#fcfaf4}
body:not(.pwa-standalone) .entry-card:hover{border-color:#dfb452}
@media(max-width:720px){
  body:not(.pwa-standalone) .nav-wrap{gap:7px}
  body:not(.pwa-standalone) .brand{min-width:0;flex:1}
  body:not(.pwa-standalone) .brand img{width:min(160px,100%)}
  body:not(.pwa-standalone) .menu-toggle{margin-left:0;flex:none}
  body:not(.pwa-standalone) .header-calculator-menu{display:block;order:1}
  body:not(.pwa-standalone) .header-calculator-menu>summary{font-size:12px;padding:8px 9px}
  body:not(.pwa-standalone) .header-calculator-menu>summary span{display:none}
  body:not(.pwa-standalone) .header-calculator-menu>nav{position:absolute;right:0;grid-template-columns:1fr;width:min(355px,calc(100vw - 30px));max-height:65vh;max-height:min(65dvh,540px);padding:12px}
  body:not(.pwa-standalone) #zuhause .section-heading,body:not(.pwa-standalone) #beton .section-heading{display:block}
  body:not(.pwa-standalone) #zuhause .section-heading h2,body:not(.pwa-standalone) #beton .section-heading h2{font-size:clamp(26px,8vw,38px);line-height:1.16}
  body:not(.pwa-standalone) #zuhause .section-heading .section-intro,body:not(.pwa-standalone) #beton .section-heading .section-intro{margin-top:8px;font-size:14px;line-height:1.5}
  body:not(.pwa-standalone) #zuhause[data-focus-view="landing"] .tool-focus-overview,body:not(.pwa-standalone) #beton[data-focus-view="landing"] .tool-focus-overview{display:none!important}
  body:not(.pwa-standalone) #zuhause .tool-focus-overview,body:not(.pwa-standalone) #beton .tool-focus-overview{display:none!important}
  body:not(.pwa-standalone) #zuhause[data-focus-view="landing"] .home-category-guide,
  body:not(.pwa-standalone) #zuhause[data-focus-view="landing"] .project-quickbar,
  body:not(.pwa-standalone) #zuhause[data-focus-view="landing"] .home-tool-switcher,
  body:not(.pwa-standalone) #zuhause[data-focus-view="landing"] .home-print-toolbar,
  body:not(.pwa-standalone) #beton[data-focus-view="landing"] .project-backup-bar,
  body:not(.pwa-standalone) #beton[data-focus-view="landing"] .tool-switcher{display:none!important}
  body:not(.pwa-standalone) #zuhause,body:not(.pwa-standalone) #beton,body:not(.pwa-standalone) #scopes,body:not(.pwa-standalone) #wissen{scroll-margin-top:76px}
  body:not(.pwa-standalone) .mobile-calculator-picker nav{max-height:55vh;max-height:min(55dvh,420px)}
  body:not(.pwa-standalone) .decision-support{padding:13px 15px;border-radius:10px}
  body:not(.pwa-standalone) .decision-support>p{font-size:13px}
}
@media(max-width:375px){body:not(.pwa-standalone) .brand img{width:min(134px,100%)}body:not(.pwa-standalone) .header-calculator-menu>summary{font-size:11px;padding:8px 7px}}
@media print{.header-calculator-menu{display:none!important}}
@media(min-width:681px) and (max-width:720px){
  body:not(.pwa-standalone) .menu-toggle{display:block}
  body:not(.pwa-standalone) .main-nav{display:none;position:absolute;left:15px;right:15px;top:68px;margin:0;padding:12px;background:#fff;border:1px solid #d9e4df;border-radius:8px;box-shadow:0 12px 30px rgba(16,42,67,.16)}
  body:not(.pwa-standalone) .main-nav.open{display:grid;gap:0}
  body:not(.pwa-standalone) .main-nav a{padding:11px}
}