/* MHL VISITOR DASHBOARD V2.6-R2 — SAFE MARITIME */
.mhl-visitor-v2{
  --white:#f6fdff;
  --text:#d5e8ed;
  --soft:#a8c4cc;
  --soft2:#82a8b3;
  --cyan:#6ce3f1;
  --aqua:#7be6cc;
  width:min(1500px,calc(100% - 34px));
  margin:18px auto 58px;
  position:relative;
  z-index:9999;
  color:var(--white);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.mhl-visitor-v2 *{box-sizing:border-box}
.mhl-visitor-v2 button{font:inherit}

.mhl-v2-hero,
.mhl-v2-card,
.mhl-v2-security{
  border:1px solid rgba(207,245,253,.17);
  box-shadow:
    0 22px 62px rgba(0,11,20,.34),
    inset 0 1px 0 rgba(255,255,255,.10);
  backdrop-filter:blur(18px) saturate(145%);
  -webkit-backdrop-filter:blur(18px) saturate(145%);
}

/* ===================== HERO ===================== */

.mhl-v2-hero{
  position:relative;
  min-height:276px;
  overflow:hidden;
  border-radius:30px;
  background:
    linear-gradient(
      135deg,
      rgba(3,23,37,.89),
      rgba(7,57,70,.70) 52%,
      rgba(2,24,37,.92)
    ),
    rgba(3,28,41,.78);
}

.mhl-v2-hero-aura{
  position:absolute;
  inset:-20%;
  pointer-events:none;
  background:
    radial-gradient(circle at 79% 16%,rgba(66,219,239,.20),transparent 24%),
    radial-gradient(circle at 20% 52%,rgba(54,160,187,.10),transparent 28%),
    linear-gradient(
      120deg,
      transparent 36%,
      rgba(255,255,255,.06) 50%,
      transparent 66%
    );
  animation:mhlV26R2Aura 15s ease-in-out infinite alternate;
}

@keyframes mhlV26R2Aura{
  from{transform:translateX(-2%) scale(1)}
  to{transform:translateX(4%) scale(1.035)}
}

.mhl-v2-wave{
  position:absolute;
  left:-8%;
  width:116%;
  border-radius:50% 50% 0 0/100% 100% 0 0;
  pointer-events:none;
}

.mhl-v2-wave.wave-a{
  bottom:-115px;
  height:175px;
  background:rgba(44,195,220,.10);
  animation:mhlV26R2WaveA 10s ease-in-out infinite alternate;
}

.mhl-v2-wave.wave-b{
  bottom:-132px;
  height:145px;
  background:rgba(115,238,216,.055);
  animation:mhlV26R2WaveB 8s ease-in-out infinite alternate;
}

@keyframes mhlV26R2WaveA{
  from{transform:translateX(-1.4%) rotate(-.25deg)}
  to{transform:translateX(1.5%) rotate(.25deg)}
}

@keyframes mhlV26R2WaveB{
  from{transform:translateX(1.5%) scaleX(1.01)}
  to{transform:translateX(-1.5%) scaleX(1.03)}
}

.mhl-v2-hero-inner{
  position:relative;
  z-index:4;
  padding:18px 38px 24px;
}

.mhl-v2-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:26px;
}

/* Digitaler Kurs – keine Pill */
.mhl-v2-course-brand{
  display:flex;
  align-items:center;
  gap:12px;
}

.mhl-v2-course-icon{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  color:#75e0f0;
}

.mhl-v2-course-icon svg{
  width:42px;
  height:42px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.35;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 10px rgba(77,220,239,.18));
}

.mhl-v2-course-copy small{
  display:block;
  color:#76d7e7;
  font-size:9px;
  font-weight:950;
  letter-spacing:.18em;
}

.mhl-v2-course-copy strong{
  display:block;
  margin-top:1px;
  color:#fff;
  font-size:17px;
  letter-spacing:.03em;
  font-weight:900;
  text-shadow:0 2px 15px rgba(0,0,0,.28);
}

/* Countdown bewusst ohne Rahmen */
.mhl-v2-refresh{
  min-width:255px;
  padding:1px 0 0;
  background:transparent;
  border:0;
  box-shadow:none;
  text-align:right;
}

.mhl-v2-refresh-label{
  display:block;
  color:#8fb8c3;
  font-size:9px;
  font-weight:950;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.mhl-v2-refresh-row{
  display:flex;
  align-items:baseline;
  justify-content:flex-end;
  gap:13px;
  margin-top:3px;
}

.mhl-v2-refresh-countdown{
  color:#fff;
  font-size:30px;
  line-height:1;
  font-weight:950;
  letter-spacing:.035em;
  font-variant-numeric:tabular-nums;
  text-shadow:0 3px 20px rgba(0,0,0,.42);
}

.mhl-v2-refresh-state{
  color:#6de1f1;
  font-size:9px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.mhl-v2-updated{
  display:block;
  margin-top:4px;
  color:#a7c4cd;
  font-size:10px;
  line-height:1.35;
}

/* Nautische Icons */
.mhl-v2-nautical-row{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:17px;
  margin:11px 0 9px;
}

.mhl-v2-nautical-icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  color:#71ddeb;
  background:rgba(112,224,238,.045);
  border-radius:50%;
  box-shadow:
    0 0 0 1px rgba(147,231,242,.10),
    inset 0 1px 0 rgba(255,255,255,.08);
}

.mhl-v2-nautical-icon:nth-child(2){
  color:#82e5d1;
}

.mhl-v2-nautical-icon:nth-child(3){
  color:#69d7eb;
}

.mhl-v2-nautical-icon svg{
  width:31px;
  height:31px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.25;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 9px rgba(73,214,235,.16));
}

/* Haupttitel */
.mhl-v2-main-title{
  text-align:center;
}

.mhl-v2-dach-kicker{
  display:block;
  color:#92d6df;
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  text-shadow:0 2px 12px rgba(0,0,0,.24);
}

.mhl-v2-hero h1{
  margin:6px auto 7px;
  max-width:1150px;
  color:#fff;
  font-size:clamp(42px,4.45vw,65px);
  line-height:.97;
  letter-spacing:-.055em;
  text-shadow:0 5px 27px rgba(0,0,0,.44);
}

.mhl-v2-lead{
  max-width:920px;
  margin:0 auto;
  color:#d8ebef;
  font-size:15px;
  line-height:1.48;
  text-shadow:0 2px 12px rgba(0,0,0,.28);
}

/* Kapitänslog: nur freie Typografie */
.mhl-v2-captainlog{
  display:flex;
  justify-content:center;
  align-items:baseline;
  flex-wrap:wrap;
  gap:9px;
  margin-top:10px;
}

.mhl-v2-captainlog span{
  color:#64d9ea;
  font-size:9px;
  font-weight:950;
  letter-spacing:.18em;
}

.mhl-v2-captainlog strong{
  color:#f6feff;
  font-size:15px;
  font-weight:850;
  text-shadow:0 2px 13px rgba(0,0,0,.31);
}

/* DACH + Schutzstatus ohne Pill-Orgie */
.mhl-v2-course-status{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:7px 18px;
  margin-top:10px;
  color:#b7ced4;
  font-size:10px;
  font-weight:820;
}

.mhl-v2-course-status span{
  display:inline-flex;
  align-items:center;
  gap:6px;
}

.status-dot{
  width:6px;
  height:6px;
  border-radius:50%;
  display:inline-block;
}

.status-ok{
  background:#63e3a8;
  box-shadow:0 0 10px rgba(88,224,166,.45);
}

.status-secure{
  background:#63e0f0;
  box-shadow:0 0 10px rgba(76,215,236,.40);
}

.status-protected{
  color:#81e7bd;
}

/* ===================== SECURITY ===================== */

.mhl-v2-security{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:17px;
  align-items:center;
  margin-top:14px;
  padding:17px 20px;
  border-radius:21px;
  background:
    linear-gradient(
      105deg,
      rgba(5,42,52,.83),
      rgba(4,31,43,.68)
    ),
    rgba(4,29,40,.70);
}

.mhl-v2-security-icon{
  width:50px;
  height:50px;
  display:grid;
  place-items:center;
  color:#72e9be;
  background:rgba(69,224,177,.075);
  border:1px solid rgba(103,233,190,.20);
  border-radius:15px;
  box-shadow:
    0 0 25px rgba(51,223,176,.08),
    inset 0 1px 0 rgba(255,255,255,.08);
}

