/* Functional examples as a small, editorial exhibition rather than feature cards. */
#erweiterungen .outcome-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin-top:clamp(48px,7vw,98px)}
#erweiterungen .outcome-card{--scene-ink:#252b27;position:relative;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);grid-template-rows:auto 1fr auto;column-gap:clamp(30px,5.8vw,96px);min-width:0;min-height:560px;overflow:visible;padding:0;color:var(--scene-ink);background:transparent;border:0;border-top:1px solid #9d9e98;text-decoration:none;box-shadow:none;transform:none;isolation:isolate}
#erweiterungen .outcome-card:hover,#erweiterungen .outcome-card:focus-visible{box-shadow:none;transform:none}
#erweiterungen .outcome-card:focus-visible{outline:2px solid #9d513e;outline-offset:6px}
#erweiterungen .scene-meta,#erweiterungen .scene-copy,#erweiterungen .scene-link{grid-column:1}
#erweiterungen .scene-meta{grid-row:1;display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding-top:22px;font-size:11px;line-height:1.4;letter-spacing:.1em;text-transform:uppercase}
#erweiterungen .scene-meta b{font-weight:680}
#erweiterungen .scene-meta small{font-size:10px;letter-spacing:.06em;text-align:right;color:#74766f}
#erweiterungen .scene-copy{grid-row:2;display:flex;flex-direction:column;justify-content:center;align-self:center;position:relative;z-index:1;margin:0;padding:45px 0}
#erweiterungen .scene-copy strong{display:block;max-width:12ch;font-size:clamp(48px,5.6vw,86px);font-weight:450;line-height:.99;letter-spacing:-.075em;text-wrap:balance}
#erweiterungen .scene-copy em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.08em}
#erweiterungen .scene-copy small{display:block;max-width:34ch;margin-top:27px;color:#595e58;font-size:16px;line-height:1.55;letter-spacing:0}
#erweiterungen .scene-link{grid-row:3;display:flex;align-items:center;justify-content:space-between;gap:20px;width:max-content;min-width:min(100%,260px);margin-bottom:43px;padding:15px 0 0;border-top:1px solid currentColor;font-size:14px;font-weight:650;line-height:1.35}
#erweiterungen .scene-link .brand-cue{font-size:24px;font-weight:400;line-height:1;transition:transform .3s ease}
#erweiterungen .outcome-card:hover .scene-link .brand-cue,#erweiterungen .outcome-card:focus-visible .scene-link .brand-cue{transform:translate(4px,-4px)}
#erweiterungen .scene-art{grid-column:2;grid-row:1/4;position:relative;display:block;align-self:center;width:100%;height:clamp(400px,42vw,540px);margin:48px 0;overflow:visible}
#erweiterungen .scene-art>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.65,.25,1)}
#erweiterungen .outcome-card:hover .scene-art>img,#erweiterungen .outcome-card:focus-visible .scene-art>img{transform:scale(1.015)}

/* The shop is warm and tactile; the receipt explains what the journey does. */
#erweiterungen .outcome-card--sell .scene-art{background:#4d201f}
#erweiterungen .outcome-card--sell .scene-art>img{object-position:48% 52%}
#erweiterungen .shop-ticket{position:absolute;right:-21px;bottom:-25px;display:flex;flex-direction:column;justify-content:space-between;width:clamp(175px,19vw,250px);min-height:clamp(170px,19vw,240px);padding:20px 21px;background:#f6f0e5;color:#2b302a;box-shadow:13px 17px 33px #29191640;transform:rotate(3deg);transition:transform .45s ease}
#erweiterungen .shop-ticket i,#erweiterungen .shop-ticket small{font-style:normal;font-size:10px;line-height:1.35;letter-spacing:.08em;text-transform:uppercase}
#erweiterungen .shop-ticket b{font-family:Georgia,serif;font-size:clamp(29px,3vw,42px);font-weight:400;line-height:.96;letter-spacing:-.07em}
#erweiterungen .shop-ticket small{padding-top:12px;border-top:1px solid #a8a393;color:#855640;font-size:9px}
#erweiterungen .shop-basket{position:absolute;top:23px;right:-13px;padding:11px 14px;background:#772f2c;color:#fff7ec;font-size:10px;font-weight:650;letter-spacing:.12em;box-shadow:7px 9px 18px #29191630}
#erweiterungen .shop-basket b{margin-left:16px;font-size:16px;font-weight:450}
#erweiterungen .outcome-card--sell:hover .shop-ticket,#erweiterungen .outcome-card--sell:focus-visible .shop-ticket{transform:rotate(1deg) translateY(-6px)}

