:root {
	--FwawApp: 1;
	--font-family-primary: Barlow, serif;

	/* === Abstände (Spacing) === */
        --space1: 0.58vw;   /* 4px */
        --space2: 1.16vw;   /* 8px */
        --space3: 1.74vw;   /* 12px */
        --space4: 2.32vw;   /* 16px */
        --space5: 2.90vw;   /* 20px */
        --space6: 3.48vw;   /* 24px */
        --space7: 4.06vw;   /* 28px */
        --space8: 4.64vw;   /* 32px */
        --space9: 5.22vw;   /* 36px */
        --space10: 5.80vw;  /* 40px */
        --space11: 6.38vw;  /* 44px */
        --space12: 6.96vw;  /* 48px */
        --space13: 7.54vw;  /* 52px */
        --space14: 8.12vw;  /* 56px */
        --space15: 8.70vw;  /* 60px */
        --space16: 9.28vw;  /* 64px */

	/* === Farben (Colors) === */
	--color-primary: #3c3c3b;
	--color-secondary: #ffffff;
	--color-tertiary: #173557;
	--color-quarternary: #edeae9;

	--color-bg-primary: #ffffff;
	--color-bg-secondary: #edeae9;
	--color-bg-tertiary: #f5eee6;
	--color-bg-quaternary: #173557;
	--color-bg-accent1: #c5b29c;
	--color-bg-accent2: #afa29c;
	--color-bg-accent3: #d5ccba;
	--color-bg-accent4: #f3ebe1;

	--color-font-primary: var(--color-primary);
	--color-font-secondary: var(--color-secondary);
	--color-font-tertiary: var(--color-tertiary);

	/* === Fehler- & Hinweisfarben === */
	--color-error: #f5c6cb;
	--color-error-border: #d9534f;
	--color-warning: #fff3cd;
	--color-warning-border: #ffeeba;
	--color-info: #cce5ff;
	--color-info-border: #b8daff;
	--color-success: #d4edda;
	--color-success-border: #c3e6cb;
	--color-neutral: #e2e3e5;
	--color-neutral-border: #d6d8db;

	/* === Schriftgrößen (Typography) === */
	--font-size-h1: 1.5rem;
	--font-size-h2: 1.25rem;
	--font-size-h3: 1.15rem;
	--font-size-h4: 1.1rem;
	--font-size-body: 3.3vw;
	--line-height-body: 5.1vw;

	--contact-label-width: 70px;

	/* === Schatten & Ränder (Borders & Shadows) === */
	--box-shadow-default: 0 4px 8px rgba(0, 0, 0, 0.1);
	--border-radius: 0;

	/* === Neue Variablen für Layout === */
	--min-height-body: 100vh;
	--full-width: 100%;
	--full-height: 100%;
	--aside-width: 30%;
	--aside-max-width: 320px;
	--max-width-content: 100%;

	--section-padding-medium: var(--space2);
	--section-padding-max: var(--space4);
	--section-transition-duration: 0.3s;
	--button-font-size: 1.2rem;
}
@media (min-width: 768px) {
	:root {
		--font-size-h1: 1.5rem;
		--font-size-h2: 1.25rem;
		--font-size-h3: 1.15rem;
		--font-size-h4: 1.1rem;
		--font-size-body: 1.3vw;
		--line-height-body: 1.8vw;
	}
}
@media (min-width: 992px) {
	:root {
		--font-size-h1: 1.5rem;
		--font-size-h2: 1.25rem;
		--font-size-h3: 1.15rem;
		--font-size-h4: 1.1rem;
		--font-size-body: 1.3vw;
		--line-height-body: 1.8vw;
	}
}
@media (min-width: 1400px) {
	:root {
		--font-size-h1: 1.5rem;
		--font-size-h2: 1.25rem;
		--font-size-h3: 1.15rem;
		--font-size-h4: 1.1rem;
		--font-size-body: 18.1px;
		--line-height-body: 25px;
	}
}