/* Link-Seite /links/ (02.11.2026): ein Link für die Bio, gebaut fürs Handy */
.lk{min-height:100vh;min-height:100dvh;background:
  radial-gradient(60% 38% at 50% 0%,rgba(233,213,161,.13),transparent 70%),
  radial-gradient(120% 60% at 50% 110%,rgba(233,213,161,.05),transparent 70%),var(--nacht)}
.lk-seite{width:min(100%,560px);margin:0 auto;padding:clamp(40px,9vh,88px) 16px 40px;display:flex;flex-direction:column;align-items:center}
.lk-kopf{display:flex;flex-direction:column;align-items:center;text-align:center}

/* Porträt mit Goldring und weichem Schein */
.lk-bild{position:relative;display:block;width:116px;height:116px;border-radius:50%;padding:3px;background:linear-gradient(160deg,#F7E9C4,#C9B27A 60%,#8E7A4C);box-shadow:0 0 0 6px rgba(233,213,161,.07),0 18px 60px -10px rgba(233,213,161,.38)}
.lk-bild::before{content:"";position:absolute;inset:-34px;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,rgba(233,213,161,.22),transparent)}
.lk-bild img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:50% 30%;border:2px solid var(--nacht)}
.lk-name{margin-top:22px;font-size:clamp(28px,7.4vw,34px);letter-spacing:-.025em}
.lk-zeile{margin-top:10px;font:400 13px/1.5 var(--mono);color:var(--text-leise);letter-spacing:0}
.lk-zeile span{white-space:nowrap}

.lk-sozial{display:flex;gap:12px;margin:24px 0 0;padding:0;list-style:none}
.lk-sozial a{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;color:var(--text);background:linear-gradient(180deg,#1B1A17,#121211);border:1px solid var(--linie-2);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);transition:transform .35s var(--kurve-schnell),border-color .3s var(--kurve),color .3s var(--kurve)}
.lk-sozial svg{width:21px;height:21px}
.lk-sozial a:hover{transform:translateY(-2px);border-color:rgba(233,213,161,.6);color:var(--gold)}

/* Die Knöpfe */
.lk-liste{width:100%;margin:36px 0 0;padding:0;list-style:none;display:grid;gap:14px}
.lk-knopf{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:44px 1fr 32px;align-items:center;gap:10px;min-height:68px;padding:10px 12px;border-radius:22px;text-decoration:none;color:var(--text);font:600 16.5px/1.25 var(--sans);letter-spacing:-.005em;background:linear-gradient(180deg,#1C1B18,#131312);border:1px solid rgba(233,213,161,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 30px -18px rgba(0,0,0,.8);transition:transform .35s var(--kurve-schnell),border-color .3s var(--kurve),box-shadow .3s var(--kurve),background .3s var(--kurve)}
.lk-knopf__text{text-align:center;text-wrap:balance}
.lk-knopf__icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;color:var(--gold);background:rgba(233,213,161,.09);border:1px solid rgba(233,213,161,.18)}
.lk-knopf__icon svg{width:21px;height:21px}
.lk-knopf__pfeil{width:32px;height:44px;display:grid;place-items:center;color:var(--still);transition:transform .45s var(--kurve-schnell),color .3s var(--kurve)}
.lk-knopf__pfeil svg{width:17px;height:17px}
.lk-knopf:hover{transform:translateY(-2px);border-color:rgba(233,213,161,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 16px 40px -18px rgba(233,213,161,.35)}
.lk-knopf:hover .lk-knopf__pfeil{color:var(--gold);transform:translateX(3px)}
.lk-knopf:active{transform:translateY(0) scale(.985)}

/* Gold: die Community */
.lk-knopf--gold{color:var(--gold-tinte);font-weight:700;border:0;background:linear-gradient(180deg,#F7E9C4 0%,#E9D5A1 52%,#D6BC80 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -2px 0 rgba(120,92,36,.28),0 0 0 1px rgba(233,213,161,.35),0 18px 50px -16px rgba(233,213,161,.55)}
.lk-knopf--gold:hover{background:linear-gradient(180deg,#FBF0D2 0%,#F0DEB0 52%,#DEC58C 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -2px 0 rgba(120,92,36,.28),0 0 0 1px rgba(233,213,161,.5),0 24px 64px -14px rgba(233,213,161,.75)}
.lk-knopf--gold .lk-knopf__icon{color:var(--gold);background:var(--gold-tinte);border:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.lk-knopf--gold .lk-knopf__icon svg{width:30px;height:30px}
.lk-knopf--gold .lk-knopf__pfeil,.lk-knopf--gold:hover .lk-knopf__pfeil{color:var(--gold-tinte)}
.lk-knopf--gold::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.55) 48%,transparent 66%);transform:translateX(-120%);animation:lk-glanz 5s var(--kurve) 1.4s infinite;pointer-events:none}
@keyframes lk-glanz{0%{transform:translateX(-120%)}22%,100%{transform:translateX(120%)}}

/* Newsletter klappt unter seinem Knopf auf */
.lk-knopf[aria-expanded="true"]{border-color:rgba(233,213,161,.55);border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.lk-knopf[aria-expanded="true"] .lk-knopf__pfeil{transform:rotate(90deg);color:var(--gold)}
.lk-nl{margin-top:8px;padding:18px 16px 14px;border-radius:10px 10px 22px 22px;background:linear-gradient(180deg,#171613,#111110);border:1px solid rgba(233,213,161,.2)}
.lk-nl .newsletter__label{font-size:15px}
.lk-nl .hinweis{font-size:12.5px}
@media (max-width:520px){.lk-nl .feld{flex-direction:column;border-radius:16px;padding:8px}.lk-nl .feld input{min-height:48px}.lk-nl .feld .knopf{justify-content:space-between}}

.lk-fuss{margin-top:44px;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;font-size:13.5px}
.lk-fuss a{color:var(--still);text-decoration:none}
.lk-fuss a:hover{color:var(--gold)}

/* Auftritt: nacheinander von unten */
.js .lk-kopf>*,.js .lk-liste>li,.js .lk-fuss{animation:lk-auf .7s var(--kurve) both;animation-delay:calc(var(--i,0) * 70ms)}
@keyframes lk-auf{from{opacity:0;transform:translateY(14px)}}
@media (prefers-reduced-motion:reduce){.js .lk-kopf>*,.js .lk-liste>li,.js .lk-fuss{animation:none}.lk-knopf--gold::after{display:none}}
@media (max-width:360px){.lk-knopf{grid-template-columns:40px 1fr 28px;font-size:15.5px;padding:10px}.lk-knopf__icon{width:40px;height:40px}.lk-knopf__pfeil{width:28px}}