:root{
      --nc-blue:#002b59;
      --nc-blue-2:#0e4b79;
      --nc-blue-soft:#eaf2f8;
      --nc-light:#f5f7f9;
      --nc-white:#ffffff;
      --nc-text:#17212b;
      --nc-muted:#677480;
      --nc-line:#dce4ea;
      --nc-shadow:0 22px 60px rgba(0,43,89,.11);
      --nc-shadow-soft:0 12px 34px rgba(0,43,89,.075);
      --nc-radius-xl:30px;
      --nc-radius-lg:22px;
      --nc-radius-md:14px;
      --nc-max:1240px;
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      color:var(--nc-text);
      background:var(--nc-white);
      line-height:1.65;
      overflow-x:hidden;
    }

    img{display:block;width:100%}
    a{color:inherit;text-decoration:none}
    button,input,select,textarea{font:inherit}
    section[id]{scroll-margin-top:108px}

    .nc-wrap{
      width:min(var(--nc-max),calc(100% - 40px));
      margin-inline:auto;
    }

    .nc-section{padding:96px 0}
    .nc-section--light{background:var(--nc-light)}
    .nc-section--tight{padding:72px 0}

    h1,h2,h3,p{margin-top:0}
    h1,h2,h3{
      color:var(--nc-blue);
      line-height:1.08;
      letter-spacing:-.035em;
    }
    h1{
      max-width:960px;
      margin-bottom:24px;
      font-size:clamp(2.8rem,6vw,6rem);
    }
    h2{
      margin-bottom:20px;
      font-size:clamp(2rem,4vw,3.8rem);
    }
    h3{
      margin-bottom:12px;
      font-size:1.35rem;
    }

    .nc-kicker{
      display:inline-flex;
      align-items:center;
      gap:10px;
      margin-bottom:16px;
      color:var(--nc-blue);
      font-size:.78rem;
      font-weight:800;
      letter-spacing:.13em;
      text-transform:uppercase;
    }
    .nc-kicker::before{
      content:"";
      width:28px;
      height:2px;
      border-radius:999px;
      background:var(--nc-blue);
    }

    .nc-lead{
      max-width:840px;
      color:var(--nc-muted);
      font-size:clamp(1.08rem,1.7vw,1.3rem);
    }

    .nc-button{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      min-height:52px;
      padding:0 24px;
      border:0;
      border-radius:999px;
      font-weight:800;
      transition:transform .25s ease,box-shadow .25s ease,background .25s ease;
      cursor:pointer;
    }
    .nc-button:hover{transform:translateY(-2px)}
    .nc-button--primary{
      color:#fff;
      background:var(--nc-blue);
      box-shadow:0 14px 28px rgba(0,43,89,.22);
    }
    .nc-button--primary:hover{background:var(--nc-blue-2)}
    .nc-button--white{
      color:var(--nc-blue);
      background:#fff;
      box-shadow:0 14px 30px rgba(0,0,0,.12);
    }
    .nc-button--outline{
      color:#fff;
      border:1px solid rgba(255,255,255,.46);
      background:rgba(255,255,255,.08);
      backdrop-filter:blur(8px);
    }

    /* Sticky header */
    .nc-header{
      position:sticky;
      top:0;
      z-index:1000;
      background:rgba(255,255,255,.94);
      backdrop-filter:blur(16px);
      -webkit-backdrop-filter:blur(16px);
      border-bottom:1px solid rgba(0,43,89,.08);
      transition:box-shadow .25s ease,background .25s ease;
    }
    .nc-header.is-scrolled{
      background:rgba(255,255,255,.985);
      box-shadow:0 10px 30px rgba(0,43,89,.10);
    }
    .nc-nav{
      min-height:90px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:28px;
    }
    .nc-logo img{
      width:180px;
      height:62px;
      object-fit:contain;
      object-position:left center;
    }
    .nc-menu{
      display:flex;
      align-items:center;
      gap:28px;
      color:var(--nc-blue);
      font-size:.94rem;
      font-weight:700;
    }
    .nc-menu a{
      position:relative;
      padding:10px 0;
    }
    .nc-menu a::after{
      content:"";
      position:absolute;
      left:0;
      right:100%;
      bottom:2px;
      height:2px;
      background:var(--nc-blue);
      transition:right .25s ease;
    }
    .nc-menu a:hover::after{right:0}
    .nc-nav-actions{display:flex;align-items:center;gap:10px}
    .nc-mobile-toggle{
      display:none;
      width:46px;
      height:46px;
      border:1px solid var(--nc-line);
      border-radius:50%;
      background:#fff;
      color:var(--nc-blue);
      font-size:1.2rem;
    }

    /* Hero with YouTube background */
    .nc-hero{
      position:relative;
      min-height:780px;
      display:flex;
      align-items:center;
      overflow:hidden;
      color:#fff;
      background:
        linear-gradient(rgba(0,43,89,.82),rgba(0,43,89,.82)),
        url("https://neuss-convention.de/wp-content/uploads/2026/01/Hafenbecken_c_Melanie-Stegemann-scaled.jpg") center/cover no-repeat;
    }
    .nc-hero-video{
      position:absolute;
      inset:0;
      overflow:hidden;
      pointer-events:none;
    }
    .nc-hero-video iframe{
      position:absolute;
      top:50%;
      left:50%;
      width:177.77777778vh;
      min-width:100%;
      height:56.25vw;
      min-height:100%;
      transform:translate(-50%,-50%) scale(1.08);
      border:0;
      opacity:.90;
    }
    .nc-hero-overlay{
      position:absolute;
      inset:0;
      background:
        linear-gradient(90deg,rgba(0,43,89,.94) 0%,rgba(0,43,89,.78) 48%,rgba(0,43,89,.48) 100%),
        linear-gradient(0deg,rgba(0,43,89,.35),rgba(0,43,89,.10));
    }
    .nc-hero-content{
      position:relative;
      z-index:2;
      padding:110px 0;
    }
    .nc-hero h1,.nc-hero .nc-kicker{color:#fff}
    .nc-hero .nc-kicker::before{background:#fff}
    .nc-hero .nc-lead{color:rgba(255,255,255,.85)}
    .nc-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
    .nc-hero-brand{
      display:inline-flex;
      align-items:center;
      gap:14px;
      margin-bottom:28px;
      padding:10px 16px;
      border-radius:999px;
      background:rgba(255,255,255,.92);
      box-shadow:0 12px 28px rgba(0,0,0,.14);
    }
    .nc-hero-brand img{
      width:145px;
      height:46px;
      object-fit:contain;
    }
    .nc-hero-badge{
      display:inline-flex;
      align-items:center;
      gap:10px;
      margin-top:28px;
      padding:10px 14px;
      border:1px solid rgba(255,255,255,.24);
      border-radius:999px;
      background:rgba(255,255,255,.10);
      backdrop-filter:blur(10px);
      font-size:.9rem;
    }

    /* Metrics */
    .nc-metrics{
      position:relative;
      z-index:3;
      margin-top:-44px;
    }
    .nc-metrics-grid{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:14px;
      padding:14px;
      border:1px solid rgba(0,43,89,.09);
      border-radius:var(--nc-radius-xl);
      background:#fff;
      box-shadow:var(--nc-shadow);
    }
    .nc-metric{
      padding:28px 24px;
      border-radius:22px;
      background:var(--nc-light);
    }
    .nc-metric strong{
      display:block;
      color:var(--nc-blue);
      font-size:clamp(1.9rem,3vw,3.1rem);
      line-height:1;
      letter-spacing:-.05em;
    }
    .nc-metric span{
      display:block;
      margin-top:8px;
      color:var(--nc-muted);
      font-size:.94rem;
    }

    /* Intro */
    .nc-intro{
      display:grid;
      grid-template-columns:1.03fr .97fr;
      gap:70px;
      align-items:center;
    }
    .nc-intro-copy p{color:var(--nc-muted)}
    .nc-note{
      margin-top:28px;
      padding:22px 24px;
      border-left:4px solid var(--nc-blue);
      border-radius:0 var(--nc-radius-md) var(--nc-radius-md) 0;
      background:var(--nc-light);
    }
    .nc-image{
      position:relative;
      min-height:540px;
      overflow:hidden;
      border-radius:var(--nc-radius-xl);
      box-shadow:var(--nc-shadow);
    }
    .nc-image img{height:100%;object-fit:cover}
    .nc-image-label{
      position:absolute;
      left:22px;
      right:22px;
      bottom:22px;
      padding:20px;
      border-radius:18px;
      color:#fff;
      background:rgba(0,43,89,.78);
      backdrop-filter:blur(10px);
    }
    .nc-image-logo{
      position:absolute;
      top:22px;
      left:22px;
      width:170px;
      padding:12px 16px;
      border-radius:18px;
      background:rgba(255,255,255,.94);
      box-shadow:0 12px 28px rgba(0,43,89,.12);
    }

    /* Target groups */
    .nc-targets{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:18px;
      margin-top:38px;
    }
    .nc-card{
      border:1px solid var(--nc-line);
      border-radius:var(--nc-radius-lg);
      background:#fff;
      box-shadow:var(--nc-shadow-soft);
      transition:transform .3s ease,box-shadow .3s ease;
    }
    .nc-card:hover{
      transform:translateY(-6px);
      box-shadow:var(--nc-shadow);
    }
    .nc-target{padding:28px}
    .nc-number{
      width:50px;
      height:50px;
      display:grid;
      place-items:center;
      margin-bottom:24px;
      border-radius:16px;
      color:#fff;
      background:var(--nc-blue);
      font-weight:900;
    }
    .nc-target p{margin-bottom:0;color:var(--nc-muted)}

    /* Locations */
    .nc-head-row{
      display:flex;
      align-items:flex-end;
      justify-content:space-between;
      gap:32px;
      margin-bottom:34px;
    }
    .nc-locations{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:22px;
    }
    .nc-location{overflow:hidden}
    .nc-location-media{height:245px;overflow:hidden}
    .nc-location-media img{
      height:100%;
      object-fit:cover;
      transition:transform .55s ease;
    }
    .nc-location:hover img{transform:scale(1.045)}
    .nc-location-body{padding:25px}
    .nc-location-type{
      margin-bottom:8px;
      color:var(--nc-blue-2);
      font-size:.76rem;
      font-weight:900;
      letter-spacing:.12em;
      text-transform:uppercase;
    }
    .nc-location p{color:var(--nc-muted)}
    .nc-tags{
      display:flex;
      flex-wrap:wrap;
      gap:8px;
      margin:18px 0 22px;
    }
    .nc-tag{
      padding:7px 11px;
      border-radius:999px;
      color:var(--nc-blue);
      background:var(--nc-blue-soft);
      font-size:.8rem;
      font-weight:800;
    }
    .nc-link{color:var(--nc-blue);font-weight:900}
    .nc-link::after{content:" →"}

    /* Gallery */
    .nc-gallery{
      display:grid;
      grid-template-columns:1.25fr .75fr .75fr;
      grid-template-rows:250px 250px;
      gap:16px;
      margin-top:36px;
    }
    .nc-gallery figure{
      position:relative;
      margin:0;
      overflow:hidden;
      border-radius:var(--nc-radius-lg);
    }
    .nc-gallery figure:first-child{grid-row:1/3}
    .nc-gallery img{
      height:100%;
      object-fit:cover;
      transition:transform .5s ease;
    }
    .nc-gallery figure:hover img{transform:scale(1.04)}
    .nc-gallery figcaption{
      position:absolute;
      left:14px;
      right:14px;
      bottom:14px;
      padding:13px 15px;
      border-radius:13px;
      color:#fff;
      background:rgba(0,43,89,.72);
      backdrop-filter:blur(8px);
      font-size:.88rem;
    }

    .nc-reference{
      display:grid;
      grid-template-columns:auto 1fr auto;
      gap:26px;
      align-items:center;
      margin-top:24px;
      padding:32px;
    }
    .nc-reference-logo{
      width:160px;
      padding:12px 14px;
      border-radius:16px;
      background:var(--nc-light);
    }
    .nc-reference p{margin-bottom:0;color:var(--nc-muted)}

    /* FAQ */
    .nc-faq{
      max-width:980px;
      display:grid;
      gap:14px;
      margin-top:36px;
    }
    .nc-faq details{
      overflow:hidden;
      border:1px solid var(--nc-line);
      border-radius:18px;
      background:#fff;
      box-shadow:var(--nc-shadow-soft);
    }
    .nc-faq summary{
      position:relative;
      padding:23px 62px 23px 22px;
      list-style:none;
      cursor:pointer;
      color:var(--nc-blue);
      font-weight:850;
    }
    .nc-faq summary::-webkit-details-marker{display:none}
    .nc-faq summary::after{
      content:"+";
      position:absolute;
      right:22px;
      top:50%;
      width:32px;
      height:32px;
      display:grid;
      place-items:center;
      transform:translateY(-50%);
      border-radius:50%;
      color:var(--nc-blue);
      background:var(--nc-blue-soft);
      font-size:1.25rem;
    }
    .nc-faq details[open] summary::after{content:"–"}
    .nc-answer{padding:0 22px 22px;color:var(--nc-muted)}

    /* CTA */
    .nc-cta{
      position:relative;
      overflow:hidden;
      padding:58px;
      border-radius:34px;
      color:#fff;
      background:var(--nc-blue);
      box-shadow:var(--nc-shadow);
    }
    .nc-cta::after{
      content:"";
      position:absolute;
      width:380px;
      height:380px;
      right:-160px;
      top:-180px;
      border:1px solid rgba(255,255,255,.16);
      border-radius:50%;
      box-shadow:0 0 0 50px rgba(255,255,255,.03),0 0 0 100px rgba(255,255,255,.02);
    }
    .nc-cta-grid{
      position:relative;
      z-index:2;
      display:grid;
      grid-template-columns:.85fr 1.15fr;
      gap:56px;
    }
    .nc-cta h2,.nc-cta .nc-kicker{color:#fff}
    .nc-cta .nc-kicker::before{background:#fff}
    .nc-cta p{color:rgba(255,255,255,.78)}
    .nc-cta-logo{
      width:180px;
      margin-bottom:24px;
      padding:14px 16px;
      border-radius:18px;
      background:#fff;
    }
    .nc-form{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:14px;
    }
    .nc-field{display:grid;gap:7px}
    .nc-field--wide{grid-column:1/-1}
    .nc-field label{
      color:rgba(255,255,255,.78);
      font-size:.8rem;
      font-weight:800;
    }
    .nc-field input,.nc-field select,.nc-field textarea{
      width:100%;
      padding:14px 15px;
      border:1px solid rgba(255,255,255,.22);
      border-radius:14px;
      outline:none;
      color:#fff;
      background:rgba(255,255,255,.08);
    }
    .nc-field input::placeholder,.nc-field textarea::placeholder{color:rgba(255,255,255,.50)}
    .nc-field select option{color:#111}
    .nc-field textarea{min-height:120px;resize:vertical}
    .nc-form-note{
      grid-column:1/-1;
      color:rgba(255,255,255,.58);
      font-size:.76rem;
    }

    .nc-footer{
      padding:34px 0 42px;
      color:var(--nc-muted);
      font-size:.9rem;
    }
    .nc-footer-inner{
      display:flex;
      justify-content:space-between;
      gap:24px;
      align-items:center;
      padding-top:26px;
      border-top:1px solid var(--nc-line);
    }
    .nc-footer-logo img{
      width:150px;
      height:56px;
      object-fit:contain;
      object-position:left center;
    }

    /* Animations */
    .reveal{
      opacity:0;
      transform:translateY(28px);
      transition:opacity .8s ease,transform .8s ease;
    }
    .reveal.is-visible{
      opacity:1;
      transform:none;
    }
    .stagger > *{
      opacity:0;
      transform:translateY(24px);
      transition:opacity .7s ease,transform .7s ease;
    }
    .stagger.is-visible > *{opacity:1;transform:none}
    .stagger.is-visible > *:nth-child(2){transition-delay:.08s}
    .stagger.is-visible > *:nth-child(3){transition-delay:.16s}
    .stagger.is-visible > *:nth-child(4){transition-delay:.24s}
    .stagger.is-visible > *:nth-child(5){transition-delay:.32s}
    .stagger.is-visible > *:nth-child(6){transition-delay:.40s}
    .nc-image[data-parallax] img{
      transform:scale(1.06);
      will-change:transform;
    }

    @media (prefers-reduced-motion:reduce){
      html{scroll-behavior:auto}
      *,*::before,*::after{
        animation:none!important;
        transition:none!important;
      }
      .reveal,.stagger>*{opacity:1!important;transform:none!important}
      .nc-hero-video{display:none}
      .nc-image[data-parallax] img{transform:none!important}
    }

    @media (max-width:1060px){
      .nc-menu{display:none}
      .nc-mobile-toggle{display:grid;place-items:center}
      .nc-metrics-grid,.nc-targets{grid-template-columns:repeat(2,1fr)}
      .nc-intro,.nc-cta-grid{grid-template-columns:1fr}
      .nc-locations{grid-template-columns:repeat(2,1fr)}
      .nc-gallery{
        grid-template-columns:1fr 1fr;
        grid-template-rows:330px 230px;
      }
      .nc-gallery figure:first-child{grid-column:1/3;grid-row:auto}
      .nc-reference{grid-template-columns:1fr}
      .nc-reference .nc-button{justify-self:start}
    }

    @media (max-width:720px){
      .nc-wrap{width:min(100% - 24px,var(--nc-max))}
      .nc-section{padding:72px 0}
      .nc-nav{min-height:76px}
      .nc-logo img{width:138px;height:50px}
      .nc-nav-actions .nc-button{display:none}
      .nc-hero{min-height:720px}
      .nc-hero-video{display:none}
      .nc-hero-content{padding:90px 0}
      .nc-hero-brand img{width:122px}
      .nc-metrics{margin-top:-32px}
      .nc-metrics-grid,.nc-targets,.nc-locations,.nc-form{grid-template-columns:1fr}
      .nc-head-row{display:block}
      .nc-head-row .nc-button{margin-top:18px}
      .nc-gallery{
        grid-template-columns:1fr;
        grid-template-rows:300px 210px 210px 210px 210px;
      }
      .nc-gallery figure:first-child{grid-column:auto}
      .nc-reference{padding:25px}
      .nc-cta{padding:34px 22px;border-radius:26px}
      .nc-footer-inner{flex-direction:column;align-items:flex-start}
    }
  
    /* =========================================================
       MOBILE-FIRST FEINSCHLIFF
       Lesbarkeit, Touch-Bedienung, kompaktere Seitenlänge
    ========================================================= */

    .nc-swipe-hint{
      display:none;
      color:var(--nc-muted);
      font-size:.84rem;
      font-weight:700;
    }

    .nc-mobile-menu{
      position:fixed;
      inset:0;
      z-index:1400;
      display:flex;
      flex-direction:column;
      padding:18px;
      background:rgba(255,255,255,.985);
      backdrop-filter:blur(22px);
      -webkit-backdrop-filter:blur(22px);
      transform:translateX(100%);
      visibility:hidden;
      transition:transform .35s cubic-bezier(.22,.75,.22,1),visibility .35s;
    }
    .nc-mobile-menu.is-open{
      transform:none;
      visibility:visible;
    }
    .nc-mobile-menu-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      min-height:58px;
      padding-bottom:18px;
      border-bottom:1px solid var(--nc-line);
    }
    .nc-mobile-menu-logo{
      width:142px;
    }
    .nc-mobile-close{
      width:46px;
      height:46px;
      border:1px solid var(--nc-line);
      border-radius:50%;
      background:#fff;
      color:var(--nc-blue);
      font-size:1.55rem;
      line-height:1;
    }
    .nc-mobile-links{
      display:grid;
      gap:4px;
      margin:28px 0 auto;
    }
    .nc-mobile-links a{
      display:flex;
      align-items:center;
      justify-content:space-between;
      min-height:58px;
      padding:0 4px;
      border-bottom:1px solid var(--nc-line);
      color:var(--nc-blue);
      font-size:1.22rem;
      font-weight:850;
    }
    .nc-mobile-links a::after{
      content:"→";
      font-size:1rem;
    }
    .nc-mobile-menu .nc-button{
      width:100%;
      margin-top:22px;
    }

    .nc-mobile-cta{
      display:none;
    }

    @media (max-width:720px){
      body{
        padding-bottom:82px;
        font-size:15.5px;
        line-height:1.58;
      }
      body.nc-menu-open{overflow:hidden}

      section[id]{scroll-margin-top:80px}
      .nc-wrap{width:min(100% - 24px,var(--nc-max))}
      .nc-section{padding:62px 0}
      .nc-section--tight{padding:54px 0}

      h1{
        max-width:100%;
        margin-bottom:18px;
        font-size:clamp(2.35rem,11vw,3.35rem);
        line-height:1.01;
        letter-spacing:-.048em;
      }
      h2{
        margin-bottom:16px;
        font-size:clamp(1.95rem,8vw,2.55rem);
        line-height:1.06;
      }
      h3{
        margin-bottom:8px;
        font-size:1.18rem;
        line-height:1.16;
      }
      p{margin-bottom:14px}
      .nc-lead{
        font-size:1.04rem;
        line-height:1.55;
      }
      .nc-kicker{
        gap:8px;
        margin-bottom:12px;
        font-size:.68rem;
        line-height:1.3;
        letter-spacing:.105em;
      }
      .nc-kicker::before{width:22px}
      .nc-button{
        min-height:54px;
        padding:0 20px;
        font-size:.94rem;
      }

      /* Header: kompakt, klar und gut antippbar */
      .nc-header{
        background:rgba(255,255,255,.97);
      }
      .nc-nav{
        min-height:70px;
        gap:12px;
      }
      .nc-logo img{
        width:132px;
        height:48px;
      }
      .nc-mobile-toggle{
        display:grid;
        place-items:center;
        width:46px;
        height:46px;
        border:0;
        background:var(--nc-blue-soft);
        font-size:0;
        cursor:pointer;
      }
      .nc-mobile-toggle::before{
        content:"";
        width:20px;
        height:14px;
        background:
          linear-gradient(var(--nc-blue),var(--nc-blue)) 0 0/100% 2px no-repeat,
          linear-gradient(var(--nc-blue),var(--nc-blue)) 0 6px/100% 2px no-repeat,
          linear-gradient(var(--nc-blue),var(--nc-blue)) 0 12px/100% 2px no-repeat;
      }

      /* Hero: auf Mobilgeräten bewusst ohne externes Video */
      .nc-hero{
        min-height:660px;
        align-items:flex-end;
        background:
          linear-gradient(180deg,rgba(0,43,89,.36) 0%,rgba(0,43,89,.78) 52%,rgba(0,43,89,.96) 100%),
          url("https://neuss-convention.de/wp-content/uploads/2026/01/Hafenbecken_c_Melanie-Stegemann-scaled.jpg") 58% center/cover no-repeat;
      }
      .nc-hero-video{display:none}
      .nc-hero-content{
        width:100%;
        padding:70px 0 58px;
      }
      .nc-hero-brand{
        margin-bottom:20px;
        padding:7px 12px;
      }
      .nc-hero-brand img{
        width:112px;
        height:38px;
      }
      .nc-actions{
        display:grid;
        grid-template-columns:1fr;
        gap:10px;
        margin-top:24px;
      }
      .nc-actions .nc-button{width:100%}
      .nc-hero-badge{
        width:100%;
        justify-content:center;
        margin-top:14px;
        padding:9px 12px;
        font-size:.78rem;
        text-align:center;
      }

      /* Kennzahlen: 2 x 2 statt langer Einspalter */
      .nc-metrics{
        margin-top:-24px;
      }
      .nc-metrics-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
        padding:8px;
        border-radius:22px;
      }
      .nc-metric{
        min-height:112px;
        display:flex;
        flex-direction:column;
        justify-content:center;
        padding:18px 14px;
        border-radius:16px;
      }
      .nc-metric strong{
        font-size:1.72rem;
        line-height:1;
      }
      .nc-metric span{
        margin-top:7px;
        font-size:.76rem;
        line-height:1.28;
      }

      /* Intro: kürzer, größere visuelle Ruhe */
      .nc-intro{
        grid-template-columns:1fr;
        gap:28px;
      }
      .nc-note{
        margin-top:20px;
        padding:18px 18px;
        font-size:.9rem;
      }
      .nc-image{
        min-height:350px;
        border-radius:22px;
      }
      .nc-image-logo{
        top:14px;
        left:14px;
        width:136px;
        padding:9px 12px;
        border-radius:14px;
      }
      .nc-image-label{
        left:14px;
        right:14px;
        bottom:14px;
        padding:16px;
        border-radius:15px;
        font-size:.88rem;
        line-height:1.45;
      }

      /* Zielgruppen: kompakte horizontale Informationskarten */
      .nc-targets{
        grid-template-columns:1fr;
        gap:11px;
        margin-top:26px;
      }
      .nc-target{
        display:grid;
        grid-template-columns:44px 1fr;
        column-gap:14px;
        align-items:start;
        padding:18px;
        border-radius:18px;
      }
      .nc-target:hover{transform:none}
      .nc-number{
        grid-row:1/3;
        width:44px;
        height:44px;
        margin:0;
        border-radius:14px;
        font-size:.88rem;
      }
      .nc-target h3{margin-top:2px}
      .nc-target p{
        grid-column:2;
        margin:0;
        font-size:.9rem;
        line-height:1.48;
      }

      /* Locations: swipebare Karten statt langer vertikaler Liste */
      .nc-head-row{
        display:block;
        margin-bottom:16px;
      }
      .nc-head-row .nc-button{
        width:100%;
        margin-top:8px;
      }
      .nc-swipe-hint{
        display:flex;
        align-items:center;
        gap:8px;
        margin:0 0 14px;
      }
      .nc-swipe-hint::before{
        content:"↔";
        color:var(--nc-blue);
        font-size:1.05rem;
      }
      .nc-locations{
        display:grid;
        grid-template-columns:none;
        grid-auto-flow:column;
        grid-auto-columns:min(86vw,340px);
        gap:14px;
        margin-right:-12px;
        padding:4px 12px 18px 0;
        overflow-x:auto;
        overscroll-behavior-inline:contain;
        scroll-snap-type:inline mandatory;
        scrollbar-width:none;
      }
      .nc-locations::-webkit-scrollbar{display:none}
      .nc-location{
        scroll-snap-align:start;
        border-radius:20px;
      }
      .nc-location:hover{transform:none}
      .nc-location-media{height:205px}
      .nc-location-body{padding:20px}
      .nc-location-type{font-size:.69rem}
      .nc-location p{
        margin-bottom:12px;
        font-size:.9rem;
        line-height:1.48;
      }
      .nc-tags{
        gap:6px;
        margin:14px 0 18px;
      }
      .nc-tag{
        padding:6px 9px;
        font-size:.71rem;
      }
      .nc-link{font-size:.9rem}

      /* Galerie: kompakte, dennoch hochwertige Bildmatrix */
      .nc-gallery{
        grid-template-columns:1fr 1fr;
        grid-template-rows:255px 150px 150px;
        gap:9px;
        margin-top:24px;
      }
      .nc-gallery figure{
        border-radius:16px;
      }
      .nc-gallery figure:first-child{
        grid-column:1/3;
        grid-row:auto;
      }
      .nc-gallery figcaption{
        left:8px;
        right:8px;
        bottom:8px;
        padding:9px 10px;
        border-radius:10px;
        font-size:.72rem;
        line-height:1.35;
      }
      .nc-reference{
        grid-template-columns:1fr;
        gap:16px;
        margin-top:16px;
        padding:22px;
        border-radius:20px;
      }
      .nc-reference-logo{
        width:132px;
      }
      .nc-reference .nc-button{width:100%}

      /* FAQ: größere Touch-Ziele, weniger visuelle Dichte */
      .nc-faq{
        gap:10px;
        margin-top:24px;
      }
      .nc-faq details{
        border-radius:16px;
      }
      .nc-faq summary{
        min-height:66px;
        display:flex;
        align-items:center;
        padding:17px 54px 17px 17px;
        font-size:.94rem;
        line-height:1.35;
      }
      .nc-faq summary::after{
        right:14px;
        width:30px;
        height:30px;
      }
      .nc-answer{
        padding:0 17px 18px;
        font-size:.9rem;
        line-height:1.5;
      }

      /* Formular: klare Reihenfolge und große Eingabeflächen */
      .nc-cta{
        padding:28px 18px;
        border-radius:24px;
      }
      .nc-cta-grid{
        grid-template-columns:1fr;
        gap:28px;
      }
      .nc-cta-logo{
        width:140px;
        margin-bottom:18px;
        padding:10px 12px;
        border-radius:14px;
      }
      .nc-form{
        grid-template-columns:1fr;
        gap:12px;
      }
      .nc-field--wide{grid-column:auto}
      .nc-field label{font-size:.76rem}
      .nc-field input,
      .nc-field select,
      .nc-field textarea{
        min-height:52px;
        padding:13px 14px;
        border-radius:12px;
      }
      .nc-form-note{grid-column:auto}
      .nc-form .nc-button{width:100%}

      .nc-footer{
        padding:26px 0 30px;
      }
      .nc-footer-inner{
        flex-direction:column;
        align-items:flex-start;
        gap:16px;
        padding-top:20px;
      }
      .nc-footer-logo img{
        width:132px;
        height:48px;
      }

      /* Fester Conversion-Button am unteren Bildschirmrand */
      .nc-mobile-cta{
        position:fixed;
        z-index:1100;
        left:10px;
        right:10px;
        bottom:max(10px,env(safe-area-inset-bottom));
        display:block;
        padding:8px;
        border:1px solid rgba(255,255,255,.65);
        border-radius:999px;
        background:rgba(255,255,255,.90);
        box-shadow:0 12px 34px rgba(0,43,89,.22);
        backdrop-filter:blur(16px);
        -webkit-backdrop-filter:blur(16px);
        transform:translateY(120%);
        opacity:0;
        transition:transform .35s ease,opacity .35s ease;
      }
      .nc-mobile-cta.is-visible{
        transform:none;
        opacity:1;
      }
      .nc-mobile-cta .nc-button{
        width:100%;
        min-height:50px;
      }
    }

    @media (max-width:380px){
      h1{font-size:2.23rem}
      h2{font-size:1.85rem}
      .nc-metric strong{font-size:1.5rem}
      .nc-metric span{font-size:.7rem}
      .nc-locations{grid-auto-columns:88vw}
    }

  
    .nc-reference-logo--laga{
      width:210px;
      padding:6px 10px;
      background:transparent;
    }
    .nc-reference-logo--laga img{
      width:100%;
      height:auto;
      object-fit:contain;
    }

    @media (max-width:720px){
      .nc-reference-logo--laga{
        width:178px;
        padding:0;
      }
    }

  
    /* =========================================================
       MOBILE GUTTER FIX
       Einheitlicher Sicherheitsabstand auf allen kleinen Displays
    ========================================================= */
    @media (max-width:720px){
      :root{
        --nc-mobile-gutter:22px;
      }

      .nc-wrap{
        width:auto !important;
        max-width:none !important;
        margin-left:var(--nc-mobile-gutter) !important;
        margin-right:var(--nc-mobile-gutter) !important;
      }

      .nc-header .nc-wrap,
      .nc-hero .nc-wrap,
      .nc-metrics .nc-wrap,
      .nc-section .nc-wrap,
      .nc-footer .nc-wrap{
        width:auto !important;
        margin-left:var(--nc-mobile-gutter) !important;
        margin-right:var(--nc-mobile-gutter) !important;
      }

      .nc-hero-content{
        max-width:calc(100vw - (var(--nc-mobile-gutter) * 2));
      }

      .nc-hero h1,
      .nc-hero .nc-lead,
      .nc-hero .nc-kicker{
        max-width:100%;
      }

      .nc-hero h1{
        font-size:clamp(2.12rem,10vw,3rem);
        overflow-wrap:break-word;
        hyphens:auto;
      }

      .nc-hero .nc-kicker{
        display:flex;
        align-items:flex-start;
        line-height:1.45;
      }

      .nc-actions,
      .nc-hero-badge,
      .nc-metrics-grid,
      .nc-intro,
      .nc-targets,
      .nc-head-row,
      .nc-gallery,
      .nc-reference,
      .nc-faq,
      .nc-cta{
        max-width:100%;
      }

      .nc-metrics{
        margin-top:-26px;
      }

      .nc-metrics-grid{
        width:100%;
      }

      .nc-locations{
        margin-left:0;
        margin-right:calc(var(--nc-mobile-gutter) * -1);
        padding-right:var(--nc-mobile-gutter);
      }

      .nc-swipe-hint{
        margin-left:0;
      }

      .nc-mobile-cta{
        left:var(--nc-mobile-gutter);
        right:var(--nc-mobile-gutter);
      }
    }

    @media (max-width:390px){
      :root{
        --nc-mobile-gutter:18px;
      }

      .nc-hero h1{
        font-size:2.05rem;
      }
    }

  
    /* =========================================================
       MOBILE HEADER REDESIGN
       Schwebende, kompakte Navigation direkt über dem Hero
    ========================================================= */
    @media (max-width:720px){
      .nc-header{
        position:fixed;
        top:0;
        left:0;
        right:0;
        z-index:1300;
        padding-top:max(10px,env(safe-area-inset-top));
        background:transparent;
        border-bottom:0;
        box-shadow:none;
        pointer-events:none;
      }

      .nc-header.is-scrolled{
        background:transparent;
        box-shadow:none;
      }

      .nc-header .nc-wrap{
        margin-left:14px !important;
        margin-right:14px !important;
        pointer-events:none;
      }

      .nc-nav{
        min-height:62px;
        padding:8px 9px 8px 15px;
        border:1px solid rgba(255,255,255,.72);
        border-radius:20px;
        background:rgba(255,255,255,.92);
        box-shadow:
          0 14px 36px rgba(0,43,89,.18),
          0 2px 10px rgba(0,43,89,.07);
        backdrop-filter:blur(20px);
        -webkit-backdrop-filter:blur(20px);
        pointer-events:auto;
        transition:
          background .25s ease,
          box-shadow .25s ease,
          transform .25s ease;
      }

      .nc-header.is-scrolled .nc-nav{
        background:rgba(255,255,255,.97);
        box-shadow:
          0 16px 40px rgba(0,43,89,.20),
          0 3px 12px rgba(0,43,89,.08);
      }

      .nc-logo{
        display:flex;
        align-items:center;
        min-width:0;
      }

      .nc-logo img{
        width:122px;
        height:42px;
        object-fit:contain;
        object-position:left center;
      }

      .nc-nav-actions{
        flex:0 0 auto;
        gap:8px;
      }

      .nc-mobile-toggle{
        position:relative;
        display:grid;
        place-items:center;
        width:46px;
        height:46px;
        flex:0 0 46px;
        border:0;
        border-radius:15px;
        color:#fff;
        background:var(--nc-blue);
        box-shadow:0 9px 20px rgba(0,43,89,.22);
        transition:transform .2s ease,background .2s ease;
      }

      .nc-mobile-toggle:active{
        transform:scale(.94);
      }

      .nc-mobile-toggle::before{
        content:"";
        width:20px;
        height:14px;
        background:
          linear-gradient(#fff,#fff) 0 0/100% 2px no-repeat,
          linear-gradient(#fff,#fff) 0 6px/100% 2px no-repeat,
          linear-gradient(#fff,#fff) 0 12px/100% 2px no-repeat;
      }

      .nc-hero{
        min-height:700px;
      }

      .nc-hero-content{
        padding-top:150px;
        padding-bottom:58px;
      }

      .nc-mobile-menu{
        padding-top:max(18px,env(safe-area-inset-top));
      }

      .nc-mobile-menu-head{
        min-height:62px;
        padding:0 0 18px;
      }

      .nc-mobile-close{
        width:46px;
        height:46px;
        border:0;
        border-radius:15px;
        color:#fff;
        background:var(--nc-blue);
        box-shadow:0 9px 20px rgba(0,43,89,.18);
      }
    }

    @media (max-width:390px){
      .nc-header .nc-wrap{
        margin-left:10px !important;
        margin-right:10px !important;
      }

      .nc-nav{
        padding-left:12px;
      }

      .nc-logo img{
        width:112px;
      }
    }

  
    /* =========================================================
       MOBILE HERO REDESIGN
       Kompakter, klarer, stärker auf Anfrage ausgerichtet
    ========================================================= */
    @media (max-width:720px){
      .nc-hero{
        min-height:0;
        display:block;
        padding:0;
        background:
          linear-gradient(180deg,rgba(0,43,89,.10) 0%,rgba(0,43,89,.24) 48%,rgba(0,43,89,.72) 100%),
          url("https://neuss-convention.de/wp-content/uploads/2026/01/Hafenbecken_c_Melanie-Stegemann-scaled.jpg") 58% center/cover no-repeat;
      }

      .nc-hero::before{
        content:"";
        display:block;
        height:330px;
      }

      .nc-hero-overlay{
        display:none;
      }

      .nc-hero-content{
        width:auto;
        max-width:none;
        margin:-54px var(--nc-mobile-gutter) 0 !important;
        padding:24px 22px 22px;
        border:1px solid rgba(255,255,255,.24);
        border-radius:26px 26px 0 0;
        color:#fff;
        background:
          linear-gradient(180deg,rgba(0,43,89,.95),rgba(0,43,89,1));
        box-shadow:0 -10px 34px rgba(0,43,89,.20);
      }

      .nc-hero .nc-kicker{
        margin-bottom:12px;
        color:rgba(255,255,255,.86);
        font-size:.64rem;
        letter-spacing:.09em;
      }

      .nc-hero h1{
        max-width:100%;
        margin-bottom:14px;
        color:#fff;
        font-size:clamp(2rem,9.3vw,2.65rem);
        line-height:1.02;
        letter-spacing:-.045em;
        hyphens:none;
      }

      .nc-hero .nc-lead{
        margin-bottom:0;
        color:rgba(255,255,255,.80);
        font-size:.96rem;
        line-height:1.5;
      }

      .nc-actions{
        grid-template-columns:1fr;
        margin-top:20px;
      }

      .nc-actions .nc-button{
        min-height:52px;
      }

      .nc-actions .nc-button--outline{
        min-height:auto;
        padding:8px 0 0;
        border:0;
        border-radius:0;
        background:transparent;
        box-shadow:none;
        justify-content:flex-start;
        color:#fff;
      }

      .nc-actions .nc-button--outline::after{
        content:"→";
        margin-left:3px;
      }

      .nc-hero-badge{
        width:auto;
        justify-content:flex-start;
        margin-top:18px;
        padding:0;
        border:0;
        border-radius:0;
        background:transparent;
        color:rgba(255,255,255,.66);
        font-size:.77rem;
        line-height:1.4;
        text-align:left;
      }

      .nc-hero-badge::before{
        content:"";
        width:8px;
        height:8px;
        flex:0 0 8px;
        border-radius:50%;
        background:#9ed46e;
        box-shadow:0 0 0 5px rgba(158,212,110,.12);
      }

      .nc-metrics{
        margin-top:0;
        padding-top:14px;
        background:#fff;
      }
    }

    @media (max-width:390px){
      .nc-hero::before{
        height:300px;
      }

      .nc-hero-content{
        margin-top:-46px !important;
        padding:22px 18px 20px;
      }

      .nc-hero h1{
        font-size:1.92rem;
      }
    }

  
    /* =========================================================
       MOBILE HEADER – ZURÜCK ZUR KLASSISCHEN VARIANTE
       Etwas größer und ruhiger als zuvor
    ========================================================= */
    @media (max-width:720px){
      .nc-header{
        position:sticky;
        top:0;
        left:auto;
        right:auto;
        z-index:1300;
        padding-top:0;
        background:rgba(255,255,255,.97);
        border-bottom:1px solid rgba(0,43,89,.08);
        box-shadow:none;
        pointer-events:auto;
      }

      .nc-header.is-scrolled{
        background:rgba(255,255,255,.985);
        box-shadow:0 10px 28px rgba(0,43,89,.10);
      }

      .nc-header .nc-wrap{
        margin-left:var(--nc-mobile-gutter) !important;
        margin-right:var(--nc-mobile-gutter) !important;
        pointer-events:auto;
      }

      .nc-nav{
        min-height:84px;
        padding:0;
        border:0;
        border-radius:0;
        background:transparent;
        box-shadow:none;
        backdrop-filter:none;
        -webkit-backdrop-filter:none;
      }

      .nc-header.is-scrolled .nc-nav{
        background:transparent;
        box-shadow:none;
      }

      .nc-logo img{
        width:148px;
        height:56px;
      }

      .nc-mobile-toggle{
        width:54px;
        height:54px;
        flex:0 0 54px;
        border:0;
        border-radius:50%;
        background:var(--nc-blue-soft);
        box-shadow:none;
      }

      .nc-mobile-toggle::before{
        width:22px;
        height:16px;
        background:
          linear-gradient(var(--nc-blue),var(--nc-blue)) 0 0/100% 2.5px no-repeat,
          linear-gradient(var(--nc-blue),var(--nc-blue)) 0 6.75px/100% 2.5px no-repeat,
          linear-gradient(var(--nc-blue),var(--nc-blue)) 0 13.5px/100% 2.5px no-repeat;
      }

      .nc-mobile-toggle:active{
        transform:scale(.95);
      }

      .nc-hero{
        margin-top:0;
      }
    }

    @media (max-width:390px){
      .nc-header .nc-wrap{
        margin-left:18px !important;
        margin-right:18px !important;
      }

      .nc-nav{
        min-height:80px;
      }

      .nc-logo img{
        width:138px;
        height:52px;
      }

      .nc-mobile-toggle{
        width:50px;
        height:50px;
        flex-basis:50px;
      }
    }

  
    /* =========================================================
       MOBILE HEADER – STABILE ORIGINALGRÖSSE
       Verhindert Layout-Sprünge beim Laden und Scrollen
    ========================================================= */
    @media (max-width:720px){
      html{
        scroll-padding-top:76px;
      }

      .nc-header{
        position:sticky;
        top:0;
        height:76px;
        min-height:76px;
        padding:0;
        background:#fff;
        border-bottom:1px solid rgba(0,43,89,.08);
        box-shadow:none;
        transition:none;
      }

      .nc-header.is-scrolled{
        height:76px;
        min-height:76px;
        background:#fff;
        box-shadow:0 8px 24px rgba(0,43,89,.09);
      }

      .nc-header .nc-wrap{
        height:76px;
        margin-left:var(--nc-mobile-gutter) !important;
        margin-right:var(--nc-mobile-gutter) !important;
      }

      .nc-nav,
      .nc-header.is-scrolled .nc-nav{
        height:76px;
        min-height:76px;
        padding:0;
        border:0;
        border-radius:0;
        background:transparent;
        box-shadow:none;
        backdrop-filter:none;
        -webkit-backdrop-filter:none;
        transition:none;
      }

      .nc-logo{
        display:flex;
        align-items:center;
        height:50px;
      }

      .nc-logo img{
        display:block;
        width:138px;
        height:50px;
        min-width:138px;
        object-fit:contain;
        object-position:left center;
      }

      .nc-mobile-toggle{
        width:46px;
        height:46px;
        min-width:46px;
        flex:0 0 46px;
        border:0;
        border-radius:50%;
        background:var(--nc-blue-soft);
        box-shadow:none;
        transition:transform .15s ease;
      }

      .nc-mobile-toggle::before{
        width:20px;
        height:14px;
        background:
          linear-gradient(var(--nc-blue),var(--nc-blue)) 0 0/100% 2px no-repeat,
          linear-gradient(var(--nc-blue),var(--nc-blue)) 0 6px/100% 2px no-repeat,
          linear-gradient(var(--nc-blue),var(--nc-blue)) 0 12px/100% 2px no-repeat;
      }

      /* Der Hero erscheint sofort und verschiebt sich nicht nach dem Laden. */
      .nc-hero-content.reveal{
        opacity:1;
        transform:none;
        transition:none;
      }
    }

    @media (max-width:390px){
      .nc-header,
      .nc-header.is-scrolled,
      .nc-header .nc-wrap,
      .nc-nav,
      .nc-header.is-scrolled .nc-nav{
        height:74px;
        min-height:74px;
      }

      .nc-logo img{
        width:132px;
        min-width:132px;
        height:48px;
      }
    }

  
    /* =========================================================
       MOBILE HEADER – WIE IN DER GEÖFFNETEN MENÜANSICHT
       Große Markenfläche, klarer Button, keine Layoutsprünge
    ========================================================= */
    @media (max-width:720px){
      :root{
        --nc-mobile-header-height:108px;
      }

      html{
        scroll-padding-top:var(--nc-mobile-header-height);
      }

      .nc-header,
      .nc-header.is-scrolled{
        position:sticky;
        top:0;
        height:var(--nc-mobile-header-height);
        min-height:var(--nc-mobile-header-height);
        padding:0;
        background:#fff;
        border-bottom:1px solid var(--nc-line);
        box-shadow:none;
        transition:none;
      }

      .nc-header .nc-wrap{
        height:var(--nc-mobile-header-height);
        margin-left:22px !important;
        margin-right:22px !important;
      }

      .nc-nav,
      .nc-header.is-scrolled .nc-nav{
        height:var(--nc-mobile-header-height);
        min-height:var(--nc-mobile-header-height);
        padding:0;
        border:0;
        border-radius:0;
        background:#fff;
        box-shadow:none;
        backdrop-filter:none;
        -webkit-backdrop-filter:none;
        transition:none;
      }

      .nc-logo{
        display:flex;
        align-items:center;
        height:74px;
      }

      .nc-logo img{
        width:170px;
        min-width:170px;
        height:74px;
        object-fit:contain;
        object-position:left center;
      }

      .nc-mobile-toggle{
        position:relative;
        display:grid;
        place-items:center;
        width:58px;
        height:58px;
        min-width:58px;
        flex:0 0 58px;
        border:0;
        border-radius:18px;
        background:var(--nc-blue);
        box-shadow:none;
        transition:transform .15s ease;
      }

      .nc-mobile-toggle::before{
        content:"";
        width:24px;
        height:17px;
        background:
          linear-gradient(#fff,#fff) 0 0/100% 2.5px no-repeat,
          linear-gradient(#fff,#fff) 0 7.25px/100% 2.5px no-repeat,
          linear-gradient(#fff,#fff) 0 14.5px/100% 2.5px no-repeat;
      }

      .nc-mobile-toggle:active{
        transform:scale(.95);
      }

      /* Geöffnetes Menü optisch an denselben Header angleichen */
      .nc-mobile-menu{
        padding:0 22px max(20px,env(safe-area-inset-bottom));
        background:#fff;
      }

      .nc-mobile-menu-head{
        min-height:128px;
        padding:18px 0;
        border-bottom:1px solid var(--nc-line);
      }

      .nc-mobile-menu-logo{
        width:190px;
        height:88px;
        object-fit:contain;
        object-position:left center;
      }

      .nc-mobile-close{
        width:58px;
        height:58px;
        border:0;
        border-radius:18px;
        color:#fff;
        background:var(--nc-blue);
        box-shadow:none;
        font-size:2rem;
      }

      .nc-mobile-links{
        margin-top:26px;
      }

      .nc-mobile-links a{
        min-height:64px;
        padding:0 8px;
        font-size:1.12rem;
      }

      /* =========================================================
         MOBILE HERO – WENIGER LEERRAUM, DIREKTERER EINSTIEG
      ========================================================= */
      .nc-hero{
        min-height:0;
      }

      .nc-hero::before{
        height:220px !important;
      }

      .nc-hero-content{
        margin-top:-28px !important;
        padding:22px 20px 20px;
        border-radius:24px 24px 0 0;
      }

      .nc-hero .nc-kicker{
        margin-bottom:10px;
      }

      .nc-hero h1{
        margin-bottom:12px;
        font-size:clamp(1.95rem,9vw,2.55rem);
      }

      .nc-hero .nc-lead{
        font-size:.95rem;
        line-height:1.48;
      }

      .nc-actions{
        margin-top:18px;
      }

      .nc-hero-badge{
        margin-top:14px;
      }
    }

    @media (max-width:390px){
      :root{
        --nc-mobile-header-height:102px;
      }

      .nc-header .nc-wrap{
        margin-left:18px !important;
        margin-right:18px !important;
      }

      .nc-logo img{
        width:158px;
        min-width:158px;
        height:68px;
      }

      .nc-mobile-toggle,
      .nc-mobile-close{
        width:54px;
        height:54px;
        min-width:54px;
        flex-basis:54px;
        border-radius:17px;
      }

      .nc-hero::before{
        height:200px !important;
      }

      .nc-hero-content{
        margin-top:-24px !important;
        padding:20px 18px 18px;
      }

      .nc-hero h1{
        font-size:1.86rem;
      }
    }

  
    /* =========================================================
       MOBILE FINAL POLISH
       Kompakter Header + moderner Conversion-Hero
    ========================================================= */
    @media (max-width:720px){
      :root{
        --nc-mobile-header-height:88px;
      }

      /* Header kompakter und exakt ausgerichtet */
      .nc-header,
      .nc-header.is-scrolled{
        height:var(--nc-mobile-header-height);
        min-height:var(--nc-mobile-header-height);
      }

      .nc-header .nc-wrap,
      .nc-nav,
      .nc-header.is-scrolled .nc-nav{
        height:var(--nc-mobile-header-height);
        min-height:var(--nc-mobile-header-height);
      }

      .nc-header .nc-wrap{
        margin-left:20px !important;
        margin-right:20px !important;
      }

      .nc-logo{
        height:60px;
      }

      .nc-logo img{
        width:150px;
        min-width:150px;
        height:60px;
      }

      .nc-mobile-toggle{
        position:relative;
        width:52px;
        height:52px;
        min-width:52px;
        flex:0 0 52px;
        border-radius:17px;
        background:var(--nc-blue);
      }

      .nc-mobile-toggle::before{
        content:"";
        position:absolute;
        top:50%;
        left:50%;
        width:23px;
        height:2.5px;
        border-radius:999px;
        background:#fff;
        box-shadow:
          0 -7px 0 #fff,
          0 7px 0 #fff;
        transform:translate(-50%,-50%);
      }

      /* Hero ohne unnötigen Leerraum */
      .nc-hero{
        min-height:0;
        display:block;
        padding:150px 0 22px;
        background:
          linear-gradient(180deg,rgba(0,43,89,.12) 0%,rgba(0,43,89,.30) 48%,rgba(0,43,89,.78) 100%),
          url("https://neuss-convention.de/wp-content/uploads/2026/01/Hafenbecken_c_Melanie-Stegemann-scaled.jpg") 58% center/cover no-repeat;
      }

      .nc-hero::before{
        display:none !important;
        content:none !important;
      }

      .nc-hero-content{
        position:relative;
        width:auto;
        max-width:none;
        margin:0 var(--nc-mobile-gutter) !important;
        padding:24px 22px 22px;
        overflow:hidden;
        border:1px solid rgba(255,255,255,.22);
        border-radius:28px;
        color:#fff;
        background:
          linear-gradient(145deg,rgba(0,43,89,.95),rgba(0,43,89,.82));
        box-shadow:
          0 24px 55px rgba(0,43,89,.28),
          inset 0 1px 0 rgba(255,255,255,.16);
        backdrop-filter:blur(18px);
        -webkit-backdrop-filter:blur(18px);
      }

      .nc-hero-content::before{
        content:"";
        position:absolute;
        inset:0 0 auto 0;
        height:84px;
        pointer-events:none;
        background:linear-gradient(180deg,rgba(255,255,255,.08),transparent);
      }

      .nc-hero .nc-kicker{
        position:relative;
        z-index:1;
        margin-bottom:12px;
        color:rgba(255,255,255,.82);
        font-size:.64rem;
        line-height:1.4;
        letter-spacing:.10em;
      }

      .nc-hero .nc-kicker::before{
        width:22px;
        background:rgba(255,255,255,.86);
      }

      .nc-hero h1{
        position:relative;
        z-index:1;
        max-width:100%;
        margin-bottom:14px;
        color:#fff;
        font-size:clamp(2rem,9.2vw,2.55rem);
        line-height:1.02;
        letter-spacing:-.046em;
        hyphens:none;
      }

      .nc-hero .nc-lead{
        position:relative;
        z-index:1;
        margin-bottom:0;
        color:rgba(255,255,255,.78);
        font-size:.96rem;
        line-height:1.5;
      }

      /* Zwei gleichwertige, klar erkennbare Buttons */
      .nc-actions{
        position:relative;
        z-index:1;
        display:grid;
        grid-template-columns:1fr;
        gap:11px;
        margin-top:21px;
      }

      .nc-actions .nc-button{
        width:100%;
        min-height:55px;
        padding:0 18px;
        border-radius:18px;
        justify-content:center;
        font-size:.96rem;
        box-shadow:none;
      }

      .nc-actions .nc-button--white{
        color:var(--nc-blue);
        background:#fff;
        box-shadow:0 12px 28px rgba(0,0,0,.14);
      }

      .nc-actions .nc-button--outline{
        min-height:55px;
        padding:0 18px;
        border:1px solid rgba(255,255,255,.34);
        border-radius:18px;
        color:#fff;
        background:
          linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.08));
        box-shadow:
          inset 0 1px 0 rgba(255,255,255,.24),
          0 10px 26px rgba(0,0,0,.09);
        backdrop-filter:blur(15px);
        -webkit-backdrop-filter:blur(15px);
      }

      .nc-actions .nc-button--outline::after{
        content:none !important;
        display:none !important;
      }

      .nc-actions .nc-button:active{
        transform:scale(.985);
      }

      .nc-hero-badge{
        position:relative;
        z-index:1;
        width:auto;
        justify-content:flex-start;
        gap:10px;
        margin-top:17px;
        padding:0 2px;
        border:0;
        background:transparent;
        color:rgba(255,255,255,.67);
        font-size:.77rem;
        line-height:1.42;
        text-align:left;
      }

      .nc-hero-badge::before{
        content:"";
        width:8px;
        height:8px;
        flex:0 0 8px;
        border-radius:50%;
        background:#9bd268;
        box-shadow:0 0 0 5px rgba(155,210,104,.13);
      }

      .nc-metrics{
        margin-top:0;
        padding-top:14px;
        background:#fff;
      }
    }

    @media (max-width:390px){
      :root{
        --nc-mobile-header-height:84px;
      }

      .nc-header .nc-wrap{
        margin-left:18px !important;
        margin-right:18px !important;
      }

      .nc-logo img{
        width:142px;
        min-width:142px;
        height:56px;
      }

      .nc-mobile-toggle{
        width:50px;
        height:50px;
        min-width:50px;
        flex-basis:50px;
      }

      .nc-hero{
        padding-top:132px;
      }

      .nc-hero-content{
        padding:22px 18px 20px;
        border-radius:24px;
      }

      .nc-hero h1{
        font-size:1.9rem;
      }
    }