.mhl-v2-security-icon svg{
  width:29px;
  height:29px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.mhl-v2-security-copy h2{
  margin:2px 0 4px;
  color:#f6ffff;
  font-size:21px;
}

.mhl-v2-security-copy p{
  margin:0;
  color:#d0e4e9;
  font-size:12px;
  line-height:1.52;
}

.mhl-v2-security-copy p strong{
  color:#74efba;
  font-size:18px;
  font-variant-numeric:tabular-nums;
}

.mhl-v2-security-copy small{
  display:block;
  margin-top:4px;
  color:#98b7c1;
  font-size:10px;
  line-height:1.42;
}

.mhl-v2-security-stat{
  min-width:180px;
  text-align:right;
}

.mhl-v2-security-stat strong{
  display:block;
  color:#f5fdff;
  font-size:30px;
  line-height:1;
  font-variant-numeric:tabular-nums;
}

.mhl-v2-security-stat span{
  display:block;
  margin-top:5px;
  color:#9ebbc4;
  font-size:9px;
  line-height:1.35;
}

/* ===================== KPI ===================== */

.mhl-v2-kpis{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:13px;
  margin-top:13px;
}

.mhl-v2-card{
  border-radius:21px;
  background:
    linear-gradient(
      145deg,
      rgba(7,36,49,.74),
      rgba(3,24,35,.80)
    ),
    rgba(5,28,40,.72);
}

.mhl-v2-kpi{
  position:relative;
  min-height:168px;
  padding:21px;
  overflow:hidden;
}

.mhl-v2-kpi::after{
  content:"";
  position:absolute;
  right:-45px;
  top:-45px;
  width:115px;
  height:115px;
  border-radius:50%;
  background:rgba(71,215,239,.07);
  filter:blur(5px);
}

.mhl-v2-label,
.mhl-v2-section-kicker{
  color:#91bdc8;
  font-size:10px;
  font-weight:950;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.mhl-v2-kpi strong{
  display:block;
  margin:9px 0 4px;
  color:#f7fdff;
  font-size:clamp(37px,3.4vw,53px);
  line-height:1;
  letter-spacing:-.045em;
  font-variant-numeric:tabular-nums;
  text-shadow:0 4px 21px rgba(0,0,0,.30);
}

.mhl-v2-kpi small{
  display:block;
  color:#bad1d8;
  font-size:12px;
}

.mhl-v2-kpi em{
  display:block;
  margin-top:8px;
  max-width:96%;
  color:#84aab5;
  font-size:10px;
  font-style:normal;
  line-height:1.43;
}

/* ===================== CHART ===================== */

.mhl-v2-grid{
  display:grid;
  grid-template-columns:minmax(0,1.72fr) minmax(330px,.88fr);
  gap:15px;
  margin-top:15px;
}

.mhl-v2-chart-card,
.mhl-v2-country-card{
  padding:23px;
}

.mhl-v2-section-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
}

.mhl-v2-section-head h2{
  margin:5px 0 4px;
  color:#f5fdff;
  font-size:24px;
  letter-spacing:-.025em;
}

.mhl-v2-section-head p{
  margin:0;
  color:#abc5cd;
  font-size:12px;
}

.mhl-v2-range{
  display:inline-flex;
  gap:3px;
  padding:4px;
  border-radius:13px;
  background:rgba(2,17,27,.45);
  border:1px solid rgba(192,236,246,.12);
}

.mhl-v2-range button{
  min-width:63px;
  height:34px;
  border:1px solid transparent;
  border-radius:9px;
  background:transparent;
  color:#a9c4cb;
  cursor:pointer;
  font-size:10px;
  font-weight:950;
}

.mhl-v2-range button:hover{
  color:#fff;
  background:rgba(255,255,255,.05);
}

.mhl-v2-range button[aria-selected="true"]{
  color:#fff;
  background:rgba(54,205,232,.12);
  border-color:rgba(108,227,245,.20);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
}

.mhl-v2-chart-shell{
  position:relative;
  height:348px;
  margin-top:13px;
  overflow:hidden;
  border-radius:17px;
  background:
    linear-gradient(180deg,rgba(206,246,251,.023),rgba(2,20,31,.06)),
    rgba(1,19,29,.12);
  border:1px solid rgba(183,231,240,.07);
}

.mhl-v2-chart-glow{
  position:absolute;
  inset:8% 8% 16% 8%;
  pointer-events:none;
  background:
    radial-gradient(
      ellipse at 45% 55%,
      rgba(57,213,239,.09),
      transparent 58%
    );
  filter:blur(20px);
}

.mhl-v2-chart-shell canvas{
  position:relative;
  z-index:2;
  display:block;
  width:100%;
  height:100%;
}

.mhl-v2-chart-footer{
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin-top:8px;
  color:#94b5bf;
  font-size:10px;
}

.mhl-v2-empty{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:#a7c1c9;
  font-size:12px;
}

/* ===================== COUNTRIES ===================== */

.mhl-v2-country-list{
  display:grid;
  gap:10px;
  margin-top:18px;
}

.mhl-v2-country{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  padding:13px;
  border-radius:16px;
  background:rgba(207,246,253,.06);
  border:1px solid rgba(194,237,246,.10);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 8px 23px rgba(0,0,0,.12);
}

.mhl-v2-country-flag{
  width:35px;
  height:35px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(212,243,249,.12);
  font-size:21px;
}

.mhl-v2-country-name{
  min-width:0;
  color:#eefcff;
  font-size:13px;
  font-weight:900;
}

.mhl-v2-country-name small{
  display:block;
  margin-top:2px;
  color:#7fa9b4;
  font-size:9px;
  letter-spacing:.08em;
}

.mhl-v2-country-value{
  color:#fff;
  font-size:20px;
  font-variant-numeric:tabular-nums;
}

.mhl-v2-large-compass{
  display:grid;
  place-items:center;
  margin-top:18px;
  opacity:.64;
}

.mhl-v2-large-compass svg{
  width:78px;
  height:78px;
  fill:none;
  stroke:#67d9eb;
  stroke-width:1.15;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 12px rgba(68,213,237,.13));
  animation:mhlV26R2Compass 7s ease-in-out infinite;
}

.mhl-v2-large-compass text{
  fill:#69cfdf;
  stroke:none;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif;
  font-size:5px;
  font-weight:900;
  letter-spacing:.06em;
}

@keyframes mhlV26R2Compass{
  0%,100%{transform:rotate(-1.5deg) scale(1)}
  50%{transform:rotate(1.5deg) scale(1.025)}
}

/* ===================== INFO ===================== */

.mhl-v2-info{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:17px;
  align-items:start;
  margin-top:15px;
  padding:22px;
}

.mhl-v2-info-icon{
  width:43px;
  height:43px;
  display:grid;
  place-items:center;
  border-radius:14px;
  color:#72def2;
  background:rgba(59,203,232,.09);
  border:1px solid rgba(107,227,243,.18);
}

.mhl-v2-info-icon svg{
  width:25px;
  height:25px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.mhl-v2-info h2{
  margin:4px 0 7px;
  color:#f4fdff;
  font-size:20px;
}

.mhl-v2-info p{
  margin:0;
  max-width:1100px;
  color:#bad1d8;
  font-size:12px;
  line-height:1.68;
}

.mhl-v2-rule-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-top:14px;
}

.mhl-v2-rule-grid span{
  padding:9px 10px;
  border-radius:11px;
  color:#a9c3ca;
  background:rgba(220,248,253,.05);
  border:1px solid rgba(193,237,246,.08);
  font-size:10px;
}

.mhl-v2-rule-grid b{
  color:#ebfbff;
}

.mhl-v2-loading{
  padding:15px 2px;
  color:#9dbac4;
  font-size:11px;
}

.mhl-v2-error{
  margin-top:14px;
  padding:13px 15px;
  border-radius:14px;
  color:#ffe6e6;
  background:rgba(95,18,24,.72);
  border:1px solid rgba(255,156,166,.30);
  font-size:11px;
}

/* ===================== RESPONSIVE ===================== */

@media(max-width:1120px){
  .mhl-v2-top{
    align-items:stretch;
  }

  .mhl-v2-refresh{
    min-width:220px;
  }

  .mhl-v2-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .mhl-v2-grid{
    grid-template-columns:1fr;
  }

  .mhl-v2-security{
    grid-template-columns:auto minmax(0,1fr);
  }

  .mhl-v2-security-stat{
    grid-column:2;
    padding-top:9px;
    border-top:1px solid rgba(194,237,246,.10);
    text-align:left;
  }
}