/* RAUM reverses the rhythm and leaves the architecture itself room to breathe. */
#erweiterungen .outcome-card--book{grid-template-columns:minmax(0,1.11fr) minmax(0,.89fr);column-gap:clamp(34px,6vw,100px)}
#erweiterungen .outcome-card--book .scene-art{grid-column:1;grid-row:1/4;margin:55px 0 60px;height:clamp(390px,43vw,550px);background:#e9e9e0}
#erweiterungen .outcome-card--book .scene-art>img{object-position:50% 50%}
#erweiterungen .outcome-card--book .scene-meta,#erweiterungen .outcome-card--book .scene-copy,#erweiterungen .outcome-card--book .scene-link{grid-column:2}
#erweiterungen .outcome-card--book .scene-copy strong{font-size:clamp(46px,5vw,76px)}
#erweiterungen .outcome-card--book .scene-link{margin-bottom:55px}
#erweiterungen .book-appointment{position:absolute;left:-19px;bottom:-29px;display:flex;flex-direction:column;width:clamp(185px,23vw,285px);min-height:195px;padding:20px 22px;background:#28433b;color:#f3f1e8;box-shadow:13px 17px 30px #152c2840;transform:rotate(-2deg);transition:transform .45s ease}
#erweiterungen .book-appointment i{font-size:9px;font-style:normal;letter-spacing:.1em}
#erweiterungen .book-appointment b{margin-top:15px;font-family:Georgia,serif;font-size:clamp(54px,6vw,82px);font-weight:400;line-height:.9;letter-spacing:-.07em}
#erweiterungen .book-appointment small{margin-top:11px;font-size:11px;line-height:1.4}
#erweiterungen .book-appointment>span{margin-top:auto;padding-top:11px;border-top:1px solid #b7c9b6;font-size:9px;font-weight:650;letter-spacing:.07em}
#erweiterungen .outcome-card--book:hover .book-appointment,#erweiterungen .outcome-card--book:focus-visible .book-appointment{transform:rotate(0) translateY(-6px)}

/* A dark technical plate closes the triptych; its inquiry slip remains legible. */
#erweiterungen .outcome-card--inquire{--scene-ink:#f0f0e9;grid-template-columns:minmax(0,.79fr) minmax(0,1.21fr);column-gap:0;min-height:510px;margin-top:0;padding:0 0 0 clamp(26px,4vw,58px);border-top:0;background:#1d303c;color:var(--scene-ink)}
#erweiterungen .outcome-card--inquire .scene-meta{padding-right:clamp(22px,3vw,50px);padding-top:27px}
#erweiterungen .outcome-card--inquire .scene-meta small{color:#b7c8cd}
#erweiterungen .outcome-card--inquire .scene-copy{padding-right:clamp(20px,3vw,48px)}
#erweiterungen .outcome-card--inquire .scene-copy strong{font-size:clamp(45px,4.9vw,77px)}
#erweiterungen .outcome-card--inquire .scene-copy small{color:#cfdae0}
#erweiterungen .outcome-card--inquire .scene-link{margin-bottom:34px}
#erweiterungen .outcome-card--inquire .scene-art{height:100%;min-height:510px;margin:0;overflow:hidden;background:#172b36}
#erweiterungen .outcome-card--inquire .scene-art>img{object-position:50% 50%}
#erweiterungen .outcome-card--inquire .scene-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#1d303c80,transparent 30%);pointer-events:none}
#erweiterungen .inquire-note{position:absolute;right:clamp(18px,3vw,45px);bottom:clamp(18px,3vw,45px);z-index:1;display:flex;flex-direction:column;width:clamp(190px,20vw,265px);padding:17px 18px;background:#e9ece9;color:#263941;box-shadow:12px 16px 30px #06192199;transform:rotate(2deg);transition:transform .45s ease}
#erweiterungen .inquire-note i{padding-bottom:11px;border-bottom:1px solid #a8b7bc;font-size:9px;font-style:normal;font-weight:700;letter-spacing:.13em}
#erweiterungen .inquire-note b{margin:13px 0;font-family:Georgia,serif;font-size:clamp(26px,3vw,39px);font-weight:400;line-height:1;letter-spacing:-.06em}
#erweiterungen .inquire-note>span{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-top:1px solid #adb9bd;font-size:10px;font-weight:650}
#erweiterungen .inquire-note em{font-style:normal;font-weight:400;text-align:right}
#erweiterungen .outcome-card--inquire:hover .inquire-note,#erweiterungen .outcome-card--inquire:focus-visible .inquire-note{transform:rotate(0) translateY(-5px)}

