@charset "utf-8";

/**
 * Riedersberger Stylesheet
 * 
 * Haupt-Stylesheet für die Riedersberger Website
 * Verwendet CSS Custom Properties für konsistente Farbgestaltung
 * Responsive Design für optimale Darstellung auf allen Geräten
 * 
 * @author   Riedersberger
 * @version  3.1
 * @updated  2025-11-02
 * 
 * ÄNDERUNGEN V3.1:
 * - Footer und Fußmenü wurden nach standard.css konsolidiert
 * - Media Queries für Footer nach standard.css verschoben
 * - Projektspezifische Footer-Farben als CSS-Variablen definiert
 */

/* ============================================
   CSS Variablen / Custom Properties
   ============================================ */
:root {
	/* Primäre Farben */
	--color-primary: #003399;
	--color-primary-dark: #004080;
	--color-link: #00014F;
	
	/* Hintergrundfarben */
	--bg-body: #fff5e1;
	
	/* Footer-Farben: Überschreibt standard.css für dieses Projekt */
	--color-footer-bg: #30395C;
	--color-footer-text: #efefef;
	--color-footer-link: lightgrey;
	--color-fussmenue-bg: #C0C0C0;
	
	/* Grautöne */
	--gray-light: #D3D3D3;
	--gray-medium: #B0B0B0;
	--gray-text: #666;
	
	/* Akzentfarben */
	--color-accent: yellowgreen;
	--color-silent-link: #4B5F6D;
	
	/* Abstände und Größen */
	--spacing-very-small: 0.0rem;
	--spacing-small: 0.5rem;
	--spacing-medium: 1rem;
	--spacing-large: 2rem;
}

/* ============================================
   Body / Grundeinstellungen
   ============================================ */
body {
	font-size: 100%;
	line-height: 1.2;
	color: var(--color-primary);
	background-color: var(--bg-body);
	background-position: center;
	background-repeat: repeat;
	/*
	margin: 0;
	padding: 0;
	*/
}

/* ============================================
   Links / Verlinkungen
   ============================================ */
a {
	background-position: 0px 4px;
	background-repeat: no-repeat;
	padding-left: 2px;
	text-decoration: none;
	transition: all 0.3s ease;
}

a:visited {
	color: var(--color-link);
}

a:hover {
	text-decoration: underline;
}

a:active {
	font-style: italic;
}

/* Stille Links (ohne Hintergrundbild) */
a.silent {
	background-image: none;
	color: var(--color-silent-link);
	text-decoration: none;
}

/* Links in hellgrau (abgeblendet) */
.a_ls {
	color: var(--gray-light);
	text-decoration: none;
}

/* ============================================
   Überschriften
   ============================================ */
h1, h2, h3, h4, h5 {
	/* margin-top: var(--spacing-very-small);*/
	margin-bottom: var(--spacing-small);
	line-height: 1.3;
}

/* ============================================
   Textformatierungen
   ============================================ */
copyright {
	font-size: xx-small;
	text-align: center;
}

/* Schmaler Absatz mit eingerückten Rändern */
p.schmal {
	margin-left: 5%;
	margin-right: 50%;
}

/* ============================================
   Utility-Klassen
   ============================================ */

/* Abgeblendeter Text */
.abgeblendet {
	color: var(--gray-medium);
}

/* Zentrierter Text */
.center {
	text-align: center;
}

/* Kleinere Schriftgröße */
.smaller {
	font-size: smaller;
}

/* Sehr kleine Schriftgröße */
.smallest {
	font-size: xx-small;
}

/* Signatur-Stil */
.signature {
	font-size: smaller;
	font-style: italic;
	color: var(--gray-text);
}

/* ============================================
   Media Queries / Responsive Design
   HINWEIS: Footer-spezifische Media Queries 
   befinden sich jetzt in standard.css
   ============================================ */

/* Tablets (bis 768px) */
@media screen and (max-width: 768px) {
	body {
		font-size: 95%;
		line-height: 1.4;
	}
	
	p.schmal {
		margin-left: 3%;
		margin-right: 20%;
	}
}

/* Smartphones (bis 480px) */
@media screen and (max-width: 480px) {
	body {
		font-size: 90%;
		line-height: 1.5;
	}
	
	p.schmal {
		margin-left: 2%;
		margin-right: 5%;
	}
}

/* Sehr kleine Displays (bis 320px) */
@media screen and (max-width: 320px) {
	body {
		font-size: 85%;
	}
}