/* Wechselnde Hintergrundfotos im Kopfbereich (gemeinsam für alle Entwürfe) */
.dia { position:absolute; inset:0; overflow:hidden; }
.dia img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; animation:dia 24s linear infinite; }
.dia img:nth-child(1) { animation-delay:-1.2s; }
.dia img:nth-child(2) { animation-delay:4.8s; }
.dia img:nth-child(3) { animation-delay:10.8s; }
.dia img:nth-child(4) { animation-delay:16.8s; }
@keyframes dia { 0% { opacity:0; } 5% { opacity:1; } 25% { opacity:1; } 30% { opacity:0; } 100% { opacity:0; } }
@media (prefers-reduced-motion:reduce) {
  .dia img { animation:none; }
  .dia img:first-child { opacity:1; }
}
.marke img { display:block; height:44px; width:auto; }

/* WhatsApp-Knopf unten rechts */
.whatsapp { position:fixed; right:18px; bottom:18px; z-index:40; display:flex; align-items:center; gap:10px;
  background:#1fa855; color:#fff; text-decoration:none; font:700 19px/1 "Avenir Next","Helvetica Neue","Segoe UI",system-ui,sans-serif;
  padding:12px 20px 12px 14px; border-radius:40px; box-shadow:0 10px 24px -8px rgba(0,0,0,.45); transition:transform .2s ease-out, background .2s; }
.whatsapp:hover { background:#178f47; transform:translateY(-2px); }
.whatsapp:focus-visible { outline:3px solid #fff; outline-offset:3px; box-shadow:0 0 0 6px #128c4a; }
.whatsapp svg { width:30px; height:30px; flex:none; }
@media (max-width:600px) {
  .whatsapp { padding:14px; right:14px; bottom:14px; }
  .whatsapp span { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
}
@media (prefers-reduced-motion:reduce) { .whatsapp { transition:none; } }

/* Über mich */
.ueber-raster { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:56px; align-items:center; }
.ueber-raster img { display:block; width:100%; height:auto; aspect-ratio:3/4; object-fit:cover; border-radius:var(--ueber-rund, 6px); }
.ueber-rolle { margin:-6px 0 22px; font-weight:600; opacity:.75; }
.ueber-raster p { max-width:58ch; }
.fakten { list-style:none; padding:0; margin:30px 0 0; display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.fakten li { border-top:2px solid var(--ueber-akzent, currentColor); padding-top:12px; }
.fakten b { display:block; font-size:22px; line-height:1.2; color:var(--ueber-akzent, inherit); }
.fakten span { font-size:14.5px; opacity:.8; }
.ph { background:#fff1a8; color:#4a3b00; padding:.05em .3em; border-radius:3px; outline:1.5px dashed #b38f00; outline-offset:-1px; font-weight:600; }
.fakten b.ph { display:inline-block; font-size:18px; }
@media (max-width:860px) { .ueber-raster { grid-template-columns:1fr; gap:32px; } .ueber-raster img { max-width:380px; } .fakten { grid-template-columns:1fr 1fr; } }