/* Online-Sehtests, 27.09.2026. Existing backup breakpoints retained. */
.sehtests-main {padding:calc(var(--ninios-header-offset,158px) + 48px) 0 48px}
.sehtests-breadcrumb {display:flex;flex-wrap:wrap;gap:12px;margin-bottom:34px;font-size:.88rem;color:var(--muted)}
.sehtests-breadcrumb a {text-decoration:underline;text-underline-offset:4px}
.sehtests-intro h1 {font-size:clamp(2.6rem,5.1vw,4.7rem);line-height:1.06;margin:20px 0 24px;letter-spacing:-.04em}
.sehtests-lead {font-size:clamp(1.12rem,1.7vw,1.35rem);max-width:850px;color:var(--muted);line-height:1.65}
.sehtests-limits {max-width:1000px;font-size:.97rem;line-height:1.65;margin-top:24px;padding-left:18px;border-left:3px solid #b69a68;color:var(--muted)}
.sehtests-options {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:42px}
.sehtests-card {display:flex;flex-direction:column;min-width:0;padding:clamp(24px,3.2vw,44px);border:1px solid rgba(255,255,255,.8);border-radius:30px;background:rgba(255,255,255,.77);box-shadow:0 16px 40px rgba(38,47,35,.055)}
.sehtests-card-amsler {background:linear-gradient(135deg,#f6f7f0,#fffaf4)}
.sehtests-card-top {display:flex;gap:16px;align-items:center;margin-bottom:24px}
.sehtests-card-top .small-label {margin:0;line-height:1.6}
.sehtests-number {display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border:1px solid #9ca78f;border-radius:50%;font-size:.95rem;color:var(--accent-dark)}
.sehtests-card h2 {font-size:clamp(1.9rem,3vw,2.6rem);line-height:1.15;margin:0 0 20px;letter-spacing:-.025em}
.sehtests-card p {line-height:1.7;color:var(--muted);margin:0 0 22px}
.sehtests-card .sehtests-small {font-size:.9rem;margin-bottom:28px}
.sehtests-card .btn {margin-top:auto;align-self:flex-start;gap:10px;min-height:54px;padding:14px 22px;white-space:normal;text-align:center;max-width:100%;line-height:1.4}
.sehtests-text-link {display:inline-block;color:var(--accent-dark);font-size:.95rem;font-weight:600;text-decoration:underline;text-underline-offset:5px;line-height:1.5}
.sehtests-card .sehtests-text-link {margin-top:20px;align-self:flex-start}
.sehtests-guide {display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(28px,5vw,76px);padding-top:80px;padding-bottom:72px;scroll-margin-top:180px}
.sehtests-guide h2,.sehtests-next h2 {font-size:clamp(2rem,3.4vw,3rem);line-height:1.15;margin:18px 0 20px;letter-spacing:-.03em}
.sehtests-guide p,.sehtests-next p {line-height:1.7;color:var(--muted)}
.sehtests-steps {margin:0;padding:0;list-style:none;counter-reset:step}
.sehtests-steps li {counter-increment:step;position:relative;padding:0 0 22px 44px;line-height:1.7;color:var(--muted)}
.sehtests-steps li:before {content:counter(step);position:absolute;left:0;top:1px;width:28px;height:28px;border-radius:50%;background:#e5eadd;color:var(--accent-dark);text-align:center;line-height:28px;font-size:.88rem;font-weight:700}
.sehtests-steps strong {color:var(--text)}
.sehtests-next {display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(28px,5vw,72px);align-items:center;background:rgba(255,255,255,.65);border:1px solid #fff;border-radius:30px;padding:clamp(24px,3.4vw,48px)}
.sehtests-next p+p {margin-top:18px}
.sehtests-next-actions {display:flex;flex-direction:column;align-items:flex-start;gap:24px;min-width:0}
.sehtests-next-actions .btn {white-space:normal;line-height:1.45;text-align:center;padding:16px 22px;max-width:100%}
.sehtests-privacy {font-size:.83rem;color:var(--muted);line-height:1.6;margin-top:24px}
.sehtests-sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.page-online-sehtests a:focus-visible {outline:3px solid #9b692d;outline-offset:5px}
/* The previous homepage stacks its main grids at 1180px; use the same rule. */
@media (max-width:1180px) {
  .sehtests-options,.sehtests-guide,.sehtests-next {grid-template-columns:1fr}
  .sehtests-guide {gap:28px}
}
/* iPhone portrait and compact landscape: an independent, single-column flow. */
@media (max-width:743px), (max-width:1000px) and (max-height:500px) {
  .sehtests-main {padding-top:calc(var(--ninios-header-offset,142px) + 24px)}
  .sehtests-breadcrumb {margin-bottom:26px}
  .sehtests-intro h1 {font-size:clamp(2.55rem,9.5vw,3.4rem)}
  .sehtests-options,.sehtests-guide,.sehtests-next {grid-template-columns:1fr}
  .sehtests-options {margin-top:30px;gap:20px}
  .sehtests-card {padding:26px 22px;border-radius:24px}
  .sehtests-card h2 {font-size:2rem}
  .sehtests-card .btn,.sehtests-next-actions .btn {width:100%}
  .sehtests-guide {padding-top:54px;padding-bottom:36px;gap:28px}
  .sehtests-next {padding:26px 22px;border-radius:24px;gap:28px}
  .sehtests-privacy {padding-bottom:34px}
}