/* ==========================================================
   Hörmond 1.14.0 – Premium Rebuild
   Globales Nacht-/Gold-Design + neue Startseite
   ========================================================== */
:root{
  --hm-night-950:#030817;
  --hm-night-900:#06102a;
  --hm-night-850:#081536;
  --hm-night-800:#0b1b43;
  --hm-panel:rgba(7,18,48,.80);
  --hm-panel-strong:rgba(5,13,36,.94);
  --hm-panel-soft:rgba(12,26,62,.72);
  --hm-gold:#f1c86f;
  --hm-gold-light:#ffe7a8;
  --hm-gold-dark:#c9872c;
  --hm-cream:#fff2d4;
  --hm-text:#f4f1ea;
  --hm-muted:#cbd1df;
  --hm-line:rgba(244,201,111,.18);
  --hm-line-strong:rgba(244,201,111,.34);
  --hm-shadow:0 28px 88px rgba(0,0,0,.48);
  --hm-glow:0 0 42px rgba(241,200,111,.13);
  --hm-radius-xl:38px;
  --hm-radius-lg:28px;
  --hm-radius-md:20px;
}

html{background:var(--hm-night-950);overflow-x:hidden}
body{
  min-height:100vh;
  overflow-x:hidden;
  color:var(--hm-text);
  background-color:var(--hm-night-950)!important;
  background-image:
    linear-gradient(180deg,rgba(3,8,23,.10),rgba(3,8,23,.34)),
    url('../images/hoermond-bg-app.webp')!important;
  background-position:center top!important;
  background-size:cover!important;
  background-attachment:fixed!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
}
body.public-page{
  background-image:
    linear-gradient(180deg,rgba(3,8,23,.04),rgba(3,8,23,.26)),
    url('../images/hoermond-bg-public.webp')!important;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:
    radial-gradient(circle at 8% 16%,rgba(255,240,196,.95) 0 1.2px,transparent 1.8px),
    radial-gradient(circle at 23% 30%,rgba(255,226,156,.72) 0 1px,transparent 1.7px),
    radial-gradient(circle at 42% 13%,rgba(255,239,194,.86) 0 1.2px,transparent 1.8px),
    radial-gradient(circle at 61% 31%,rgba(255,226,156,.72) 0 1px,transparent 1.7px),
    radial-gradient(circle at 82% 18%,rgba(255,240,196,.88) 0 1.2px,transparent 1.8px),
    radial-gradient(circle at 94% 56%,rgba(255,226,156,.74) 0 1px,transparent 1.7px),
    radial-gradient(circle at 72% 76%,rgba(255,240,196,.7) 0 1.3px,transparent 1.9px),
    radial-gradient(circle at 31% 83%,rgba(255,226,156,.6) 0 1px,transparent 1.7px);
  animation:hm-sky-breathe 16s ease-in-out infinite;
}
body>*{position:relative;z-index:1}
@keyframes hm-sky-breathe{50%{opacity:.72;transform:translateY(-4px)}}

