.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}:root{--page-title-display:none;}/* Start custom CSS *//* ND Drop 29.10. – Seiten-CSS (nur Seite 121946, Elementor-Sektionen). Quelle: norddampf-drop-29-10-teaser/index.html, Original-<style>,
   angepasst: Scope .nd-drop statt body/html, Dekor-Schichten absolute statt fixed, Schriften selbst gehostet. */
@font-face{font-family:'Bebas Neue';font-style:normal;font-weight:400;font-display:swap;src:url('https://www.norddampf.com/wp-content/mu-plugins/nd-drop-assets/fonts/bebas-neue-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Bebas Neue';font-style:normal;font-weight:400;font-display:swap;src:url('https://www.norddampf.com/wp-content/mu-plugins/nd-drop-assets/fonts/bebas-neue-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:400 600;font-display:swap;src:url('https://www.norddampf.com/wp-content/mu-plugins/nd-drop-assets/fonts/montserrat-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:400 600;font-display:swap;src:url('https://www.norddampf.com/wp-content/mu-plugins/nd-drop-assets/fonts/montserrat-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

.nd-drop{
  --tease: .9;
  --bg: #E8EEF4;
  --bg-2: #D8E2EB;
  --ice: #0F1620;
  --steel: #4F5C6C;
  --line: rgba(15,22,32,.16);
  --rose: #E8336E;
  --blush: #FBE4EC;
  --accent: #0F1620;
  --accent-ink: #F4F7FA;
  --glow-soft: rgb(232 51 110 / calc(var(--tease) * 28%));
  --font-display: "Bebas Neue", "Oswald", Impact, "Arial Narrow", sans-serif;
  --font-body: "Montserrat", "Helvetica Neue", Arial, sans-serif;
  color-scheme: light;
}
.nd-drop, .nd-drop *, .nd-drop *::before, .nd-drop *::after{box-sizing:border-box}
.nd-drop [hidden]{display:none!important}
.nd-drop{
  margin:0;
  --glow-y-vp: 60vh; /* Mitte des Countdowns, relativ zu .nd-drop, per Script nachgeführt */
  background: var(--bg); color: var(--ice);
  font-family: var(--font-body); font-size: 16px; line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  overflow: hidden; position: relative;
}
/* ---- Elementor-/Theme-Neutralisierung (nur innerhalb .nd-drop) ---- */
.nd-drop.elementor-section, .nd-drop .elementor-section{ padding:0; margin:0; }
.nd-drop.elementor-section > .elementor-container, .nd-drop .page-col, .nd-drop .page-col > .elementor-widget-wrap{ position: static; }
.nd-drop .elementor-container{ max-width:none; }
.nd-drop .elementor-column > .elementor-widget-wrap{ padding:0; }
.nd-drop .elementor-column{ width:100%; min-height:0; }
.nd-drop .hint.elementor-column{ width:auto; }
.nd-drop .hint > .elementor-widget-wrap{ display:block; }
.nd-drop .elementor-element{ --kit-widget-spacing:0px; }
.nd-drop .elementor-widget{ margin-block-end:0; }
.nd-drop .elementor-widget-container{ margin:0; padding:0; }
.nd-drop .nd-layers, .nd-drop .nd-layers > .elementor-widget-container{ position: static; }
.nd-drop .nd-cd, .nd-drop .nd-cd > .elementor-widget-container{ display: contents; }
.nd-drop .elementor-heading-title{ font: inherit; color: inherit; line-height: inherit; letter-spacing: inherit; text-transform: inherit; text-shadow: inherit; text-wrap: inherit; margin: 0; padding: 0; }
.nd-drop .eyebrow, .nd-drop .lead, .nd-drop .hint p{ line-height: 1.55; }

.nd-drop p, .nd-drop a, .nd-drop label, .nd-drop small{ font-family: inherit; }
.nd-drop p{ font-size: inherit; line-height: inherit; } /* Theme setzt Roboto direkt auf p/a/label */

/* Schicht 1: das Eis (Foto) mit leichtem Frost-Schleier für die Lesbarkeit */
.nd-drop .ice{
  position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background:
    linear-gradient(180deg, rgba(240,245,250,.34) 0%, rgba(236,242,248,.20) 45%, rgba(232,239,246,.48) 100%),
    url("https://www.norddampf.com/wp-content/uploads/2026/10/ice.jpg") center / cover no-repeat;
}
/* Schicht 2: das Glühen UNTER dem Eis, gefiltert durch die Maske aus dem Foto */
.nd-drop .glow{
  position: absolute; inset: 0; z-index: 0; pointer-events: none;
  -webkit-mask-image: url("https://www.norddampf.com/wp-content/uploads/2026/10/mask.webp"); mask-image: url("https://www.norddampf.com/wp-content/uploads/2026/10/mask.webp");
  -webkit-mask-size: cover; mask-size: cover; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
}
.nd-drop .glow::before{
  content:""; position:absolute; inset:0;
  background: radial-gradient(84vmin 56vmin at 50% var(--glow-y-vp), rgb(232 51 110 / calc(var(--tease) * 100%)), rgb(232 51 110 / calc(var(--tease) * 78%)) 32%, rgb(232 51 110 / calc(var(--tease) * 30%)) 64%, transparent 100%);
  mix-blend-mode: multiply;
  animation: nd-drop-breathe 12s ease-in-out infinite;
}
.nd-drop .glow::after{
  content:""; position:absolute; inset:0;
  background: radial-gradient(50vmin 32vmin at 50% var(--glow-y-vp), rgb(255 140 185 / calc(var(--tease) * 90%)), rgb(243 78 119 / calc(var(--tease) * 40%)) 50%, transparent 100%);
  mix-blend-mode: screen;
  animation: nd-drop-breathe 12s ease-in-out infinite reverse;
}
@keyframes nd-drop-breathe{ 0%,100%{opacity:.84} 50%{opacity:1} }
.nd-drop.flash .glow::before{ animation: nd-drop-flash 1.4s ease-out 1; }
@keyframes nd-drop-flash{
  0%{ filter: saturate(1) brightness(1) }
  18%{ filter: saturate(1.8) brightness(1.25) }
  100%{ filter: saturate(1) brightness(1) }
}
/* Schicht 3: das Norddampf-Polygon-Netz */
.nd-drop #nd-particles{ position: absolute; inset: 0; z-index: 0; pointer-events: none; }

/* .page = Widget-Bereich der Hauptspalte (Elementor-Sektion); Stapelung über z-index der Kinder statt der Hülle,
   damit die Dekor-Schichten sich an .nd-drop ausrichten */
.nd-drop .page-col > .elementor-widget-wrap{ max-width: 1080px; margin: 0 auto; padding-inline: clamp(16px, 5vw, 48px); padding-block: 0 48px; display: flex; flex-direction: column; flex-wrap: nowrap; align-content: normal; min-height: 100%; }
.nd-drop .page-col > .elementor-widget-wrap > .elementor-element:not(.nd-layers){ position: relative; z-index: 1; width: 100%; }

/* Kopf (ohne Logo – das macht der Theme-Header): Sound + Chip rechts */
.nd-drop .top{ display:flex; align-items:center; justify-content:flex-end; gap:16px; padding-block: 22px 8px; }
.nd-drop .chip{ font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: var(--steel); border: 1px solid var(--line); border-radius: 999px; padding: 7px 12px; white-space: nowrap; background: rgba(255,255,255,.45); line-height: 1.55; }
.nd-drop .chip b{ color: var(--ice); font-weight: 600 }
.nd-drop .topr{ display:flex; align-items:center; gap: 8px }
.nd-drop .sound{ display:inline-flex; align-items:center; gap: 8px; font: inherit; font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: var(--steel); background: rgba(255,255,255,.45); border: 1px solid var(--line); border-radius: 999px; padding: 6px 12px 6px 10px; cursor: pointer; transition: color .2s, border-color .2s; margin: 0; min-height: 0; line-height: 1.55; box-shadow: none; }
.nd-drop .sound:hover{ color: var(--ice); border-color: rgba(15,22,32,.35); background: rgba(255,255,255,.45) }
.nd-drop .sound .eq{ display:inline-flex; align-items:flex-end; gap: 2px; width: 14px; height: 12px }
.nd-drop .sound .eq i{ display:block; width: 2px; height: 4px; background: currentColor; border-radius: 1px; transform-origin: bottom; }
.nd-drop .sound[aria-pressed="true"]{ color: var(--rose); border-color: rgb(232 51 110 / 40%) }
.nd-drop .sound[aria-pressed="true"] .eq i{ animation: nd-drop-eq 1.1s ease-in-out infinite }
.nd-drop .sound[aria-pressed="true"] .eq i:nth-child(2){ animation-delay: -.35s } .nd-drop .sound[aria-pressed="true"] .eq i:nth-child(3){ animation-delay: -.7s }
@keyframes nd-drop-eq{ 0%,100%{ height: 4px } 50%{ height: 12px } }
.nd-drop .sound .lbl-on{ display:none } .nd-drop .sound[aria-pressed="true"] .lbl-on{ display:inline } .nd-drop .sound[aria-pressed="true"] .lbl-off{ display:none }
.nd-drop .glow{ filter: saturate(var(--pulse, 1)) }

/* Hero */
.nd-drop .hero{ position: relative; text-align: center; padding-block: clamp(40px, 9vh, 96px) clamp(40px, 7vh, 72px); animation: nd-drop-rise .9s cubic-bezier(.2,.7,.2,1) 1; }
.nd-drop .hero > .elementor-widget-wrap{ display:flex; flex-direction:column; flex-wrap:nowrap; align-items:center; align-content:normal; padding:0; }
.nd-drop .hero > .elementor-widget-wrap > .elementor-element{ width:auto; max-width:100%; }
.nd-drop .hero > .elementor-widget-wrap > .nd-h1{ max-width: 12ch; }
.nd-drop .hero > .elementor-widget-wrap > .lead{ max-width: 34em; }
.nd-drop .hero::before{
  content:""; position:absolute; inset: -24px -12%; z-index: 0; pointer-events:none;
  background: radial-gradient(62% 68% at 50% 46%, rgba(240,245,250,.62), rgba(240,245,250,.34) 55%, rgba(240,245,250,0) 82%);
  -webkit-backdrop-filter: blur(14px) saturate(.9); backdrop-filter: blur(14px) saturate(.9);
  -webkit-mask-image: radial-gradient(62% 68% at 50% 46%, #000 45%, transparent 82%); mask-image: radial-gradient(62% 68% at 50% 46%, #000 45%, transparent 82%);
}
.nd-drop .hero > .elementor-widget-wrap, .nd-drop .hero > .elementor-widget-wrap > *, .nd-drop .nd-cd > *{ position: relative; z-index: 1 }
@keyframes nd-drop-rise{ from{ opacity:.6; transform: translateY(10px) } to{ opacity:1; transform:none } }
.nd-drop .eyebrow{ margin:0 0 18px; font-size: 12px; letter-spacing: .22em; text-transform: uppercase; color: #3E4A59; text-shadow: 0 0 8px rgba(255,255,255,.9); }
.nd-drop .eyebrow i{ font-style: normal; color: var(--rose) }
.nd-drop .nd-h1{ margin: 0; font-family: var(--font-display); font-weight: 400; font-size: clamp(44px, 8.5vw, 96px); line-height: .96; letter-spacing: .01em; text-wrap: balance; max-width: 12ch; text-shadow: 0 0 22px rgba(255,255,255,.85), 0 1px 0 rgba(255,255,255,.6); color: var(--ice); }
.nd-drop .lead{ margin: 18px auto 0; max-width: 34em; font-size: clamp(15px, 1.6vw, 18px); color: #3E4A59; text-wrap: pretty; text-shadow: 0 0 14px rgba(255,255,255,.9), 0 0 4px rgba(255,255,255,.9); }
.nd-drop .lead b{ color: var(--ice); font-weight: 500 }

/* Countdown */
.nd-drop .countdown{ display:flex; align-items: stretch; justify-content:center; gap: clamp(10px, 3vw, 28px); margin-top: clamp(32px, 6vh, 56px); font-variant-numeric: tabular-nums; }
.nd-drop .unit{ display:flex; flex-direction:column; align-items:center; min-width: 2.2ch; }
.nd-drop .num{ font-family: var(--font-display); font-size: clamp(64px, 15vw, 150px); line-height: .9; letter-spacing: .02em; color: var(--ice); text-shadow: 0 0 26px rgba(255,255,255,.9), 0 1px 0 rgba(255,255,255,.7); }
.nd-drop .lbl{ margin-top: 10px; font-size: 11px; letter-spacing: .2em; text-transform: uppercase; color: #3E4A59; text-shadow: 0 0 8px rgba(255,255,255,.9); }
.nd-drop .sep{ width: 1px; background: linear-gradient(180deg, transparent, var(--line) 30%, var(--line) 70%, transparent); margin-block: 6px 26px; }
.nd-drop .rule{ width: min(100%, 420px); height: 1px; margin-top: clamp(28px, 5vh, 44px); background: linear-gradient(90deg, transparent, rgb(232 51 110 / calc(var(--tease) * 90%)), transparent); }

/* Formular */
.nd-drop .signup{ width: min(100%, 560px); margin-top: clamp(24px, 4vh, 36px); }
.nd-drop .row{ display:flex; gap: 8px; align-items: stretch; background: rgba(255,255,255,.66); border: 1px solid var(--line); border-radius: 999px; padding: 6px; transition: border-color .2s, box-shadow .2s; box-shadow: 0 10px 30px rgba(15,22,32,.08); margin: 0; }
.nd-drop .row::before, .nd-drop .row::after{ content:none; display:none; } /* Clearfix des Theme-Rasters (.row) wäre sonst ein Flex-Element */
.nd-drop .row:focus-within{ border-color: rgba(15,22,32,.35); box-shadow: 0 0 0 4px rgba(15,22,32,.05), 0 0 48px var(--glow-soft); }
.nd-drop .row input{ flex: 1 1 auto; min-width: 0; background: transparent; border: 0; outline: 0; color: var(--ice); font: inherit; font-size: 16px; padding: 12px 10px 12px 18px; margin: 0; height: auto; box-shadow: none; border-radius: 0; line-height: 1.55; }
.nd-drop .row input::placeholder{ color: rgba(79,92,108,.8) }
.nd-drop .btn{ flex: 0 0 auto; border: 0; cursor: pointer; border-radius: 999px; padding: 12px 22px; font: inherit; font-weight: 600; font-size: 14px; letter-spacing: .02em; background: var(--accent); color: var(--accent-ink); transition: transform .15s, filter .15s; text-transform: none; margin: 0; min-height: 0; height: auto; line-height: 1.55; box-shadow: none; }
.nd-drop .btn:hover{ filter: brightness(1.25); background: var(--accent); color: var(--accent-ink) }
.nd-drop .btn:active{ transform: scale(.98) }
.nd-drop .btn:focus-visible, .nd-drop .row input:focus-visible, .nd-drop a:focus-visible{ outline: 2px solid var(--accent); outline-offset: 3px }
.nd-drop .btn[disabled]{ opacity: .7; cursor: progress }
.nd-drop .fine{ margin: 14px auto 0; font-size: 12.5px; color: #3E4A59; max-width: 40em; text-shadow: 0 0 8px rgba(255,255,255,.9); line-height: 1.55; }
.nd-drop .fine a{ color: var(--ice); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(15,22,32,.35) }
.nd-drop .sr{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap }
.nd-drop .msg{ margin: 12px 0 0; font-size: 14px; min-height: 1.4em; line-height: 1.55; }
.nd-drop .msg.err{ color: #B5215A }
.nd-drop .done{ display:flex; flex-direction:column; align-items:center; gap: 8px; margin-top: clamp(24px, 4vh, 36px); }
.nd-drop .done .big{ font-family: var(--font-display); font-size: clamp(32px, 5vw, 48px); line-height: 1; letter-spacing: .02em }
.nd-drop .done .tick{ width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--line); display:grid; place-items:center; color: var(--rose); background: rgba(255,255,255,.7) }
.nd-drop .done p{ margin: 0; color: var(--steel) }
.nd-drop .preview-tag{ font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--steel); border: 1px dashed var(--line); border-radius: 999px; padding: 4px 10px; margin-top: 6px }
.nd-drop .live{ display:flex; flex-direction:column; align-items:center; gap: 16px; margin-top: clamp(32px, 6vh, 56px); }
.nd-drop .live .big{ font-family: var(--font-display); font-size: clamp(56px, 11vw, 120px); line-height: .95 }
.nd-drop .btn.wide{ padding: 14px 28px; font-size: 15px; text-decoration: none; display:inline-block }

/* Andeutungen */
.nd-drop .hints{ margin-top: clamp(24px, 6vh, 64px); padding-top: 28px; border-top: 1px solid var(--line); text-align: left; }
.nd-drop .hints > .elementor-container{ display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: clamp(20px, 4vw, 48px); max-width: none; }
.nd-drop .hint{ min-width: 0 }
.nd-drop .hint .word{ font-family: var(--font-display); font-size: clamp(30px, 4.4vw, 44px); line-height: 1; letter-spacing: .02em; text-shadow: 0 0 14px rgba(255,255,255,.85); color: var(--ice); }
.nd-drop .hint p{ margin: 8px 0 0; color: #3E4A59; font-size: 14px; max-width: 28em; text-shadow: 0 0 8px rgba(255,255,255,.9); line-height: 1.55; }
@media (max-width: 640px){ .nd-drop .hints > .elementor-container{ grid-template-columns: 1fr; gap: 22px } }

@media (prefers-reduced-motion: reduce){
  .nd-drop .glow::before, .nd-drop .glow::after, .nd-drop .hero, .nd-drop.flash .glow::before, .nd-drop .sound .eq i{ animation: none !important }
  .nd-drop .btn{ transition: none }
}/* End custom CSS */