.schuelerseite .student-hero-grid { grid-template-columns: minmax(0,1fr); gap: 1.75rem; padding: 1.5rem 0 2rem; }
.student-opening { position: relative; display: grid; grid-template-columns: minmax(0,1fr); align-items: center; isolation: isolate; overflow: hidden; background: #F9F7F4; color: #16336A; border-radius: 5px; min-height: 420px; }
.student-opening-copy { position: relative; grid-area: 1 / 1; align-self: start; z-index: 1; width: 43%; padding: 2rem 0 2rem 2.25rem; pointer-events: none; }
.schuelerseite .student-opening h1 { font-size: clamp(3.3rem,5.7vw,5rem); }
.schuelerseite .student-opening .deins { background: #16336A; color: #F9F7F4; }
.schuelerseite .student-opening .student-intro { color: #16336A; max-width: 30ch; font-size: .94rem; }
.dance-art { position: relative; grid-area: 1 / 1; width: 60%; margin: 0 0 0 auto; padding: 0; }
.dance-art img { display: block; width: 100%; height: auto; aspect-ratio: 16/9; object-fit: contain; }
.dance-toggle { position: absolute; right: 1rem; bottom: 1rem; z-index: 2; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 1px solid #16336A; border-radius: 50%; background: #F9F7F4; color: #16336A; cursor: pointer; }
.dance-toggle svg { width: 24px; height: 24px; fill: currentColor; }
.dance-toggle .dance-pause { display: none; }
.dance-toggle[aria-pressed="true"] .dance-play { display: none; }
.dance-toggle[aria-pressed="true"] .dance-pause { display: block; }
.dance-toggle[hidden] { display: none; }
.dance-toggle:hover { background: #EBF1FA; }
.dance-toggle:focus-visible { outline: 3px solid #16336A  ; outline-offset: 3px  ; }
.schuelerseite .daily { display: grid; grid-template-columns: 1.15fr repeat(4,1fr); gap: 1rem; align-items: center; transform: none; box-shadow: none; padding: 1rem 1.3rem; border-radius: 4px; }
.schuelerseite .daily .daily-cap { margin: 0; }
.schuelerseite .daily .daily-cap img { display: none; }
.schuelerseite .daily h2 { font-size: 1.2rem; }
.schuelerseite .daily a { border-bottom: 0; border-left: 1px solid var(--line-strong); padding: .4rem 0 .4rem 1rem; }
.schuelerseite .daily a small { font-size: .76rem; }
.schuelerseite .daily a strong { font-size: .87rem; }
.schuelerseite .arcade { padding-top: 1.5rem; border-bottom: 1px solid var(--line-strong); }
.arcade-hello { position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0,1fr); align-items: center; min-height: 400px; margin-bottom: 1.5rem; overflow: hidden; background: #F9F7F4; color: #16336A; }
.arcade-hello > img { grid-area: 1 / 1; justify-self: end; display: block; width: 92%; height: auto; aspect-ratio: 16/9; object-fit: contain; mix-blend-mode: multiply; }
.arcade-hello > .arcade-intro { position: relative; grid-area: 1 / 1; z-index: 1; width: 46%; padding: 2rem 0 2rem 1.5rem; }
.arcade-hello h2 { font: 700 clamp(3rem,6.5vw,5.5rem)/1 var(--font-display); letter-spacing: -.045em; margin: .75rem 0 0; hyphens: none; }
.arcade-hello .arcade-intro p { margin: 1rem 0 0; font-size: 1.125rem; }
.moments-photos .moment { margin: 0; }
.moments-photos .moment > img { width: 100%; height: auto; aspect-ratio: 16/9; object-fit: contain; display: block; border-radius: 4px; }
.ankommen-bild { position: relative; isolation: isolate; min-height: 350px; overflow: hidden; background: #F9F7F4; color: #16336A; align-items: center; padding: 2.5rem; margin-bottom: 2rem; border-radius: 4px; }
.ankommen-bild > img { position: absolute; right: 0; width: 76%; height: 100%; object-fit: contain; }
.ankommen-bild > div { position: relative; width: 40%; }
.ankommen-bild h2 { color: #16336A; font-size: clamp(2.5rem,4.5vw,3.5rem); }
.bild-reihe { grid-template-columns: repeat(2,minmax(0,1fr)); }
.feld-bereich--bild { grid-column: 1/-1; position: relative; isolation: isolate; overflow: hidden; min-height: 350px; background: #F9F7F4; color: #16336A; display: flex; flex-direction: row; align-items: center; }
.feld-bereich--bild::before { position: absolute; top: 1.5rem; left: 1.5rem; }
.feld-bereich--bild > img { position: absolute; right: 0; width: 70%; height: 100%; object-fit: contain; }
.feld-bereich--bild > div { position: relative; width: 31%; }
.feld-bereich--bild h4 { color: #16336A; font-size: clamp(2rem,3.5vw,3rem); }
.feld-bereich--bild p { color: #16336A; }
@media (max-width: 1000px) {
  .schuelerseite .daily { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .schuelerseite .daily .daily-cap { grid-column: 1/-1; }
  .schuelerseite .daily a { border-left: 0; border-top: 1px solid var(--line-strong); padding: .75rem 0; }
  .student-opening-copy { padding-left: 1.5rem; }
  .student-opening { min-height: 390px; }
  .dance-art { width: 57%; }
  .arcade-hello { min-height: 320px; }
}
@media (max-width: 650px) {
  .student-opening { display: flex; flex-direction: column; }
  .student-opening-copy { width: 100%; padding: 1.5rem 1.5rem 0; order: 0; }
  .schuelerseite .student-opening h1 { font-size: clamp(3.05rem,13vw,4rem); }
  .schuelerseite .student-opening .student-intro { max-width: 32ch; }
  .dance-art { width: 100%; order: 1; }
  .schuelerseite .daily { grid-template-columns: minmax(0,1fr); }
  .arcade-hello { min-height: 0; margin-bottom: 1rem; }
  .arcade-hello > img { width: 100%; align-self: end; margin-top: 6.5rem; }
  .arcade-hello > .arcade-intro { width: 100%; align-self: start; padding: 1rem 1rem 0; }
  .arcade-hello h2 { font-size: clamp(2.5rem,9vw,3.5rem); margin-top: .5rem; }
  .arcade-hello .arcade-intro p { margin-top: .5rem; }
  .ankommen-bild, .feld-bereich--bild { display: flex; flex-direction: column; min-height: 0; align-items: stretch; }
  .ankommen-bild > img, .feld-bereich--bild > img { position: relative; right: auto; width: 100%; height: auto; aspect-ratio: 16/9; order: 1; }
  .ankommen-bild > div, .feld-bereich--bild > div { width: 100%; order: 0; }
  .ankommen-bild { padding: 1.5rem 1.25rem 0; gap: 1rem; }
  .bild-reihe { grid-template-columns: minmax(0,1fr); }
  .feld-bereich--bild { padding-bottom: 0; gap: 1rem; }
}