/* 1.0.9: A continuous scene in the real template, not a background of the result alone.
   Decorative images have no pointer events and never participate in the measurement. */
.measurement-stage{position:relative;isolation:isolate;overflow:clip}
.stage-landscape{display:none}
.share-stage{position:relative;isolation:isolate}
.share-fiber-arc{display:none}
.pre-result-arc{display:none}

/* The white sharing surface is shared by both themes. One image, one toolbar. */
.share-stage .share-panel{margin:0;overflow:visible;border-radius:20px;padding:26px 28px}
.share-stage .share-panel:before{display:none}
.share-stage .share-heading .eyebrow{display:none}
.share-stage .share-heading{align-items:center;gap:14px}
.share-stage .share-heading-icon{width:44px;height:44px;flex-basis:44px;background:#e7f2ff;border:0}
.share-stage .share-panel h2{font-size:1.4rem;letter-spacing:-.035em}
.share-stage .share-lead{font-size:.84rem;margin-top:5px;color:#4a6481}
.share-stage .share-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:30px;align-items:start;margin-top:24px;padding:0;border:0}
.share-stage .share-preview>img{border:1px solid #cedfeb;border-radius:13px;box-shadow:0 6px 18px #21446613}
.share-stage .share-preview>p{font-size:.7rem;line-height:1.6;color:#526b82;margin-top:10px}
.share-stage .share-side{display:flex;flex-direction:column;background:none;border:0;border-radius:0;padding:0;min-width:0}
.share-stage .share-tools{order:0}
.share-stage .share-status{order:1;background:none;border:0;padding:0;margin:9px 0 0;font-size:.73rem;color:#506b82;line-height:1.65}
.share-stage #retry-share{order:2}
.share-stage .social-links{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:0 0 19px}
.share-stage .social-links a{flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:2px 0 5px;border:0;border-radius:10px;background:transparent;color:#16395d;font-size:.68rem;font-weight:600;text-align:center;min-height:69px}
.share-stage .social-links a:hover{background:#eef6ff;color:#065fc7}
.share-stage .social-icon{width:43px;height:43px;flex-basis:43px;border:1px solid #d3e3f4;border-radius:14px;background:#edf5ff}
.share-stage .social-icon img{width:25px;height:25px}
.share-stage .social-label{overflow:visible;white-space:normal;line-height:1.4;overflow-wrap:anywhere}
.share-stage .field-label{font-size:.74rem;color:#345674;margin-bottom:2px}
.share-stage .copy-field input{font-size:.78rem;min-height:45px;background:#f5f9ff!important;border-color:#caddef!important;color:#234c74!important}
.share-stage .copy-field button{width:46px;flex-basis:46px;background:#edf5ff;color:#165ea1}
.share-stage .share-field-compact{margin-bottom:14px}
.share-stage .share-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.share-stage .share-action-grid>.button,.share-stage .embed-details>summary{min-height:46px;font-size:.76rem;font-weight:650;border-radius:10px;background:#f1f7ff;border-color:#d1e1f1;color:#165790}
.share-stage .share-tools #copy-status{display:block;min-height:0;margin:8px 0 0;font-size:.75rem;color:#275273}
.share-stage .share-tools #copy-status:empty{display:none}
.share-stage .share-preview-empty{min-height:0;aspect-ratio:1200/630;background:#f2f8fe;border-color:#c8dfef}
.share-stage .share-preview-empty strong{font-size:1.1rem}
.share-stage .share-preview-empty p{font-size:.82rem}

/* Friendly Modern: pale sky, real meadow, navy text. The scene is visible before Start. */
body.theme--friendly{--text:#0b2751;--muted:#496480;--soft:#56738c;--accent:#087bd4;--blue:#b934c5;--violet:#258860;background:#f5faff;background-attachment:scroll;color:#0b2751}
body.theme--friendly:before{display:none}
.theme--friendly .site-header{height:88px;background:rgba(230,245,255,.94);border-bottom-color:rgba(190,218,238,.45);backdrop-filter:blur(12px)}
.theme--friendly .brand-copy>strong{font-size:1.08rem;letter-spacing:-.02em;color:#0a2851}
.theme--friendly .brand-sub{color:#3f5d7b;font-size:.76rem}
.theme--friendly .header-inner nav a{color:#233e61;font-size:.85rem}
.theme--friendly .header-note{background:#f3faff;border-color:#c7dff0;color:#264d70}
.theme--friendly .measurement-stage{background:linear-gradient(180deg,#e4f4ff 0,#eef8ff 31rem,#f5faff 64rem,#f5faff 100%)}
.theme--friendly .stage-landscape{display:block;position:absolute;z-index:-1;top:148px;left:0;width:100%;pointer-events:none;user-select:none}
.theme--friendly .stage-landscape img{display:block;width:100%;height:auto;max-width:none}
.theme--friendly .hero{padding-top:44px;text-align:left}
.theme--friendly .hero:before{display:none}
.theme--friendly .hero-intro{position:relative;min-height:340px;max-width:720px;padding-bottom:34px}
.theme--friendly .hero-kicker{font-size:.66rem;letter-spacing:.14em;margin-bottom:17px;color:#1b677f}
.theme--friendly .hero h1{max-width:690px;font-size:clamp(37px,4.1vw,59px);line-height:1.1;letter-spacing:-.05em;color:#0a2651}
.theme--friendly .hero h1>span{background:none;-webkit-text-fill-color:initial;color:#116fc0}
.theme--friendly .hero-description{font-size:.96rem;line-height:1.75;margin:18px 0 0;max-width:590px;color:#294e71}
.theme--friendly .hero-assurances{justify-content:flex-start;gap:9px;margin-top:19px}
.theme--friendly .hero-assurances span{padding:6px 10px;background:rgba(255,255,255,.96);border-color:#d6e6ee;color:#264b64;font-size:.69rem}
.theme--friendly .hero-assurances .icon{color:#208158}
.theme--friendly .instrument{position:relative;margin-top:64px;border:1px solid #b8d9eb;border-radius:20px;background:linear-gradient(140deg,#ffffff,#f5faff);box-shadow:0 18px 48px #215a7d13,0 2px 7px #275d7710}
/* Compact idle/running geometry; numerical readout and phase order are unchanged. */
.theme--friendly:not(.has-result) .instrument-main{min-height:168px;padding:23px 42px 0}
.theme--friendly:not(.has-result) .reading-line{min-height:90px}
.theme--friendly:not(.has-result) .reading-line #live-value{font-size:clamp(54px,6vw,80px)}
.theme--friendly:not(.has-result) .chart-container{height:92px}
.theme--friendly:not(.has-result) .test-phases{padding-block:12px}
.theme--friendly:not(.has-result) .metric-grid{padding-block:19px}
.theme--friendly:not(.has-result) .metric>div{min-height:44px}
.theme--friendly:not(.has-result) .instrument-options{padding-block:12px}
.theme--friendly:not(.has-result) .test-options>summary{padding-block:14px}
.theme--friendly .instrument-label{font-size:.74rem;letter-spacing:.08em;color:#14385a}
.theme--friendly .instrument-label .icon{color:#0a94ce}
.theme--friendly .reading-caption{color:#3f627f}
.theme--friendly .reading-note,.theme--friendly .control-note,.theme--friendly .server-indicator,.theme--friendly .data-note{color:#43627a}
.theme--friendly .start-button{background:linear-gradient(110deg,#087ae6,#168cef);border-color:#087ae6;box-shadow:0 8px 21px #087ae628;border-radius:12px;color:#fff}
.theme--friendly .start-button:hover{background:linear-gradient(110deg,#066acc,#097de0);border-color:#076bd0}
.theme--friendly .chart-grid{stroke:#cddfee}
.theme--friendly #chart-line{stroke:#0588de}
.theme--friendly #curve-fill stop{stop-color:#41a8ef}
.theme--friendly #chart-caption{color:#3b5f7d}
.theme--friendly .metric-label,.theme--friendly .metric small{color:#45627c}
.theme--friendly .metric:nth-child(2) .metric-label .icon{color:#b32dc9}
.theme--friendly .test-phases li.done{color:#285574}
.theme--friendly .test-phases li>span{color:#516e84}
.theme--friendly .test-footnote{color:#45617a;max-width:960px;line-height:1.65;font-size:.7rem}
.theme--friendly .test-footnote a{color:#165da0}
.theme--friendly .result-section{padding-top:24px}
.theme--friendly .share-stage{position:relative;isolation:isolate;overflow:visible;padding-bottom:158px}
.theme--friendly .share-panel{position:relative;z-index:2;background:rgba(255,255,255,.985);border-color:#d0e1ef;box-shadow:0 14px 42px #26557516,0 2px 7px #3557720d}
.theme--friendly .pre-result-arc{display:flex;justify-content:flex-end;pointer-events:none;user-select:none;height:176px;margin:18px 0 10px;overflow:visible}
.theme--friendly .pre-result-arc img{width:min(860px,74vw);max-width:none;height:auto;transform:translate(96px,-18px);opacity:.96;mask-image:linear-gradient(90deg,transparent 8%,#000 38%);-webkit-mask-image:linear-gradient(90deg,transparent 8%,#000 38%)}
.theme--friendly.has-result .pre-result-arc{display:none}
.theme--friendly .share-fiber-arc{display:block;position:absolute;z-index:1;pointer-events:none;user-select:none;width:920px;max-width:none;height:auto;right:-174px;bottom:-78px;opacity:.96;mask-image:linear-gradient(90deg,transparent 5%,#000 38%);-webkit-mask-image:linear-gradient(90deg,transparent 5%,#000 38%)}
.theme--friendly .result-context{padding:12px 0 44px;background:transparent}
.theme--friendly .result-context:before{display:none}
.theme--friendly .result-context .section-heading{min-height:86px;max-width:750px;margin-bottom:22px;align-items:flex-start}
.theme--friendly .result-context .section-heading h2{font-size:clamp(29px,3vw,40px);color:#0d2e55}
.theme--friendly .result-context .eyebrow{color:#396881;font-size:.64rem;letter-spacing:.14em;margin-bottom:10px}
.theme--friendly .result-context .status-badge{align-self:flex-start;white-space:normal;text-align:center;line-height:1.5}
.theme--friendly .result-detail-grid>div{border-color:#d5e4ef!important;border-radius:13px;background:#fff;box-shadow:0 4px 15px #2554760b}
.theme--friendly .result-detail-grid span{color:#45637c;font-size:.75rem}
.theme--friendly .quality-notes>p{font-size:.81rem;color:#496480}
.theme--friendly .beyond-section,.theme--friendly .guide-section,.theme--friendly .faq-section{background:transparent}
.theme--friendly .beyond-section{padding-top:55px;padding-bottom:60px;border-top:1px solid #dce9f1}
.theme--friendly .preparation-section{background:#eef6fc;border-color:#d5e7f3}
.theme--friendly .feature-card,.theme--friendly .guide-card{box-shadow:0 7px 23px #2b567c0a;border-color:#d7e6f0;border-radius:17px}
.theme--friendly .feature-icon.blue{color:#9d2ba9;background:#faeffb;border-color:#eddaef}
.theme--friendly .guide-card:before{background:linear-gradient(90deg,#53b9ef,#88d7e0)}
.theme--friendly .guide-card .guide-tag{color:#276893}
.theme--friendly .site-footer{background:#edf6fc;border-top-color:#d4e5f0}
.theme--friendly .trust-strip .icon{color:#205b7d}

/* After completion, summary cards carry the numbers; the instrument keeps its real curve,
   restart button and all options, without a second set of large duplicate metrics. */
.theme--friendly.has-result .hero-intro{display:none}
.theme--friendly.has-result .share-auto-disclosure{display:none}
.theme--friendly.has-result .hero{padding-top:36px}
.theme--friendly.has-result .stage-landscape{top:75px}
.theme--friendly .result-overview-head{min-height:167px;padding-right:0;align-items:flex-start;margin-bottom:20px}
.theme--friendly .result-overview-head>div:first-child{max-width:640px}
.theme--friendly .result-overview-head :is(h1,h2){font-size:clamp(35px,4vw,54px);color:#0a2750}
.theme--friendly .result-overview-head p:not(.eyebrow){font-size:.93rem;color:#2b5378}
.theme--friendly .result-overview-meta{padding:10px 13px;margin-top:12px;font-size:.72rem;min-width:200px;color:#375c7a;background:rgba(247,252,255,.96);border:1px solid #d7e8f4;border-radius:11px}
.theme--friendly .result-summary-card{min-height:122px;gap:14px;padding:20px;background:#fbfdff;border-color:#d1e3f2;border-radius:16px;box-shadow:0 4px 14px #2c638316}
.theme--friendly .result-summary-card>div>span{font-size:.79rem;color:#163756}
.theme--friendly .result-summary-card strong{font-size:clamp(1.6rem,2.6vw,2.45rem);color:#0b254d}
.theme--friendly .result-summary-card small{font-size:.74rem}
.theme--friendly .result-summary-upload .result-summary-icon{background:#f7d8fa;color:#b61aca}
.theme--friendly.has-result .live-reading{display:none}
.theme--friendly.has-result .start-button{min-width:0;width:100%;min-height:45px;padding:10px 14px;font-size:.8rem}
.theme--friendly.has-result #chart-caption{right:0;bottom:0;font-size:.62rem}
.theme--friendly.has-result .metric-grid,.theme--friendly.has-result .test-phases{display:none}
.theme--friendly.has-result .test-options>summary{padding:12px 0}

@media(min-width:1700px){
  .theme--friendly .stage-landscape{top:92px}
  .theme--friendly.has-result .stage-landscape{top:34px}
}
@media(max-width:1050px){
  .theme--friendly .hero-intro{min-height:330px;max-width:640px}
  .theme--friendly .stage-landscape{top:207px}
  .theme--friendly.has-result .stage-landscape{top:125px}
  .share-stage .share-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
  .share-stage .social-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .share-stage .social-links a{flex-direction:row;justify-content:flex-start;min-height:42px;gap:6px;font-size:.67rem}
  .share-stage .social-icon{width:32px;height:32px;flex-basis:32px;border-radius:10px}
  .share-stage .social-icon img{width:20px;height:20px}
  .theme--friendly .result-summary-card{padding:16px 13px;gap:10px}
  .theme--friendly .result-summary-icon{width:40px;height:40px;flex-basis:40px}
}
@media(max-width:800px){
  .theme--friendly .site-header{height:78px}
  .theme--friendly .hero{padding-top:31px}
  .theme--friendly .hero-intro{min-height:353px}
  .theme--friendly .hero h1{font-size:43px}
  .theme--friendly .hero-description{max-width:525px;font-size:.89rem}
  .theme--friendly .stage-landscape{width:1040px;left:auto;right:-102px;top:235px}
  .theme--friendly.has-result .stage-landscape{top:131px}
  .theme--friendly .result-overview-head{min-height:177px;display:block;margin-bottom:20px}
  .theme--friendly .result-overview-meta{display:inline-flex;padding:8px 11px;margin-top:14px;align-items:flex-start;text-align:left}
  .share-stage .share-layout{grid-template-columns:1fr;gap:20px}
  .share-stage .share-preview{width:100%;max-width:620px;margin-inline:auto}
  .share-stage .social-links{grid-template-columns:repeat(6,minmax(0,1fr))}
  .share-stage .social-links a{flex-direction:column;justify-content:center;font-size:.71rem;gap:7px}
  .share-stage .social-icon{width:42px;height:42px;flex-basis:42px;border-radius:12px}
  .share-stage .social-icon img{width:24px;height:24px}
  .theme--friendly .pre-result-arc{height:150px;margin-top:16px}.theme--friendly .pre-result-arc img{width:min(700px,76vw);transform:translate(80px,-10px)}
  .theme--friendly .share-stage{padding-bottom:136px}
  .theme--friendly .share-fiber-arc{width:740px;right:-210px;bottom:-66px}
  .theme--friendly .result-context .section-heading{max-width:75%}
  .theme--friendly .result-context .section-heading h2{font-size:31px}
}
@media(max-width:640px){
  .theme--friendly .site-header{height:auto;min-height:74px}
  .theme--friendly .header-inner{min-height:74px;flex-wrap:wrap;gap:12px;padding-block:10px}
  .theme--friendly .header-inner nav{gap:14px;margin:0}
  .theme--friendly .brand{min-width:0}
  .theme--friendly .brand>svg{flex-shrink:0}
  .theme--friendly .brand-copy>strong{font-size:.87rem}
  .theme--friendly .brand-sub{font-size:.63rem}
  .theme--friendly .header-inner nav a{font-size:.72rem}
  .theme--friendly .hero-intro{min-height:392px;max-width:none;padding-bottom:28px}
  .theme--friendly .hero h1{font-size:clamp(32px,7.2vw,43px);line-height:1.14}
  .theme--friendly .hero-kicker{font-size:.6rem;letter-spacing:.09em;margin-bottom:15px}
  .theme--friendly .hero-description{font-size:.85rem;line-height:1.8}
  .theme--friendly .hero-description br{display:none}
  .theme--friendly .hero-assurances{gap:7px;max-width:350px;margin-top:16px}
  .theme--friendly .hero-assurances span{font-size:.64rem;padding:5px 8px}
  .theme--friendly .stage-landscape{width:760px;right:-88px;top:260px}
  .theme--friendly .stage-landscape img{aspect-ratio:837/254}
  .theme--friendly.has-result .stage-landscape{top:174px;opacity:.94}
  .theme--friendly .instrument{border-radius:17px;margin-top:57px}
  .theme--friendly:not(.has-result) .instrument-main{padding:23px 20px 0;min-height:0;gap:18px}
  .theme--friendly:not(.has-result) .chart-container{height:78px}
  .theme--friendly .instrument-label{font-size:.67rem;letter-spacing:.05em}
  .theme--friendly .server-indicator{font-size:.61rem}
  .theme--friendly.has-result .hero{padding-top:25px}
  .theme--friendly .result-overview-head{min-height:189px;padding:0}
  .theme--friendly .result-overview-head :is(h1,h2){font-size:2.15rem}
  .theme--friendly .result-overview-head p:not(.eyebrow){font-size:.82rem;max-width:320px}
  .theme--friendly .result-overview-meta{font-size:.65rem}
  .theme--friendly .result-summary-grid{gap:10px}
  .theme--friendly .result-summary-card{min-height:106px;padding:13px 11px;gap:10px}
  .theme--friendly .result-summary-card strong{font-size:clamp(1.35rem,5.7vw,1.85rem)}
  .theme--friendly .result-summary-card>div>span{font-size:.68rem}
  .theme--friendly .result-summary-icon{width:35px;height:35px;flex-basis:35px}
  .theme--friendly .result-summary-icon .icon{width:21px;height:21px}
  .theme--friendly.has-result .start-button{width:auto;min-width:160px}
  .theme--friendly.has-result #chart-caption{font-size:.54rem}
  .theme--friendly .result-section{padding-top:21px}
  .share-stage .share-panel{padding:20px 16px;border-radius:17px}
  .share-stage .share-heading{align-items:flex-start;gap:10px}
  .share-stage .share-heading-icon{width:34px;height:34px;flex-basis:34px}
  .share-stage .share-panel h2{font-size:1.25rem}
  .share-stage .share-lead{font-size:.8rem;line-height:1.7}
  .share-stage .share-layout{margin-top:19px;gap:16px}
  .share-stage .social-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:19px}
  .share-stage .social-links a{font-size:.73rem}
  .share-stage .share-action-grid{gap:9px}
  .share-stage .share-action-grid>.button,.share-stage .embed-details>summary{font-size:.69rem;gap:6px;padding:10px 6px}
  .share-stage .share-status{font-size:.72rem}
  .theme--friendly .share-stage{padding-bottom:67px}
  .theme--friendly .pre-result-arc{height:118px;margin-top:14px;margin-bottom:4px}
  .theme--friendly .pre-result-arc img{width:min(540px,84vw);transform:translate(76px,0)}
  .theme--friendly .share-stage{padding-bottom:102px}
  .theme--friendly .share-fiber-arc{width:560px;right:-156px;bottom:-24px}
  .theme--friendly .result-context .section-heading{max-width:81%;min-height:100px;gap:12px}
  .theme--friendly .result-context .section-heading h2{font-size:1.9rem}
  .theme--friendly .result-context .section-heading .eyebrow{font-size:.57rem}
  .theme--friendly .result-detail-grid{gap:10px}
  .theme--friendly .result-detail-grid span{font-size:.71rem}
  .theme--friendly .result-detail-grid strong{font-size:1.06rem}
  .theme--friendly .beyond-section{padding-block:39px}
}
@media(max-width:360px){
  .theme--friendly .hero-intro{min-height:404px}
  .theme--friendly .stage-landscape{top:303px;right:-72px;width:625px}
  .theme--friendly.has-result .stage-landscape{top:180px}
  .theme--friendly .brand-copy>strong{font-size:.75rem}
  .theme--friendly.has-result .start-button{min-width:139px;font-size:.73rem}
}
@media(forced-colors:active){
  .stage-landscape,.share-fiber-arc,.pre-result-arc{display:none!important}
  .share-stage .social-icon{border:1px solid ButtonText}
}
@media print{
  .stage-landscape,.share-fiber-arc,.pre-result-arc{display:none!important}
  .measurement-stage,.theme--friendly .measurement-stage{background:#fff;overflow:visible}
  .share-stage{padding-bottom:0!important}
  .share-stage .share-panel{box-shadow:none}
}

/* 1.0.14 – Friendly: dunkler Glass-Header, besser lesbarer Hero und einheitliches Farbsystem. */
.theme--friendly .site-header{
  background:rgba(4,17,33,.88);
  border-bottom:1px solid rgba(154,205,242,.15);
  -webkit-backdrop-filter:blur(18px) saturate(135%);
  backdrop-filter:blur(18px) saturate(135%);
  box-shadow:0 1px 0 rgba(255,255,255,.03);
  transition:background-color .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.theme--friendly .site-header.is-scrolled{
  background:rgba(3,14,28,.96);
  border-bottom-color:rgba(135,193,233,.20);
  box-shadow:0 12px 34px rgba(5,27,47,.24),0 1px 0 rgba(255,255,255,.04);
}
.theme--friendly .site-header .brand{color:#f7fbff}
.theme--friendly .site-header .brand>svg{color:#45c9ff;filter:drop-shadow(0 0 12px rgba(69,201,255,.18))}
.theme--friendly .site-header .brand-copy>strong{color:#fff}
.theme--friendly .site-header .brand-sub{color:#b8cede}
.theme--friendly .site-header .header-inner nav a{color:#c8d9e8}
.theme--friendly .site-header .header-inner nav a:hover,.theme--friendly .site-header .header-inner nav a[aria-current]{color:#fff}
.theme--friendly .site-header .header-inner nav a[aria-current]:after{background:#46caff;box-shadow:0 0 12px rgba(70,202,255,.38)}
.theme--friendly .site-header .header-note{background:rgba(255,255,255,.07);border-color:rgba(173,215,243,.20);color:#d8e7f2}
.theme--friendly .site-header .header-note:hover{background:rgba(255,255,255,.11);color:#fff}
.theme--friendly .site-header .header-note .icon{color:#71d9ba}

/* Der Text bleibt auf dem Foto, bekommt aber eine weich auslaufende Lesefläche statt einer harten Karte. */
.theme--friendly .hero-intro{isolation:isolate}
.theme--friendly .hero-intro:before{
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  top:-24px;
  right:42px;
  bottom:8px;
  left:-34px;
  border-radius:26px;
  background:linear-gradient(90deg,rgba(233,246,255,.94) 0%,rgba(237,248,255,.86) 56%,rgba(237,248,255,.50) 78%,rgba(237,248,255,0) 100%);
  -webkit-backdrop-filter:blur(2px);
  backdrop-filter:blur(2px);
}
.theme--friendly .hero-description{color:#234b6d;text-shadow:0 1px rgba(255,255,255,.75)}
.theme--friendly .hero-kicker{color:#17617c}

/* Nach Abschluss ersetzt die Ergebnisübersicht den Hero-Text.
   Sie erhält dieselbe weich auslaufende Glas-Lesefläche, damit der Zustand nicht optisch abbricht. */
.theme--friendly.has-result .result-overview-head>div:first-child{position:relative;isolation:isolate;z-index:0}
.theme--friendly.has-result .result-overview-head>div:first-child:before{
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  top:-20px;
  right:-52px;
  bottom:-18px;
  left:-34px;
  border-radius:26px;
  background:linear-gradient(90deg,rgba(233,246,255,.94) 0%,rgba(237,248,255,.86) 56%,rgba(237,248,255,.50) 78%,rgba(237,248,255,0) 100%);
  -webkit-backdrop-filter:blur(2px);
  backdrop-filter:blur(2px);
}

/* Ergebnis-Kontext: hell, ruhig und mit klarer Navy-/Cyan-/Mint-Hierarchie. */
.theme--friendly .result-context{
  position:relative;
  isolation:isolate;
  margin-top:0;
  padding:58px 0 70px;
  color:#14344f;
  background:transparent;
}
.theme--friendly .result-context:before{
  content:"";
  display:block;
  position:absolute;
  z-index:-2;
  top:0;
  bottom:0;
  left:50%;
  width:100vw;
  transform:translateX(-50%);
  border-top:1px solid #d7e7ef;
  border-bottom:1px solid #dce9ef;
  background:
    radial-gradient(circle at 88% 12%,rgba(76,184,220,.10),transparent 27rem),
    linear-gradient(180deg,#edf6fa 0%,#f7fbfd 48%,#f3f8fa 100%);
}
.theme--friendly .result-context .section-heading{max-width:none;min-height:0;margin-bottom:30px;align-items:flex-end}
.theme--friendly .result-context .section-heading>div{max-width:670px}
.theme--friendly .result-context .eyebrow{color:#237897;letter-spacing:.15em}
.theme--friendly .result-context .section-heading h2{color:#0d2d49;font-size:clamp(31px,3.2vw,43px)}
.theme--friendly .result-context .status-badge{border-color:#b9ddce;background:#edf8f3;color:#2d6b52;box-shadow:inset 0 1px #fff}
.theme--friendly .result-context .status-badge.warning{border-color:#ead8ad;background:#fff9ed;color:#795d24}
.theme--friendly .result-detail-grid{max-width:none;gap:14px}
.theme--friendly .result-detail-grid>div{
  position:relative;
  overflow:hidden;
  min-height:108px;
  padding:19px 21px;
  border:1px solid #d5e5ed!important;
  border-radius:15px;
  background:linear-gradient(180deg,#fff,#f9fcfd);
  box-shadow:0 10px 28px rgba(34,78,105,.07),inset 0 1px #fff;
}
.theme--friendly .result-detail-grid>div:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#55c7ee,#73d3b0)}
.theme--friendly .result-detail-grid span{color:#5a7486;font-size:.73rem}
.theme--friendly .result-detail-grid strong{color:#0c2e4b;font-size:1.3rem}
.theme--friendly .quality-notes{max-width:none;border-left-color:#5ebba1}
.theme--friendly .quality-notes>p{color:#526d80}
.theme--friendly .result-actions{max-width:none;margin-top:23px}
.theme--friendly .result-context .button-secondary{border-color:#c9dce7;background:#fff;color:#1f587b;box-shadow:0 4px 13px rgba(37,78,104,.05)}
.theme--friendly .result-context .button-secondary:hover{border-color:#87bfd9;background:#f2f9fc;color:#103f60}
.theme--friendly .result-context .text-button{color:#127baa}
.theme--friendly #privacy-result-note{max-width:none;color:#60798a}
.theme--friendly .result-context .content-panel{max-width:none;border:1px solid #d6e5ed;background:#fff;color:#173750;box-shadow:0 12px 32px rgba(34,75,100,.06)}
.theme--friendly .result-context .content-panel h3,.theme--friendly .result-context .diagnosis-item h4{color:#133650}
.theme--friendly .result-context .content-panel>p:not(.eyebrow),.theme--friendly .result-context .diagnosis-item p{color:#587184}
.theme--friendly .diagnosis-item{border-top-color:#e0eaf0}
.theme--friendly .diagnosis-item a,.theme--friendly .result-context .text-button{color:#1179ad}
.theme--friendly table td,.theme--friendly table th{border-bottom-color:#dde8ee;color:#546f81}
.theme--friendly td:last-child{color:#177dab}
.theme--friendly .checkbox-label{color:#526f82}

/* Der restliche Startseiten-Unterbau verwendet dieselbe Palette statt einzelner Fremdfarben. */
.theme--friendly .beyond-section{position:relative;isolation:isolate;padding-top:72px;padding-bottom:76px;border-top:0;background:transparent}
.theme--friendly .beyond-section:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;height:auto;transform:translateX(-50%);background:#f8fbfc;border:0}
.theme--friendly .beyond-section .section-heading h2,.theme--friendly .guide-section .section-heading h2,.theme--friendly .faq-section h2{color:#102f4b}
.theme--friendly .section-heading>p{color:#5b7486}
.theme--friendly .feature-card{
  border:1px solid #d8e6ed;
  border-radius:18px;
  background:linear-gradient(180deg,#fff,#fbfdfe);
  color:#12334e;
  box-shadow:0 12px 30px rgba(36,77,102,.06);
}
.theme--friendly .feature-card:before{background:linear-gradient(90deg,transparent,#63c4e5 48%,#70cfae 72%,transparent);opacity:.75}
.theme--friendly .feature-icon{border-color:#cce7f2;background:#eef9fd;color:#1683b7}
.theme--friendly .feature-icon.blue{border-color:#d7e2f4;background:#f2f6ff;color:#4d75b8}
.theme--friendly .feature-icon.violet{border-color:#cfe7da;background:#eef9f3;color:#398a65}
.theme--friendly .feature-top>span:last-child{color:#6c8291}
.theme--friendly .feature-card h3{color:#143650}
.theme--friendly .feature-card p{color:#5b7485}

.theme--friendly .preparation-section{
  border-color:#173d58;
  background:linear-gradient(135deg,#0d2b44 0%,#123d59 62%,#164a63 100%);
  color:#f4f9fc;
}
.theme--friendly .preparation-inner h2,.theme--friendly .preparation-steps h3{color:#fff}
.theme--friendly .preparation-section .eyebrow{color:#72d7e9}
.theme--friendly .preparation-steps p{color:#c0d2de}
.theme--friendly .preparation-steps>div>span{border-color:rgba(119,213,226,.25);background:rgba(255,255,255,.07);color:#7ce0da}
.theme--friendly .preparation-section .inline-link{color:#7edbec}

.theme--friendly .guide-section{position:relative;isolation:isolate;background:transparent}
.theme--friendly .guide-section:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:#f1f7fa}
.theme--friendly .guide-card{
  position:relative;
  overflow:hidden;
  padding:25px 24px 23px;
  border:1px solid #d5e4ec;
  border-radius:17px;
  background:#fff;
  color:#14344f;
  box-shadow:0 10px 27px rgba(39,77,101,.06);
}
.theme--friendly .guide-card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#4cbde5,#73d1b0)}
.theme--friendly .guide-card:hover{border-color:#abd3e4;color:#14344f;transform:translateY(-2px)}
.theme--friendly .guide-card .guide-tag{color:#2e806d}
.theme--friendly .guide-card h3,.theme--friendly .guide-card h2{color:#123650}
.theme--friendly .guide-card p{color:#607789}
.theme--friendly .guide-card>span:last-child{color:#1479aa}
.theme--friendly .faq-section{padding-top:74px;background:transparent}
.theme--friendly .faq-list details{border-color:#d7e4eb}
.theme--friendly .faq-list summary{color:#1e435d}
.theme--friendly .faq-list summary:after{color:#1784b5}
.theme--friendly .faq-list details>p{color:#5e7688}

/* Ratgeber-Landingpage und Artikel: dieselbe helle Lesepalette wie der neue Ergebnisbereich. */
.theme--friendly .article-main{color:#173750}
.theme--friendly .article-main .breadcrumb{color:#6b8291}
.theme--friendly .article-main .breadcrumb a{color:#3d6680}
.theme--friendly .article-main .breadcrumb a:hover{color:#0d79ac}
.theme--friendly .article-header{
  position:relative;
  overflow:hidden;
  padding:34px 38px 36px;
  margin-bottom:34px;
  border:1px solid #d4e5ed;
  border-radius:20px;
  background:
    radial-gradient(circle at 91% 9%,rgba(83,190,221,.12),transparent 18rem),
    linear-gradient(135deg,#edf7fb 0%,#fbfdfe 68%);
  box-shadow:0 12px 34px rgba(35,76,101,.06);
}
.theme--friendly .article-header .eyebrow{color:#267c94}
.theme--friendly .article-header h1{color:#0e2f4b}
.theme--friendly .article-intro{color:#506c80}
.theme--friendly .article-meta{color:#718896}
.theme--friendly .article-main>.guide-grid .guide-card{padding:27px 25px 24px}
.theme--friendly .article-body{
  color:#344f63;
  font-size:.91rem;
}
.theme--friendly .article-body h2,.theme--friendly .article-body h3{color:#11344e}
.theme--friendly .article-body a:not(.button){color:#0e78ac}
.theme--friendly .article-body code{color:#1f5973}
.theme--friendly .article-callout{border-color:#c9e4dc;background:#f0f9f5;color:#355d4f}
.theme--friendly .article-callout strong{color:#235b48}
.theme--friendly .article-toc{border-color:#d4e4ec;background:#f6fafc}
.theme--friendly .article-toc a{color:#176f9b}
.theme--friendly .source-note{border-top-color:#dbe7ed;color:#6c8291}
.theme--friendly .article-cta{
  border-color:#163f5c;
  background:linear-gradient(135deg,#0d2d47,#12445f);
  color:#fff;
  box-shadow:0 12px 28px rgba(17,53,78,.12);
}
.theme--friendly .article-cta h3{color:#fff}
.theme--friendly .article-cta p{color:#c6d6e1}
.theme--friendly .article-cta .button-primary{background:#fff;border-color:#fff;color:#174c6c;box-shadow:none}
.theme--friendly .article-cta .button-primary:hover{background:#edf8fc;color:#123f5b}

.theme--friendly .trust-strip{border-color:#214b66;background:#0a263b;color:#d4e3ed}
.theme--friendly .trust-strip .icon{color:#69d5b8}
.theme--friendly .site-footer{border-top-color:#214b66;background:#071d2e;color:#d5e4ed}
.theme--friendly .site-footer .brand-copy>strong{color:#fff}
.theme--friendly .site-footer .brand-sub{color:#a9bfce}
.theme--friendly .site-footer .brand>svg{color:#45c9ff}
.theme--friendly .footer-top{border-bottom-color:rgba(255,255,255,.10)}
.theme--friendly .footer-top p,.theme--friendly .footer-bottom{color:#9fb6c7}
.theme--friendly .footer-top nav{color:#c3d4e0}
.theme--friendly .footer-top nav a:hover,.theme--friendly .footer-bottom a:hover{color:#69d9ee}

@media(max-width:800px){
  .theme--friendly .hero-intro:before{right:0;left:-24px;bottom:12px}
  .theme--friendly .result-context .section-heading{align-items:flex-start}
  .theme--friendly .article-header{padding:29px 28px 31px}
}
@media(max-width:640px){
  .theme--friendly .site-header{background:rgba(3,15,30,.97)}
  .theme--friendly .site-header .header-inner nav a{color:#d2e0ea}
  .theme--friendly .hero-intro:before{top:-17px;right:-10px;bottom:13px;left:-14px;border-radius:20px;background:linear-gradient(180deg,rgba(234,247,255,.94),rgba(239,249,255,.77) 72%,rgba(239,249,255,.18))}
  .theme--friendly.has-result .result-overview-head>div:first-child:before{top:-14px;right:-14px;bottom:-15px;left:-14px;border-radius:20px;background:linear-gradient(180deg,rgba(234,247,255,.94),rgba(239,249,255,.77) 72%,rgba(239,249,255,.18))}
  .theme--friendly .result-context{padding:43px 0 50px}
  .theme--friendly .result-detail-grid>div{min-height:94px;padding:15px 14px}
  .theme--friendly .article-header{padding:23px 20px 25px;border-radius:16px}
  .theme--friendly .article-main>.guide-grid .guide-card{padding:22px 20px}
}
@media(prefers-reduced-motion:reduce){
  .theme--friendly .site-header{transition:none}
}
@media(forced-colors:active){
  .theme--friendly .site-header{-webkit-backdrop-filter:none;backdrop-filter:none}
  .theme--friendly .hero-intro:before{display:none}
  .theme--friendly.has-result .result-overview-head>div:first-child:before{display:none}
}

/* 1.0.15 – Footer: klare Informationshierarchie statt gestapelter Einzellinien. */
.site-footer{padding:0}
.footer-shell{position:relative;z-index:1}
.footer-main{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(150px,.72fr) minmax(190px,.82fr);gap:clamp(42px,6vw,88px);align-items:start;padding:56px 0 42px}
.footer-brand-block{max-width:430px}
.footer-brand-block .brand{margin-bottom:20px}
.footer-claim{margin:0 0 9px;font-size:1rem;font-weight:700;line-height:1.45;letter-spacing:-.02em}
.footer-description{max-width:390px;margin:0;font-size:.76rem;line-height:1.85}
.footer-nav-group{display:flex;flex-direction:column;align-items:flex-start;gap:11px}
.footer-nav-title{margin:0 0 7px;font-size:.66rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.footer-nav-group a{font-size:.77rem;line-height:1.55;text-decoration:none;transition:color .15s ease,transform .15s ease}
.footer-nav-group a:hover{transform:translateX(2px)}
.site-footer .trust-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0;border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09);background:transparent}
.site-footer .trust-strip>span{display:flex;align-items:center;justify-content:center;gap:10px;min-height:68px;padding:13px 18px;text-align:center}
.site-footer .trust-strip>span+span{border-left:1px solid rgba(255,255,255,.08)}
.site-footer .trust-strip .icon{width:18px;height:18px;flex:0 0 18px}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0 27px;border:0;font-size:.61rem}

.theme--friendly .site-footer{background:linear-gradient(180deg,#071d2e 0%,#051725 100%);border-top:1px solid #214b66;color:#d5e4ed}
.theme--friendly .footer-brand-block .brand{color:#fff}
.theme--friendly .footer-brand-block .brand-copy>strong{color:#fff}
.theme--friendly .footer-brand-block .brand-sub{color:#a9bfce}
.theme--friendly .footer-brand-block .brand>svg{color:#45c9ff}
.theme--friendly .footer-claim{color:#edf7fc}
.theme--friendly .footer-description{color:#91abba}
.theme--friendly .footer-nav-title{color:#69d5b8}
.theme--friendly .footer-nav-group a{color:#c8d9e4}
.theme--friendly .footer-nav-group a:hover{color:#78ddf0}
.theme--friendly .site-footer .trust-strip{color:#c9dbe6;border-color:rgba(130,190,220,.14)}
.theme--friendly .site-footer .trust-strip>span+span{border-left-color:rgba(130,190,220,.12)}
.theme--friendly .site-footer .trust-strip .icon{color:#69d5b8}
.theme--friendly .footer-bottom{color:#7f99aa}

@media(max-width:800px){
  .footer-main{grid-template-columns:1.35fr 1fr 1fr;gap:30px;padding:44px 0 34px}
  .footer-description{font-size:.72rem}
  .footer-nav-group a{font-size:.73rem}
  .site-footer .trust-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .site-footer .trust-strip>span{justify-content:flex-start;text-align:left;min-height:58px;padding:12px 16px}
  .site-footer .trust-strip>span:nth-child(3){border-left:0;border-top:1px solid rgba(255,255,255,.08)}
  .site-footer .trust-strip>span:nth-child(4){border-top:1px solid rgba(255,255,255,.08)}
}
@media(max-width:640px){
  .footer-main{grid-template-columns:1fr 1fr;gap:31px 24px;padding:38px 0 30px}
  .footer-brand-block{grid-column:1/-1;max-width:none;padding-bottom:5px}
  .footer-brand-block .brand{margin-bottom:15px}
  .footer-description{max-width:430px}
  .footer-nav-title{font-size:.61rem}
  .footer-nav-group a{font-size:.72rem}
  .site-footer .trust-strip>span{font-size:.61rem;line-height:1.45}
  .footer-bottom{align-items:flex-start;flex-direction:column;gap:6px;padding:18px 0 23px;font-size:.58rem}
}
@media(max-width:380px){
  .footer-main{grid-template-columns:1fr;gap:27px}
  .footer-brand-block{grid-column:auto}
  .site-footer .trust-strip{grid-template-columns:1fr}
  .site-footer .trust-strip>span{border-left:0!important;border-top:1px solid rgba(255,255,255,.08)}
  .site-footer .trust-strip>span:first-child{border-top:0}
}


/* 1.0.28 – öffentliche Ergebnisse: lesbare Detailkarten, stabile Teilen-Leiste und präzise Messhinweise. */
.theme--friendly .public-result-main .content-panel{
  border:1px solid #d4e4ec;
  background:#fff;
  color:#173750;
  box-shadow:0 10px 28px rgba(34,75,100,.06);
}
.theme--friendly .public-result-main details.content-panel>summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:2px 0;
  color:#123650;
  font-weight:750;
  line-height:1.45;
  cursor:pointer;
  list-style:none;
}
.theme--friendly .public-result-main details.content-panel>summary::-webkit-details-marker{display:none}
.theme--friendly .public-result-main details.content-panel>summary:after{
  content:"+";
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  flex:0 0 28px;
  border:1px solid #c9dfe9;
  border-radius:50%;
  background:#eef7fb;
  color:#126f9f;
  font-size:1rem;
  font-weight:650;
}
.theme--friendly .public-result-main details.content-panel[open]>summary:after{content:"\2212"}
.theme--friendly .public-result-main details.content-panel>.table-scroll{margin-top:18px}
.theme--friendly .public-result-main .content-panel>p:not(.eyebrow){color:#5a7284}

.theme--friendly .public-result-main .share-layout{
  grid-template-columns:minmax(0,1.6fr) minmax(310px,.9fr);
  gap:28px;
}
.theme--friendly .public-result-main .share-tools{
  min-width:0;
  padding:17px;
  border:1px solid #d5e5ed;
  border-radius:16px;
  background:rgba(255,255,255,.94);
  box-shadow:0 8px 24px rgba(34,75,100,.05);
}
.theme--friendly .public-result-main .social-links{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin:0 0 16px;
}
.theme--friendly .public-result-main .social-links a{
  display:flex;
  width:100%;
  height:auto;
  min-width:0;
  min-height:68px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:8px 5px;
  border:1px solid #d9e7ef;
  border-radius:12px;
  background:#f7fbfd;
  color:#274e69;
  text-align:center;
}
.theme--friendly .public-result-main .social-links a:hover{border-color:#a9d1e3;background:#eef8fc;color:#0e6f9f}
.theme--friendly .public-result-main .social-icon{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  flex:0 0 34px;
  margin:0;
  border:0;
  border-radius:10px;
  background:#e9f4fa;
}
.theme--friendly .public-result-main .social-icon img{width:20px;height:20px}
.theme--friendly .public-result-main .social-label{
  display:block;
  min-width:0;
  max-width:100%;
  overflow:visible;
  white-space:normal;
  overflow-wrap:anywhere;
  font-size:.62rem;
  line-height:1.25;
}
.theme--friendly .public-result-main .measurement-warning-notice{
  margin:24px 0 0;
  border-color:#e6d8ab;
  background:#fff9ec;
  color:#594b27;
}
.theme--friendly .public-result-main .measurement-warning-notice strong{display:block;color:#5c4919;margin-bottom:7px}
.theme--friendly .public-result-main .measurement-warning-notice ul{margin:0;padding-left:1.2rem}
.theme--friendly .public-result-main .measurement-warning-notice li+li{margin-top:4px}
.theme--friendly .public-result-main .measurement-warning-notice p{margin-top:8px;color:#665a37}
.theme--friendly .public-result-main .measurement-warning-notice a{color:#0f6f9d;text-decoration:underline;text-underline-offset:3px}

@media(max-width:1000px){
  .theme--friendly .public-result-main .share-layout{grid-template-columns:1fr}
  .theme--friendly .public-result-main .share-tools{max-width:620px;width:100%}
}
@media(max-width:520px){
  .theme--friendly .public-result-main .share-tools{padding:14px}
  .theme--friendly .public-result-main .social-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .theme--friendly .public-result-main .social-links a{min-height:64px;padding:7px 3px}
  .theme--friendly .public-result-main details.content-panel>summary{font-size:.9rem}
}
@media(forced-colors:active){
  .theme--friendly .public-result-main details.content-panel>summary:after{border:1px solid ButtonText}
}

/* 1.0.31 – Bedienbarkeit bei Tastatur, Textvergrößerung und Betriebssystem-Kontrastfarben. */
body.theme--friendly{--accent:#096ebd}
.theme--friendly .result-overview-head .eyebrow{color:#24774d}
.theme--friendly .result-overview-meta>span{color:#536c81}
html{scroll-padding-top:calc(var(--header-offset,112px) + 16px)}
.skip-link{top:0;transform:translateY(calc(-100% - 20px));max-width:calc(100% - 40px)}
.skip-link:focus{top:12px;transform:none}
.client-status{margin:14px 24px 20px;color:var(--muted);text-align:left}
.notice,.share-status,#transport-diagnostic-status,.quality-notes,.breadcrumb{overflow-wrap:anywhere}
.theme--friendly .notice:not(.notice-error):not(.measurement-warning-notice){background:#eef7fc;border-color:#b5d5e7;color:#24465f}
.theme--friendly .notice-error{background:#fff3f2;border-color:#c77773;color:#7e2521}
.table-scroll{max-width:100%;min-width:0}
.table-scroll:focus-visible{outline-offset:-3px}
.table-scroll th,.table-scroll td{overflow-wrap:anywhere}
.share-tools[inert]{opacity:.65}
.theme--friendly :focus-visible{outline-color:#0867a6}
.theme--friendly .mode-switch input:focus-visible+span{outline-color:#0867a6}
.theme--friendly :is(.site-header,.site-footer,.preparation-section) :focus-visible{outline-color:#85dfff}
.theme--friendly .start-button,.theme--friendly .button-primary:not(.article-cta .button-primary){background:linear-gradient(110deg,#0668c4,#086fbf);border-color:#0867b4;color:#fff}
.theme--friendly .start-button:hover,.theme--friendly .button-primary:not(.article-cta .button-primary):hover{background:linear-gradient(110deg,#055ba9,#0663ab);color:#fff}
.mode-switch span{min-height:36px;display:flex;align-items:center;justify-content:center}
.test-options>summary,.content-panel>summary{min-height:44px;align-content:center;cursor:pointer}
.result-summary-card,.result-summary-card>div,.result-detail-grid>div,.metric,.live-reading,.reading-line{min-width:0}
.result-summary-card strong,.result-detail-grid strong{overflow-wrap:anywhere}
.reading-line{flex-wrap:wrap}
.metric>div{flex-wrap:wrap}
.metric strong{overflow-wrap:anywhere}
.breadcrumb{flex-wrap:wrap}
@media(max-width:540px){
  .result-overview-head{padding-right:0}
  .theme--friendly .result-summary-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,8.5rem),1fr))}
  .theme--friendly .result-summary-card{flex-wrap:wrap;align-content:flex-start}
  .optional-fields{grid-template-columns:1fr}
  .optional-fields label:first-child{grid-column:auto}
  .theme--friendly .share-stage .social-links{grid-template-columns:repeat(3,minmax(0,1fr))}
  .share-action-grid,.theme--friendly .share-stage .share-action-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .guide-card:hover,.footer-nav-group a:hover,.share-panel .social-links a:hover .social-icon{transform:none}
}
@media(forced-colors:active){
  .site-header,.theme--friendly .site-header{background:Canvas;backdrop-filter:none;-webkit-backdrop-filter:none}
  .hero h1>span{background:none!important;-webkit-text-fill-color:CanvasText!important;color:CanvasText!important}
  .button,.theme--friendly .button,.share-tools a,.mode-switch span{border:1px solid ButtonText}
  .mode-switch input:checked+span{outline:2px solid Highlight;outline-offset:-3px}
  :focus-visible,.theme--friendly :focus-visible{outline:3px solid Highlight;outline-offset:3px}
  .table-scroll:focus-visible{outline-offset:-3px}
  .theme--friendly .mode-switch input:focus-visible+span{outline:3px solid Highlight}
  .chart-grid{stroke:GrayText!important}
  #chart-line,#idle-curve{stroke:CanvasText!important}
  .result-summary-icon,.theme--friendly .result-summary-icon{border:1px solid CanvasText}
}


/* v1.0.35 – Wortmarke mit ihrem natürlichen Seitenverhältnis statt des alten Symbols. */
.brand--logo{width:clamp(17rem,32vw,26rem);max-width:100%;min-width:0;min-height:44px;flex:0 1 auto}
.brand--logo .brand-copy{width:100%;min-width:0;gap:.5rem}
.brand--logo .brand-logo,.brand--logo .brand-logo img{display:block;width:100%;max-width:100%}
.brand--logo .brand-logo img{height:auto}
.brand--logo .brand-sub{padding-left:15%;font-size:.7rem;line-height:1.4}
.footer-brand-block{min-width:0}
/* Bei großer Schrift darf die Navigation umbrechen; die Wortmarke wird nicht gestaucht. */
.site-header,.theme--friendly .site-header{height:auto}
.site-header .header-inner{height:auto;min-height:88px;flex-wrap:wrap;row-gap:.375rem;padding-block:.75rem}
.site-header .header-inner nav{max-width:100%;flex-wrap:wrap;row-gap:.25rem}
@media(max-width:640px){
  .site-header .header-inner{min-height:74px;justify-content:center;gap:.25rem 1rem;padding-block:.75rem .375rem}
  .site-header .brand--logo{width:min(100%,24rem);flex:0 1 100%}
  .site-header .header-inner nav{justify-content:center;margin:0;column-gap:1.5rem}
  .brand--logo .brand-sub{font-size:.65rem}
}

/* 1.0.37 – kompakter Start, optionale Modushilfe und gleichmäßig ausgerichtete Tarifangaben. */
.instrument[data-live-visible="false"] .instrument-main,
.theme--friendly .instrument[data-live-visible="false"] .instrument-main{min-height:0;padding-block:24px}
.instrument[data-live-visible="false"] .reading-note{margin-bottom:0}
.instrument-options{position:relative;flex-wrap:wrap}
.mode-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;min-width:0;max-width:100%}
.mode-label-group{display:flex;align-items:center;gap:2px}
.mode-label{font-size:.8rem;font-weight:700;color:var(--text)}
.mode-switch{max-width:100%;min-width:0;margin:0}
.mode-help>summary{display:grid;place-items:center;list-style:none;cursor:pointer;width:44px;min-height:44px;border-radius:8px;color:var(--accent)}
.mode-help>summary::-webkit-details-marker{display:none}
.mode-help>summary>span{display:grid;place-items:center;width:23px;height:23px;border:1px solid currentColor;border-radius:50%;font-size:.8rem;font-weight:750}
.mode-help>summary:hover,.mode-help[open]>summary{background:rgba(120,170,210,.12)}
.mode-help-panel{position:absolute;z-index:10;bottom:calc(100% - 4px);left:16px;width:min(29rem,calc(100% - 32px));max-height:70vh;overflow-y:auto;padding:16px;border:1px solid #52667e;border-radius:12px;background:#13243a;color:#edf4ff;box-shadow:0 12px 32px #0003;font-size:.86rem;line-height:1.65;overflow-wrap:anywhere}
.mode-help-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.mode-help-heading>strong{min-width:0}
.mode-help-panel p{margin:0;color:inherit;font-size:inherit;line-height:inherit}
.mode-help-close{display:grid;place-items:center;flex:0 0 44px;width:44px;min-height:44px;border:1px solid #52667e;border-radius:8px;background:transparent;color:inherit;cursor:pointer}
.mode-help-close .icon{width:18px;height:18px}
.theme--friendly .mode-label{color:#23475e}
.theme--friendly .mode-help-panel{background:#fff;color:#23475e;border-color:#bbd4e3}
.theme--friendly .mode-help-close{border-color:#bbd4e3}
.optional-fields{grid-template-columns:repeat(4,minmax(0,1fr));max-width:64rem;margin-inline:auto;align-items:end;gap:14px}
.optional-fields label{min-width:0;grid-column:auto}
.optional-fields label:first-child{grid-column:auto}
.optional-field-label{font-size:.8rem;line-height:1.5;overflow-wrap:anywhere}
.optional-field-label small{font-size:.7rem;color:var(--muted);white-space:nowrap}
.optional-fields input,.optional-fields select{min-width:0;max-width:100%;height:3rem;min-height:44px;box-sizing:border-box;font-size:1rem;line-height:1.4}
.test-options>summary{flex-wrap:wrap;row-gap:4px}
.feature-card p:last-child{margin-bottom:0}
@media(prefers-reduced-motion:no-preference){
  .measurement-reveal{animation:measurement-reveal .48s ease-out}
}
@keyframes measurement-reveal{from{opacity:0}to{opacity:1}}
@media(max-width:1100px){
  .optional-fields{grid-template-columns:repeat(2,minmax(0,1fr));max-width:40rem}
  .optional-fields label:first-child{grid-column:auto}
  .instrument-options .mode-controls{width:100%}
}
@media(max-width:540px){
  .optional-fields{grid-template-columns:minmax(0,1fr);max-width:24rem}
  .optional-fields label:first-child{grid-column:auto}
}
@media(forced-colors:active){
  .mode-help-panel,.theme--friendly .mode-help-panel{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}
  .mode-help-close,.theme--friendly .mode-help-close{border-color:ButtonText;color:ButtonText}
}
@media print{
  .mode-help-panel,.measurement-actions{display:none!important}
}

/* 1.0.38 – zentrierter Start und ein tatsächlich einklappbarer Abschlussbereich. */
.instrument .instrument-main,
.theme--friendly .instrument .instrument-main{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;padding:24px;min-height:0}
.instrument .live-reading,.instrument .test-control{min-width:0;max-width:100%}
.instrument .live-reading{text-align:center}
.instrument .reading-line{justify-content:center}
.instrument .test-control{display:flex;flex-direction:column;align-items:center;gap:12px}
.instrument .control-note{max-width:36rem;text-align:center;overflow-wrap:anywhere}
.instrument .start-button{max-width:100%}
.instrument .instrument-options{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}
.instrument .mode-controls{justify-content:center}
.instrument .data-note{max-width:100%;overflow-wrap:anywhere}
.instrument .test-options{max-width:100%}
.instrument #provider-help{padding-bottom:6px;margin-bottom:0}
.instrument #optional-public-note{padding-bottom:18px;margin-top:0}
.instrument #provider-help{margin-bottom:4px}
.instrument #optional-public-note{margin-top:0}
.instrument .mode-help-panel{text-align:left;left:50%;transform:translateX(-50%)}
.measurement-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0;flex-wrap:wrap}
.measurement-actions button{min-height:44px;max-width:100%;font-size:.8rem;white-space:normal;overflow-wrap:anywhere}
.measurement-toggle{padding:8px 4px;text-decoration:underline;text-underline-offset:3px}
.has-result .instrument{display:block;margin-top:16px}
.has-result .instrument-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 20px;padding:14px 24px}
.has-result .instrument-body{border-top:1px solid var(--line)}
.has-result .instrument .instrument-main{padding:16px 24px}
.has-result .instrument .test-control{width:auto;max-width:100%}
.has-result .instrument .chart-container{height:110px;margin:8px 24px 20px}
.has-result .instrument .instrument-options{padding:12px 24px}
.has-result .hero .test-footnote{display:none}
.has-result .hero{padding-bottom:0}
.has-result .result-section{padding-top:18px}
.result-provider{overflow-wrap:anywhere}
@media(max-width:540px){
  .instrument .instrument-main,.theme--friendly .instrument .instrument-main{padding:20px 16px}
  .has-result .instrument-top{padding:12px 16px}
  .measurement-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .measurement-actions button{font-size:.74rem;line-height:1.4;padding:8px}
  .has-result .instrument[data-collapsed="false"] .measurement-actions{display:flex;justify-content:flex-start}
  .has-result .instrument .chart-container{margin-inline:16px}
}

/* 1.0.39 – Redaktionelle Startseiteninhalte. Kein Einfluss auf Messbox und Messkern. */
.home-editorial{padding-block:clamp(34px,5vw,62px);color:var(--text)}
.home-editorial-heading{max-width:55rem;margin-bottom:20px}
.home-editorial-heading .eyebrow{margin-bottom:10px}
.home-editorial-heading h2{font-size:clamp(1.7rem,3.1vw,2.4rem);line-height:1.25;letter-spacing:-.035em;overflow-wrap:break-word}
.home-editorial-copy{max-width:76ch;overflow-wrap:anywhere}
/* Einleitung und Vorteile nutzen die volle Containerbreite statt eine Zeichenbegrenzung. */
.home-intro .home-editorial-copy,.home-benefits .home-editorial-copy{max-width:none}
.home-editorial-copy p{font-size:clamp(.95rem,1.15vw,1.04rem);line-height:1.85;margin:0 0 17px}
.home-editorial-copy p:last-child{margin-bottom:0}
.home-editorial-copy a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;color:var(--accent)}
.home-editorial-copy a:hover{text-decoration-thickness:2px}
.home-intro{margin-block:18px 0;padding:clamp(24px,4vw,44px);border-radius:19px;border:1px solid #30455f;background:linear-gradient(135deg,rgba(26,66,91,.55),rgba(21,42,70,.38));box-shadow:0 12px 28px #0002}
.home-intro .home-editorial-heading{margin-bottom:19px}
.home-how-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr);gap:clamp(20px,5vw,52px);align-items:start}
.home-share-note{padding:24px;border:1px solid #34546d;border-radius:16px;background:rgba(28,60,80,.45);color:var(--text)}
.home-share-note h3{font-size:1.12rem;line-height:1.35;margin-bottom:10px}
.home-share-note p{font-size:.95rem;line-height:1.75;margin:0}
.home-benefits{background:#0e2538}
.home-benefits .home-editorial{padding-block:clamp(40px,5vw,70px)}
.home-measurement-note{padding:17px 20px;margin-top:25px;border-left:3px solid var(--accent);border-radius:0 12px 12px 0;background:rgba(255,255,255,.07);font-size:.94rem;line-height:1.85}
.home-units-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(235px,.9fr);gap:clamp(20px,5vw,54px);align-items:center}
.home-units-example{display:flex;flex-direction:column;align-items:center;gap:8px;padding:25px 16px;border:1px solid #31516a;border-radius:17px;background:rgba(24,61,79,.5);text-align:center;min-width:0}
.home-units-example>span:first-child{font-size:clamp(1.3rem,2vw,1.65rem);font-weight:750}
.home-units-example .home-units-operator{font-size:1rem;opacity:.75}
.home-units-example strong{font-size:clamp(1.55rem,2.5vw,2.15rem);color:var(--accent)}
.home-units-example small{font-size:.75rem;max-width:19rem;line-height:1.6;color:var(--muted)}
.theme--friendly .home-editorial{color:#173750}
.theme--friendly .home-editorial-heading h2{color:#102f4b}
.theme--friendly .home-editorial-copy a{color:#096b9e}
.theme--friendly .home-intro{background:linear-gradient(125deg,#edf7fc,#fff 78%);border-color:#cddfea;box-shadow:0 12px 32px #3457770c}
.theme--friendly .home-share-note{background:#f2f8fc;border-color:#d1e3ee;color:#173750}
.theme--friendly .home-benefits{background:#eef5f9}
.theme--friendly .home-measurement-note{border-left-color:#1383a4;background:#fff;color:#35576d}
.theme--friendly .home-units-example{background:linear-gradient(155deg,#edf7fa,#f9fcff);border-color:#cce2eb;color:#153650}
.theme--friendly .home-units-example strong{color:#09729c}
.theme--friendly .home-units-example small{color:#496779}
/* Redaktionelle Bilder: natürliche Proportionen und reservierte Bildfläche gegen Layout-Sprünge. */
.editorial-figure{width:100%;max-width:52rem;margin:.75rem auto 2rem}
.editorial-figure img{display:block;width:100%;height:auto;border-radius:14px}
.editorial-figure figcaption{margin:.5rem 0 0;text-align:right;font-size:.78rem;line-height:1.5;color:var(--muted)}
.home-intro .editorial-figure{margin-bottom:0}
.home-how .editorial-figure{max-width:none;margin:.75rem 0 0}
.guide-section>.editorial-figure{max-width:none;margin:0 0 clamp(1.25rem,3vw,2rem)}
.content-page .editorial-figure figcaption{color:var(--reading-muted)}
@media(max-width:760px){
  .home-how-layout,.home-units-layout{grid-template-columns:minmax(0,1fr)}
  .home-share-note,.home-units-example{max-width:none}
}
@media(max-width:520px){
  .home-intro{padding:22px 18px;margin-top:14px}
  .home-editorial{padding-block:36px}
  .home-editorial-heading h2{font-size:clamp(1.5rem,6vw,1.85rem)}
  .home-editorial-copy p{font-size:.95rem;line-height:1.8}
  .home-share-note{padding:20px}
  .home-measurement-note{padding:14px 16px;font-size:.9rem}
}
@media(forced-colors:active){
  .home-intro,.home-share-note,.home-measurement-note,.home-units-example{border:1px solid CanvasText;background:Canvas;color:CanvasText;box-shadow:none}
  .home-editorial-copy a,.theme--friendly .home-editorial-copy a{color:LinkText}
}
@media print{
  .home-editorial,.home-benefits{color:#111!important;background:#fff!important}
  .home-intro,.home-share-note,.home-measurement-note,.home-units-example{color:#111!important;background:#fff!important;border:1px solid #bbb;box-shadow:none}
  .home-editorial-heading h2,.home-units-example strong{color:#111!important}
}