/* Die Kurznamen bleiben, die Werte kommen aus den --ew-Token (partials/header.html). Vorher
   standen hier eigene Hexwerte fuer dieselben Rollen, dazu ein drittes Gold. */
.product-lists{--purple:var(--ew-indigo);--gold:var(--ew-gold-dark);--ink:var(--ew-gray-800);--muted:var(--ew-gray-400);--line:var(--ew-gray-200);--paper:var(--ew-off-white);--display:var(--ew-font-display);--body:var(--ew-font-body);color:var(--ink);font-family:var(--body);font-synthesis:none;line-height:1.6}.product-lists *{box-sizing:border-box}.product-lists{margin:0;background:white}.product-lists button,.product-lists select{font:inherit}.product-lists a{color:var(--purple);text-underline-offset:4px}.product-lists a:focus-visible,.product-lists select:focus-visible{outline:3px solid var(--purple);outline-offset:5px}.product-lists h1,.product-lists h2,.product-lists h3,.product-lists h4,.product-lists p{margin:0}.product-lists h1,.product-lists h2,.product-lists h3,.product-lists h4{font-weight:500}.product-lists h1,.product-lists h2{font-family:var(--display);font-size:clamp(1.9rem,3.4vw,2.5rem);line-height:1.2;text-wrap:balance}.product-lists h2{font-weight:700}.product-lists strong{font-weight:600}.product-lists .wrap{max-width:1200px;margin:auto;padding-inline:32px}.product-lists .preview-bar{background:#f0ede9;border-bottom:1px solid var(--line);font-size:0.8125rem;color:#49433f}.product-lists .preview-tools{max-width:1200px;padding:12px 32px;margin:auto;display:flex;align-items:center;gap:16px}.product-lists .preview-label{font-weight:600;margin-right:auto}.product-lists .preview-tools label{white-space:nowrap}.product-lists .preview-tools select{min-width:0;max-width:420px;padding:7px 32px 7px 12px;border:1px solid #bbb2a8;background:white;border-radius:4px;color:var(--ink)}.product-lists .preview-tools nav{display:flex;gap:16px}.product-lists .preview-tools nav a{white-space:nowrap}.product-lists .brand{background:var(--purple);border-bottom:2px solid #ffd700;color:white}.product-lists .brand .wrap{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.product-lists .brand .wrap>span:first-child{font-weight:600;font-size:1.3125rem;color:#ffd700}.product-lists .brand .wrap>span:last-child{font-size:0.875rem}.product-lists .topics{padding:72px 0 64px}.product-lists .section-heading{text-align:center;margin-bottom:42px}.product-lists .section-heading p{margin-top:14px;color:var(--muted);font-size:1rem}.product-lists .topic-program+.topic-program{margin-top:48px}.product-lists .program-title{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:22px}.product-lists .program-title h2{font-size:1.5rem}.product-lists .count,.product-lists .more-note{font-family:var(--body);font-size:0.875rem;font-weight:400;font-style:normal;letter-spacing:normal;text-transform:none;line-height:1.6;color:var(--muted)}.product-lists .count{white-space:nowrap}.product-lists .topic-items{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:64px;row-gap:15px}.product-lists .topic-items li{position:relative;padding-left:23px;font-size:1.0625rem;line-height:1.65;overflow-wrap:anywhere;min-width:0}.product-lists .topic-items li:before{content:'';position:absolute;left:2px;top:calc(.8em - 2px + var(--item-pad,0px));width:4px;height:4px;border-radius:50%;background:var(--purple);opacity:.7}.product-lists .topic-items strong{font-weight:600}.product-lists .topic-items.compact li{--item-pad:5px;font-size:1.0625rem;line-height:1.65;padding-block:5px}.product-lists .topic-items.columns-3{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:36px}.product-lists .topic-group+.topic-group{margin-top:34px}.product-lists .topic-group .topic-group-title{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;font-family:var(--body);font-size:1.125rem;font-weight:600;color:var(--purple);border-top:1px solid var(--line);padding-top:22px;margin-bottom:17px;line-height:1.4}.product-lists .topic-group:first-child .topic-group-title{border-top:0;padding-top:0}.product-lists .topic-group{scroll-margin-top:24px}.product-lists .topic-index{margin-bottom:32px;padding-bottom:22px;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;column-gap:24px;row-gap:9px}.product-lists .topic-index a{font-size:0.875rem;text-decoration-color:#c8b7d1}.product-lists .list-ending{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:30px;padding-top:18px;font-size:0.875rem;color:var(--muted)}.product-lists .topic-extra strong{color:inherit}.product-lists .topics-foot{margin-top:24px;color:var(--muted);font-size:0.875rem;text-align:center}.product-lists .affirmations{background:var(--paper);padding:64px 0 72px}.product-lists .affirmations .wrap{max-width:1120px}.product-lists .affirmations .section-heading{margin-bottom:26px}.product-lists .opening-quote{display:block;text-align:center;color:var(--gold);font-family:var(--display);font-size:3.75rem;line-height:.95;height:50px;margin-bottom:13px}.product-lists .affirmation-list{columns:2;column-gap:80px;column-rule:1px solid var(--line)}.product-lists .affirmation-list blockquote{margin:0 0 23px;break-inside:avoid;font-size:1.0625rem;line-height:1.65;color:var(--ink);overflow-wrap:anywhere}.product-lists .preview-footer{padding:20px 24px;font-size:0.75rem;color:var(--muted);text-align:center}@media(min-width:1000px){.product-lists .topic-items.compact{row-gap:10px}.product-lists .topic-items.compact li{--item-pad:9px;padding-block:9px}}@media(max-width:1000px){.product-lists .topic-items.columns-3{grid-template-columns:repeat(2,minmax(0,1fr))}.product-lists .preview-tools{flex-wrap:wrap}.product-lists .preview-label{margin-right:0}.product-lists .preview-tools select{flex:1}.product-lists .preview-tools nav{margin-left:auto}.product-lists .affirmation-list{column-gap:52px}.product-lists .topic-items{column-gap:36px}}@media(max-width:700px){.product-lists .wrap{padding-inline:22px}.product-lists .preview-tools{padding:12px 20px;gap:8px 12px}.product-lists .preview-label{width:100%}.product-lists .preview-tools label{font-size:0.75rem}.product-lists .preview-tools select{max-width:calc(100% - 74px);font-size:0.8125rem}.product-lists .preview-tools nav{margin:3px 0 0 0;width:100%;gap:20px}.product-lists .brand .wrap{min-height:66px;gap:5px;align-items:flex-start;justify-content:center;flex-direction:column;padding-block:13px}.product-lists .brand .wrap>span:first-child{font-size:1.1875rem}.product-lists .brand .wrap>span:last-child{font-size:0.75rem}.product-lists .topics{padding:44px 0 42px}.product-lists .section-heading{margin-bottom:30px}.product-lists .section-heading p{font-size:0.9375rem;margin-top:12px}.product-lists .program-title{gap:10px;align-items:flex-start;flex-direction:column;padding-bottom:16px;margin-bottom:20px}.product-lists .program-title h2{font-size:1.3125rem}.product-lists .topic-items,.product-lists .topic-items.columns-3{grid-template-columns:minmax(0,1fr);row-gap:13px}.product-lists .topic-items li,.product-lists .topic-items.compact li{--item-pad:0px;font-size:1rem;padding-block:0;line-height:1.65}.product-lists .topic-group+.topic-group{margin-top:28px}.product-lists .topic-group .topic-group-title{font-size:1.0625rem;padding-top:22px;gap:6px 10px;margin-bottom:17px}.product-lists .topic-index{display:block;padding-bottom:20px;margin-bottom:26px}.product-lists .topic-index a{display:block;width:fit-content;padding-block:6px;font-size:0.875rem}.product-lists .list-ending{gap:12px;margin-top:24px;padding-top:18px}.product-lists .topics-foot{text-align:left;line-height:1.65}.product-lists .affirmations{padding:44px 0}.product-lists .affirmation-list{columns:1}.product-lists .affirmation-list blockquote{font-size:1rem;margin-bottom:21px;line-height:1.65}.product-lists .opening-quote{text-align:left;font-size:3.375rem;height:43px;margin-bottom:10px}.product-lists .affirmations .section-heading{margin-bottom:23px}}@media(prefers-reduced-motion:no-preference){.product-lists html{scroll-behavior:smooth}}.product-lists .intro-count{display:inline-block;margin-top:18px}
/* Changes are limited to the proposed sections of this local study. */
.ew-prod-page [id]{scroll-margin-top:90px}
.ew-prod-page .layout-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:22px clamp(2rem,4.5vw,4rem);align-items:start;padding-top:26px}
.layout-hero-column{display:flex;flex-direction:column;gap:22px;min-width:0}
.ew-prod-page .layout-description-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(36px,5vw,72px);align-items:start}
.ew-prod-page .layout-description h2{max-width:22ch;margin:0 0 24px;line-height:1.2;text-wrap:balance}
.ew-prod-page .layout-description .ew-p2-benefits-copy{max-width:58ch}
.ew-prod-page .layout-description .ew-p2-benefits-copy p{font-size:1rem;line-height:1.7;color:rgba(255,255,255,.82)}
.layout-description-questions{border-left:1px solid rgba(255,255,255,.18);padding-left:clamp(28px,3vw,44px);min-width:0}
.ew-prod-page .layout-description-questions h3{font:400 14px/1.5 var(--ew-font-body);color:rgba(255,255,255,.65);margin:0 0 20px}
.layout-question-list{list-style:none;margin:0;padding:0;min-width:0}
.layout-question-list li{position:relative;padding:0 0 0 18px;margin:0;font:400 16px/1.65 var(--ew-font-body);color:rgba(255,255,255,.94);overflow-wrap:break-word}
.layout-question-list li::before{content:"";position:absolute;left:0;top:.72em;width:4px;height:4px;border-radius:50%;background:var(--ew-gold)}
.layout-question-list li+li{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.14)}
.layout-question-list li+li::before{top:calc(14px + .72em)}
.ew-prod-page .layout-description-wide .layout-description-layout{display:block}
.layout-description-wide .layout-description-intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(36px,5vw,72px);align-items:start}
.ew-prod-page .layout-description-wide h2{margin-bottom:0}
.layout-description-wide .layout-description-questions{margin-top:36px;padding:28px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.22)}
.layout-description-wide .layout-question-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(36px,5vw,72px)}
@media(min-width:901px){.layout-description-short .layout-question-list li{font-size:1.125rem;line-height:1.6}}
@media(max-width:900px){
 .ew-prod-page .layout-description-layout,.layout-description-wide .layout-description-intro{display:block}
 .ew-prod-page .layout-description h2{margin-bottom:22px;max-width:25ch}
 .ew-prod-page .layout-description .ew-p2-benefits-copy{max-width:none}
 .layout-description-questions,.layout-description-wide .layout-description-questions{margin-top:28px;padding:24px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.22)}
 .layout-description-wide .layout-question-columns{display:block}
 .layout-question-list+.layout-question-list{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.14)}
}
.layout-intro{grid-area:intro}.layout-cover{grid-area:cover}.layout-purchase{grid-area:purchase}.layout-audio{grid-area:audio;min-width:0}.layout-details{grid-area:details}
.layout-intro .ew-p2-sub{margin-bottom:0}.layout-audio-title{font:600 16px/1.5 var(--ew-font-body);color:var(--ew-gray-800);margin:0 0 10px}.layout-audio .ew-p2-chips{margin-top:0}.layout-details .ew-p2-specs{margin-bottom:0}.layout-purchase .ew-p2-payzone{padding-top:15px;border-top:1px solid var(--ew-gray-200)}
.layout-purchase .ew-glass-benefits{margin-top:14px}.layout-purchase .ew-p2-cartbtn{border-width:1px}.layout-topic-cta{display:flex;justify-content:center;margin-top:26px}.product-lists .wrap{width:var(--ew-container);max-width:1200px;padding-inline:0}.product-lists .affirmations .wrap{max-width:1040px}.product-lists .topics{padding:clamp(3.2rem,6vw,5.5rem) 0}.product-lists .affirmations{padding:clamp(3.2rem,6vw,5.5rem) 0}
.ew-prod-page .ew-compare-table th{font-family:var(--ew-font-body);font-size:0.875rem;font-weight:600;text-transform:none;letter-spacing:normal}.ew-prod-page .ew-value-group-title{font-size:0.875rem;line-height:1.5;font-weight:600;letter-spacing:normal;text-transform:none}.ew-prod-page .ew-value-item-name{font-size:1rem}.ew-prod-page .ew-value-item-meta{font-size:0.875rem}
.layout-compare-mobile{display:none}.layout-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.layout-compare-desktop{max-width:1040px;margin-inline:auto}
.layout-compare-desktop,.layout-compare-mobile{--compare-premium:#f7f3fa;--compare-divider:rgba(75,0,130,.1)}
.layout-desktop-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;font:400 16px/1.55 var(--ew-font-body);font-variant-numeric:tabular-nums}
.layout-desktop-table col{width:35%}.layout-desktop-table .layout-feature-col{width:30%}
.layout-desktop-table th,.layout-desktop-table td{overflow-wrap:break-word}
.layout-desktop-table thead th{padding:20px 24px;border-top:2px solid transparent;border-bottom:1px solid var(--ew-gray-200);text-align:center;font-size:1rem;font-weight:500;color:var(--ew-gray-600)}
.layout-desktop-table thead th:first-child{padding-left:0;text-align:left;font-size:0.875rem;font-weight:400}
.layout-desktop-table thead th:last-child{color:var(--ew-indigo);border-top-color:var(--ew-indigo);border-bottom-color:var(--compare-divider);border-radius:12px 12px 0 0;background:var(--compare-premium);font-size:1.125rem;font-weight:650}
.layout-desktop-table tbody th,.layout-desktop-table tbody td{border-bottom:1px solid var(--ew-gray-200)}
.layout-desktop-table tbody th{padding:22px 24px 22px 0;text-align:left;vertical-align:baseline;font-size:0.875rem;font-weight:400;color:var(--ew-gray-600)}
.layout-desktop-table tbody td{padding:22px 24px;text-align:center;vertical-align:baseline;font-size:1.125rem;font-weight:500;color:var(--ew-gray-800)}
.layout-desktop-table tbody td:last-child{color:var(--ew-indigo);border-bottom-color:var(--compare-divider);background:var(--compare-premium);font-weight:600}
.layout-desktop-table tbody tr:last-child td:last-child{border-bottom-color:transparent;border-radius:0 0 12px 12px}
.layout-desktop-table .layout-compare-detail{display:block;max-width:30ch;margin:6px auto 0;font-size:0.875rem;line-height:1.6;font-weight:400;color:var(--ew-gray-600)}
.layout-desktop-table .ew-check,.layout-desktop-table .ew-cross{font-size:1.25rem}
.layout-audio button.ew-p2-chip{min-height:48px;padding:12px;border:1px solid var(--ew-gray-200);background:var(--ew-white)}
.layout-audio button.ew-p2-chip.ew-p2-chip-active{border-color:var(--ew-indigo);box-shadow:inset 0 0 0 1px var(--ew-indigo);background:rgba(75,0,130,.045)}
.layout-audio .ew-p2-chip-active .ew-p2-chip-name{color:var(--ew-indigo);font-weight:600}
.layout-audio button.ew-p2-chip:focus-visible{outline:3px solid var(--ew-indigo);outline-offset:3px}
.ew-prod-page .layout-preview-note{padding:0;margin:12px 0 0;font-size:0.8125rem;line-height:1.65;color:var(--ew-gray-600)}
.layout-preview-note span{display:inline-block}.layout-preview-note a{color:var(--ew-indigo);text-underline-offset:3px}
.layout-package-contents{padding:26px 28px 22px}
.layout-package-card .ew-value-group{padding:0}.layout-package-card .ew-value-group+.ew-value-group{margin-top:26px}
.ew-prod-page .layout-package-card .ew-value-group-title{font-size:0.9375rem;color:var(--ew-gray-800);margin-bottom:12px}
.layout-package-card .ew-value-item{padding:12px 0}.layout-package-card .ew-value-item-name{font-weight:500}
.ew-prod-page .layout-short-summary{font-size:0.875rem;line-height:1.6;color:var(--ew-gray-600);margin:0}
.ew-prod-page .layout-package-extra{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:0.875rem;line-height:1.6;color:var(--ew-gray-600);border-top:1px solid var(--ew-gray-200);margin:22px 0 0;padding-top:18px}
.layout-package-extra strong{color:var(--ew-gray-800);font-weight:600}
.layout-package-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;margin:0;padding:20px 28px;border-top:1px solid var(--ew-gray-200)}
.layout-package-services li{min-width:0;font-size:0.8125rem;line-height:1.5;color:var(--ew-gray-600)}
.layout-package-services strong{display:block;font-weight:500;color:var(--ew-gray-800);margin-bottom:4px}
.layout-package-services span{display:block}
.ew-prod-page .ew-cta-final-grid{max-width:800px;margin-inline:auto;gap:28px}
.ew-prod-page .ew-cta-final-copy{width:100%}
.ew-prod-page .ew-cta-final-copy h2{font-weight:700;text-wrap:balance}
.ew-prod-page .ew-p2-benefit-line{margin-inline:auto}
.ew-prod-page .ew-p2-journey{width:100%;margin-top:28px;font-size:0.9375rem;color:rgba(255,255,255,.9)}
.ew-prod-page .ew-p2-journey li{min-width:0;gap:10px}
.ew-prod-page .ew-p2-journey li i{width:32px;height:32px;font-size:0.875rem;font-variant-numeric:tabular-nums}
.ew-prod-page .ew-p2-journey li::before{top:16px;left:calc(50% + 23px);right:calc(-50% + 23px)}
.ew-prod-page .ew-cta-final-action{width:100%;max-width:560px}
.ew-prod-page .ew-cta-final-action .ew-btn{width:100%;box-sizing:border-box}
.ew-prod-page .ew-cta-final-trust{flex-wrap:nowrap;align-items:baseline;font-size:0.8125rem;line-height:1.6;color:rgba(255,255,255,.75)}
.ew-prod-page .ew-p2-watch-final{font-size:0.875rem;line-height:1.6;margin-top:14px}
@media(max-width:768px){
 .ew-prod-page .ew-cta-final-grid{gap:24px}
 .ew-prod-page .ew-p2-journey{display:grid;grid-template-columns:minmax(0,1fr);gap:0;max-width:none;margin-top:24px;font-size:1rem}
 .ew-prod-page .ew-p2-journey li{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:14px;padding:13px 0;text-align:left}
 .ew-prod-page .ew-p2-journey li+li{border-top:1px solid rgba(255,255,255,.18)}
 .ew-prod-page .ew-p2-journey li::before{display:none}
 .ew-prod-page .ew-p2-journey li span{max-width:none;line-height:1.5}
 .ew-prod-page .ew-cta-final-action{max-width:none}
 .ew-prod-page .ew-cta-final-action .ew-btn{padding-inline:18px}
}
.ew-p2-hear .ew-p2-formula{background:transparent;border:0;border-radius:0;border-top:1px solid var(--ew-gray-200);box-shadow:none;padding:32px 0 0;margin-top:36px}
.ew-prod-page .layout-formula .ew-p2-formula-label{font:500 clamp(22px,2.3vw,28px)/1.3 var(--ew-font-display);text-transform:none;letter-spacing:normal;color:var(--ew-gray-800);text-align:center;margin:0;text-wrap:balance}
.ew-prod-page .layout-formula-intro{font:400 15px/1.6 var(--ew-font-body);color:var(--ew-gray-600);text-align:center;margin:10px 0 24px}
.layout-formula-steps{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:0;padding:0}
.layout-formula-step{position:relative;min-width:0;padding:8px 22px 24px;text-align:center}
.layout-formula-step+.layout-formula-step{border-left:1px solid var(--ew-gray-200)}
.layout-formula-step>svg{display:block;width:48px;height:48px;margin:0 auto 12px}
.layout-formula-plus{position:absolute;left:0;top:23px;transform:translateX(-50%);background:var(--ew-off-white);color:#947900;font:600 17px/1.2 var(--ew-font-body);padding:3px 0}
.layout-formula-plus:empty{display:none}
.ew-prod-page .layout-formula-copy h4{font:600 16px/1.4 var(--ew-font-body);color:var(--ew-gray-800);margin:0 0 7px;min-height:2.8em;text-wrap:balance}
.ew-prod-page .layout-formula-copy p{font:400 14px/1.6 var(--ew-font-body);color:var(--ew-gray-600);margin:0}
.ew-prod-page .layout-formula .ew-p2-fresult{max-width:none;font:600 18px/1.5 var(--ew-font-body);padding:22px 0 0;margin:0;border-top:1px solid var(--ew-gray-200);text-align:center;text-wrap:balance}
.ew-prod-page .layout-formula .ew-p2-fresult span{color:#947900;margin-right:10px}
@media(max-width:1050px){
 .layout-formula-steps{grid-template-columns:minmax(0,1fr);max-width:720px;margin-inline:auto}
 .layout-formula-step{display:grid;grid-template-columns:14px 40px minmax(0,1fr);align-items:center;gap:12px;padding:17px 0;text-align:left}
 .layout-formula-step+.layout-formula-step{border-left:0;border-top:1px solid var(--ew-gray-200)}
 .layout-formula-step>svg{width:40px;height:40px;margin:0}
 .layout-formula-plus,.layout-formula-plus:empty{display:block;position:static;transform:none;background:none;padding:0;text-align:left}
 .ew-prod-page .layout-formula-copy h4{min-height:0;margin-bottom:3px;text-wrap:initial}
 .ew-prod-page .layout-formula .ew-p2-fresult{max-width:720px;display:flex;align-items:baseline;gap:12px;margin-inline:auto;text-align:left;text-wrap:initial}
 .ew-prod-page .layout-formula .ew-p2-fresult span{flex:0 0 14px;margin:0}
}
.ew-prod-page .ew-p2-how-steps h3{font-weight:600}.ew-prod-page .ew-p2-how-steps p{font-size:1rem;max-width:28em}.ew-prod-page .ew-p2-how-head h2{font-weight:700}.ew-p2-how-num{font-variant-numeric:tabular-nums}
/* Das HTML liefert die Medienspalte (Cover, Hoerproben) vor der Kaufspalte (Titel, Preis).
   Mobil steht der Titel oben. Malte der Browser zwischen den beiden Netzwerkstuecken,
   stand das Cover zuerst ganz oben und rutschte 156px nach unten, sobald der Titel ankam:
   CLS 0,27-0,32 auf einem langsamen Handy (Audit 2026-09-25). Bis sein letzter Teil
   geparst ist, bleibt der Hero deshalb unsichtbar; das sind hoechstens 8 KB HTML.
   Ohne :has() verwirft der Browser die ganze Regel und rendert wie bisher.
   apply-page-layouts.mjs sichert zu, dass jede Produktseite .layout-details traegt. */
@media(max-width:768px){.layout-hero:not(:has(.layout-details)){visibility:hidden}}
@media(max-width:768px){
 .layout-hero-column{display:contents}
 .layout-compare-desktop{display:none}
 .ew-prod-page .layout-hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "cover" "purchase" "audio" "details";gap:22px;padding-top:22px}
 .layout-intro h1{font-size:2rem}.layout-intro .ew-p2-sub{font-size:1rem}.layout-intro .ew-p2-rating{margin-bottom:10px}.layout-cover .ew-play-label{right:10px;bottom:10px;font-size:0.75rem;padding:6px 12px}.layout-cover .ew-play-overlay-btn{width:56px;height:56px}
 .layout-purchase .ew-p2-payzone{padding-top:0;border-top:0;flex-wrap:nowrap;gap:18px;align-items:center}.layout-purchase .ew-p2-qty{flex:1;max-width:24ch;font-size:0.875rem}.layout-purchase .ew-p2-price{flex-shrink:0}.layout-purchase .ew-p2-price-num{font-size:1.875rem}.layout-purchase .ew-p2-price-note{white-space:nowrap;font-size:0.75rem}.layout-purchase .ew-glass-benefits{gap:6px 12px}.layout-purchase .ew-glass-benefits li{font-size:0.6875rem}.layout-purchase .ew-p2-cartrow{margin-top:8px}.layout-purchase .ew-p2-cartbtn{padding:11px 20px}.layout-audio{padding-top:22px;border-top:1px solid var(--ew-gray-200)}
 .layout-compare-mobile{display:block}.layout-compare-table{width:100%;table-layout:fixed;border-collapse:collapse;line-height:1.55}.layout-compare-table th,.layout-compare-table td{overflow-wrap:break-word;vertical-align:top}.layout-compare-table thead th{padding:0 8px 18px;font-size:0.9375rem;font-weight:600;text-align:center;border-bottom:2px solid var(--ew-gray-200);width:50%}.layout-compare-table thead th:first-child{color:var(--ew-gray-600)}.layout-compare-table thead th:last-child{color:var(--ew-indigo);border-color:var(--ew-indigo)}.layout-feature-row th{padding:20px 0 10px;font-size:0.875rem;font-weight:400;text-align:center;border-top:1px solid var(--ew-gray-200);color:var(--ew-gray-600)}.layout-value-row td{padding:0 12px 20px;font-size:1.0625rem;font-weight:500;text-align:center;color:var(--ew-gray-800)}.layout-value-row td:last-child{border-left:1px solid var(--ew-gray-200);color:var(--ew-indigo)}.layout-compare-detail{display:block;margin-top:5px;font-size:0.8125rem;line-height:1.55;font-weight:400;color:var(--ew-gray-600)}.layout-value-row .ew-check,.layout-value-row .ew-cross{font-size:1.1875rem}
 .layout-compare-table{border-collapse:separate;border-spacing:0;background:linear-gradient(to right,transparent 50%,var(--compare-premium) 50%);border-radius:0 12px 12px 0;font-variant-numeric:tabular-nums}
 .layout-compare-table thead th{padding:18px 10px;border-top:2px solid transparent;border-bottom-width:1px;vertical-align:middle;font-weight:500}
 .layout-compare-table thead th:last-child{border-top-color:var(--ew-indigo);border-bottom-color:var(--compare-divider);border-radius:12px 12px 0 0;font-size:1.0625rem;font-weight:650}
 .layout-feature-row th{padding:18px 12px 6px;font-size:0.8125rem;border-top-color:var(--ew-gray-200)}
 .layout-compare-table tbody:first-of-type .layout-feature-row th{border-top:0}
 .layout-value-row td{padding:8px 12px 18px}
 .layout-value-row td:last-child{border-left:0;font-weight:600}
 .ew-p2-hear .ew-p2-formula{margin-top:26px}.ew-prod-page .ew-p2-how-steps p{font-size:0.9375rem}.layout-topic-cta .ew-btn{width:100%}
 .layout-package-contents{padding:22px 20px}.layout-package-services{padding:18px 20px;gap:14px}
}
@media(min-width:641px) and (max-width:1000px){
 .layout-compare-desktop{display:block}
 .layout-compare-mobile{display:none}
 .layout-desktop-table col{width:34%}.layout-desktop-table .layout-feature-col{width:32%}
 .layout-desktop-table thead th{padding:18px 14px;font-size:0.9375rem}
 .layout-desktop-table thead th:last-child{font-size:1.0625rem}
 .layout-desktop-table tbody th{padding:20px 16px 20px 0;font-size:0.8125rem}
 .layout-desktop-table tbody td{padding:20px 14px;font-size:1rem}
 .layout-desktop-table .layout-compare-detail{font-size:0.8125rem}
}
@media(max-width:560px){
 .layout-package-services{grid-template-columns:minmax(0,1fr);gap:12px}
 .layout-package-services li{display:flex;flex-wrap:wrap;gap:2px 10px;align-items:baseline}
 .layout-package-services strong{margin:0}
}
/* Hoerprobe (Delight 2026-09-29): solange ein Mix klingt, atmet der Goldknopf in einem
   ruhigen Takt (8 s: 3,2 s ein, 4,8 s aus) und die Leiste nimmt einen Goldrand an. Das ist
   ein Zustand, keine Dekoration: pausiert heisst still. Ausserhalb des Bildes haelt der Atem
   an (product.js setzt is-offscreen), mit reduzierter Bewegung bleibt ein ruhiger Schein. */
.ew-prod-page .ew-p2-preview{transition:border-color .3s ease}
.ew-prod-page .ew-p2-preview.is-listening{border-color:var(--ew-gold-dark)}
.ew-prod-page .ew-p2-preview-play{position:relative;isolation:isolate}
.ew-prod-page .ew-p2-preview-play::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,rgba(255,215,0,.6) 68%,rgba(255,215,0,0) 100%);opacity:0;transform:scale(1);pointer-events:none}
.ew-prod-page .is-listening .ew-p2-preview-play::before{animation:ew-breath 8s cubic-bezier(.45,0,.55,1) infinite}
.ew-prod-page .is-listening:is(.is-offscreen,.is-page-hidden) .ew-p2-preview-play::before{animation-play-state:paused}
@keyframes ew-breath{0%,100%{opacity:.2;transform:scale(1.02)}40%{opacity:1;transform:scale(1.45)}}
@media(prefers-reduced-motion:reduce){.ew-prod-page .is-listening .ew-p2-preview-play::before{animation:none;opacity:.8;transform:scale(1.3)}}

