/* Eigenständige Plattformseiten; keine Änderungen an Buchung oder Backend. */
.platform-page { background:#f5f8fa; color:#102436; }
.platform-page .site-header .header-inner { width:min(1480px,calc(100% - 48px)); }
.platform-page .desktop-nav { gap:clamp(10px,1.25vw,22px); }
.platform-page .desktop-nav .nav-cta { white-space:nowrap; }
.platform-page main { padding-top:var(--site-header-offset); }
.platform-page .platform-hero { position:relative; overflow:hidden; color:#fff; background:radial-gradient(circle at 84% 22%,rgba(28,198,204,.2),transparent 32%),linear-gradient(130deg,#061827 0%,#083650 72%,#07536a 100%); }
.platform-page .platform-hero::after { content:""; position:absolute; width:560px; height:560px; right:-210px; top:-185px; border:1px solid rgba(151,230,235,.25); border-radius:50%; pointer-events:none; }
.platform-page .platform-hero-inner { min-height:570px; display:grid; grid-template-columns:minmax(0,1.12fr) minmax(310px,.75fr); gap:clamp(36px,5vw,84px); align-items:center; padding:88px 0 100px; position:relative; z-index:1; }
.platform-page .platform-breadcrumbs { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 32px; color:#a6c5ce; font-size:12px; font-weight:750; }
.platform-page .platform-breadcrumbs a:hover { color:#fff; }
.platform-page .platform-breadcrumbs span:not(:last-child)::after { content:"/"; margin-left:8px; opacity:.55; }
.platform-page .platform-eyebrow { margin:0 0 18px; color:#8ce8e9; font-size:11px; font-weight:900; letter-spacing:.2em; text-transform:uppercase; }
.platform-page h1 { max-width:840px; margin:0; font-size:clamp(46px,5.6vw,82px); line-height:1.03; letter-spacing:-.055em; }
.platform-page h1 em { color:#8ce8e9; font-style:normal; }
.platform-page .platform-lead { max-width:700px; margin:25px 0 0; color:#d8e9ec; font-size:clamp(18px,1.55vw,22px); line-height:1.55; }
.platform-page .platform-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }
.platform-page .platform-actions a { min-height:54px; display:inline-flex; align-items:center; padding:12px 22px; border-radius:12px; font-size:14px; font-weight:850; }
.platform-page .platform-primary { background:#78e0e2; color:#082336; }
.platform-page .platform-primary:hover { background:#b0f1ef; }
.platform-page .platform-secondary { border:1px solid rgba(255,255,255,.45); color:#fff; }
.platform-page .platform-secondary:hover { background:rgba(255,255,255,.1); }
.platform-page .platform-visual { align-self:stretch; min-height:390px; display:flex; align-items:center; justify-content:center; }
.platform-page .platform-map { width:100%; max-width:450px; padding:26px; border:1px solid rgba(151,230,235,.26); border-radius:28px; background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.035)); box-shadow:0 28px 80px rgba(0,0,0,.2); backdrop-filter:blur(8px); }
.platform-page .platform-map small { display:block; margin-bottom:18px; color:#8ce8e9; font-size:10px; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }
.platform-page .platform-map-step { display:grid; grid-template-columns:44px 1fr; gap:12px; align-items:center; padding:15px 0; border-top:1px solid rgba(255,255,255,.13); }
.platform-page .platform-map-step b { width:38px; height:38px; display:grid; place-items:center; border-radius:11px; background:#83e6e6; color:#063047; font-size:11px; }
.platform-page .platform-map-step strong { display:block; font-size:17px; line-height:1.3; }
.platform-page .platform-map-step span { display:block; color:#b7d0d8; font-size:12px; }
.platform-page .platform-band { background:#09283d; color:#fff; }
.platform-page .platform-band-grid { display:grid; grid-template-columns:repeat(3,1fr); }
.platform-page .platform-band-grid > div { padding:23px 22px; border-right:1px solid rgba(255,255,255,.1); }
.platform-page .platform-band-grid > div:last-child { border-right:0; }
.platform-page .platform-band strong { display:block; font-size:16px; }
.platform-page .platform-band span { display:block; color:#a7c1cb; font-size:13px; }
.platform-page .platform-section { padding:clamp(78px,9vw,120px) 0; }
.platform-page .platform-section--white { background:#fff; }
.platform-page .platform-section--soft { background:#f1f6f7; }
.platform-page .platform-section--dark { background:#081d2e; color:#fff; }
.platform-page .platform-heading { max-width:850px; margin-bottom:35px; }
.platform-page .platform-heading h2 { margin:0; font-size:clamp(36px,4.4vw,60px); line-height:1.07; letter-spacing:-.047em; }
.platform-page .platform-heading p:last-child { margin:18px 0 0; color:#5f7180; font-size:18px; }
.platform-page .platform-section--dark .platform-heading p:last-child { color:#b6cbd3; }
.platform-page .platform-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.platform-page .platform-card { min-height:235px; padding:28px; border:1px solid #dce9eb; border-radius:22px; background:#fff; box-shadow:0 15px 40px rgba(8,42,62,.045); }
.platform-page .platform-card small { color:#008d99; font-size:11px; font-weight:900; letter-spacing:.16em; }
.platform-page .platform-card h3 { margin:22px 0 10px; font-size:21px; line-height:1.2; }
.platform-page .platform-card p { margin:0; color:#5b6d78; font-size:14px; line-height:1.6; }
.platform-page .platform-split { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:clamp(40px,6vw,90px); align-items:start; }
.platform-page .platform-list { margin:0; padding:0; list-style:none; display:grid; gap:12px; }
.platform-page .platform-list li { padding:21px 23px; border:1px solid #dce9eb; border-radius:15px; background:#fff; }
.platform-page .platform-list strong { display:block; font-size:17px; }
.platform-page .platform-list span { display:block; margin-top:5px; color:#5d707b; font-size:14px; }
.platform-page .platform-section--dark .platform-list li { background:#0d3049; border-color:#28536a; }
.platform-page .platform-section--dark .platform-list span { color:#afc8d2; }
.platform-page .platform-related { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.platform-page .platform-related a { min-height:155px; display:flex; flex-direction:column; justify-content:space-between; padding:24px; background:#fff; border:1px solid #d7e5e8; border-radius:18px; transition:transform .2s,border-color .2s; }
.platform-page .platform-related a:hover { transform:translateY(-3px); border-color:#08aebd; }
.platform-page .platform-related small { color:#078c9b; font-weight:850; letter-spacing:.12em; text-transform:uppercase; font-size:10px; }
.platform-page .platform-related strong { display:block; font-size:20px; }
.platform-page .platform-cta { padding:70px 0; background:linear-gradient(135deg,#062638,#07546a); color:#fff; }
.platform-page .platform-cta-inner { display:flex; align-items:end; justify-content:space-between; gap:32px; }
.platform-page .platform-cta h2 { max-width:700px; margin:0; font-size:clamp(34px,4vw,56px); line-height:1.08; letter-spacing:-.04em; }
.platform-page .platform-cta p { max-width:650px; color:#c5dde2; }
.platform-page .platform-cta .platform-primary { flex:0 0 auto; display:inline-flex; padding:15px 22px; border-radius:12px; font-weight:850; }
.platform-page .platform-footer { padding:32px 0; background:#061827; color:#bcd1d8; }
.platform-page .platform-footer-inner { display:flex; justify-content:space-between; flex-wrap:wrap; gap:22px; }
.platform-page .platform-footer nav { display:flex; flex-wrap:wrap; gap:10px 22px; font-size:13px; }
.platform-page .platform-footer a:hover { color:#fff; }
.home-platform { padding:clamp(82px,9vw,118px) 0; color:#fff; background:radial-gradient(circle at 88% 13%,rgba(0,185,195,.22),transparent 33%),#071d30; }
.home-platform .platform-eyebrow { margin:0 0 18px; color:#8ce8e9; font-size:11px; font-weight:900; letter-spacing:.18em; text-transform:uppercase; }
.home-platform h2 { max-width:900px; margin:0; font-size:clamp(38px,4.5vw,64px); line-height:1.08; letter-spacing:-.04em; }
.home-platform .home-platform-intro { max-width:780px; color:#bfd3da; font-size:18px; }
.home-platform .home-platform-discover { display:inline-flex; align-items:center; gap:12px; min-height:48px; margin-top:6px; padding:10px 18px; border:1px solid rgba(140,232,233,.55); border-radius:12px; color:#a2eeec; font-size:14px; font-weight:850; }
.home-platform .home-platform-discover:hover { background:rgba(140,232,233,.12); color:#fff; }
.home-platform .home-platform-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; margin-top:35px; }
.home-platform .home-platform-grid a { display:flex; flex-direction:column; min-height:280px; padding:28px; border:1px solid rgba(156,229,233,.22); border-radius:22px; background:rgba(255,255,255,.065); transition:background .2s,transform .2s; }
.home-platform .home-platform-grid a:hover { background:rgba(255,255,255,.12); transform:translateY(-3px); }
.home-platform .home-platform-grid small { color:#8ce8e9; font-size:11px; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }
.home-platform .home-platform-grid strong { margin-top:30px; font-size:26px; line-height:1.1; }
.home-platform .home-platform-grid span { margin-top:12px; color:#c6d9de; font-size:15px; }
.home-platform .home-platform-grid em { margin-top:auto; padding-top:25px; color:#83e0e6; font-size:13px; font-style:normal; font-weight:850; }
.faq-answer strong { color:#fff; }
.faq-answer a { color:#9cecf0; text-decoration:underline; text-underline-offset:3px; font-weight:750; }
.faq-answer a:hover,.faq-answer a:focus-visible { color:#fff; }
.package-depth { padding:clamp(78px,9vw,118px) 0; background:#f1f6f7; }
.package-depth .platform-heading { max-width:900px; margin-bottom:35px; }
.package-depth .platform-eyebrow { margin:0 0 16px; color:#078c9b; font-size:11px; font-weight:900; letter-spacing:.18em; text-transform:uppercase; }
.package-depth .platform-heading h2 { margin:0; color:#102436; font-size:clamp(36px,4.4vw,60px); line-height:1.08; letter-spacing:-.045em; }
.package-depth .platform-heading p:last-child { margin:17px 0 0; color:#5f7180; font-size:18px; }
.package-depth-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.package-depth-grid article { display:flex; flex-direction:column; padding:30px; border:1px solid #d8e7ea; border-radius:22px; background:#fff; box-shadow:0 14px 36px rgba(8,42,62,.045); }
.package-depth-grid article>span { color:#078c9b; font-size:11px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
.package-depth-grid h3 { margin:16px 0 12px; font-size:27px; line-height:1.1; }
.package-depth-grid ul { margin:0 0 28px; padding-left:20px; color:#526874; font-size:14px; line-height:1.6; }
.package-depth-grid li+li { margin-top:10px; }
.package-depth-grid article>a { margin-top:auto; color:#006e88; font-weight:850; font-size:14px; }
.package-depth-note { margin:25px 0 0; padding:24px 28px; border-left:4px solid #08aebd; border-radius:0 14px 14px 0; background:#fff; color:#526874; }
.package-depth-note strong { color:#102436; }
.package-depth-note a { color:#006e88; text-decoration:underline; text-underline-offset:3px; }
@media(max-width:1120px){.platform-page .platform-hero-inner{grid-template-columns:1fr}.platform-page .platform-visual{min-height:0}.platform-page .platform-map{max-width:none;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.platform-page .platform-map small{grid-column:1/-1}.platform-page .platform-map-step{grid-template-columns:1fr;align-content:start}.platform-page .platform-split{grid-template-columns:1fr}}
@media(max-width:980px){.package-depth-grid{grid-template-columns:1fr}}
@media(max-width:760px){.platform-page main{padding-top:var(--site-header-offset)}.platform-page .platform-hero-inner{padding:55px 0 65px}.platform-page .platform-map,.platform-page .platform-cards,.platform-page .platform-related,.home-platform .home-platform-grid{grid-template-columns:1fr}.platform-page .platform-map-step{grid-template-columns:44px 1fr}.platform-page .platform-band-grid{grid-template-columns:1fr}.platform-page .platform-band-grid>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.platform-page .platform-cta-inner{align-items:start;flex-direction:column}.platform-page .platform-visual{display:none}.platform-page .platform-hero h1{font-size:clamp(43px,11vw,62px)}.home-platform .home-platform-grid a{min-height:210px}}
/* Die drei inhaltlichen Hero-Punkte bleiben auch auf kleinen Displays lesbar. */
@media(max-width:760px){.platform-page .platform-visual{display:flex;min-height:0}.platform-page .platform-map{padding:20px;border-radius:20px;box-shadow:0 14px 38px rgba(0,0,0,.15)}}