/* ==========================================================
   Hörmond 1.12.0 – Premium All Pages Theme
   Globaler Look für öffentliche Seiten, App, Hörpost und Admin
   ========================================================== */
:root {
  --kn-night-950:#030817;
  --kn-night-900:#07122d;
  --kn-night-850:#0a1737;
  --kn-panel:rgba(7,17,44,.82);
  --kn-panel-strong:rgba(6,14,36,.94);
  --kn-panel-soft:rgba(10,23,57,.72);
  --kn-gold:#f0c66f;
  --kn-gold-2:#d99a3e;
  --kn-cream:#fff0d0;
  --kn-text:#f7f2e8;
  --kn-muted:#d6d8e4;
  --kn-line:rgba(240,198,111,.18);
  --kn-line-soft:rgba(255,255,255,.08);
  --kn-shadow:0 30px 88px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.04);
  --kn-glow:0 0 0 1px rgba(255,228,162,.08), 0 0 34px rgba(240,198,111,.08);
  --kn-radius-xl:34px;
  --kn-radius-lg:26px;
  --kn-radius-md:20px;
}

html { background:var(--kn-night-950); }
body {
  color:var(--kn-text);
  background-color:var(--kn-night-950);
  background-image:
    linear-gradient(180deg, rgba(3,8,23,.18), rgba(3,8,23,.42)),
    url('../images/hoermond-bg-app.png');
  background-position:center top;
  background-size:cover;
  background-attachment:fixed;
  background-repeat:no-repeat;
  overflow-x:hidden;
}
body.public-page {
  background-image:
    linear-gradient(180deg, rgba(3,8,23,.08), rgba(3,8,23,.34)),
    url('../images/hoermond-bg-public.png');
}
body::after {
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(circle at 20% 18%, rgba(240,198,111,.08), transparent 26%),
    radial-gradient(circle at 84% 16%, rgba(122,108,255,.08), transparent 24%),
    linear-gradient(180deg, rgba(2,6,18,.04), rgba(2,6,18,.24));
}
body > * { position:relative; z-index:1; }

/* globale Sternen-Ebene */
.kn-global-stars { position:fixed; inset:0; pointer-events:none; overflow:hidden; z-index:1; }
.kn-global-stars i {
  position:absolute;
  width:4px; height:4px; border-radius:50%;
  background:#fff1bd;
  box-shadow:0 0 12px rgba(255,229,157,.85),0 0 28px rgba(241,196,107,.35);
  opacity:.5;
  animation:knStarFloat var(--dur,12s) ease-in-out infinite;
  animation-delay:var(--delay,0s);
}
.kn-global-stars i:nth-child(3n){ width:2px;height:2px;opacity:.35; }
.kn-global-stars i:nth-child(5n){ width:7px;height:7px;opacity:.8; }
@keyframes knStarFloat { 50% { transform:translateY(-14px) scale(1.35); opacity:1; } }

