/* GUK Link-Seite – gleiche Farbwelt wie die Website: Nachtblau, Sessel-Orange, Fraunces + Manrope */
:root{--bg:#090d13;--surface:#131b26;--surface-2:#1a2432;--line:rgba(255,255,255,.11);--text:#f4efe7;--muted:#a8b0bc;--accent:#f0703a;--accent-hover:#ff8650;--on-accent:#1b0d05;--blue:#9cc4ff;--ease:cubic-bezier(.2,.7,.2,1)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100svh;background:var(--bg);color:var(--text);font-family:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.45;overflow-x:hidden}
a{color:inherit;text-decoration:none}

/* Foto-Hintergrund mit Verlauf zur Nacht */
.lt-cover{position:absolute;inset:0 0 auto 0;height:62vh;min-height:420px;background:center 30%/cover no-repeat;filter:saturate(1.1) blur(2px);transform:scale(1.05);opacity:.55;z-index:0}
.lt-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(9,13,19,.35) 0%,rgba(9,13,19,.8) 55%,var(--bg) 100%)}
.lt-glow{position:fixed;left:50%;top:-20vh;width:120vw;height:70vh;transform:translateX(-50%);z-index:0;pointer-events:none;background:radial-gradient(closest-side,rgba(240,112,58,.22),transparent 70%);animation:glow 9s ease-in-out infinite alternate}
@keyframes glow{from{opacity:.55;transform:translateX(-56%) scale(.95)}to{opacity:1;transform:translateX(-44%) scale(1.05)}}

.lt{position:relative;z-index:1;max-width:560px;margin:0 auto;padding:max(36px,env(safe-area-inset-top)) 18px max(32px,env(safe-area-inset-bottom))}
.lt-top{text-align:center;padding-top:8px}
.lt-logo{display:block;margin:0 auto 16px;width:88px;height:88px;object-fit:contain;filter:drop-shadow(0 6px 24px rgba(0,0,0,.5));opacity:0;transform:scale(.85);transition:.7s var(--ease)}
h1{font-family:"Fraunces",Georgia,serif;font-weight:500;font-size:clamp(2rem,8vw,2.6rem);line-height:1.05;letter-spacing:-.01em;margin:0}
.lt-tag{margin:10px 0 0;color:var(--muted);font-size:.98rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600}
.lt-motto{margin:14px 0 0;display:flex;flex-wrap:wrap;gap:4px 0;justify-content:center;font-family:"Fraunces",Georgia,serif;font-style:italic;color:var(--text);opacity:.85;font-size:.98rem}
.lt-motto span+span::before{content:"•";color:var(--accent);margin:0 .6em;font-style:normal}
.lt-social{display:flex;gap:12px;justify-content:center;margin:22px 0 6px}
.lt-soc{width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:rgba(19,27,38,.7);backdrop-filter:blur(8px);transition:.25s var(--ease)}
.lt-soc svg{width:22px;height:22px}
.lt-soc:hover{background:var(--accent);color:var(--on-accent);border-color:var(--accent);transform:translateY(-3px) rotate(-6deg)}

.lt-list{display:flex;flex-direction:column;gap:12px;margin-top:22px}
.lt-head{margin:20px 0 2px;display:flex;align-items:center;gap:14px;font-family:"Manrope",sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}
.lt-head::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line),transparent)}
.lt-card{--mx:50%;--my:50%;position:relative;display:flex;align-items:center;gap:14px;padding:14px 16px;min-height:68px;background:linear-gradient(180deg,rgba(26,36,50,.85),rgba(19,27,38,.85));border:1px solid var(--line);border-radius:4px;overflow:hidden;backdrop-filter:blur(8px);transition:transform .3s var(--ease),border-color .3s,box-shadow .3s}
.lt-card::before{content:"";position:absolute;inset:0;background:radial-gradient(220px circle at var(--mx) var(--my),rgba(240,112,58,.2),transparent 70%);opacity:0;transition:opacity .3s}
.lt-card:hover,.lt-card:focus-visible{transform:translateY(-3px);border-color:rgba(240,112,58,.6);box-shadow:0 14px 34px rgba(0,0,0,.45)}
.lt-card:hover::before{opacity:1}
.lt-card:active{transform:translateY(0) scale(.99)}
.lt-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.lt-ico{flex:none;width:44px;height:44px;display:grid;place-items:center;border-radius:3px;background:rgba(240,112,58,.13);color:var(--accent);position:relative}
.lt-ico svg{width:23px;height:23px}
.lt-txt{flex:1;min-width:0;display:flex;flex-direction:column;position:relative}
.lt-txt strong{font-weight:700;font-size:1.02rem;line-height:1.25}
.lt-txt small{color:var(--muted);font-size:.84rem;margin-top:2px}
.lt-go{flex:none;width:22px;height:22px;color:var(--muted);position:relative;transition:.3s var(--ease)}
.lt-go svg{width:100%;height:100%}
.lt-card:hover .lt-go{color:var(--accent);transform:translate(3px,-3px)}

/* Hervorgehobener Link (z. B. Bewerben) */
.lt-card--hot{background:linear-gradient(135deg,var(--accent),#e0521f);border-color:transparent;color:var(--on-accent);box-shadow:0 10px 30px rgba(240,112,58,.3)}
.lt-card--hot .lt-ico{background:rgba(27,13,5,.15);color:var(--on-accent)}
.lt-card--hot small,.lt-card--hot .lt-go{color:rgba(27,13,5,.75)}
.lt-card--hot:hover{border-color:transparent;box-shadow:0 16px 40px rgba(240,112,58,.45)}
.lt-card--hot:hover .lt-go{color:var(--on-accent)}
.lt-card--hot::before{background:radial-gradient(220px circle at var(--mx) var(--my),rgba(255,255,255,.28),transparent 70%)}

.lt-err{color:var(--muted);text-align:center}
.lt-foot{margin-top:38px;text-align:center;color:var(--muted);font-size:.8rem}
.lt-foot a:hover{color:var(--text);text-decoration:underline}
.lt-foot p{margin:6px 0 0;opacity:.7}

/* Einblenden nacheinander */
.lt-card,.lt-head,.lt-soc,.lt-top h1,.lt-tag,.lt-motto{opacity:0;transform:translateY(14px)}
body.ready .lt-logo{opacity:1;transform:none}
body.ready .lt-top h1,body.ready .lt-tag,body.ready .lt-motto,body.ready .lt-soc{opacity:1;transform:none;transition:opacity .6s var(--ease),transform .6s var(--ease),background .25s,color .25s,border-color .25s}
body.ready .lt-card,body.ready .lt-head{animation:rise .6s var(--ease) both;animation-delay:calc(.25s + var(--i,0)*.05s)}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.lt-glow{animation:none}*{animation-duration:.01ms!important;transition-duration:.01ms!important;animation-delay:0s!important}.lt-card,.lt-head,.lt-soc,.lt-top h1,.lt-tag,.lt-motto,.lt-logo{opacity:1;transform:none}}