/* ================================================================
   Ergänzungen für WordPress
   Diese Regeln sorgen dafür, dass echte Bilder exakt die Flächen
   füllen, die im Entwurf die Platzhalter einnehmen, und dass die
   von WordPress erzeugten Menüs sauber aussehen.
   ================================================================ */

/* ---------- Bilder an den Bildplätzen ---------- */
.milos-img{display:block;width:100%;height:100%;object-fit:cover}

.hero .bg .milos-img,
.pagehead > .milos-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}

.compare .layer .milos-img{position:absolute;inset:0}

.branche .milos-img{aspect-ratio:4/5;transition:transform 1.1s var(--ease)}
.branche:hover .milos-img{transform:scale(1.04)}

.project .milos-img{aspect-ratio:3/4;transition:transform 1.1s var(--ease)}
.project:hover .milos-img{transform:scale(1.045)}

.gallery .milos-img{aspect-ratio:4/3}
.beforeafter .milos-img{aspect-ratio:4/3}
.split .visual .milos-img{min-height:460px}
.stepblock .milos-img{aspect-ratio:4/3;margin-top:26px}

@media(max-width:1080px){
  .branche .milos-img{aspect-ratio:16/10}
  .split .visual .milos-img{min-height:340px}
}

/* ---------- Von WordPress erzeugte Menüs ---------- */
nav.main ul,
.mobile-nav ul,
footer .links ul{list-style:none;margin:0;padding:0}
nav.main li,
.mobile-nav li,
footer .links li,
footer .bottom .links li{list-style:none;margin:0;padding:0}
nav.main ul{display:flex;gap:34px;align-items:center}
.mobile-nav ul{display:flex;flex-direction:column;gap:6px}
.mobile-nav li a{display:block;font-family:var(--serif);font-size:34px;padding:12px 0;border-bottom:1px solid var(--line-soft)}
footer .bottom .links{display:flex;gap:24px;flex-wrap:wrap}
footer ul.menu{list-style:none;margin:0;padding:0;display:grid;gap:11px}

/* aktueller Menüpunkt */
nav.main .current-menu-item > a,
nav.main .current_page_item > a{color:var(--ink)}
nav.main .current-menu-item > a::after,
nav.main .current_page_item > a::after{width:100%}

/* ---------- Seitennummerierung ---------- */
.pagination .nav-links{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.pagination .page-numbers{
  display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;
  padding:0 14px;border:1px solid var(--line-soft);font-size:13px;letter-spacing:.06em;
  transition:.35s var(--ease)
}
.pagination .page-numbers:hover{border-color:var(--ink)}
.pagination .page-numbers.current{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.pagination .page-numbers.dots{border:0}
.screen-reader-text{
  position:absolute!important;width:1px;height:1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;border:0;margin:-1px;padding:0
}

/* ---------- Editor-Inhalte im Lesebereich ---------- */
.prose .wp-block-image{margin:26px 0}
.prose .wp-block-image img{width:100%;height:auto}
.prose figure figcaption{
  margin-top:10px;font-size:12.5px;color:var(--ink-soft);
  letter-spacing:.04em
}
.prose blockquote{
  border-left:2px solid var(--greige);padding-left:22px;margin:26px 0;
  font-family:var(--serif);font-size:clamp(19px,2vw,25px);line-height:1.4
}
.prose .wp-block-button__link{
  display:inline-flex;align-items:center;padding:17px 32px;background:var(--ink);color:var(--cream);
  font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;border-radius:0
}

/* ---------- Adminleiste nicht über den Kopfbereich schieben ---------- */
body.admin-bar header{top:32px}
@media(max-width:782px){body.admin-bar header{top:46px}}