@font-face{font-family:Space;src:url('assets/space-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Space;src:url('assets/space-bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{color-scheme:dark;--bg:#101319;--white:#f4f5f1;--lime:#b8f34b;--orange:#ff641a;--muted:#b7bec4}
*{box-sizing:border-box}body{margin:0;font-family:Space,Arial,sans-serif;color:var(--white);background:radial-gradient(ellipse at 8% 10%,#ff641a13,transparent 46%),radial-gradient(ellipse at 95% 80%,#b8f34b10,transparent 45%),var(--bg);min-height:100svh;display:grid;place-items:center;padding:36px 18px}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:5px}a,summary{-webkit-tap-highlight-color:#b8f34b33}.contact-card{width:min(100%,580px);padding:36px;border:1px solid #ffffff22;border-top:3px solid var(--orange);background:#171d22;box-shadow:0 26px 80px #0004}.eyebrow{font-size:9px;letter-spacing:1.5px;font-weight:700;display:flex;align-items:center;gap:10px;line-height:1.7;margin:0 0 32px}.eyebrow span{width:6px;height:6px;flex:none;border-radius:50%;background:var(--lime)}.identity{display:flex;gap:23px;align-items:center}.portrait{width:104px;height:104px;object-fit:cover;object-position:center 30%;border-radius:50%;border:2px solid var(--lime);flex:none;padding:4px;background:var(--bg)}.hello{color:var(--muted);font-size:12px;margin:0 0 7px}h1{font-size:clamp(28px,6vw,39px);letter-spacing:-1.6px;line-height:1.1;margin:0 0 9px}h1 span{color:var(--lime)}.subtitle{font-size:12px;color:var(--muted);line-height:1.7;margin:0}.brand-pair{display:grid;grid-template-columns:1fr 1fr;align-items:center;margin:30px 0 25px;min-height:65px}.brand-pair>a{display:flex;align-items:center;justify-content:center;min-height:58px}.brand-pair .pg{gap:6px;justify-content:flex-start;border-right:1px solid #ffffff25;font-size:23px;font-weight:700;letter-spacing:-1px}.pg img{width:29px;height:auto}.pg b{color:var(--orange)}.pg i{color:var(--lime);font-style:normal}.fave{overflow:hidden;margin-left:24px;background:var(--white)}.fave img{width:108px;height:42px;object-fit:cover;object-position:50% 50%;display:block}.intro{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 24px}.actions{display:grid;gap:12px}.button{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;gap:12px;min-height:76px;font-weight:700;transition:background .18s,transform .18s}.button small{display:block;font-size:11px;font-weight:400;margin-top:5px}.button>span:last-child{font-size:23px}.button.save{background:var(--lime);color:var(--bg)}.button.discover{border:1px solid #ffffff38}.button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.save-hint{font-size:11px;color:var(--muted);line-height:1.7;margin:13px 0 24px}.direct-contact{border-top:1px solid #ffffff22}.direct-contact a{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center;padding:17px 0;border-bottom:1px solid #ffffff22}.direct-contact a>span:first-child{font-size:10px;letter-spacing:.3px;color:var(--muted)}.direct-contact strong{grid-column:1;grid-row:2;font-size:16px;font-weight:400;overflow-wrap:anywhere}.direct-contact a>span:last-child{grid-column:2;grid-row:1/3;color:var(--orange);font-size:23px}details{font-size:12px;color:var(--muted);line-height:1.8;margin-top:21px}summary{cursor:pointer;min-height:35px;align-content:center;color:var(--white)}details p{margin:12px 0}footer{margin-top:28px;font-size:10px;color:var(--muted);line-height:1.7}footer nav{display:flex;gap:20px;margin-top:13px}footer a{text-decoration:underline;text-underline-offset:3px}
@media(hover:hover){.button:hover{transform:translateY(-2px)}.save:hover{background:var(--orange)}.discover:hover{background:#ffffff0c}.direct-contact a:hover strong{color:var(--lime)}}
@media(max-width:420px){body{padding:14px 12px}.contact-card{padding:25px 20px}.identity{gap:16px}.portrait{width:78px;height:78px}.eyebrow{font-size:8px;letter-spacing:.8px;margin-bottom:26px}.brand-pair .pg{font-size:20px}.pg img{width:25px}.fave{margin-left:18px}.fave img{width:95px;height:38px}.button{padding:16px}.subtitle{font-size:11px}.hello{font-size:11px}}
@media(prefers-reduced-motion:reduce){.button{transition:none}.button:hover{transform:none}}

/* Weiße Marke auf Midnight, ohne weiße Hintergrundfläche. */
.brand-pair .fave{background:transparent}
.brand-pair .fave img{object-fit:contain;filter:none;mix-blend-mode:normal}