/* Gemeinsame Gestaltung der statischen Seiten von derzwerginmir.de.
   Schrift kommt vom Quiz unter /zwerg/schrift/ — nichts von fremden Servern. */
@font-face{font-family:'Carlito';src:url('/zwerg/schrift/carlito-400.woff2') format('woff2');
  font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Carlito';src:url('/zwerg/schrift/carlito-700.woff2') format('woff2');
  font-weight:700;font-style:normal;font-display:swap}

:root{--stein:#17120f;--stein-2:#241c17;--stein-3:#30251d;--gold:#d9a441;
  --gold-hell:#f4d795;--glut:#e2560b;--text:#ddcdb0;--grau:#9c8b73;--linie:#4a382a}
*{box-sizing:border-box}
body{margin:0;background:var(--stein);color:var(--text);
  font-family:'Carlito',Calibri,'Segoe UI',system-ui,sans-serif;font-size:17px;line-height:1.6;
  background-image:
    radial-gradient(ellipse at 50% -10%, rgba(217,164,65,.13), transparent 60%),
    repeating-linear-gradient(0deg, rgba(255,255,255,.022) 0 2px, transparent 2px 92px),
    repeating-linear-gradient(90deg, rgba(0,0,0,.30) 0 3px, transparent 3px 184px);
  background-attachment:fixed}
.wrap{max-width:700px;margin:0 auto;padding:44px 18px 70px}
h1{font-family:Georgia,'Times New Roman',serif;font-size:2.1rem;text-transform:uppercase;
  letter-spacing:.04em;text-align:center;margin:0 0 6px;line-height:1.15;
  background:linear-gradient(178deg,var(--gold-hell) 8%,var(--gold) 48%,#8f6420 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 2px 0 rgba(0,0,0,.75))}
h2{font-family:Georgia,serif;font-size:1.18rem;color:var(--gold-hell);margin:26px 0 8px;
  text-shadow:0 2px 0 rgba(0,0,0,.6)}
h3{font-family:Georgia,serif;font-size:1rem;color:var(--gold);margin:18px 0 4px}
p{margin:0 0 12px}
ul{margin:0 0 12px;padding-left:20px}
li{margin-bottom:5px}
a{color:var(--gold)}
.stand{text-align:center;color:var(--grau);font-size:.85rem;margin:0 0 8px;
  letter-spacing:.05em;text-transform:uppercase}
.zurueck{display:inline-block;color:var(--gold);text-decoration:none;font-size:.85rem;
  letter-spacing:.08em;text-transform:uppercase;font-family:Georgia,serif;margin-bottom:22px}
.zurueck:hover{text-decoration:underline}
.tafel{position:relative;background:linear-gradient(180deg,var(--stein-3),var(--stein-2));
  border:1px solid var(--linie);box-shadow:0 2px 0 rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.05);
  padding:22px 24px;margin:22px 0}
.tafel::before,.tafel::after{content:'';position:absolute;width:11px;height:11px;
  border:2px solid var(--gold);opacity:.55}
.tafel::before{top:6px;left:6px;border-right:0;border-bottom:0}
.tafel::after{bottom:6px;right:6px;border-left:0;border-top:0}
.tafel h2:first-child{margin-top:0}
.offen{background:rgba(226,86,11,.13);border:1px solid var(--glut);padding:12px 16px;
  margin:18px 0;color:var(--text)}
.luecke{color:var(--glut);font-weight:700}
.fuss{margin-top:40px;padding-top:16px;border-top:1px solid var(--linie);
  color:var(--grau);font-size:.82rem;text-align:center}
.fuss a{color:var(--grau);text-decoration:none;margin:0 8px}
.fuss a:hover{color:var(--gold);text-decoration:underline}
@media(max-width:560px){h1{font-size:1.6rem}.wrap{padding:30px 14px 50px}.tafel{padding:17px 16px}}