/* NorseStory App – ergänzt ausschließlich bestehende NorseStory-Klassen */
.ns-app-page .ns-app-hero{min-height:760px}.ns-app-page .ns-app-hero .about-hero-image{background-image:url('/assets/images/blog/kategorien/weltenkunde.webp');background-position:center center}.ns-app-page .ns-app-hero .about-hero-shade{background:linear-gradient(90deg,rgba(7,6,5,.96),rgba(7,6,5,.82) 40%,rgba(7,6,5,.32) 75%),linear-gradient(0deg,rgba(7,6,5,.72),transparent 45%)}.ns-app-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:7%;align-items:center}.ns-app-page .ns-app-hero h1{font-size:clamp(3.5rem,5.5vw,6.4rem)}.ns-app-page .ns-app-hero-copy>p:not(.eyebrow,.about-hero-lead){color:#e0d2bb}.ns-app-store-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px}.ns-app-store-links .about-epic-button{margin-top:24px;gap:12px;white-space:nowrap}.ns-app-store-links .ns-app-secondary{background:rgba(15,12,10,.82);border-color:rgba(220,190,142,.48)}.ns-app-hero-visual{position:relative;justify-self:center;max-width:305px;width:100%;padding:28px}.ns-app-phone{border:7px solid #1b1715;border-radius:36px;overflow:hidden;box-shadow:0 35px 75px rgba(0,0,0,.7);background:#080707}.ns-app-phone img,.ns-app-shot img{display:block;width:100%;height:auto}.ns-app-icon{position:absolute;right:-7px;bottom:8%;width:95px;height:95px;border-radius:24px;box-shadow:0 15px 35px #0009}.ns-app-page .about-manifesto .about-section-head h2,.ns-app-page .about-manifesto .about-section-head p{color:#382c24}.ns-app-page .about-manifesto .about-section-head>p:last-child{color:#6a5847}.ns-app-intro-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:9%;align-items:center;max-width:1040px;margin:auto}.ns-app-shot{border:1px solid rgba(213,180,118,.32);background:#100d0c;box-shadow:0 22px 48px rgba(0,0,0,.23);overflow:hidden}.ns-app-intro-grid>.ns-app-shot{max-width:335px;margin:auto}.ns-app-intro-copy h3,.ns-app-split-copy h2{font-family:var(--serif);font-weight:600;line-height:1.02;font-size:clamp(2.7rem,4.3vw,4.8rem);margin:8px 0 26px}.ns-app-intro-copy>p:not(.eyebrow),.ns-app-reading .ns-app-split-copy>p:not(.eyebrow){color:#645344}.ns-app-feature{display:flex;gap:22px;padding:20px 0;border-top:1px solid rgba(93,63,37,.20)}.ns-app-feature>span{color:#a81712;font-weight:700;letter-spacing:.1em}.ns-app-feature h4{font-family:var(--serif);font-size:1.5rem;margin:0 0 6px}.ns-app-feature p{margin:0;color:#796653}.ns-app-split{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.ns-app-timeline,.ns-app-discover{padding:120px 0}.ns-app-split-copy h2{color:#ead3aa}.ns-app-split-copy>p:not(.eyebrow){color:#b7a58d;font-size:1.05rem}.ns-app-double-shots{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:560px}.ns-app-shot-offset{transform:translateY(55px)}.ns-app-reading{padding:120px 0}.ns-app-reading .ns-app-split-copy h2{color:#382c24}.ns-app-reading-shot{max-width:345px;margin:auto}.ns-app-mini-shot{width:155px;max-height:210px;overflow:hidden;margin-top:24px;border:1px solid #9c8059}.ns-app-mini-shot img{display:block;width:100%}.ns-app-feature-dark{border-color:rgba(213,180,118,.20)}.ns-app-feature-dark h4{color:#e8d2ad}.ns-app-feature-dark p{color:#ac9a83}.ns-app-growth{padding:120px 0}.ns-app-values .about-principle{min-height:250px;background:rgba(255,255,255,.23);border-color:rgba(82,54,29,.20)}.ns-app-values .about-principle h3{color:#382c24}.ns-app-values .about-principle p{color:#665543}.ns-app-download{padding:115px 0}.ns-app-download-inner{text-align:center;max-width:850px;margin:auto}.ns-app-download-inner>img{border-radius:25px;margin-bottom:28px;box-shadow:0 20px 40px #0006}.ns-app-download-inner h2{font-family:var(--serif);font-size:clamp(3.1rem,5vw,5.5rem);color:#ead3aa;line-height:1;margin:12px 0 20px}.ns-app-download-inner>p:not(.eyebrow){color:#ad9f8c}.ns-app-download-inner .ns-app-store-links{justify-content:center}
@media(max-width:900px){.ns-app-hero-grid{grid-template-columns:1fr .55fr;gap:2%}.ns-app-page .ns-app-hero h1{font-size:clamp(3.3rem,6vw,5rem)}.ns-app-split{gap:5%}.ns-app-intro-grid{gap:5%}}@media(max-width:700px){.ns-app-page .ns-app-hero{min-height:0}.ns-app-hero-grid{grid-template-columns:1fr;padding-top:150px;padding-bottom:80px}.ns-app-hero-visual{max-width:235px;margin-top:30px}.ns-app-page .ns-app-hero h1{font-size:clamp(3.1rem,11vw,4.6rem)}.ns-app-intro-grid,.ns-app-split{grid-template-columns:1fr;gap:42px}.ns-app-intro-grid>.ns-app-shot{max-width:265px}.ns-app-split-reverse>.ns-app-reading-shot{order:2}.ns-app-double-shots{max-width:420px;margin:auto}.ns-app-timeline,.ns-app-discover,.ns-app-reading,.ns-app-growth,.ns-app-download{padding:78px 0}.ns-app-shot-offset{transform:translateY(25px)}.ns-app-page .about-manifesto .about-section-head h2{font-size:clamp(2.8rem,10vw,4rem)}.ns-app-values{grid-template-columns:1fr}.ns-app-values .about-principle{min-height:0}.ns-app-store-links .about-epic-button{margin-top:12px}.ns-app-mini-shot{width:125px}}

/* Wissensarchiv: redaktionelle Übersicht statt Smartphone-Mockup */
.ns-app-archive{padding:108px 0 112px}
.ns-app-archive-heading{display:grid;grid-template-columns:1.05fr .95fr;align-items:end;gap:7%;margin-bottom:45px}
.ns-app-page .ns-app-archive-heading h2{font-family:var(--serif);font-weight:400;font-size:clamp(3.8rem,5.3vw,6.5rem);line-height:.98;letter-spacing:-.025em;color:#342720;margin:16px 0 0}
.ns-app-archive-intro{max-width:460px;padding-bottom:6px}
.ns-app-archive-intro p{color:#746252;line-height:1.8;margin:0}
.ns-app-archive-intro .ns-app-archive-lead{font-family:var(--serif);font-size:clamp(1.35rem,1.7vw,1.85rem);line-height:1.3;color:#4a3628;margin-bottom:16px}
.ns-app-archive-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ns-app-archive-card{display:flex;align-items:center;gap:17px;min-width:0;min-height:108px;padding:20px 19px;border:1px solid rgba(103,75,49,.21);background:rgba(255,250,239,.22);position:relative}
.ns-app-archive-card:before{content:'';position:absolute;top:0;left:0;width:46px;height:2px;background:#9c281e;opacity:.65}
.ns-app-archive-card img{width:51px;height:51px;object-fit:contain;flex:none;filter:drop-shadow(0 1px 1px rgba(55,36,14,.13))}
.ns-app-archive-card-text{min-width:0}
.ns-app-archive-card h3{font-family:var(--serif);font-size:clamp(1.15rem,1.4vw,1.52rem);font-weight:500;color:#382b23;line-height:1.2;margin:0 0 9px}
.ns-app-archive-card p{display:flex;flex-wrap:wrap;gap:3px 14px;margin:0;color:#8c6c47;font-size:.84rem;line-height:1.5}
.ns-app-archive-card p strong{color:#8e251c;font-weight:700}
.ns-app-archive-outro{margin:30px 0 0;color:#77614c;font-size:.95rem;line-height:1.7}
.ns-app-archive-outro strong{color:#4b3326}
@media(max-width:1150px){.ns-app-archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.ns-app-archive-heading{grid-template-columns:1fr;gap:24px}.ns-app-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ns-app-archive{padding:75px 0}.ns-app-page .ns-app-archive-heading h2{font-size:clamp(3.2rem,8vw,5rem)}}
@media(max-width:520px){.ns-app-archive-grid{grid-template-columns:1fr;gap:10px}.ns-app-archive-card{min-height:88px;padding:14px 17px}.ns-app-archive-card img{width:46px;height:46px}.ns-app-page .ns-app-archive-heading h2{font-size:clamp(2.8rem,11vw,4.1rem)}}

/* Abschnitt 2 – Original-Icons, ruhige Interaktion und hervorgehobener Abschluss */
.ns-app-archive-card{overflow:hidden;transition:background-color .28s ease,border-color .28s ease,box-shadow .28s ease,transform .28s ease}
.ns-app-archive-card::before{transition:width .32s ease,opacity .28s ease}
.ns-app-archive-card img{filter:none;transition:transform .28s ease}
@media (hover:hover) and (pointer:fine){
 .ns-app-archive-card:hover{background:rgba(255,249,235,.62);border-color:rgba(135,73,45,.42);box-shadow:0 9px 22px rgba(68,40,19,.075);transform:translateY(-2px)}
 .ns-app-archive-card:hover::before{width:100%;opacity:.82}
 .ns-app-archive-card:hover img{transform:translateY(-2px) scale(1.035)}
}
.ns-app-archive-outro{margin:42px 0 0;padding:23px 28px;border-left:2px solid #9c281e;background:rgba(255,250,239,.25);font-size:1rem;line-height:1.65}
.ns-app-archive-outro>strong{display:block;font-family:var(--serif);font-size:clamp(1.5rem,2vw,2rem);font-weight:500;color:#382b23;margin-bottom:7px}
.ns-app-archive-outro>span{display:block;color:#6d5846}
.ns-app-archive-outro b{color:#4b3326}
@media(max-width:520px){.ns-app-archive-outro{margin-top:28px;padding:19px 20px}}
@media(prefers-reduced-motion:reduce){.ns-app-archive-card,.ns-app-archive-card::before,.ns-app-archive-card img{transition:none}.ns-app-archive-card:hover{transform:none}.ns-app-archive-card:hover img{transform:none}}

/* Finale Anpassung: Archiv-Metadaten um 2px vergroessert */
.ns-app-archive-card p{font-size:calc(.84rem + 2px)}

/* Abschnitt 3: Chroniken der Zeit – fokussierte Smartphone-Inszenierung */
.ns-app-timeline-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);gap:7%}
.ns-app-timeline-stat{display:flex;align-items:center;gap:23px;max-width:530px;margin-top:32px;padding:22px 24px;border:1px solid rgba(216,179,117,.20);border-top:1px solid rgba(216,179,117,.20);background:transparent;position:relative}
.ns-app-timeline-stat::before{content:"";position:absolute;top:-1px;left:0;width:36px;height:2px;background:#a52b20}
.ns-app-timeline-stat>strong{font-family:var(--serif);font-weight:400;font-size:clamp(3.5rem,5vw,5.3rem);line-height:1;color:#e2bf83;font-variant-numeric:lining-nums}
.ns-app-timeline-stat span{display:block;font-family:var(--serif);font-size:1.48rem;color:#ead3aa;line-height:1.2}
.ns-app-timeline-stat p{margin:9px 0 0;color:#b7a58d;font-size:.94rem;line-height:1.6}
.ns-app-timeline-visual{position:relative;min-height:680px;display:flex;align-items:center;justify-content:flex-start;padding:12px 0 12px 8%}
.ns-app-timeline-visual::before{content:'';position:absolute;inset:11% 6% 7% 10%;background:radial-gradient(ellipse,rgba(145,82,47,.18),transparent 69%);pointer-events:none}
.ns-app-timeline-primary{position:relative;width:49%;max-width:290px;z-index:1;transform:translateY(-16px);box-shadow:0 28px 62px rgba(0,0,0,.44)}
.ns-app-timeline-secondary{position:absolute;width:49%;max-width:290px;right:2%;top:13%;z-index:2;box-shadow:0 29px 65px rgba(0,0,0,.58)}
@media(max-width:900px){.ns-app-timeline-visual{min-height:560px;padding-left:0}.ns-app-timeline-primary{width:54%}.ns-app-timeline-secondary{width:54%;right:0}}
@media(max-width:700px){.ns-app-timeline-layout{grid-template-columns:1fr;gap:34px}.ns-app-timeline-visual{min-height:0;aspect-ratio:1.12;max-width:520px;width:100%;margin:0 auto;padding:0;align-items:flex-start}.ns-app-timeline-primary{width:47%;transform:none}.ns-app-timeline-secondary{width:47%;top:7%;right:3%}.ns-app-timeline-stat{padding:18px;gap:16px}.ns-app-timeline-stat::before{content:"";position:absolute;top:-1px;left:0;width:36px;height:2px;background:#a52b20}
.ns-app-timeline-stat>strong{font-size:3.6rem}}

/* Abschnitt 3: dezente Hover-Effekte, nur für Geräte mit Maus */
.ns-app-timeline-stat,.ns-app-timeline-primary,.ns-app-timeline-secondary{transition:transform .32s ease,border-color .32s ease,box-shadow .32s ease,background-color .32s ease}
@media (hover:hover) and (pointer:fine){
 .ns-app-timeline-stat:hover{transform:translateY(-3px);border-color:rgba(216,179,117,.42);background-color:rgba(216,179,117,.035);box-shadow:0 12px 28px rgba(0,0,0,.13)}
 .ns-app-timeline-primary:hover{transform:translateY(-23px);border-color:rgba(216,179,117,.58);box-shadow:0 35px 70px rgba(0,0,0,.52);z-index:3}
 .ns-app-timeline-secondary:hover{transform:translateY(-7px);border-color:rgba(216,179,117,.58);box-shadow:0 36px 72px rgba(0,0,0,.64);z-index:3}
}
@media (max-width:700px) and (hover:hover) and (pointer:fine){.ns-app-timeline-primary:hover{transform:translateY(-7px)}}
@media (prefers-reduced-motion:reduce){.ns-app-timeline-stat,.ns-app-timeline-primary,.ns-app-timeline-secondary{transition:none}.ns-app-timeline-stat:hover,.ns-app-timeline-primary:hover,.ns-app-timeline-secondary:hover{transform:none}}

/* Download-Abschluss: App-Symbol zentriert und dezent kleiner */
.ns-app-download-inner>img{display:block;width:100px;height:100px;object-fit:contain;margin:0 auto 28px}


/* Zugang und Preise: Erweiterung der bestehenden dunklen Abschlusssektion */
.ns-app-pricing{margin-top:76px}
.ns-app-pricing-heading{text-align:center;max-width:760px;margin:0 auto 40px}
.ns-app-pricing-heading .eyebrow{margin-bottom:16px}
.ns-app-pricing-heading h3{font-family:var(--serif);font-size:clamp(2.15rem,3.3vw,3.7rem);font-weight:500;line-height:1.1;color:#ead3aa;margin:0 0 16px}
.ns-app-pricing-heading>p:last-child{color:#b7a58d;line-height:1.7;margin:0}
.ns-app-pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ns-app-price-card{min-width:0;min-height:305px;padding:29px 30px 31px;border:1px solid rgba(205,169,117,.22);background:rgba(255,255,255,.018);transition:border-color .25s ease,transform .25s ease,background-color .25s ease}
.ns-app-coin{display:block;width:55px;height:55px;background:#b9afa0;mask-position:center;mask-size:contain;mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;opacity:.9}
.ns-app-coin-single{mask-image:url('/assets/images/app/norsestory-muenze.svg');-webkit-mask-image:url('/assets/images/app/norsestory-muenze.svg')}
.ns-app-coin-double{mask-image:url('/assets/images/app/norsestory-muenzen-zwei.svg');-webkit-mask-image:url('/assets/images/app/norsestory-muenzen-zwei.svg')}
.ns-app-coin-triple{mask-image:url('/assets/images/app/norsestory-muenzen-drei.svg');-webkit-mask-image:url('/assets/images/app/norsestory-muenzen-drei.svg')}
.ns-app-price-card h4,.ns-app-patron h4{font-family:var(--serif);font-size:1.9rem;font-weight:500;color:#ead3aa;margin:18px 0 12px}
.ns-app-price-amount{font-family:var(--serif);font-size:clamp(2.2rem,3vw,3.1rem);line-height:1.05;color:#f0d7ad;margin:0}
.ns-app-price-period{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:#c09e70;margin:10px 0 18px}
.ns-app-price-detail{color:#b7a58d;line-height:1.65;font-size:.94rem;margin:0}
.ns-app-patron{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:22px;align-items:center;border:1px solid rgba(205,169,117,.22);padding:27px 30px;margin-top:20px;background:rgba(255,255,255,.018)}
.ns-app-patron-symbol{width:48px;height:48px;opacity:.7}
.ns-app-patron h4{margin:0 0 8px;font-size:1.65rem}
.ns-app-patron-copy p{color:#b7a58d;font-size:.94rem;line-height:1.6;margin:0;max-width:570px}
.ns-app-patron-prices{display:flex;gap:28px;align-items:center}
.ns-app-patron-prices>div{display:flex;flex-direction:column;gap:5px;white-space:nowrap}
.ns-app-patron-prices strong{font-family:var(--serif);font-weight:500;font-size:1.75rem;color:#ead3aa}
.ns-app-patron-prices span{font-size:.77rem;color:#c09e70}
.ns-app-pricing-note{max-width:950px;margin:27px auto 0;color:#9d8e7b;font-size:.82rem;line-height:1.75;text-align:center}
@media(hover:hover) and (pointer:fine){.ns-app-price-card:hover{transform:translateY(-3px);border-color:rgba(205,169,117,.46);background:rgba(255,255,255,.035)}}
@media(max-width:1000px){.ns-app-patron{grid-template-columns:48px minmax(0,1fr)}.ns-app-patron-prices{grid-column:2;flex-wrap:wrap}.ns-app-price-card{padding:25px 22px}}
@media(max-width:700px){.ns-app-pricing{margin-top:55px}.ns-app-pricing-grid{grid-template-columns:1fr;gap:13px}.ns-app-price-card{min-height:0;padding:24px 25px}.ns-app-coin{width:45px;height:45px}.ns-app-price-card h4{margin-top:12px}.ns-app-patron{grid-template-columns:1fr;gap:12px;padding:24px 25px}.ns-app-patron-prices{grid-column:1;gap:18px}.ns-app-pricing-note{text-align:left}.ns-app-pricing-heading{margin-bottom:28px}}
@media(prefers-reduced-motion:reduce){.ns-app-price-card{transition:none}.ns-app-price-card:hover{transform:none}}

/* Preisbereich: NorseStory-Altgold fuer Muenzen, Rot fuer Laufzeiten */
.ns-app-download .ns-app-coin{background-color:#d6b77c}
.ns-app-download .ns-app-price-period,.ns-app-download .ns-app-patron-prices span{color:#c44033}
.ns-app-download-inner>p:not(.eyebrow){max-width:760px;margin-left:auto;margin-right:auto;line-height:1.7}
.ns-app-pricing{margin-top:66px}