/* Alle Abschnitte gehören zu derselben Wassersäule. Nur lokale Leseflächen sind Glas. */
.water-world { background: linear-gradient(#080b13 0 23%, #102f79 32%, #789fbe 62%, #d0e6e9 83%, #f4f4ef); }
.water-world .ink-layer { z-index: -3; background: #102c6e; }
.water-world .ink-fallback { opacity: 1; background-image: radial-gradient(ellipse at 52% 0%, #4988b6a0, transparent 18%), linear-gradient(#0b2865 0%, #346b94 25%, #82bdD6 60%, #f4f4ef 100%); background-size: 100% var(--water-height, 11000px); background-position: 0 var(--water-offset, 0px); background-repeat: no-repeat; background-color: #f4f4ef; }
.water-world[data-fluid="ready"] .ink-fallback { opacity: 0; }
.world-thread { position: absolute; left: 0; width: 100%; overflow: hidden; pointer-events: none; z-index: -2; }
.water-world :is(.tools-section,.outcomes,.site-footer), .water-world[data-fluid="ready"] :is(.tools-section,.outcomes) { background: transparent; }
.water-world :is(.glass,.process-list li,.facts-list > div,.services-foot-grid,.faq-list),
.water-world[data-fluid="ready"] :is(.glass,.process-list li,.facts-list > div,.services-foot-grid,.faq-list) {
  background: #f4f4efaa; border-color: #ffffff70; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);
  box-shadow: inset 0 1px 0 #ffffff88; color: #172f40;
}
.water-world .section-pad { position: relative; }
.water-world .water-dark { color: #f4f4ef; --line: #dbedf733; --muted: #d0e1ed; }
.water-world .water-dark :is(.glass,.process-list li,.facts-list > div,.services-foot-grid,.faq-list),
.water-world[data-fluid="ready"] .water-dark :is(.glass,.process-list li,.facts-list > div,.services-foot-grid,.faq-list) {
  color: #f4f4ef; background: #12396b8c; border-color: #c6e7ff4d; box-shadow: inset 0 1px 0 #e7f7ff40; backdrop-filter: blur(6px);
}
.water-world .water-dark .eyebrow { color: #deeff8; background: #132b4a70; border: 1px solid #c5e6fa30; }
.water-world .water-dark .editorial-word { color: #d1e7f2; text-shadow: none; }
.water-world .editorial-word { text-shadow: none; }
.water-world .work-poster :is(.poster-label,.poster-caption) { color: #192d40; }
.water-world .water-dark .tags li { color: #f0f7fa; background: #88b4d214; border-color: #d3edfa50; }
.water-world .water-dark .small-note { color: #e7f3fa; }
.water-world .brand-panel { background: #21519b8c; border: 1px solid #d1ebf266; border-radius: var(--radius); backdrop-filter: blur(4px); }
.water-world .contact-intro > p:not(.eyebrow) { background: #f4f4ef88; }
.water-world .site-header::before { background: #08162b66; backdrop-filter: blur(12px); mask-image: linear-gradient(#000 50%,transparent); opacity: 1; }
.water-world[data-underwater] .site-header::before { background: #0a275655; }
.water-world[data-ground] .site-header::before { background: #e5f0ef66; }
.water-world .site-header nav { background: #0b203bcc; border-color: #e4f4fa33; }
.water-world .site-header nav a { color: #f4f4ef; }
.water-world[data-ground] .site-header nav { background: #183c55d9; }
.water-world .intro-media > .surface-reflection { clip-path: inset(76% 0 0); mask-image: linear-gradient(transparent 75%, #000 85%); filter: url(#water-refraction); pointer-events: none; opacity: .6; }
.water-world .clock-ripple { opacity: 0; }
.water-world[data-paused] .clock-ripple { opacity: 0 !important; }
.water-world .title-copy { width: 35%; max-width: 575px; }
.water-world .intro-title h1 { font-size: clamp(38px, 3.85vw, 70px); }
.water-world .intro-title h2 { font-size: clamp(42px, 4.5vw, 78px); }
.water-world .intro-body { max-width: 34ch; }
.water-world .intro-shade { background: linear-gradient(90deg, #050c1799, #07102035 32%, transparent 49%); }
.water-world .quiet-ending { grid-template-columns: repeat(2,1fr); background: #0b2865; }
.water-world .quiet-ending img { mask-image: linear-gradient(#000 65%,transparent); }
.quiet-scene { margin: 0; }
.quiet-scene img { width: 100%; max-height: 80svh; object-fit: cover; }
body[data-intro="motion"] .quiet-scene { display: none; }
.water-world:not([data-intro]) .ink-layer { display: none; }
.water-world:not([data-intro]) :is(.services,.services-foot,.tools-section,.showcase,.approach) { color: #f4f4ef; }
.water-world:not([data-intro]) :is(.glass,.services-foot-grid) { color: #172f40; }

/* Der Bogen lässt die vier Wege im Raum stehen, mit Platz zum Auftauchen. */
.water-world .services { display: grid; grid-template-columns: minmax(210px,.85fr) minmax(0,3.3fr); align-items: center; column-gap: 42px; }
.water-world[data-intro="motion"] .services { padding-top: clamp(145px, 22svh, 210px); padding-bottom: 120px; min-height: 100svh; }
.water-world #services-title { padding: 0; margin: 0; background: none; box-shadow: none; border-radius: 0; font-size: clamp(40px,4vw,68px); line-height: 1.03; letter-spacing: -.04em; max-width: 6.6em; text-wrap: balance; }
.water-world .service-cards { gap: 19px; perspective: 1500px; align-items: start; padding: 38px 9px 90px; }
.water-world .service-card, .water-world[data-fluid="ready"] .service-card {
  min-height: 455px; padding: 23px 19px 20px; color: #f4f4ef; background: linear-gradient(145deg,#d8eef42e,#75aed015 55%,#36558022);
  border: 1px solid #d2eeff94; border-radius: 13px; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);
  box-shadow: inset 0 0 0 4px #c8eff216, inset 0 1px 1px #fff9, 0 18px 35px #00113c22;
  transform-origin: 50% 60%; will-change: transform; transition: background-color var(--ui) ease, border-color var(--ui) ease;
}
.water-world .service-card::before { content: ''; position: absolute; inset: 7px; border: 1px solid #d4f3ff3d; border-radius: 8px; pointer-events: none; }
.water-world .service-number { position:relative; z-index:1; align-self:flex-start; display:inline-block; margin-inline:-4px; padding-inline:4px; color:#f4f8fc; font-size:11px; margin-bottom:24px; white-space:nowrap; border-radius:2px; background:#061b3ee6; text-shadow:0 1px 2px #031735; }
.water-world .service-icon { width: 35px; height: 35px; fill: none; stroke: #d7f52a; stroke-width: 1.3; stroke-linecap: round; stroke-linejoin: round; margin-bottom: 23px; }
.water-world .service-card h3 { font-size: clamp(23px,1.87vw,34px); letter-spacing: -.035em; line-height: 1.05; margin-bottom: 18px; min-height: 2.1em; overflow-wrap: normal; hyphens: auto; }
.water-world .service-details { display: flex; flex: 1; flex-direction: column; opacity: 1; }
.water-world[data-intro="motion"] .service-details { opacity: 0; transform: translateY(12px); transition: opacity 200ms var(--ease-out), transform 300ms var(--ease-out); }
.water-world .service-text { font-size: 13px; line-height: 1.5; margin-bottom: 16px; }
.water-world .service-card .tags { margin-bottom: 18px; gap: 5px; }
.water-world .service-card .tags li { padding: 4px 7px; font-size: 11px; color: #f4f4ef; border-color: #d1e9f750; background: #d9eff70d; }
.water-world .service-price { padding-top: 13px; font-size: 15px; border-color: #d1e9f740; }
.water-world .service-price b { font-size: 29px; }
.water-world .service-link { margin-top: 5px; font-size: 12px; }
.water-world .service-discover { position: absolute; bottom: 27px; left: 20px; font-size: 12px; color: #e2f2fa; transition: opacity 150ms ease; }
.water-world .service-card.is-selected { z-index: 2; border-color: #e6fbffd9; background-color: #96c5e243; }
.water-world[data-intro="motion"] .service-card.is-selected .service-details { opacity: 1; transform: translateY(0); }
.water-world .service-card.is-selected .service-discover { opacity: 0; }
.water-world .service-card:focus-within { outline: 2px solid #d7f52a; outline-offset: 5px; }
.water-world .service-link::after { z-index: 3; }
.water-world .service-link:focus-visible { outline: none; }
.water-world .services-foot { position: relative; padding-bottom: 90px; }
.water-world .services-foot-grid { font-size: 13px; }
.water-world .services-foot-note { font-size: 12px; }
.water-world .tools-section { padding-block: 75px 95px; }
.water-world[data-intro="quiet"] .services { padding-block: 110px; }
.water-world[data-intro="quiet"] .service-discover, .water-world:not([data-intro]) .service-discover { display: none; }
.water-world[data-intro="quiet"] .service-cards { padding-block: 10px; }
.water-world[data-intro="quiet"] .service-card { will-change: auto; }

@media (min-width:768px) and (max-width:1200px) {
  .water-world .services { grid-template-columns: 1fr; row-gap: 95px; }
  .water-world #services-title { max-width: 13em; }
  .water-world .service-cards { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .water-world .service-card { padding-inline: 16px; }
  .water-world .service-number { font-size: 11px; white-space: normal; }
}
@media (max-width:767px), (max-width:1100px) and (orientation:portrait) {
  .water-world .title-copy { width: auto; max-width: none; }
  .water-world .intro-title h1 { font-size: clamp(29px,7.8vw,46px); }
  .water-world .intro-title h2 { font-size: clamp(35px,9.5vw,58px); }
  .water-world .intro-body { font-size: 16px; }
  .water-world .intro-shade { background: linear-gradient(0deg,#080b13,transparent 13%); }
  .water-world .intro-media > .surface-reflection { transform: none; }
  .water-world .services { display: block; }
  .water-world[data-intro="motion"] .services { padding-top: 130px; padding-bottom: 65px; }
  .water-world #services-title { max-width: 8em; font-size: 44px; margin-bottom: 44px; }
  .water-world .service-cards { grid-template-columns: 1fr; padding: 0 5px; gap: 24px; }
  .water-world .service-card, .water-world[data-fluid="ready"] .service-card { min-height: 345px; padding: 25px; }
  .water-world .service-number { margin-bottom: 17px; }
  .water-world .service-icon { width: 30px; height: 30px; margin-bottom: 16px; }
  .water-world .service-card h3 { font-size: 32px; min-height: 0; margin-bottom: 20px; }
  .water-world .service-text { font-size: 15px; max-width: 35ch; }
  .water-world .service-card .tags { margin-bottom: 16px; }
  .water-world .service-discover { left: 25px; }
  .water-world .services-foot { padding-bottom: 35px; }
  .water-world .site-header::after { background: linear-gradient(0deg,#12366bd9,transparent); }
  .water-world[data-ground] .site-header::after { background: linear-gradient(0deg,#e8f1ecee,transparent); }
  .water-world[data-underwater] .site-header::after { opacity: 1; }
  .water-world[data-underwater] .global-motion { bottom: calc(75px + env(safe-area-inset-bottom,0px)); }
  .water-world .quiet-ending { grid-template-columns: 1fr; }
}

/* Runde 5: Die Bühne behält ihre Bildgeometrie bis zur vollständigen Übergabe. */
html { overflow-x: clip; }
body.water-world { overflow-x:clip; }
body.water-world:not([data-intro]) { background:linear-gradient(#b5d1df,#f4f4ef); }
.water-world[data-fluid="ready"] .world-thread { visibility:hidden!important; }
.intro-setup[data-intro="motion"] .intro-title { opacity: 0; transition: none; }
.intro-setup[data-intro="motion"] .intro-title .word-mask > span { transition: none; }
.water-world .brand-sub { display: none; }
.water-world .header-cta { color: inherit; background:var(--control-glass,#0a234299); border: 1px solid #d8eeff66; backdrop-filter: blur(8px); }
.water-world .site-header { color:var(--header-ink,#f4f4ef); padding-right: var(--gutter); }
.water-world .site-header::before, .water-world[data-ground] .site-header::before, .water-world[data-underwater] .site-header::before {
  background: color-mix(in srgb, #0b2a4a33, #c7e5ee33 var(--header-light, 0%));
  backdrop-filter: blur(8px); mask-image: linear-gradient(#000 0 35%, transparent 100%); bottom: -20px;
}
.water-world .site-header .global-motion, .water-world[data-ground] .global-motion, .water-world[data-underwater] .global-motion {
  position: static; inset: auto; flex-shrink: 0; width: 44px; height: 44px; min-height: 44px;
  padding: 0; font-size: 0; color: inherit; background:var(--control-glass,#0a234299); border: 1px solid #c8dfeb66; border-radius: 50%;
}
.water-world .global-motion::before { margin: 0; font-size: 15px; }
.water-world .site-header .global-motion { display:grid;place-items:center; }
.water-world .site-header .global-motion[hidden] { display:none; }
.water-world .global-motion:focus-visible { outline: 2px solid #d7f52a; outline-offset: 4px; }
.water-world .intro-media { background: transparent !important; }
.square-film .intro-poster,.square-film .surface-reflection { object-position:90.476% center; }
.intro-media > img, .intro-media > video { translate: none; }
.intro-media > video { transition: none; }
.clock-rotor { filter: blur(.35px); }
.water-world .intro-media>.surface-reflection { mask-image:linear-gradient(transparent 75%,#000 84% 92%,transparent); }
.intro-services-title { position: absolute; pointer-events: none; opacity: 0; color: #f4f4ef; font-family: var(--font-display); font-weight: 500; letter-spacing: -.04em; text-wrap: balance; z-index: 3; }
.intro-services-title::before, .water-world #services-title::before {
  content: ''; position: absolute; inset: -80px -55px; z-index: -1; pointer-events: none;
  background: radial-gradient(ellipse, #061930ed 10%, #071d34bb 44%, transparent 71%);
}
.water-world #services-title { position: relative; isolation: isolate; color: #f4f4ef; align-self: center; }
.water-world[data-intro="motion"] #services-title { transition: none; }
.water-world[data-intro="motion"] .services { padding-top: clamp(120px,17svh,165px); padding-bottom: 90px; }
.water-world .services { gap: 30px; }
.water-world .service-cards { gap: 18px; padding: 24px 9px 70px; }
.water-world .service-card, .water-world[data-fluid="ready"] .service-card {
  min-height: min(415px,52svh); padding: 21px 19px 17px;
  background: linear-gradient(132deg,#e5f7ff4d,#9dc8e026 28%,#427ba038 72%,#dbf7ff40);
  border: 1px solid #ecfaffc9; box-shadow: inset 0 0 0 3px #d8f1fa38,inset 5px 1px 7px #e6faff70,inset -3px -3px 5px #061c4c99,0 18px 38px #0417323b;
  backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px);
}
.water-world .service-card::before { inset: 6px; border-color: #ebfaff8c; box-shadow: 1px 1px 0 #041c4166; }
.water-world .service-card::after { content:''; position:absolute; inset:1px; border-radius:12px; background:radial-gradient(ellipse at 0 0,#ecfaff45,transparent 56%); pointer-events:none; }
.water-world .service-number { margin-bottom: 15px; }
.water-world .service-icon { width: 47px; height: 47px; margin-bottom: 16px; stroke-width:1.7; filter:none; }
.water-world .service-icon-echo { position:absolute; top:56px; right:25px; width:24px; height:24px; opacity:.8; }
.water-world .service-card h3 { margin-bottom: 13px; font-size:clamp(23px,1.75vw,30px); }
.water-world .service-text { opacity: .92; margin-bottom: 12px; }
.water-world .service-card .service-details, .water-world[data-intro="motion"] .service-card.is-selected .service-details {
  display:block; flex:1; opacity:1; transform:none; transition:none;
}
.water-world .service-details-inner { overflow:hidden; }
.water-world .service-card .tags { margin-bottom: 12px; }
.water-world .service-price { margin-bottom: 0; padding-top: 10px; }
.water-world .service-price b { font-size:27px; }
.water-world .service-link { position:static; opacity:1; margin-top:3px; transition:none; }
.water-world .service-discover, .water-world .service-card.is-selected .service-discover { display:none; }
.water-world .service-card:focus-within { outline:none; }
.water-world .service-card:has(:focus-visible) { outline:2px solid #d7f52a; outline-offset:5px; }
.water-world .service-card.is-selected { background-color:#9ec5db29; }
.water-world .section-pad:not(.services),.water-world .services-foot,.water-world .editorial-row,.water-world .site-footer {
  color:var(--section-ink,#172f40);
  --muted:var(--section-muted,#365268);
}
.water-world :is(.glass,.process-list li,.facts-list>div,.services-foot-grid,.faq-list),
.water-world[data-fluid="ready"] :is(.glass,.process-list li,.facts-list>div,.services-foot-grid,.faq-list) {
  color:inherit; background:var(--section-glass,#f4f4efc2);
  border:1px solid #dceef585; box-shadow:inset 0 2px 1px #fff6,inset 3px 0 7px #bbdbea22,inset -2px -2px 2px #14446622,0 12px 35px #08294a12;
}
.water-world .water-dark .editorial-word { color:inherit; }
.water-world .water-dark .eyebrow { color:inherit; background:#28527625; border:1px solid #a4cddd66; }
.water-world .water-dark .small-note { color:inherit; }
.water-world .brand-panel { color:#f4f4ef;background:#21519be0; }
.water-world .ink-fallback { background-image:linear-gradient(#09216a 0%,#c7d9e9 9%,#dce6eb 55%,#f4f4ef); background-size:100% 100%; background-position:center top; }
.water-world .ink-fallback::after { content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 65% 5%,#769dd522,transparent 60%); }
.water-world .quiet-ending { display:block; background:transparent; }
.water-world .quiet-ending img { display:block; height:auto; mask-image:linear-gradient(transparent,#000 9% 78%,transparent); }
.water-world[data-intro="quiet"] .service-card { --open:1; }
.water-world[data-intro="quiet"] .intro-services-title { display:none; }
.water-world[data-intro="quiet"] .service-details,.water-world[data-intro="quiet"] .service-link { opacity:1; transform:none; }
.water-world[data-intro="quiet"] .intro-title:last-child .quiet-image { object-position:center; }

@media(min-width:768px) and (max-width:1200px) {
  .water-world .services { grid-template-columns:1fr; row-gap:32px; }
  .water-world #services-title { max-width:15em; font-size:40px; }
  .water-world .service-cards { padding-top:5px; }
  .water-world .service-card { padding:18px 15px 14px; }
  .water-world .service-icon { width:36px;height:36px;margin-bottom:12px; }
  .water-world .service-card h3 { font-size:23px; }
}
@media(max-width:767px),(max-width:1100px) and (orientation:portrait) {
  .water-world .site-header { padding:16px 20px; }
  .water-world .site-header .wordmark { font-size:21px;gap:7px; }
  .water-world .site-header .header-cta { padding-inline:9px;font-size:11px;gap:7px; }
  .water-world .site-header .global-motion { top:16px;right:20px; }
  .water-world .site-header::after { display:none; }
  .water-world .site-header nav { display:none !important; }
  body.water-world[data-intro="motion"] .intro-sticky { background:radial-gradient(ellipse at 60% 80%,#123e6866,transparent 65%),#071222; }
  body.water-world[data-intro="motion"] .intro-sticky::before { content:'';position:absolute;inset:32% -10% 0;background:radial-gradient(ellipse at 60% 20%,#1a426a70,transparent 65%),radial-gradient(ellipse at 20% 85%,#12457c4d,transparent 50%);opacity:.6;mask-image:linear-gradient(transparent,#000 35% 60%,transparent); }
  body.water-world[data-underwater] .intro-sticky::before { opacity:0; }
  body.water-world[data-underwater] .intro-sticky { background:transparent; }
  body.water-world[data-intro="motion"] .intro-media { top:78px;left:0;right:0;height:var(--square-height);mask-image:linear-gradient(transparent,#000 var(--edge-fade,14%) calc(100% - var(--edge-fade,14%)),transparent); }
  .water-world .intro-media>img,.water-world .intro-media>video,.water-world #clock-hand { width:100%;height:100%;left:0;aspect-ratio:auto;transform:none; }
  .water-world .intro-media>img,.water-world .intro-media>video { mask-image:linear-gradient(transparent,#000 var(--edge-fade,14%) calc(100% - var(--edge-fade,14%)),transparent); }
  .water-world .intro-media>video { object-position:center; }
  .water-world .intro-media>.surface-reflection { mask-image:linear-gradient(transparent 75%,#000 84% 90%,transparent); }
  body.water-world[data-intro="motion"] .intro-title { top:calc(78px + var(--square-height, min(100vw,49svh)) - 8px); }
  .water-world .title-copy { padding:14px 20px; }
  .water-world .intro-title h1 { font-size:clamp(28px,7.5vw,42px); }
  .water-world .intro-title h2 { font-size:clamp(32px,9vw,48px); }
  .water-world .intro-label { margin-bottom:14px; }
  .water-world .intro-answer { margin-top:18px; }
  body.water-world[data-intro="motion"] .intro-footer { bottom:14px; }
  .water-world .scroll-cue { display:none; }
  .water-world .services { display:block; }
  .water-world[data-intro="motion"] .services { padding-top:120px; }
  .water-world #services-title { max-width:8em; margin-bottom:40px; font-size:42px; }
  .water-world .service-cards { padding:0 5px; gap:27px; }
  .water-world .service-card,.water-world[data-fluid="ready"] .service-card { min-height:0; padding:22px; }
  .water-world .service-number { margin-bottom:15px; }
  .water-world .service-icon { width:36px;height:36px;margin-bottom:12px; }
  .water-world .service-card h3 { font-size:30px;margin-bottom:12px;min-height:0; }
  .water-world .service-text { font-size:14px;line-height:1.5;margin-bottom:8px; }
  .water-world[data-intro="motion"] .service-card .service-details { display:block;flex:0; }
  .water-world .service-link { margin-top:4px; }
  .water-world .service-discover { bottom:34px;left:23px; }
  .water-world .quiet-scene img { aspect-ratio:1;height:auto;max-height:none;object-fit:cover;object-position:90.476% center; }
  .water-world .quiet-image,.water-world .quiet-hand,.water-world .quiet-scene img { object-position:65% center; }
  .water-world .quiet-ending img { aspect-ratio:1; }
}
@media(max-height:500px) and (orientation:landscape) {
  .square-film .intro-media { mask-image:linear-gradient(90deg,transparent,#000 var(--edge-fade,8%)); }
  .water-world .intro-title h1,.water-world .intro-title h2 { font-size:clamp(24px,7vh,34px); }
  .water-world .intro-title .title-copy { width:42%; }
  .water-world .intro-label { display:none; }
  body.water-world[data-intro="motion"] .intro-title { padding:90px var(--gutter) 64px; }
  .water-world .intro-answer,.water-world .intro-body { font-size:14px;margin-top:15px; }
  .water-world .intro-action { margin-top:14px;flex-direction:row;align-items:center;gap:12px; }
  .water-world .intro-action .button { font-size:12px;padding:9px 12px;min-height:40px; }
  .water-world .intro-action>span { font-size:10px;max-width:10em; }
  .water-world .intro-footer { bottom:8px!important; }
  .water-world .scroll-cue { display:none; }
  .water-world #services-title { font-size:34px; }
}
@media(prefers-reduced-motion:reduce) {
  .water-world .intro-services-title { display:none; }
  .water-world .service-details,.water-world .service-link { opacity:1!important;transform:none!important; }
}
@media (max-width:767px) and (max-height:740px) {
  .water-world .intro-title h1 { font-size: 28px; }
  .water-world .intro-title h2 { font-size: 34px; }
  .water-world .intro-body { margin-top: 14px; }
}
@media(prefers-reduced-motion:reduce) {
  .water-world .surface-reflection,.water-world .clock-ripple { display: none; }
  .water-world .service-card { transform: none !important; will-change: auto; }
  .water-world .service-details { opacity: 1 !important; transform: none !important; }
}

/* Runde 6: Licht bleibt in einer Richtung; Glas und Schrift gehören zu dieser Tiefe. */
.water-world .site-header .wordmark { color:#f4f4ef;background:#08213adb;border-radius:7px;padding:5px 9px; }
.water-world .site-header .global-motion { color:#f4f4ef;background:#08213adb; }
.water-world .site-header .header-cta { color:#f4f4ef; }
.water-world .global-motion::before { line-height:1; }
.water-world :is(.glass,.process-list li,.facts-list>div,.services-foot-grid,.faq-list),
.water-world[data-fluid="ready"] :is(.glass,.process-list li,.facts-list>div,.services-foot-grid,.faq-list) { backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px); }
.water-world .service-card { text-shadow:0 1px 5px #031735cc; }
.water-world .service-card .tags li { background:#102c4f8c; }
.water-world .service-price { opacity:1; }
.water-world .tools-section,.water-world .services-foot { color:#142d43; }
.water-world .finder.glass { background:transparent;border:0;box-shadow:none;backdrop-filter:none;padding:0;max-width:1180px;margin-inline:auto;gap:clamp(28px,6vw,100px); }
.water-world .finder-intro,.water-world #finder-form { padding:clamp(24px,3vw,42px);border:1px solid #fff9;border-radius:var(--radius);background:#edf6f46e;backdrop-filter:blur(10px);box-shadow:inset 0 1px 2px #fff9; }
.water-world .finder-intro { align-self:start; }
.water-world .poster-caption { max-width:calc(100% - 130px); }
.water-world:not([data-fluid="ready"]) .service-card { color:#142d43;background:linear-gradient(135deg,#e5f7ffdf,#cae1ebcf);text-shadow:none; }
.water-world:not([data-fluid="ready"]) .service-card :is(.service-number,.service-text,.service-link) { color:#142d43; }
.water-world:not([data-fluid="ready"]) .service-icon { stroke:#73920a; }
.water-world:not([data-intro="motion"]) #services-title { color:#142d43; }
.water-world:not([data-intro="motion"]) #services-title::before { display:none; }
.water-world:not([data-intro="motion"]) .quiet-ending { background:linear-gradient(#080b13 60%,#c7d9e9); }
.water-world .process-list,.water-world .facts-list { gap:42px clamp(60px,12vw,210px); }
.water-world .process-list li:nth-child(even),.water-world .facts-list>div:nth-child(even) { margin-top:30px; }
.water-world .intro-services-title { transition:opacity 200ms var(--ease-out); }
.water-world .intro-services-title.is-active { opacity:1; }
.water-world .intro-services-title.is-transferred { opacity:0;transition:none; }
.intro-services-title .word-mask>span { transform:translateY(110%); }
.intro-services-title.is-active .word-mask>span { transform:translateY(0);transition:transform 600ms var(--ease-out);transition-delay:var(--word-delay,0ms); }
body[data-intro="motion"] .intro-title { transition:opacity 100ms ease; }
body[data-intro="motion"] .intro-title.is-active { transition:opacity 180ms var(--ease-out) 120ms; }
body[data-intro="motion"] .intro-title .word-mask>span { transition:none; }
body[data-intro="motion"] .intro-title.is-active .word-mask>span { transition:transform 600ms var(--ease-out);transition-delay:calc(120ms + var(--word-delay,0ms)); }
body[data-intro="motion"] .intro-title :is(.intro-body,.intro-action) { opacity:0;transform:translateY(8px);transition:opacity 80ms ease; }
body[data-intro="motion"] .intro-title.is-active :is(.intro-body,.intro-action) { opacity:1;transform:translateY(0);transition:opacity 200ms ease 1000ms,transform 250ms var(--ease-out) 1000ms; }
body[data-intro="motion"] .intro-title.is-active .intro-answer .word-mask>span { transition-delay:calc(1100ms + var(--word-delay,0ms)); }
.water-world .clock-ripple { transform-origin:1090px 879px;animation:water-ring 3s linear infinite;filter:blur(.8px); }
.water-world .surface-reflection { animation:water-reflection 9s ease-in-out infinite alternate; }
#clock-hand[data-surface="hidden"] .clock-ripple,body[data-paused] .clock-ripple,body[data-paused] .surface-reflection { animation-play-state:paused; }
@keyframes water-ring { 0%{transform:scale(.09,.11);opacity:0} 15%{opacity:.18} 75%{opacity:.08} 100%{transform:scale(1);opacity:0} }
@keyframes water-reflection { from{translate:-2px -.8px} to{translate:2px .8px} }
@media(min-width:768px) and (max-width:899px) { .water-world .service-cards { grid-template-columns:repeat(2,minmax(0,1fr));gap:30px; } }
@media(max-width:899px) {
  .water-world .service-card,.water-world[data-fluid="ready"] .service-card { color:#142d43;background:linear-gradient(135deg,#e5f7ffbf,#cae1eb99);text-shadow:none; }
  .water-world .service-card :is(.service-number,.service-text,.service-link) { color:#142d43; }
  .water-world .service-card .tags li { color:#17334c;border-color:#45627a40;background:#f4faff55; }
  .water-world .service-icon { stroke:#73920a; }
  .water-world .service-cards { gap:34px; }
  .water-world .service-card h3 { hyphens:manual; }
  .water-world .process-list,.water-world .facts-list { gap:34px; }
  .water-world .process-list li:nth-child(even),.water-world .facts-list>div:nth-child(even) { margin-top:0; }
}
@media(orientation:landscape) {
  body.water-world.square-film[data-intro="motion"] .intro-title { top:0;bottom:0;display:flex;padding:100px var(--gutter) 75px; }
  .square-film .intro-title .title-copy { width:42%;padding:0; }
  .square-film .intro-shade { background:linear-gradient(90deg,#06101be6,#06101b33 48%,transparent 65%); }
}
@media(max-height:500px) and (orientation:landscape) {
  body.water-world.square-film[data-intro="motion"] .intro-title { padding:82px 20px 48px; }
  .water-world .intro-title :is(h1,h2) { font-size:clamp(22px,3.5vw,30px); }
  .water-world .intro-title .intro-answer,.water-world .intro-title .intro-body { font-size:12px;line-height:1.35;margin-top:12px; }
  .water-world .intro-title .intro-action { margin-top:10px; }
  .water-world .services { display:block; }
  .water-world .service-cards { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;padding:0 5px; }
  .water-world .service-card,.water-world[data-fluid="ready"] .service-card { min-height:0;padding:15px 20px;height:280px; }
  .water-world .service-icon { width:26px;height:26px;margin-bottom:8px; }
  .water-world .service-icon-echo { top:38px;right:20px; }
  .water-world .service-number { margin-bottom:6px; }
  .water-world .service-card h3 { font-size:24px;min-height:0;margin-bottom:8px; }
  .water-world .service-text { font-size:12px;line-height:1.35;margin-bottom:8px; }
  .water-world .service-card .tags { display:none; }
  .water-world .service-price { padding-top:5px;font-size:12px; }
  .water-world .service-price b { font-size:21px; }
  .water-world .service-link { min-height:32px;margin-top:0; }
  .water-world #services-title { margin-bottom:32px; }
}
@media(prefers-reduced-motion:reduce) {
  .water-world .clock-ripple,.water-world .surface-reflection { animation:none; }
  .water-world .ink-fallback { background-image:linear-gradient(#c7d9e9,#f4f4ef); }
}

/* Runde 7: lange blaue Tiefe, Glas und freie Korridore. */
.water-world .ink-fallback { background-image:linear-gradient(#071747 0%,#0a367a var(--deep-end,42%),#add1e6 var(--clear-start,70%),#f4f4ef 98%); }
.water-world .tools-section,.water-world .services-foot { color:var(--section-ink,#f2f7fb); }
.water-world .water-dark :is(.glass,.services-foot-grid,.faq-list),
.water-world[data-fluid="ready"] .water-dark :is(.glass,.services-foot-grid,.faq-list) { background:var(--section-glass,#10356852); color:inherit; border-color:#d5ebf34d; }
.water-world :is(.process-list li,.facts-list>div),
.water-world .water-dark :is(.process-list li,.facts-list>div),
.water-world[data-fluid="ready"] .water-dark :is(.process-list li,.facts-list>div),
.water-world[data-fluid="ready"] :is(.process-list li,.facts-list>div) {
  padding:28px 0 34px; border:0; border-top:1px solid #b7dcea80; border-radius:0;
  background:transparent; box-shadow:none; backdrop-filter:none; color:inherit;
}
.water-world .process-list li::before { display:none; }
.water-world .process-number { font-size:58px; color:inherit; opacity:.8; }
.water-world .facts,.water-world .facts.water-dark { color:#142d43;--section-ink:#142d43!important;--muted:#142d43; }
.water-world .facts-list dd { color:#06131e; }
.water-world .facts.water-dark .facts-list>div:nth-child(-n+2) dd { color:#fff;text-shadow:0 1px 3px #08233deb; }
.water-world .facts-list dt { color:#142d43;align-self:flex-start;padding:3px 8px;background:#e8f4f370;border-radius:2px; }
.water-world .facts.water-dark .eyebrow { color:#f4f8fb;background:#142d43; }
.water-world .finder-intro,.water-world #finder-form { background:#eaf4f333; border-color:#e8f7fc66; }
.water-world[data-fluid="ready"] .finder.glass { background:transparent;box-shadow:none;border:0;backdrop-filter:none; }
.water-world .brand-panel { color:#142d43; background:linear-gradient(135deg,#eefbff44,#72a2c51a 60%,#d7edf044); border-color:#f2fcffa8; box-shadow:inset 1px 1px 0 #fff9,inset -1px -1px 0 #4c85a244; backdrop-filter:blur(7px); }
.water-world .intro-services-title::before,.water-world #services-title::before { display:none; }
.water-world .intro-services-title,.water-world #services-title { text-shadow:0 2px 24px #031735b3; }
.water-world #services-title .word-mask>span { transform:none; }
.water-world .site-header .global-motion { display:flex;align-items:center;justify-content:center;font-family:var(--font-text); }
.water-world .site-header .global-motion::before { margin:0; }
.water-world .site-header .global-motion[aria-pressed="true"]::before { margin-left:3px; }
.water-world .site-footer { padding-bottom:24px; }
.water-world .footer-bottom { position:relative;color:#142d43;background:#edf4f3; border-top-color:#aec6d3; padding:18px 20px 12px;border-radius:4px; }
.menu-toggle,.water-world .site-header nav .mobile-contact { display:none; }
.intro-reflection { display:none;pointer-events:none; }
@media(max-width:899px) {
  .water-world[data-intro="motion"] .service-card,
  .water-world[data-intro="motion"][data-fluid="ready"] .service-card { color:#f4f8fc;background:linear-gradient(135deg,#123869ba,#1032699c);text-shadow:0 1px 4px #051d47; }
  .water-world[data-intro="motion"] .service-card :is(.service-number,.service-text,.service-link) { color:#f0f6fb; }
  .water-world[data-intro="motion"] .service-card .tags li { color:#f0f6fb;background:#b0ddf31a;border-color:#d2e7f34d; }
  .water-world[data-intro="motion"] .service-icon { stroke:#d7f52a; }
}
@media(max-width:767px),(max-width:1100px) and (orientation:portrait) {
  .water-world .site-header { padding:12px 20px;min-height:76px;gap:12px; }
  .water-world .site-header .wordmark { padding:0;background:transparent; }
  .water-world .site-header .header-cta { display:none; }
  .water-world .site-header::before,.water-world[data-ground] .site-header::before,.water-world[data-underwater] .site-header::before { bottom:-14px; background:#071b35eb;backdrop-filter:blur(14px);mask-image:linear-gradient(#000 70%,transparent); }
  .water-world .site-header .global-motion { top:16px; }
  .menu-toggle { display:block;margin-left:auto;min-height:44px;padding:0 10px;border:1px solid #c8dfeb66;border-radius:6px;background:#13345b77;color:#f4f4ef;font-size:12px; }
  .water-world .site-header nav,body.water-world[data-ground] .site-header nav { position:absolute;display:none!important;top:70px;right:20px;bottom:auto;left:20px;width:auto;transform:none;margin:0;padding:12px;border-radius:12px;background:#092344f5;box-shadow:0 14px 35px #03132466; }
  body.water-world .site-header.menu-open nav { display:grid!important;grid-template-columns:1fr 1fr;gap:4px; }
  .water-world .site-header nav a { min-height:44px;display:flex;align-items:center;justify-content:center; }
  .water-world .site-header nav .mobile-contact { display:flex; }
  .water-world[data-intro="motion"] .intro-reflection { display:block;position:absolute;left:0;width:100%;height:calc(var(--stage-height,100svh) - 78px - var(--square-height,390px));top:calc(78px + var(--square-height,390px));object-fit:cover;mask-image:linear-gradient(transparent,#000 28%,#000 55%,transparent);filter:blur(1px); }
  .water-world[data-intro="motion"] .intro-title { align-items:flex-start; }
  .water-world[data-intro="motion"] .intro-title .title-copy { width:100%;max-width:none;padding:24px 24px 18px; }
  .water-world[data-intro="motion"] .intro-title .title-copy h2 { max-width:10em; }
  .water-world[data-intro="motion"] .is-opening .intro-media { mask-image:linear-gradient(#000 68%,transparent); }
  .water-world[data-intro="motion"] .intro-title .intro-action { margin-top:18px; }
  .water-world .site-footer { padding-bottom:calc(24px + env(safe-area-inset-bottom,0px)); }
  .water-world .footer-bottom { padding:18px 12px 12px; }
  .water-world .footer-bottom nav { gap:8px 18px; }
}
@media(max-width:767px) and (max-height:740px) {
  .water-world[data-intro="motion"] .intro-title .title-copy { padding:10px 20px; }
  .water-world .intro-title .intro-body { font-size:15px; }
  .water-world .intro-title .intro-answer { margin-top:12px;font-size:16px; }
}
@media(max-height:500px) and (orientation:landscape) {
  .water-world #services-title,.water-world .intro-services-title { white-space:nowrap;max-width:none;width:max-content;font-size:30px; }
  .water-world .intro-reflection { display:none; }
}
@media(prefers-reduced-motion:reduce) {
  .water-world .intro-reflection { display:none; }
}
.water-world[data-intro="quiet"] #services-title { color:#f4f8fb; }
.water-world:not([data-intro]) { background:#f4f4ef; }
.water-world:not([data-intro]) :is(.services,.services-foot,.tools-section,.showcase,.approach) { color:#142d43; }
.water-world:not([data-intro]) .menu-toggle { display:none; }
/* Rückfälle haben helle Karten: Schlagwörter und Preis besitzen eine eigene,
   deckende Lesepalette statt der halbtransparenten Tiefenfarben. */
.water-world:not([data-fluid="ready"]) .service-card .tags li { color:#142d43;background:#edf6fa;border-color:#acc3d1; }
.water-world:not([data-fluid="ready"]) .service-price { color:inherit;opacity:1; }
.water-world .facts-list small { color:#142d43;background:#e8f4f3;padding:1px 5px;border-radius:2px;text-shadow:none; }
@media(max-width:767px),(max-width:1100px) and (orientation:portrait) {
  .water-world:not([data-intro]) .site-header { flex-wrap:wrap;padding-right:20px; }
  .water-world:not([data-intro]) .site-header nav { display:flex!important;position:static;inset:auto;transform:none;flex-wrap:wrap;width:100%;justify-content:space-around; }
}