/* Über Querfeldeins: gemeinsame Maße und Typografie der Erlebniswelten. */
body:has(.qfe-about-page) main.container { max-width:none; padding:0; background:#fffdfa; }
body:has(.qfe-about-page) .qfe-visible-breadcrumb { box-sizing:border-box; max-width:1180px; margin:auto; padding-inline:clamp(20px,5vw,66px); }
.qfe-about-page { --about-ink:#17211d; --about-muted:#5b6660; --about-green:#164b39; display:block; color:var(--about-ink); }
.qfe-about-page * { box-sizing:border-box; min-width:0; }
.qfe-about-page picture>source { display:none; }
.qfe-about-page .qfe-about-hero,
.qfe-about-page .qfe-about-section,
.qfe-about-page .qfe-about-proof { max-width:1180px; margin:0 auto; padding-inline:clamp(20px,5vw,66px); }
.qfe-about-page .qfe-about-hero { grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr); gap:clamp(28px,4vw,54px); align-items:center; min-height:0; padding-block:clamp(52px,7vw,92px); background:#f6f8f3; color:var(--about-ink); }
.qfe-about-page .qfe-about-hero::after { content:none; }
.qfe-about-page .qfe-about-hero-media { position:relative; inset:auto; z-index:auto; order:2; height:440px; border-radius:30px 30px 100px 30px; overflow:hidden; }
.qfe-about-page .qfe-about-hero-content { order:1; max-width:none; padding:0; }
.qfe-about-page .qfe-about-kicker { color:var(--about-green); font-weight:600; letter-spacing:.11em; }
.qfe-about-page h1,
.qfe-about-page h2 { font-family:Georgia,serif; font-weight:400; letter-spacing:-.035em; line-height:1.08; -webkit-hyphens:none; hyphens:none; overflow-wrap:anywhere; text-wrap:balance; }
.qfe-about-page .qfe-about-hero h1 { max-width:none; color:var(--about-ink); font-size:clamp(1.75rem,3.2vw,3.5rem); }
@supports(container-type:inline-size) {
  .qfe-about-page .qfe-about-hero-content { container-type:inline-size; }
  .qfe-about-page .qfe-about-hero h1 { font-size:clamp(1.5rem,10.5cqi,3.5rem); }
}
.qfe-about-page .qfe-about-lead,
.qfe-about-page .qfe-about-copy p { color:var(--about-muted); font-size:1.06rem; line-height:1.65; }
.qfe-about-page .button { border-radius:999px; min-height:46px; white-space:normal; text-align:center; }
.qfe-about-page .qfe-about-primary { background:var(--about-green); border-color:var(--about-green); color:#fff; }
.qfe-about-page .qfe-about-secondary { background:#fffdfa; border:1px solid #d9dfda; color:var(--about-green); }
.qfe-about-page .qfe-about-proof { gap:0; padding-block:24px; background:#fffdfa; border-bottom:1px solid #d9dfda; }
.qfe-about-page .qfe-about-proof div { background:transparent; border:0; border-radius:0; padding:12px 20px; }
.qfe-about-page .qfe-about-proof div+div { border-left:1px solid #d9dfda; }
.qfe-about-page .qfe-about-proof span { color:var(--about-muted); }
.qfe-about-page .qfe-about-section { padding-block:clamp(56px,7vw,92px); }
.qfe-about-page .qfe-about-section h2 { font-size:clamp(1.9rem,3.5vw,3.15rem); color:var(--about-ink); }
.qfe-about-page .qfe-about-split,
.qfe-about-page .qfe-about-location { align-items:center; gap:clamp(28px,4vw,54px); }
.qfe-about-page .qfe-about-panel { background:#e8f2ec; border:1px solid #d9dfda; border-radius:20px; box-shadow:none; padding:28px; }
.qfe-about-page .qfe-about-checklist li::before { color:var(--about-green); }
.qfe-about-page .qfe-about-worlds { gap:18px; }
.qfe-about-page .qfe-about-world { display:flex; flex-direction:column; border:1px solid #d9dfda; border-radius:20px; background:#fffdfa; box-shadow:none; }
.qfe-about-page .qfe-about-world img { width:100%; height:auto; aspect-ratio:16/10; object-fit:cover; flex:none; }
.qfe-about-page .qfe-about-world>span:not(.qfe-ai-image) { font-family:Georgia,serif; font-size:1.35rem; font-weight:400; color:var(--about-ink); margin:20px 20px 10px; }
.qfe-about-page .qfe-about-world p { margin:0 20px 20px; color:var(--about-muted); }
.qfe-about-page .qfe-about-location { border:0; background:#f6f8f3; }
.qfe-about-page .qfe-about-location-image { height:360px; min-height:0; border-radius:22px; overflow:hidden; }
.qfe-about-page .qfe-about-location .qfe-about-copy { padding:0; }
.qfe-about-page .qfe-about-final { background:#e8f2ec; border-radius:0; color:var(--about-ink); }
.qfe-about-page .qfe-about-final p { color:var(--about-muted); }
@media(max-width:820px) {
  .qfe-about-page .qfe-about-hero,
  .qfe-about-page .qfe-about-split,
  .qfe-about-page .qfe-about-location,
  .qfe-about-page .qfe-about-final { grid-template-columns:minmax(0,1fr); }
  .qfe-about-page .qfe-about-hero-media { height:320px; }
  .qfe-about-page .qfe-about-worlds { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:600px) {
  body:has(.qfe-about-page) .qfe-visible-breadcrumb,
  .qfe-about-page .qfe-about-hero,
  .qfe-about-page .qfe-about-section,
  .qfe-about-page .qfe-about-proof { padding-inline:18px; }
  .qfe-about-page .qfe-about-hero { padding-block:44px; }
  .qfe-about-page .qfe-about-section { padding-block:52px; }
  .qfe-about-page .qfe-about-worlds,
  .qfe-about-page .qfe-about-proof { grid-template-columns:minmax(0,1fr); }
  .qfe-about-page .qfe-about-proof div+div { border-left:0; border-top:1px solid #d9dfda; }
  .qfe-about-page .qfe-about-actions .button { width:100%; }
  .qfe-about-page .qfe-about-hero-media { height:270px; border-radius:22px 22px 70px 22px; }
}