/* Header */
.topbar.topbar-premium{
  min-height:96px!important;
  height:auto!important;
  padding:12px max(24px,calc((100vw - 1480px)/2))!important;
  background:linear-gradient(180deg,rgba(3,9,25,.94),rgba(4,11,30,.88))!important;
  border-bottom:1px solid var(--hm-line)!important;
  box-shadow:0 16px 54px rgba(0,0,0,.36)!important;
  backdrop-filter:blur(24px)!important;
  -webkit-backdrop-filter:blur(24px)!important;
}
.brand-premium{min-width:0;display:flex!important;align-items:center!important}
.brand-premium .brand-logo-full{
  display:block!important;
  width:300px!important;
  max-width:34vw!important;
  height:auto!important;
  min-width:0!important;
  object-fit:contain;
  filter:drop-shadow(0 10px 24px rgba(241,200,111,.16));
}
.desktop-nav{gap:8px!important}
.desktop-nav>a:not(.avatar):not(.button){
  padding:11px 14px!important;
  color:#f0dfba!important;
  border:1px solid transparent;
  border-radius:999px!important;
  font-size:15px!important;
  transition:background .2s ease,border-color .2s ease,color .2s ease;
}
.desktop-nav>a:not(.avatar):not(.button):hover{
  color:#fff8e6!important;
  background:rgba(255,255,255,.045)!important;
  border-color:var(--hm-line)!important;
}
.desktop-nav .button.small{
  min-height:48px!important;
  padding:0 22px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#f8d77f,#dfa943)!important;
  color:#251506!important;
  box-shadow:0 14px 34px rgba(223,169,67,.24)!important;
}
.avatar{background:linear-gradient(180deg,#f8d77f,#dfa943)!important;color:#251506!important}

/* Global content width */
.page{
  width:100%!important;
  max-width:1480px!important;
  padding:34px 28px 112px!important;
}
.public-page .page{padding-top:24px!important}

/* Global premium panels for all pages */
.card,.creator,.story-card,.world-card,.profile-card,.auth-card,.auth-copy,
.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,.legal-page,.admin-nav{
  background:linear-gradient(180deg,var(--hm-panel),var(--hm-panel-strong))!important;
  border:1px solid var(--hm-line)!important;
  box-shadow:var(--hm-shadow),var(--hm-glow)!important;
  backdrop-filter:blur(20px)!important;
  -webkit-backdrop-filter:blur(20px)!important;
}
.card,.story-card,.world-card,.profile-card,.price-card,.gift-list-card{
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.card:hover,.story-card:hover,.world-card:hover,.profile-card:hover,.price-card:hover,.gift-list-card:hover{
  transform:translateY(-3px);
  border-color:var(--hm-line-strong)!important;
  box-shadow:0 34px 96px rgba(0,0,0,.52),0 0 48px rgba(241,200,111,.12)!important;
}
h1,h2,.dashboard-head h1,.create-head h1,.public-page-head h1,.story-cover-copy h1,.auth-copy h1{
  font-family:Georgia,"Times New Roman",serif!important;
  color:var(--hm-cream)!important;
  letter-spacing:-.035em!important;
}
p,li,small,td,th,label{color:var(--hm-muted)}
.eyebrow{color:var(--hm-gold)!important;letter-spacing:.14em!important}
.button,input[type=submit],button.button{
  background:linear-gradient(180deg,#f8d77f,#dfa943)!important;
  color:#251506!important;
  border:0!important;
  box-shadow:0 0 0 1px rgba(255,246,218,.34),0 18px 42px rgba(223,169,67,.24)!important;
  font-weight:800!important;
}
.button.ghost,.button.light,.text-button{
  background:linear-gradient(180deg,rgba(14,30,72,.96),rgba(8,19,50,.98))!important;
  color:#fff0cf!important;
  border:1px solid var(--hm-line)!important;
  box-shadow:none!important;
}
input,select,textarea{
  background:rgba(3,10,29,.88)!important;
  color:#fff8e8!important;
  border-color:rgba(241,200,111,.16)!important;
}
input:focus,select:focus,textarea:focus{
  border-color:rgba(241,200,111,.52)!important;
  box-shadow:0 0 0 4px rgba(241,200,111,.10),0 0 28px rgba(241,200,111,.08)!important;
}
.dashboard-head,.create-head,.public-page-head{
  position:relative;
  padding:30px 34px!important;
  margin-bottom:26px!important;
  border-radius:var(--hm-radius-xl)!important;
  background:linear-gradient(180deg,rgba(7,18,48,.86),rgba(5,13,36,.95))!important;
  border:1px solid var(--hm-line)!important;
  box-shadow:var(--hm-shadow)!important;
  overflow:hidden;
}
.dashboard-head::after,.create-head::after,.public-page-head::after{
  content:"☾";
  position:absolute;
  right:28px;
  top:8px;
  font:76px Georgia,serif;
  color:rgba(241,200,111,.12);
  text-shadow:0 0 34px rgba(241,200,111,.16);
}
.dashboard-head h1,.create-head h1,.public-page-head h1{font-size:clamp(42px,5vw,70px)!important}

/* New landing page */
.hm-home{display:grid;gap:34px}
.hm-glass-panel{
  position:relative;
  background:linear-gradient(180deg,rgba(7,18,48,.80),rgba(5,13,36,.94));
  border:1px solid var(--hm-line);
  box-shadow:var(--hm-shadow),var(--hm-glow);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.hm-glass-panel::after{
  content:"";
  position:absolute;
  inset:16px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:calc(var(--hm-radius-xl) - 10px);
  pointer-events:none;
}
.hm-hero{
  min-height:790px;
  display:grid;
  grid-template-columns:minmax(360px,.88fr) minmax(0,1.12fr);
  grid-template-rows:1fr auto;
  gap:32px 54px;
  align-items:center;
  padding:48px 54px 34px;
  border-radius:var(--hm-radius-xl);
  overflow:hidden;
  isolation:isolate;
}
.hm-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at 28% 42%,rgba(241,200,111,.13),transparent 24rem),
    radial-gradient(circle at 82% 16%,rgba(83,98,255,.12),transparent 22rem),
    linear-gradient(90deg,rgba(4,11,31,.08),rgba(4,11,31,.34));
}
.hm-hero-stars{
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    radial-gradient(circle at 12% 16%,rgba(255,240,196,.95) 0 1.4px,transparent 2px),
    radial-gradient(circle at 31% 29%,rgba(255,223,150,.78) 0 1px,transparent 1.8px),
    radial-gradient(circle at 66% 12%,rgba(255,240,196,.9) 0 1.2px,transparent 1.9px),
    radial-gradient(circle at 84% 41%,rgba(255,223,150,.84) 0 1.2px,transparent 1.9px),
    radial-gradient(circle at 56% 70%,rgba(255,240,196,.74) 0 1px,transparent 1.7px),
    radial-gradient(circle at 91% 77%,rgba(255,223,150,.76) 0 1.4px,transparent 2px);
  animation:hm-stars-twinkle 9s ease-in-out infinite;
}
@keyframes hm-stars-twinkle{50%{opacity:.55}}
.hm-hero-orbit{
  position:absolute;
  left:5%;
  bottom:7%;
  width:44%;
  height:28%;
  border-radius:50%;
  border:2px solid rgba(241,200,111,.34);
  border-color:rgba(241,200,111,.46) transparent transparent rgba(241,200,111,.18);
  transform:rotate(-8deg);
  filter:drop-shadow(0 0 18px rgba(241,200,111,.22));
  animation:hm-orbit-drift 12s ease-in-out infinite;
}
@keyframes hm-orbit-drift{50%{transform:rotate(-5deg) scale(1.03)}}
.hm-cover-stage{position:relative;display:grid;place-items:center;min-height:590px;z-index:2;transition:transform .25s ease}
.hm-cover-aura{position:absolute;inset:12% 7% 4%;border-radius:50%;background:radial-gradient(circle,rgba(241,200,111,.32),rgba(80,92,255,.10) 46%,transparent 68%);filter:blur(28px);animation:hm-cover-aura 7s ease-in-out infinite}
@keyframes hm-cover-aura{50%{transform:scale(1.06);opacity:.82}}
.hm-cover-card{
  position:relative;
  width:min(100%,455px);
  margin:0;
  border-radius:34px;
  padding:12px;
  background:linear-gradient(180deg,rgba(255,230,170,.28),rgba(255,230,170,.06));
  border:1px solid rgba(255,222,146,.36);
  box-shadow:0 30px 84px rgba(0,0,0,.48),0 0 54px rgba(241,200,111,.18);
  transform:rotate(-1.5deg);
  overflow:hidden;
}
.hm-cover-card::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.15) 47%,transparent 62%);transform:translateX(-120%);animation:hm-cover-shimmer 7.5s ease-in-out infinite;pointer-events:none;z-index:2}
@keyframes hm-cover-shimmer{45%,100%{transform:translateX(130%)}}
.hm-cover-card img{display:block;width:100%;aspect-ratio:.76;object-fit:cover;border-radius:25px}
.hm-floating-star{position:absolute;color:var(--hm-gold-light);text-shadow:0 0 22px rgba(255,226,156,.78);animation:hm-star-float 6s ease-in-out infinite}
.hm-star-one{left:2%;top:18%;font-size:34px}.hm-star-two{right:3%;top:23%;font-size:25px;animation-delay:1.7s}.hm-star-three{right:7%;bottom:17%;font-size:30px;animation-delay:3.1s}
@keyframes hm-star-float{50%{transform:translateY(-10px) scale(1.18);opacity:.76}}
.hm-hero-copy{position:relative;z-index:2;padding-right:12px}
.hm-hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}
.hm-hero-badges span,.hm-meta-row span,.hm-check-list span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border-radius:999px;
  background:rgba(7,18,48,.70);
  border:1px solid var(--hm-line);
  color:#efdbaa;
}
.hm-hero-badges span{padding:9px 13px;font-size:13px}
.hm-hero-copy>.eyebrow{display:block;margin-bottom:14px;font-size:13px}
.hm-hero-copy h1{
  margin:0 0 20px;
  max-width:800px;
  font:clamp(54px,5.8vw,92px)/.96 Georgia,"Times New Roman",serif;
  letter-spacing:-.052em;
  color:var(--hm-cream);
  text-wrap:balance;
}
.hm-hero-copy>p{max-width:760px;margin:0;font-size:20px;line-height:1.68;color:#e5e8f0}
.hm-meta-row{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0}
.hm-meta-row span{min-width:164px;display:grid;gap:3px;padding:14px 17px;border-radius:20px}
.hm-meta-row strong{font-size:19px;color:#fff6e1}.hm-meta-row small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#cdb985}
.hm-hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 16px}
.hm-primary-cta{min-height:64px;padding-inline:28px!important;border-radius:999px!important;font-size:18px!important;white-space:nowrap}
.hm-secondary-cta{min-height:64px;padding-inline:24px!important;border-radius:999px!important}
.hm-hero-note{display:block;font-size:14px;color:#bbc2d2}
.hm-player-preview{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:auto minmax(220px,auto) minmax(120px,1fr) auto;
  align-items:center;
  gap:18px;
  min-height:102px;
  padding:17px 22px;
  border-radius:28px;
  background:linear-gradient(180deg,rgba(5,14,39,.92),rgba(4,11,31,.96));
  border:1px solid var(--hm-line-strong);
  box-shadow:0 20px 48px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.04);
  z-index:3;
}
.hm-player-preview-play{width:68px;height:68px;border:1px solid rgba(255,230,169,.42);border-radius:50%;background:linear-gradient(180deg,#f8d77f,#dfa943);color:#251506;font-size:24px;box-shadow:0 0 30px rgba(241,200,111,.22)}
.hm-player-preview-title{display:grid;gap:4px}.hm-player-preview-title strong{font:21px Georgia,serif;color:var(--hm-cream)}.hm-player-preview-title small{font-size:13px;color:#aeb7cb}
.hm-player-preview-wave{display:flex;align-items:center;gap:5px;height:42px;overflow:hidden}.hm-player-preview-wave i{width:4px;border-radius:99px;background:linear-gradient(180deg,var(--hm-gold-light),var(--hm-gold-dark));animation:hm-wave 1.35s ease-in-out infinite}.hm-player-preview-wave i:nth-child(1){height:14px}.hm-player-preview-wave i:nth-child(2){height:30px;animation-delay:.08s}.hm-player-preview-wave i:nth-child(3){height:20px;animation-delay:.16s}.hm-player-preview-wave i:nth-child(4){height:38px;animation-delay:.24s}.hm-player-preview-wave i:nth-child(5){height:24px;animation-delay:.32s}.hm-player-preview-wave i:nth-child(6){height:34px;animation-delay:.40s}.hm-player-preview-wave i:nth-child(7){height:18px;animation-delay:.48s}.hm-player-preview-wave i:nth-child(8){height:28px;animation-delay:.56s}
@keyframes hm-wave{50%{transform:scaleY(.35);opacity:.54}}
.hm-player-preview-time{color:#ead49c;font-size:14px}

.hm-section{padding:54px 0}
.hm-section-head{max-width:860px;margin:0 auto 30px;text-align:center}
.hm-section-head h2,.hm-gift-copy h2,.hm-final-cta h2{margin:10px 0 14px;font:clamp(38px,4.5vw,64px)/1.04 Georgia,"Times New Roman",serif;color:var(--hm-cream);letter-spacing:-.035em;text-wrap:balance}
.hm-section-head p,.hm-gift-copy>p,.hm-final-cta p{font-size:18px;line-height:1.72;color:#d5dae7}
.hm-steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.hm-step-card{min-height:320px;padding:28px;border-radius:var(--hm-radius-lg);overflow:hidden;animation:hm-section-rise .8s ease both}
.hm-step-card:nth-child(2){animation-delay:.08s}.hm-step-card:nth-child(3){animation-delay:.16s}
@keyframes hm-section-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.hm-step-number{display:block;margin-bottom:16px;font:13px/1 Inter,sans-serif;letter-spacing:.14em;color:#bca86f}
.hm-step-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(180deg,rgba(241,200,111,.22),rgba(241,200,111,.06));border:1px solid var(--hm-line-strong);color:var(--hm-gold-light);font-size:26px;box-shadow:0 0 24px rgba(241,200,111,.10)}
.hm-step-card h3{margin:20px 0 10px;font-size:25px;color:var(--hm-cream)}.hm-step-card p{font-size:16px;line-height:1.7;color:#cbd1df}

.hm-gift-section{display:grid;grid-template-columns:minmax(0,.88fr) minmax(420px,1.05fr);gap:40px;align-items:center;padding:46px;border-radius:var(--hm-radius-xl);overflow:hidden}
.hm-gift-section::before{content:"";position:absolute;inset:auto -7% -30% 36%;height:70%;background:radial-gradient(circle,rgba(241,200,111,.13),transparent 60%);pointer-events:none}
.hm-gift-copy{position:relative;z-index:2}.hm-check-list{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.hm-check-list span{padding:10px 13px;font-size:14px}
.hm-gift-demo{position:relative;z-index:2;padding:10px}
.hm-gift-demo-card{display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr);gap:22px;align-items:center;padding:18px;border-radius:28px;background:linear-gradient(180deg,rgba(6,16,43,.96),rgba(4,12,32,.98));border:1px solid var(--hm-line-strong);box-shadow:0 30px 80px rgba(0,0,0,.42),0 0 44px rgba(241,200,111,.12)}
.hm-gift-demo-card img{width:100%;aspect-ratio:.76;object-fit:cover;border-radius:20px;border:1px solid rgba(255,226,158,.32);box-shadow:0 18px 42px rgba(0,0,0,.35)}
.hm-gift-demo-content>span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--hm-gold)}
.hm-gift-demo-content h3{margin:9px 0 10px;font:32px/1.06 Georgia,serif;color:var(--hm-cream)}.hm-gift-demo-content p{font-size:15px;line-height:1.6;color:#cbd1df}
.hm-gift-demo-actions{display:grid;gap:4px;margin-top:18px;padding:14px 16px;border-radius:18px;background:linear-gradient(180deg,#f8d77f,#dfa943);color:#251506}.hm-gift-demo-actions b{font-size:17px}.hm-gift-demo-actions small{color:#624012}

.hm-benefits-section{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-top:10px}
.hm-benefit{display:flex;gap:18px;min-height:180px;padding:28px;border-radius:var(--hm-radius-lg)}.hm-benefit>span{font-size:30px}.hm-benefit h3{margin:0 0 8px;font-size:23px;color:var(--hm-cream)}.hm-benefit p{margin:0;font-size:15px;line-height:1.68;color:#cbd1df}
.hm-final-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:42px 46px;border-radius:var(--hm-radius-xl);overflow:hidden}.hm-final-cta>div{max-width:800px}.hm-final-cta h2{font-size:clamp(38px,4.5vw,62px)}.hm-final-cta p{margin-bottom:0}

/* Public/auth pages */
.auth-layout{gap:30px!important;align-items:stretch!important}
.auth-copy,.auth-card{border-radius:var(--hm-radius-xl)!important}
.auth-copy{padding:42px!important}.auth-copy h1{font-size:clamp(46px,5vw,72px)!important}.auth-card{padding:36px!important}
.auth-copy::before{content:"";display:block;width:220px;height:90px;margin-bottom:28px;background:url('../images/hoermond-logo-horizontal.png') center/contain no-repeat}
.public-footer-premium{background:linear-gradient(180deg,rgba(3,9,25,.84),rgba(3,9,25,.98))!important;border-top:1px solid var(--hm-line)!important}
.public-footer-logo{width:min(360px,100%)!important}

/* Story/library/create/admin consistency */
.story-grid,.dashboard-story-grid,.world-grid,.profile-grid,.gift-grid,.price-grid{gap:22px!important}
.story-card,.world-card,.profile-card,.gift-list-card,.price-card{border-radius:var(--hm-radius-lg)!important;overflow:hidden}
.story-card h3,.world-card h2,.profile-card h3,.gift-list-card h3,.price-card h2{color:var(--hm-cream)!important}
.story-art-cover img,.gift-list-cover img,.gift-preview-cover img{width:100%;height:100%;object-fit:cover}
.wizard-progress-item,.choice span,.voice-choice-inner,.duration-choice span,.quick-ideas button,.suggestions button{
  background:rgba(6,16,43,.88)!important;border-color:var(--hm-line)!important;color:#f4e8ca!important
}
.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(241,200,111,.22),rgba(241,200,111,.06))!important;
  border-color:rgba(241,200,111,.52)!important;
  box-shadow:0 0 0 4px rgba(241,200,111,.08),0 0 30px rgba(241,200,111,.10)!important;
}
.kn-play,.public-player-play-v190{background:linear-gradient(180deg,#f8d77f,#dfa943)!important;color:#251506!important}
.kn-player-actions button,.player-quick-actions-v190 button,.icon-button{background:rgba(7,18,48,.82)!important;border:1px solid var(--hm-line)!important;color:#f0dcae!important}
.admin-page{background-image:linear-gradient(180deg,rgba(3,8,23,.10),rgba(3,8,23,.30)),url('../images/hoermond-bg-app.webp')!important}
.admin-nav{border-radius:var(--hm-radius-md)!important}
.bottom-nav{background:rgba(3,9,25,.94)!important;border-top-color:var(--hm-line)!important}.bottom-nav a.active{color:var(--hm-gold-light)!important}.bottom-nav .create-fab span{background:linear-gradient(180deg,#f8d77f,#dfa943)!important;color:#251506!important}

/* Public Hörpost keeps its own structure but gets the same premium shell */
.public-hoerpost-page-v190{background-image:linear-gradient(180deg,rgba(3,8,23,.04),rgba(3,8,23,.22)),url('../images/hoermond-bg-public.webp')!important;background-size:cover!important;background-attachment:fixed!important}
.gift-opening-shell-v190,.public-hoerpost-panel-v190,.public-player-shell-v190,.public-hoerpost-text-v190{
  background:linear-gradient(180deg,var(--hm-panel),var(--hm-panel-strong))!important;
  border-color:var(--hm-line-strong)!important;
  box-shadow:var(--hm-shadow),var(--hm-glow)!important;
}

/* Responsive */
@media(max-width:1180px){
  .brand-premium .brand-logo-full{width:250px!important}
  .hm-hero{grid-template-columns:1fr;grid-template-rows:auto auto auto;padding:42px 34px}
  .hm-cover-stage{min-height:520px}.hm-cover-card{width:min(100%,420px)}
  .hm-hero-copy{text-align:center;padding:0}.hm-hero-copy h1,.hm-hero-copy>p{margin-left:auto;margin-right:auto}
  .hm-hero-badges,.hm-meta-row,.hm-hero-actions{justify-content:center}.hm-meta-row span{justify-items:center}
  .hm-hero-orbit{left:23%;width:54%;bottom:43%}
  .hm-gift-section{grid-template-columns:1fr}.hm-gift-copy{text-align:center}.hm-check-list{justify-content:center}
  .hm-final-cta{align-items:flex-start;flex-direction:column}
}
@media(max-width:900px){
  .topbar.topbar-premium{min-height:78px!important;padding:9px 16px!important}
  .brand-premium .brand-logo-full{width:230px!important;max-width:58vw!important}
  .page{padding:22px 16px 108px!important}
  .hm-hero{min-height:auto;padding:28px 20px;gap:22px}.hm-cover-stage{min-height:430px}.hm-cover-card{width:min(100%,340px)}
  .hm-hero-copy h1{font-size:clamp(44px,10vw,66px)}.hm-hero-copy>p{font-size:18px}
  .hm-player-preview{grid-template-columns:auto 1fr auto}.hm-player-preview-wave{display:none}
  .hm-steps-grid,.hm-benefits-section{grid-template-columns:1fr}
  .hm-gift-section{padding:28px 20px}.hm-gift-demo-card{grid-template-columns:150px 1fr}
  .dashboard-head,.create-head,.public-page-head{padding:26px 24px!important}
}
@media(max-width:640px){
  .topbar.topbar-premium{min-height:68px!important}.brand-premium .brand-logo-full{width:190px!important;max-width:62vw!important}
  .hm-home{gap:22px}.hm-glass-panel::after{inset:9px;border-radius:20px}
  .hm-hero{padding:20px 14px 18px;border-radius:26px}.hm-cover-stage{min-height:380px}.hm-cover-card{width:min(100%,300px);padding:8px;border-radius:25px}.hm-cover-card img{border-radius:19px}
  .hm-floating-star{display:none}.hm-hero-orbit{display:none}.hm-hero-badges{gap:7px}.hm-hero-badges span{font-size:11px;padding:7px 10px}
  .hm-hero-copy>.eyebrow{font-size:11px}.hm-hero-copy h1{font-size:clamp(39px,12vw,52px);line-height:.98}.hm-hero-copy>p{font-size:16px;line-height:1.62}
  .hm-meta-row{display:grid;grid-template-columns:1fr;gap:9px}.hm-meta-row span{min-width:0;justify-items:center}
  .hm-hero-actions{display:grid;grid-template-columns:1fr}.hm-primary-cta,.hm-secondary-cta{width:100%;white-space:normal;text-align:center;min-height:58px;font-size:16px!important}
  .hm-player-preview{grid-template-columns:auto 1fr;padding:13px 14px;min-height:86px}.hm-player-preview-play{width:56px;height:56px}.hm-player-preview-time{display:none}.hm-player-preview-title strong{font-size:16px}
  .hm-section{padding:34px 0}.hm-section-head{padding-inline:6px}.hm-section-head h2,.hm-gift-copy h2,.hm-final-cta h2{font-size:clamp(34px,10vw,46px)}.hm-section-head p,.hm-gift-copy>p,.hm-final-cta p{font-size:16px}
  .hm-step-card{min-height:auto;padding:24px;border-radius:23px}.hm-gift-section{padding:22px 14px;border-radius:26px}.hm-gift-demo{padding:0}.hm-gift-demo-card{grid-template-columns:1fr;padding:14px}.hm-gift-demo-card img{max-height:360px}.hm-gift-demo-content{text-align:center}.hm-check-list{display:grid}.hm-check-list span{justify-content:center}
  .hm-benefit{min-height:auto;padding:24px}.hm-final-cta{padding:28px 20px;border-radius:26px}.hm-final-cta .button{width:100%}
  .dashboard-head::after,.create-head::after,.public-page-head::after{font-size:52px;right:16px}.dashboard-head h1,.create-head h1,.public-page-head h1{font-size:38px!important}
  .auth-copy{display:none}.auth-card{padding:24px!important}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}
}

/* ==========================================================
   Hörmond 1.14.1 – originale Demo-Hörfassung + PWA-Vollbild
   ========================================================== */
.hm-player-preview-title-button{
  appearance:none;
  border:0;
  background:transparent;
  padding:0;
  margin:0;
  text-align:left;
  color:inherit;
  font:inherit;
  cursor:pointer;
}
.hm-player-preview-title-button:hover strong,
.hm-player-preview-title-button:focus-visible strong{
  color:#ffe7a6;
  text-shadow:0 0 18px rgba(241,200,111,.22);
}
.hm-player-preview-title-button:focus-visible{
  outline:2px solid rgba(248,215,127,.72);
  outline-offset:6px;
  border-radius:8px;
}
.hm-gift-demo-trigger{
  color:inherit;
  text-decoration:none;
  cursor:pointer;
  transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.hm-gift-demo-trigger:hover,
.hm-gift-demo-trigger:focus-visible{
  transform:translateY(-3px);
  border-color:rgba(255,226,158,.48);
  box-shadow:0 36px 92px rgba(0,0,0,.46),0 0 56px rgba(241,200,111,.17);
}
.hm-gift-demo-trigger:focus-visible{
  outline:2px solid rgba(248,215,127,.74);
  outline-offset:5px;
}
.hm-gift-demo-content{
  display:block;
  min-width:0;
}
.hm-gift-demo-title{
  display:block;
  margin:9px 0 10px;
  font:32px/1.06 Georgia,serif;
  color:var(--hm-cream);
}
.hm-gift-demo-description{
  display:block;
  font-size:15px;
  line-height:1.6;
  color:#cbd1df;
}
.hm-gift-demo-actions{
  text-align:left;
}

.demo-dialog-card-original{
  width:min(760px,100%);
  border-color:rgba(248,215,127,.25);
  background:
    radial-gradient(circle at 88% 12%,rgba(248,215,127,.1),transparent 22%),
    linear-gradient(155deg,rgba(13,25,61,.98),rgba(5,13,35,.99));
  box-shadow:0 40px 120px rgba(0,0,0,.64),0 0 56px rgba(241,200,111,.12);
}
.demo-dialog-card-original h2{
  font-family:Georgia,serif;
  color:var(--hm-cream);
  font-size:clamp(31px,5vw,50px);
  letter-spacing:-.035em;
}
.demo-summary{
  color:#cfd5e4;
  font-size:16px;
  line-height:1.7;
  margin:0 0 22px;
}
.demo-track-player{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
  padding:17px;
  border-radius:23px;
  background:linear-gradient(180deg,rgba(8,19,50,.92),rgba(5,13,34,.98));
  border:1px solid rgba(248,215,127,.2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 18px 45px rgba(0,0,0,.24);
}
.demo-track-play{
  width:66px;
  height:66px;
  border:0;
  border-radius:50%;
  background:linear-gradient(180deg,#f8d77f,#dfa943);
  color:#241506;
  font-size:24px;
  box-shadow:0 0 0 1px rgba(255,242,208,.38),0 12px 28px rgba(223,169,67,.25);
  cursor:pointer;
}
.demo-track-info{
  display:grid;
  gap:5px;
  min-width:0;
}
.demo-track-info strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font:22px Georgia,serif;
  color:var(--hm-cream);
}
.demo-track-info small{
  color:#aeb7cb;
  font-size:13px;
}
.demo-track-stop{
  width:45px;
  height:45px;
  border-radius:50%;
  border:1px solid rgba(248,215,127,.18);
  background:rgba(255,255,255,.04);
  color:#f3d894;
  cursor:pointer;
}
.demo-track-timeline{
  display:grid;
  grid-template-columns:46px minmax(0,1fr) 46px;
  align-items:center;
  gap:12px;
  margin:16px 5px 18px;
  color:#d9c894;
  font-size:13px;
}
.demo-track-timeline input[type="range"]{
  width:100%;
  accent-color:#efbd58;
}
.demo-track-timeline input[disabled]{
  opacity:.35;
}
.demo-story-details{
  margin-top:12px;
  border-top:1px solid rgba(248,215,127,.12);
  padding-top:14px;
}
.demo-story-details summary{
  cursor:pointer;
  color:#f0cf7f;
  font-weight:700;
}
.demo-story-details .demo-copy{
  margin-top:14px;
  white-space:normal;
}
.demo-source-note{
  display:block;
  margin-top:15px;
  color:#929cb2;
  line-height:1.55;
}
.demo-dialog.is-playing .demo-track-play{
  box-shadow:0 0 0 10px rgba(248,215,127,.07),0 0 0 20px rgba(248,215,127,.025),0 12px 28px rgba(223,169,67,.25);
}

/* Installierte App: sichere Vollbildränder für Geräte mit Notch. */
@media (display-mode: standalone), (display-mode: fullscreen){
  html,body{min-height:100%;}
  body{
    padding-top:env(safe-area-inset-top);
    padding-right:env(safe-area-inset-right);
    padding-bottom:env(safe-area-inset-bottom);
    padding-left:env(safe-area-inset-left);
    overscroll-behavior-y:none;
  }
  .topbar{
    padding-top:max(0px,env(safe-area-inset-top));
  }
  .bottom-nav{
    padding-bottom:max(10px,env(safe-area-inset-bottom));
  }
}

@media(max-width:700px){
  .hm-gift-demo-title{font-size:25px;}
  .demo-track-player{grid-template-columns:auto minmax(0,1fr);}
  .demo-track-stop{grid-column:1/-1;width:100%;height:44px;border-radius:14px;}
  .demo-track-info strong{font-size:18px;white-space:normal;}
  .demo-track-timeline{grid-template-columns:40px minmax(0,1fr) 40px;gap:8px;}
}
.hm-gift-demo-content > .hm-gift-demo-description{
  font-size:15px;
  line-height:1.6;
  letter-spacing:normal;
  text-transform:none;
  color:#cbd1df;
}
.hm-gift-demo-content > .hm-gift-demo-actions{
  font-size:inherit;
  letter-spacing:normal;
  text-transform:none;
}

/* ==========================================================
   Hörmond 1.14.2 – Premium-PWA-Menü & Hörpost-CTA-Fix
   ========================================================== */

/* Der Text wurde von der allgemeineren Direktkind-Regel gold auf gold gesetzt. */
.hm-gift-demo-content > .hm-gift-demo-actions,
.hm-gift-demo-content > .hm-gift-demo-actions b,
.hm-gift-demo-content > .hm-gift-demo-actions small{
  position:relative;
  z-index:2;
  opacity:1!important;
  visibility:visible!important;
  text-transform:none!important;
  letter-spacing:normal!important;
  text-shadow:none!important;
}
.hm-gift-demo-content > .hm-gift-demo-actions{
  color:#251506!important;
  background:linear-gradient(180deg,#ffe28f 0%,#edb342 100%);
  border:1px solid rgba(255,244,211,.42);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.44),0 14px 32px rgba(225,166,51,.22);
}
.hm-gift-demo-content > .hm-gift-demo-actions b{
  display:flex;
  align-items:center;
  gap:9px;
  color:#251506!important;
  font-weight:900;
  font-size:18px;
}
.hm-gift-demo-content > .hm-gift-demo-actions b::before{
  content:'▶';
  display:inline-grid;
  place-items:center;
  width:27px;
  height:27px;
  border-radius:50%;
  color:#f7cf67;
  background:#221506;
  font-size:11px;
  box-shadow:0 5px 15px rgba(55,32,3,.18);
}
.hm-gift-demo-content > .hm-gift-demo-actions small{color:#68430f!important;font-weight:650}

/* Öffner in der Kopfleiste */
.hm-menu-toggle{
  display:none;
  align-items:center;
  gap:10px;
  min-height:48px;
  padding:7px 12px 7px 8px;
  border:1px solid rgba(248,215,127,.24);
  border-radius:999px;
  color:#f8ecd0;
  background:
    radial-gradient(circle at 28% 20%,rgba(255,231,164,.12),transparent 36%),
    linear-gradient(180deg,rgba(13,27,67,.92),rgba(7,17,44,.97));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 13px 34px rgba(0,0,0,.28),0 0 24px rgba(241,200,111,.08);
}
.hm-menu-toggle-moon{
  position:relative;
  width:34px;
  height:34px;
  flex:0 0 34px;
  border-radius:50%;
  overflow:hidden;
  background:linear-gradient(145deg,#ffe69a,#d99b35);
  box-shadow:0 0 18px rgba(247,207,102,.28);
}
.hm-menu-toggle-moon::after{
  content:'';
  position:absolute;
  width:30px;
  height:30px;
  left:12px;
  top:-3px;
  border-radius:50%;
  background:#091633;
}
.hm-menu-toggle-moon i,
.hm-menu-toggle-moon b{
  position:absolute;
  z-index:2;
  display:block;
  width:3px;
  height:3px;
  border-radius:50%;
  background:#fff2bd;
  box-shadow:0 0 8px #ffd56b;
}
.hm-menu-toggle-moon i{right:4px;top:7px}
.hm-menu-toggle-moon b{right:8px;bottom:7px}
.hm-menu-toggle-label{font-size:13px;font-weight:850;letter-spacing:.04em}

/* Menü-Bühne */
.hm-mobile-menu{
  position:fixed;
  inset:0;
  z-index:400;
  pointer-events:none;
  visibility:hidden;
}
.hm-mobile-menu.is-open{
  pointer-events:auto;
  visibility:visible;
}
.hm-mobile-menu-backdrop{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  opacity:0;
  background:rgba(2,7,20,.64);
  -webkit-backdrop-filter:blur(15px) saturate(1.2);
  backdrop-filter:blur(15px) saturate(1.2);
  transition:opacity .42s ease;
}
.hm-mobile-menu.is-open .hm-mobile-menu-backdrop{opacity:1}
.hm-mobile-menu-panel{
  --hm-menu-gold:#f4c968;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  width:min(94vw,450px);
  padding:max(18px,env(safe-area-inset-top)) 18px max(24px,env(safe-area-inset-bottom));
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  color:#f9f1df;
  background:
    radial-gradient(circle at 86% 4%,rgba(249,208,104,.18),transparent 180px),
    radial-gradient(circle at 2% 66%,rgba(62,87,212,.24),transparent 270px),
    linear-gradient(165deg,#0b1b43 0%,#07132f 48%,#040b1d 100%);
  border-left:1px solid rgba(248,215,127,.3);
  box-shadow:-36px 0 100px rgba(0,0,0,.55),inset 1px 0 0 rgba(255,255,255,.04);
  transform:translateX(105%);
  transition:transform .5s cubic-bezier(.2,.88,.2,1);
  outline:none;
}
.hm-mobile-menu.is-open .hm-mobile-menu-panel{transform:translateX(0)}
.hm-mobile-menu-panel::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.38;
  background-image:
    radial-gradient(circle at 10% 9%,#fff2bd 0 1px,transparent 1.6px),
    radial-gradient(circle at 81% 17%,#f6ce6e 0 1.2px,transparent 1.9px),
    radial-gradient(circle at 60% 30%,#fff6d8 0 .8px,transparent 1.5px),
    radial-gradient(circle at 25% 48%,#f6ce6e 0 1px,transparent 1.7px),
    radial-gradient(circle at 87% 57%,#fff2bd 0 1.2px,transparent 1.9px),
    radial-gradient(circle at 38% 78%,#fff6d8 0 1px,transparent 1.6px),
    radial-gradient(circle at 72% 91%,#f6ce6e 0 1.1px,transparent 1.8px);
}
.hm-mobile-menu-panel::after{
  content:'';
  position:absolute;
  left:-18%;
  right:-15%;
  bottom:-76px;
  height:250px;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 25% 80%,rgba(38,72,151,.46),transparent 48%),
    radial-gradient(ellipse at 78% 86%,rgba(30,55,120,.42),transparent 46%),
    linear-gradient(180deg,transparent,rgba(3,8,22,.78));
}
.hm-mobile-menu-stars{
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:radial-gradient(circle,#fff4c9 0 1px,transparent 1.7px);
  background-size:83px 97px;
  opacity:.18;
  animation:hmMenuStars 28s linear infinite;
}
@keyframes hmMenuStars{to{transform:translateY(-97px)}}
.hm-mobile-menu-moon{
  position:absolute;
  z-index:0;
  right:-48px;
  top:110px;
  width:152px;
  height:152px;
  border-radius:50%;
  background:linear-gradient(145deg,#fff2bc,#d99028);
  filter:drop-shadow(0 0 32px rgba(247,205,102,.22));
  opacity:.9;
}
.hm-mobile-menu-moon::after{
  content:'';
  position:absolute;
  width:148px;
  height:148px;
  left:45px;
  top:-15px;
  border-radius:50%;
  background:#081633;
}
.hm-mobile-menu-header,
.hm-mobile-menu-welcome,
.hm-mobile-menu-public-intro,
.hm-mobile-menu-primary,
.hm-mobile-menu-grid,
.hm-mobile-menu-footer{position:relative;z-index:2}
.hm-mobile-menu-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:3px 2px 20px;
  margin-bottom:18px;
  border-bottom:1px solid rgba(248,215,127,.14);
}
.hm-mobile-menu-brand img{display:block;width:min(246px,62vw);height:auto}
.hm-mobile-menu-close{
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  flex:0 0 46px;
  padding:0;
  border-radius:50%;
  border:1px solid rgba(248,215,127,.2);
  color:#f8df9e;
  background:rgba(5,14,36,.68);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.hm-mobile-menu-close span{font:300 31px/1 Georgia,serif;transform:translateY(-1px)}
.hm-mobile-menu-welcome{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:15px;
  align-items:center;
  margin-bottom:17px;
  padding:17px;
  border:1px solid rgba(248,215,127,.15);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(14,31,75,.82),rgba(7,18,46,.85));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 16px 38px rgba(0,0,0,.18);
}
.hm-mobile-menu-avatar{
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  border-radius:19px;
  color:#291807;
  font-size:24px;
  font-weight:900;
  background:linear-gradient(145deg,#ffe59a,#dda437);
  box-shadow:0 10px 26px rgba(230,175,61,.2);
}
.hm-mobile-menu-welcome small,
.hm-mobile-menu-public-intro .eyebrow{color:#e8bd5c}
.hm-mobile-menu-welcome h2,
.hm-mobile-menu-public-intro h2{margin:2px 0 2px;font:34px/1.04 Georgia,serif;color:#fff3d2}
.hm-mobile-menu-welcome p,
.hm-mobile-menu-public-intro p{margin:0;color:#c9d0e1;font-size:13px}
.hm-mobile-menu-welcome p strong{color:#f6ce70}
.hm-mobile-menu-public-intro{padding:9px 4px 20px}
.hm-mobile-menu-public-intro h2{font-size:37px;margin:8px 0 10px}
.hm-mobile-menu-public-intro p{max-width:330px;font-size:15px;line-height:1.6}
.hm-mobile-menu-primary{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:13px;
  margin:0 0 20px;
  padding:16px 17px;
  border-radius:23px;
  color:#2b1906;
  background:
    radial-gradient(circle at 85% 12%,rgba(255,255,255,.42),transparent 25%),
    linear-gradient(180deg,#ffe18a,#e6aa38);
  border:1px solid rgba(255,246,214,.52);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.62),0 18px 38px rgba(224,165,52,.24),0 0 32px rgba(244,201,104,.13);
}
.hm-mobile-menu-primary-icon{
  display:grid;
  place-items:center;
  width:45px;
  height:45px;
  border-radius:16px;
  color:#f7d36f;
  background:#241506;
  box-shadow:0 9px 20px rgba(55,30,2,.2);
  font-size:19px;
}
.hm-mobile-menu-primary strong{display:block;font-size:16px;line-height:1.2}
.hm-mobile-menu-primary small{display:block;margin-top:4px;color:#65400f;font-size:11px;line-height:1.35}
.hm-mobile-menu-primary i{font-style:normal;font-size:24px;font-weight:400}
.hm-mobile-menu-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:11px;
}
.hm-mobile-menu-card{
  position:relative;
  display:grid;
  align-content:start;
  min-height:128px;
  padding:15px;
  border-radius:22px;
  color:#eef1f8;
  background:
    radial-gradient(circle at 80% 4%,rgba(249,210,111,.09),transparent 50px),
    linear-gradient(150deg,rgba(14,31,75,.76),rgba(6,17,43,.88));
  border:1px solid rgba(255,255,255,.075);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 14px 28px rgba(0,0,0,.14);
  transition:transform .2s,border-color .2s,background .2s;
}
.hm-mobile-menu-card::after{
  content:'›';
  position:absolute;
  right:12px;
  top:13px;
  color:rgba(248,215,127,.55);
  font-size:20px;
}
.hm-mobile-menu-card:active{transform:scale(.975)}
.hm-mobile-menu-card.active{
  border-color:rgba(248,215,127,.42);
  background:
    radial-gradient(circle at 80% 4%,rgba(249,210,111,.18),transparent 65px),
    linear-gradient(150deg,rgba(25,47,101,.88),rgba(8,21,53,.94));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 0 24px rgba(241,200,111,.08);
}
.hm-mobile-menu-icon{
  display:grid;
  place-items:center;
  width:39px;
  height:39px;
  margin-bottom:17px;
  border-radius:14px;
  color:#f8d77f;
  background:rgba(248,215,127,.08);
  border:1px solid rgba(248,215,127,.17);
  font-size:18px;
}
.hm-mobile-menu-card strong{font-size:15px;line-height:1.15}
.hm-mobile-menu-card small{display:block;margin-top:5px;color:#9ea8c2;font-size:11px;line-height:1.35}
.hm-mobile-menu-admin{grid-column:1/-1;min-height:100px;grid-template-columns:auto 1fr;column-gap:14px;align-items:center}
.hm-mobile-menu-admin .hm-mobile-menu-icon{grid-row:1/3;margin:0}
.hm-mobile-menu-admin strong,.hm-mobile-menu-admin small{grid-column:2}
.hm-mobile-menu-footer{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-top:18px;
  padding:17px 5px 8px;
  border-top:1px solid rgba(248,215,127,.12);
  color:#d1b875;
  font-size:12px;
}
.hm-mobile-menu-footer a:last-child{color:#aeb6cb}
.hm-mobile-menu-footer-public{display:grid;grid-template-columns:1fr;text-align:center;color:#d8bd78;line-height:1.5}
.hm-mobile-menu-footer-public span:last-child{color:#8e99b5}
html.hm-menu-open,
html.hm-menu-open body{overflow:hidden!important;overscroll-behavior:none}

/* Die vorhandene App-Navigation bekommt den gleichen Nacht-/Gold-Charakter. */
@media(max-width:640px){
  .bottom-nav{
    left:10px;
    right:10px;
    bottom:max(9px,env(safe-area-inset-bottom));
    height:72px;
    border:1px solid rgba(248,215,127,.16);
    border-radius:24px;
    background:
      radial-gradient(circle at 50% 0,rgba(248,215,127,.09),transparent 90px),
      rgba(5,14,36,.93);
    box-shadow:0 18px 48px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.04);
    overflow:visible;
  }
  .bottom-nav a{color:#7f8aa6;font-weight:700}
  .bottom-nav a.active{color:#f6cf72}
  .bottom-nav .create-fab span{
    width:54px;
    height:54px;
    margin-top:-34px;
    border-radius:50%;
    color:#2a1805;
    background:linear-gradient(145deg,#ffe28b,#e0a438);
    border:1px solid rgba(255,247,218,.5);
    box-shadow:0 13px 32px rgba(224,164,56,.3),0 0 25px rgba(246,207,114,.12);
  }
}

@media(max-width:900px){
  .topbar-premium{
    min-height:76px;
    height:auto;
    padding:max(8px,env(safe-area-inset-top)) 13px 8px;
    gap:10px;
  }
  .brand-premium{min-width:0;margin-right:auto}
  .brand-logo-full{width:min(218px,59vw)!important;height:auto!important;min-width:0!important;max-height:58px;object-fit:contain;object-position:left center}
  .hm-menu-toggle{display:flex;flex:0 0 auto}
  .desktop-nav{display:none!important}
}
@media(max-width:390px){
  .brand-logo-full{width:min(190px,54vw)!important}
  .hm-menu-toggle{padding-right:9px}.hm-menu-toggle-label{display:none}
  .hm-mobile-menu-panel{width:100vw;border-left:0}
  .hm-mobile-menu-card{min-height:119px;padding:13px}
}
@media(min-width:901px){
  .hm-mobile-menu{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  .hm-mobile-menu-panel,.hm-mobile-menu-backdrop,.hm-menu-toggle,.hm-mobile-menu-stars{transition:none!important;animation:none!important}
}


/* Hörmond 1.14.5 – Originalcover hochwertig verpackt */
.hm-cover-package{
  position:relative;
  width:min(100%,500px);
  padding:34px 22px 30px;
  border-radius:42px;
  background:
    linear-gradient(145deg,rgba(255,234,180,.13),rgba(255,234,180,.02) 38%,rgba(5,14,39,.92) 74%),
    linear-gradient(180deg,rgba(9,23,61,.88),rgba(4,12,34,.98));
  border:1px solid rgba(255,222,148,.28);
  box-shadow:0 42px 100px rgba(0,0,0,.48),0 0 68px rgba(241,200,111,.14),inset 0 1px 0 rgba(255,255,255,.05);
  transform:rotate(-1deg);
}
.hm-cover-package::before{
  content:"";
  position:absolute;
  inset:12px;
  border-radius:32px;
  border:1px solid rgba(255,224,158,.13);
  pointer-events:none;
}
.hm-cover-package::after{
  content:"";
  position:absolute;
  left:10%;right:10%;bottom:-28px;height:55px;
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(241,200,111,.3),transparent 70%);
  filter:blur(14px);
  pointer-events:none;
}
.hm-cover-crown{
  position:absolute;left:50%;top:0;z-index:5;
  transform:translate(-50%,-50%);
  display:flex;align-items:center;gap:10px;
  padding:10px 18px;border-radius:999px;
  background:linear-gradient(180deg,#f8d982,#dca23d);
  color:#291705;border:1px solid rgba(255,245,213,.56);
  box-shadow:0 12px 32px rgba(0,0,0,.34),0 0 30px rgba(241,200,111,.24);
  white-space:nowrap;
}
.hm-cover-crown b{font:700 13px/1 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.hm-cover-crown span{font-size:12px}
.hm-cover-card-original{width:100%;margin:0;transform:none;padding:12px;border-radius:31px;background:linear-gradient(180deg,rgba(255,233,176,.34),rgba(255,233,176,.05));}
.hm-cover-card-original img{aspect-ratio:auto;height:auto;max-height:none;object-fit:contain;background:#06102d}
.hm-cover-corner{position:absolute;z-index:4;width:42px;height:42px;pointer-events:none}
.hm-cover-corner::before,.hm-cover-corner::after{content:"";position:absolute;background:linear-gradient(90deg,#f8df9e,#c78b2f)}
.hm-cover-corner::before{width:42px;height:2px}.hm-cover-corner::after{width:2px;height:42px}
.hm-cover-corner-tl{left:18px;top:18px}.hm-cover-corner-tr{right:18px;top:18px;transform:rotate(90deg)}
.hm-cover-corner-br{right:18px;bottom:18px;transform:rotate(180deg)}.hm-cover-corner-bl{left:18px;bottom:18px;transform:rotate(270deg)}
.hm-cover-plaque{
  position:relative;z-index:4;
  width:calc(100% - 44px);margin:-24px auto 0;padding:16px 18px 17px;
  border-radius:20px;
  background:linear-gradient(180deg,rgba(8,22,60,.96),rgba(4,12,35,.99));
  border:1px solid rgba(241,200,111,.28);
  box-shadow:0 18px 38px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.04);
  text-align:center;
}
.hm-cover-plaque span{display:block;margin-bottom:5px;font:700 10px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--hm-gold)}
.hm-cover-plaque strong{display:block;font:25px/1.15 Georgia,serif;color:var(--hm-cream)}

.hm-gift-cover-package{position:relative;padding:10px;align-self:stretch;display:grid;place-items:center}
.hm-gift-cover-glow{position:absolute;inset:14% 2% 8%;background:radial-gradient(circle,rgba(241,200,111,.28),transparent 68%);filter:blur(18px)}
.hm-gift-cover-frame{position:relative;padding:8px;border-radius:24px;background:linear-gradient(180deg,rgba(255,230,169,.26),rgba(255,230,169,.05));border:1px solid rgba(255,224,158,.28);box-shadow:0 20px 50px rgba(0,0,0,.4),0 0 34px rgba(241,200,111,.12)}
.hm-gift-cover-frame img{display:block;width:100%;aspect-ratio:auto;height:auto;object-fit:contain;border-radius:17px;border:0;box-shadow:none;background:#07132f}
.hm-gift-cover-label{position:absolute;left:50%;bottom:-2px;transform:translateX(-50%);padding:7px 12px;border-radius:999px;background:linear-gradient(180deg,#f7d77e,#dda23f);color:#2a1805;font:800 10px/1 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;box-shadow:0 10px 24px rgba(0,0,0,.32)}

@media(max-width:760px){
  .hm-cover-package{padding:28px 14px 22px;border-radius:30px;transform:none}
  .hm-cover-package::before{inset:8px;border-radius:23px}
  .hm-cover-crown{padding:8px 13px}.hm-cover-crown b{font-size:10px}
  .hm-cover-card-original{padding:8px;border-radius:24px}.hm-cover-card-original img{border-radius:18px}
  .hm-cover-corner{width:28px;height:28px}.hm-cover-corner::before{width:28px}.hm-cover-corner::after{height:28px}
  .hm-cover-corner-tl{left:12px;top:12px}.hm-cover-corner-tr{right:12px;top:12px}.hm-cover-corner-br{right:12px;bottom:12px}.hm-cover-corner-bl{left:12px;bottom:12px}
  .hm-cover-plaque{width:calc(100% - 24px);margin-top:-15px;padding:13px 12px}.hm-cover-plaque strong{font-size:19px}
  .hm-gift-cover-package{max-width:300px;margin:0 auto}
}

/* ==========================================================
   Hörmond 1.18.0 – PWA Navigation & Install Experience
   ========================================================== */

/* Die neue Mondnavigation ersetzt die alte untere Leiste vollständig. */
.bottom-nav{display:none!important}
.with-bottom-nav{padding-bottom:0!important}
@media(max-width:900px){
  .app-page .page{padding-bottom:max(42px,calc(28px + env(safe-area-inset-bottom)))!important}
}

/* Mond-Öffner: dezentes Schimmern statt hektischer Animation. */
.hm-menu-toggle{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  transform:translateZ(0);
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.hm-menu-toggle::before{
  content:'';
  position:absolute;
  z-index:-1;
  inset:-70% -36%;
  background:linear-gradient(112deg,transparent 38%,rgba(255,240,191,.05) 45%,rgba(255,229,151,.32) 50%,rgba(255,240,191,.06) 55%,transparent 62%);
  transform:translateX(-58%) rotate(8deg);
  animation:hmMenuShimmer 5.6s cubic-bezier(.35,.05,.2,1) infinite;
  pointer-events:none;
}
.hm-menu-toggle::after{
  content:'';
  position:absolute;
  z-index:-2;
  width:54px;
  height:54px;
  left:-6px;
  top:50%;
  border-radius:50%;
  transform:translateY(-50%);
  background:radial-gradient(circle,rgba(247,207,102,.19),transparent 68%);
  animation:hmMenuHalo 4.2s ease-in-out infinite;
  pointer-events:none;
}
.hm-menu-toggle:hover,.hm-menu-toggle:focus-visible{
  transform:translateY(-1px);
  border-color:rgba(248,215,127,.48);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 16px 40px rgba(0,0,0,.34),0 0 34px rgba(241,200,111,.18);
}
.hm-menu-toggle-moon{
  animation:hmMoonBreath 4.4s ease-in-out infinite;
}
.hm-menu-toggle-moon i{animation:hmMenuStar 3.2s ease-in-out infinite}
.hm-menu-toggle-moon b{animation:hmMenuStar 3.2s 1.4s ease-in-out infinite}
@keyframes hmMenuShimmer{
  0%,62%{transform:translateX(-62%) rotate(8deg);opacity:0}
  70%{opacity:1}
  88%,100%{transform:translateX(62%) rotate(8deg);opacity:0}
}
@keyframes hmMenuHalo{0%,100%{opacity:.42;transform:translateY(-50%) scale(.92)}50%{opacity:.9;transform:translateY(-50%) scale(1.12)}}
@keyframes hmMoonBreath{0%,100%{box-shadow:0 0 15px rgba(247,207,102,.24)}50%{box-shadow:0 0 25px rgba(247,207,102,.52),0 0 0 5px rgba(247,207,102,.04)}}
@keyframes hmMenuStar{0%,100%{opacity:.45;transform:scale(.7)}50%{opacity:1;transform:scale(1.45)}}

/* Plattformgerechter Installationshinweis */
.hm-install-nudge[hidden],.hm-install-guide[hidden]{display:none!important}
.hm-install-nudge{
  --hm-install-gold:#f4ca6b;
  position:fixed;
  z-index:455;
  left:max(14px,env(safe-area-inset-left));
  right:max(14px,env(safe-area-inset-right));
  bottom:max(16px,calc(10px + env(safe-area-inset-bottom)));
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  max-width:720px;
  margin-inline:auto;
  padding:15px 16px;
  border:1px solid rgba(248,215,127,.28);
  border-radius:27px;
  color:#f8f0dd;
  background:
    radial-gradient(circle at 13% 5%,rgba(255,225,148,.14),transparent 32%),
    linear-gradient(145deg,rgba(13,28,69,.97),rgba(5,14,38,.985));
  box-shadow:0 26px 70px rgba(0,0,0,.56),0 0 36px rgba(241,200,111,.11),inset 0 1px 0 rgba(255,255,255,.06);
  -webkit-backdrop-filter:blur(22px) saturate(1.25);
  backdrop-filter:blur(22px) saturate(1.25);
  opacity:0;
  visibility:hidden;
  transform:translateY(28px) scale(.97);
  transition:opacity .36s ease,transform .36s cubic-bezier(.2,.8,.2,1),visibility .36s ease;
}
.hm-install-nudge::before{
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(110deg,transparent 34%,rgba(255,235,178,.13) 49%,transparent 64%);
  background-size:240% 100%;
  animation:hmInstallCardShimmer 7s linear infinite;
}
.hm-install-nudge.is-visible{opacity:1;visibility:visible;transform:none}
.hm-install-nudge-close{
  position:absolute;
  top:7px;
  right:9px;
  z-index:2;
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:50%;
  color:#bfc7dc;
  background:rgba(255,255,255,.045);
  font-size:20px;
  line-height:1;
}
.hm-install-nudge-moon{
  position:relative;
  width:58px;
  height:58px;
  flex:0 0 58px;
  overflow:hidden;
  border-radius:50%;
  background:linear-gradient(145deg,#ffe795,#d99a34);
  border:1px solid rgba(255,246,213,.48);
  box-shadow:0 0 0 7px rgba(247,207,102,.055),0 0 28px rgba(247,207,102,.28);
}
.hm-install-nudge-moon::after{
  content:'';
  position:absolute;
  width:51px;
  height:51px;
  left:22px;
  top:-5px;
  border-radius:50%;
  background:#0b1838;
}
.hm-install-nudge-moon span,.hm-install-nudge-moon i,.hm-install-nudge-moon b{
  position:absolute;
  z-index:2;
  width:4px;
  height:4px;
  border-radius:50%;
  background:#fff2bd;
  box-shadow:0 0 10px #ffd56b;
  animation:hmMenuStar 3.2s ease-in-out infinite;
}
.hm-install-nudge-moon span{right:7px;top:11px}.hm-install-nudge-moon i{right:14px;bottom:10px;animation-delay:1s}.hm-install-nudge-moon b{right:4px;bottom:23px;animation-delay:2s}
.hm-install-nudge-copy{position:relative;z-index:1;min-width:0;padding-right:14px}
.hm-install-nudge-copy small{display:block;margin-bottom:3px;color:var(--hm-install-gold);font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.hm-install-nudge-copy strong{display:block;color:#fff2d4;font-family:Georgia,'Times New Roman',serif;font-size:18px;line-height:1.15}
.hm-install-nudge-copy p{margin:5px 0 0;color:#cdd4e4;font-size:12.5px;line-height:1.42}
.hm-install-nudge-action{
  position:relative;
  z-index:1;
  min-height:48px;
  padding:0 18px;
  border:1px solid rgba(255,245,214,.42);
  border-radius:16px;
  color:#281806;
  background:linear-gradient(180deg,#ffe18b,#e4aa3e);
  box-shadow:0 12px 28px rgba(223,163,54,.24),inset 0 1px 0 rgba(255,255,255,.38);
  font-weight:900;
  white-space:nowrap;
}
@keyframes hmInstallCardShimmer{0%,55%{background-position:210% 0}100%{background-position:-40% 0}}

/* Installationsanleitung als hochwertige Bottom-Sheet-Bühne */
.hm-install-guide{
  position:fixed;
  inset:0;
  z-index:520;
  pointer-events:none;
  visibility:hidden;
}
.hm-install-guide.is-open{pointer-events:auto;visibility:visible}
.hm-install-guide-backdrop{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  opacity:0;
  background:rgba(2,7,20,.72);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  transition:opacity .32s ease;
}
.hm-install-guide.is-open .hm-install-guide-backdrop{opacity:1}
.hm-install-guide-panel{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  max-height:min(86svh,720px);
  overflow:auto;
  overscroll-behavior:contain;
  padding:25px 20px max(24px,calc(18px + env(safe-area-inset-bottom)));
  border:1px solid rgba(248,215,127,.22);
  border-bottom:0;
  border-radius:34px 34px 0 0;
  color:#f7efdd;
  background:
    radial-gradient(circle at 88% 8%,rgba(248,211,123,.14),transparent 24%),
    linear-gradient(160deg,rgba(11,26,65,.995),rgba(4,12,33,.995));
  box-shadow:0 -26px 80px rgba(0,0,0,.54),inset 0 1px 0 rgba(255,255,255,.055);
  transform:translateY(104%);
  transition:transform .4s cubic-bezier(.2,.82,.2,1);
}
.hm-install-guide.is-open .hm-install-guide-panel{transform:none}
.hm-install-guide-stars{position:absolute;inset:0;pointer-events:none;opacity:.45;background-image:radial-gradient(circle at 10% 18%,#ffe4a0 0 1px,transparent 1.8px),radial-gradient(circle at 71% 14%,#fff2c4 0 1px,transparent 1.7px),radial-gradient(circle at 88% 44%,#ffe4a0 0 1.3px,transparent 2px),radial-gradient(circle at 35% 72%,#fff2c4 0 1px,transparent 1.7px)}
.hm-install-guide-header{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}
.hm-install-guide-brand{display:flex;align-items:center;gap:13px}.hm-install-guide-brand small{display:block;color:#efc76f;font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.hm-install-guide-brand h2{margin:3px 0 0;color:#fff1d1;font-family:Georgia,'Times New Roman',serif;font-size:25px;line-height:1.05}
.hm-install-guide-moon{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;color:#2a1905;background:linear-gradient(145deg,#ffe597,#dba03a);box-shadow:0 0 27px rgba(247,207,102,.27);font-size:30px}
.hm-install-guide-close{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border:1px solid rgba(255,255,255,.09);border-radius:50%;color:#f3dfb1;background:rgba(255,255,255,.045);font-size:25px}
.hm-install-guide-intro{position:relative;z-index:1;margin:0 0 18px;color:#cfd6e6;line-height:1.55}
.hm-install-guide-steps{position:relative;z-index:1;display:grid;gap:11px;margin:0;padding:0;list-style:none}
.hm-install-guide-steps li{display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:start;padding:15px;border:1px solid rgba(248,215,127,.12);border-radius:19px;background:rgba(7,17,44,.68);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.hm-install-guide-steps li>span{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;color:#291906;background:linear-gradient(145deg,#ffe08a,#dfa53a);font-weight:950;box-shadow:0 8px 20px rgba(221,160,51,.18)}
.hm-install-guide-steps strong{display:block;color:#fff0ce;font-size:15px}.hm-install-guide-steps p{margin:4px 0 0;color:#cbd3e4;font-size:13px;line-height:1.45}
.hm-install-guide-benefits{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin:17px 0}.hm-install-guide-benefits span{padding:8px 11px;border-radius:999px;color:#efd38f;background:rgba(255,255,255,.04);border:1px solid rgba(248,215,127,.12);font-size:11px;font-weight:800}
.hm-install-guide-done{position:relative;z-index:1;width:100%;min-height:52px;border-radius:17px}
.hm-install-guide-open{overflow:hidden}

@media(min-width:901px){.hm-install-nudge,.hm-install-guide{display:none!important}}
@media(max-width:560px){
  .hm-install-nudge{grid-template-columns:auto minmax(0,1fr);padding:14px 13px 13px;border-radius:24px}
  .hm-install-nudge-moon{width:52px;height:52px;flex-basis:52px}
  .hm-install-nudge-copy{padding-right:18px}.hm-install-nudge-copy strong{font-size:17px}.hm-install-nudge-copy p{font-size:12px}
  .hm-install-nudge-action{grid-column:1/-1;width:100%;min-height:46px;border-radius:15px}
}
@media(prefers-reduced-motion:reduce){
  .hm-menu-toggle::before,.hm-menu-toggle::after,.hm-menu-toggle-moon,.hm-menu-toggle-moon i,.hm-menu-toggle-moon b,.hm-install-nudge::before,.hm-install-nudge-moon span,.hm-install-nudge-moon i,.hm-install-nudge-moon b{animation:none!important}
  .hm-install-nudge,.hm-install-guide-panel,.hm-install-guide-backdrop{transition:none!important}
}