/* Ergänzungen nur für die Himmelsmoment-Seite. wdb5.css bleibt unverändert. */
.f input[type=date],
.f input[type=time],
.f input[type=file]{
  width:100%;padding:12px 13px;border:1px solid #d8c7b2;border-radius:12px;
  background:#fff;font:inherit;color:var(--ink)
}
.vorschau-banner{
  background:#f3e4c8;color:#4e4135;font-size:.88rem;text-align:center;
  padding:10px 16px;border-bottom:1px solid #e6d9c8
}
.vorschau-banner strong{font-weight:700}
.cap{font-size:.82rem;color:var(--muted);margin:8px 0 0}
.var-grid{display:grid;gap:14px;margin-top:8px}
.hero-galerie{display:grid;gap:12px}
.hero-galerie .side{display:grid;gap:12px}
.himmel-ph{min-height:220px}
.himmel-cross{margin:0}
.himmel-cross a{display:inline-block;margin-top:6px}
.preis-hinweis{font-size:.82rem;color:var(--muted);margin:8px 0 0}
.tier-box{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px 22px 18px;box-shadow:var(--shadow)}
@media (min-width:700px){
  .var-grid{grid-template-columns:repeat(3,1fr)}
  .hero-galerie{grid-template-columns:1.4fr .9fr}
}
@media (min-width:980px){
  .p-hero .wrap{grid-template-columns:1.05fr .95fr}
}
.media.blatt{max-width:420px;margin:24px auto 0;background:#fbf6ef;box-shadow:var(--shadow)}
.media.blatt img{aspect-ratio:auto;width:100%;height:auto;object-fit:contain}
.media.blatt .tag{position:static;display:inline-block;margin:10px 0 10px 10px}
/* echte Fotos im Hero (12.11.2026) */
.hero-galerie{grid-template-columns:1fr 1fr !important;align-items:start}
.hero-galerie .side{display:block}
.hero-galerie .media img{width:100%;height:auto;max-height:none;object-fit:cover}
.hero-galerie figure.media{margin:0}