/* Langfristwetter – responsive Website im Stil der gelieferten Vorlage */
:root{
  --navy:#103968;--blue:#07539a;--green:#4e812e;--green-dark:#315b24;
  --green-light:#eaf2e5;--ink:#202b3a;--muted:#5e6874;--line:#dfe7ec;
  --paper:#fff;--bg:#f2f7fa;--sand:#e9c995;--shadow:0 5px 22px rgba(24,58,83,.09);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{margin:3px;overflow-x:hidden;background:var(--bg);color:var(--ink);font:16px/1.55 Arial,Helvetica,sans-serif}
.scale-stage{position:relative;width:100%;overflow:visible;}
.site{position:absolute;left:0;top:0;width:1550px!important;min-width:1550px!important;max-width:none!important;margin:0!important;background:#fff;min-height:calc(100vh - 34px);border:1px solid #dbe4ea;border-radius:11px;overflow:hidden;box-shadow:0 6px 26px rgba(20,48,66,.10)}
.hero{background:#16466c;overflow:hidden}
.hero>img{display:block;width:100%;height:auto;aspect-ratio:942/200;max-height:124px;object-fit:cover;object-position:center}
.nav{display:flex;align-items:stretch;justify-content:center;gap:0;flex-wrap:nowrap;background:linear-gradient(#5e963c,#46792b);padding:0 12px;min-height:50px;border-radius:0 0 9px 9px;overflow:hidden}
.nav a{display:flex;align-items:center;justify-content:center;white-space:nowrap;color:#fff;text-decoration:none;padding:0 32px;font-size:16px;letter-spacing:.025em;line-height:1.2;font-weight:700;border-radius:9px 9px 0 0;transition:background .15s ease}
.nav a:hover,.nav a:focus-visible,.nav a[aria-current=page]{background:#315b24;color:#fff;outline-offset:-3px}
main{padding:14px 10px 0}
.eyebrow,.small-heading{font-size:16px;font-weight:600;letter-spacing:.10em;text-transform:uppercase;color:#3d7028}
h1,h2,h3{line-height:1.2;color:var(--navy)}
h1{font-size:34px;letter-spacing:.025em;margin:14px 0 18px}
h2{font-size:29px;margin:0 0 16px}
h3{font-size:21px;margin:0 0 7px;line-height:1.2}
p{margin:0 0 12px}
.intro{display:block;position:relative;isolation:isolate;min-height:375px;padding:28px 34px;background:linear-gradient(270deg,#fff 0%,#f6fbfe 50%,#edf7fd 100%);border:1px solid #e3ebf0;border-radius:11px;overflow:hidden}
.intro-copy{position:relative;z-index:2;width:67%;max-width:900px}
.intro h1{max-width:780px}
.intro p{max-width:900px;font-size:18px;line-height:1.5;margin-bottom:11px}
.headline-line{display:block}
.actions{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;background:linear-gradient(#5e9639,#4b7d2c);color:#fff!important;text-decoration:none;padding:12px 25px;border:1px solid #4a792c;border-radius:10px;font-size:18px;font-weight:650;box-shadow:0 1px 2px #d6e1d0}
.btn:hover,.btn:focus-visible{background:var(--green-dark)}
.btn.secondary{background:rgba(255,255,255,.55);color:var(--green-dark)!important;border:1px solid #a9c999;box-shadow:none}
.btn.secondary:hover,.btn.secondary:focus-visible{background:#eaf2e5}
.intro-art{position:absolute;z-index:1;top:0;right:10px;bottom:0;width:47%;min-height:0;overflow:hidden;border-radius:7px;background:transparent;pointer-events:none}
.intro-art img{display:block;width:100%;height:100%;min-height:0;max-height:none;object-fit:contain;object-position:right center;border-radius:7px}
.card-art img{display:block;width:100%;height:100%;object-fit:contain;border-radius:50%}
.intro-art::before{content:"";position:absolute;inset:0 auto 0 0;width:42%;z-index:2;pointer-events:none;background:linear-gradient(90deg,#f6fbfe 0%,rgba(246,251,254,.90) 22%,rgba(246,251,254,.52) 58%,rgba(246,251,254,0) 100%)}
.section{margin:14px 0;padding:18px 24px 20px;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow)}
.section-title{border-bottom:2px solid var(--sand);padding-bottom:8px;margin-bottom:16px}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.card{display:grid;grid-template-columns:minmax(115px,.7fr) minmax(0,1.5fr);gap:14px;align-items:center;min-width:0;padding:12px 14px;border:1px solid #e1e8ed;border-radius:9px;background:linear-gradient(145deg,#fff,#fafcfd);box-shadow:0 1px 5px rgba(20,48,66,.04)}
.card-art{width:100%;max-width:150px;aspect-ratio:1;justify-self:center;border-radius:50%;overflow:hidden;background:#e4f2fb}
.card-art svg{display:block;width:100%;height:100%}
.card-copy{min-width:0}
.card p{font-size:15.5px;line-height:1.48;color:#2c3440;margin:6px 0 9px}
.card a,.prose a,.section a:not(.linkitem){color:var(--blue);font-weight:700;text-decoration:none}
.card-copy a{display:block;width:fit-content;max-width:100%;line-height:1.5;margin:2px 0}
.card a:hover,.prose a:hover,.section a:not(.linkitem):hover{text-decoration:underline}
.two-col{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:24px;align-items:start}
.forecast-image{width:100%;height:auto;display:block;border:1px solid var(--line);border-radius:8px;background:#fff}
.img-caption,.muted{font-size:13px;color:var(--muted)}
.prose p{margin:.4em 0 1em}
.note,.info{background:#f2f6f8;border-left:4px solid var(--blue);padding:16px 18px;border-radius:7px}
.warning{background:#fff7e7;border-left-color:#bb7b20}
.legend{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.pill{background:#eef3f5;border:1px solid #d7e1e5;border-radius:999px;padding:5px 11px;font-size:13px}
.table-wrap{overflow-x:auto}
table{width:100%;border-collapse:collapse}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}
th{background:#f0f4f5;color:var(--navy)}
.linkgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.linkitem{display:block;padding:14px;border:1px solid var(--line);border-radius:9px;text-decoration:none;background:#f7fafb}
.linkitem strong{display:block;color:var(--navy)}
.linkitem span{display:block;color:var(--muted);font-size:16px}
.footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;background:#12345b;color:#eaf2f6;padding:20px 30px;font-size:13px}
.footer a{color:#fff;margin-left:14px;text-decoration:none}
.footer a:hover{text-decoration:underline}
.month-text{white-space:normal}
.old-site{font-size:13px;color:var(--muted)}



@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}


/* Korrektur: alle Ecken der Navigationsfelder abrunden */
.nav { overflow: visible; }
.nav a, .nav a:hover, .nav a:focus-visible, .nav a[aria-current="page"] { border-radius: 9px !important; overflow: hidden; }
.nav a { margin: 4px 2px; }


/* Smartphone: Desktop-Layout in fester Breite, horizontal verschiebbar.
   Eine einzige konsistente Regelgruppe ersetzt die früheren, widersprüchlichen
   1220px- und 1550px-Overrides. */





/* Icons im Bereich „Weitere Bereiche“ */
.linkitem {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.linkitem-icon {
  display: block;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  margin-top: 0;
}
.linkitem-text {
  display: block;
  min-width: 0;
  flex: 1 1 auto;
}
.linkitem-text strong {
  display: block;
  color: var(--navy);
}
.linkitem-text > span {
  display: block;
  color: var(--muted);
  font-size: 13px;
}


/* Dezenter plastischer Hover-Effekt für die Kacheln unter „Weitere Bereiche“ */
.linkitem {
  position: relative;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: linear-gradient(145deg, #ffffff 0%, #f6fafc 100%);
  box-shadow: 0 2px 5px rgba(25, 55, 75, 0.045);
  transform: translateY(0);
  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    border-color 180ms ease,
    background 180ms ease;
}

.linkitem .linkitem-icon {
  transform: translateY(0) scale(1);
  transform-origin: center;
  transition: transform 180ms ease, filter 180ms ease;
}

.linkitem .linkitem-text strong {
  transition: color 180ms ease;
}

@media (hover: hover) and (pointer: fine) {
  .linkitem:hover {
    transform: translateY(-3px);
    border-color: #b8d4e3;
    background: linear-gradient(145deg, #ffffff 0%, #eef6fa 100%);
    box-shadow:
      0 9px 18px rgba(25, 55, 75, 0.12),
      0 2px 4px rgba(25, 55, 75, 0.06),
      inset 0 1px 0 rgba(255, 255, 255, 0.95);
  }

  .linkitem:hover .linkitem-icon {
    transform: translateY(-1px) scale(1.045);
    filter: drop-shadow(0 2px 2px rgba(25, 55, 75, 0.12));
  }

  .linkitem:hover .linkitem-text strong {
    color: #176b91;
  }
}

.linkitem:focus-visible {
  outline: 2px solid #4a9fc3;
  outline-offset: 3px;
}


/* Einheitliches Layout der Inhaltsseiten */
.subpage-site .hero > a { display:block; }
.subpage-site .subpage-intro { min-height:230px; padding:18px 34px; display:flex; align-items:center; justify-content:space-between; gap:35px; }
.subpage-site .subpage-intro .intro-copy { width:68%; max-width:1020px; }
.subpage-site .subpage-intro h1 { font-size:34px; margin:12px 0 12px; }
.subpage-site .subpage-intro p { font-size:17px; max-width:900px; }
.subpage-site .subpage-logo { flex:0 0 320px; display:flex; align-items:center; justify-content:center; min-width:0; }
.subpage-site .subpage-logo img { display:block; width:100%; max-width:320px; max-height:190px; object-fit:contain; }

/* Eigenständige Formatierung für info2.jpg auf der Wissens-Unterseite.
   Diese Werte können geändert werden, ohne das Layout anderer Inhaltsseiten zu beeinflussen. */
.subpage-site .subpage-logo img.info2-image {
  width: var(--info2-width, 320px);
  max-width: var(--info2-max-width, 320px);
  height: var(--info2-height, auto);
  max-height: var(--info2-max-height, 190px);
  object-fit: var(--info2-object-fit, contain);
  object-position: var(--info2-object-position, center);
  border-radius: var(--info2-border-radius, 0);
}
.subpage-site .legacy-content { margin-top:14px; padding:26px 30px 30px; overflow:hidden; }
.subpage-site .legacy-content > table, .subpage-site .legacy-content table[style*="width: 900px"], .subpage-site .legacy-content table[style*="width:900px"] { width:100% !important; max-width:100% !important; margin-left:auto !important; margin-right:auto !important; }
.subpage-site .legacy-content table { max-width:100%; }
.subpage-site .legacy-content td, .subpage-site .legacy-content th { font-family:Arial,Helvetica,sans-serif !important; font-size:16px; line-height:1.55; }
.subpage-site .legacy-content img { max-width:100%; height:auto; }
.subpage-site .legacy-content p, .subpage-site .legacy-content div { line-height:1.55; }
.subpage-site .legacy-content a { color:#07539a; }
.subpage-site .legacy-content h1, .subpage-site .legacy-content h2, .subpage-site .legacy-content h3 { color:var(--navy); }
.subpage-site .legacy-content table table { width:100% !important; }
.subpage-site .legacy-content [style*="width: 900px"], .subpage-site .legacy-content [style*="width:900px"] { width:100% !important; }
.subpage-site .legacy-content [style*="font-size"] { font-family:Arial,Helvetica,sans-serif !important; }
.subpage-site .legacy-content .auto-style11 { font-family:Arial,Helvetica,sans-serif !important; font-size:16px !important; line-height:1.6; }
.subpage-site .legacy-content .auto-style23, .subpage-site .legacy-content .auto-style10 { color:var(--navy); }
.subpage-site .legacy-content .auto-style8 { border-bottom:2px solid var(--sand); padding-bottom:8px; margin:0 0 16px; }
.subpage-site .legacy-content table { border-collapse:collapse; }
.subpage-site .legacy-content td { vertical-align:top; }
.subpage-site .legacy-content img { border-radius:5px; }
@media (prefers-reduced-motion:reduce) { .subpage-site * { transition:none !important; } }


/* Neu strukturierter Einführungsbereich der Langfristprognose */
.subpage-site .forecast-intro-layout {
  display: grid;
  grid-template-columns: 285px minmax(0, 1fr);
  gap: 30px;
  align-items: start;
  margin: 0 0 30px;
}
.subpage-site .forecast-intro-logo {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  min-width: 0;
}
.subpage-site .forecast-intro-logo img {
  display: block;
  width: 100%;
  max-width: 265px;
  height: auto;
  border-radius: 14px;
  border: 0px solid #dce6ed;
}
.subpage-site .forecast-intro-copy { min-width: 0; }
.subpage-site .forecast-intro-copy p,
.subpage-site .europe-overview p {
  margin: 0 0 16px;
  line-height: 1.6;
}
.subpage-site .europe-overview {
  clear: both;
  width: 100%;
  padding-top: 22px;
  border-top: 1px solid var(--line);
  text-align: justify;
}
.subpage-site .europe-overview .overview-title {
  font-size: 24px;
  margin: 0 0 14px;
  padding-bottom: 9px;
  border-bottom: 2px solid var(--sand);
}
.subpage-site .forecast-legends {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
  gap: 18px;
  margin: 18px 0;
}
.subpage-site .legend-group {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid rgba(32,43,58,.24);
  border-radius: 5px;
}
.subpage-site .precipitation-legend { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.subpage-site .legend-item {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 6px 8px;
  color: #182331;
  font-size: 14px;
  text-align: center;
  border-right: 1px solid rgba(32,43,58,.18);
}
.subpage-site .legend-item:last-child { border-right: 0; }
.subpage-site .legend-item.very-cold { background: #3399ff; }
.subpage-site .legend-item.cold { background: #9bcdff; }
.subpage-site .legend-item.normal { background: #dba6ff; }
.subpage-site .legend-item.mild { background: #ffac75; }
.subpage-site .legend-item.very-mild { background: #ff6600; }
.subpage-site .legend-item.dry { background: #d2a77b; }
.subpage-site .legend-item.precip-normal { background: #cccc00; }
.subpage-site .legend-item.wet { background: #33cc33; }
.subpage-site .europe-overview .legend-note { margin-top: 12px; }
/* Die festen Layoutmaße bleiben auch auf Tablets unverändert. Die gesamte .site wird per JavaScript skaliert. */


/* Neu strukturierter Monatsprognose-Bereich unter der Europa-Grafik */
.subpage-site .monthly-forecast {
  margin: 22px 0 30px;
  padding-top: 28px;
  border-top: 1px solid var(--line);
}
.subpage-site .monthly-forecast-title {
  margin: 0 0 14px;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--sand);
  font-size: 24px;
}
.subpage-site .monthly-forecast-intro {
  margin: 0 0 20px;
  line-height: 1.55;
  text-align: justify;
}
.subpage-site .monthly-forecast-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 200px;
  gap: 26px;
  align-items: start;
}
.subpage-site .monthly-forecast-main { min-width: 0; }
.subpage-site .monthly-forecast-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 553px));
  gap: 25px 58px;
  align-items: start;
  justify-content: start;
}
.subpage-site .monthly-forecast-image {
  display: block;
  width: 553px;
  max-width: 100%;
  min-width: 0;
  border-radius: 14px;
  line-height: 0;
  transition: filter 160ms ease;
}
.subpage-site .monthly-forecast-image img {
  display: block;
  width: 553px;
  max-width: 100%;
  height: auto;
  border-radius: 14px;
}
.subpage-site .monthly-forecast-image:hover,
.subpage-site .monthly-forecast-image:focus-visible {
  filter: drop-shadow(0 3px 5px rgba(25,55,75,.14));
}
.subpage-site .monthly-forecast-help {
  align-self: center;
  padding: 6px 2px;
  line-height: 1.6;
  text-align: justify; 
}
.subpage-site .monthly-probabilities {
  display: flex;
  justify-content: left;
  min-width: 0;
  padding-top: 2px;
}
.subpage-site .monthly-probabilities img {
  display: block;
  width: 177px;
  max-width: 100%;
  height: auto;
  border-radius: 4px;
}
/* Robuste Layout-Festlegung für die feste 1550-px-Seitenfläche. */
.subpage-site .forecast-intro-layout {
  display: grid !important;
  grid-template-columns: 285px minmax(0, 1fr) !important;
  column-gap: 30px !important;
  row-gap: 0 !important;
  align-items: start !important;
}
.subpage-site .forecast-intro-logo,
.subpage-site .forecast-intro-copy {
  min-width: 0 !important;
  grid-row: 1 !important;
  text-align: justify;
}
.subpage-site .forecast-intro-logo { grid-column: 1 !important; }
.subpage-site .forecast-intro-copy { grid-column: 2 !important; }
.subpage-site .monthly-forecast-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 200px !important;
  column-gap: 26px !important;
  align-items: start !important;
}
.subpage-site .monthly-forecast-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 553px)) !important;
  column-gap: 58px !important;
  row-gap: 25px !important;
  justify-content: start !important;
  align-items: start !important;
}
.subpage-site .monthly-forecast-main,
.subpage-site .monthly-probabilities { min-width: 0 !important; }

/* Monatsraster und Wahrscheinlichkeitsdiagramm behalten auch auf Tablets die Desktop-Anordnung und Abstände. */
.subpage-site .legacy-content a,
.subpage-site .legacy-content a strong {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: inherit;
    font-weight: 700;
}


/* Saisonaler Trend und klimatischer Rückblick – Layout nach Screenshot */
.subpage-site .season-climate-section { margin: 18px 0 20px; padding: 0 0 16px; border: 1px solid #dce7ef; border-radius: 11px; background: #fff; overflow: hidden; }
.subpage-site .season-climate-heading { display:flex; align-items:center; gap:22px; min-height:68px; padding:7px 20px 6px; background:linear-gradient(90deg,#f0f7fc 0%,#f7fbfd 100%); }
.subpage-site .season-climate-icon { display:block; flex:0 0 219px; width:219px; height:auto; max-width:219px; border-radius:7px; object-fit:contain; }
.subpage-site .season-climate-heading h2 { margin:0; font-size:24px; line-height:1.2; color:#103968; }
.subpage-site .season-climate-rule { height:2px; margin:0 8px 18px; background:#e9c995; }
.subpage-site .seasonal-trend-layout { display:grid; grid-template-columns:minmax(0, 1fr) 470px; gap:26px; align-items:start; padding:0 20px; }
.subpage-site .seasonal-trend-copy p, .subpage-site .climate-review-copy p { margin:0 0 12px; color:#34465b; line-height:1.48; text-align: justify; }
.subpage-site .seasonal-trend-copy strong { color:#103968; }
.subpage-site .seasonal-trend-visual { display:flex; flex-direction:column; align-items:stretch; gap:10px; min-width:0; padding:0 0 0 2px; }
.subpage-site .seasonal-trend-image { display:block; width:100%; height:auto; border:0; border-radius:9px; }
.subpage-site .seasonal-summary-image { display:block; width:100%; height:auto; border:0; border-radius:7px; }
.subpage-site .climate-review-layout { display:grid; grid-template-columns:minmax(0, 1fr) 355px 345px; gap:18px; align-items:start; padding:0 20px 2px; }
.subpage-site .climate-review-copy { min-width:0; text-align: justify; }
.subpage-site .climate-station-links { list-style:none; padding:0; margin:16px 0 0; }
.subpage-site .climate-station-links li { margin:0 0 8px; padding-left:32px; position:relative; line-height:1.5; }
.subpage-site .climate-station-links li::before { content:'➜'; position:absolute; left:0; top:0; display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border:1px solid #dbe8f2; border-radius:50%; color:#07539a; font-weight:700; }
.subpage-site .climate-station-links a, .subpage-site .climate-verification a { color:#003f78; font-weight:700; text-decoration:none; }
.subpage-site .climate-stats-visual img { display:block; width:100%; height:auto; border:0; border-radius:8px; }
.subpage-site .climate-verification h3 { font-size:15px; color: #235591; line-height:1.0; margin:0 32px 6px; }
.subpage-site .climate-verification > img { display:block; width:100%; height:auto; border:0; border-radius:5px; margin:0 0 8px; }
.subpage-site .climate-verification > img.verification-legend { width:100%; margin-top:2px; }
.subpage-site .climate-verification p { margin:8px 0 0; font-size:15px; line-height:1.45; }
@media (max-width: 900px) {
  .subpage-site .seasonal-trend-layout { grid-template-columns:minmax(0, 1fr) 470px; }
  .subpage-site .climate-review-layout { grid-template-columns:minmax(0, 1fr) 355px 335px; }
}

hr {
  border: none;            	 /* Standard-Rahmen des Browsers entfernen */
  height: 1px;              	/* Dicke der Linie */
  background-color: #DFE7EC;  	 /* Farbe der Linie */
  margin: 40px auto;       	 /* Abstand nach oben/unten und zentrieren */
}


/* Weiterführende Links / Kontakt – an den Stil des Europaweiten Überblicks angelehnt */
.subpage-site .links-contact-section { margin: 28px 0 12px; padding-top: 22px; border-top: 1px solid var(--line); }
.subpage-site .links-contact-section .overview-title { font-size: 24px; margin: 0 0 14px; padding-bottom: 9px; border-bottom: 2px solid var(--sand); color: var(--navy); }
.subpage-site .links-contact-intro { margin: 0 0 18px; color: var(--text, #34465b); }
.subpage-site .further-links-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.subpage-site .further-link-card { display: flex; flex-direction: column; gap: 7px; min-width: 0; padding: 16px 18px; border: 1px solid #dce7ef; border-radius: 9px; background: linear-gradient(135deg, #f8fbfd 0%, #ffffff 100%); color: #34465b; text-decoration: none; line-height: 1.5; transition: border-color .18s ease, background .18s ease, transform .18s ease; }
.subpage-site .further-link-card:hover { border-color: #a9c8df; background: #f1f8fc; transform: translateY(-1px); }
.subpage-site .further-link-card .further-link-title { color: var(--navy); font-weight: 700; font-size: 17px; }
.subpage-site .further-link-card .further-link-url { color: #58728b; font-size: 13px; }
.subpage-site .contact-form-section { margin: 24px 0 14px; padding-top: 18px; border-top: 1px solid var(--line); }
.subpage-site .contact-form-section h3 { margin: 0 0 7px; color: var(--navy); font-size: 20px; }
.subpage-site .contact-form-section p { margin: 0 0 16px; }
.subpage-site .contact-form-section + table { width: 100% !important; max-width: 840px; margin: 0 auto; }
.subpage-site .contact-form-section + table input, .subpage-site .contact-form-section + table textarea { box-sizing: border-box; max-width: 100%; font: inherit; }
@media (max-width: 700px) { .subpage-site .further-links-grid { grid-template-columns: 1fr; } }


/* Individuelle Einstellwerte nur für langfristprognose-info.html */
.info-page {
  --info2-width: 440px;
  --info2-max-width: 440px;
  --info2-height: auto;
  --info2-max-height: 190px;
  --info2-object-fit: contain;
  --info2-object-position: center;
  --info2-border-radius: 0;
  --info2-offset-x: -40px;
}
.info-page .subpage-logo img {
    transform: translateX(var(--info2-offset-x));
}


/* Individuelle Gestaltung der Methodik-Unterseite */
.subpage-site .subpage-intro .subpage-logo img.modell6-image {
  width: var(--modell6-width, 500px);
  max-width: var(--modell6-max-width, 500px);
  height: var(--modell6-height, auto);
  max-height: var(--modell6-max-height, 185px);
  object-fit: var(--modell6-object-fit, contain);
  object-position: var(--modell6-object-position, center);
  border-radius: var(--modell6-border-radius, 8px);
}
.subpage-site .modell-page-brand {
  width: 285px;
  margin: 14px 0 0 24px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.subpage-site .modell-page-brand img {
  display: block;
  width: 100%;
  max-width: 265px;
  height: auto;
  object-fit: contain;
}
.subpage-site .modell-content {
  margin-top: 12px;
}
.subpage-site .modell-content p,
.subpage-site .modell-content .auto-style11,
.subpage-site .modell-content td,
.subpage-site .modell-content div {
  text-align: justify;
}
.subpage-site .modell-content > table {
  width: 100% !important;
  margin: 0 0 22px;
  border-collapse: separate;
  border-spacing: 0;
}
.subpage-site .modell-content > table:not([border]) {
  background: #fff;
  border: 1px solid #e1e8ed;
  border-radius: 10px;
  overflow: hidden;
}
.subpage-site .modell-content > table:not([border]) td {
  padding: 20px 24px;
}
.subpage-site .modell-content > table[border="1"] {
  border: 1px solid #dfe7ec;
  border-radius: 10px;
  overflow: hidden;
  background: #f9fcfd;
}
.subpage-site .modell-content > table[border="1"] td {
  padding: 16px;
}
.subpage-site .modell-content .auto-style29,
.subpage-site .modell-content .auto-style30,
.subpage-site .modell-content .auto-style10 {
  color: #103968;
}
.subpage-site .modell-content .auto-style29,
.subpage-site .modell-content .auto-style30 {
  font-size: 21px;
}
.subpage-site .modell-content .auto-style8 {
  border-bottom: 2px solid #e9c995;
  padding-bottom: 8px;
  margin: 0 0 16px;
}
.subpage-site .modell-landscape {
  margin: 20px auto 26px;
  text-align: center;
}
.subpage-site .modell-landscape img {
  display: block;
  width: var(--modell-landscape-width, 620px);
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  border-radius: var(--modell-landscape-radius, 10px);
  border: 1px solid #dce7ef;
}
.subpage-site .modell-landscape-wide { --modell-landscape-width: 700px; }
.subpage-site .modell-landscape-small { --modell-landscape-width: 520px; }

/* Anpassungen der Methodik-Seite */
.subpage-site .subpage-intro .subpage-logo img.modell6-image {
  transform: translateX(-70px);
}
.subpage-site .modell-content .modell-intro-table {
  display: table;
  table-layout: fixed;
}
.subpage-site .modell-content .modell-intro-table .modell-intro-logo-cell {
  width: 42%;
  vertical-align: middle;
  text-align: center;
  padding: 18px 14px;
}
.subpage-site .modell-content .modell-intro-table .modell-intro-copy-cell {
  width: 75%;
  vertical-align: top;
}
.subpage-site .modell-inline-logo {
  display: block;
  width: 100%;
  max-width: 260px;
  height: auto;
  margin: 0 auto;
  object-fit: contain;
}
.subpage-site .modell-section-title {
  margin: 22px 0 16px;
  padding-bottom: 9px;
  border-bottom: 2px solid var(--sand);
  color: var(--navy);
  font-size: 24px;
  line-height: 1.2;
}
.subpage-site .modell-methodik-section { margin: 26px 0 30px; }
.subpage-site .modell-methodik-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 720px;
  gap: 28px;
  align-items: center;
  padding: 20px 22px;
  background: #fff;
  border: 1px solid #e1e8ed;
  border-radius: 10px;
}
.subpage-site .modell-methodik-copy p { margin: 0 0 18px; }
.subpage-site .modell-methodik-copy ol { margin: 0; padding-left: 28px; }
.subpage-site .modell-methodik-copy li { margin: 0 0 14px; }
.subpage-site .modell-methodik-image { margin: 0; }
.subpage-site .modell-methodik-image img { width: 100%; max-width: 800px; margin: 0; }
.subpage-site .modell-pros-title { margin-top: 28px; }


/* Vor- und Nachteile: dezente Korrelationsbox und Logo-Spalte */
.subpage-site .modell-content table.modell-correlation-inset {
  background: #F9FCFD !important;
  border: 1px solid #dfe7ec !important;
  border-collapse: separate !important;
  border-spacing: 0;
  border-radius: 10px;
  overflow: hidden;
}
.subpage-site .modell-content table.modell-correlation-inset td {
  background: #F9FCFD;
  border-color: #dfe7ec !important;
}
.subpage-site .modell-content table.modell-pros-layout {
  width: 100%;
  table-layout: fixed;
  border: 0 !important;
  border-collapse: collapse;
  background: transparent !important;
  margin: 0 0 18px;
}
.subpage-site .modell-content table.modell-pros-layout td {
  border: 0 !important;
  background: transparent !important;
  padding: 0;
  vertical-align: top;
}
.subpage-site .modell-content table.modell-pros-layout .modell-pros-copy { width: 74%; padding-right: 24px; }
.subpage-site .modell-content table.modell-pros-layout .modell-pros-logo-cell { width: 26%; text-align: center; vertical-align: middle; }
.subpage-site .modell-content .modell-pros-logo { display: block; width: 100%; max-width: 260px; height: auto; margin: 18px auto; object-fit: contain; }
.subpage-site .modell-content .modell-pros-contact { text-align: justify; }
.subpage-site .footer { color: #fff; }
.subpage-site .footer > span:first-child,
.subpage-site .footer > span:last-child,
.subpage-site .footer a { color: #fff !important; }


/* Footer-Korrektur für die Methodik-Seite: gleiche Darstellung wie in der Vorlage */
.subpage-site > .footer {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  background: #12345b;
  color: #ffffff;
  padding: 20px 30px;
  font-size: 13px;
  line-height: 1.5;
  text-align: left;
}
.subpage-site > .footer > span {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  color: #ffffff !important;
}
.subpage-site > .footer > span:last-child {
  gap: 14px;
}
.subpage-site > .footer a {
  color: #ffffff !important;
  margin-left: 0;
  text-decoration: none;
}
.subpage-site > .footer a:hover { text-decoration: underline; }

/* Verifikationsseite: einheitliche, moderne Darstellung der historischen Tabellen */
.subpage-site .legacy-content { overflow-x: hidden; }
.subpage-site .legacy-content .auto-style11,
.subpage-site .legacy-content p,
.subpage-site .legacy-content li { text-align: justify; text-justify: inter-word; }
.subpage-site .legacy-content img[ src$="landschaft3.jpg"],
.subpage-site .legacy-content img[src$="landschaft3.jpg"] {
  position: relative;
  left: 45px;
  max-width: calc(100% - 22px);
  height: auto;
}
.subpage-site .legacy-content table:not(.auto-style8) {
  border: 1px solid #d8e2e8 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 2px 8px rgba(20, 48, 70, .06);
  margin-top: 10px;
  margin-bottom: 18px;
}
.subpage-site .legacy-content table:not(.auto-style8) td {
  border: 1px solid #e1e8ed !important;
  padding: 8px 10px;
  vertical-align: middle;
}

/* Die farbigen Ergebniszellen behalten ihre im HTML definierten Hintergrundfarben. */
.subpage-site .legacy-content td[bgcolor] { background-color: inherit; }
.subpage-site .legacy-content table.auto-style8 {
  width: 100% !important;
  border: 0 !important;
  border-bottom: 2px solid var(--sand) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border-collapse: collapse !important;
  margin: 24px 0 18px !important;
  padding: 0 0 9px !important;
  background: transparent !important;
}
.subpage-site .legacy-content table.auto-style8 td {
  border: 0 !important;
  padding: 0 0 8px !important;
  color: var(--navy);
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1.3;
}
.subpage-site .legacy-content table.auto-style8 .auto-style10,
.subpage-site .legacy-content table.auto-style8 .auto-style4 {
  color: var(--navy) !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
}


/* Korrekturen für die Verifikationsseite: durchgehend Arial und gezielte
   Schriftgewichtung im einleitenden Textblock. */
.subpage-site .legacy-content,
.subpage-site .legacy-content *,
.subpage-site .legacy-content table,
.subpage-site .legacy-content table *,
.subpage-site .legacy-content p,
.subpage-site .legacy-content div,
.subpage-site .legacy-content span,
.subpage-site .legacy-content font {
  font-family: Arial, Helvetica, sans-serif !important;
}

/* Der erste erläuternde Textblock ist regulär gesetzt.
   Nur die beiden nummerierten Zwischenüberschriften bleiben fett. */
.subpage-site .legacy-content > table:first-of-type > tbody > tr > td:first-child .auto-style11 {
  font-size: 16px !important;
}
.subpage-site .legacy-content > table:first-of-type > tbody > tr > td:first-child .auto-style11 strong,
.subpage-site .legacy-content > table:first-of-type > tbody > tr > td:first-child .auto-style11 b {
  font-size: 16px !important;
}

/* Farbige Bewertungszellen werden über ihre erhaltenen Inline-Farben geschützt. */
.subpage-site .legacy-content td[style*="background-color"],
.subpage-site .legacy-content th[style*="background-color"] {
  background-color: inherit;
}


/* Zusatz Verifikationsseite (langfristprognose-verifikation-1.html):
   1) Erster Textblock: Arial, 16px. Keine Gewichtsangaben (font-weight o. ä.). */
.subpage-site .legacy-content > table:first-of-type > tbody > tr > td:first-child .auto-style11,
.subpage-site .legacy-content > table:first-of-type > tbody > tr > td:first-child .auto-style11 strong,
.subpage-site .legacy-content > table:first-of-type > tbody > tr > td:first-child .auto-style11 b,
.subpage-site .legacy-content > table:first-of-type > tbody > tr > td:first-child .auto-style11 a,
.subpage-site .legacy-content > table:first-of-type > tbody > tr > td:first-child .auto-style11 * {
  font-family: Arial !important;
  font-size: 16px !important;
}

/* Der Textblock liegt in einer ersten Tabellenzeile und erbt sonst von dort
   font-weight: 600. Nur der Block selbst wird auf normal gesetzt;
   <strong> darin bleibt wie im HTML ausgezeichnet. */
.subpage-site .legacy-content > table:first-of-type > tbody > tr > td:first-child .auto-style11 {
  font-weight: normal;
}

/* 2) Zellen der Tabellen unter "Verifikation Teil 1" und "Verifikation Teil 2":
   Arial, 14px. Keine Gewichtsangaben (font-weight o. ä.). */
.subpage-site .legacy-content table[border]:not([border="0"]) td,
.subpage-site .legacy-content table[border]:not([border="0"]) td *,
.subpage-site .legacy-content table[border]:not([border="0"]) th,
.subpage-site .legacy-content table[border]:not([border="0"]) th * {
  font-family: Arial !important;
  font-size: 14px !important;
}
.subpage-site .legacy-content hr.trenner {
  border: 0;
  border-top: 1px solid #e1e8ed;   /* gleiche Farbe wie die Zellenrahmen */
  margin: 18px 0;
}

/* Zusatz: Rahmen, Schatten und Zellenlinien der kleinen Social-Media-Tabelle
   (Facebook/X-Button) in langfristprognose-info.html wieder ausblenden. */
.subpage-site .info-content table[border="0"],
.subpage-site .info-content table[border="0"] td {
  border: 0 !important;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  padding: 0;
  margin: 0;
}