/* Themenwahl und App-Demo bilden auf allen Bildschirmgrößen eine Einheit. */
.campus{background:radial-gradient(ellipse at 76% 48%,#363a78 0,#252856 47%,#202348 100%)}
.campus .campus-inner{max-width:1260px;padding:88px 7%;grid-template-columns:.95fr 1.05fr;gap:64px;align-items:center}
.campus .campus-copy{max-width:410px}
.campus .campus-copy h2{font-size:clamp(43px,4.6vw,62px);letter-spacing:-2px;margin-bottom:24px}
.campus .campus-copy>p{font-size:15px;line-height:1.75;margin-bottom:0;color:#d7daf0}
.campus-experience{width:100%;max-width:390px;margin:0 auto;min-width:0}
.campus .app-tabs{display:grid;grid-template-columns:.9fr 1.25fr .9fr;gap:4px;margin:0;padding:6px;border:1px solid #ffffff24;border-radius:16px;background:#15193677;position:relative;z-index:4}
.campus .app-tabs button{min-height:46px;padding:11px 8px;margin:0;border:0;border-radius:11px;font-size:13px;font-weight:600;line-height:1.25;color:#cdd1eb;transition:background .18s,color .18s,box-shadow .18s}
.campus .app-tabs button:hover{background:#ffffff12;color:#fff}
.campus .app-tabs button[aria-selected=true]{background:#fff;color:#252856;box-shadow:0 3px 12px #0b102c30}
.campus .app-tabs button:focus-visible{outline:2px solid #ff7378;outline-offset:4px}
.campus #app-panel{min-height:0;padding:0;margin:0}
.campus .phone-stage{min-height:0;max-width:none;width:100%;padding:20px 0 0;margin:0;isolation:isolate}
.campus .phone-stage .orbit{width:340px;height:340px;max-width:100%;box-shadow:0 0 0 40px #ffffff02,0 0 0 80px #ffffff01;pointer-events:none;z-index:-1}
.campus .phone{width:278px;height:588px;max-width:100%;transform:none;border-width:7px;box-shadow:0 24px 60px #10142f66,0 0 0 1px #ffffff1c}
.campus .float-tag,.campus .demo-caption{display:none}
.app-summary{text-align:center;margin:22px auto 0;max-width:350px;min-height:82px}
.campus #app-panel .app-summary h3{font-size:20px;letter-spacing:-.5px;margin:0 0 9px;color:#fff}
.campus #app-panel .app-summary p{font-size:13px;line-height:1.65;color:#cdd1e9;margin:0;max-width:none}
.campus .app-access-note{font-size:12px;line-height:1.6;color:#b7bddc;text-align:center;border-top:1px solid #ffffff1c;padding-top:18px;margin:18px 0 0;max-width:none}
@media(max-width:900px){
 .campus .campus-inner{grid-template-columns:1fr;gap:28px;padding:60px 24px 52px}
 .campus .campus-copy{width:100%;max-width:480px;margin:0 auto}
 .campus .campus-copy h2{font-size:44px;letter-spacing:-1.8px;margin-bottom:18px}
 .campus .campus-copy>p{font-size:14px;line-height:1.7}
 .campus-experience{max-width:390px}
 .campus .phone-stage{padding-top:18px}
 .campus .phone{width:278px;height:588px}
 .app-summary{margin-top:22px;min-height:76px}
}
@media(max-width:420px){
 .campus .campus-inner{padding:48px 20px 42px;gap:24px}
 .campus .campus-copy h2{font-size:39px}
 .campus .app-tabs button{font-size:12px;min-height:44px;padding:10px 5px}
 .campus .phone-stage{padding-top:16px}
 .campus .phone{width:270px;height:580px}
 .campus #app-panel .app-summary h3{font-size:19px}
}
@media(prefers-reduced-motion:reduce){.campus .app-tabs button{transition:none}}