/* Header / Footer */
.topbar-premium {
  position:sticky; top:0; z-index:80;
  min-height:94px;
  padding-inline:max(20px,calc((100% - 1460px)/2));
  background:linear-gradient(180deg,rgba(5,13,34,.94),rgba(5,13,34,.86));
  border-bottom:1px solid var(--kn-line);
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
  box-shadow:0 18px 50px rgba(0,0,0,.3);
}
.brand-premium { min-width:0; }
.brand-logo-full {
  display:block;
  width:min(395px,36vw);
  height:auto;
  max-height:76px;
  object-fit:contain;
  object-position:left center;
  filter:drop-shadow(0 10px 28px rgba(240,198,111,.14));
}
.desktop-nav { gap:8px; }
.desktop-nav a:not(.button):not(.avatar) {
  color:#f0dfb8;
  border:1px solid transparent;
  border-radius:999px;
  padding:11px 14px;
  font-size:15px;
}
.desktop-nav a:not(.button):not(.avatar):hover,
.desktop-nav a:not(.button):not(.avatar).active {
  color:#fff8e6;
  border-color:var(--kn-line);
  background:rgba(255,255,255,.04);
}
.avatar {
  background:linear-gradient(180deg,#f8d57f,#dfab43)!important;
  color:#251506!important;
  box-shadow:0 0 0 1px rgba(255,248,223,.35),0 12px 30px rgba(225,172,67,.22);
}
.public-footer-premium {
  background:linear-gradient(180deg,rgba(4,10,26,.78),rgba(4,10,26,.96));
  border-top:1px solid var(--kn-line);
  backdrop-filter:blur(16px);
}
.public-footer-logo { width:min(390px,100%); }
.public-footer a { color:#edd29a; }

/* Seiten-Grundrahmen */
.page { max-width:1420px; padding-inline:22px; }
.page.with-bottom-nav { padding-bottom:116px; }
.public-page .page { padding-top:34px; }
.app-page .page,.admin-page .page { padding-top:28px; }

/* alle Panels */
.card,
.creator,
.story-card,
.world-card,
.profile-card,
.auth-card,
.admin-panel,
.admin-stat,
.price-card,
.faq-list details,
.contact-card,
.contact-aside,
.gift-compose-form,
.gift-story-preview,
.gift-list-card,
.gift-sent-card,
.story-text,
.story-world-strip,
.story-gift-cta,
.player-card,
.continue-card,
.onboarding-card,
.welcome-strip,
.quick-start-panel,
.settings-grid > section,
.settings-grid > a,
.public-page-head,
.cta-panel,
.premium-frame-v111,
.landing-flow-card-v111,
.public-hoerpost-panel-v190,
.public-player-shell-v190,
.public-hoerpost-text-v190,
.gift-opening-shell-v190 {
  background:linear-gradient(180deg,var(--kn-panel),var(--kn-panel-strong));
  border:1px solid var(--kn-line);
  box-shadow:var(--kn-shadow),var(--kn-glow);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.card:hover,.story-card:hover,.world-card:hover,.profile-card:hover,.price-card:hover,.gift-list-card:hover {
  border-color:rgba(240,198,111,.32);
  box-shadow:0 34px 92px rgba(0,0,0,.52),0 0 42px rgba(240,198,111,.11);
}

/* Typografie */
h1,h2,.dashboard-head h1,.create-head h1,.public-page-head h1,.story-cover-copy h1,
.auth-copy h1,.public-content-column-v190 h1,.gift-opening-copy-v190 h1 {
  font-family:Georgia,'Times New Roman',serif;
  color:var(--kn-cream);
  letter-spacing:-.035em;
}
h1 { text-wrap:balance; }
h2 { text-wrap:balance; }
p,small,li,td,th,label { color:var(--kn-muted); }
.eyebrow { color:var(--kn-gold); letter-spacing:.12em; }
.text-link { color:var(--kn-gold); }

/* Buttons */
.button,
button.button,
input[type=submit] {
  background:linear-gradient(180deg,#f8d77f 0%,#dfa943 100%);
  color:#251506;
  border:0;
  box-shadow:0 0 0 1px rgba(255,246,218,.35),0 16px 38px rgba(223,169,67,.22);
  font-weight:800;
}
.button:hover,button.button:hover { filter:brightness(1.04); transform:translateY(-1px); }
.button.ghost,.button.light,.button-secondary-v190,.text-button {
  color:#fff0cf;
  background:linear-gradient(180deg,rgba(15,31,73,.96),rgba(9,20,51,.98));
  border:1px solid var(--kn-line);
  box-shadow:none;
}
.icon-button,.kn-player-actions button,.player-quick-actions-v190 button {
  background:rgba(9,20,52,.82);
  color:#f6dfac;
  border:1px solid var(--kn-line);
}

/* Inputs */
input,select,textarea {
  color:#fff8e7;
  background:rgba(4,11,31,.88);
  border-color:rgba(240,198,111,.15);
}
input::placeholder,textarea::placeholder { color:#8790a8; }
input:focus,select:focus,textarea:focus {
  border-color:rgba(240,198,111,.52);
  box-shadow:0 0 0 4px rgba(240,198,111,.1),0 0 28px rgba(240,198,111,.08);
}
fieldset { border-color:var(--kn-line); }

/* Seitenköpfe */
.dashboard-head,.create-head,.public-page-head {
  position:relative;
  padding:30px 32px;
  margin-bottom:24px;
  border-radius:var(--kn-radius-xl);
  background:linear-gradient(180deg,rgba(8,19,49,.84),rgba(6,14,37,.94));
  border:1px solid var(--kn-line);
  box-shadow:var(--kn-shadow);
  overflow:hidden;
}
.dashboard-head::after,.create-head::after,.public-page-head::after {
  content:"☾";
  position:absolute;
  right:30px; top:18px;
  font-size:72px;
  color:rgba(240,198,111,.13);
  text-shadow:0 0 30px rgba(240,198,111,.16);
}
.dashboard-head h1,.create-head h1,.public-page-head h1 { font-size:clamp(42px,5vw,72px); margin-bottom:10px; }
.dashboard-head p,.create-head p,.public-page-head p { max-width:820px; font-size:18px; line-height:1.65; }

/* Landing Page */
.landing-shell-v111 { display:grid; gap:30px; }
.landing-hero-v111 { min-height:820px; }
.landing-hero-top-v111 { border-bottom-color:var(--kn-line); }
.landing-hero-brand-v111 img { width:min(410px,100%); }
.landing-hero-features-v111 span,.landing-hero-pill-v111,.landing-hero-meta-v111 span,
.landing-showcase-tags-v111 span {
  background:rgba(7,18,48,.78);
  border-color:var(--kn-line);
  color:#f0dcae;
}
.landing-hero-art-frame-v111,.landing-showcase-visual-v111 img {
  border:1px solid rgba(240,198,111,.26);
  box-shadow:0 30px 80px rgba(0,0,0,.44),0 0 50px rgba(240,198,111,.12);
}
.landing-hero-copy-v111 h1 { color:var(--kn-cream); }
.landing-flow-card-v111 { border-radius:var(--kn-radius-lg); }
.landing-benefit-v111 { min-height:210px; }

/* Auth */
.auth-layout { gap:30px; align-items:stretch; }
.auth-copy,.auth-card { border-radius:var(--kn-radius-xl); }
.auth-copy {
  padding:40px;
  background:linear-gradient(180deg,rgba(7,18,47,.82),rgba(6,14,37,.94));
  border:1px solid var(--kn-line);
  box-shadow:var(--kn-shadow);
}
.auth-copy h1 { font-size:clamp(44px,5vw,70px); }
.auth-copy .quote { color:#f1d995; border-color:var(--kn-line); }
.auth-card { padding:34px; }
.auth-card h1,.auth-card h2 { font-size:clamp(34px,4vw,52px); }

/* Bibliothek / Karten */
.story-grid,.dashboard-story-grid,.world-grid,.profile-grid,.gift-grid,.price-grid { gap:22px; }
.story-card,.world-card,.profile-card,.gift-list-card,.price-card { border-radius:var(--kn-radius-lg); overflow:hidden; }
.story-card h3,.world-card h2,.profile-card h3,.gift-list-card h3,.price-card h2 { color:var(--kn-cream); }
.story-art-cover,.gift-list-cover,.gift-preview-cover { border-bottom:1px solid var(--kn-line); }
.story-art-cover img,.gift-list-cover img,.gift-preview-cover img { width:100%;height:100%;object-fit:cover; }
.filter-tabs,.series-chips { gap:10px; }
.filter-tabs a,.series-chips a {
  background:rgba(7,18,48,.8);
  border:1px solid var(--kn-line);
  color:#ecd8aa;
}
.filter-tabs a.active,.series-chips a.active { background:linear-gradient(180deg,#f8d77f,#dfa943); color:#251506; }

/* Erstellen */
.creator-wizard,.creator { border-radius:var(--kn-radius-xl); }
.wizard-progress-item,.choice span,.voice-choice-inner,.duration-choice span,.quick-ideas button,.suggestions button {
  background:rgba(7,18,48,.82);
  border-color:var(--kn-line);
  color:#f5e7c6;
}
.wizard-progress-item.active,.choice input:checked+span,.voice-choice input:checked+.voice-choice-inner,.duration-choice input:checked+span {
  background:linear-gradient(180deg,rgba(240,198,111,.22),rgba(240,198,111,.08));
  border-color:rgba(240,198,111,.5);
  box-shadow:0 0 0 4px rgba(240,198,111,.08),0 0 30px rgba(240,198,111,.1);
}
.creation-summary>div { background:rgba(6,16,42,.82); border-color:var(--kn-line); }

/* Story Detail */
.story-cover-v171 { border-radius:var(--kn-radius-xl); }
.story-cover-media { border-color:rgba(240,198,111,.26); box-shadow:0 30px 70px rgba(0,0,0,.42),0 0 44px rgba(240,198,111,.14); }
.story-cover-copy h1 { font-size:clamp(48px,6vw,84px); }
.story-meta span,.status,.series-badge,.credit-pill {
  background:rgba(7,18,48,.78);
  border:1px solid var(--kn-line);
  color:#f0dcae;
}
.kn-player { background:transparent; }
.kn-play,.public-player-play-v190 { background:linear-gradient(180deg,#f8d77f,#dfa943); color:#251506; }

/* Hörpost interne Seiten */
.gift-compose-shell,.gift-dashboard-head { position:relative; }
.gift-compose-layout { gap:24px; }
.gift-story-preview,.gift-compose-form,.gift-sent-card,.gift-list-card { border-radius:var(--kn-radius-xl); }
.gift-share-actions a,.icon-share-button { border-color:var(--kn-line); }

/* Public Hörpost */
.public-hoerpost-page-v190 {
  background-image:
    linear-gradient(180deg,rgba(3,8,23,.04),rgba(3,8,23,.22)),
    url('../images/hoermond-bg-public.png');
  background-position:center;
  background-size:cover;
  background-attachment:fixed;
}
.gift-opening-screen-v190,.public-hoerpost-main-v190 { min-height:100svh; }
.gift-opening-shell-v190,.public-hoerpost-panel-v190 { border-color:rgba(240,198,111,.24); }
.gift-opening-brand-v190 img,.public-brand-badge-v190 img,.public-hoerpost-footer-v190 img { width:min(395px,100%); border-radius:18px; }
.gift-opening-copy-v190 h1,.public-content-column-v190 h1 { color:var(--kn-cream); }
.gift-opening-art-frame-v190,.public-hoerpost-cover-v190 { border-color:rgba(240,198,111,.36); }
.gift-opening-ribbon-v190,.public-hoerpost-for-v190 { color:#f7dfa5; }
.gift-open-button-v190,.button-primary-v190 { background:linear-gradient(180deg,#f8d77f,#dfa943); color:#251506; }
.public-player-shell-v190 { border-radius:30px; }

/* Settings */
.settings-grid-v15 { gap:22px; }
.settings-grid-v15 > section,.settings-grid-v15 > a { border-radius:var(--kn-radius-lg); }
.credit-number,.price,.admin-stat strong { color:var(--kn-gold); text-shadow:0 0 24px rgba(240,198,111,.14); }
.clean-list li::marker { color:var(--kn-gold); }

/* Preise / FAQ / Kontakt */
.price-card.featured { border-color:rgba(240,198,111,.48); box-shadow:0 30px 80px rgba(0,0,0,.42),0 0 44px rgba(240,198,111,.14); }
.price { font-family:Georgia,'Times New Roman',serif; }
.faq-list details { border-radius:var(--kn-radius-md); }
.faq-list summary { color:var(--kn-cream); }
.contact-layout { gap:24px; }
.contact-card,.contact-aside { border-radius:var(--kn-radius-xl); }

/* Admin */
.admin-page { background-image:linear-gradient(180deg,rgba(3,8,23,.18),rgba(3,8,23,.42)),url('../images/hoermond-bg-app.png'); }
.admin-nav { background:rgba(5,14,36,.9); border-color:var(--kn-line); }
.admin-nav a { color:#ead9b5; }
.admin-stat-grid,.admin-grid { gap:20px; }
.admin-stat,.admin-panel { border-radius:var(--kn-radius-lg); }
.admin-table { background:transparent; }
.admin-table th { color:#f0cc78; }
.admin-table td,.admin-table th { border-color:rgba(240,198,111,.1); }
.admin-search,.admin-toolbar { background:rgba(7,18,48,.72); border-color:var(--kn-line); }

/* Bottom Navigation */
.bottom-nav {
  background:rgba(5,13,34,.94);
  border-top:1px solid var(--kn-line);
  backdrop-filter:blur(18px);
  box-shadow:0 -18px 50px rgba(0,0,0,.34);
}
.bottom-nav a { color:#cfd4e4; }
.bottom-nav a.active { color:#f0c66f; }
.create-fab span { background:linear-gradient(180deg,#f8d77f,#dfa943); color:#251506; }

/* Animationen / Effekte */
.card,.story-card,.world-card,.profile-card,.price-card,.gift-list-card,.admin-panel,.admin-stat {
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.card:hover,.story-card:hover,.world-card:hover,.profile-card:hover,.price-card:hover,.gift-list-card:hover,.admin-panel:hover,.admin-stat:hover {
  transform:translateY(-3px);
}
.button { position:relative; overflow:hidden; }
.button::before {
  content:""; position:absolute; inset:-60% auto -60% -30%; width:32%; transform:rotate(18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);
  animation:knButtonShine 6s ease-in-out infinite;
}
@keyframes knButtonShine { 0%,72%{left:-45%} 100%{left:130%} }

@media (max-width:1100px) {
  .brand-logo-full { width:min(330px,44vw); }
  .dashboard-head::after,.create-head::after,.public-page-head::after { opacity:.5; }
  .auth-layout,.contact-layout,.gift-compose-layout { grid-template-columns:1fr; }
}
@media (max-width:760px) {
  body { background-attachment:scroll; background-position:center top; }
  .topbar-premium { min-height:80px; padding-inline:12px; }
  .brand-logo-full { width:230px; max-height:60px; }
  .page { padding-inline:12px; padding-top:16px; }
  .dashboard-head,.create-head,.public-page-head { padding:22px 18px; border-radius:26px; }
  .dashboard-head::after,.create-head::after,.public-page-head::after { font-size:48px; right:16px; top:10px; }
  .dashboard-head h1,.create-head h1,.public-page-head h1 { font-size:clamp(38px,11vw,52px); }
  .card,.story-card,.world-card,.profile-card,.auth-card,.admin-panel,.admin-stat,.price-card,.gift-compose-form,.gift-story-preview { border-radius:22px; }
  .auth-copy,.auth-card { padding:22px 18px; }
  .gift-opening-brand-v190 img,.public-brand-badge-v190 img,.public-hoerpost-footer-v190 img { width:min(310px,100%); }
  .kn-global-stars i:nth-child(n+22){ display:none; }
}

.kn-reveal-item { opacity:0; transform:translateY(22px); transition:opacity .75s ease var(--kn-reveal-delay,0ms),transform .75s ease var(--kn-reveal-delay,0ms); }
.kn-reveal-item.kn-reveal-visible { opacity:1; transform:none; }
@media (prefers-reduced-motion:reduce) {
  .kn-global-stars i,.button::before { animation:none!important; }
  .kn-reveal-item { opacity:1; transform:none; transition:none; }
}


/* ==========================================================
   Hörmond 1.13.0 – vollständiges Marken- und Logo-Update
   ========================================================== */
.topbar-premium {
    min-height: 98px;
}
.brand-premium {
    min-width: 0;
    max-width: 460px;
    overflow: visible;
}
.brand-logo-full {
    display: block;
    width: min(430px, 31vw);
    height: auto;
    max-height: 78px;
    object-fit: contain;
    object-position: left center;
    filter: drop-shadow(0 9px 24px rgba(241,196,107,.16));
}
.footer-brand-premium .public-footer-logo {
    display: block;
    width: min(430px, 100%);
    height: auto;
    filter: drop-shadow(0 9px 22px rgba(241,196,107,.13));
}
.gift-opening-brand-v190,
.public-brand-badge-v190 {
    min-width: 0;
}
.gift-opening-brand-v190 img,
.public-brand-badge-v190 img,
.public-hoerpost-footer-v190 img {
    width: min(440px, 100%);
    height: auto;
    max-height: none;
    object-fit: contain;
    filter: drop-shadow(0 12px 28px rgba(241,196,107,.18));
}
.gift-opening-brand-v190 > div,
.public-brand-badge-v190 > div {
    display: none !important;
}
.public-hoerpost-footer-v190 img {
    margin-inline: auto;
}
.login-card::before,
.auth-card::before,
.public-page-head::before,
.dashboard-head::before,
.create-head::before {
    content: "Hörmond";
    display: block;
    margin-bottom: 8px;
    color: var(--kn-gold, #f1c46b);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 14px;
    letter-spacing: .14em;
    text-transform: uppercase;
}
@media (max-width: 980px) {
    .topbar-premium { min-height: 86px; }
    .brand-premium { max-width: 330px; }
    .brand-logo-full { width: min(310px, 58vw); max-height: 68px; }
}
@media (max-width: 700px) {
    .topbar-premium { min-height: 76px; padding-inline: 12px; }
    .brand-premium { max-width: calc(100vw - 110px); }
    .brand-logo-full { width: min(265px, 67vw); max-height: 59px; }
    .gift-opening-brand-v190 img,
    .public-brand-badge-v190 img { width: min(310px, 86vw); }
}