@media(max-width:760px){
  .mhl-v2-hero-inner{
    padding:17px 18px 22px;
  }

  .mhl-v2-top{
    flex-direction:column;
    gap:10px;
  }

  .mhl-v2-refresh{
    min-width:0;
    text-align:left;
  }

  .mhl-v2-refresh-row{
    justify-content:flex-start;
  }

  .mhl-v2-nautical-row{
    margin-top:8px;
  }

  .mhl-v2-main-title{
    text-align:left;
  }

  .mhl-v2-hero h1{
    margin-left:0;
    margin-right:0;
    font-size:39px;
  }

  .mhl-v2-lead{
    margin-left:0;
    margin-right:0;
  }

  .mhl-v2-captainlog{
    justify-content:flex-start;
  }

  .mhl-v2-course-status{
    justify-content:flex-start;
  }

  .mhl-v2-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:650px){
  .mhl-visitor-v2{
    width:calc(100% - 14px);
    margin-top:9px;
  }

  .mhl-v2-hero{
    border-radius:22px;
  }

  .mhl-v2-course-icon{
    width:38px;
    height:38px;
  }

  .mhl-v2-course-icon svg{
    width:36px;
    height:36px;
  }

  .mhl-v2-nautical-row{
    gap:10px;
  }

  .mhl-v2-nautical-icon{
    width:42px;
    height:42px;
  }

  .mhl-v2-nautical-icon svg{
    width:28px;
    height:28px;
  }

  .mhl-v2-dach-kicker{
    font-size:9px;
  }

  .mhl-v2-hero h1{
    font-size:35px;
  }

  .mhl-v2-lead{
    font-size:13px;
  }

  .mhl-v2-captainlog strong{
    font-size:13px;
  }

  .mhl-v2-course-status{
    gap:6px 12px;
    font-size:9px;
  }

  .mhl-v2-security{
    padding:15px;
    border-radius:18px;
  }

  .mhl-v2-security-icon{
    width:43px;
    height:43px;
  }

  .mhl-v2-kpi{
    min-height:143px;
    padding:16px;
    border-radius:17px;
  }

  .mhl-v2-kpi strong{
    font-size:32px;
  }

  .mhl-v2-grid{
    gap:10px;
    margin-top:10px;
  }

  .mhl-v2-chart-card,
  .mhl-v2-country-card,
  .mhl-v2-info{
    padding:17px;
    border-radius:18px;
  }

  .mhl-v2-section-head{
    flex-direction:column;
  }

  .mhl-v2-range{
    align-self:flex-start;
  }

  .mhl-v2-chart-shell{
    height:270px;
  }

  .mhl-v2-rule-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(prefers-reduced-motion:reduce){
  .mhl-v2-hero-aura,
  .mhl-v2-wave,
  .mhl-v2-large-compass{
    animation:none;
  }
}

/* ==========================================================================
   MHL V2.8 — MARITIME GLASS / PREMIUM UPDATE / MARINE LIFE
   Bewusst als CSS-Layer: keine zusätzlichen Blade-Komponenten.
   ========================================================================== */

/* ----------------------------- HERO GLASS ----------------------------- */

.mhl-visitor-v2 .mhl-v2-hero{
  background:
    radial-gradient(
      circle at 84% 17%,
      rgba(70,222,242,.18),
      transparent 22%
    ),
    radial-gradient(
      circle at 21% 68%,
      rgba(70,163,190,.09),
      transparent 29%
    ),
    linear-gradient(
      135deg,
      rgba(2,25,39,.89),
      rgba(5,58,71,.68) 52%,
      rgba(2,23,36,.93)
    );
  border-color:rgba(207,245,253,.19);
  box-shadow:
    0 26px 72px rgba(0,9,17,.38),
    inset 0 1px 0 rgba(255,255,255,.11),
    inset 0 0 55px rgba(76,214,235,.035);
}

/* stärkere Lesbarkeit des zentralen Einstiegs */
.mhl-visitor-v2 .mhl-v2-lead{
  color:#e4f3f6;
  font-size:17px;
  line-height:1.56;
  max-width:980px;
  text-shadow:0 3px 16px rgba(0,0,0,.34);
}

.mhl-visitor-v2 .mhl-v2-lead strong{
  color:#ffffff;
  font-weight:950;
}

/* ----------------------- PREMIUM UPDATE CARD -------------------------- */

.mhl-visitor-v2 .mhl-v2-refresh{
  position:relative;
  min-width:330px;
  min-height:112px;
  display:grid;
  grid-template-columns:78px minmax(0,1fr);
  align-items:center;
  gap:13px;
  padding:9px 15px 9px 9px;

  background:
    linear-gradient(
      145deg,
      rgba(8,47,60,.72),
      rgba(2,23,35,.84)
    );

  border:1px solid rgba(181,238,248,.18);
  border-radius:24px;

  box-shadow:
    0 18px 42px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(74,213,234,.07);

  text-align:left;

  backdrop-filter:blur(19px) saturate(155%);
  -webkit-backdrop-filter:blur(19px) saturate(155%);
}

/* Kompass vollständig CSS-gezeichnet */
.mhl-visitor-v2 .mhl-v2-refresh::before{
  content:"";
  position:absolute;
  left:10px;
  top:50%;
  width:64px;
  height:64px;
  transform:translateY(-50%);
  border-radius:50%;

  background:
    radial-gradient(
      circle at center,
      rgba(99,225,239,.10) 0 5%,
      transparent 6% 41%,
      rgba(101,222,237,.24) 42% 43%,
      transparent 44% 62%,
      rgba(101,222,237,.15) 63% 64%,
      transparent 65%
    );

  box-shadow:
    0 0 25px rgba(63,215,237,.11),
    inset 0 0 15px rgba(83,218,235,.07);

  opacity:.92;
}

/* Kompassnadel + Lichtreflex */
.mhl-visitor-v2 .mhl-v2-refresh::after{
  content:"";
  position:absolute;
  left:33px;
  top:50%;
  width:38px;
  height:2px;
  transform:translate(-50%,-50%) rotate(-42deg);

  background:
    linear-gradient(
      90deg,
      transparent 0 28%,
      rgba(132,239,245,.85) 29% 70%,
      transparent 71%
    );

  box-shadow:
    0 0 10px rgba(82,220,238,.38);

  border-radius:999px;
  opacity:.82;
}

.mhl-visitor-v2 .mhl-v2-refresh-content{
  position:relative;
  z-index:3;
}

.mhl-visitor-v2 .mhl-v2-refresh-label{
  color:#9ac4ce;
  font-size:10px;
  font-weight:950;
  letter-spacing:.16em;
}

.mhl-visitor-v2 .mhl-v2-refresh-row{
  justify-content:flex-start;
  gap:12px;
  margin-top:4px;
}

.mhl-visitor-v2 .mhl-v2-refresh-countdown{
  color:#ffffff;
  font-size:33px;
  line-height:1;
  letter-spacing:.025em;
  text-shadow:
    0 3px 18px rgba(0,0,0,.46),
    0 0 24px rgba(73,217,238,.09);
}

.mhl-visitor-v2 .mhl-v2-refresh-state{
  color:#6de2f1;
  font-size:10px;
  font-weight:950;
  letter-spacing:.09em;
}

.mhl-visitor-v2 .mhl-v2-updated{
  color:#b3cdd4;
  font-size:10px;
  line-height:1.35;
}

/* ------------------------------ MARINE LIFE -------------------------- */
/*
   Die Fische entstehen komplett per CSS.
   Keine zusätzlichen HTML-/Blade-Knoten => kein neues Runtime-Risiko.
*/

.mhl-visitor-v2 .mhl-v2-hero-aura{
  overflow:visible;
  pointer-events:none;
}

/* Fish silhouette */
.mhl-visitor-v2 .mhl-v2-hero-aura::before,
.mhl-visitor-v2 .mhl-v2-hero-aura::after,
.mhl-visitor-v2 .mhl-v2-wave.wave-a::before,
.mhl-visitor-v2 .mhl-v2-wave.wave-b::after{
  content:"";
  position:absolute;
  width:56px;
  height:25px;
  z-index:2;

  background:
    radial-gradient(
      circle at 23% 31%,
      rgba(182,248,250,.95) 0 2px,
      transparent 3px
    ),
    linear-gradient(
      145deg,
      rgba(87,215,229,.55),
      rgba(37,142,163,.12)
    );

  clip-path:polygon(
    0 50%,
    17% 9%,
    60% 16%,
    100% 0,
    83% 50%,
    100% 100%,
    60% 84%,
    17% 91%
  );

  filter:drop-shadow(0 4px 11px rgba(0,0,0,.35))
         drop-shadow(0 0 12px rgba(73,215,234,.12));

  opacity:.72;
}

/* schwimmender Fisch 1 */
.mhl-visitor-v2 .mhl-v2-hero-aura::before{
  left:-90px;
  bottom:37px;
  animation:mhlV28FishCruiseA 25s linear infinite;
}

/* schwimmender Fisch 2 */
.mhl-visitor-v2 .mhl-v2-hero-aura::after{
  left:-130px;
  bottom:78px;
  width:43px;
  height:20px;
  opacity:.46;
  transform:scaleX(-1);

  animation:mhlV28FishCruiseB 32s linear infinite 6s;
}

/* springender Fisch 1 */
.mhl-visitor-v2 .mhl-v2-wave.wave-a::before{
  left:38%;
  bottom:14px;
  width:50px;
  height:23px;
  opacity:.70;

  animation:mhlV28FishJumpA 8.5s ease-in-out infinite 1.3s;
}

/* springender Fisch 2 */
.mhl-visitor-v2 .mhl-v2-wave.wave-b::after{
  left:69%;
  bottom:11px;
  width:42px;
  height:19px;
  opacity:.52;
  transform:scaleX(-1);

  animation:mhlV28FishJumpB 10.5s ease-in-out infinite 4s;
}

@keyframes mhlV28FishCruiseA{
  0%{
    left:-90px;
    transform:translateY(3px) scale(.78);
  }
  16%{transform:translateY(-6px) scale(.78)}
  34%{transform:translateY(2px) scale(.78)}
  51%{transform:translateY(-5px) scale(.78)}
  69%{transform:translateY(3px) scale(.78)}
  100%{
    left:calc(100% + 110px);
    transform:translateY(-2px) scale(.78);
  }
}

@keyframes mhlV28FishCruiseB{
  0%{
    left:-130px;
    transform:translateY(0) scale(.58) scaleX(-1);
  }
  25%{transform:translateY(-4px) scale(.58) scaleX(-1)}
  50%{transform:translateY(3px) scale(.58) scaleX(-1)}
  75%{transform:translateY(-3px) scale(.58) scaleX(-1)}
  100%{
    left:calc(100% + 140px);
    transform:translateY(1px) scale(.58) scaleX(-1);
  }
}

@keyframes mhlV28FishJumpA{
  0%,68%,100%{
    transform:translate3d(0,0,0) rotate(3deg) scale(.9);
    opacity:0;
  }
  71%{
    transform:translate3d(2px,-7px,0) rotate(-10deg) scale(.91);
    opacity:.66;
  }
  77%{
    transform:translate3d(21px,-91px,0) rotate(-34deg) scale(.95);
    opacity:.82;
  }
  83%{
    transform:translate3d(42px,-112px,0) rotate(-8deg) scale(.98);
    opacity:.80;
  }
  89%{
    transform:translate3d(62px,-49px,0) rotate(25deg) scale(.93);
    opacity:.65;
  }
  94%{
    transform:translate3d(71px,-7px,0) rotate(39deg) scale(.91);
    opacity:.08;
  }
}

@keyframes mhlV28FishJumpB{
  0%,65%,100%{
    transform:translate3d(0,0,0) rotate(-3deg) scale(.72) scaleX(-1);
    opacity:0;
  }
  69%{
    transform:translate3d(0,-6px,0) rotate(7deg) scale(.73) scaleX(-1);
    opacity:.48;
  }
  76%{
    transform:translate3d(-17px,-73px,0) rotate(31deg) scale(.76) scaleX(-1);
    opacity:.62;
  }
  82%{
    transform:translate3d(-34px,-93px,0) rotate(4deg) scale(.78) scaleX(-1);
    opacity:.62;
  }
  88%{
    transform:translate3d(-52px,-32px,0) rotate(-27deg) scale(.74) scaleX(-1);
    opacity:.48;
  }
  93%{
    transform:translate3d(-61px,-5px,0) rotate(-41deg) scale(.72) scaleX(-1);
    opacity:.05;
  }
}

/* Wasserbläschen – ebenfalls ohne HTML */
.mhl-visitor-v2 .mhl-v2-hero-aura{
  background-image:
    radial-gradient(circle at 31% 92%,rgba(152,240,246,.25) 0 2px,transparent 3px),
    radial-gradient(circle at 36% 91%,rgba(152,240,246,.17) 0 3px,transparent 4px),
    radial-gradient(circle at 69% 93%,rgba(152,240,246,.18) 0 2px,transparent 3px),
    radial-gradient(circle at 73% 91%,rgba(152,240,246,.14) 0 3px,transparent 4px),
    radial-gradient(circle at 51% 95%,rgba(152,240,246,.15) 0 2px,transparent 3px);
  background-repeat:no-repeat;
}

/* --------------------------- HEADER RHYTHM ---------------------------- */

.mhl-visitor-v2 .mhl-v2-nautical-row{
  margin-top:9px;
  margin-bottom:8px;
  gap:17px;
}

.mhl-visitor-v2 .mhl-v2-nautical-icon{
  background:
    radial-gradient(
      circle at 35% 28%,
      rgba(184,247,250,.10),
      transparent 48%
    ),
    rgba(112,224,238,.045);
  box-shadow:
    0 0 0 1px rgba(147,231,242,.11),
    0 10px 25px rgba(0,0,0,.15),
    inset 0 1px 0 rgba(255,255,255,.08);
}

.mhl-visitor-v2 .mhl-v2-course-status{
  color:#bfd6dc;
  font-size:10px;
}

.mhl-visitor-v2 .mhl-v2-course-status .status-protected{
  color:#84efbd;
}

/* ----------------------------- RESPONSIVE ---------------------------- */

@media(max-width:850px){
  .mhl-visitor-v2 .mhl-v2-refresh{
    width:100%;
    min-width:0;
  }
}

@media(max-width:650px){
  .mhl-visitor-v2 .mhl-v2-refresh{
    grid-template-columns:62px minmax(0,1fr);
    min-height:96px;
    padding-right:11px;
  }

  .mhl-visitor-v2 .mhl-v2-refresh::before{
    left:8px;
    width:54px;
    height:54px;
  }

  .mhl-visitor-v2 .mhl-v2-refresh::after{
    left:35px;
    width:31px;
  }

  .mhl-visitor-v2 .mhl-v2-refresh-countdown{
    font-size:28px;
  }

  .mhl-visitor-v2 .mhl-v2-lead{
    font-size:14px;
    line-height:1.52;
  }

  .mhl-visitor-v2 .mhl-v2-hero-aura::before{
    bottom:30px;
  }

  .mhl-visitor-v2 .mhl-v2-hero-aura::after{
    bottom:61px;
  }

  .mhl-visitor-v2 .mhl-v2-wave.wave-a::before,
  .mhl-visitor-v2 .mhl-v2-wave.wave-b::after{
    display:none;
  }
}

@media(prefers-reduced-motion:reduce){
  .mhl-visitor-v2 .mhl-v2-hero-aura::before,
  .mhl-visitor-v2 .mhl-v2-hero-aura::after,
  .mhl-visitor-v2 .mhl-v2-wave.wave-a::before,
  .mhl-visitor-v2 .mhl-v2-wave.wave-b::after{
    animation:none;
    opacity:.24;
  }
}

/* ==========================================================================
   MHL V2.9 MODERN GLASS FINAL OVERRIDE
   Ziel: weniger Kasten, mehr Transparenz, größere Typografie, ruhiger Motion.
   ========================================================================== */

/* ------------------------------ HERO GLASS ------------------------------ */

.mhl-visitor-v2 .mhl-v2-hero{
  background:
    linear-gradient(
      135deg,
      rgba(4,28,41,.66),
      rgba(8,66,78,.43) 52%,
      rgba(2,24,37,.70)
    ),
    rgba(4,27,39,.42);
  border-color:rgba(182,235,244,.11);
  box-shadow:
    0 24px 70px rgba(0,8,16,.32),
    inset 0 1px 0 rgba(255,255,255,.055);
  backdrop-filter:blur(20px) saturate(145%);
  -webkit-backdrop-filter:blur(20px) saturate(145%);
}

/* Keine helle Aura-/Glanzwanderung mehr. Nur ruhiges Wasserlicht. */
.mhl-visitor-v2 .mhl-v2-hero-aura{
  animation:none !important;
  background:
    radial-gradient(circle at 80% 18%,rgba(75,216,235,.10),transparent 25%),
    radial-gradient(circle at 19% 68%,rgba(52,165,190,.055),transparent 31%);
}

/* ---------------------------- TOP ROW ---------------------------------- */

.mhl-visitor-v2 .mhl-v2-top{
  gap:34px;
}

.mhl-visitor-v2 .mhl-v2-course-copy small{
  font-size:11px;
  letter-spacing:.19em;
}

.mhl-visitor-v2 .mhl-v2-course-copy strong{
  font-size:21px;
  line-height:1.08;
  letter-spacing:.035em;
}

/* ---------------------- REFRESH – CLEAN / BORDERLESS ------------------- */

.mhl-visitor-v2 .mhl-v2-refresh{
  min-width:0 !important;
  width:max-content;
  max-width:58vw;
  min-height:0 !important;
  display:block !important;
  padding:0 !important;
  margin:0;
  background:rgba(3,29,41,.17) !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  text-align:right;
  white-space:nowrap;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}

/* Den bisherigen CSS-Kompass vollständig neutralisieren. */
.mhl-visitor-v2 .mhl-v2-refresh::before,
.mhl-visitor-v2 .mhl-v2-refresh::after{
  content:none !important;
  display:none !important;
  background:none !important;
  box-shadow:none !important;
}

.mhl-visitor-v2 .mhl-v2-refresh-label{
  display:block;
  white-space:nowrap;
  color:#a9d9e1;
  font-size:13px;
  line-height:1.15;
  font-weight:900;
  letter-spacing:.115em;
  text-transform:uppercase;
  text-shadow:0 2px 12px rgba(0,0,0,.28);
}

.mhl-visitor-v2 .mhl-v2-refresh-row{
  display:flex;
  justify-content:flex-end;
  align-items:baseline;
  gap:15px;
  margin-top:8px;
}

.mhl-visitor-v2 .mhl-v2-refresh-countdown{
  color:#fff;
  font-size:48px;
  line-height:.94;
  font-weight:950;
  letter-spacing:.025em;
  font-variant-numeric:tabular-nums;
  text-shadow:
    0 4px 25px rgba(0,0,0,.42),
    0 0 24px rgba(87,221,238,.10);
}

.mhl-visitor-v2 .mhl-v2-refresh-state{
  color:#72e2ef;
  font-size:12px;
  line-height:1;
  font-weight:950;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.mhl-visitor-v2 .mhl-v2-updated{
  display:inline-block !important;
  margin-top:9px !important;
  margin-left:0;
  margin-right:18px;
  color:#b8d4d9;
  font-size:11px;
  line-height:1.2;
  white-space:nowrap;
}

.mhl-visitor-v2 #mhl-v2-refresh-interval{
  display:inline-block !important;
  margin-top:9px !important;
  margin-right:0;
  white-space:nowrap;
}

/* --------------------------- MAIN TYPOGRAPHY --------------------------- */

.mhl-visitor-v2 .mhl-v2-dach-kicker{
  font-size:14px;
  letter-spacing:.13em;
}

.mhl-visitor-v2 .mhl-v2-hero h1{
  font-size:clamp(50px,5.15vw,76px);
  line-height:.99;
  letter-spacing:-.058em;
  margin-top:8px;
  margin-bottom:11px;
}

.mhl-visitor-v2 .mhl-v2-lead{
  max-width:1120px;
  color:#e9f5f7;
  font-size:19px;
  line-height:1.5;
  text-shadow:0 3px 17px rgba(0,0,0,.32);
}

.mhl-visitor-v2 .mhl-v2-lead strong{
  color:#fff;
  font-weight:950;
}

.mhl-visitor-v2 .mhl-v2-captainlog{
  margin-top:15px;
  gap:10px;
}

.mhl-visitor-v2 .mhl-v2-captainlog > span{
  font-size:11px;
  letter-spacing:.14em;
}

.mhl-visitor-v2 .mhl-v2-captainlog strong{
  font-size:16px;
}

.mhl-visitor-v2 .mhl-v2-course-status{
  margin-top:11px;
  font-size:12px;
}

/* -------------------------- MARINE LIFE -------------------------------- */

/* Keine künstlichen Blasen / keine weißen Kreise mehr. */
.mhl-visitor-v2 .mhl-v2-hero-aura{
  background-image:
    radial-gradient(circle at 80% 18%,rgba(75,216,235,.10),transparent 25%),
    radial-gradient(circle at 19% 68%,rgba(52,165,190,.055),transparent 31%) !important;
}

/* Gemeinsame Fischform: klein, weich, unaufdringlich. */
.mhl-visitor-v2 .mhl-v2-hero-aura::before,
.mhl-visitor-v2 .mhl-v2-hero-aura::after,
.mhl-visitor-v2 .mhl-v2-wave.wave-a::before,
.mhl-visitor-v2 .mhl-v2-wave.wave-b::after{
  content:"";
  position:absolute;
  z-index:3;
  width:51px;
  height:22px;
  opacity:.33;
  border-radius:50%;
  background:
    radial-gradient(circle at 24% 34%,rgba(225,249,250,.82) 0 1.7px,transparent 2.6px),
    linear-gradient(135deg,rgba(95,222,232,.54),rgba(55,166,184,.13));
  clip-path:polygon(
    0 50%,
    13% 13%,
    39% 8%,
    65% 23%,
    100% 0,
    87% 50%,
    100% 100%,
    65% 77%,
    39% 92%,
    13% 87%
  );
  filter:drop-shadow(0 3px 9px rgba(0,0,0,.26));
  pointer-events:none;
  will-change:transform,left,opacity;
}

/* Schwimmender Fisch – langsam von links nach rechts. */
.mhl-visitor-v2 .mhl-v2-hero-aura::before{
  left:-85px;
  bottom:34px;
  animation:mhlV29FishGlideA 28s linear infinite !important;
}

/* Zweiter Fisch in Gegenrichtung, weiter hinten im Wasser. */
.mhl-visitor-v2 .mhl-v2-hero-aura::after{
  left:calc(100% + 80px);
  bottom:67px;
  width:40px;
  height:18px;
  opacity:.20;
  animation:mhlV29FishGlideB 35s linear infinite 5s !important;
}

/* Nur EIN eleganter Sprung – kurz und niedrig über der Wasserlinie. */
.mhl-visitor-v2 .mhl-v2-wave.wave-a::before{
  left:46%;
  bottom:15px;
  width:44px;
  height:19px;
  opacity:0;
  animation:mhlV29FishJump 13s ease-in-out infinite 3s !important;
}

/* Den zweiten, hektischeren Sprung vollständig entfernen. */
.mhl-visitor-v2 .mhl-v2-wave.wave-b::after{
  display:none !important;
  animation:none !important;
}

@keyframes mhlV29FishGlideA{
  0%{
    left:-85px;
    transform:translate3d(0,3px,0) rotate(2deg) scale(.76);
    opacity:0;
  }
  8%{opacity:.30}
  24%{transform:translate3d(0,-4px,0) rotate(-1deg) scale(.76)}
  46%{transform:translate3d(0,2px,0) rotate(2deg) scale(.76)}
  68%{transform:translate3d(0,-3px,0) rotate(-1deg) scale(.76)}
  88%{opacity:.30}
  100%{
    left:calc(100% + 95px);
    transform:translate3d(0,2px,0) rotate(1deg) scale(.76);
    opacity:0;
  }
}

@keyframes mhlV29FishGlideB{
  0%{
    left:calc(100% + 80px);
    transform:translate3d(0,1px,0) scaleX(-1) scale(.58);
    opacity:0;
  }
  10%{opacity:.20}
  28%{transform:translate3d(0,-3px,0) scaleX(-1) scale(.58)}
  52%{transform:translate3d(0,2px,0) scaleX(-1) scale(.58)}
  76%{transform:translate3d(0,-2px,0) scaleX(-1) scale(.58)}
  90%{opacity:.20}
  100%{
    left:-70px;
    transform:translate3d(0,1px,0) scaleX(-1) scale(.58);
    opacity:0;
  }
}

@keyframes mhlV29FishJump{
  0%,66%,100%{
    transform:translate3d(0,1px,0) rotate(4deg) scale(.76);
    opacity:0;
  }
  69%{
    transform:translate3d(7px,-12px,0) rotate(-8deg) scale(.78);
    opacity:.12;
  }
  73%{
    transform:translate3d(15px,-41px,0) rotate(-18deg) scale(.82);
    opacity:.34;
  }
  77%{
    transform:translate3d(22px,-53px,0) rotate(-4deg) scale(.85);
    opacity:.40;
  }
  82%{
    transform:translate3d(30px,-34px,0) rotate(14deg) scale(.82);
    opacity:.30;
  }
  87%{
    transform:translate3d(38px,-8px,0) rotate(31deg) scale(.78);
    opacity:.08;
  }
}

/* ----------------------------- RESPONSIVE ----------------------------- */

@media(max-width:850px){
  .mhl-visitor-v2 .mhl-v2-refresh{
    width:100%;
    max-width:none;
    margin-top:11px;
    text-align:left;
    white-space:normal;
  }

  .mhl-visitor-v2 .mhl-v2-refresh-label{
    white-space:nowrap;
  }

  .mhl-visitor-v2 .mhl-v2-refresh-row{
    justify-content:flex-start;
  }
}

@media(max-width:650px){
  .mhl-visitor-v2 .mhl-v2-hero h1{
    font-size:38px;
  }

  .mhl-visitor-v2 .mhl-v2-lead{
    font-size:15px;
  }

  .mhl-visitor-v2 .mhl-v2-refresh-countdown{
    font-size:34px;
  }

  .mhl-visitor-v2 .mhl-v2-updated,
  .mhl-visitor-v2 #mhl-v2-refresh-interval{
    white-space:normal;
  }
}

