:root{--red:#d61129;--dark:#111923;--muted:#57616d;--paper:#f3f6f9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--dark);background:#fff}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.section-wrap{width:min(1430px,calc(100% - 64px));margin-inline:auto}.header{height:86px;background:#111d2cf2;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 max(32px,calc((100vw - 1430px)/2));position:absolute;z-index:5;left:0;right:0;top:0}.brand{background:#fff;border-radius:60px;padding:3px 8px;flex:none}.brand img{width:205px;height:65px;object-fit:contain}.nav{display:flex;align-items:center;gap:27px}.nav a{font-size:14px;color:#fff;white-space:nowrap;transition:color .2s}.nav a:hover,.nav a:focus{color:#ff6071}.menu-toggle{display:none;background:transparent;border:0;color:white;font-size:30px}.hero{min-height:515px;background:linear-gradient(90deg,#091320e6 0%,#091320a0 25%,#09132000 55%),url('bilder/titelbild.jpg') center center/cover no-repeat;display:flex;align-items:center;color:white}.hero-content{width:min(1430px,calc(100% - 64px));margin:0 auto;padding:115px 0 30px}.eyebrow,.hero-motto,.overline{font-size:14px;letter-spacing:4px;font-weight:700}.hero-space{height:0}.hero-motto{margin:22px 0 25px;font-size:clamp(15px,2vw,24px);letter-spacing:5px;text-shadow:0 2px 12px #000}.hero-motto span{color:#f22a41;padding:0 9px}.btn{display:inline-flex;gap:24px;align-items:center;background:var(--red);color:#fff;padding:17px 24px;border-radius:5px;font-size:13px;font-weight:800;letter-spacing:.3px}.btn:hover{background:#a90d20}.features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:-23px;position:relative;z-index:2}.feature{background:white;box-shadow:0 12px 35px #16243b14;border-radius:5px;overflow:hidden;transition:transform .2s}.feature:hover{transform:translateY(-5px)}.feature>img{width:100%;height:195px;object-fit:cover}.feature-body{padding:20px 21px 23px;position:relative}.feature-icon{position:absolute;top:-37px;left:17px;background:var(--red);color:white;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;font-size:25px;border:3px solid white}.feature h2{font-size:20px;margin:0 0 8px;font-weight:900}.feature p{font-size:15px;line-height:1.5;margin:0 0 16px;color:#39424c;min-height:46px}.more{font-size:12px;font-weight:800;color:var(--red);letter-spacing:.5px}.updates{display:grid;grid-template-columns:1.12fr .88fr;gap:52px;padding-top:72px;padding-bottom:80px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:23px}.section-heading h2{font-size:25px;letter-spacing:-.6px;margin:0;font-weight:900}.section-heading h2 span{color:var(--red);margin-right:10px}.section-heading>a{color:var(--red);font-size:12px;font-weight:700;white-space:nowrap}.news-list,.dates-list{background:white;box-shadow:0 10px 30px #15253c13;border:1px solid #e6eaf0;border-radius:5px;overflow:hidden}.news-entry{display:flex;gap:20px;padding:16px;border-bottom:1px solid #e9edf1}.news-entry:last-child,.date-entry:last-child{border:0}.news-entry img{width:155px;height:110px;object-fit:cover;border-radius:3px;flex:none}.news-entry time{font-size:12px;color:#808993}.news-entry h3{font-size:17px;margin:6px 0 8px}.news-entry p{font-size:14px;line-height:1.45;margin:0;color:var(--muted)}.date-entry{display:flex;align-items:center;gap:20px;padding:18px;border-bottom:1px solid #e9edf1}.date-badge{width:62px;flex:none;text-align:center}.date-badge strong{display:block;color:var(--red);font-size:27px}.date-badge span{font-size:12px;font-weight:800}.date-entry h3{font-size:16px;margin:0 0 6px}.date-entry p{font-size:13px;color:var(--muted);margin:0}.empty{padding:28px;color:var(--muted);font-size:14px}.about{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding-block:40px 100px}.about h2,.training-inner h2{font-size:clamp(28px,3.4vw,48px);line-height:1.1;margin:12px 0 22px}.about p:not(.overline){font-size:17px;line-height:1.75;color:var(--muted)}.overline{color:var(--red);font-size:12px;letter-spacing:2px}.about img{width:100%;height:350px;object-fit:cover;border-radius:5px}.training-section{background:linear-gradient(90deg,#0a1521f0,#0a15216b),url('bilder/riedlberg.jpg') center/cover;color:white}.training-inner{padding-block:100px}.training-inner p:not(.overline){font-size:18px;max-width:540px;line-height:1.6;margin-bottom:28px}.gallery{padding-block:85px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery-grid img{width:100%;height:250px;object-fit:cover;border-radius:4px}footer{background:#121c28;color:white}.footer-inner{display:flex;justify-content:space-between;gap:40px;padding-block:48px;font-size:14px}.footer-inner p{color:#bdc5ce;line-height:1.6}.footer-inner>div:last-child{text-align:right}@media(max-width:1100px){.nav{gap:13px}.nav a{font-size:12px}.features{grid-template-columns:repeat(2,1fr)}.updates{gap:25px}.feature>img{height:210px}}@media(max-width:780px){.section-wrap{width:calc(100% - 36px)}.header{padding:0 18px;height:76px}.brand img{width:145px;height:51px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:76px;left:0;right:0;background:#111d2c;padding:18px;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{font-size:15px;padding:13px;border-bottom:1px solid #ffffff20}.hero{min-height:480px;background-position:56% center}.hero-content{width:calc(100% - 36px);padding:100px 0 32px}.hero-space{height:0}.eyebrow{font-size:11px;letter-spacing:2px}.hero-motto{letter-spacing:2px;line-height:1.6}.hero-motto span{padding:0 3px}.features{grid-template-columns:1fr 1fr;gap:12px;margin-top:-12px}.feature>img{height:135px}.feature-body{padding:18px 12px}.feature-icon{display:none}.feature h2{font-size:15px}.feature p{font-size:12px;min-height:70px}.more{font-size:10px}.updates{grid-template-columns:1fr;padding-top:55px;padding-bottom:55px;gap:45px}.section-heading h2{font-size:21px}.about{grid-template-columns:1fr;gap:25px;padding-bottom:60px}.about img{height:240px}.training-inner{padding-block:70px}.gallery{padding-block:60px}.gallery-grid{gap:8px}.gallery-grid img{height:135px}.footer-inner{display:block}.footer-inner>div:last-child{text-align:left}}@media(max-width:420px){.features{grid-template-columns:1fr 1fr}.feature>img{height:110px}.feature p{min-height:88px}.news-entry img{width:100px;height:92px}.news-entry{gap:12px}.news-entry h3{font-size:14px}.news-entry p{font-size:12px}.gallery-grid img{height:95px}}

/* Der obere Bereich ist exakt der vom Nutzer freigegebene Entwurf. */
.original-entwurf{position:relative;width:100%;background:#101c2b;line-height:0}
.original-entwurf>img{width:100%;height:auto;display:block;max-width:none}
.hotspot{position:absolute;display:block;z-index:2;border:0}
.hotspot:focus-visible{outline:3px solid #f51c3b;outline-offset:-3px}
.mobile-nav{display:none}
@media(max-width:780px){.mobile-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;background:#101c2b;color:white;padding:12px 16px;gap:10px}.mobile-nav>a{font-weight:800;font-size:15px}.mobile-nav button{border:1px solid #fff7;color:white;background:transparent;border-radius:5px;padding:7px 12px}.mobile-nav nav{display:none;flex-basis:100%;flex-direction:column}.mobile-nav nav.visible{display:flex}.mobile-nav nav a{padding:10px;border-top:1px solid #ffffff22}.hotspot{min-height:0}.updates{padding-top:45px}}

.header .brand{background:transparent!important;padding:0!important;border-radius:0!important}


/* Startseite: sechs einheitliche Themenkacheln */
.home-links { padding-top: 10px; padding-bottom: 90px; }
.home-links h2 { font-size: clamp(28px, 3.5vw, 42px); margin: 12px 0 25px; color: #142433; }
.home-tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }
.home-tile { position: relative; display: block; height: 225px; overflow: hidden; border-radius: 7px; background: #15283b; color: white; text-decoration: none; }
.home-tile > img { width: 100%; height: 100%; object-fit: cover; transition: transform .25s; display: block; }
.home-tile::after { content: ""; position: absolute; inset: 25% 0 0; background: linear-gradient(0deg, #071b32f5 0%, #10263a90 55%, transparent 100%); }
.home-tile-content { position: absolute; z-index: 1; bottom: 20px; left: 21px; right: 52px; display: flex; flex-direction: column; gap: 5px; }
.home-tile-content strong { font-size: 22px; line-height: 1.2; }
.home-tile-content small { font-size: 13px; color: #e6ebf0; }
.home-tile-arrow { position: absolute; left: calc(100% + 3px); bottom: 0; display: grid; place-items: center; border: 2px solid white; border-radius: 50%; width: 34px; height: 34px; font-size: 23px; }
.home-tile:hover > img { transform: scale(1.05); }
.home-tile:focus-visible { outline: 3px solid #e21c2b; outline-offset: 3px; }
@media(max-width: 850px) { .home-tiles { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media(max-width: 520px) { .home-tiles { grid-template-columns: 1fr; } .home-tile { height: 205px; } }


/* Korrigiertes Startseitenraster – exakt 3 Spalten am Desktop */
.home-links .home-tiles {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  align-items: stretch;
}
.home-links .home-tiles > .home-tile { width: 100%; min-width: 0; margin: 0; }
@media (max-width: 850px) {
  .home-links .home-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
  .home-links .home-tiles { grid-template-columns: 1fr; }
}

/* Zusätzliche Termininformationen */
.date-entry { align-items: flex-start; }
.date-entry h3 a:hover { color: var(--red); }
.date-entry .date-note { color: #b22136; margin-top: 7px; line-height: 1.5; }

/* Pflegeleichte Startseite: Termine statt Nachrichten */
.updates { display:block; padding-top:60px; padding-bottom:60px; }
.updates .dates { width:100%; }
.updates .dates-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.updates .date-entry { align-items:flex-start; min-width:0; }
.updates .date-entry:nth-child(odd) { border-right:1px solid #e9edf1; }
.updates .date-entry:nth-last-child(-n+2) { border-bottom:0; }
/* Der bisher im Titelbild enthaltene rote Button wird mit der neuen Beschriftung überdeckt. */
.original-entwurf .membership-hero {
  display:flex;align-items:center;justify-content:center;
  background:#d61129;color:#fff;font:800 clamp(9px,1.1vw,17px) Arial,sans-serif;
  letter-spacing:.3px;text-decoration:none;border-radius:4px;
}
.original-entwurf .membership-hero:hover { background:#ad1024; }
@media(max-width:780px){.updates .dates-list{grid-template-columns:1fr}.updates .date-entry:nth-child(odd){border-right:0}.updates .date-entry:nth-last-child(2){border-bottom:1px solid #e9edf1}}

/* Das Titelbild enthält Logo, Navigation und Überschrift bereits als Grafik.
   Unsichtbare Linkflächen sorgen für funktionierende Desktop-Navigation. */
.startbild-klicknavigation { position:absolute; inset:0; z-index:8; pointer-events:none; }
.startbild-klicknavigation a { position:absolute; top:2%; height:16%; display:block; pointer-events:auto; color:transparent; font-size:0; background:transparent; }
.startbild-klicknavigation a:focus-visible { outline:3px solid #e21c2b; outline-offset:-3px; }
/* Die Terminübersicht nutzt die volle Breite statt einer leeren zweiten Spalte. */
.updates:has(> .dates:only-child) { grid-template-columns:minmax(0,1fr); }
@media (max-width:780px) {
 .startbild-klicknavigation { display:none; }
 .original-entwurf { overflow:hidden; }
 .original-entwurf > img { width:160%; max-width:none; transform:translateX(-16%); }
}

/* Rechtliche Seiten – Ergänzung ohne Änderung des bestehenden Layouts */
.legal-footer-links{margin-top:14px;font-size:14px;line-height:1.8}
.legal-footer-links a{color:inherit;text-decoration:underline;text-underline-offset:3px;margin:0 5px}
.legal-footer-links a:hover{color:#f38a94}
.legal-page{max-width:940px;margin:0 auto;padding:58px 24px 85px;line-height:1.7;color:#15283a}
.legal-page h1{font-size:clamp(32px,5vw,49px);margin:0 0 24px}
.legal-page h2{font-size:22px;margin-top:32px}
.legal-page a{color:#a61932}
.legal-page .notice{background:#f5f6f8;border-left:4px solid #b21e36;padding:14px 18px;margin:20px 0}
.legal-header{background:#102339;padding:19px max(24px,calc((100vw - 1150px)/2));display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.legal-header a{color:white;text-decoration:none;font-size:14px}.legal-header nav{display:flex;flex-wrap:wrap;gap:16px}
.legal-header .brand{font-size:18px;font-weight:bold}
.legal-footer{background:#102339;color:#fff;padding:30px 24px;text-align:center}

/* Mobile Optimierung Oktober 2026 – Desktop unverändert */
@media(max-width:780px){
  .mobile-nav{position:relative;z-index:30;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px;min-height:76px;background:#101c2b}
  .mobile-nav .mobile-brand{display:flex;align-items:center;flex:0 1 auto;min-width:0;max-width:calc(100% - 110px)}
  .mobile-nav .mobile-brand img{display:block;width:auto;height:auto;max-height:56px;max-width:150px;object-fit:contain}
  .mobile-nav button{flex:none;font-size:15px;min-height:40px}
  .mobile-nav nav{width:100%;flex-basis:100%;padding-top:4px}
  .mobile-nav nav a{font-size:16px;padding:14px 12px}
  .original-entwurf>img{width:100%;max-width:100%;transform:none;height:auto}
  .original-entwurf{overflow:hidden}
  .updates{padding-top:35px}
}
@media(max-width:420px){.mobile-nav .mobile-brand img{max-width:135px;max-height:51px}}