:root{--tinte:#1E2A3A;--grau:#6B7280;--linie:#E3E0D8;--messing:#B08D57;--navy:#172E4D}
*{box-sizing:border-box}
html,body{min-height:100%}
body{margin:0;color:var(--tinte);font-family:Georgia,"Times New Roman",serif;line-height:1.45;
 background:#F5F6F8 url(bilder/schreibtisch.png) center top/cover no-repeat fixed}
header{max-width:1240px;margin:0 auto;padding:44px 48px 10px;position:relative}
.logo{position:absolute;right:48px;top:36px;height:46px;width:auto}
h1{font-size:2rem;font-weight:400;margin:0 0 6px}
header p{margin:0;color:var(--grau);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:.95rem}
main{max-width:1240px;margin:0 auto;padding:0 48px 60px}
.raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px;margin-top:26px}
.raster.gross{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px}
a.kachel{display:block;text-decoration:none;color:inherit;background:rgba(255,255,255,.86);
 border:1px solid rgba(227,224,216,.9);border-left:4px solid var(--messing);padding:18px 20px 16px;min-height:96px;
 backdrop-filter:blur(3px)}
.gross a.kachel{padding:30px 28px 26px;min-height:150px}
a.kachel:hover,a.kachel:focus-visible{border-left-color:var(--navy);background:#fff;outline:none}
a.kachel:focus-visible{box-shadow:0 0 0 3px rgba(23,46,77,.25)}
.name{font-size:1.15rem;margin:0 0 4px}
.gross .name{font-size:1.5rem}
.was{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:.86rem;color:var(--grau);margin:0}
.url{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:.78rem;color:var(--messing);margin:8px 0 0}
.konzept{border-left-style:dashed}
a.zurueck{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:.9rem;color:var(--navy);text-decoration:none}
a.zurueck:hover{text-decoration:underline}
@media (max-width:640px){header,main{padding-left:20px;padding-right:20px} body{background-attachment:scroll} .logo{position:static;display:block;height:36px;margin-bottom:14px}}
@media (prefers-reduced-motion:reduce){*{transition:none}}