/**
 * Hauptstylsheet - Importiert alle Module und definiert globale Styles
 */

/* Modul-Imports */
@import 'modules/base.css';      /* Variablen, Reset, grundlegende Typografie */
@import 'modules/fonts.css';     /* Font-Face Definitionen */
@import 'modules/icons.css';     /* Icon-Definitionen */
@import 'modules/responsive.css'; /* Responsives Design-System */
@import 'modules/layout.css';    /* Container, Grid-System, Seitenlayouts */
@import 'modules/components.css'; /* Header, Navigation, Footer */
@import 'modules/content.css';   /* Seitenspezifische Styles */

/* Globale Basis-Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Poppins', sans-serif;
    line-height: 1.6;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background-color: #f5f5f5;
}

/* Minimale Breite und Zoom-Anpassungen */
@media (min-resolution: 120dpi) {
    html {
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%;
        min-width: var(--min-width);
    }
    
    body {
        min-width: var(--min-width);
        overflow-x: hidden;
    }
}

@media screen and (max-width: var(--min-width)) {
    html, body {
        min-width: var(--min-width);
        overflow-x: auto;
    }
}