@media(max-width:900px){
  #erweiterungen .outcome-card{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);column-gap:28px;min-height:470px}
  #erweiterungen .outcome-card--book{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
  #erweiterungen .scene-art,#erweiterungen .outcome-card--book .scene-art{height:390px;margin-block:42px}
  #erweiterungen .scene-copy strong,#erweiterungen .outcome-card--book .scene-copy strong,#erweiterungen .outcome-card--inquire .scene-copy strong{font-size:clamp(40px,5.5vw,58px)}
  #erweiterungen .scene-copy small{font-size:14px}
  #erweiterungen .outcome-card--inquire{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:460px}
  #erweiterungen .outcome-card--inquire .scene-art{height:100%;min-height:460px;margin:0}
}
@media(max-width:700px){
  #erweiterungen .outcome-grid{margin-top:44px}
  #erweiterungen .outcome-card,#erweiterungen .outcome-card--book,#erweiterungen .outcome-card--inquire{display:flex;flex-direction:column;min-height:0;column-gap:0;padding:0;background:transparent;color:#252b27;border-top:1px solid #a6a8a0}
  #erweiterungen .outcome-card--inquire{margin-top:0;background:#1d303c;color:#f0f0e9;border:0;padding:0 20px}
  #erweiterungen .scene-meta,#erweiterungen .outcome-card--inquire .scene-meta{order:1;padding:18px 0 0;font-size:10px}
  #erweiterungen .scene-meta small{font-size:9px}
  #erweiterungen .scene-copy,#erweiterungen .outcome-card--inquire .scene-copy{order:2;align-self:stretch;padding:29px 0 0}
  #erweiterungen .scene-copy strong,#erweiterungen .outcome-card--book .scene-copy strong,#erweiterungen .outcome-card--inquire .scene-copy strong{font-size:clamp(43px,9.5vw,64px)}
  #erweiterungen .scene-copy small{max-width:40ch;margin-top:15px;font-size:14px}
  #erweiterungen .outcome-card--inquire .scene-copy small{color:#cfdae0}
  #erweiterungen .scene-art,#erweiterungen .outcome-card--book .scene-art,#erweiterungen .outcome-card--inquire .scene-art{order:3;align-self:stretch;flex:none;width:100%;height:clamp(275px,66vw,440px);min-height:0;margin:28px 0 0}
  #erweiterungen .outcome-card--inquire .scene-art{width:calc(100% + 40px);margin-inline:-20px}
  #erweiterungen .scene-link,#erweiterungen .outcome-card--book .scene-link,#erweiterungen .outcome-card--inquire .scene-link{order:4;align-self:stretch;width:auto;min-width:0;margin:0 0 44px;padding:18px 0;border-top:0;border-bottom:1px solid currentColor}
  #erweiterungen .outcome-card--inquire .scene-link{margin-bottom:0}
  #erweiterungen .shop-ticket{right:-7px;bottom:-15px;width:170px;min-height:145px;padding:13px}
  #erweiterungen .shop-ticket b{font-size:28px}
  #erweiterungen .shop-ticket i,#erweiterungen .shop-ticket small{font-size:8px}
  #erweiterungen .shop-basket{right:8px;top:11px;font-size:9px}
  #erweiterungen .book-appointment{left:-7px;bottom:-15px;width:175px;min-height:155px;padding:14px}
  #erweiterungen .book-appointment b{font-size:52px}
  #erweiterungen .book-appointment small{font-size:10px}
  #erweiterungen .inquire-note{right:18px;bottom:18px;width:180px;padding:12px}
  #erweiterungen .inquire-note b{font-size:26px}
  #erweiterungen .inquire-note>span{font-size:8px}
}
@media(max-width:390px){
  #erweiterungen .scene-copy strong,#erweiterungen .outcome-card--book .scene-copy strong,#erweiterungen .outcome-card--inquire .scene-copy strong{font-size:39px}
  #erweiterungen .scene-art,#erweiterungen .outcome-card--book .scene-art,#erweiterungen .outcome-card--inquire .scene-art{height:255px}
  #erweiterungen .shop-ticket{width:150px;min-height:136px}
  #erweiterungen .shop-ticket b{font-size:25px}
}
@media(prefers-reduced-motion:reduce){
  #erweiterungen .scene-art>img,#erweiterungen .scene-link .brand-cue,#erweiterungen .shop-ticket,#erweiterungen .book-appointment,#erweiterungen .inquire-note{transition:none}
}