@media(prefers-reduced-motion:reduce){
  .mhl-visitor-v2 .mhl-v2-hero-aura::before,
  .mhl-visitor-v2 .mhl-v2-hero-aura::after,
  .mhl-visitor-v2 .mhl-v2-wave.wave-a::before{
    animation:none !important;
    opacity:.18;
  }
}

/* MHL V2.9 MODERN GLASS FINAL OVERRIDE END */

/* ==========================================================================
   MHL V3.0 PREMIUM MARITIME GLASS
   --------------------------------------------------------------------------
   Leitidee:
     weniger UI-Spielerei / mehr Editorial / klare Typografie / echtes Glass.
   ========================================================================== */

.mhl-visitor-v2{
  --mhl-v30-white:#f5fbfd;
  --mhl-v30-text:#d9eaee;
  --mhl-v30-soft:#a4c0c8;
  --mhl-v30-cyan:#71dce9;
  --mhl-v30-aqua:#79dfc5;
}

/* ==========================================================================
   HERO — TRANSPARENT / DEPTH / NO CIRCLES
   ========================================================================== */

.mhl-visitor-v2 .mhl-v2-hero{
  min-height:305px !important;
  border:1px solid rgba(196,237,244,.085) !important;
  border-radius:32px !important;

  background:
    linear-gradient(
      116deg,
      rgba(2,24,37,.44) 0%,
      rgba(7,54,65,.30) 48%,
      rgba(2,25,38,.48) 100%
    ),
    linear-gradient(
      180deg,
      rgba(137,213,222,.045),
      rgba(1,22,34,.08)
    ) !important;

  box-shadow:
    0 28px 85px rgba(0,8,15,.28),
    inset 0 1px 0 rgba(255,255,255,.065) !important;

  backdrop-filter:blur(28px) saturate(132%) !important;
  -webkit-backdrop-filter:blur(28px) saturate(132%) !important;
}

