/*
Theme Name: Minimal Theme
Theme URI: http://creovate.local/
Author: Peter Stieff
Author URI: http://creovate.local/
Description: Ein minimalistisches, selbst entwickeltes WordPress-Theme.
Version: 1.2 (Abstände korrigiert)
License: GPLv2 or later
Text Domain: minimal-theme
*/

/* Basis-Styles */
html, /* Hinzufügen */
body {
  overflow-x: hidden; /* Verhindert horizontales Scrollen durch zu breite Elemente */
}

body {
  margin: 0;
  padding: 0;
  font-family: 'MatterSQ', sans-serif;
  background: #fff;
  color: #333;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  padding-top: 55px !important; /* WICHTIG: Platz für fixierten Header */
  overscroll-behavior-y: none;
}

/* Globale Container-Styles */
.page-content {
    max-width: 1496px; /* Maximale Breite */
    margin-left: auto;
    margin-right: auto;
    padding: 18px 20px 0 18px;
    box-sizing: border-box;
    width: 100%;
    margin-top: 0 !important; /* Verhindert Verschiebung */
}

/* Kleinere Abstände auf Mobile */
@media (max-width: 767px) {
    .page-content {
        padding: 8px 8px 8px 8px;
    }
}

/* Verhindert Überlaufen & setzt Basis für Abstände */
.page-content > *,
.page-content section,
.page-content div[class*="-box"],
.page-content .accordion-wrapper, /* Accordion einschließen */
.page-content .free-text-block   /* Free Text einschließen */
{
    max-width: 100%;
    box-sizing: border-box;
    /* Standardmäßiger vertikaler Abstand zwischen Blöcken */
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 10px; /* Einheitlicher Abstand UNTEN */
}

/* Kein Abstand für das letzte Element zum Footer-Padding */
.page-content > *:last-child {
    margin-bottom: 0;
}


/* Basis-Typografie */
h1, h2, h3, h4, h5, h6 { margin-top: 1.5em; margin-bottom: 0.8em; line-height: 1.2; font-weight: 500; color: #333; }
h1 { font-size: 2.5rem; } h2 { font-size: 2rem; } h3 { font-size: 1.75rem; }
p { margin-top: 0; margin-bottom: 1em; }
ul, ol { margin-bottom: 1em; padding-left: 1.5em; }
li { margin-bottom: 0.5em; }
a { color: #1b45c0; text-decoration: none; }
.spacer { height: 100vh; background-color: transparent; }