/* ===== Zollern-IT – Legal Pages (Impressum/Datenschutz) ===== */

/* Impressum – scoped */
.zti-legal .zti-legal-grid{display:grid;gap:18px;margin-top:18px}
@media(min-width:900px){ .zti-legal .zti-legal-grid{grid-template-columns:1.2fr .8fr;align-items:start} }
.zti-legal .zti-legal-card{background:#fff;border:1px solid rgba(17,24,39,.10);border-radius:18px;padding:18px;box-shadow:0 14px 40px rgba(11,18,32,.06)}
.zti-legal h1{margin:0 0 10px}
.zti-legal h2{margin:0 0 10px;font-size:1.15rem}
.zti-legal p{margin:0 0 10px;color:var(--zti-muted)}
.zti-legal .zti-legal-lines{margin:0;color:var(--zti-text)}
.zti-legal .zti-legal-lines strong{color:var(--zti-text)}
.zti-legal .zti-legal-lines a{color:var(--zti-text);text-decoration:underline;text-underline-offset:3px}
.zti-legal .zti-legal-meta{margin-top:12px;padding-top:12px;border-top:1px solid rgba(17,24,39,.10)}
.zti-legal .zti-legal-note{font-size:.95rem;color:var(--zti-muted)}

/* CF7 optisch an zti-card anpassen (nur innerhalb Impressum) */
.zti-legal .wpcf7 form{margin:0}
.zti-legal .wpcf7 input[type="text"],
.zti-legal .wpcf7 input[type="email"],
.zti-legal .wpcf7 input[type="tel"],
.zti-legal .wpcf7 select,
.zti-legal .wpcf7 textarea{
  width:100%;
  border:1px solid rgba(17,24,39,.12);
  border-radius:12px;
  padding:10px 12px;
  background:#fff;
  font:inherit;
}
.zti-legal .wpcf7 textarea{min-height:140px}
.zti-legal .wpcf7 input[type="submit"]{
  display:inline-flex;align-items:center;justify-content:center;
  padding:12px 16px;border-radius:12px;border:1px solid rgba(17,24,39,.12);
  background:var(--zti-accent);color:#fff;font-weight:800;cursor:pointer;
}
.zti-legal .wpcf7 input[type="submit"]:hover{filter:brightness(.96)}
.zti-legal .wpcf7 .wpcf7-spinner{margin-left:10px}

/* ===== Impressum: Content wie Startseite zentrieren (page-id anpassen) ===== */
.page-id-19 .site-content,
.page-id-19 .site-main{
  background:
    radial-gradient(900px 420px at 10% -10%, rgba(42,170,225,.22), transparent 60%),
    radial-gradient(700px 380px at 95% 0%, rgba(27,117,188,.18), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,1), rgba(255,255,255,.92));
}

.page-id-19 .entry-content{
  max-width:1140px;
  margin:0 auto;
  padding:44px 16px;
}

/* Falls dein Impressum in einem alignfull Group Block steckt: */
.page-id-19 .wp-block-group.alignfull > .wp-block-group__inner-container{
  max-width:1140px;
  margin:0 auto;
  padding:44px 16px;
}

/* ===== Force-Center: Impressum/Legal Content ===== */
.zti-legal .zti-legal-grid{
  display:flex !important;
  justify-content:center !important;
}

.zti-legal .zti-legal-card{
  width:100% !important;
  max-width:760px !important;  /* Breite wie "Zuverlässige IT..." */
}