/* Grundlayout */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

a {
	color: #a60000;
    text-decoration: none;
    padding-left: 3px; padding-right: 3px;
   }

a:hover{
	color: #008080;
    background: #eee;
    border-radius: 0px;
}

body {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    line-height: 1.5;
    background-color: #f5f5f5;
    color: #222;
}

/* Kopf- und Fußbereich */
.site-header,
.site-footer {
    background-color: #a60000;
    color: #fff;
    text-align: center;
    padding: 1rem;
}

/* Container für die drei Spalten */
.container {
    max-width: 1200px;
    margin: 1.5rem auto;
    padding: 0 1rem;
    
    display: flex;
    gap: 1rem;
}

/* Einzelne Spalten */
.column {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 1rem;
    flex: 1;
    border-radius: 4px;
}

.column h2 {
    margin-bottom: 0.5rem;
}

/* Responsiv: auf kleinen Bildschirmen untereinander */
@media (max-width: 768px) {
    .container {
        flex-direction: column;
    }
}