body{margin:0;background:#f5f8fd}
.pruefungstrainer-page{--navy:#102844;--navy2:#152b50;--blue:#2563eb;--blue2:#1559d1;--light:#f5f8fd;--pale:#eaf3ff;--line:#d9e4f1;--muted:#60748e;--white:#fff;color:var(--navy);font:16px/1.5 Inter,Arial,Helvetica,sans-serif}
.pruefungstrainer-page,.pruefungstrainer-page *{box-sizing:border-box}.pruefungstrainer-page a{color:inherit;text-decoration:none}.pruefungstrainer-page :focus-visible{outline:3px solid #f2ac36;outline-offset:3px}.pruefungstrainer-page .wrap{width:min(1180px,calc(100% - 40px));margin:auto}.pruefungstrainer-page .hero-grid{min-height:500px;display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center;padding-top:54px;padding-bottom:55px}.pruefungstrainer-page .eyebrow{color:#89b0ff;font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.pruefungstrainer-page h1{font-size:clamp(42px,5vw,65px);line-height:1.04;letter-spacing:-.052em;margin:15px 0 19px}.pruefungstrainer-page h1 em{font-style:normal;color:#82abff}.pruefungstrainer-page .hero-copy p{max-width:510px;color:#e3eafa;font-size:17px;line-height:1.55;margin:0 0 20px}.pruefungstrainer-page .btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 17px;border-radius:8px;font-weight:900;font-size:14px;transition:transform .18s,background .18s}.pruefungstrainer-page .btn:hover{transform:translateY(-2px)}.pruefungstrainer-page .btn.primary{background:var(--blue);color:#fff}.pruefungstrainer-page .btn.primary:hover{background:var(--blue2)}.pruefungstrainer-page .btn.outline{border:1px solid #87a2cf;color:#fff}.pruefungstrainer-page .app-hero{background:radial-gradient(circle at 80% 20%,#215498 0,transparent 37%),linear-gradient(120deg,#102844,#122343);color:#fff;overflow:hidden}.pruefungstrainer-page .app-hero .hero-grid{min-height:560px;grid-template-columns:1.06fr .94fr}.pruefungstrainer-page .app-hero .hero-copy p{max-width:560px}.pruefungstrainer-page .app-hero .mini{color:#a9c3ed;font-size:13px;margin-top:17px}.pruefungstrainer-page .store-options{display:flex;gap:12px;flex-wrap:wrap;margin-top:21px}.pruefungstrainer-page .store-option{min-width:186px;display:flex;flex-direction:column;gap:1px;border:1px solid #7896c0;border-radius:12px;padding:10px 14px;background:#ffffff12;color:#fff}.pruefungstrainer-page .store-option small{font-size:11px;color:#bed0ef}.pruefungstrainer-page .store-option strong{font-size:17px;line-height:1.15}.pruefungstrainer-page a.store-option{transition:transform .18s,border-color .18s,background .18s}.pruefungstrainer-page a.store-option:hover{transform:translateY(-2px);border-color:#d7e6ff;background:#ffffff25}.pruefungstrainer-page .store-option.soon{border-style:dashed;background:transparent}.pruefungstrainer-page .phone-stack{display:flex;justify-content:center;align-items:center;gap:8px;max-height:510px;overflow:hidden}.pruefungstrainer-page .phone-shot{position:relative;display:block;flex:0 0 42%;border:5px solid #314666;border-radius:22px;box-shadow:0 20px 40px #0005;overflow:hidden}.pruefungstrainer-page .phone-shot img{display:block;width:100%;height:auto}.pruefungstrainer-page .phone-shot:first-child{transform:translateY(42px) rotate(-6deg)}.pruefungstrainer-page .phone-shot:last-child{transform:translateY(20px) rotate(5deg)}.pruefungstrainer-page .app-section{padding:72px 0}.pruefungstrainer-page .app-section.alt{background:#eaf2fb}.pruefungstrainer-page .course-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.pruefungstrainer-page .course{background:#fff;border:1px solid var(--line);border-radius:17px;padding:28px}.pruefungstrainer-page .course .status{display:inline-block;background:#e2eeff;color:#165bbd;font-size:11px;letter-spacing:.09em;font-weight:900;padding:6px 10px;border-radius:20px}.pruefungstrainer-page .course h3{font-size:27px;margin:15px 0 5px}.pruefungstrainer-page .course ul{padding-left:21px;line-height:1.85}.pruefungstrainer-page .course p{margin-bottom:0}.pruefungstrainer-page .section-note{background:#fff;border-left:4px solid var(--blue);padding:15px 19px;margin-top:25px;border-radius:7px}.pruefungstrainer-page .screen-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:25px}.pruefungstrainer-page .screen-row figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:18px;padding:15px;text-align:center}.pruefungstrainer-page .screen-shot{display:block;position:relative;width:min(100%,178px);height:385px;margin:auto;overflow:hidden}.pruefungstrainer-page .screen-shot img{display:block;width:100%;height:100%;object-fit:contain;object-position:top}.pruefungstrainer-page .screen-row figcaption{font-size:13px;color:var(--muted);font-weight:700;margin-top:12px}.pruefungstrainer-page .app-section h2{font-size:clamp(28px,3.1vw,43px);letter-spacing:-.04em;line-height:1.1;margin:8px 0 12px}.pruefungstrainer-page .app-section p{color:var(--muted)}
@media(max-width:750px){.pruefungstrainer-page .wrap{width:min(calc(100% - 28px),1180px)}.pruefungstrainer-page .hero-grid,.pruefungstrainer-page .app-hero .hero-grid{grid-template-columns:1fr;gap:27px;min-height:auto;padding-top:48px;padding-bottom:45px}.pruefungstrainer-page h1{font-size:clamp(36px,10vw,52px)}.pruefungstrainer-page .course-grid,.pruefungstrainer-page .screen-row{grid-template-columns:1fr}.pruefungstrainer-page .app-section{padding:48px 0}.pruefungstrainer-page .phone-stack{max-height:380px}.pruefungstrainer-page .phone-shot{flex-basis:40%}.pruefungstrainer-page .screen-shot{width:min(100%,166px);height:360px}}
@media(prefers-reduced-motion:reduce){.pruefungstrainer-page .btn,.pruefungstrainer-page .store-option{transition:none}.pruefungstrainer-page .btn:hover,.pruefungstrainer-page a.store-option:hover{transform:none}}

.pruefungstrainer-page .course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pruefungstrainer-page .course{padding:24px}.pruefungstrainer-page .course h3{font-size:25px;hyphens:auto;overflow-wrap:anywhere}.pruefungstrainer-page .course ul{line-height:1.7}@media(max-width:980px){.pruefungstrainer-page .course-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
/* Approved spacing from the selected 28 October preview. */
.pruefungstrainer-page .app-section{padding-top:36px;padding-bottom:36px}
.pruefungstrainer-page .hero-grid{padding-top:27px;padding-bottom:27.5px}
.pruefungstrainer-page .app-hero .hero-grid{min-height:0}
@media(max-width:750px){
 .pruefungstrainer-page .app-section{padding-top:24px;padding-bottom:24px}
 .pruefungstrainer-page .hero-grid,.pruefungstrainer-page .app-hero .hero-grid{padding-top:24px;padding-bottom:22.5px}
}
