/*
Theme Name: AI Solutions (Bernd Zuther)
Description: Custom theme for bernd-zuther.de relaunch, AI Solutions CI (deep violet/mint-teal).
Version: 0.1.0
Author: Bernd Zuther
*/

.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-top:20px}
.post-grid .post-card{display:block;text-decoration:none;color:inherit}
.post-grid .post-card img{width:100%;border-radius:var(--radius);margin-bottom:10px;aspect-ratio:16/9;object-fit:cover}
.archive-desc{color:var(--muted);margin-top:10px;max-width:60ch}

/* Featured post card (home page "Neu & aktuell": first post with image shown large) */
.post-grid.post-grid-featured{grid-template-columns:repeat(3,1fr)}
.post-grid .post-card.post-card-featured{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr;gap:0;padding:0;overflow:hidden;align-items:stretch;background:#fff;border:1px solid rgba(27,21,48,.08);border-radius:var(--radius);min-height:360px}
.post-grid .post-card.post-card-featured img{width:100%;margin:0;height:100%;aspect-ratio:auto;border-radius:var(--radius);object-fit:cover;object-position:center 30%}
.post-card-featured .post-card-body{padding:32px 36px;display:flex;flex-direction:column;justify-content:center}
.post-card-featured .post-card-body h3{font-size:1.6rem;margin:0 0 .4em}
.post-card-featured .post-card-excerpt{color:var(--muted);margin:0 0 14px;line-height:1.5}
@media (max-width:860px){
  .post-grid.post-grid-featured{grid-template-columns:1fr}
  .post-grid .post-card.post-card-featured{grid-template-columns:1fr}
  .post-grid .post-card.post-card-featured img{aspect-ratio:16/9}
}

/* Kontaktseite */
.kontakt-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;padding:40px 0 70px;align-items:start}
.kontakt-intro h2{margin-top:0}
.kontakt-intro p{color:var(--muted);max-width:42ch;line-height:1.6}
.kontakt-form-wrap{padding:32px;border-radius:16px;background:#fff;border:1px solid rgba(27,21,48,.08);box-shadow:0 20px 50px -20px rgba(27,21,48,.12)}
.kontakt-form-wrap .cntctfrm_field_wrap{margin-bottom:18px}
.kontakt-form-wrap .cntctfrm_label label{display:block;margin-bottom:6px;font-size:.9rem;color:var(--bg-deep,#1B1530);font-weight:600}
.kontakt-form-wrap .cntctfrm_label .required{color:var(--accent-1,#30D5C0)}
.kontakt-form-wrap input.text,
.kontakt-form-wrap textarea{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:8px;border:1px solid rgba(27,21,48,.16);background:#fff;color:var(--bg-deep,#1B1530);font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s}
.kontakt-form-wrap input.text:focus,
.kontakt-form-wrap textarea:focus{outline:none;border-color:var(--accent-1,#30D5C0);box-shadow:0 0 0 3px rgba(48,213,192,.18)}
.kontakt-form-wrap .cntctfrm_contact_submit{appearance:none;border:none;border-radius:999px;padding:12px 32px;background:var(--accent-1,#30D5C0);color:#0D0520;font-weight:600;font-size:.95rem;cursor:pointer;transition:transform .15s,box-shadow .15s}
.kontakt-form-wrap .cntctfrm_contact_submit:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(48,213,192,.35)}
.kontakt-form-wrap #comments,
.kontakt-form-wrap .comments-area{display:none}
@media (max-width: 860px){
  .kontakt-grid{grid-template-columns:1fr;gap:28px}
  .kontakt-intro p{max-width:none}
}