/* Impressum + Datenschutz of sport-cut.com: the dark look of the start page, tuned for long reading. */
@font-face { font-family: 'Bebas Neue'; font-weight: 400; font-display: swap; src: url('/fonts/bebas-neue-latin.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-weight: 300 500; font-display: swap; src: url('/fonts/inter-latin-var.woff2') format('woff2'); }

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
:root { --orange: #F04E23; --white: #F5F5F5; --dark: #0D0D0D; --text: rgba(245,245,245,.82); --soft: rgba(245,245,245,.55); --line: rgba(255,255,255,.10); }
html { -webkit-text-size-adjust: 100%; }
body { font-family: 'Inter', sans-serif; font-weight: 300; color: var(--text); background: var(--dark); line-height: 1.7;
  background-image: radial-gradient(90% 50% at 50% 0%, rgba(240,78,35,.07), transparent 70%); background-repeat: no-repeat; }
body::after { content: ''; position: fixed; left: 0; right: 0; bottom: 0; height: 3px;
  background: linear-gradient(90deg, transparent, var(--orange), transparent); }

.top { display: flex; justify-content: space-between; align-items: center; padding: 22px clamp(16px, 4vw, 40px); }
.brand { font-family: 'Bebas Neue', sans-serif; font-size: 1.55rem; letter-spacing: .06em; color: var(--white); text-decoration: none; }
.brand span { color: var(--orange); }
.back { font-size: .66rem; font-weight: 500; letter-spacing: .22em; text-transform: uppercase; color: var(--soft); text-decoration: none; }
.brand:hover, .back:hover { color: var(--orange); }

.doc { max-width: 720px; margin: 0 auto; padding: clamp(24px, 6vw, 64px) clamp(16px, 4vw, 24px) 80px; }
.eyebrow { font-size: .7rem; font-weight: 500; letter-spacing: .26em; text-transform: uppercase; color: var(--orange); }
h1 { font-family: 'Bebas Neue', sans-serif; font-weight: 400; font-size: clamp(3rem, 9vw, 5rem); line-height: .95; letter-spacing: .02em;
  color: var(--white); margin-top: 10px; }
.divider { width: 48px; height: 2px; background: var(--orange); margin: 22px 0 8px; }
.stand { font-size: .8rem; color: var(--soft); margin-top: 10px; }
h2 { font-family: 'Bebas Neue', sans-serif; font-weight: 400; font-size: 1.6rem; letter-spacing: .04em; color: var(--white);
  margin: 40px 0 10px; padding-top: 18px; border-top: 1px solid var(--line); }
h2 .n { color: var(--orange); margin-right: 8px; }
h3 { font-size: .95rem; font-weight: 500; color: var(--white); margin: 22px 0 6px; }
p, li { font-size: .95rem; }
p + p { margin-top: 12px; }
ul { padding-left: 1.2rem; margin: 10px 0; }
li + li { margin-top: 6px; }
.addr { line-height: 1.75; color: var(--white); }
strong, b { color: var(--white); font-weight: 500; }
a { color: var(--orange); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .18em; }
a:hover { color: var(--white); }
:focus-visible { outline: 2px solid var(--orange); outline-offset: 3px; }
.note { margin-top: 14px; padding: 14px 16px; border-left: 2px solid var(--orange); background: rgba(255,255,255,.03); font-size: .9rem; }

.foot { text-align: center; padding: 0 20px 44px; font-size: .72rem; letter-spacing: .1em; line-height: 2; color: rgba(245,245,245,.32); }
.foot a { color: rgba(245,245,245,.6); text-decoration: none; }
.foot a:hover, .foot a[aria-current] { color: var(--orange); }