/* ═══════════════════════════════════════════════════
       CAMPWERK – Bootstrap Rebuild
         Topbar:        66px,  bg #f12935
         Navbar:        105px, bg #fff, max-w 1400px
         Font:          "Inter Tight"
    ═══════════════════════════════════════════════════ */
        #jtl-nav-wrapper  {
            display:none;
        }
        header {
            box-shadow: none !important;
        }
    :root {
      --cw-red:       #f12935;
      --cw-dark:      #1d1d1f;
      --cw-nav-text:  rgb(29,29,31);
      --cw-gray:      #6e6e73;
      --cw-border:    #cdcdcd;
      --cw-white:     #ffffff;
      --cw-topbar-h:  66px;
      --cw-navbar-h:  105px;
      --cw-max-w:     1400px;
      --cw-font:      "Inter Tight", sans-serif;
    }

    *, *::before, *::after { box-sizing: border-box; }

    .cw-header *:focus,
    .cw-header *:focus-visible,
    .cw-mega *:focus,
    .cw-mega *:focus-visible,
    .nav-around *:focus,
    .nav-around *:focus-visible {
      outline: none !important;
      box-shadow: none !important;
    }

    body {
      font-family: var(--cw-font);
      margin: 0;
      padding: 0;
      overflow-x: hidden;
    }

    /* ─── 1. TOPBAR ────────────────────────────────── */
    .cw-topbar {
      background: var(--cw-red);
      height: var(--cw-topbar-h);
      width: 100%;
      display: flex;
      align-items: center;
    }

    .cw-topbar-inner {
      max-width: 1200px;
      width: 100%;
      margin: 0 auto;
      padding: 0 10px;
      display: grid;
      grid-template-columns: 1fr 2fr;
      align-items: center;
      height: 100%;
    }

    .cw-countdown {
      display: flex;
      align-items: center;
      gap: 12px;
    }

    .cw-cd-label {
      color: var(--cw-white);
      font-size: 20px;
      font-weight: 700;
      letter-spacing: -0.12px;
      white-space: nowrap;
    }

    .cw-cd-timer {
      display: flex;
      align-items: flex-start;
      gap: 8px;
    }

    .cw-cd-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      color: var(--cw-white);
    }

    .cw-cd-num {
      font-size: 21px;
      font-weight: 500;
      line-height: 1;
      letter-spacing: -0.12px;
    }

    .cw-cd-lbl {
      font-size: 6px;
      text-transform: uppercase;
      line-height: 1.4;
      letter-spacing: 0.05em;
    }

    .cw-topbar-center {
      text-align: center;
    }

    .cw-topbar-center a {
      color: var(--cw-white);
      font-size: 26px;
      font-weight: 600;
      text-decoration: none;
      letter-spacing: -0.12px;
      line-height: 1;
    }

    .cw-topbar-center a:hover { text-decoration: underline; }

    .cw-topbar-right {
      display: none;
      flex-direction: column;
      align-items: flex-end;
      gap: 2px;
      color: var(--cw-white);
    }

    .cw-topbar-right a {
      color: var(--cw-white);
      font-size: 15px;
      font-weight: 600;
      text-decoration: none;
    }

    .cw-topbar-right a:hover { text-decoration: underline; }

    /* ─── 2. HEADER (sticky) ───────────────────────── */
    .cw-header {
      position: sticky;
      top: 0;
      z-index: 1000;
      background: var(--cw-white);
    }

    .cw-navbar {
      width: 100%;
      height: var(--cw-navbar-h);
      background: var(--cw-white);
    }

    .cw-navbar-inner {
      max-width: var(--cw-max-w);
      width: 100%;
      margin: 0 auto;
      padding: 10px 0;
      height: 100%;
      display: flex;
      align-items: center;
    }

    /* Logo */
    .logo-around {
      width: 15%;
      text-align: center;
    }

    .cw-logo {
      align-items: center;
      text-decoration: none;
    }

    .cw-logo img {
      height: 63px !important;
      width: 150px;
      object-fit: contain;
      object-position: left center;
    }

    /* ─── 3. NAV ───────────────────────────────────── */
    .nav-around {
      width: 67%;
    }

    .cw-nav {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100%;
      list-style: none;
      margin: 0;
      padding: 0;
      flex: 1;
    }

    .cw-nav > li {
      height: 100%;
      display: flex;
      align-items: center;
    }

    .cw-nav-link {
      display: inline-flex;
      align-items: center;
      gap: 3px;
      height: 100%;
      padding: 0 11px;
      font-family: var(--cw-font);
      font-size: 14px;
      font-weight: 500;
      letter-spacing: -0.12px;
      line-height: 21px;
      color: var(--cw-nav-text);
      text-decoration: none;
      background: none;
      border: none;
      cursor: pointer;
      white-space: nowrap;
      transition: color 0.15s;
    }

    .cw-nav-link:hover,
    .cw-nav > li.cw-open > .cw-nav-link {
      color: var(--cw-red);
    }

    .cw-arr {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 14px;
      height: 21px;
      transition: transform 0.2s;
    }

    .cw-arr svg {
      width: 8px;
      height: auto;
      fill: currentColor;
    }

    .cw-nav > li.cw-open > .cw-nav-link .cw-arr {
      transform: rotate(180deg);
    }

    /* ─── 4. RECHTE SEITE ──────────────────────────── */
    .cw-right {
      flex-shrink: 0;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      width: 18%;
      flex-direction: column;
    }

    .cw-social {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      padding: 10px;
    }

    .cw-social a {
      display: flex;
      align-items: center;
      color: var(--cw-dark);
      font-size: 22px;
      line-height: 1;
      text-decoration: none;
      transition: color 0.15s;
    }

    .cw-social a:hover { color: var(--cw-red); }

    .cw-social .tiktok {
      width: 20px;
      height: 20px;
      fill: currentColor;
    }

    .cw-burger {
      display: none;
      background: none;
      border: none;
      font-size: 28px;
      color: var(--cw-dark);
      cursor: pointer;
      padding: 4px;
      line-height: 1;
      flex-shrink: 0;
    }

    /* ─── 5. MEGA-MENU (Desktop) ───────────────────── */
    .cw-mega {
      display: none;
      position: fixed;
      left: 0;
      right: 0;
      top: 0;
      width: 100%;
      background: var(--cw-white);
      z-index: 990;
    }

    .cw-mega.cw-open { display: block; }

    .cw-mega-body {
      max-width: 1025px;
      margin: 0 auto;
      padding: 0 0 36px;
      display: flex;
      gap: 0;
    }

    .cw-col {
      flex: 1;
      padding: 0 28px;
    }

    .cw-col:first-child { padding-left: 0; }

    .cw-col-hd {
      font-size: 12px;
      font-weight: 400;
      line-height: 12px;
      letter-spacing: -0.12px;
      color: var(--cw-gray);
      margin-bottom: 18px;
    }

    .cw-col.cw-col-primary .cw-col-hd {
      color: var(--cw-dark);
    }

    .cw-col-primary ul {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .cw-col-primary ul li { margin-bottom: 0; }
    .cw-col-primary ul li:first-child a { margin-top: 6px; }

    .cw-col-primary ul a {
      font-family: var(--cw-font);
      font-size: 24px;
      font-weight: 600;
      line-height: 24px;
      letter-spacing: -0.12px;
      color: var(--cw-dark);
      text-decoration: none;
      display: block;
      padding-top: 7px;
      padding-bottom: 5px;
      transition: color .15s;
    }

    .cw-col-primary ul a:hover { color: var(--cw-red); }

    .cw-col-secondary ul {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .cw-col-secondary ul li { margin-bottom: 0; }

    .cw-col-secondary ul li:first-child a {
      margin-top: 6px;
      padding: 7px 11px 7px 0;
    }

    .cw-col-secondary ul a {
      font-family: var(--cw-font);
      font-size: 12px;
      font-weight: 600;
      line-height: 12px;
      letter-spacing: -0.12px;
      color: var(--cw-dark);
      text-decoration: none;
      display: block;
      padding: 9px 11px 7px 0;
      transition: color .15s;
    }

    .cw-col-secondary ul a:hover { color: var(--cw-red); }

    .loc { color: var(--cw-gray); font-weight: 600; }

    .cw-kategorie-cols {
      display: flex;
      gap: 0;
    }
    .cw-kategorie-cols ul {
      flex: 1;
      list-style: none;
      padding: 0;
      margin: 0;
    }

    /* ─── 6. OVERLAY ───────────────────────────────── */
    .cw-overlay {
      display: none;
      position: fixed;
      inset: 0;
      background: rgba(0,0,0,.28);
      z-index: 900;
    }
    .cw-overlay.cw-open { display: block; }

    /* ─── 7. RESPONSIVE ────────────────────────────── */
    @media (max-width: 1199.98px) {
      .cw-topbar-right { display: none !important; }
      .cw-topbar-inner { grid-template-columns: 1fr 1fr; }
    }

    @media (max-width: 1025px) {
      :root { --cw-navbar-h: 56px; }

      .cw-countdown { display: none !important; }
      .cw-topbar-inner { grid-template-columns: 1fr; }
      .cw-topbar-center a { font-size: 14px; }

      /* ── Navbar: Logo links · Icons rechts ─── */
      .cw-social-icon { display: none !important; }
      .cw-burger { display: flex; order: 3; margin-left: 15px; }

      .cw-navbar { height: var(--cw-navbar-h); }
      .cw-navbar-inner { padding: 0 20px; }
      .logo-around {
        position: static;
        transform: none;
        width: auto;
        margin-right: auto;
        order: 1;
      }
      .cw-logo img { height: 36px !important; width: auto; }
      .cw-right {
        order: 2;
        width: auto;
        flex-direction: row;
        align-items: center;
      }
      .cw-social {
        width: auto;
        padding: 0;
        gap: 22px;
      }

      /* ── Drawer (slide von rechts, Vollbild) ── */
      .nav-around {
        position: fixed !important;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100% !important;
        background: #fff;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        z-index: 1050;
        padding: 0;
        transform: translateX(100%);
        transition: transform .32s cubic-bezier(.4,0,.2,1);
      }
      .nav-around.cw-open { transform: translateX(0); }

      /* ── Level-1 Header: ‹ links · × rechts ── */
      .cw-drawer-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: var(--cw-navbar-h);
        padding: 0 20px;
        position: sticky;
        top: 0;
        background: #fff;
        z-index: 1;
      }

      /* ── Level 1: Hauptmenü ────────────────── */
      .cw-nav {
        flex-direction: column;
        height: auto;
        align-items: stretch;
        justify-content: flex-start;
        list-style: none;
        margin: 0;
        padding: 4px 0 0;
      }
      .cw-nav > li {
        height: auto;
        display: block;
        border-bottom: none;
      }
      .cw-nav-link {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: auto;
        padding: 14px 28px;
        font-size: 22px;
        font-weight: 600;
        letter-spacing: -0.3px;
        border-bottom: none;
        width: 100%;
        white-space: nowrap;
        color: #1d1d1f;
      }
      .cw-nav-link:hover,
      .cw-nav > li.cw-open > .cw-nav-link { color: #1d1d1f; }

      /* Pfeil → rechts */
      .cw-arr svg { width: 9px; transform: rotate(-90deg); opacity: 0.28; }
      .cw-nav > li.cw-open > .cw-nav-link .cw-arr { transform: none; }
      .cw-nav > li.cw-open > .cw-nav-link .cw-arr svg { transform: rotate(-90deg); opacity: 0.28; }

      /* ── Level 2: Vollbild-Panel ───────────── */
      .cw-mega {
        display: block !important;
        position: fixed !important;
        top: 0 !important;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        background: #fff;
        z-index: 1200;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        transform: translateX(100%);
        transition: transform .35s cubic-bezier(.4,0,.2,1);
        visibility: hidden;
        padding: 0;
        box-shadow: none;
      }
      .cw-mega.cw-open { transform: translateX(0); visibility: visible; }

      /* ── Level-2 Header: ‹ links · × rechts ── */
      .cw-mega-back-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: var(--cw-navbar-h);
        padding: 0 20px;
        border-bottom: none;
        position: sticky;
        top: 0;
        background: #fff;
        z-index: 1;
      }
      .cw-back-btn {
        display: flex;
        align-items: center;
        background: none;
        border: none;
        color: #1d1d1f;
        font-size: 22px;
        cursor: pointer;
        padding: 0;
        line-height: 1;
      }
      .cw-mega-close-btn {
        display: flex;
        align-items: center;
        background: none;
        border: none;
        color: #1d1d1f;
        font-size: 20px;
        cursor: pointer;
        padding: 0;
        line-height: 1;
      }

      /* ── Level-2 Inhalt ────────────────────── */
      .cw-mega-body { flex-direction: column; max-width: 100%; padding: 0; gap: 0; }
      .cw-col { padding: 0; flex: none; width: 100%; }
      .cw-col:first-child { padding-left: 0; }
      .cw-col-secondary { margin-top: 24px; }
      .cw-col-hd {
        font-size: 11px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: .09em;
        color: var(--cw-gray);
        padding: 0 28px 10px;
        margin: 0;
      }
      .cw-col-primary .cw-col-hd { padding-top: 16px; }
      .cw-col-primary ul,
      .cw-col-secondary ul { list-style: none; padding: 0; margin: 0; }
      .cw-col-primary ul li:first-child a { margin-top: 0; }
      .cw-col-primary ul a {
        display: block;
        font-size: 20px;
        font-weight: 700;
        letter-spacing: -0.2px;
        line-height: 1.2;
        color: #1d1d1f;
        padding: 11px 28px;
        border-bottom: none;
        text-decoration: none;
      }
      .cw-col-secondary ul li:first-child a { margin-top: 0; padding: 9px 28px; }
      .cw-col-secondary ul a {
        display: block;
        font-size: 15px;
        font-weight: 600;
        line-height: 1.3;
        color: #1d1d1f;
        padding: 9px 28px;
        border-bottom: none;
        text-decoration: none;
      }
    }

    @media (min-width: 1026px) {
      .nav-around {
        transform: none !important;
        position: static !important;
      }
      .cw-mega-back-header,
      .cw-drawer-header { display: none; }
    }

    .cw-header.scrolled .cw-mega {
      top: var(--cw-navbar-h);
    }