/* PfalzPrint – Dark+Glass Theme (static) */
:root{--bg:#0b0d10;--card:rgba(16,22,29,.72);--line:#1f2b39;--fg:#e8eef7;--muted:#97a6b8;--brand:#67b8ff}
*{box-sizing:border-box}html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 system-ui}
a{color:var(--brand);text-decoration:none}img{max-width:100%;height:auto;display:block}
.wrap{max-width:1060px;margin:0 auto;padding:0 16px}
.topbar{position:sticky;top:0;z-index:50;background:rgba(10,14,18,.65);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #15202b}
.topbar .bar{display:flex;align-items:center;justify-content:space-between;height:66px}
.brand{display:flex;align-items:center;gap:10px}
.brand img.logo{height:44px}.brand img.icon{height:28px;width:28px;border-radius:6px;border:1px solid rgba(255,255,255,.08);object-fit:cover}
.nav a{margin:0 .6rem;padding:.35rem .55rem;border-radius:8px;border:1px solid transparent}.nav a:hover{background:#0f141a;border-color:#233042}
.hamburger{display:none;background:none;border:0;padding:6px;cursor:pointer}.hamburger span{display:block;width:24px;height:2px;background:var(--fg);margin:5px 0}
.nav-drawer{display:none;position:fixed;inset:66px 0 auto 0;background:rgba(10,14,18,.96);border-top:1px solid #15202b;padding:12px}
.nav-drawer a{display:block;padding:10px 12px}
@media (max-width:860px){.nav{display:none}.hamburger{display:block}.nav-drawer{display:block}[hidden]{display:none!important}.brand img.logo{height:34px}}
.hero{margin:14px 0;border-radius:16px;border:1px solid var(--line);overflow:hidden}
.hero .banner{min-height:220px;background-size:cover;background-position:center}
.card{background:var(--card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:16px;padding:18px;margin:12px 0;box-shadow:0 6px 24px rgba(0,0,0,.25)}
.grid{display:grid;gap:12px}.grid.auto{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.btn{display:inline-block;padding:.6rem .9rem;border:1px solid var(--line);border-radius:10px;background:#0b1218;color:var(--fg);cursor:pointer}.btn:hover{filter:brightness(1.05)}
.note{color:var(--muted)}main{padding:18px 0 60px}
footer{border-top:1px solid #15202b;background:rgba(10,14,18,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:18px 0;margin-top:24px}
.form-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
input,textarea,select{width:100%;padding:.6rem .7rem;border:1px solid #233042;border-radius:10px;background:#0b1218;color:#e8eef7}

/* Portrait-Zentrierung */
.portrait-box {
  display: flex;
  justify-content: center;   /* Zentriert horizontal */
  align-items: center;       /* Zentriert vertikal – falls du es brauchst */
  margin: 20px 0;
}

/* Ovales, mittiges Bild */
.portrait {
  width: 220px;              /* kannst du ändern */
  height: 220px;             /* macht es exakt oval/rund */
  border-radius: 50%;        /* Kreis/Oval */
  object-fit: cover;         /* Bild füllt Oval perfekt aus */
  border: 3px solid #233042; /* optionaler Rahmen */
  box-shadow: 0 0 12px rgba(0,0,0,0.4);
}


/* ================================ */
/* 🔍 Lightbox – Vollbild Anzeige   */
/* ================================ */
#lightbox {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.85);
  backdrop-filter: blur(8px);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

#lightbox img {
  max-width: 100%;
  max-height: 100%;
  border-radius: 10px;
  border: 2px solid #fff;
  box-shadow: 0 0 20px rgba(0,0,0,0.5);
  animation: fadeIn .2s ease-out;
}

@keyframes fadeIn {
  from { opacity: 0; transform: scale(0.95); }
  to   { opacity: 1; transform: scale(1); }
}

/* Klickbarer Cursor */
.zoomable {
  cursor: zoom-in;
}