/* Academy development preview, 22 October 2026. */
.space-preview-band { background: #eef5f6; border-block: 1px solid #d8e5e7; }
#neuer-space { scroll-margin-top: 100px; }
.space-intro { max-width: 780px; margin-bottom: 30px; }
.space-intro h2, .space-home-grid h2 { font-size: 38px; line-height: 1.18; }
.space-lead { font-size: 22px; line-height: 1.45; color: #174d62; }
.space-intro p, .space-home-grid p { max-width: 72ch; }
.space-shot { margin: 24px 0; min-width: 0; }
.space-shot a { display: block; border: 1px solid #ccd9de; border-radius: 8px; overflow: hidden; }
.space-shot img { width: 100%; height: auto; object-fit: contain; }
.space-shot a:focus-visible { outline: 3px solid #ac0e4a; outline-offset: 4px; }
.space-shot figcaption { margin-top: 9px; color: #53626c; font-size: 14px; line-height: 1.5; }
.space-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin: 28px 0; padding: 26px 0; border-block: 1px solid #cbdce1; }
.space-metrics div { min-width: 0; }
.space-metrics dt { color: #a50f48; font-size: 32px; line-height: 1.15; font-weight: 700; }
.space-metrics dd { margin: 8px 0 0; color: #394c55; line-height: 1.45; font-size: 16px; }
.space-feature-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 40px; }
.space-feature-list article { padding: 24px 0; border-bottom: 1px solid #cbdce1; }
.space-feature-list h3 { font-size: 23px; line-height: 1.3; margin: 5px 0 12px; }
.space-feature-list p { margin: 0; }
.space-feature-list .space-status { color: #176046; font-size: 13px; font-weight: 700; }
.space-next { padding: 24px 0; max-width: 820px; }
.space-next h3 { font-size: 23px; margin-bottom: 10px; }
.space-invite { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px; border-top: 2px solid #a50f48; padding-top: 26px; margin-top: 8px; align-items: center; }
.space-invite h3 { font-size: 23px; margin: 0 0 10px; }
.space-invite p { margin: 0; max-width: 66ch; }
.space-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.space-text-link { color: #15576c; font-weight: 700; text-underline-offset: 4px; }
.space-dateline, .space-story .space-dateline { font-size: 14px; color: #53626c; margin-top: 24px; }
.space-home-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 36px; align-items: center; }
.space-home-grid .hero-actions { align-items: center; gap: 18px; }
.space-home-grid .space-shot { margin: 0; }
.space-article-heading { padding-bottom: 38px; }
.space-article-heading h1 { font-size: 48px; line-height: 1.14; }
.space-back { display: inline-block; margin-bottom: 24px; text-decoration: none; color: #15576c; font-size: 15px; }
.space-article-heading .space-byline { font-size: 15px; color: #53626c; margin-top: 22px; }
.space-story { padding-top: 30px; }
.space-story section { margin-top: 42px; }
.space-story h2 { font-size: 32px; line-height: 1.22; }
.space-story a:not(.button) { text-underline-offset: 4px; }
.space-example-steps { padding-left: 26px; }
.space-example-steps li { padding: 12px 0 12px 8px; }
.space-example-steps li::marker { color: #a50f48; font-weight: 700; }
.space-disclosure { margin: 0; padding: 0; background: transparent; border: 0; border-bottom: 1px solid #d5dfe2; border-radius: 0; box-shadow: none; }
.space-disclosure:first-of-type { border-top: 1px solid #d5dfe2; }
.space-disclosure summary { padding: 20px 28px 20px 0; cursor: pointer; font-size: 19px; line-height: 1.45; font-weight: 700; }
.space-disclosure summary:focus-visible { outline: 2px solid #a50f48; outline-offset: 3px; }
.space-disclosure[open] summary { color: #a50f48; }
.space-disclosure > div { padding-bottom: 12px; }
.space-story-progress { border-block: 1px solid #d5dfe2; padding: 6px 0 24px; }
.space-story-invite { border-top: 3px solid #a50f48; padding-top: 26px; }
.space-story-invite h2 { margin-top: 12px; }
.space-story .hero-actions { align-items: center; }
@media (max-width: 760px) {
  .space-home-grid, .space-invite { grid-template-columns: minmax(0, 1fr); }
  .space-home-grid { gap: 24px; }
  .space-feature-list { gap: 0 24px; }
  .space-article-heading h1 { font-size: 38px; }
}
@media (max-width: 560px) {
  .space-intro h2, .space-home-grid h2 { font-size: 30px; }
  .space-lead { font-size: 20px; }
  .space-feature-list { grid-template-columns: minmax(0, 1fr); }
  .space-metrics { grid-template-columns: minmax(0, 1fr); gap: 18px; padding: 20px 0; }
  .space-metrics div { display: grid; grid-template-columns: 90px minmax(0, 1fr); gap: 12px; align-items: center; }
  .space-metrics dt { font-size: 28px; }
  .space-metrics dd { margin: 0; }
  .space-article-heading h1 { font-size: 34px; }
  .space-story h2 { font-size: 27px; }
  .space-story section { margin-top: 32px; }
  .space-disclosure summary { font-size: 18px; padding-block: 18px; }
  .space-feature-list h3, .space-next h3, .space-invite h3 { font-size: 22px; }
  .space-invite .button, .space-story-invite .button { width: 100%; text-align: center; }
  .space-actions { align-items: stretch; }
}

.space-v49 .space-preview-band { background: #f1f6f4; }
.space-lucide { display: inline-block; width: 22px; height: 22px; flex: 0 0 auto; vertical-align: middle; }
.space-symbol { display: inline-flex; color: #a60c49; align-items: center; justify-content: center; }
.space-v49 .button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; }
.space-v49 .space-text-link { display: inline-flex; align-items: center; gap: 8px; }
.space-v49 .space-intro-v49 { display: grid; grid-template-columns: minmax(0,1.6fr) minmax(0,1fr); max-width: none; gap: 56px; align-items: end; margin-bottom: 38px; }
.space-beta { display: flex; align-items: center; gap: 10px; font-size: 14px; color: #176346; font-weight: 700; }
.space-beta .space-symbol { color: #176346; }
.space-v49 .space-intro h2 { font-size: 44px; line-height: 1.1; margin: 16px 0 20px; }
.space-intro-facts { border-left: 2px solid #a60c49; padding-left: 24px; padding-bottom: 4px; }
.space-intro-facts strong { font-size: 20px; line-height: 1.4; }
.space-intro-links { display: flex; flex-wrap: wrap; gap: 14px 24px; margin-top: 22px; }
.space-gallery { margin: 34px 0 30px; }
.space-gallery-heading { display: flex; flex-wrap: wrap; gap: 18px; justify-content: space-between; align-items: center; margin-bottom: 18px; }
.space-gallery-heading h3 { font-size: 22px; margin: 0; }
.space-gallery [role="tablist"] { display: flex; flex-wrap: wrap; gap: 4px; padding: 4px; border: 1px solid #cddbd6; border-radius: 8px; background: #fff; }
.space-gallery [role="tab"] { display: inline-flex; align-items: center; gap: 8px; border: 0; border-radius: 5px; padding: 11px 14px; font: inherit; font-size: 14px; font-weight: 700; color: #485d57; background: transparent; cursor: pointer; min-height: 44px; }
.space-gallery [role="tab"][aria-selected="true"] { background: #253e38; color: #fff; }
.space-gallery [role="tab"]:focus-visible { outline: 3px solid #ab0b4a; outline-offset: 3px; }
.space-gallery figure { margin: 0; }
.space-gallery-image { display: flex; align-items: center; justify-content: center; aspect-ratio: 1897 / 860; background: #e5eeeb; border: 1px solid #cddbd6; border-radius: 8px; overflow: hidden; }
.space-gallery-image img { width: 100%; height: 100%; object-fit: contain; }
.space-gallery [data-phone="true"] img { width: auto; max-width: 100%; }
.space-gallery figcaption { font-size: 14px; color: #53665e; margin-top: 10px; min-height: 24px; }
.space-v49 .space-feature-list { column-gap: 48px; }
.space-v49 .space-feature-list article { position: relative; padding-left: 62px; }
.space-feature-icon { display: flex; align-items: center; justify-content: center; position: absolute; top: 26px; left: 0; width: 44px; height: 44px; border-radius: 8px; background: #fff; border: 1px solid #cddbd6; color: #a60c49; }
.space-feature-icon .space-lucide { width: 25px; height: 25px; }
.space-v49 .space-feature-list h3 { font-size: 21px; }
.space-real-content { padding-block: 26px; }
.space-real-content > h3 { font-size: 28px; line-height: 1.25; margin: 10px 0 24px; }
.space-content-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; margin-top: 24px; }
.space-content-card { min-width: 0; background: #fff; border: 1px solid #d4dfd9; border-radius: 8px; overflow: hidden; }
.space-content-card > img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; object-position: 70% center; }
.space-content-card:first-child > img { object-position: center 20%; }
.space-content-copy { padding: 18px 20px 22px; }
.space-content-kind { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; color: #31634f; margin: 0 0 12px; }
.space-content-kind .space-symbol { color: inherit; }
.space-v49 .space-content-card h3 { font-size: 21px; line-height: 1.3; margin: 0 0 12px; }
.space-v49 .space-content-card p:not(.space-content-kind) { font-size: 16px; line-height: 1.55; color: #53625b; margin: 0; }
.space-content-note { color: #5b6862; font-size: 14px; }
.space-feedback { margin: 38px 0; padding: 32px 0; border-block: 1px solid #c9d8d0; }
#feedback, #space-beispiele { scroll-margin-top: 108px; }
.space-feedback-heading { display: flex; gap: 20px; align-items: center; margin-bottom: 24px; }
.space-feedback-heading .eyebrow { margin: 0 0 8px; }
.space-v49 .space-feedback h2 { font-size: 32px; line-height: 1.2; margin: 0; }
.space-feedback-mark { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; color: #9e0c46; width: 54px; height: 54px; border: 1px solid #e8c4d3; background: #fff4f8; border-radius: 8px; }
.space-feedback-mark .space-lucide { width: 30px; height: 30px; }
.space-feedback > p { max-width: 83ch; }
.space-feedback-prompts { display: flex; flex-wrap: wrap; gap: 12px 28px; padding: 20px 0; }
.space-feedback-prompts > span { display: inline-flex; align-items: center; gap: 10px; font-size: 16px; font-weight: 700; }
.space-feedback .hero-actions { margin-top: 22px; align-items: center; }
.space-v49 .space-home-grid { grid-template-columns: minmax(0,1fr) minmax(0,1.04fr); gap: 38px; }
.space-home-features { display: flex; flex-wrap: wrap; gap: 12px 20px; list-style: none; padding: 0; margin: 22px 0; }
.space-home-features li { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 700; color: #31584a; }
.space-home-feedback { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; margin-top: 22px; }
.space-home-feedback a { color: #53645a; text-underline-offset: 4px; }
.space-product-views { display: grid; grid-template-columns: minmax(0,1fr) 120px; align-items: center; gap: 16px; min-width: 0; }
.space-product-views figure { margin: 0; min-width: 0; }
.space-product-views img { width: 100%; height: auto; border: 1px solid #bacdc2; border-radius: 8px; }
.space-product-views figcaption { display: flex; align-items: center; justify-content: center; gap: 6px; color: #53645a; font-size: 12px; margin-top: 10px; }
.space-product-views figcaption .space-lucide { width: 16px; height: 16px; }
.space-v49 .space-disclosure summary { display: flex; align-items: center; gap: 14px; list-style: none; }
.space-v49 .space-disclosure summary::-webkit-details-marker { display: none; }
.space-disclosure summary::after { content: "+"; margin-left: auto; font-size: 24px; font-weight: 400; color: #9e0c46; }
.space-disclosure[open] summary::after { content: "\2212"; }
.space-build-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; margin: 24px 0; }
.space-build-steps > div { display: flex; align-items: flex-start; gap: 12px; padding: 18px 0; border-block: 1px solid #cddbd6; line-height: 1.4; }
.space-story .space-content-grid { gap: 14px; }
.space-story .space-content-copy { padding: 16px; }
.space-story .space-content-kind { font-size: 12px; }
.space-v49 .space-story .space-content-card h3 { font-size: 18px; }
.space-v49 .space-story .space-content-card p:not(.space-content-kind) { font-size: 15px; }
.space-story .space-feedback { background: #f0f6f3; padding: 30px 26px; margin-inline: -26px; }
@media(max-width:900px) {
  .space-v49 .space-intro-v49 { gap: 30px; grid-template-columns: minmax(0,1.3fr) minmax(0,1fr); }
  .space-v49 .space-home-grid { grid-template-columns: minmax(0,1fr); }
  .space-product-views { max-width: 640px; margin-inline: auto; grid-template-columns: minmax(0,1fr) 140px; }
  .space-content-grid { gap: 14px; }
}
@media(max-width:650px) {
  .space-v49 .space-intro-v49 { grid-template-columns: minmax(0,1fr); gap: 26px; }
  .space-v49 .space-intro h2 { font-size: 36px; }
  .space-intro-facts { padding-left: 18px; }
  .space-gallery-heading { align-items: flex-start; }
  .space-gallery-image { aspect-ratio: 4 / 3; }
  .space-gallery [role="tablist"] { width: 100%; }
  .space-gallery [role="tab"] { padding: 9px 10px; flex: 1 1 0; font-size: 12px; gap: 6px; }
  .space-gallery [role="tab"] .space-lucide { width: 17px; height: 17px; }
  .space-content-grid, .space-story .space-content-grid { grid-template-columns: minmax(0,1fr); }
  .space-content-card { display: grid; grid-template-columns: 112px minmax(0,1fr); }
  .space-content-card > img { height: 100%; min-height: 155px; aspect-ratio: auto; object-fit: cover; }
  .space-content-copy, .space-story .space-content-copy { padding: 16px; }
  .space-v49 .space-content-card h3 { font-size: 19px; }
  .space-content-kind .space-symbol { display: none; }
  .space-feedback-heading { gap: 14px; }
  .space-v49 .space-feedback h2 { font-size: 27px; }
  .space-feedback-mark { width: 44px; height: 44px; }
  .space-feedback-prompts { display: grid; gap: 16px; }
  .space-feedback .button { width: 100%; white-space: normal; }
  .space-build-steps { grid-template-columns: minmax(0,1fr); gap: 0; }
  .space-build-steps > div { border-bottom: 0; }
  .space-build-steps > div:last-child { border-bottom: 1px solid #cddbd6; }
  .space-story .space-feedback { padding-inline: 16px; margin-inline: 0; }
}
@media(max-width:420px) {
  .space-product-views { grid-template-columns: minmax(0,1fr) 100px; gap: 10px; }
  .space-product-views figcaption { font-size: 11px; align-items: flex-start; }
  .space-content-card { grid-template-columns: 96px minmax(0,1fr); }
  .space-v49 .space-feature-list article { padding-left: 52px; }
  .space-feature-icon { width: 38px; height: 38px; }
}