/* Alte Aura komplett beruhigen. Keine wandernde Lichtfläche. */
.mhl-visitor-v2 .mhl-v2-hero-aura{
  inset:0 !important;
  animation:none !important;
  background:
    linear-gradient(
      110deg,
      rgba(255,255,255,.018),
      transparent 38%,
      rgba(95,224,232,.028) 67%,
      transparent 86%
    ) !important;
}

/* Keine alten Aura-Kreise / keine weißen dekorativen Scheiben. */
.mhl-visitor-v2 .mhl-v2-hero-aura::before,
.mhl-visitor-v2 .mhl-v2-hero-aura::after{
  content:none !important;
  display:none !important;
  animation:none !important;
  background:none !important;
  box-shadow:none !important;
}

/* Wasserfläche: nur zwei sehr weiche, breite Bänder. */
.mhl-visitor-v2 .mhl-v2-wave{
  left:-9% !important;
  width:118% !important;
  pointer-events:none !important;
}

.mhl-visitor-v2 .mhl-v2-wave.wave-a{
  bottom:-128px !important;
  height:182px !important;
  background:
    linear-gradient(
      180deg,
      rgba(49,203,222,.10),
      rgba(18,99,118,.06) 42%,
      rgba(2,30,45,.02)
    ) !important;
  animation:mhlV30WaterA 16s ease-in-out infinite alternate !important;
}

.mhl-visitor-v2 .mhl-v2-wave.wave-b{
  bottom:-145px !important;
  height:154px !important;
  background:
    linear-gradient(
      180deg,
      rgba(121,226,207,.055),
      rgba(22,104,121,.025) 48%,
      transparent
    ) !important;
  animation:mhlV30WaterB 20s ease-in-out infinite alternate !important;
}

@keyframes mhlV30WaterA{
  from{transform:translate3d(-1.2%,0,0) scaleX(1.01)}
  to{transform:translate3d(1.3%,0,0) scaleX(1.025)}
}

@keyframes mhlV30WaterB{
  from{transform:translate3d(1.1%,3px,0) scaleX(1.015)}
  to{transform:translate3d(-1.1%,-2px,0) scaleX(1.035)}
}

/* ==========================================================================
   TOP BRAND — TYPOGRAFISCH, KEIN KOMPASS
   ========================================================================== */

.mhl-visitor-v2 .mhl-v2-top{
  position:relative;
  z-index:10;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:32px;
}

.mhl-visitor-v2 .mhl-v2-course-brand{
  display:block !important;
  min-width:max-content;
}

.mhl-visitor-v2 .mhl-v2-course-icon{
  display:none !important;
}

.mhl-visitor-v2 .mhl-v2-course-copy{
  display:block;
}

.mhl-visitor-v2 .mhl-v2-course-copy small{
  color:rgba(173,220,226,.72) !important;
  font-size:11px !important;
  line-height:1 !important;
  letter-spacing:.23em !important;
}

.mhl-visitor-v2 .mhl-v2-course-copy strong{
  margin-top:7px !important;
  color:#f7fdff !important;
  font-size:23px !important;
  line-height:1 !important;
  letter-spacing:.045em !important;
  font-weight:950 !important;
  text-shadow:0 5px 20px rgba(0,0,0,.30) !important;
}

/* ==========================================================================
   REFRESH — GROSS / EINZEILIG / RAHMENLOS
   ========================================================================== */

.mhl-visitor-v2 .mhl-v2-refresh{
  position:relative;
  z-index:11;

  min-width:490px !important;
  width:auto !important;
  max-width:none !important;

  display:grid !important;
  grid-template-columns:max-content max-content max-content;
  grid-template-areas:
    "label countdown state"
    "updated updated interval";
  justify-content:end;
  align-items:baseline;
  column-gap:17px;
  row-gap:9px;

  margin:0 !important;
  padding:0 !important;

  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;

  text-align:right !important;
  white-space:nowrap !important;
}

.mhl-visitor-v2 .mhl-v2-refresh::before,
.mhl-visitor-v2 .mhl-v2-refresh::after{
  content:none !important;
  display:none !important;
  background:none !important;
  box-shadow:none !important;
  border:0 !important;
}

.mhl-visitor-v2 .mhl-v2-refresh-label{
  grid-area:label !important;
  display:block !important;
  min-width:max-content !important;

  color:rgba(180,220,226,.80) !important;
  font-size:14px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:.135em !important;
  white-space:nowrap !important;
  text-transform:uppercase;
}

.mhl-visitor-v2 .mhl-v2-refresh-row{
  display:contents !important;
}

.mhl-visitor-v2 .mhl-v2-refresh-countdown{
  grid-area:countdown !important;

  color:#fff !important;
  font-size:64px !important;
  line-height:.86 !important;
  font-weight:950 !important;
  letter-spacing:.015em !important;
  font-variant-numeric:tabular-nums !important;

  text-shadow:
    0 6px 28px rgba(0,0,0,.35),
    0 0 28px rgba(98,217,232,.09) !important;
}

.mhl-visitor-v2 .mhl-v2-refresh-state{
  grid-area:state !important;

  color:#72e3ee !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:.105em !important;
  white-space:nowrap !important;
  text-transform:uppercase !important;
}

.mhl-visitor-v2 .mhl-v2-updated{
  grid-area:updated !important;

  display:block !important;
  margin:0 !important;
  padding:0 !important;

  color:rgba(195,219,224,.73) !important;
  font-size:12px !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

.mhl-visitor-v2 #mhl-v2-refresh-interval{
  grid-area:interval !important;

  display:block !important;
  margin:0 !important;
  padding:0 !important;

  color:rgba(140,196,204,.70) !important;
  font-size:12px !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

/* ==========================================================================
   HERO TYPOGRAFIE — GRÖSSER / RUHIGER / EDITORIAL
   ========================================================================== */

.mhl-visitor-v2 .mhl-v2-hero-inner{
  position:relative;
  z-index:5;
  padding:22px 46px 26px !important;
}

.mhl-visitor-v2 .mhl-v2-main-title{
  position:relative;
  z-index:8;
  text-align:center !important;
}

.mhl-visitor-v2 .mhl-v2-dach-kicker{
  margin-top:8px !important;
  color:rgba(128,216,225,.88) !important;
  font-size:13px !important;
  line-height:1 !important;
  letter-spacing:.16em !important;
  font-weight:950 !important;
}

.mhl-visitor-v2 .mhl-v2-hero h1{
  margin:14px auto 13px !important;
  max-width:1250px !important;

  color:#fff !important;
  font-size:clamp(53px,5.1vw,82px) !important;
  line-height:.96 !important;
  letter-spacing:-.065em !important;
  font-weight:950 !important;

  text-shadow:
    0 8px 34px rgba(0,0,0,.42),
    0 1px 0 rgba(255,255,255,.04) !important;
}

.mhl-visitor-v2 .mhl-v2-lead{
  max-width:1080px !important;
  margin:0 auto !important;

  color:rgba(231,245,247,.92) !important;
  font-size:18px !important;
  line-height:1.48 !important;
  font-weight:560 !important;

  text-shadow:0 4px 16px rgba(0,0,0,.25) !important;
}

.mhl-visitor-v2 .mhl-v2-lead strong{
  color:#fff !important;
  font-weight:950 !important;
}

.mhl-visitor-v2 .mhl-v2-captainlog{
  display:flex !important;
  justify-content:center !important;
  align-items:baseline !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin-top:15px !important;
}

.mhl-visitor-v2 .mhl-v2-captainlog > span{
  color:#6bdae8 !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:.18em !important;
}

.mhl-visitor-v2 .mhl-v2-captainlog strong{
  color:#f5fdff !important;
  font-size:17px !important;
  line-height:1.2 !important;
  font-weight:850 !important;
  text-shadow:0 4px 16px rgba(0,0,0,.30) !important;
}

.mhl-visitor-v2 .mhl-v2-course-status{
  margin-top:13px !important;
  gap:7px 22px !important;
  color:rgba(200,223,228,.83) !important;
  font-size:11px !important;
  font-weight:820 !important;
}

.mhl-visitor-v2 .mhl-v2-course-status span{
  gap:7px !important;
}

.mhl-visitor-v2 .status-dot{
  width:6px !important;
  height:6px !important;
}

/* ==========================================================================
   MARINE LIFE — NUR KNAPP ÜBER DER WASSERLINIE
   ========================================================================== */

/* Keine alten V2.8/V2.9 Fischlayer übernehmen. */
.mhl-visitor-v2 .mhl-v2-hero-aura::before,
.mhl-visitor-v2 .mhl-v2-hero-aura::after,
.mhl-visitor-v2 .mhl-v2-wave.wave-a::before,
.mhl-visitor-v2 .mhl-v2-wave.wave-b::after{
  content:none !important;
  background:none !important;
  box-shadow:none !important;
  border:0 !important;
  clip-path:none !important;
  animation:none !important;
}

/* Ein einziger eleganter Fisch im Wasser. */
.mhl-visitor-v2 .mhl-v2-wave.wave-a::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:-72px;
  bottom:105px;

  width:58px;
  height:24px;

  background:
    radial-gradient(
      circle at 26% 35%,
      rgba(232,252,253,.86) 0 1.6px,
      transparent 2.3px
    ),
    linear-gradient(
      135deg,
      rgba(104,220,231,.42),
      rgba(79,181,194,.12)
    ) !important;

  clip-path:polygon(
    0 50%,
    12% 12%,
    43% 6%,
    71% 25%,
    100% 0,
    88% 50%,
    100% 100%,
    71% 75%,
    43% 94%,
    12% 88%
  ) !important;

  opacity:.28;
  filter:drop-shadow(0 3px 10px rgba(0,0,0,.24));
  pointer-events:none;

  animation:mhlV30FishCruise 31s linear infinite !important;
}

