*{box-sizing:border-box}body{margin:0;background:#0b1418;color:#e8e9e5;font-family:DM Sans,Arial,sans-serif;font-size:15px}@font-face{font-family:DM Sans;src:url(../../assets/fonts/DMSans-Regular.ttf)}@font-face{font-family:Manrope;src:url(../../assets/fonts/Manrope-Bold.ttf)}.header{max-width:1120px;margin:auto;padding:26px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #2c3c40}.header a,.back a{color:#b5c9ca;text-decoration:none}.logo{font-family:Manrope;font-size:19px;letter-spacing:.12em!important;color:#f3f5ef!important}.shell{max-width:850px;margin:55px auto;padding:0 22px}.eyebrow,.overline{letter-spacing:.13em;font-size:11px;color:#b8a16f;font-weight:700}h1{font:700 clamp(32px,5vw,51px) Manrope;margin:10px 0 14px}h2{font:700 21px Manrope;margin:0 0 30px}h3{font-size:15px;margin:28px 0 10px;color:#d6c39b}.lead{color:#a8b8b8;line-height:1.7;max-width:650px;margin-bottom:30px}.panel{background:#122025;border:1px solid #34474a;border-radius:17px;padding:clamp(20px,4vw,39px);box-shadow:0 20px 70px #0003}.field{margin:0 0 24px}.field>label,.top label{display:block;color:#d7e0df;font-size:14px;margin-bottom:10px}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px}.top label{margin:0}.top output{font-weight:700;color:#e8d3a2;white-space:nowrap}input[type=range]{width:100%;accent-color:#b9a16e;cursor:pointer}input[type=number],select{width:100%;border:1px solid #43575a;border-radius:8px;background:#172a2e;color:#f1f2ee;padding:11px 12px;font:inherit}.seg{display:flex;gap:6px}.seg label{flex:1}.seg input{position:absolute;opacity:0}.seg span{display:block;text-align:center;border:1px solid #405457;border-radius:7px;padding:12px 4px;cursor:pointer;font-size:13px}.seg input:checked+span{border-color:#c5ae78;background:#384034;color:#fff}.radios{display:grid;gap:12px}.radios label{cursor:pointer}.radios input{accent-color:#c4ab73}.radios small{color:#bca77c}.result{background:#1c3032;border:1px solid #3a5151;padding:25px;border-radius:12px;margin:28px 0 12px}.result strong{font:700 clamp(35px,6vw,52px) Manrope;color:#e4d4ad}.result span{color:#d4c39c}.result p{color:#9fb1b0;font-size:12px;line-height:1.65}.result.small{margin:12px 0}.result.small strong{font-size:35px}details{border-bottom:1px solid #344649}summary{list-style:none;cursor:pointer;padding:22px 0;font-weight:700;display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}summary:after{content:'⌄';font-size:22px;color:#cbb88e}details[open] summary:after{content:'⌃'}.inside{padding:8px 0 20px}.muted,.foot{color:#a2b2b1;font-size:12px;line-height:1.75}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:16px}.metric{color:#9eaeac;font-size:12px;padding:7px 0}.metric strong{display:block;font-size:20px;color:#eee;margin-top:10px}.data-row{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid #2d4244;padding:10px 0;font-size:13px}.data-row span{color:#b3c2c0}.data-row strong{text-align:right}.foot{margin:28px 0 18px}.reset{border:1px solid #4c6160;border-radius:8px;background:transparent;color:#d4e0de;padding:12px 18px;cursor:pointer;width:100%}.back{margin:26px 0 50px}.tip{border:0;background:transparent;color:#bdac86;cursor:pointer;font-size:14px}.tooltip{border:1px solid #806f4c;background:#263333;padding:17px;border-radius:10px;margin:15px 0}.tooltip button{float:right;background:none;border:0;color:#fff;cursor:pointer;font-size:20px}.tooltip p{color:#c0ceca;line-height:1.6}.warning{color:#ffb5a6!important}@media(max-width:520px){.twocol{grid-template-columns:1fr}.seg span{font-size:12px}.header{padding:20px 15px}.shell{margin-top:30px}}
.capex-live{border:1px solid rgba(184,163,117,.45);border-radius:10px;padding:13px 15px;margin:8px 0 20px;background:rgba(184,163,117,.08)}.capex-live .top{display:flex;justify-content:space-between;gap:12px;align-items:baseline;flex-wrap:wrap}.capex-live strong{color:#dec997;font-variant-numeric:tabular-nums}.capex-live p{font-size:12px;line-height:1.5;color:#bac9c4;margin:8px 0 0}

/* V45: zugängliche, zentrierte Erklärungs-Overlays statt Hinweis am Seitenende */
.tooltip{position:fixed;inset:0;margin:auto;width:min(92vw,480px);max-height:min(80vh,680px);overflow:auto;border:1px solid #a68f62;background:#203135;color:#f0f0eb;padding:25px 26px;border-radius:14px;box-shadow:0 28px 90px #000b;z-index:1000}
.tooltip::backdrop{background:rgba(2,10,13,.76);backdrop-filter:blur(3px)}
.tooltip-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.tooltip-head strong{font:700 19px Manrope,Arial,sans-serif;line-height:1.4;color:#e7d3a8}
.tooltip-head button{float:none;flex:0 0 auto;font-size:26px;line-height:1;min-width:34px;min-height:34px;border-radius:6px}
.tooltip-head button:hover,.tooltip-head button:focus-visible{background:#3d5152;outline:2px solid #c5ae78;outline-offset:2px}
.tooltip p{margin:15px 0 0;font-size:14px;line-height:1.75;color:#d0dbd8}
.tip:focus-visible{outline:2px solid #c5ae78;outline-offset:3px;border-radius:4px}
@media(max-width:520px){.tooltip{padding:21px 19px;width:calc(100vw - 28px)}}

#capacityWarning:not(:empty){padding:10px 14px;border-left:3px solid #d1a452;font-size:.88rem} .tip{min-width:30px;min-height:30px} input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid #d4ad69;outline-offset:3px}

.market-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 8px}
.market-compare>div{padding:13px 14px;border:1px solid rgba(200,190,155,.26);border-radius:10px;background:rgba(255,255,255,.035)}
.market-compare span{display:block;font-size:.77rem;opacity:.78;margin-bottom:6px}
.market-compare strong{display:block;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.3;color:#b9dfbc;font-variant-numeric:tabular-nums}
.market-compare strong.negative{color:#e3a8a0}
.market-compare-note{font-size:.77rem;opacity:.78;line-height:1.55}
@media(max-width:420px){.market-compare{gap:8px}.market-compare>div{padding:11px 9px}}

/* V56: neutral hypothetical comparison and visible keyboard focus */
#upside{color:inherit!important;text-shadow:none!important}#upside.negative{color:inherit!important}.market-compare strong{font-variant-numeric:tabular-nums}.seg input:focus-visible+span{outline:2px solid #d5b87a;outline-offset:3px}

/* V61 site chrome */
.site-header{max-width:none}
.calc-breadcrumb{display:flex;align-items:center;gap:10px;font-size:13px;color:#b8a16f;margin-bottom:23px}
.calc-breadcrumb a{color:#aebfc0;text-decoration:none}
.calc-breadcrumb a:hover{text-decoration:underline}
.valuation-precision-note{margin-top:20px;padding-top:16px;border-top:1px solid #34474a;color:#b7c7c6;font-size:12px;line-height:1.65}
.site-footer{margin-top:65px}


/* V62: keep the breadcrumb clear of the fixed site navigation. */
main.shell {
  margin-top: 0;
  padding-top: calc(var(--header-h, 80px) + 40px);
}
.calc-breadcrumb {
  margin-bottom: 34px;
}
.calc-breadcrumb a {
  cursor: pointer;
  text-decoration: none;
}
.calc-breadcrumb a:hover,
.calc-breadcrumb a:focus-visible {
  color: #e6d1a0;
  text-decoration: underline;
}
@media (max-width: 680px) {
  main.shell {
    margin-top: 0;
    padding-top: calc(var(--header-h, 68px) + 36px);
  }
  .calc-breadcrumb {
    margin-bottom: 32px;
    flex-wrap: wrap;
    row-gap: 5px;
  }
}

/* V63: balanced bilingual heading; mobile remains naturally responsive */
@media (min-width: 681px) {
  main.shell h1 { font-size: clamp(31px, 3.1vw, 36px); letter-spacing: -0.035em; line-height: 1.22; }
  main.shell .lead { max-width: none; font-size: 14px; line-height: 1.65; }
}