/* Schlichte Platzhalterseite – steht unter lukasdigital.de, bis Lukas eine
   Variante auswählt. Bewusst ohne Projektliste: kein halbfertiger Zustand. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;height:100%}
:root{--bg:#eef1f5;--tx:#1c2026;--mut:#4c525c;--acc:#3e5c7e;--line:#d5dbe3}
@media (prefers-color-scheme: dark){:root{--bg:#121417;--tx:#e7eaef;--mut:#a3abb7;--acc:#8fa9cc;--line:#2c3139}}
body{margin:0;min-height:100%;display:grid;place-items:center;background:var(--bg);color:var(--tx);
font:16px/1.5 -apple-system,"Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased;
padding:max(24px,env(safe-area-inset-top,0px)) max(20px,env(safe-area-inset-right,0px)) max(24px,env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px))}
main{max-width:34rem}
.marke{font:600 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--acc)}
h1{margin:14px 0 0;font-size:clamp(28px,7vw,40px);line-height:1.1;letter-spacing:-.02em;font-weight:650}
p{margin:12px 0 0;color:var(--mut)}
footer{margin-top:32px;padding-top:16px;border-top:1px solid var(--line);display:flex;align-items:center;flex-wrap:wrap;gap:4px 20px;font-size:13.5px;color:var(--mut)}
a{color:inherit;text-decoration:none}
footer span,footer a{padding:8px 0}
footer a:hover,footer a:focus-visible{color:var(--acc)}