@keyframes mhlV30FishCruise{
  0%{
    left:-72px;
    bottom:100px;
    opacity:0;
    transform:translate3d(0,2px,0) rotate(1deg) scale(.82);
  }
  8%{
    opacity:.26;
  }
  28%{
    transform:translate3d(0,-3px,0) rotate(-1deg) scale(.82);
  }
  49%{
    transform:translate3d(0,2px,0) rotate(1deg) scale(.82);
  }
  70%{
    transform:translate3d(0,-2px,0) rotate(-1deg) scale(.82);
  }
  90%{
    opacity:.26;
  }
  100%{
    left:calc(100% + 82px);
    bottom:99px;
    opacity:0;
    transform:translate3d(0,1px,0) rotate(1deg) scale(.82);
  }
}

/* Ein seltener kleiner Sprung rechts der Mitte – nur knapp aus der Wasserlinie. */
.mhl-visitor-v2 .mhl-v2-wave.wave-b::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;

  left:69%;
  bottom:117px;

  width:42px;
  height:18px;

  background:
    radial-gradient(
      circle at 25% 35%,
      rgba(235,252,254,.80) 0 1.2px,
      transparent 1.9px
    ),
    linear-gradient(
      135deg,
      rgba(110,225,231,.30),
      rgba(87,188,201,.08)
    ) !important;

  clip-path:polygon(
    0 50%, 12% 15%, 43% 8%, 70% 26%,
    100% 0, 88% 50%, 100% 100%,
    70% 74%, 43% 92%, 12% 85%
  ) !important;

  opacity:0;
  pointer-events:none;

  animation:mhlV30FishLeap 17s ease-in-out infinite 4s !important;
}

@keyframes mhlV30FishLeap{
  0%,73%,100%{
    opacity:0;
    transform:translate3d(0,2px,0) rotate(4deg) scale(.72);
  }
  76%{
    opacity:.18;
    transform:translate3d(4px,-9px,0) rotate(-4deg) scale(.75);
  }
  80%{
    opacity:.30;
    transform:translate3d(10px,-27px,0) rotate(-13deg) scale(.78);
  }
  84%{
    opacity:.27;
    transform:translate3d(16px,-31px,0) rotate(-2deg) scale(.80);
  }
  88%{
    opacity:.18;
    transform:translate3d(22px,-17px,0) rotate(13deg) scale(.77);
  }
  91%{
    opacity:.04;
    transform:translate3d(27px,-3px,0) rotate(24deg) scale(.73);
  }
}

/* ==========================================================================
   KOMPASS / ICON-RESTE KOMPLETT ENTFERNEN
   ========================================================================== */

.mhl-visitor-v2 .mhl-v2-nautical-row,
.mhl-visitor-v2 .mhl-v2-large-compass{
  display:none !important;
}

/* ==========================================================================
   SECURITY + CARDS — MEHR GLAS / WENIGER KASTEN
   ========================================================================== */

.mhl-visitor-v2 .mhl-v2-security,
.mhl-visitor-v2 .mhl-v2-card{
  border-color:rgba(198,238,245,.075) !important;
  box-shadow:
    0 20px 60px rgba(0,8,15,.20),
    inset 0 1px 0 rgba(255,255,255,.055) !important;
  backdrop-filter:blur(24px) saturate(128%) !important;
  -webkit-backdrop-filter:blur(24px) saturate(128%) !important;
}

.mhl-visitor-v2 .mhl-v2-security{
  background:
    linear-gradient(
      110deg,
      rgba(4,42,52,.52),
      rgba(4,30,42,.34)
    ) !important;
}

.mhl-visitor-v2 .mhl-v2-card{
  background:
    linear-gradient(
      145deg,
      rgba(9,43,55,.43),
      rgba(2,25,37,.39)
    ) !important;
}

/* Weg mit alten großen dekorativen Kreisen in KPI-Karten. */
.mhl-visitor-v2 .mhl-v2-kpi::after{
  display:none !important;
  content:none !important;
}

/* ==========================================================================
   KPI / SECTION TYPOGRAFIE
   ========================================================================== */

.mhl-visitor-v2 .mhl-v2-kpi{
  min-height:174px !important;
  padding:22px !important;
}

.mhl-visitor-v2 .mhl-v2-kpi strong{
  font-size:clamp(40px,3.5vw,56px) !important;
}

.mhl-visitor-v2 .mhl-v2-kpi small{
  font-size:12px !important;
  color:rgba(192,216,221,.86) !important;
}

.mhl-visitor-v2 .mhl-v2-kpi em{
  font-size:10.5px !important;
  color:rgba(145,179,187,.78) !important;
}

.mhl-visitor-v2 .mhl-v2-section-head h2{
  font-size:25px !important;
}

.mhl-visitor-v2 .mhl-v2-section-head p{
  font-size:12.5px !important;
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

@media(max-width:1120px){
  .mhl-visitor-v2 .mhl-v2-refresh{
    min-width:430px !important;
    column-gap:13px;
  }

  .mhl-visitor-v2 .mhl-v2-refresh-countdown{
    font-size:56px !important;
  }

  .mhl-visitor-v2 .mhl-v2-hero h1{
    font-size:clamp(48px,6vw,69px) !important;
  }
}

@media(max-width:820px){
  .mhl-visitor-v2 .mhl-v2-top{
    gap:18px;
  }

  .mhl-visitor-v2 .mhl-v2-refresh{
    min-width:0 !important;
    width:100% !important;
    max-width:100% !important;

    grid-template-columns:max-content max-content max-content;
    justify-content:start;
    text-align:left !important;
  }

  .mhl-visitor-v2 .mhl-v2-refresh-countdown{
    font-size:48px !important;
  }

  .mhl-visitor-v2 .mhl-v2-refresh-label{
    font-size:12px !important;
  }

  .mhl-visitor-v2 .mhl-v2-hero-inner{
    padding:20px 28px 25px !important;
  }
}

@media(max-width:650px){
  .mhl-visitor-v2{
    width:calc(100% - 12px) !important;
    margin-top:8px !important;
  }

  .mhl-visitor-v2 .mhl-v2-hero{
    min-height:0 !important;
    border-radius:24px !important;
  }

  .mhl-visitor-v2 .mhl-v2-hero-inner{
    padding:18px 17px 23px !important;
  }

  .mhl-visitor-v2 .mhl-v2-top{
    flex-direction:column !important;
  }

  .mhl-visitor-v2 .mhl-v2-course-copy small{
    font-size:9px !important;
  }

  .mhl-visitor-v2 .mhl-v2-course-copy strong{
    font-size:19px !important;
  }

  .mhl-visitor-v2 .mhl-v2-refresh{
    grid-template-columns:max-content max-content;
    grid-template-areas:
      "label state"
      "countdown countdown"
      "updated interval";
    row-gap:8px;
    column-gap:11px;
  }

  .mhl-visitor-v2 .mhl-v2-refresh-label{
    font-size:11px !important;
  }

  .mhl-visitor-v2 .mhl-v2-refresh-countdown{
    font-size:43px !important;
    line-height:.9 !important;
  }

  .mhl-visitor-v2 .mhl-v2-refresh-state{
    font-size:10px !important;
  }

  .mhl-visitor-v2 .mhl-v2-updated,
  .mhl-visitor-v2 #mhl-v2-refresh-interval{
    font-size:10px !important;
  }

  .mhl-visitor-v2 .mhl-v2-dach-kicker{
    font-size:10px !important;
    letter-spacing:.12em !important;
  }

  .mhl-visitor-v2 .mhl-v2-hero h1{
    margin-top:11px !important;
    font-size:39px !important;
    line-height:1 !important;
  }

  .mhl-visitor-v2 .mhl-v2-lead{
    font-size:14px !important;
    line-height:1.52 !important;
  }

  .mhl-visitor-v2 .mhl-v2-captainlog strong{
    font-size:14px !important;
  }

  .mhl-visitor-v2 .mhl-v2-course-status{
    justify-content:flex-start !important;
    gap:6px 13px !important;
    font-size:9px !important;
  }

  .mhl-visitor-v2 .mhl-v2-security{
    grid-template-columns:auto minmax(0,1fr) !important;
  }

  .mhl-visitor-v2 .mhl-v2-security-stat{
    grid-column:2 !important;
    text-align:left !important;
  }
}

@media(prefers-reduced-motion:reduce){
  .mhl-visitor-v2 .mhl-v2-wave,
  .mhl-visitor-v2 .mhl-v2-wave.wave-a::before,
  .mhl-visitor-v2 .mhl-v2-wave.wave-b::before{
    animation:none !important;
  }
}

/* MHL V3.0 PREMIUM MARITIME GLASS END */

/* ==========================================================================
   MHL V3.1 TRANSPARENT COUNTDOWN
   --------------------------------------------------------------------------
   Der Countdown ist bewusst KEIN UI-Kasten mehr.
   Keine Fläche, kein Rahmen, kein Schattenkasten, kein Backdrop.
   ========================================================================== */

.mhl-visitor-v2 .mhl-v2-refresh,
.mhl-visitor-v2 .mhl-v2-refresh *,
.mhl-visitor-v2 .mhl-v2-refresh::before,
.mhl-visitor-v2 .mhl-v2-refresh::after{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  outline:0 !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.mhl-visitor-v2 .mhl-v2-refresh{
  min-width:540px !important;
  width:max-content !important;
  max-width:none !important;

  display:grid !important;
  grid-template-columns:max-content max-content max-content;
  grid-template-areas:
    "label countdown state"
    "updated updated interval";

  align-items:baseline !important;
  justify-content:end !important;

  column-gap:18px !important;
  row-gap:8px !important;

  margin:0 !important;
  padding:0 !important;
  border-radius:0 !important;

  text-align:right !important;
  white-space:nowrap !important;
  overflow:visible !important;
}

.mhl-visitor-v2 .mhl-v2-refresh-label{
  grid-area:label !important;

  display:block !important;
  min-width:max-content !important;
  width:max-content !important;

  margin:0 !important;
  padding:0 !important;

  color:rgba(195,225,229,.84) !important;
  font-size:14px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:.135em !important;

  white-space:nowrap !important;
  word-break:keep-all !important;
  overflow:visible !important;
}

.mhl-visitor-v2 .mhl-v2-refresh-row{
  display:contents !important;
}

.mhl-visitor-v2 .mhl-v2-refresh-countdown{
  grid-area:countdown !important;

  display:block !important;
  margin:0 !important;
  padding:0 !important;

  color:#ffffff !important;
  font-size:66px !important;
  line-height:.84 !important;
  font-weight:950 !important;
  letter-spacing:.012em !important;
  font-variant-numeric:tabular-nums !important;

  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;

  text-shadow:
    0 6px 28px rgba(0,0,0,.30),
    0 0 22px rgba(94,220,232,.08) !important;
  white-space:nowrap !important;
}

.mhl-visitor-v2 .mhl-v2-refresh-state{
  grid-area:state !important;

  display:block !important;
  margin:0 !important;
  padding:0 !important;

  color:#73e1ec !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:.105em !important;

  white-space:nowrap !important;
}

.mhl-visitor-v2 .mhl-v2-updated{
  grid-area:updated !important;

  display:block !important;
  margin:0 !important;
  padding:0 !important;

  color:rgba(194,220,225,.72) !important;
  font-size:12px !important;
  line-height:1 !important;

  white-space:nowrap !important;
}

.mhl-visitor-v2 #mhl-v2-refresh-interval{
  grid-area:interval !important;

  display:block !important;
  margin:0 !important;
  padding:0 !important;

  color:rgba(140,195,204,.68) !important;
  font-size:12px !important;
  line-height:1 !important;

  white-space:nowrap !important;
}

