/*
Theme Name: Fotograf Minimal
Author: fsw
Description: Reduziertes Landingpage-Theme für Fotografen. Bildverwaltung komplett über den Customizer, kein Blog, dezenter Impressum-Link. Seiteninhalte (Impressum etc.) über den Editor pflegbar. Lokale Schriftauswahl, keine externen Requests.
Version: 1.6
Requires at least: 6.0
Requires PHP: 8.1
Tested up to: 6.7
License: GPL-2.0-or-later
Text Domain: fotograf-minimal
*/

:root{
  --fade: 1.5s;
  --fg: #fff;
  --shadow: rgba(0,0,0,.35);
  --font: -apple-system, "Helvetica Neue", Arial, sans-serif;
}

*{ margin:0; padding:0; box-sizing:border-box; }
html,body{ height:100%; }

body{
  font-family: var(--font);
  background:#000;
  color:var(--fg);
  overflow:hidden;
}

.slideshow{ position:fixed; inset:0; z-index:0; }

.slide{
  position:absolute; inset:0;
  background-size:cover;
  background-position:center;
  opacity:0;
  transition:opacity var(--fade) ease-in-out;
}
.slide.active{ opacity:1; }
.slide--empty{ background:#111; }

.brand{
  position:fixed; bottom:2rem; left:2rem; z-index:2;
  font-size:clamp(2rem, 6vw, 4.5rem);
  font-weight:400; line-height:1;
  letter-spacing:.01em; text-transform:uppercase;
  text-shadow:0 2px 16px var(--shadow);
}

.site-footer{
  position:fixed; bottom:1.5rem; right:2rem; z-index:2;
  font-size:.8rem; letter-spacing:.05em;
}
.site-footer a{
  color:var(--fg); text-decoration:none; opacity:.7;
  text-shadow:0 1px 8px var(--shadow);
  transition:opacity .3s;
}
.site-footer a:hover{ opacity:1; }

@media (max-width:600px){
  .brand{ bottom:2.5rem; left:1.25rem; }
  .site-footer{ bottom:1rem; right:1.25rem; }
}

/* ---------- Inhaltsseiten (Impressum, Datenschutz …) ---------- */

body.page,
body.single{
  overflow:auto;
  background:#fff;
  color:#111;
}

.content{
  max-width:640px;
  margin:0 auto;
  padding:5rem 1.5rem 4rem;
  line-height:1.6;
}

.content__home{
  display:inline-block;
  margin-bottom:3rem;
  font-size:.8rem;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:#111;
  text-decoration:none;
  opacity:.55;
  transition:opacity .3s;
}
.content__home:hover{ opacity:1; }

.content__title{
  font-size:1.5rem;
  font-weight:500;
  letter-spacing:.02em;
  margin-bottom:1.5rem;
}

.content__body{ font-size:.95rem; }
.content__body p{ margin-bottom:1rem; }
.content__body a{ color:#111; }
.content__body h2{ font-size:1.1rem; font-weight:500; margin:2rem 0 .75rem; }
.content__body ul,
.content__body ol{ margin:0 0 1rem 1.25rem; }