/* Design der alten Website kfv-simmern.de, gescoped auf .legacy-page */
.legacy-page {
  --green:#0f3d2e;
  --green-dark:#08251c;
  --green-light:#2f7a55;
  --gold:#d8aa35;
  --bg:#f4f7f5;
  --text:#1d2a23;
  --muted:#66756d;
}
.legacy-page * { box-sizing:border-box; }
.legacy-page a { color:var(--green-light); font-weight:700; }
.legacy-page .site-header {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index:100;
  background:rgba(8,37,28,.94);
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(255,255,255,.15);
}
.legacy-page .header-inner {
  max-width:1200px;
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:12px 22px;
}
.legacy-page .brand {
  color:white;
  font-weight:800;
  display:flex;
  align-items:center;
  gap:12px;
  line-height:1.2;
  text-decoration:none;
}
.legacy-page .brand img {
  width:56px;
  height:56px;
  object-fit:contain;
  background:white;
  border-radius:50%;
  padding:4px;
}
.legacy-page .brand small {
  display:block;
  font-weight:400;
  color:#dfeee5;
}
.legacy-page .nav {
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.legacy-page .nav a {
  color:white;
  text-decoration:none;
  font-size:14px;
  padding:8px 12px;
  border-radius:999px;
  transition:.2s;
}
.legacy-page .nav a:hover, .legacy-page .nav a.active {
  background:rgba(255,255,255,.15);
  color:var(--gold);
}
.legacy-page .hero {
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:white;
  padding:130px 22px 70px;
  background:
    linear-gradient(rgba(0,0,0,.18),rgba(0,0,0,.55)),
    url('/assets/img/legacy/hero-bg.png');
  background-size:cover;
  background-position:center;
}
.legacy-page .hero-card {
  max-width:950px;
  background:rgba(0,0,0,.44);
  border:1px solid rgba(255,255,255,.25);
  border-radius:28px;
  padding:42px 34px;
  box-shadow:0 22px 70px rgba(0,0,0,.42);
}
.legacy-page .hero-logo {
  width:125px;
  background:white;
  border-radius:50%;
  padding:7px;
  margin-bottom:16px;
}
.legacy-page .hero h1 {
  margin:0;
  font-size:clamp(2.1rem,5vw,4.6rem);
  line-height:1.08;
}
.legacy-page .hero p {
  margin:20px auto 30px;
  max-width:780px;
  font-size:clamp(1.05rem,2vw,1.35rem);
}
.legacy-page .page-hero {
  padding:150px 22px 70px;
  background:linear-gradient(135deg,var(--green-dark),var(--green));
  color:white;
  text-align:center;
}
.legacy-page .page-hero h1 {
  margin:0;
  font-size:clamp(2rem,4vw,3.5rem);
}
.legacy-page .page-hero p {
  max-width:800px;
  margin:14px auto 0;
  font-size:1.15rem;
  color:#e8f1eb;
}
.legacy-page .button-row {
  display:flex;
  gap:14px;
  justify-content:center;
  flex-wrap:wrap;
}
.legacy-page .btn {
  display:inline-block;
  padding:14px 22px;
  border-radius:999px;
  text-decoration:none;
  font-weight:800;
  transition:.2s;
}
.legacy-page .btn-primary { background:var(--gold); color:#211700; }
.legacy-page .btn-secondary { background:rgba(255,255,255,.16); color:white; border:1px solid rgba(255,255,255,.65); }
.legacy-page .btn:hover { transform:translateY(-2px); box-shadow:0 10px 24px rgba(0,0,0,.2); }
.legacy-page main {
  max-width:1180px;
  margin:auto;
  padding:54px 20px;
}
.legacy-page .section {
  background:white;
  border-radius:24px;
  padding:34px;
  margin-bottom:28px;
  box-shadow:0 14px 40px rgba(0,0,0,.08);
  border:1px solid #e7eee9;
}
.legacy-page .section h2 {
  margin:0 0 12px;
  color:var(--green);
  font-size:clamp(1.7rem,3vw,2.4rem);
}
.legacy-page .section h3 { color:var(--green); margin-top:28px; }
.legacy-page .badge {
  display:inline-block;
  background:#e9f4ee;
  color:var(--green);
  padding:6px 12px;
  border-radius:999px;
  font-weight:800;
  font-size:13px;
  margin-bottom:12px;
}
.legacy-page .grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:18px;
}
.legacy-page .card {
  background:#fbfdfc;
  border-radius:18px;
  padding:22px;
  border-top:5px solid var(--green-light);
  box-shadow:0 8px 22px rgba(0,0,0,.06);
}
.legacy-page .card h3 { margin-top:0; }
.legacy-page .info-list {
  list-style:none;
  padding:0;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:12px;
}
.legacy-page .info-list li {
  background:#f1f8f4;
  border-left:4px solid var(--green-light);
  padding:13px 15px;
  border-radius:12px;
}
.legacy-page .highlight {
  background:linear-gradient(135deg,#eaf5ef,#fff8e6);
  border-left:5px solid var(--gold);
  padding:20px;
  border-radius:16px;
}
.legacy-page .contact-list { list-style:none; padding:0; }
.legacy-page .contact-list li {
  padding:13px 0;
  border-bottom:1px solid #e4ebe6;
}
.legacy-page .gallery {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:14px;
}
.legacy-page .gallery div {
  min-height:170px;
  border-radius:18px;
  background:linear-gradient(135deg,#cfe8d9,#7fb08f);
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--green-dark);
  font-weight:800;
}
.legacy-page table {
  width:100%;
  border-collapse:collapse;
}
.legacy-page th, .legacy-page td {
  text-align:left;
  padding:11px 12px;
  border-bottom:1px solid #e4ebe6;
}
.legacy-page th {
  background:#eaf3ee;
  color:var(--green);
}
.legacy-page footer {
  background:var(--green-dark);
  color:white;
  text-align:center;
  padding:28px 18px;
}
@media(max-width:780px) {
.legacy-page .site-header { position:absolute; }
.legacy-page .header-inner { flex-direction:column; }
.legacy-page .nav { justify-content:center; }
.legacy-page .hero { padding-top:230px; }
.legacy-page .page-hero { padding-top:230px; }
.legacy-page .section { padding:24px; }
}
@keyframes heroFlyInLeft {
  from {
    opacity:0;
    transform:translateX(-120vw);
  }
  to {
    opacity:1;
    transform:translateX(0);
  }
}
.legacy-page .hero-card {
  opacity:0;
  animation:heroFlyInLeft 1.2s ease-out 1s forwards;
}
@media (prefers-reduced-motion: reduce) {
.legacy-page .hero-card {
    opacity:1;
    animation:none;
  }
}
.legacy-page {
  --green:#0f3d2e;
  --green-dark:#08251c;
  --green-mid:#164d39;
  --green-light:#2f7a55;
  --gold:#d8aa35;
  --gold-soft:#fff4cf;
  --paper:#f5f7f2;
  --paper2:#edf3ee;
  --text:#1d2a23;
  --muted:#66756d;
  --white:#fff;
  --shadow:0 18px 50px rgba(0,0,0,.12);
  --radius:26px;
}
.legacy-page * {box-sizing:border-box}
.legacy-page a {color:var(--green-light);font-weight:800}
.legacy-page .site-header {position:sticky;top:0;z-index:50;background:rgba(8,37,28,.96);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.12)}
.legacy-page .header-inner {max-width:1220px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 22px}
.legacy-page .brand {color:#fff;text-decoration:none;font-weight:900;line-height:1.15;white-space:nowrap}
.legacy-page .brand small {display:block;font-weight:500;color:#dfeee5;font-size:.9rem;margin-top:2px}
.legacy-page .nav {display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.legacy-page .nav a {color:#fff;text-decoration:none;font-size:14px;padding:8px 11px;border-radius:999px;transition:.2s}
.legacy-page .nav a:hover, .legacy-page .nav a.active {background:rgba(255,255,255,.14);color:var(--gold)}
.legacy-page .hero {position:relative;overflow:hidden;background:linear-gradient(135deg,var(--green-dark),var(--green));color:#fff}
.legacy-page .hero-grid {max-width:1220px;margin:auto;display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(24px,5vw,64px);align-items:center;padding:clamp(34px,6vw,72px) 22px 76px}
.legacy-page .hero-media {position:relative;min-height:520px;border-radius:34px;overflow:hidden;box-shadow:var(--shadow);background:#123}
.legacy-page .hero-media img {width:100%;height:100%;min-height:520px;object-fit:cover;object-position:center center;display:block;animation:bildEinflug 1.1s ease-out both}
.legacy-page .hero-media::after {content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,37,28,.35),rgba(8,37,28,.05))}
.legacy-page .image-caption {position:absolute;left:20px;bottom:18px;z-index:2;background:rgba(8,37,28,.78);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:8px 14px;color:#eef8f0;font-size:.92rem;font-weight:800}
.legacy-page .hero-content {position:relative;z-index:1}
.legacy-page .kicker {display:inline-block;background:rgba(216,170,53,.16);border:1px solid rgba(216,170,53,.58);color:#ffe7a3;padding:7px 14px;border-radius:999px;font-weight:900;font-size:14px;margin-bottom:16px}
.legacy-page h1 {margin:0;font-size:clamp(2.25rem,5vw,4.65rem);line-height:1.05;letter-spacing:-1.2px}
.legacy-page .hero-content p {font-size:1.16rem;color:#e8f1eb;max-width:740px}
.legacy-page .hero-actions, .legacy-page .btn-row {display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}
.legacy-page .btn {display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border-radius:999px;text-decoration:none;font-weight:900;transition:.2s;border:0}
.legacy-page .btn-primary {background:var(--gold);color:#211700}
.legacy-page .btn-secondary {background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.35)}
.legacy-page .btn:hover {transform:translateY(-2px);box-shadow:0 12px 25px rgba(0,0,0,.18)}
.legacy-page .hero-box {margin-top:26px;background:#fff;color:var(--text);border-radius:24px;padding:24px;box-shadow:var(--shadow);border:4px solid var(--gold)}
.legacy-page .hero-box .label {font-weight:900;color:var(--green);text-transform:uppercase;letter-spacing:.04em;font-size:13px}
.legacy-page .hero-box .date {font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.1;font-weight:900;color:var(--green-dark);margin:5px 0}
.legacy-page .quick-facts {display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}
.legacy-page .quick-fact {background:#f1f8f4;border-radius:15px;padding:12px;border-left:5px solid var(--green-light);font-size:.95rem}
.legacy-page .quick-fact strong {display:block;color:var(--green-dark)}
.legacy-page .wave {display:block;width:100%;height:74px;color:var(--paper)}
.legacy-page .wave.dark {color:var(--green-dark)}
.legacy-page .wave.paper2 {color:var(--paper2)}
.legacy-page .wrap {max-width:1220px;margin:auto;padding:0 20px}
.legacy-page .section {padding:clamp(46px,6vw,78px) 0;background:var(--paper)}
.legacy-page .section.alt {background:var(--paper2)}
.legacy-page .section.dark {background:linear-gradient(135deg,var(--green-dark),var(--green));color:#fff;position:relative;overflow:hidden}
.legacy-page .section-card {background:#fff;border-radius:var(--radius);padding:clamp(24px,4vw,38px);box-shadow:0 14px 42px rgba(0,0,0,.08);border:1px solid #e4ece6}
.legacy-page .section.dark .section-card {background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff}
.legacy-page .badge {display:inline-block;background:#e9f4ee;color:var(--green);padding:6px 12px;border-radius:999px;font-weight:900;font-size:13px;margin-bottom:12px}
.legacy-page .section.dark .badge {background:rgba(216,170,53,.17);color:#ffe7a3;border:1px solid rgba(216,170,53,.45)}
.legacy-page h2 {margin:0 0 14px;color:var(--green);font-size:clamp(1.75rem,3vw,2.65rem);line-height:1.15}
.legacy-page .section.dark h2 {color:#fff}
.legacy-page h3 {color:var(--green);margin:0 0 10px}
.legacy-page .section.dark h3 {color:#fff}
.legacy-page .lead {font-size:1.12rem;color:#314039}
.legacy-page .section.dark .lead {color:#e7f1eb}
.legacy-page .compare-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}
.legacy-page .compare-card {border-radius:22px;padding:24px;background:#fff;border:1px solid #e7eee9}
.legacy-page .compare-card.good {border-top:7px solid var(--green-light)}
.legacy-page .compare-card.online {border-top:7px solid #9aa49e;background:#fbfbfb}
.legacy-page .compare-card li {margin-bottom:8px}
.legacy-page .highlight {background:var(--gold-soft);border-left:6px solid var(--gold);padding:20px;border-radius:17px;font-weight:700;color:var(--green-dark);margin-top:22px}
.legacy-page .info-list {list-style:none;padding:0;margin:20px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
.legacy-page .info-list li {background:#f1f8f4;border-left:5px solid var(--green-light);padding:15px;border-radius:15px}
.legacy-page .info-list small {color:var(--muted)}
.legacy-page .steps {display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:20px;counter-reset:step}
.legacy-page .step {background:#fbfdfc;border-radius:18px;padding:22px;border:1px solid #e7eee9;position:relative;overflow:hidden}
.legacy-page .step:before {counter-increment:step;content:counter(step);position:absolute;right:18px;top:2px;font-size:4.6rem;font-weight:900;color:#e9f4ee;line-height:1}
.legacy-page .step h3, .legacy-page .step p {position:relative}
.legacy-page .topic-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-top:20px}
.legacy-page .topic-card {min-height:178px;border-radius:22px;overflow:hidden;position:relative;color:white;padding:24px;display:flex;align-items:flex-end;box-shadow:0 12px 30px rgba(0,0,0,.14);background-size:cover;background-position:center}
.legacy-page .topic-card::before {content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.05),rgba(0,0,0,.68))}
.legacy-page .topic-card div {position:relative;z-index:1}
.legacy-page .topic-card h3 {color:white;margin:0 0 6px;font-size:1.35rem}
.legacy-page .topic-card p {margin:0;font-size:.95rem}
.legacy-page .topic-gewaesser {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 360'%3E%3Crect width='600' height='360' fill='%23bfe3ef'/%3E%3Cpath d='M0 225 C90 190 150 250 245 215 C335 180 405 250 600 205 L600 360 L0 360 Z' fill='%232f7a9a' opacity='.85'/%3E%3Cpath d='M0 275 C120 240 210 305 330 265 C430 235 500 280 600 250 L600 360 L0 360 Z' fill='%230f5d77' opacity='.65'/%3E%3Ccircle cx='470' cy='72' r='48' fill='%23ffd66b' opacity='.85'/%3E%3C/svg%3E")}
.legacy-page .topic-geraet {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 360'%3E%3Crect width='600' height='360' fill='%23e4efe8'/%3E%3Cpath d='M90 310 C220 205 330 110 535 38' stroke='%231b3d2e' stroke-width='13' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='390' cy='165' r='46' fill='none' stroke='%23d8aa35' stroke-width='14'/%3E%3Cpath d='M418 190 L485 258' stroke='%23d8aa35' stroke-width='12' stroke-linecap='round'/%3E%3C/svg%3E")}
.legacy-page .topic-fisch {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 360'%3E%3Crect width='600' height='360' fill='%23cfe8d9'/%3E%3Cpath d='M120 185 C210 95 360 95 450 185 C360 275 210 275 120 185 Z' fill='%232f7a55' opacity='.85'/%3E%3Cpath d='M450 185 L545 120 L520 185 L545 250 Z' fill='%230f3d2e' opacity='.85'/%3E%3Ccircle cx='185' cy='165' r='13' fill='%2308251c'/%3E%3C/svg%3E")}
.legacy-page .topic-gesetz {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 360'%3E%3Crect width='600' height='360' fill='%23efe7d1'/%3E%3Crect x='165' y='70' width='270' height='220' rx='18' fill='%23fff8e6' stroke='%238c6b23' stroke-width='12'/%3E%3Cpath d='M220 125 H380 M220 165 H380 M220 205 H345' stroke='%238c6b23' stroke-width='14' stroke-linecap='round'/%3E%3C/svg%3E")}
.legacy-page .topic-natur {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 360'%3E%3Crect width='600' height='360' fill='%23dcefe5'/%3E%3Cpath d='M300 310 C250 235 250 135 300 65 C350 135 350 235 300 310 Z' fill='%232f7a55' opacity='.9'/%3E%3Cpath d='M300 310 C195 255 130 165 145 70 C245 95 315 175 300 310 Z' fill='%230f3d2e' opacity='.75'/%3E%3Cpath d='M300 310 C405 255 470 165 455 70 C355 95 285 175 300 310 Z' fill='%2377a877' opacity='.8'/%3E%3C/svg%3E")}
.legacy-page .trainer-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-top:20px}
.legacy-page .trainer {background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:22px}
.legacy-page .trainer strong {display:block;font-size:1.2rem;color:#fff}
.legacy-page .trainer span {color:#dcebe2}
.legacy-page .fish-bg {position:absolute;right:4%;bottom:10%;width:220px;opacity:.09;color:#fff}
.legacy-page .contact-box, .legacy-page .contact-box a {color:var(--green-dark)!important}
.legacy-page .contact-box a {text-decoration:underline;font-weight:900}
.legacy-page .final-cta {text-align:center}
.legacy-page .final-cta .highlight {text-align:left;max-width:740px;margin:22px auto}
.legacy-page footer {background:var(--green-dark);color:white;text-align:center;padding:30px 18px}
.legacy-page footer a {color:white}
@keyframes bildEinflug{from{opacity:0;transform:translateX(-38px) scale(1.02)}to{opacity:1;transform:translateX(0) scale(1)}}
@media(max-width:900px){
.legacy-page .header-inner {flex-direction:column}
.legacy-page .nav {justify-content:center}
.legacy-page .hero-grid {grid-template-columns:1fr;padding-top:28px}
.legacy-page .hero-media, .legacy-page .hero-media img {min-height:330px}
.legacy-page .compare-grid {grid-template-columns:1fr}
.legacy-page .quick-facts {grid-template-columns:1fr}
.legacy-page .section-card {padding:22px}
}
.legacy-page .section.dark .info-list li, .legacy-page .section.dark .step, .legacy-page .section.dark .compare-card, .legacy-page .section.dark .highlight, .legacy-page .section.dark .contact-box {
  background:#f1f8f4;
  color:#1d2a23 !important;
}
.legacy-page .section.dark .info-list li strong, .legacy-page .section.dark .step strong, .legacy-page .section.dark .compare-card strong, .legacy-page .section.dark .highlight strong, .legacy-page .section.dark .contact-box strong {
  color:#08251c !important;
}
.legacy-page .section.dark .info-list li small, .legacy-page .section.dark .step p, .legacy-page .section.dark .compare-card li {
  color:#1d2a23 !important;
}
.legacy-page .section.dark .info-list li a, .legacy-page .section.dark .highlight a, .legacy-page .section.dark .contact-box a {
  color:#0f3d2e !important;
}
.legacy-page .section.dark .section-card {
  color:#ffffff;
}
.legacy-page .section.dark .section-card > p, .legacy-page .section.dark .section-card .lead {
  color:#e7f1eb;
}
.legacy-page .section.dark .trainer {
  background:rgba(255,255,255,.12);
  color:#ffffff;
}
.legacy-page .section.dark .trainer strong {
  color:#ffffff !important;
}
.legacy-page .section.dark .trainer span {
  color:#dcebe2 !important;
}
.legacy-page body::before, .legacy-page body::after {
  content:"";
  position:fixed;
  left:-12%;
  width:124%;
  height:260px;
  pointer-events:none;
  z-index:-1;
  opacity:.32;
  background:
    radial-gradient(ellipse at 20% 50%, rgba(47,122,85,.20), transparent 60%),
    radial-gradient(ellipse at 70% 50%, rgba(216,170,53,.16), transparent 58%);
  filter:blur(2px);
  animation:hintergrundWellen 16s ease-in-out infinite alternate;
}
.legacy-page body::before {top:120px;}
.legacy-page body::after {bottom:80px;animation-duration:22s;animation-direction:alternate-reverse;opacity:.22;}
.legacy-page .section, .legacy-page .hero, .legacy-page footer, .legacy-page .site-header {
  position:relative;
  z-index:1;
}
.legacy-page .flow-waves {
  position:absolute;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  z-index:0;
}
.legacy-page .flow-waves svg {
  position:absolute;
  left:-12%;
  width:124%;
  height:180px;
  opacity:.20;
  color:rgba(255,255,255,.75);
  animation:welleFliessen 13s ease-in-out infinite alternate;
}
.legacy-page .flow-waves svg:nth-child(1) {top:8%;animation-duration:15s;}
.legacy-page .flow-waves svg:nth-child(2) {top:42%;animation-duration:19s;animation-direction:alternate-reverse;opacity:.12;}
.legacy-page .flow-waves svg:nth-child(3) {bottom:6%;animation-duration:23s;opacity:.10;}
.legacy-page .hero .flow-waves svg, .legacy-page .section.dark .flow-waves svg {
  color:rgba(255,255,255,.75);
}
.legacy-page .section:not(.dark) .flow-waves svg, .legacy-page .section.alt .flow-waves svg {
  color:rgba(47,122,85,.42);
}
.legacy-page .hero-grid, .legacy-page .wrap {
  position:relative;
  z-index:2;
}
@keyframes welleFliessen{
  from{transform:translateX(-2.5%) translateY(0) scaleY(1);}
  to{transform:translateX(2.5%) translateY(12px) scaleY(1.08);}
}
@keyframes hintergrundWellen{
  from{transform:translateX(-2%) translateY(0);}
  to{transform:translateX(2%) translateY(18px);}
}
@media (prefers-reduced-motion: reduce){
.legacy-page body::before, .legacy-page body::after, .legacy-page .flow-waves svg {
    animation:none;
  }
}
.legacy-page .hero-box {
  position:relative !important;
  z-index:20 !important;
  margin-top:28px !important;
  background:#ffffff !important;
  color:#1d2a23 !important;
  border-radius:28px !important;
  padding:30px !important;
  box-shadow:0 24px 70px rgba(0,0,0,.32) !important;
  border:7px solid #d8aa35 !important;
  outline:2px solid rgba(255,255,255,.75);
}
.legacy-page .hero-box .label {
  color:#0f3d2e !important;
  font-size:.95rem !important;
}
.legacy-page .hero-box .date {
  font-size:clamp(2.4rem,4vw,3.5rem) !important;
  color:#08251c !important;
  font-weight:900 !important;
}
.legacy-page .hero-box p, .legacy-page .hero-box strong {
  color:#1d2a23 !important;
}
.legacy-page .hero-box .btn {
  margin-top:16px;
  width:100%;
  text-align:center;
}
.legacy-page .hero-content {
  z-index:15 !important;
}
.legacy-page .flow-waves {
  z-index:0 !important;
}
@media(max-width:900px){
.legacy-page .hero-box {
    padding:24px !important;
    margin-top:22px !important;
  }
}
.legacy-page .wave {
  animation:wellenSchwingen 7s ease-in-out infinite alternate !important;
  transform-origin:center center;
}
.legacy-page .wave.paper2 {
  animation-duration:9s !important;
}
.legacy-page .wave.dark {
  animation-duration:8s !important;
}
.legacy-page .flow-waves svg {
  animation:welleFliessen 13s ease-in-out infinite alternate !important;
}
.legacy-page .flow-waves svg:nth-child(1) {
  animation-duration:14s !important;
}
.legacy-page .flow-waves svg:nth-child(2) {
  animation-duration:18s !important;
  animation-direction:alternate-reverse !important;
}
.legacy-page .flow-waves svg:nth-child(3) {
  animation-duration:22s !important;
}
@keyframes wellenSchwingen{
  from{transform:translateX(-10px) scaleY(1);}
  to{transform:translateX(10px) scaleY(1.08);}
}
@keyframes welleFliessen{
  from{transform:translateX(-2.5%) translateY(0) scaleY(1);}
  to{transform:translateX(2.5%) translateY(14px) scaleY(1.08);}
}
@media (prefers-reduced-motion: reduce){
.legacy-page .wave, .legacy-page .flow-waves svg {
    animation:none !important;
  }
}
.legacy-page .wave {
  display:none !important;
}
.legacy-page .wave-stream {
  position:relative;
  height:105px;
  overflow:hidden;
  background:transparent;
  z-index:2;
  margin-top:-1px;
  margin-bottom:-1px;
}
.legacy-page .wave-stream svg {
  position:absolute;
  left:0;
  bottom:0;
  width:200%;
  height:105px;
  transform:translate3d(0,0,0);
}
.legacy-page .wave-stream .water-wave-1 {
  opacity:.95;
  animation:wasserWelleLinks 14s linear infinite;
}
.legacy-page .wave-stream .water-wave-2 {
  opacity:.62;
  animation:wasserWelleRechts 20s linear infinite;
}
.legacy-page .wave-stream .water-wave-3 {
  opacity:.38;
  animation:wasserWelleLinks 28s linear infinite;
}
.legacy-page .wave-stream.paper path {fill:var(--paper);}
.legacy-page .wave-stream.paper2 path {fill:var(--paper2);}
.legacy-page .wave-stream.dark path {fill:var(--green-dark);}
@keyframes wasserWelleLinks{
  from{transform:translateX(0);}
  to{transform:translateX(-50%);}
}
@keyframes wasserWelleRechts{
  from{transform:translateX(-50%);}
  to{transform:translateX(0);}
}
@media (prefers-reduced-motion: reduce){
.legacy-page .wave-stream svg {
    animation:none !important;
  }
}
.legacy-page .flow-waves svg {
  opacity:.07 !important;
}
.legacy-page .hero .flow-waves svg, .legacy-page .section.dark .flow-waves svg {
  opacity:.10 !important;
}
.legacy-page .hero {
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:white;
  padding:130px 22px 70px;
  background:
    linear-gradient(rgba(0,0,0,.18),rgba(0,0,0,.55)),
    url('/assets/img/legacy/54352a0eeb.png');
  background-size:cover;
  background-position:center;
}
.legacy-page .board-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:18px;
}
.legacy-page .board-card {
  background:#fbfdfc;
  border-radius:20px;
  padding:22px;
  text-align:center;
  border:1px solid #e4ebe6;
  box-shadow:0 8px 22px rgba(0,0,0,.06);
}
.legacy-page .board-photo {
  width:120px;
  height:120px;
  border-radius:50%;
  background:linear-gradient(135deg,#dcefe5,#7fb08f);
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--green-dark);
  font-weight:800;
  margin:0 auto 14px;
  border:5px solid white;
  box-shadow:0 8px 20px rgba(0,0,0,.12);
}
.legacy-page .board-card h3 {
  margin:8px 0 4px;
  color:var(--green);
}
.legacy-page .board-role {
  color:var(--muted);
  font-weight:700;
  margin-bottom:10px;
}
.legacy-page .mail-button {
  display:inline-block;
  margin-top:8px;
  padding:8px 12px;
  border-radius:999px;
  background:#e9f4ee;
  text-decoration:none;
  font-size:.92rem;
}
.legacy-page .board-photo img {
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:50%;
  display:block;
}
.legacy-page .card img {
  width:100%;
  height:210px;
  object-fit:cover;
  border-radius:14px;
  display:block;
  margin:-6px 0 16px;
  box-shadow:0 8px 18px rgba(0,0,0,.12);
}
.legacy-page .card a { text-decoration:none; color:inherit; }
.legacy-page .card a:hover img { transform:scale(1.015); }
.legacy-page .card img { transition:.25s ease; }
.legacy-page .wave-divider {
  position: relative;
  height: 90px;
  margin-top: -90px;
  overflow: hidden;
  z-index: 3;
}
.legacy-page .wave-divider svg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 200%;
  height: 100%;
  animation: waveMove 12s linear infinite;
}
.legacy-page .wave-divider .wave2 {
  opacity: .55;
  animation-duration: 18s;
  animation-direction: reverse;
}
@keyframes waveMove {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
.legacy-page .gewaesser-hero-note {max-width:980px;margin:24px auto 0;padding:18px 22px;border-radius:22px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(8px)}
.legacy-page .gewaesser-intro {display:grid;grid-template-columns:1.2fr .8fr;gap:26px;align-items:stretch}
.legacy-page .info-panel {background:linear-gradient(145deg,#0f3d2e,#08251c);color:#fff;border-radius:28px;padding:30px;box-shadow:0 18px 40px rgba(8,37,28,.22);position:relative;overflow:hidden}
.legacy-page .info-panel:after {content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:rgba(216,170,53,.16);right:-80px;bottom:-80px}
.legacy-page .info-panel h3 {color:#fff;margin-top:0}
.legacy-page .info-panel p {position:relative;z-index:1}
.legacy-page .quickfacts {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px;position:relative;z-index:1}
.legacy-page .fact {background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:14px}
.legacy-page .fact b {display:block;color:var(--gold);font-size:20px}
.legacy-page .water-cards {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.legacy-page .water-card {background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 16px 35px rgba(8,37,28,.14);border:1px solid rgba(15,61,46,.10);transition:.25s}
.legacy-page .water-card:hover {transform:translateY(-6px);box-shadow:0 22px 50px rgba(8,37,28,.22)}
.legacy-page .water-card img {width:100%;height:220px;object-fit:cover;display:block}
.legacy-page .water-card-body {padding:24px}
.legacy-page .water-card h3 {margin:0 0 10px;color:var(--green)}
.legacy-page .pill-row {display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.legacy-page .pill {display:inline-flex;align-items:center;gap:6px;background:#eaf3ee;color:var(--green);border-radius:999px;padding:6px 10px;font-size:13px;font-weight:700}
.legacy-page .split {display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}
.legacy-page .highlight-box {background:#fff;border-left:6px solid var(--gold);border-radius:22px;padding:24px;box-shadow:0 12px 28px rgba(8,37,28,.10)}
.legacy-page .species-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.legacy-page .species {background:#fff;border-radius:18px;padding:16px;text-align:center;box-shadow:0 10px 24px rgba(8,37,28,.10);font-weight:800}
.legacy-page .species span {display:block;font-size:30px;margin-bottom:6px}
.legacy-page .timeline {position:relative;margin:26px 0 0;padding-left:26px}
.legacy-page .timeline:before {content:"";position:absolute;left:6px;top:0;bottom:0;width:4px;background:linear-gradient(var(--green-light),var(--gold));border-radius:999px}
.legacy-page .timeline-item {background:#fff;border-radius:18px;padding:16px 18px;margin-bottom:14px;box-shadow:0 10px 24px rgba(8,37,28,.09);position:relative}
.legacy-page .timeline-item:before {content:"";position:absolute;left:-25px;top:22px;width:14px;height:14px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px #f4f7f5}
.legacy-page .cta-band {background:linear-gradient(135deg,#08251c,#0f3d2e 55%,#2f7a55);color:#fff;border-radius:32px;padding:34px;text-align:center;box-shadow:0 18px 45px rgba(8,37,28,.22)}
.legacy-page .cta-band h2 {color:#fff}
.legacy-page .cta-buttons {display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:18px}
.legacy-page .btn-gold, .legacy-page .btn-light {display:inline-block;text-decoration:none;border-radius:999px;padding:12px 20px;font-weight:800}
.legacy-page .btn-gold {background:var(--gold);color:#16241d}
.legacy-page .btn-light {background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.28)}
.legacy-page .river-map {display:grid;grid-template-columns:repeat(5,1fr);gap:10px;align-items:center;text-align:center;margin-top:24px}
.legacy-page .river-step {background:#fff;border-radius:18px;padding:14px;box-shadow:0 10px 24px rgba(8,37,28,.09);font-weight:800;color:var(--green)}
.legacy-page .river-arrow {color:var(--gold);font-size:28px;font-weight:900}
.legacy-page .reveal {opacity:0;transform:translateY(20px);transition:.7s}
.legacy-page .reveal.visible {opacity:1;transform:translateY(0)}
@media(max-width:900px){
.legacy-page .gewaesser-intro, .legacy-page .split {grid-template-columns:1fr}
.legacy-page .water-cards {grid-template-columns:1fr}
.legacy-page .species-grid {grid-template-columns:repeat(2,1fr)}
.legacy-page .river-map {grid-template-columns:1fr}
.legacy-page .river-arrow {transform:rotate(90deg)}
}
@media(max-width:520px){
.legacy-page .quickfacts, .legacy-page .species-grid {grid-template-columns:1fr}
.legacy-page .cta-band {padding:24px}
.legacy-page .water-card img {height:180px}
}
.legacy-page {
  --deep:#031722;
  --deep2:#062a3b;
  --green:#0f3d2e;
  --gold:#d8aa35;
  --gold2:#ffd86b;
  --text:#ecf7f4;
  --muted:#b9cec9;
  --card:rgba(255,255,255,.095);
  --line:rgba(255,255,255,.16);
}
.legacy-page a { color:var(--gold2); font-weight:700; }
.legacy-page .water-light {
  position:fixed;
  inset:-20%;
  pointer-events:none;
  background:
    repeating-linear-gradient(115deg, rgba(255,255,255,.05) 0 2px, transparent 2px 75px),
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.12), transparent 38%);
  filter:blur(.2px);
  opacity:.55;
  animation:waterShift 18s linear infinite;
  z-index:-3;
}
@keyframes waterShift {
  0% { transform:translate3d(-3%,0,0) rotate(0deg); }
  50% { transform:translate3d(3%,2%,0) rotate(1deg); }
  100% { transform:translate3d(-3%,0,0) rotate(0deg); }
}
.legacy-page .bubbles span {
  position:fixed;
  bottom:-70px;
  left:var(--x);
  width:var(--s);
  height:var(--s);
  border-radius:50%;
  background:rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.32);
  animation:bubbleRise var(--t) linear infinite;
  animation-delay:var(--d);
  z-index:-2;
}
@keyframes bubbleRise {
  0% { transform:translateY(0) translateX(0); opacity:0; }
  15% { opacity:1; }
  100% { transform:translateY(-118vh) translateX(35px); opacity:0; }
}
.legacy-page .swimmer {
  position:fixed;
  top:26%;
  left:-160px;
  font-size:90px;
  opacity:.10;
  filter:blur(.3px);
  animation:swim 34s linear infinite;
  z-index:-1;
}
.legacy-page .swimmer.two {
  top:68%;
  animation-duration:46s;
  animation-delay:-15s;
  opacity:.07;
  font-size:120px;
}
@keyframes swim {
  from { transform:translateX(-10vw) scaleX(1); }
  to { transform:translateX(125vw) scaleX(1); }
}
.legacy-page .site-header {
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(3,23,34,.82);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
.legacy-page .header-inner {
  max-width:1250px;
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:12px 22px;
}
.legacy-page .brand {
  color:white;
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
  font-weight:900;
  letter-spacing:.2px;
  line-height:1.15;
}
.legacy-page .brand img {
  width:56px;
  height:56px;
  object-fit:contain;
  background:white;
  border-radius:50%;
  padding:4px;
  box-shadow:0 0 0 2px rgba(216,170,53,.35);
}
.legacy-page .brand small { display:block; color:var(--muted); font-weight:500; }
.legacy-page .nav {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-end;
}
.legacy-page .nav a {
  color:white;
  text-decoration:none;
  padding:8px 12px;
  border-radius:999px;
  font-size:14px;
  transition:.25s;
}
.legacy-page .nav a:hover, .legacy-page .nav a.active {
  background:rgba(216,170,53,.16);
  color:var(--gold2);
}
.legacy-page .hero {
  min-height:72vh;
  display:grid;
  place-items:center;
  text-align:center;
  padding:90px 22px 60px;
  position:relative;
  overflow:hidden;
}
.legacy-page .hero:before {
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(3,23,34,.16),rgba(3,23,34,.88)),
    url('https://commons.wikimedia.org/wiki/Special:FilePath/Esox_lucius.jpg') center/cover no-repeat;
  opacity:.26;
  transform:scale(1.05);
  animation:heroPulse 12s ease-in-out infinite;
}
@keyframes heroPulse {
  50% { transform:scale(1.035); opacity:.34; }
}
.legacy-page .hero-content {
  position:relative;
  max-width:920px;
}
.legacy-page .kicker {
  color:var(--gold2);
  text-transform:uppercase;
  letter-spacing:2.4px;
  font-size:13px;
  font-weight:900;
}
.legacy-page .hero h1 {
  font-size:clamp(42px,7vw,86px);
  margin:10px 0 16px;
  line-height:1.02;
  text-shadow:0 18px 50px rgba(0,0,0,.65);
}
.legacy-page .hero p {
  max-width:760px;
  margin:0 auto 30px;
  font-size:clamp(18px,2.3vw,25px);
  color:#e3f4ef;
}
.legacy-page .hero-actions {
  display:flex;
  gap:14px;
  justify-content:center;
  flex-wrap:wrap;
}
.legacy-page .btn {
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:13px 20px;
  border-radius:999px;
  text-decoration:none;
  color:#081b20;
  background:linear-gradient(135deg,var(--gold2),var(--gold));
  box-shadow:0 12px 30px rgba(216,170,53,.24);
}
.legacy-page .btn.secondary {
  color:white;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.20);
  box-shadow:none;
}
.legacy-page .section {
  max-width:1250px;
  margin:auto;
  padding:72px 22px;
}
.legacy-page .intro {
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:28px;
  align-items:stretch;
}
.legacy-page .panel {
  background:rgba(255,255,255,.08);
  border:1px solid var(--line);
  border-radius:28px;
  padding:30px;
  box-shadow:0 24px 70px rgba(0,0,0,.22);
}
.legacy-page .panel h2, .legacy-page .section-title h2 {
  margin:0 0 16px;
  font-size:clamp(30px,4vw,48px);
  line-height:1.12;
  letter-spacing:.2px;
  color:#ffffff;
  text-shadow:0 10px 28px rgba(0,0,0,.28);
}
.legacy-page .panel h2::after {
  content:"";
  display:block;
  width:74px;
  height:3px;
  margin-top:14px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--gold2),rgba(47,122,85,.85),rgba(216,170,53,.15));
  background-size:220% 100%;
  animation:accentFlow 4.8s ease-in-out infinite, softGlow 4.8s ease-in-out infinite;
}
.legacy-page .section-title h2::after {
  content:"";
  display:block;
  width:92px;
  height:3px;
  margin:16px auto 0;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,rgba(47,122,85,.8),var(--gold2),rgba(47,122,85,.8),transparent);
  background-size:260% 100%;
  animation:accentFlow 5.8s ease-in-out infinite;
}
.legacy-page .panel p, .legacy-page .section-title p {
  color:var(--muted);
  font-size:18px;
  margin:0;
}
.legacy-page .notice {
  border-left:none;
  position:relative;
  overflow:hidden;
}
.legacy-page .notice:before {
  content:"";
  position:absolute;
  left:30px;
  right:30px;
  top:0;
  height:2px;
  background:linear-gradient(90deg, transparent, rgba(47,122,85,.75), rgba(255,216,107,.95), rgba(47,122,85,.75), transparent);
  background-size:240% 100%;
  animation:accentFlow 5.5s ease-in-out infinite;
}
.legacy-page .fact-list {
  display:grid;
  gap:16px;
}
.legacy-page .fact {
  padding:18px;
  border-radius:20px;
  background:rgba(255,255,255,.07);
  border:1px solid var(--line);
}
.legacy-page .fact strong {
  display:block;
  color:var(--gold2);
  font-size:22px;
}
.legacy-page .section-title {
  text-align:center;
  max-width:820px;
  margin:0 auto 36px;
}
.legacy-page .fish-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(255px,1fr));
  gap:24px;
}
.legacy-page .fish-card {
  background:var(--card);
  border:1px solid var(--line);
  border-radius:26px;
  overflow:hidden;
  box-shadow:0 20px 55px rgba(0,0,0,.28);
  transition:.35s ease;
  transform-style:preserve-3d;
}
.legacy-page .fish-card:hover {
  transform:translateY(-10px);
  border-color:rgba(216,170,53,.55);
  box-shadow:0 28px 75px rgba(0,0,0,.42);
}
.legacy-page .image-wrap {
  position:relative;
  display:block;
  height:225px;
  overflow:hidden;
  color:white;
}
.legacy-page .image-wrap img {
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center center;
  background:radial-gradient(circle at center, rgba(255,255,255,.12), rgba(0,0,0,.24));
  padding:8px;
  display:block;
  transition:transform .7s ease, filter .7s ease;
}
.legacy-page .fish-card:hover img {
  transform:scale(1.035);
  filter:saturate(1.12) contrast(1.05);
}
.legacy-page .image-wrap:after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.62));
}
.legacy-page .hover-text {
  position:absolute;
  right:14px;
  bottom:14px;
  z-index:2;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(3,23,34,.72);
  border:1px solid rgba(255,255,255,.18);
  font-size:13px;
  opacity:0;
  transform:translateY(8px);
  transition:.25s;
}
.legacy-page .fish-card:hover .hover-text {
  opacity:1;
  transform:translateY(0);
}
.legacy-page .fish-content {
  padding:22px;
}
.legacy-page .fish-tag {
  display:inline-block;
  color:var(--gold2);
  font-size:13px;
  font-weight:900;
  letter-spacing:.6px;
  text-transform:uppercase;
  margin-bottom:8px;
  background:linear-gradient(90deg,var(--gold2),#79b884,var(--gold2));
  background-size:220% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  animation:accentFlow 6s ease-in-out infinite;
}
.legacy-page .fish-content h3 {
  margin:0 0 8px;
  font-size:28px;
  line-height:1.1;
  color:#ffffff;
  letter-spacing:.2px;
}
.legacy-page .fish-content p {
  margin:0;
  color:#d3e4df;
}
.legacy-page .cta {
  text-align:center;
  background:linear-gradient(135deg,rgba(216,170,53,.16),rgba(255,255,255,.06));
  border:1px solid rgba(216,170,53,.34);
}
.legacy-page .sources {
  background:rgba(0,0,0,.20);
  border-top:1px solid var(--line);
}
.legacy-page .source-list {
  columns:2;
  column-gap:40px;
  padding-left:20px;
  color:var(--muted);
}
.legacy-page .source-list li {
  break-inside:avoid;
  margin:0 0 10px;
}
.legacy-page footer {
  text-align:center;
  padding:26px 20px;
  color:var(--muted);
  background:rgba(0,0,0,.25);
}
.legacy-page .reveal {
  opacity:0;
  transform:translateY(24px);
  animation:reveal .8s ease forwards;
  animation-delay:var(--delay);
}
@keyframes reveal {
  to { opacity:1; transform:translateY(0); }
}
@media (max-width:860px) {
.legacy-page .header-inner { flex-direction:column; align-items:flex-start; }
.legacy-page .nav { justify-content:flex-start; }
.legacy-page .intro { grid-template-columns:1fr; }
.legacy-page .source-list { columns:1; }
.legacy-page .hero { min-height:66vh; }
}
@keyframes accentFlow {
  0% { background-position:0% 50%; opacity:.65; }
  50% { background-position:100% 50%; opacity:1; }
  100% { background-position:0% 50%; opacity:.65; }
}
@keyframes softGlow {
  0%,100% { box-shadow:0 0 0 rgba(216,170,53,0); }
  50% { box-shadow:0 0 18px rgba(216,170,53,.28); }
}
.legacy-page {--green:#0f3d2e;--green-dark:#08251c;--green-light:#2f7a55;--gold:#d8aa35;--bg:#f4f7f5;--text:#1d2a23;--muted:#66756d}
.legacy-page a {color:var(--green-light);font-weight:700}
.legacy-page .site-header {position:fixed;top:0;left:0;width:100%;z-index:100;background:rgba(8,37,28,.94);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.15)}
.legacy-page .header-inner {max-width:1250px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 22px}
.legacy-page .brand {color:white;font-weight:800;line-height:1.2;text-decoration:none;white-space:nowrap}
.legacy-page .brand small {display:block;font-weight:400;color:#dfeee5}
.legacy-page .nav {display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.legacy-page .nav a {color:white;text-decoration:none;font-size:14px;padding:8px 12px;border-radius:999px;transition:.2s}
.legacy-page .nav a:hover, .legacy-page .nav a.active {background:rgba(255,255,255,.15);color:var(--gold)}
.legacy-page .page-hero {min-height:420px;display:flex;align-items:center;justify-content:center;text-align:center;color:white;padding:145px 22px 80px;background:linear-gradient(rgba(8,37,28,.72),rgba(8,37,28,.84)),url("bilder/Simmersee/titelbild.jpg");background-size:cover;background-position:center}
.legacy-page .hero-inner {max-width:900px}
.legacy-page .page-hero h1 {margin:0;font-size:clamp(2.3rem,5vw,4.4rem);line-height:1.08}
.legacy-page .page-hero p {margin:16px auto 0;font-size:clamp(1.05rem,2vw,1.35rem);color:#eef6f1}
.legacy-page main {max-width:1300px;margin:auto;padding:56px 20px}
.legacy-page .section {background:white;border-radius:26px;padding:34px;margin-bottom:30px;box-shadow:0 14px 40px rgba(0,0,0,.08);border:1px solid #e7eee9}
.legacy-page .section h2 {margin:0 0 12px;color:var(--green);font-size:clamp(1.8rem,3vw,2.6rem)}
.legacy-page .section-intro {max-width:900px;color:var(--muted);margin-bottom:28px}
.legacy-page .badge {display:inline-block;background:#e9f4ee;color:var(--green);padding:6px 12px;border-radius:999px;font-weight:800;font-size:13px;margin-bottom:12px}
.legacy-page .gallery-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:24px}
.legacy-page .gallery-card {position:relative;min-height:330px;overflow:hidden;border-radius:24px;box-shadow:0 14px 36px rgba(0,0,0,.16);background:#d9e9df;isolation:isolate}
.legacy-page .gallery-card img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .55s ease;z-index:-2}
.legacy-page .gallery-card::before {content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.05),rgba(0,0,0,.78));z-index:-1}
.legacy-page .gallery-card:hover img {transform:scale(1.08)}
.legacy-page .gallery-content {height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;color:white}
.legacy-page .gallery-content h3 {margin:0 0 8px;color:white;font-size:1.75rem}
.legacy-page .gallery-content p {margin:0 0 16px;color:#e7eee9}
.legacy-page .btn {display:inline-block;width:max-content;padding:11px 18px;border-radius:999px;text-decoration:none;font-weight:800;transition:.2s}
.legacy-page .btn-primary {background:var(--gold);color:#201700}
.legacy-page .btn-secondary {background:rgba(255,255,255,.92);color:var(--green)}
.legacy-page .btn:hover {transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.22)}
.legacy-page .info-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}
.legacy-page .info-box {background:#f1f8f4;border-left:5px solid var(--green-light);padding:20px;border-radius:18px}
.legacy-page .info-box h3 {margin-top:0;color:var(--green)}
.legacy-page .upload-section {background:linear-gradient(135deg,#fff8e6,#eaf5ef);border:2px solid #f0dfaa}
.legacy-page .upload-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
.legacy-page .upload-card {background:white;border-radius:18px;padding:20px;box-shadow:0 8px 20px rgba(0,0,0,.06)}
.legacy-page .upload-card h3 {margin-top:0;color:var(--green)}
.legacy-page footer {background:var(--green-dark);color:white;text-align:center;padding:28px 18px}
@media(max-width:900px){
.legacy-page .site-header {position:absolute}
.legacy-page .header-inner {flex-direction:column}
.legacy-page .nav {justify-content:center}
.legacy-page .page-hero {padding-top:250px}
.legacy-page .section {padding:24px}
.legacy-page .gallery-card {min-height:280px}
}
.legacy-page .partner-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:22px;
  margin-top:24px;
}
.legacy-page .partner-card {
  background:#f8fbf9;
  border:1px solid #dfe9e3;
  border-top:5px solid var(--green-light);
  border-radius:18px;
  padding:24px;
  text-align:center;
  box-shadow:0 8px 20px rgba(0,0,0,.06);
}
.legacy-page .partner-card img {
  height:115px;
  width:auto;
  max-width:100%;
  object-fit:contain;
  margin-bottom:14px;
}
.legacy-page .partner-card .logo-placeholder {
  height:115px;
  width:115px;
  margin:0 auto 14px;
  border-radius:50%;
  background:linear-gradient(135deg,#e9f4ee,#fff8e6);
  border:2px solid #dfe9e3;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--green);
  font-weight:900;
  font-size:34px;
}
.legacy-page .partner-card h3 {
  margin:0;
  color:var(--green);
  font-size:1.05rem;
  line-height:1.3;
}
.legacy-page .partner-card a.partner-link {
  display:inline-block;
  margin-top:10px;
  padding:8px 14px;
  border-radius:999px;
  background:var(--green);
  color:white !important;
  text-decoration:none;
  font-weight:800;
  font-size:13px;
}
.legacy-page .partner-card a.partner-link:hover {
  background:var(--green-light);
}
.legacy-page .partner-card a.logo-link {
  display:inline-block;
  text-decoration:none;
}
.legacy-page .spenden-section {
  position:relative;
  overflow:hidden;
  padding:85px 20px;
  background:
    radial-gradient(circle at 18% 20%, rgba(216,170,53,.24), transparent 32%),
    linear-gradient(135deg, var(--green-dark), var(--green));
  color:white;
}
.legacy-page .spenden-section::before, .legacy-page .spenden-section::after {
  content:"";
  position:absolute;
  left:-10%;
  width:120%;
  height:90px;
  background:rgba(255,255,255,.08);
  border-radius:50%;
  animation:spendenWave 8s ease-in-out infinite alternate;
}
.legacy-page .spenden-section::before { top:20px; }
.legacy-page .spenden-section::after { bottom:18px; animation-duration:11s; opacity:.55; }
@keyframes spendenWave {
  from { transform:translateX(-30px) skewX(-8deg); }
  to { transform:translateX(30px) skewX(8deg); }
}
.legacy-page .spenden-box {
  position:relative;
  z-index:1;
  max-width:980px;
  margin:auto;
  display:grid;
  grid-template-columns:1.3fr .7fr;
  gap:26px;
  align-items:center;
  background:rgba(255,255,255,.96);
  color:var(--text);
  padding:34px;
  border-radius:26px;
  box-shadow:0 22px 55px rgba(0,0,0,.28);
  border:1px solid rgba(216,170,53,.35);
}
.legacy-page .spenden-text h2 {
  margin:0 0 14px;
  color:var(--green-dark);
  font-size:clamp(1.6rem,3vw,2.4rem);
  line-height:1.18;
}
.legacy-page .spenden-text p { margin:0 0 14px; }
.legacy-page .spenden-highlights {
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:18px;
}
.legacy-page .spenden-highlights span {
  background:#eef7f1;
  color:var(--green-dark);
  border:1px solid #d6e8dc;
  border-radius:999px;
  padding:8px 12px;
  font-weight:800;
  font-size:14px;
}
.legacy-page .spenden-action {
  text-align:center;
  background:linear-gradient(160deg,#fff8e6,#eef7f1);
  padding:26px 18px;
  border-radius:22px;
  border:1px solid #ead59a;
}
.legacy-page .spenden-icon {
  font-size:44px;
  margin-bottom:10px;
}
.legacy-page .spenden-button {
  display:inline-block;
  margin:10px 0 12px;
  padding:16px 30px;
  border-radius:999px;
  background:var(--gold);
  color:var(--green-dark) !important;
  text-decoration:none;
  font-weight:900;
  font-size:18px;
  box-shadow:0 10px 24px rgba(216,170,53,.35);
  transition:.25s ease;
}
.legacy-page .spenden-button:hover {
  transform:translateY(-3px) scale(1.02);
  box-shadow:0 16px 30px rgba(0,0,0,.24);
}
.legacy-page .spenden-klein {
  margin:0;
  color:var(--muted);
  font-size:13px;
}
@media(max-width:780px) {
.legacy-page .spenden-box { grid-template-columns:1fr; padding:24px; }
.legacy-page .spenden-section { padding:55px 16px; }
}
.legacy-page .board-photo {
  width:120px;
  height:120px;
  border-radius:50%;
  background:linear-gradient(135deg,#dcefe5,#7fb08f);
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--green-dark);
  font-weight:800;
  margin:0 auto 14px;
  border:5px solid white;
  box-shadow:0 8px 20px rgba(0,0,0,.12);
  overflow:hidden;
}
.legacy-page .download-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:18px;
  margin-top:20px;
}
.legacy-page .download-card {
  background:linear-gradient(135deg,#ffffff,#f1f8f4);
  border:1px solid #dfeae3;
  border-left:6px solid var(--gold);
  border-radius:20px;
  padding:24px;
  box-shadow:0 10px 26px rgba(0,0,0,.07);
}
.legacy-page .download-card h3 {
  margin:0 0 8px;
  color:var(--green);
}
.legacy-page .download-card p {
  margin:0 0 18px;
}
.legacy-page .download-note {
  background:#fff8e6;
  border-left:5px solid var(--gold);
  padding:16px 18px;
  border-radius:14px;
  margin-top:18px;
}
.legacy-page .vorstand-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:22px;
  margin-top:24px;
}
.legacy-page .vorstand-card {
  background:#fbfdfc;
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 10px 28px rgba(0,0,0,.08);
  border:1px solid #e7eee9;
}
.legacy-page .vorstand-card img {
  width:100%;
  height:240px;
  object-fit:contain;
  object-position:center center;
  display:block;
  background:#eef3ef;
  padding:8px;
}
.legacy-page .vorstand-card-content {
  padding:20px;
}
.legacy-page .vorstand-card h3 {
  margin:0 0 6px;
  color:var(--green);
}
.legacy-page .vorstand-role {
  display:inline-block;
  background:#e9f4ee;
  color:var(--green);
  padding:6px 12px;
  border-radius:999px;
  font-weight:800;
  font-size:13px;
  margin-bottom:12px;
}
.legacy-page .vorstand-placeholder {
  height:220px;
  background:#e9f4ee;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:var(--green);
  font-weight:800;
  padding:20px;
}
.legacy-page .vorstand-mail {
  display:inline-block;
  margin-top:12px;
  padding:9px 14px;
  border-radius:999px;
  background:var(--green);
  color:white !important;
  text-decoration:none;
  font-weight:800;
  font-size:13px;
}
.legacy-page .vorstand-mail:hover {
  background:var(--green-light);
}
.legacy-page .member-card {
  max-width:860px;
  margin:0 auto;
  text-align:center;
  background:linear-gradient(135deg,#ffffff,#f7faf8);
  border:1px solid rgba(15,61,46,.12);
  border-radius:28px;
  padding:34px;
  box-shadow:0 16px 42px rgba(0,0,0,.10);
}
.legacy-page .member-lock {
  width:72px;
  height:72px;
  margin:0 auto 18px;
  border-radius:24px;
  display:grid;
  place-items:center;
  font-size:2.2rem;
  background:linear-gradient(135deg,var(--gold),#f5d978);
  color:#142015;
  box-shadow:0 12px 30px rgba(0,0,0,.18);
}
.legacy-page .member-card p {
  max-width:680px;
  margin:0 auto 22px;
  color:var(--muted);
}
.legacy-page .member-card .member-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:13px 24px;
  border-radius:999px;
  background:var(--green);
  color:white;
  text-decoration:none;
  font-weight:900;
  transition:.25s ease;
}
.legacy-page .member-card .member-btn:hover {
  transform:translateY(-2px);
  background:var(--green-light);
  color:white;
}
.legacy-page {
  --ink:#061f18;
  --ink2:#0b3024;
  --green:#104532;
  --green2:#1e704f;
  --gold:#d9aa35;
  --gold2:#f3d479;
  --river:#3a9ac6;
  --paper:#f3f7f4;
  --paper2:#e8f0eb;
  --white:#fff;
  --text:#1d2b24;
  --muted:#63736b;
  --shadow:0 22px 60px rgba(0,0,0,.18);
  --radius:28px;
}
.legacy-page a {color:inherit}
.legacy-page img {display:block;max-width:100%}
.legacy-page .site-header {
  position:sticky;top:0;z-index:50;
  background:rgba(6,31,24,.96);
  border-bottom:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(12px);
}
.legacy-page .header-inner {
  max-width:1220px;margin:auto;
  padding:12px 22px;
  display:flex;align-items:center;justify-content:space-between;gap:18px;
}
.legacy-page .brand {
  display:flex;align-items:center;gap:12px;
  color:white;text-decoration:none;font-weight:900;
}
.legacy-page .club-logo {
  width:72px;
  height:auto;
  display:block;
  flex:0 0 auto;
  filter:drop-shadow(0 5px 12px rgba(0,0,0,.38));
}
@media(max-width:560px){
.legacy-page .club-logo {width:54px}
}
.legacy-page .logo-mark {
  width:54px;height:54px;border-radius:50%;
  display:grid;place-items:center;
  background:linear-gradient(145deg,var(--gold2),var(--gold));
  color:#142015;font-weight:1000;
  box-shadow:0 8px 22px rgba(0,0,0,.35);
}
.legacy-page .brand small {display:block;color:#cfe5da;font-weight:400}
.legacy-page .nav {display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.legacy-page .nav a {
  color:white;text-decoration:none;font-size:.93rem;
  padding:8px 11px;border-radius:999px;opacity:.92;
}
.legacy-page .nav a:hover, .legacy-page .nav a.active {background:rgba(255,255,255,.13);color:var(--gold2)}
.legacy-page .hero {
  position:relative;overflow:hidden;color:white;
  min-height:78vh;
  display:flex;align-items:center;
  background:
    linear-gradient(105deg,rgba(6,31,24,.96),rgba(6,31,24,.82),rgba(6,31,24,.42)),
    url("Bilder/Simmerbach/simmerbach_01.jpg") center 42%/cover no-repeat;
}
.legacy-page .hero::after {
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(circle at 78% 25%,rgba(58,154,198,.38),transparent 30%),
    linear-gradient(120deg,rgba(255,255,255,.05) 0 1px,transparent 1px 82px);
}
.legacy-page .hero-inner {
  position:relative;z-index:2;width:100%;max-width:1220px;margin:auto;
  padding:78px 22px 120px;
  display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:center;
}
.legacy-page .kicker {
  display:inline-flex;align-items:center;gap:9px;
  margin:0 0 18px;color:var(--gold2);
  text-transform:uppercase;letter-spacing:.17em;font-size:.82rem;font-weight:900;
}
.legacy-page .kicker::before {content:"";width:36px;height:2px;background:var(--gold)}
.legacy-page h1 {
  margin:0;
  font-size:clamp(2.8rem,6.2vw,5.9rem);
  line-height:.98;letter-spacing:-.045em;
}
.legacy-page .hero .lead {
  max-width:760px;color:#eef8f2;
  font-size:clamp(1.08rem,1.75vw,1.35rem);
  margin:24px 0 0;
}
.legacy-page .btn-row {display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.legacy-page .btn {
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  min-height:48px;padding:13px 22px;border-radius:999px;
  font-weight:900;text-decoration:none;border:1px solid transparent;
  transition:.2s ease;
}
.legacy-page .btn:hover {transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.18)}
.legacy-page .btn-gold {background:linear-gradient(135deg,var(--gold2),var(--gold));color:#1f1908}
.legacy-page .btn-light {border-color:rgba(255,255,255,.55);color:white;background:rgba(255,255,255,.08)}
.legacy-page .hero-card {
  background:rgba(255,255,255,.93);color:var(--text);
  border-radius:32px;padding:26px;box-shadow:var(--shadow);
  border:1px solid rgba(255,255,255,.75);
}
.legacy-page .hero-card h2 {margin:0 0 16px;color:var(--ink);font-size:1.45rem}
.legacy-page .facts {list-style:none;padding:0;margin:0;display:grid;gap:12px}
.legacy-page .facts li {
  display:flex;justify-content:space-between;gap:18px;
  padding:14px 16px;background:#f8fbf9;border-radius:16px;
  border-left:5px solid var(--gold);
}
.legacy-page .facts strong {color:var(--green)}
.legacy-page .facts span {font-weight:900;color:var(--ink)}
.legacy-page .price-big {
  margin-top:18px;text-align:center;padding:22px;border-radius:22px;
  background:linear-gradient(135deg,var(--ink),var(--green2));color:white;
}
.legacy-page .price-big b {display:block;color:var(--gold2);font-size:clamp(3rem,6vw,5rem);line-height:1}
.legacy-page .price-big small {display:block;color:#e0efe7;margin-top:5px}
.legacy-page .wave-host {position:absolute;left:0;right:0;bottom:-1px;height:110px;color:var(--paper);z-index:4;pointer-events:none;overflow:hidden}
.legacy-page .wave {position:absolute;left:-8%;bottom:0;width:116%;height:100%}
.legacy-page .wave-back {opacity:.42;bottom:15px}
.legacy-page .wave-mid {opacity:.68;bottom:7px}
.legacy-page .wave-front {opacity:1;bottom:-1px}
.legacy-page .wave-back path {animation:waveBack 12s ease-in-out infinite alternate}
.legacy-page .wave-mid path {animation:waveMid 8s ease-in-out infinite alternate}
.legacy-page .wave-front path {animation:waveFront 6.5s ease-in-out infinite alternate}
@keyframes waveBack{from{transform:translateX(-35px) translateY(3px) scaleX(1.08)}to{transform:translateX(35px) translateY(-3px) scaleX(1.08)}}
@keyframes waveMid{from{transform:translateX(42px) translateY(-2px) scaleX(1.06)}to{transform:translateX(-42px) translateY(4px) scaleX(1.06)}}
@keyframes waveFront{from{transform:translateX(-55px) translateY(0) scaleX(1.09)}to{transform:translateX(55px) translateY(-5px) scaleX(1.09)}}
.legacy-page .section {padding:clamp(58px,8vw,96px) 22px}
.legacy-page .section.shade {background:var(--paper2)}
.legacy-page .section.ink {
  position:relative;overflow:hidden;color:white;
  background:
    radial-gradient(circle at 15% 18%,rgba(217,170,53,.17),transparent 24%),
    linear-gradient(135deg,var(--ink),#0a3448 55%,var(--green));
}
.legacy-page .wrap {max-width:1220px;margin:auto}
.legacy-page .section-head {max-width:850px;margin-bottom:34px}
.legacy-page .section-head.center {text-align:center;margin-left:auto;margin-right:auto}
.legacy-page .chap {margin:0 0 12px;color:var(--gold);font-weight:900;letter-spacing:.18em;text-transform:uppercase;font-size:.78rem}
.legacy-page h2 {margin:0 0 14px;color:var(--ink);font-size:clamp(1.9rem,3.8vw,3.4rem);line-height:1.08;letter-spacing:-.035em}
.legacy-page .ink h2 {color:white}
.legacy-page .lead {margin:0;color:var(--muted);font-size:1.08rem}
.legacy-page .ink .lead {color:#dbeee6}
.legacy-page .grid {display:grid;gap:24px}
.legacy-page .grid-2 {grid-template-columns:repeat(2,minmax(0,1fr))}
.legacy-page .grid-3 {grid-template-columns:repeat(3,minmax(0,1fr))}
.legacy-page .grid-4 {grid-template-columns:repeat(4,minmax(0,1fr))}
.legacy-page .card {
  background:white;border-radius:var(--radius);
  padding:clamp(22px,3vw,32px);
  box-shadow:0 12px 34px rgba(0,0,0,.08);
  border:1px solid rgba(8,37,28,.08);
}
.legacy-page .card h3 {margin:0 0 10px;color:var(--green);font-size:1.24rem}
.legacy-page .card p {margin:0;color:var(--muted)}
.legacy-page .icon {width:52px;height:52px;border-radius:18px;background:#eaf4ef;display:grid;place-items:center;font-size:1.65rem;margin-bottom:18px}
.legacy-page .split {display:grid;grid-template-columns:.95fr 1.05fr;gap:34px;align-items:center}
.legacy-page .photo-panel {
  min-height:300px;border-radius:34px;overflow:hidden;
  background:linear-gradient(135deg,rgba(8,37,28,.10),rgba(47,139,184,.12)),url("Bilder/Simmerbach/simmerbach_06.jpg") center/cover no-repeat;
  box-shadow:var(--shadow);border:8px solid white;position:relative;
}
.legacy-page .photo-panel::after {
  content:"Simmerbach in Simmern";position:absolute;left:22px;bottom:20px;
  background:rgba(8,37,28,.82);color:white;padding:10px 16px;border-radius:999px;font-weight:900;
}
.legacy-page .price-banner {
  position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;
  padding:clamp(28px,4vw,46px);
  background:radial-gradient(circle at 82% 16%,rgba(216,170,53,.28),transparent 28%),linear-gradient(135deg,var(--ink),var(--green));
  color:white;border-radius:34px;box-shadow:var(--shadow);
}
.legacy-page .price-banner h2 {color:white;font-size:clamp(1.8rem,3vw,2.6rem)}
.legacy-page .price-banner p {color:#e7f3ed}
.legacy-page .price-tag {
  min-width:190px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;text-align:center;
  background:linear-gradient(135deg,var(--gold2),var(--gold));color:#1b1505;
  font-size:clamp(3rem,6vw,4.8rem);font-weight:1000;box-shadow:0 18px 38px rgba(0,0,0,.22);
}
.legacy-page .price-tag small {display:block;font-size:1rem;margin-top:-18px}
.legacy-page .route-card {padding:clamp(22px,4vw,40px)}
.legacy-page .riverline {width:100%;height:auto}
.legacy-page .riverline path {stroke-dasharray:18 12;animation:riverDash 11s linear infinite}
@keyframes riverDash{to{stroke-dashoffset:-240}}
.legacy-page .gallery {
  display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:18px;
}
.legacy-page .gallery a {
  min-height:250px;border-radius:28px;overflow:hidden;position:relative;
  color:white;text-decoration:none;box-shadow:0 12px 30px rgba(0,0,0,.13);
  background:#09261d;display:block;isolation:isolate;
}
.legacy-page .gallery a:first-child {grid-row:span 2;min-height:520px}
.legacy-page .gallery img {width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .55s ease,filter .55s ease}
.legacy-page .gallery a:hover img {transform:scale(1.06);filter:saturate(1.08)}
.legacy-page .gallery span {
  position:absolute;left:16px;right:16px;bottom:16px;z-index:2;
  background:rgba(6,31,24,.78);padding:9px 13px;border-radius:999px;font-weight:900;
}
.legacy-page .gallery a::after {content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.55));z-index:1}
.legacy-page .water-strip {
  position:relative;min-height:380px;border-radius:36px;overflow:hidden;box-shadow:var(--shadow);
  background:linear-gradient(90deg,rgba(6,31,24,.70),rgba(6,31,24,.10)),url("Bilder/Simmerbach/simmerbach_05.jpg") center/cover fixed no-repeat;
}
.legacy-page .water-strip .caption {
  position:absolute;left:clamp(22px,5vw,54px);bottom:clamp(22px,5vw,50px);
  max-width:560px;color:white;
}
.legacy-page .water-strip h2 {color:white}
.legacy-page .water-strip p {color:#e8f4ee}
.legacy-page .faq details {background:white;border-radius:20px;padding:20px 22px;box-shadow:0 10px 26px rgba(0,0,0,.07);border:1px solid rgba(8,37,28,.08)}
.legacy-page .faq details+details {margin-top:14px}
.legacy-page .faq summary {cursor:pointer;font-weight:900;color:var(--green)}
.legacy-page .faq p {margin:12px 0 0;color:var(--muted)}
.legacy-page .contact-card {
  background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);
  border-radius:28px;padding:28px;backdrop-filter:blur(8px);
}
.legacy-page .contact-card h3 {margin:0 0 12px;color:var(--gold2)}
.legacy-page .contact-card p, .legacy-page .contact-card address {color:#e7f3ed;font-style:normal;margin:0 0 14px}
.legacy-page .site-footer {background:var(--ink);color:white;padding:42px 22px 22px}
.legacy-page .footer-inner {max-width:1220px;margin:auto;display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:28px}
.legacy-page .footer-inner h4 {margin:0 0 12px;color:var(--gold2)}
.legacy-page .footer-inner ul {list-style:none;padding:0;margin:0}
.legacy-page .footer-inner li {margin:7px 0;color:#cfe3d8}
.legacy-page .footer-inner a {color:white;text-decoration:none}
.legacy-page .footer-base {max-width:1220px;margin:30px auto 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:#cfe3d8;font-size:.92rem}
.legacy-page .reveal {opacity:0;transform:translateY(22px);animation:reveal .8s ease forwards}
.legacy-page .reveal.d2 {animation-delay:.12s}
.legacy-page .reveal.d3 {animation-delay:.24s}
@keyframes reveal{to{opacity:1;transform:none}}
@media(max-width:920px){
.legacy-page .header-inner {align-items:flex-start;flex-direction:column}
.legacy-page .nav {justify-content:flex-start}
.legacy-page .hero-inner, .legacy-page .grid-2, .legacy-page .grid-3, .legacy-page .grid-4, .legacy-page .split, .legacy-page .price-banner, .legacy-page .footer-inner {grid-template-columns:1fr}
.legacy-page .hero {min-height:auto}
.legacy-page .hero-inner {padding-top:70px}
.legacy-page .price-tag {width:170px;min-width:170px}
.legacy-page .gallery {grid-template-columns:1fr}
.legacy-page .gallery a:first-child {grid-row:auto;min-height:300px}
.legacy-page .water-strip {background-attachment:scroll}
}
@media(max-width:560px){
.legacy-page .nav a {font-size:.82rem;padding:7px 8px}
.legacy-page h1 {font-size:2.75rem}
.legacy-page .section {padding-left:16px;padding-right:16px}
.legacy-page .card, .legacy-page .contact-card {border-radius:20px}
.legacy-page .facts li {display:block}
.legacy-page .footer-base {display:block}
}
.legacy-page .bach-map {
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:28px;
  align-items:center;
}
.legacy-page .map-frame {
  background:white;
  border-radius:32px;
  padding:14px;
  box-shadow:var(--shadow);
  border:1px solid rgba(8,37,28,.10);
}
.legacy-page .map-frame a {
  display:block;
  overflow:hidden;
  border-radius:24px;
}
.legacy-page .map-frame img {
  width:100%;
  height:auto;
  display:block;
  transition:transform .45s ease, filter .45s ease;
}
.legacy-page .map-frame a:hover img {
  transform:scale(1.025);
  filter:saturate(1.04);
}
.legacy-page .map-note {
  margin-top:12px;
  color:var(--muted);
  font-size:.94rem;
}
.legacy-page .route-list {
  list-style:none;
  padding:0;
  margin:22px 0 0;
  display:grid;
  gap:12px;
}
.legacy-page .route-list li {
  background:#f8fbf9;
  border-left:5px solid var(--gold);
  border-radius:16px;
  padding:13px 16px;
  color:var(--muted);
}
.legacy-page .route-list strong {
  color:var(--green);
}
@media(max-width:920px){
.legacy-page .bach-map {grid-template-columns:1fr}
}
.legacy-page .map-frame {
  position:relative;
  overflow:hidden;
}
.legacy-page .map-frame::before {
  content:"";
  position:absolute;
  inset:14px;
  border-radius:24px;
  pointer-events:none;
  background:linear-gradient(115deg, transparent 0%, rgba(255,255,255,.0) 38%, rgba(255,255,255,.32) 50%, rgba(255,255,255,.0) 62%, transparent 100%);
  transform:translateX(-120%);
  animation:mapShimmer 5.5s ease-in-out infinite;
  z-index:3;
}
.legacy-page .map-frame::after {
  content:"";
  position:absolute;
  inset:14px;
  border-radius:24px;
  pointer-events:none;
  box-shadow:inset 0 0 0 2px rgba(217,170,53,.18), inset 0 0 34px rgba(58,154,198,.14);
  z-index:4;
}
@keyframes mapShimmer{
  0%,55%{transform:translateX(-130%)}
  100%{transform:translateX(130%)}
}
.legacy-page .map-wrap {
  position:relative;
  display:block;
  overflow:hidden;
  border-radius:24px;
}
.legacy-page .map-wrap img {
  animation:mapFloat 9s ease-in-out infinite alternate;
  transform-origin:center;
}
@keyframes mapFloat{
  from{transform:scale(1.01) translateY(0)}
  to{transform:scale(1.035) translateY(-6px)}
}
.legacy-page .map-pin {
  position:absolute;
  z-index:5;
  width:18px;
  height:18px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--gold2),var(--gold));
  border:3px solid white;
  box-shadow:0 0 0 0 rgba(217,170,53,.58), 0 8px 18px rgba(0,0,0,.35);
  animation:pinPulse 2.4s ease-out infinite;
}
.legacy-page .map-pin::after {
  content:attr(data-label);
  position:absolute;
  left:24px;
  top:50%;
  transform:translateY(-50%);
  white-space:nowrap;
  background:rgba(6,31,24,.84);
  color:white;
  font-weight:900;
  font-size:.78rem;
  padding:6px 10px;
  border-radius:999px;
  box-shadow:0 8px 18px rgba(0,0,0,.22);
}
.legacy-page .map-pin.start {left:17%;top:28%}
.legacy-page .map-pin.middle {left:47%;top:50%;animation-delay:.45s}
.legacy-page .map-pin.end {left:77%;top:70%;animation-delay:.9s}
@keyframes pinPulse{
  0%{box-shadow:0 0 0 0 rgba(217,170,53,.58),0 8px 18px rgba(0,0,0,.35)}
  70%{box-shadow:0 0 0 16px rgba(217,170,53,0),0 8px 18px rgba(0,0,0,.35)}
  100%{box-shadow:0 0 0 0 rgba(217,170,53,0),0 8px 18px rgba(0,0,0,.35)}
}
.legacy-page .route-list li {
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
}
.legacy-page .route-list li:hover {
  transform:translateX(6px);
  background:#fffdf4;
  box-shadow:0 10px 24px rgba(0,0,0,.08);
}
@media(max-width:720px){
.legacy-page .map-pin::after {font-size:.68rem;padding:5px 8px}
.legacy-page .map-pin.start {left:12%;top:30%}
.legacy-page .map-pin.middle {left:43%;top:52%}
.legacy-page .map-pin.end {left:68%;top:72%}
}
@media(prefers-reduced-motion:reduce){
.legacy-page .map-frame::before, .legacy-page .map-wrap img, .legacy-page .map-pin {animation:none}
}
.legacy-page .point-photos {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:24px;
}
.legacy-page .point-photo {
  display:block;
  position:relative;
  overflow:hidden;
  border-radius:22px;
  height:340px;
  box-shadow:0 12px 30px rgba(0,0,0,.12);
  text-decoration:none;
  background:#08251c;
}
.legacy-page .point-photo img {
  width:100%;
  height:340px;
  object-fit:cover;
  object-position:center center;
  transition:transform .5s ease, filter .5s ease;
}
.legacy-page .point-photo:hover img {
  transform:scale(1.06);
  filter:saturate(1.08);
}
.legacy-page .point-photo span {
  position:absolute;
  left:14px;
  right:14px;
  bottom:14px;
  z-index:2;
  background:rgba(6,31,24,.82);
  color:white;
  font-weight:900;
  padding:9px 13px;
  border-radius:999px;
  text-align:center;
}
.legacy-page .point-photo::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.52));
  z-index:1;
}
@media(max-width:720px){
.legacy-page .point-photos {grid-template-columns:1fr}
.legacy-page .point-photo, .legacy-page .point-photo img {height:300px}
}

/* Fusion-Anpassungen: Banner unter den fixen Header ziehen (layout.php-Spacer ausgleichen) */
.legacy-page > .page-hero:first-child,
.legacy-page > .hero-page:first-child,
.legacy-page > .hero:first-child { margin-top: -72px; }

/* Einheitlicher Seitenkopf aller Unterseiten: Tannengrün-Gradient, zentriert.
   !important schlägt die historischen Inline-Workarounds in den Templates. */
.legacy-page .page-hero,
.legacy-page .hero-page {
  background: linear-gradient(135deg, #08251C, #0F3D2E) !important;
  padding: 145px 22px 80px !important;
  display: block !important;
  text-align: center;
  color: #FFFFFF;
}
.legacy-page .page-hero > div,
.legacy-page .hero-page > div { max-width: 900px; margin: 0 auto; }
.legacy-page .page-hero h1,
.legacy-page .hero-page h1 { color: #FFFFFF; }
@media (max-width: 960px) {
  .legacy-page .page-hero,
  .legacy-page .hero-page { padding: 120px 18px 56px !important; }
}

/* Gewässerkarte: nicht über die volle Sektionsbreite laufen lassen */
.legacy-page .karte-figure { max-width: 860px; margin-left: auto; margin-right: auto; }

/* Kontrast-Absicherung: nie Grün auf Grün */
.legacy-page .section.dark h2, .legacy-page .section.ink h2,
.legacy-page .section.dark h3, .legacy-page .section.ink h3,
.legacy-page .cta-band h2, .legacy-page .final-cta h2 { color: #FFFFFF; }
.legacy-page .section.dark > p, .legacy-page .section.ink > p,
.legacy-page .cta-band p, .legacy-page .final-cta > p { color: #DFEEE5; }
.legacy-page .section.dark a:not(.btn):not(.mail-button),
.legacy-page .section.ink a:not(.btn):not(.mail-button),
.legacy-page .cta-band a:not(.btn) { color: var(--w-gold); }
.legacy-page .section.dark .badge, .legacy-page .section.ink .badge {
  background: rgba(216, 170, 53, .17);
  color: #FFE7A3;
  border: 1px solid rgba(216, 170, 53, .45);
}

/* Galerie-Album: sauberes Kachel-Grid, füllt alle Spalten */
.legacy-page .masonry {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 14px;
}
.legacy-page .masonry a {
  display: block;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(8, 37, 28, .12);
}
.legacy-page .masonry img {
  width: 100%;
  height: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  display: block;
  transition: transform .25s ease-out, filter .25s ease-out;
}
.legacy-page .masonry a:hover img { transform: scale(1.04); filter: brightness(1.05); }

/* Mehr Tiefe und Kontrast: Karten, Badges, Pills */
.legacy-page .card {
  border: 1px solid #DFE6DE;
  box-shadow: 0 1px 2px rgba(8, 37, 28, .06), 0 10px 24px rgba(8, 37, 28, .08);
  transition: transform .2s ease-out, box-shadow .2s ease-out;
}
.legacy-page .card:hover {
  transform: translateY(-3px);
  box-shadow: 0 2px 4px rgba(8, 37, 28, .08), 0 18px 38px rgba(8, 37, 28, .16);
}
.legacy-page .section .badge { background: var(--w-forest); color: #F3F7F2; border: none; }
.legacy-page .section.dark .badge, .legacy-page .section.ink .badge {
  background: rgba(216, 170, 53, .17);
  color: #FFE7A3;
  border: 1px solid rgba(216, 170, 53, .45);
}
.legacy-page .mail-button, .legacy-page .pill {
  background: #EDF3EC;
  border: 1px solid #C8D6CA;
  color: var(--w-forest);
  font-weight: 650;
}
.legacy-page a.mail-button:hover { background: var(--w-forest); border-color: var(--w-forest); color: #FFFFFF; }
.legacy-page .section.alt { background: #EFF3ED; }

/* Dezente Akzente statt Effekte: Gold-Kante auf Karten, kein Hover-Lift */
.legacy-page .card { border-top: 3px solid var(--w-gold); }
.legacy-page .card:hover {
  transform: none;
  box-shadow: 0 1px 2px rgba(8, 37, 28, .06), 0 10px 24px rgba(8, 37, 28, .08);
}

/* De-Slop: ruhige Flächen - kleine Radien, flache Kanten statt Weichzeichner-Schatten, kein Lift */
.legacy-page { --radius: 12px; --shadow: 0 1px 2px rgba(8, 37, 28, .06); }
.legacy-page .section,
.legacy-page .section-card,
.legacy-page .card,
.legacy-page .water-card,
.legacy-page .info-panel,
.legacy-page .hero-media,
.legacy-page .hero-box,
.legacy-page .topic-card,
.legacy-page .highlight-box,
.legacy-page .species,
.legacy-page .timeline-item {
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(8, 37, 28, .06);
}
.legacy-page .card {
  box-shadow: 0 1px 2px rgba(8, 37, 28, .06), 0 6px 16px rgba(8, 37, 28, .06);
}
.legacy-page .btn, .legacy-page .btn-gold, .legacy-page .btn-light { box-shadow: none; }
.legacy-page .btn:hover, .legacy-page .water-card:hover { transform: none; box-shadow: none; }
.legacy-page .timeline-item::before { box-shadow: 0 0 0 4px var(--paper); }