/* ==========================================================================
   HERO AURA — KOMPLETT WEG
   --------------------------------------------------------------------------
   Keine weißen Lichtscheiben, keine radialen Kreise, kein bewegter Hintergrund.
   Glass und Wasserwelle bleiben erhalten.
   ========================================================================== */

.mhl-visitor-v2 .mhl-v2-hero-aura,
.mhl-visitor-v2 .mhl-v2-hero-aura::before,
.mhl-visitor-v2 .mhl-v2-hero-aura::after{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  content:none !important;
  background:none !important;
  box-shadow:none !important;
  animation:none !important;
}

/* ==========================================================================
   HERO — ETWAS OFFENER / TRANSPARENTER
   ========================================================================== */

.mhl-visitor-v2 .mhl-v2-hero{
  background:
    linear-gradient(
      116deg,
      rgba(2,24,37,.38) 0%,
      rgba(7,54,65,.23) 48%,
      rgba(2,25,38,.41) 100%
    ),
    rgba(3,27,40,.18) !important;
}

.mhl-visitor-v2 .mhl-v2-hero-inner{
  z-index:5 !important;
}

/* Die Wasserlinie bleibt sichtbar, aber deutlich ruhiger. */
.mhl-visitor-v2 .mhl-v2-wave.wave-a{
  background:
    linear-gradient(
      180deg,
      rgba(49,203,222,.085),
      rgba(18,99,118,.035) 45%,
      rgba(2,30,45,0)
    ) !important;
}

.mhl-visitor-v2 .mhl-v2-wave.wave-b{
  background:
    linear-gradient(
      180deg,
      rgba(121,226,207,.042),
      rgba(22,104,121,.018) 48%,
      transparent
    ) !important;
}

/* ==========================================================================
   MOBILE
   ========================================================================== */

@media(max-width:820px){
  .mhl-visitor-v2 .mhl-v2-refresh{
    min-width:0 !important;
    width:max-content !important;
    max-width:100% !important;
    justify-content:start !important;
    text-align:left !important;
  }

  .mhl-visitor-v2 .mhl-v2-refresh-countdown{
    font-size:52px !important;
  }
}

@media(max-width:650px){
  .mhl-visitor-v2 .mhl-v2-refresh{
    width:100% !important;
    grid-template-columns:max-content max-content;
    grid-template-areas:
      "label state"
      "countdown countdown"
      "updated updated"
      "interval interval";
    justify-content:start !important;
    row-gap:8px !important;
  }

  .mhl-visitor-v2 .mhl-v2-refresh-label{
    font-size:11px !important;
  }

  .mhl-visitor-v2 .mhl-v2-refresh-countdown{
    font-size:44px !important;
  }

  .mhl-visitor-v2 .mhl-v2-updated,
  .mhl-visitor-v2 #mhl-v2-refresh-interval{
    font-size:10px !important;
  }
}

/* MHL V3.1 TRANSPARENT COUNTDOWN END */

/* ==========================================================================
   MHL V3.7 – ONLY SCHLESWIG-HOLSTEIN TITLE COLORS
   ========================================================================== */

.mhl-visitor-v2 .mhl-v2-hero h1 .mhl-v37-title-word,
.mhl-visitor-v2 .mhl-v2-hero h1 .mhl-v37-title-rest{
  display:inline !important;
  margin:0 !important;
  padding:0 !important;
  font:inherit !important;
  line-height:inherit !important;
  letter-spacing:inherit !important;
  white-space:nowrap !important;
}

.mhl-visitor-v2 .mhl-v2-hero h1 .mhl-v37-blue{
  color:#1679a5 !important;
}

.mhl-visitor-v2 .mhl-v2-hero h1 .mhl-v37-white{
  color:#f9fcfd !important;
}

.mhl-visitor-v2 .mhl-v2-hero h1 .mhl-v37-red{
  color:#d92f3a !important;
}

.mhl-visitor-v2 .mhl-v2-hero h1 .mhl-v37-title-rest{
  color:#ffffff !important;
}

/* MHL V3.7 ONLY TITLE COLORS END */

/* ==========================================================================
   MHL V3.8 CLEAN WATER + SUN OVER HEIMAT
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Unteren Halbkreis / die bisherigen breiten Wasserflächen komplett weg.
      Der Hero bekommt dadurch einen ruhigen, modernen unteren Abschluss.
   -------------------------------------------------------------------------- */

.mhl-visitor-v2 .mhl-v2-wave,
.mhl-visitor-v2 .mhl-v2-wave.wave-a,
.mhl-visitor-v2 .mhl-v2-wave.wave-b,
.mhl-visitor-v2 .mhl-v2-wave::before,
.mhl-visitor-v2 .mhl-v2-wave::after{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  content:none !important;
  animation:none !important;
  background:none !important;
  box-shadow:none !important;
  border:0 !important;
}

/* --------------------------------------------------------------------------
   2. Sonne – oberhalb von "Heimat".
      Warm, weich, elegant; keine Cartoon-Grafik.
   -------------------------------------------------------------------------- */

.mhl-visitor-v2 .mhl-v2-hero h1{
  position:relative !important;
  isolation:isolate !important;
}

/* Lichtkranz */
.mhl-visitor-v2 .mhl-v2-hero h1::before{
  content:"" !important;
  position:absolute !important;
  z-index:1 !important;

  /* über dem Bereich "Heimat", responsive relativ zum Titel */
  left:28% !important;
  top:-34px !important;

  width:58px !important;
  height:58px !important;

  border-radius:50% !important;

  background:
    radial-gradient(
      circle,
      rgba(255,250,212,.98) 0 18%,
      rgba(255,226,130,.92) 23%,
      rgba(247,187,64,.72) 44%,
      rgba(242,166,48,.18) 65%,
      rgba(242,166,48,0) 78%
    ) !important;

  box-shadow:
    0 0 16px rgba(255,209,92,.55),
    0 0 38px rgba(255,191,66,.27),
    0 0 72px rgba(255,176,48,.12) !important;

  pointer-events:none !important;
}

/* Feiner Strahlenkranz – bewusst nur 8 weiche Strahlen */
.mhl-visitor-v2 .mhl-v2-hero h1::after{
  content:"" !important;
  position:absolute !important;
  z-index:1 !important;

  left:28% !important;
  top:-55px !important;

  width:100px !important;
  height:100px !important;

  transform:translateX(-21px) !important;
  border-radius:50% !important;

  background:
    conic-gradient(
      from 0deg,
      transparent 0 8deg,
      rgba(255,224,128,.18) 9deg 12deg,
      transparent 13deg 53deg,
      rgba(255,224,128,.14) 54deg 57deg,
      transparent 58deg 98deg,
      rgba(255,224,128,.14) 99deg 102deg,
      transparent 103deg 143deg,
      rgba(255,224,128,.16) 144deg 147deg,
      transparent 148deg 188deg,
      rgba(255,224,128,.14) 189deg 192deg,
      transparent 193deg 233deg,
      rgba(255,224,128,.16) 234deg 237deg,
      transparent 238deg 278deg,
      rgba(255,224,128,.14) 279deg 282deg,
      transparent 283deg 323deg,
      rgba(255,224,128,.18) 324deg 327deg,
      transparent 328deg 360deg
    ) !important;

  opacity:.72 !important;
  filter:blur(.15px) !important;
  pointer-events:none !important;
}

/* Titel-Buchstaben und Farbspans bleiben über der Sonne. */
.mhl-visitor-v2 .mhl-v2-hero h1 .mhl-v37-title-word,
.mhl-visitor-v2 .mhl-v2-hero h1 .mhl-v36-title-word,
.mhl-visitor-v2 .mhl-v2-hero h1 .mhl-v34-title-word,
.mhl-visitor-v2 .mhl-v2-hero h1 .mhl-sh-title-word,
.mhl-visitor-v2 .mhl-v2-hero h1 .mhl-v37-title-rest,
.mhl-visitor-v2 .mhl-v2-hero h1 .mhl-v36-title-rest,
.mhl-visitor-v2 .mhl-v2-hero h1 .mhl-v34-title-rest,
.mhl-visitor-v2 .mhl-v2-hero h1 .mhl-sh-title-rest{
  position:relative !important;
  z-index:2 !important;
}

/* --------------------------------------------------------------------------
   Mobile: Sonne etwas kleiner und näher an die Titelzeile.
   -------------------------------------------------------------------------- */

@media(max-width:900px){
  .mhl-visitor-v2 .mhl-v2-hero h1::before{
    width:48px !important;
    height:48px !important;
    top:-26px !important;
    left:27% !important;
  }

  .mhl-visitor-v2 .mhl-v2-hero h1::after{
    width:80px !important;
    height:80px !important;
    top:-43px !important;
    left:27% !important;
    transform:translateX(-16px) !important;
  }
}

@media(max-width:650px){
  .mhl-visitor-v2 .mhl-v2-hero h1::before{
    width:38px !important;
    height:38px !important;
    top:-19px !important;
    left:34% !important;
  }

  .mhl-visitor-v2 .mhl-v2-hero h1::after{
    width:62px !important;
    height:62px !important;
    top:-31px !important;
    left:34% !important;
    transform:translateX(-12px) !important;
    opacity:.62 !important;
  }
}

/* MHL V3.8 CLEAN WATER + SUN OVER HEIMAT END */

/* ==========================================================================
   MHL V3.9 ONLY SUN GLOW REFINEMENT
   ========================================================================== */

/* Strahlen vollständig entfernen. */
.mhl-visitor-v2 .mhl-v2-hero h1::after{
  content:none !important;
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  background:none !important;
  box-shadow:none !important;
  animation:none !important;
}

/* Nur die Sonne selbst: intensiver, weicher, moderner Lichtkörper. */
.mhl-visitor-v2 .mhl-v2-hero h1::before{
  content:"" !important;
  display:block !important;
  visibility:visible !important;

  width:64px !important;
  height:64px !important;

  background:
    radial-gradient(
      circle,
      rgba(255,255,239,1) 0 12%,
      rgba(255,249,210,.99) 17%,
      rgba(255,225,126,.96) 29%,
      rgba(249,190,67,.72) 45%,
      rgba(246,172,50,.24) 63%,
      rgba(246,172,50,0) 79%
    ) !important;

  border-radius:50% !important;

  box-shadow:
    0 0 18px rgba(255,244,181,.92),
    0 0 38px rgba(255,216,116,.72),
    0 0 72px rgba(255,192,72,.42),
    0 0 118px rgba(255,180,54,.20) !important;

  opacity:1 !important;
  filter:none !important;

  /* Position unverändert. */
  left:28% !important;
  top:-37px !important;

  pointer-events:none !important;
}

