/*
Theme Name: MK Fotografie
Theme URI: https://markuskiefer.com/
Author: Markus Kiefer
Author URI: https://markuskiefer.com/
Description: Bildorientiertes, responsives WordPress Block-Theme für Markus Kiefer Fotografie. Mobile First, klare Navigation und vollständig im Site Editor anpassbar.
Version: 1.0.1
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: mk-fotografie
License: GPL-2.0-or-later
*/

:root { --mk-black:#111; --mk-dark:#222; --mk-grey:#666; --mk-light:#f5f5f5; --mk-white:#fff; }
html{scroll-behavior:smooth} body{margin:0} a{text-underline-offset:3px}
.mk-topbar a{text-decoration:none}.mk-eyebrow{letter-spacing:.18em;text-transform:uppercase;font-size:.75rem;font-weight:700}
.mk-card{transition:transform .2s ease,box-shadow .2s ease}.mk-card:hover{transform:translateY(-4px);box-shadow:0 14px 35px rgba(0,0,0,.10)}
.mk-card img{transition:transform .35s ease}.mk-card:hover img{transform:scale(1.03)}
.mk-image-placeholder{min-height:260px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d8d8d8,#8e8e8e);color:#fff;font-weight:700;letter-spacing:.12em;text-align:center;text-transform:uppercase}
.mk-image-placeholder span{padding:1rem;border:1px solid rgba(255,255,255,.65)}
.mk-cover-content{min-height:78vh}.mk-cover-content .wp-block-cover__inner-container{width:min(1180px,92vw)}
.mk-page-intro{padding-top:clamp(60px,8vw,110px);padding-bottom:clamp(45px,7vw,90px)}
.mk-muted{color:#666}.mk-legal{font-size:.95rem}.mk-legal h2{margin-top:2.5em}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.mk-about-home .wp-block-column{margin:0}.mk-about-photo{background:linear-gradient(135deg,#d7d7d7,#8b8b8b)}
.mk-photo-hint{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.45);font-weight:700;letter-spacing:.08em}.mk-current-work .wp-block-cover{background:#d8d8d8}.mk-home-cta h3,.mk-home-cta p{margin-top:.2rem;margin-bottom:.2rem}
@media (max-width:781px){.mk-about-home{flex-direction:column}.mk-about-home .wp-block-column{flex-basis:100%!important}.mk-about-photo{min-height:55vh!important}.mk-current-work .wp-block-columns{gap:12px}}