/* A consistent icon for every current and legacy mix, with an entrainment wave.
   Only the mix that is actually playing receives the gold sound mark. */
.layout-audio button[data-preview-motif]{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:10px;min-height:108px;color:var(--ew-indigo);transition:background-color .18s ease,color .18s ease,border-color .18s ease}
.layout-audio .layout-sound-motif{display:flex;align-items:center;gap:8px;width:32px;height:32px;flex:none}
.layout-audio .layout-sound-motif>svg{display:block;width:32px;height:32px;flex:none}
.layout-audio .layout-sound-motif--theta{width:68px}
.layout-audio .layout-sound-motif>.layout-sound-entrainment{width:28px;height:20px}
.layout-audio button[data-preview-motif] .ew-p2-chip-name{min-height:2.8em;line-height:1.4;text-align:left}
.layout-audio button[data-preview-motif].ew-p2-chip-active{background:var(--ew-indigo);border-color:var(--ew-indigo);box-shadow:none;color:var(--ew-white)}
.layout-audio button[data-preview-motif].ew-p2-chip-active .ew-p2-chip-name{color:var(--ew-white)}
.layout-audio button[data-preview-motif].is-sounding .layout-sound-motif{color:var(--ew-gold)}
@media(hover:hover){.layout-audio button[data-preview-motif]:not(.ew-p2-chip-active):hover{background:var(--ew-off-white);border-color:var(--ew-indigo)}}
.ew-prod-page .layout-audio .ew-p2-preview{display:grid;grid-template-columns:44px minmax(0,1fr) 44px 44px;align-items:center;gap:0 6px;padding:12px;border-radius:16px}
.layout-audio .ew-p2-preview-play{width:44px;height:44px;grid-column:1;grid-row:1}
.layout-preview-copy{grid-column:2;grid-row:1;min-width:0;padding-inline:4px}
.layout-audio .ew-p2-preview-title{display:block;max-width:none;font-size:.8125rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.layout-preview-state{display:block;font-size:.75rem;line-height:1.5;color:var(--ew-gray-600);margin-top:3px}
.layout-audio [data-playback="playing"] .layout-preview-state{color:var(--ew-indigo)}
.layout-audio .ew-p2-preview-skip{display:flex;width:44px;height:44px;min-width:44px;min-height:44px;grid-row:1;color:var(--ew-indigo);border-radius:50%}
.layout-audio #ewStripPrev{grid-column:3}.layout-audio #ewStripNext{grid-column:4}
.layout-audio :is(.ew-p2-preview-play,.ew-p2-preview-skip):focus-visible{outline:3px solid var(--ew-indigo);outline-offset:3px}
.ew-prod-page .layout-audio .ew-player-progress-bar{display:block;grid-column:1/3;grid-row:2;min-width:0;height:32px;margin-top:5px;background:transparent;overflow:visible;cursor:default}
.layout-audio .ew-player-progress-fill{display:none}
.layout-audio .ew-p2-preview-time{grid-column:3/5;grid-row:2;text-align:right;white-space:nowrap;font-size:.75rem;color:var(--ew-gray-600);font-variant-numeric:tabular-nums}
.layout-preview-seek{display:block;width:100%;height:32px;margin:0;padding:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;accent-color:var(--ew-indigo);border:0;border-radius:4px;touch-action:pan-y}
.layout-preview-seek:disabled{cursor:default;opacity:.5}
.layout-preview-seek:focus-visible{outline:2px solid var(--ew-indigo);outline-offset:2px}
.layout-preview-seek::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--ew-indigo) var(--preview-progress,0%),var(--ew-gray-200) var(--preview-progress,0%))}
.layout-preview-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;margin-top:-4px;border:0;border-radius:50%;background:var(--ew-indigo)}
.layout-preview-seek::-moz-range-track{height:4px;border-radius:2px;background:var(--ew-gray-200)}
.layout-preview-seek::-moz-range-progress{height:4px;border-radius:2px;background:var(--ew-indigo)}
.layout-preview-seek::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:var(--ew-indigo)}
@media(max-width:560px){
 .layout-audio .ew-p2-chips[data-preview-mixes]{grid-template-columns:minmax(0,1fr);grid-auto-rows:1fr;gap:8px}
 .layout-audio .ew-p2-chips[data-preview-mixes]>button{grid-column:auto}
 .layout-audio button[data-preview-motif]{display:grid;grid-template-columns:32px minmax(0,1fr) 28px;align-items:center;min-height:60px;padding:12px;gap:12px}
 .layout-audio button[data-preview-motif] .layout-sound-motif{display:contents}
 .layout-audio .layout-sound-motif>svg{grid-column:1;grid-row:1}
 .layout-audio .layout-sound-motif>.layout-sound-entrainment{grid-column:3}
 .layout-audio button[data-preview-motif] .ew-p2-chip-name{grid-column:2;grid-row:1;min-height:0;font-size:.875rem}
 .ew-prod-page .layout-audio .ew-p2-preview{padding:10px;column-gap:4px}
}
@media(prefers-reduced-motion:reduce){.layout-audio button[data-preview-motif],.ew-prod-page .layout-audio .ew-p2-preview{transition:none}}