/* Mobile nur proportional kleiner – Position bleibt unverändert. */
@media(max-width:900px){
  .mhl-visitor-v2 .mhl-v2-hero h1::before{
    width:52px !important;
    height:52px !important;
    left:27% !important;
    top:-29px !important;
  }
}

@media(max-width:650px){
  .mhl-visitor-v2 .mhl-v2-hero h1::before{
    width:41px !important;
    height:41px !important;
    left:34% !important;
    top:-21px !important;
  }
}

/* MHL V3.9 ONLY SUN GLOW REFINEMENT END */

/* ==========================================================================
   MHL V3.10-R1 STATIC SH LINE CHART + COUNTRY FLAGS
   ========================================================================== */

/* Statisches Diagramm: keine Canvas-Animationen oder Übergänge. */
.mhl-visitor-v2 .mhl-v2-chart-shell,
.mhl-visitor-v2 .mhl-v2-chart-shell canvas,
.mhl-visitor-v2 .mhl-v2-chart-glow{
  animation:none !important;
  transition:none !important;
}

.mhl-visitor-v2 .mhl-v2-chart-shell{
  border-color:rgba(201,231,239,.12) !important;
  background:
    linear-gradient(180deg,rgba(217,241,246,.035),rgba(7,26,38,.12)),
    rgba(2,20,31,.12) !important;
}

.mhl-visitor-v2 .mhl-v2-chart-glow{
  opacity:.36 !important;
  filter:blur(16px) !important;
}

/* Inline-SVG-Flaggen, unabhängig von Emoji-Fonts. */
.mhl-visitor-v2 .mhl-v2-country-flag{
  width:54px !important;
  height:42px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  font-size:0 !important;
  line-height:0 !important;
}

.mhl-visitor-v2 .mhl-v2-country-flag .mhl-flag-svg{
  display:block !important;
  width:46px !important;
  height:31px !important;
  flex:0 0 auto !important;
  border-radius:3px !important;
  overflow:hidden !important;
  filter:
    drop-shadow(0 2px 3px rgba(0,0,0,.25))
    drop-shadow(0 0 1px rgba(234,250,253,.20)) !important;
}

.mhl-visitor-v2 .mhl-v2-country-flag .mhl-flag-ch{
  width:31px !important;
  height:31px !important;
  border-radius:3px !important;
}

.mhl-visitor-v2 .mhl-v2-country-flag .mhl-flag-fallback{
  display:grid;
  place-items:center;
  width:31px;
  height:31px;
  border-radius:5px;
  color:#edf8fa;
  background:rgba(255,255,255,.10);
  font-size:16px;
  line-height:1;
}

.mhl-visitor-v2 .mhl-v2-country{
  grid-template-columns:54px minmax(0,1fr) auto !important;
  gap:13px !important;
}

.mhl-visitor-v2 .mhl-v2-country-value{
  font-size:22px !important;
  font-weight:900 !important;
  font-variant-numeric:tabular-nums !important;
}

/* MHL V3.10-R1 STATIC SH LINE CHART + COUNTRY FLAGS END */

/* ==========================================================================
   MEERHEIMATLIEBE V3.12 CLEAR EXPLAINER
   Nur den Erklärungsbereich formatieren.
   ========================================================================== */

.mhl-visitor-v2 .mhl-v312-info{
  grid-template-columns:48px minmax(0,1fr) !important;
  align-items:start !important;
  gap:19px !important;
  padding:27px 30px !important;
  border-color:rgba(205,237,243,.12) !important;
  background:
    linear-gradient(125deg,rgba(14,54,68,.40),rgba(4,28,41,.29)),
    rgba(4,28,41,.18) !important;
}

.mhl-visitor-v2 .mhl-v312-info-content{
  min-width:0 !important;
}

.mhl-visitor-v2 .mhl-v312-info .mhl-v2-section-kicker{
  display:block !important;
  margin:0 0 6px !important;
  color:#83d5e0 !important;
  font-size:11px !important;
  line-height:1.35 !important;
  letter-spacing:.16em !important;
}

.mhl-visitor-v2 .mhl-v312-info h2{
  margin:0 0 13px !important;
  color:#f7fcfd !important;
  font-size:clamp(22px,2vw,28px) !important;
  line-height:1.22 !important;
  letter-spacing:-.025em !important;
  font-weight:900 !important;
}

.mhl-visitor-v2 .mhl-v312-info p{
  max-width:1240px !important;
  margin:0 0 11px !important;
  color:rgba(222,238,241,.92) !important;
  font-size:14px !important;
  line-height:1.72 !important;
  font-weight:450 !important;
}

.mhl-visitor-v2 .mhl-v312-info p strong{
  color:#ffffff !important;
  font-weight:850 !important;
}

.mhl-visitor-v2 .mhl-v312-subhead{
  margin:19px 0 10px !important;
  color:#eaf7fa !important;
  font-size:15px !important;
  line-height:1.35 !important;
  font-weight:850 !important;
}

.mhl-visitor-v2 .mhl-v312-rule-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
  margin:0 !important;
}

.mhl-visitor-v2 .mhl-v312-rule{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:5px !important;
  min-height:76px !important;
  padding:13px 15px !important;
  border-radius:13px !important;
  background:rgba(223,244,248,.055) !important;
  border:1px solid rgba(197,231,238,.105) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
  overflow-wrap:anywhere !important;
}

.mhl-visitor-v2 .mhl-v312-rule-label{
  display:block !important;
  color:#83c9d4 !important;
  font-size:10px !important;
  line-height:1.4 !important;
  font-weight:850 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

.mhl-visitor-v2 .mhl-v312-rule strong{
  display:block !important;
  color:#f0fafc !important;
  font-size:12px !important;
  line-height:1.5 !important;
  font-weight:720 !important;
}

.mhl-visitor-v2 .mhl-v312-privacy{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  margin-top:14px !important;
  padding:12px 14px !important;
  border-left:3px solid #75dfbd !important;
  border-radius:0 10px 10px 0 !important;
  background:rgba(84,215,174,.075) !important;
}

.mhl-visitor-v2 .mhl-v312-privacy-mark{
  display:grid !important;
  place-items:center !important;
  flex:0 0 25px !important;
  width:25px !important;
  height:25px !important;
  border-radius:50% !important;
  color:#082e2b !important;
  background:#75dfbd !important;
  font-size:14px !important;
  font-weight:950 !important;
}

.mhl-visitor-v2 .mhl-v312-privacy p{
  margin:0 !important;
  color:#dff7ef !important;
  font-size:12px !important;
  line-height:1.55 !important;
}

@media(max-width:850px){
  .mhl-visitor-v2 .mhl-v312-info{
    padding:22px !important;
  }

  .mhl-visitor-v2 .mhl-v312-rule-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:600px){
  .mhl-visitor-v2 .mhl-v312-info{
    grid-template-columns:minmax(0,1fr) !important;
    gap:13px !important;
    padding:19px 16px !important;
  }

  .mhl-visitor-v2 .mhl-v312-info h2{
    font-size:22px !important;
  }

  .mhl-visitor-v2 .mhl-v312-info p{
    font-size:13px !important;
    line-height:1.65 !important;
  }

  .mhl-visitor-v2 .mhl-v312-rule-grid{
    grid-template-columns:minmax(0,1fr) !important;
    gap:8px !important;
  }

  .mhl-visitor-v2 .mhl-v312-rule{
    min-height:0 !important;
    padding:11px 12px !important;
  }
}

/* MEERHEIMATLIEBE V3.12 CLEAR EXPLAINER END */

/* MHL FIX: Versteckte Leerzustandsmeldung darf das Diagramm nicht überlagern. */
.mhl-v2-empty[hidden] {
  display: none !important;
}


/* MHL WORLDWIDE COUNTRY LIST TOP-5 V1 */
.mhl-visitor-v2 .mhl-v2-country-list {
  gap: 8px !important;
  margin-top: 14px !important;
  max-height: 430px;
  overflow-y: auto;
  align-content: start;
  padding-right: 4px;
  scrollbar-width: thin;
  scrollbar-color: rgba(145, 196, 207, .45) transparent;
}

.mhl-visitor-v2 .mhl-v2-country {
  min-height: 54px;
  padding: 9px 11px !important;
  grid-template-columns: 44px minmax(0, 1fr) auto !important;
  gap: 10px !important;
  border-radius: 12px !important;
}

.mhl-visitor-v2 .mhl-v2-country[hidden] {
  display: none !important;
}

.mhl-visitor-v2 .mhl-v2-country-flag {
  width: 42px !important;
  height: 30px !important;
}

.mhl-visitor-v2 .mhl-v2-country-flag .mhl-flag-image {
  display: block !important;
  width: 40px !important;
  height: 27px !important;
  max-width: 40px !important;
  max-height: 27px !important;
  object-fit: contain;
  border-radius: 3px;
  filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .24));
}

.mhl-visitor-v2 .mhl-v2-country-toggle {
  justify-self: start;
  margin-top: 3px;
  padding: 9px 13px;
  border: 1px solid rgba(185, 227, 237, .24);
  border-radius: 10px;
  background: rgba(10, 43, 59, .46);
  color: #d9f4fa;
  font: inherit;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
  transition: background .18s ease, border-color .18s ease;
}

.mhl-visitor-v2 .mhl-v2-country-toggle:hover {
  background: rgba(34, 105, 126, .36);
  border-color: rgba(185, 227, 237, .5);
}

.mhl-visitor-v2 .mhl-v2-country-toggle:focus-visible {
  outline: 2px solid #8edcf0;
  outline-offset: 3px;
}

@media (max-width: 700px) {
  .mhl-visitor-v2 .mhl-v2-country-list {
    max-height: 390px;
  }
}
/* END MHL WORLDWIDE COUNTRY LIST TOP-5 V1 */

/* MHL VISITOR COUNTRY EXPAND ROW FIX V1 */
/* Beim Aufklappen wächst die Länderkarte ohne interne Scrollleiste. Auf breiten
   Layouts zieht die Diagrammkarte mit und die Zeichenfläche nutzt die Höhe. */
.mhl-visitor-v2 .mhl-v2-country-list.is-expanded {
  max-height: none !important;
  overflow: visible !important;
  overflow-y: visible !important;
  overflow-x: visible !important;
}

@media (min-width: 1121px) {
  .mhl-visitor-v2 .mhl-v2-grid {
    align-items: stretch;
  }

  .mhl-visitor-v2 .mhl-v2-chart-card {
    display: flex;
    flex-direction: column;
    min-height: 0;
  }

  .mhl-visitor-v2 .mhl-v2-chart-card > .mhl-v2-chart-shell {
    flex: 1 1 348px;
    height: auto !important;
    min-height: 348px;
  }
}
/* END MHL VISITOR COUNTRY EXPAND ROW FIX V1 */