/* CLAUDE: Theme-Header für WordPress – definiert Theme-Metadaten */
/*
Theme Name: Denkmalschutz
Theme URI: https://example.com/denkmalschutz
Author: Alexander Becker
Author URI: https://example.com
Description: Professionelles WordPress-Theme für Denkmalimmobilien – modulare Architektur, Header/Footer per Customizer, Inhalte per Gutenberg, WCAG 2.2 AA konform, responsive Design
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 8.0
Text Domain: denkmalschutz
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/


/* Basis-Reset/Minimal-Styles — nach Bedarf erweitern */
:root {
--ds-primary: #3B2A1A; /* Tiefbraun */
--ds-secondary: #7C4A21; /* Mittelbraun */
--ds-accent: #C19A6B; /* Ocker */
--ds-bg: #F7F5F2; /* Marmor/Off-White */
--ds-text: #1f1f1f;
}


html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }


body {
margin: 0;
color: var(--ds-text);
background: var(--ds-bg);
font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.6;
}


/* CLAUDE: .site-wrapper – Hauptcontainer für Content */
/* CLAUDE: WICHTIG: Keine max-width hier, damit .alignfull funktioniert! */
/* CLAUDE: Content-Begrenzung erfolgt durch Child-Elemente (.container, etc.) */
.site-wrapper {
  /* CLAUDE: width: 100% – volle Viewport-Breite für Full-Width-Blöcke */
  width: 100%;

  /* CLAUDE: margin: 0 auto – zentriert Container (wichtig für overflow) */
  margin: 0 auto;

  /* CLAUDE: KEIN padding hier – wird von Child-Containern übernommen */
  /* CLAUDE: Erlaubt .alignfull, die volle Breite zu nutzen */
}


.header-top { font-size: 14px; padding: 8px 0; }
.site-header { padding: 0px 0; }
.site-branding { display:flex; align-items:center; gap:12px; }


.site-navigation { margin-top: 12px; }
.site-navigation .menu { display:flex; gap: 16px; list-style:none; padding:0; margin:0; }
.site-navigation a { text-decoration:none; color:inherit; }


.site-footer { padding: 24px 0; margin-top: 0px; }
.footer-nav .menu { display:flex; flex-wrap:wrap; gap:12px; list-style:none; padding:0; margin:0 0 12px; }