/* Radsportonline - Hauptseite - 2026-04-23 */


body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: #000033;
  background-color: #CDCDCD;
  line-height: 1.3;
}

/* Alle Seiten im Jahrgang news2025 */
body.news2025,
body.news2025 p,
body.news2025 div,
body.news2025 li,
body.news2025 td,
body.news2025 span {
  font-size: 12px !important;
}


td, th {
  color: #000033;
}

a:link,
a:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;   /* Links jetzt 16 px */
  color: #0056b3;
  font-weight: bold;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #B71360;
  text-decoration: underline;
}

img {
  border-radius: 6px;
  height: auto;
}

.mehr {
  font-weight: bold;
  color: #0056b3;
  text-decoration: none;
}

.mehr::before {
  content: "\279C";
  display: inline-block;
  transition: margin-right 0.2s ease;
}

.mehr:hover::before {
  margin-right: 8px;
}

nav {
  border-bottom: 1px solid #dcdcdc;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.feine-linie {
  border: none;
  border-top: 1px solid #e6e6e6;
  margin: 25px 0;
}

<style>
.grosser-abstand {
line-height: 1,5;
}
</style>


.rso-tabelle {
  border-collapse:  separate;
  box-shadow: 7px 7px 12px #999;
  border: 2px solid #2a7db8;
  border-radius: 12px;
}

.rso-tabelle td {
  border: 1px solid #444;
  padding: 6px;
}

/* Abstandsgrafiken NICHT runden oder skalieren */
img[src*="10x10.gif"] {
  border-radius: 0 !important;
  width: auto !important;
  height: auto !important;
}

/* Unterseite: 30. Kleine Friedensfahrt 2026 */
body.news2026,
body.news2026 p,
body.news2026 div,
body.news2026 li,
body.news2026 td,
body.news2026 span { font-size: 13px; }
.rso-tabelle { border: 7px solid #2a7db8; border-radius: 20px; background: #fff; }
.rso-tabelle td { border: 0; }
.rso-logo-text { font-size: 34px; font-weight: bold; color: #0056b3; letter-spacing: -1px; }
.rso-logo-text span { color: #B71360; font-size: 34px; }
.rso-subline { font-size: 12px; color: #666; margin-top: 2px; }
.rso-hr { width: 93%; height: 2px; background-color: #0056b3; margin: 10px auto; border: none; }
.breadcrumb { text-align: center; color: #999; }
.hero-title { font-size: 24px; line-height: 1.25; color: #0056b3; margin: 12px 0 4px 0; font-weight: bold; }
.hero-subtitle { font-size: 15px; color: #336666; font-weight: bold; margin-bottom: 12px; }
.info-box { background: #F4F8FC; border-left: 6px solid #2a7db8; padding: 12px 14px; margin: 12px auto 18px auto; width: 86%; line-height: 1.55; }
.gallery { width: 900px; margin: 12px auto 24px auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.gallery a { display: block; background: #fff; border: 1px solid #d5d5d5; border-radius: 10px; box-shadow: 3px 3px 8px #bbb; padding: 8px; color: #000033; font-size: 12px; font-weight: normal; }
.gallery img { width: 100%; border-radius: 6px; display: block; }
.gallery .cap { margin-top: 7px; min-height: 44px; text-align: center; line-height: 1.35; }
.gallery .cap strong { color: #0056b3; }
.pdf-link { text-align: center; margin: 18px 0 8px 0; }
.lightbox { display: none; position: fixed; z-index: 999; padding: 20px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background: rgba(0,0,0,.86); box-sizing: border-box; }
.lightbox:target { display: block; }
.lightbox img { display: block; max-width: 92%; max-height: 86vh; margin: 22px auto 10px auto; border-radius: 6px; background: #fff; }
.lightbox .lb-caption { color: #fff; text-align: center; font-size: 14px; }
.lightbox .close { position: fixed; right: 25px; top: 12px; color: #fff; font-size: 34px; text-decoration: none; }
.lightbox .prev, .lightbox .next { position: fixed; top: 50%; color: #fff; font-size: 42px; text-decoration: none; padding: 10px; }
.lightbox .prev { left: 18px; } .lightbox .next { right: 18px; }
@media (max-width: 980px) { .rso-tabelle, .gallery { width: 96% !important; } .gallery { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 620px) { .gallery { grid-template-columns: 1fr; } .hero-title { font-size: 20px; } .rso-logo-text { font-size: 26px; } }