/* Entwurf: Nora bleibt im Hero. Echo erhält eine eigene Release-Leiste. */
.design-draft[data-draft-home=true] .nora-home-cover-frame{position:relative;overflow:visible}
.design-draft[data-draft-home=true] .nora-messe-badge{position:absolute;z-index:3;width:120px;right:-34px;top:auto;bottom:12%;transform:rotate(9deg);filter:drop-shadow(0 7px 13px #0009)}
.design-draft[data-draft-home=true] .draft-bold-cover .nora-messe-badge img{width:100%;height:auto;display:block;background:transparent;box-shadow:none!important}
.echo-release{position:relative;isolation:isolate;overflow:hidden;border-block:1px solid #91ad7b35;background:#0b1817;color:#e7ecdf}
.echo-release::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.25;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#0006 4px),linear-gradient(105deg,#172d26,transparent 50%,#304328);}
.echo-release .echo-release-inner{display:grid;grid-template-columns:minmax(240px,1fr) auto minmax(210px,1fr);gap:36px;align-items:center;min-height:132px;padding-block:20px;box-sizing:border-box}
.echo-release .release-eyebrow{font-size:10px;letter-spacing:.16em;color:#b2c58f;margin:0 0 6px;line-height:1.4}
.echo-release .echo-release-copy h2{font-size:27px;font-weight:400;letter-spacing:.01em;line-height:1.1;margin:0 0 7px;color:#eef0e7}
.echo-release .echo-release-copy h2 span{font-size:15px;color:#bac8bd;white-space:nowrap}
.echo-release .release-date{font-size:12px;color:#9eafa5;line-height:1.4;margin:0}
.release-clock{display:flex;align-items:flex-start;gap:12px}
.release-unit{display:grid;text-align:center;min-width:49px;gap:5px}
.release-unit b{font-family:Oswald,'Arial Narrow',sans-serif;font-size:40px;font-weight:400;line-height:1;letter-spacing:.035em;font-variant-numeric:tabular-nums;color:#d0ff40}
.release-unit small{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#a6b9ad}
.release-clock i{font-style:normal;font-size:25px;line-height:36px;color:#7f9880}
.release-action{display:flex;flex-direction:column;align-items:flex-end;gap:7px}
.echo-release .release-action .button{font-size:12px;padding:12px 18px;min-height:44px;white-space:nowrap}
.release-action>span{font-size:10px;color:#a2b3a5}
.release-seconds b{animation:release-distortion 4.3s steps(1,end) infinite}
@keyframes release-distortion{0%,4%,100%{transform:none;text-shadow:none}1%{transform:skewX(-13deg) translateX(2px);text-shadow:-3px 0 #79a5a2}2%{transform:skewX(8deg) translateX(-2px);text-shadow:3px 0 #bfff0066}}
.echo-release--book .echo-release-inner{min-height:150px}
.design-draft .draft-reading-text .echo-newsletter-preview{font-family:Montserrat,Arial,sans-serif;background:#14231b;border:1px solid #bfff0033;border-left:3px solid #bfff00;padding:28px;margin-top:32px}
.design-draft .draft-reading-text .echo-newsletter-preview h3{color:#bfff00;font-size:24px;line-height:1.25;margin:0 0 14px;font-weight:400}
.design-draft .draft-reading-text .echo-newsletter-preview>p{font-size:16px;line-height:1.7;color:#d4dfce}
.design-draft .echo-preview-signup{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;padding:0;border:0;background:transparent;font-family:inherit}
.design-draft .echo-preview-signup label{display:flex;flex-direction:column;gap:7px;font-size:13px;line-height:1.5;color:#c8d7c2;margin:0;min-width:0}
.design-draft .echo-preview-signup input:not([type=checkbox]){box-sizing:border-box;width:100%;min-height:48px;background:#09120e;border:1px solid #637a5e;color:#f0f2e9;padding:12px;font-size:16px;border-radius:0}
.design-draft .echo-preview-signup .newsletter-consent{grid-column:1/-1;flex-direction:row;align-items:flex-start;gap:10px;font-size:12px}
.design-draft .echo-preview-signup input[type=checkbox]{flex:0 0 auto;accent-color:#bfff00;margin-top:4px;width:17px;height:17px}
.design-draft .echo-preview-signup .button{grid-column:1/-1;justify-self:start;font-size:12px;min-height:44px;margin:0}
.design-draft .echo-preview-signup a{color:#d3ebba;text-decoration:underline}
.design-draft .echo-preview-signup .newsletter-success{grid-column:1/-1}
.design-draft .draft-reading-text .echo-newsletter-preview .preview-confirmation-note{font-size:11px;color:#a4b69d;margin:14px 0 0}
.echo-release a:focus-visible,.echo-preview-signup input:focus-visible,.echo-preview-signup button:focus-visible{outline:2px solid #bfff00;outline-offset:4px}
@media(min-width:781px){.design-draft[data-draft-home=true] .draft-bold-hero,.design-draft[data-draft-home=true] .draft-bold-hero .hero-grid{min-height:calc(100svh - 134px)}}
@media(max-width:1050px) and (min-width:781px){.echo-release .echo-release-inner{gap:20px;grid-template-columns:1fr auto 1fr}.release-clock{gap:6px}.release-unit{min-width:40px}.release-unit b{font-size:34px}}
@media(max-width:780px){
 .design-draft[data-draft-home=true] .nora-messe-badge{width:74px;right:-15px;top:auto;bottom:12%}
 .echo-release .echo-release-inner{grid-template-columns:1fr;gap:22px;padding-block:27px;text-align:center}
 .echo-release .echo-release-copy h2{font-size:29px}
 .release-clock{justify-content:center;gap:12px}
 .release-unit{min-width:45px}.release-unit b{font-size:38px}
 .release-action{align-items:center}
 .design-draft .draft-reading-text .echo-newsletter-preview{padding:22px 18px}
 .design-draft .echo-preview-signup{grid-template-columns:1fr}
 .design-draft .echo-preview-signup .button{width:100%;justify-self:stretch}
}
@media(prefers-reduced-motion:reduce){.release-seconds b{animation:none}}

/* Überarbeiteter Entwurf: Echo mit eigenem Cover und kühler Ostsee-Palette. */
.echo-release{background:#0b1b1c;border-color:#78abad4d}
.echo-release::before{opacity:.45;background:linear-gradient(90deg,#0b1a1c 6%,#153234db 52%,#0d2324 100%),url('/assets/schauplaetze/echo-pixabay-106015-poster.webp') center 65%/cover}
.echo-release .echo-release-inner{min-height:164px;padding-block:22px}
.echo-release .echo-release-copy{display:flex;align-items:center;gap:23px}
.echo-release .release-cover{display:block;position:relative;flex:0 0 76px;width:76px;line-height:0;box-shadow:0 10px 26px #0009,0 0 22px #8dc3c416;border:1px solid #9ac5c670;transform:rotate(-4deg)}
.echo-release .release-cover img{display:block;width:100%;height:auto}
.echo-release .release-eyebrow{color:#9ab8b9;max-width:230px;font-size:9px;line-height:1.6}
.echo-release .echo-release-copy h2{font-size:31px}
.echo-release .echo-release-copy h2 span{display:block;font-size:15px;margin-top:5px;color:#b7cdcc}
.echo-release .release-date,.echo-release .release-action>span{color:#9eb6b4}
.echo-release .release-unit b{color:#9fc7c7;text-shadow:0 0 20px #6db9ba20}
.echo-release .release-unit small{color:#a2b8b5}
.echo-release .release-clock i{color:#739b9c}
@media(min-width:781px){.design-draft[data-draft-home=true] .draft-bold-hero,.design-draft[data-draft-home=true] .draft-bold-hero .hero-grid{min-height:calc(100svh - 164px)}}
@media(max-width:1050px) and (min-width:781px){.echo-release .echo-release-copy{gap:14px}.echo-release .release-cover{flex-basis:62px;width:62px}.echo-release .echo-release-inner{grid-template-columns:1.3fr auto 1fr}}
@media(max-width:780px){.echo-release .echo-release-copy{justify-content:center;text-align:left;gap:22px}.echo-release .release-cover{flex-basis:90px;width:90px}.echo-release .release-eyebrow{max-width:170px}.echo-release .echo-release-inner{gap:25px;padding-block:28px}}

/* Echo-Buchseite: Countdown im bestehenden Hero, ohne zweite Werbeleiste. */
.design-draft .detail-copy .echo-hero-countdown{margin:20px 0 14px;padding:0;border:0;background:transparent;color:#9fc7c7}
.design-draft .echo-hero-countdown .release-date{font-family:Montserrat,Arial,sans-serif;font-size:11px;line-height:1.5;letter-spacing:.06em;color:#a4bdbc;margin:0 0 10px}
.design-draft .echo-hero-countdown .release-clock{justify-content:flex-start;gap:10px}
.design-draft .echo-hero-countdown .release-unit{min-width:40px;gap:4px}
.design-draft .echo-hero-countdown .release-unit b{font-size:32px;color:#9fc7c7;text-shadow:none}
.design-draft .echo-hero-countdown .release-unit small{font-size:8px;color:#afc5c2}
.design-draft .echo-hero-countdown .release-clock i{font-size:21px;line-height:29px;color:#739b9c}
.design-draft .detail-copy .echo-hero-preorder-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 10px;font-family:Montserrat,Arial,sans-serif;font-size:12px;line-height:1.5;margin:0 0 17px;color:#cedbd5}
.design-draft .echo-hero-preorder-price strong{font-size:24px;font-weight:600;color:#bfff00}
.design-draft .echo-hero-preorder-price s{color:#aabcb7;font-size:14px}
.design-draft .echo-hero-preorder-price .echo-discount{color:#bfff00;font-size:11px}
.design-draft .echo-hero-preorder-price small{flex-basis:100%;font-size:10px;color:#afc0b9}
.design-draft .echo-hero-preorder-price[hidden]{display:none}
@media(max-width:780px){
 .design-draft .detail-copy .echo-hero-countdown{margin:12px 0 10px}
 .design-draft .echo-hero-countdown .release-date{margin-bottom:7px;font-size:10px}
 .design-draft .echo-hero-countdown .release-unit b{font-size:27px}
 .design-draft .echo-hero-countdown .release-clock{gap:8px}
 .design-draft .echo-hero-countdown .release-unit{min-width:34px}
 .design-draft .detail-copy .echo-hero-preorder-price{font-size:11px;margin-bottom:13px;gap:3px 8px}
 .design-draft .echo-hero-preorder-price strong{font-size:20px}
 .design-draft .echo-hero-countdown .release-clock i{line-height:25px}
}