*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,sans-serif;background:#050609;color:#fff;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.bg{position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(circle at top,#1b1f29 0,#050609 55%)}
.glow{position:absolute;border-radius:999px;filter:blur(90px);opacity:.45;animation:float 9s ease-in-out infinite}
.glow-one{width:520px;height:520px;background:#ffffff22;top:-120px;left:35%}
.glow-two{width:420px;height:420px;background:#6b728055;left:-120px;top:35%;animation-delay:1.5s}
.glow-three{width:500px;height:500px;background:#33415566;right:-150px;bottom:-120px;animation-delay:3s}
.noise{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(circle,#000 0,transparent 75%)}@keyframes float{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-35px) scale(1.05)}}
.topbar{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(20px,5vw,70px);background:#00000055;border-bottom:1px solid #ffffff14;backdrop-filter:blur(22px)}
.brand{display:flex;align-items:center;gap:12px}
.brand-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:16px;background:#ffffff14;border:1px solid #ffffff18}
.brand small{display:block;color:#ffffff73;font-size:12px}
.nav{display:flex;gap:8px}
.nav a{padding:10px 15px;border-radius:999px;color:#ffffffa8;font-size:14px;transition:.25s}
.nav a:hover{background:#ffffff14;color:#fff}
.menu-btn{display:none;background:#ffffff14;color:#fff;border:1px solid #ffffff18;border-radius:14px;width:42px;height:42px}
.section{position:relative;max-width:1180px;margin:auto;padding:110px 24px}
.hero{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;padding-top:150px}
.pill{display:inline-flex;align-items:center;gap:10px;padding:10px 15px;border-radius:999px;background:#ffffff14;border:1px solid #ffffff18;color:#ffffffb0}
.pill span{width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 20px #fff}
.hero h1{font-size:clamp(44px,7vw,86px);line-height:.95;letter-spacing:-.07em;margin:18px 0}
.lead{font-size:19px;line-height:1.8;color:#ffffffa0;max-width:720px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:15px 23px;font-weight:900;transition:.25s}
.primary{background:#fff;color:#000}
.secondary{background:#ffffff14;border:1px solid #ffffff1f;color:#fff;backdrop-filter:blur(18px)}
.btn:hover{transform:translateY(-3px) scale(1.02)}
.glass{background:#ffffff0f;border:1px solid #ffffff18;box-shadow:0 30px 80px #00000055;backdrop-filter:blur(26px);border-radius:34px}
.profile-card{padding:34px;text-align:center}
.avatar{width:132px;height:132px;margin:auto;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#ffffff33,#ffffff08);border:1px solid #ffffff30;font-size:48px;font-weight:900;box-shadow:0 20px 60px #000}
.profile-card h2{font-size:34px;margin:24px 0 8px}
.profile-card p,.card p,
.partner p,.bio p{color:#ffffff91;line-height:1.7}
.quick-links{display:grid;gap:12px;margin-top:28px}
.quick-links a,.link-card{display:flex;align-items:center;justify-content:space-between;padding:18px;border-radius:20px;background:#ffffff0e;border:1px solid #ffffff12;transition:.25s}
.quick-links a:hover,
.link-card:hover{background:#ffffff19;transform:translateY(-4px)}
.narrow{max-width:950px}
.section-head{text-align:center;max-width:700px;margin:0 auto 42px}
.section-head p,.overline{font-size:13px;text-transform:uppercase;letter-spacing:.28em;color:#ffffff73;font-weight:800}
.section-head h2,.bio h2{font-size:clamp(34px,5vw,58px);line-height:1;margin:10px 0;letter-spacing:-.04em}
.section-head span{color:#ffffff91;line-height:1.7}
.link-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.link-card b{font-size:20px}
.link-card small{display:block;color:#ffffff80;margin-top:5px}
.cards{display:grid;gap:18px}
.three {
    display: grid;
    grid-template-columns: repeat(2, minmax(320px, 360px));
    justify-content: center;
    gap: 18px;
}
.two{grid-template-columns:repeat(2,1fr)}.card,
.partner{padding:28px;min-height:235px}
.card em,.partner b{display:inline-block;font-style:normal;background:#fff;color:#000;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.card h3,
.partner h3{font-size:29px;margin:26px 0 12px}
.card a{display:inline-block;margin-top:20px;font-weight:900;color:#ffffffe0}
.partner 
.btn{width:100%;margin-top:22px}
.bio{display:grid;grid-template-columns:.75fr 1.25fr;gap:38px;align-items:center;padding:34px}
.bio-mini{padding:30px;text-align:center;border-radius:28px;background:#00000030;border:1px solid #ffffff12}
.avatar
.small{width:104px;height:104px;font-size:38px}footer{text-align:center;color:#ffffff73;padding:45px 20px;border-top:1px solid #ffffff14}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
.delay{transition-delay:.12s}@media(max-width:850px){.nav{display:none}.nav.open{position:absolute;left:20px;right:20px;top:78px;display:grid;background:#050609ee;border:1px solid #ffffff18;border-radius:24px;padding:12px}.menu-btn{display:block}.hero,.bio{grid-template-columns:1fr}.hero{padding-top:125px}.link-grid,.three,.two{grid-template-columns:1fr}.section{padding:82px 18px}.hero h1{font-size:46px}}

.logo-card{position:relative;overflow:hidden;padding-right:128px}
.logo-card:before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:radial-gradient(circle at 82px 82px,#ffffff18,transparent 34%),radial-gradient(circle at top right,#ffffff16,transparent 42%);opacity:.35;transition:.35s;pointer-events:none}.logo-card:hover:before{opacity:.85}.logo-slot{position:absolute;right:26px;top:26px;width:88px;height:88px;display:grid;place-items:center;border-radius:28px;border:1px solid #ffffff1d;background:#ffffff0b;box-shadow:inset 0 1px 0 #ffffff18,0 18px 45px #00000070;backdrop-filter:blur(18px);transition:transform .3s ease,border-color .3s ease,background .3s ease}.logo-slot img{position:relative;z-index:2;width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 0 16px #ffffff40);transition:transform .35s ease,filter .35s ease}.logo-glow{position:absolute;inset:14px;border-radius:24px;background:#ffffff55;filter:blur(22px);opacity:.22;transition:opacity .35s ease,transform .35s ease;animation:logoPulse 3s ease-in-out infinite}.logo-card:hover .logo-slot{transform:translateY(-4px) scale(1.04);border-color:#ffffff42;background:#ffffff14}.logo-card:hover .logo-slot img{transform:scale(1.12) rotate(-2deg);filter:drop-shadow(0 0 24px #ffffff80)}.logo-card:hover .logo-glow{opacity:.55;transform:scale(1.18)}@keyframes logoPulse{0%,100%{opacity:.18;transform:scale(.95)}50%{opacity:.38;transform:scale(1.08)}}@media(max-width:850px){.logo-card{padding-right:28px;padding-top:118px}.logo-slot{left:28px;right:auto;top:24px}}

.legal-page {
  min-height: 100vh;
  padding: 120px 20px;
  background: #05070d;
  color: white;
}

.legal-container {
  max-width: 900px;
  margin: 0 auto;
}

.legal-page h1 {
  font-size: 56px;
  font-weight: 800;
  margin-bottom: 40px;
  text-align: center;
}

.legal-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(20px);
  border-radius: 32px;
  padding: 40px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
}

.legal-card h2 {
  margin-top: 30px;
  margin-bottom: 12px;
  font-size: 24px;
  font-weight: 700;
}

.legal-card p {
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.8;
  font-size: 16px;
}

.avatar {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    border: 2px solid rgba(255,255,255,0.12);
    box-shadow: 0 0 35px rgba(255,255,255,0.08);
}

.avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


.brand-icon {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.08);
}

.brand-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    
}

/* FIXE Bilder*/
.brand-icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  background: #ffffff14;
  border: 1px solid #ffffff18;
  overflow: hidden;
  flex: 0 0 42px;
}

.brand-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Standard Avatar */
.avatar {
  width: 132px;
  height: 132px;
  margin: auto;
  border-radius: 50%;
  overflow: hidden;
  display: block;
  background: linear-gradient(145deg,#ffffff33,#ffffff08);
  border: 1px solid #ffffff30;
  box-shadow: 0 20px 60px #000;
}

.avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* Profilkarte rechts im Hero */
.profile-card .avatar {
  width: 132px;
  height: 132px;
  margin: 0 auto 24px;
}

/* Kleiner Avatar in der Bio */
.avatar.small {
  width: 104px;
  height: 104px;
  margin: 0 auto 20px;
}

/* Logo Platzhalter in Projekt und Partner Karten */
.logo-slot {
  overflow: hidden;
}

.logo-slot img {
  max-width: 58px;
  max-height: 58px;
  width: 58px;
  height: 58px;
  object-fit: contain;
  display: block;
}

/* Mail Link korrekt darstellen */
a[href^="mailto:"] {
  text-decoration: none;
}