:root {
    --blau: #0050ff;
    --blau-dunkel: #003bbd;
    --hell: #ffffff;
    --grau: #f4f4f4;
    --text: #333;
}
body {
    margin: 0;
    font-family: Arial, sans-serif;
    background: var(--grau);
    color: var(--text);
}
.container { width: 90%; max-width: 1100px; margin: auto; }
header { background: var(--blau); color: var(--hell); padding: 15px 0; }
.header-flex { display: flex; justify-content: space-between; align-items: center; }
.logo { font-size: 24px; font-weight: bold; }
.logo span { color: #cce0ff; }
nav a { color: var(--hell); margin-left: 20px; text-decoration: none; }
nav a:hover { text-decoration: underline; }
.hero { background: var(--hell); padding: 80px 20px; text-align: center; border-bottom: 3px solid var(--blau); }
.btn { background: var(--blau); color: var(--hell); padding: 12px 25px; border-radius: 5px; text-decoration: none; }
.btn:hover { background: var(--blau-dunkel); }
.section { padding: 50px 20px; text-align: center; }
.grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 25px; }
.card { background: var(--hell); width: 300px; padding: 25px; border-radius: 8px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
.kontaktformular input, .kontaktformular textarea { width: 100%; padding: 12px; margin: 10px 0; border-radius: 5px; border: 1px solid #ccc; }
.kontaktformular button { background: var(--blau); color: var(--hell); padding: 12px 20px; border: none; border-radius: 5px; cursor: pointer; }
footer { background: #222; color: #ccc; text-align: center; padding: 15px; margin-top: 40px; }