/* FINAL BASE.CSS */
/* =========================================================
   Hero Basis
========================================================= */

.hero {
    background: var(--color-bg);
    padding: var(--spacing-xl) var(--spacing-m);
    text-align: center;
}

.hero-title {
    font-size: var(--font-size-hero);
    font-weight: 700;
    color: var(--color-primary);
}

.hero-subtext {
    font-size: 1.2rem;
    margin-top: var(--spacing-m);
    color: #555;
}
/* Fix: Breitenberechnung inkl. Padding/Border */
*, *::before, *::after {
  box-sizing: border-box;
}