/* style.css */

/* Gesamte Seite */
body {
    background-color: rgba(151, 202, 249, 0.42); /* AliceBlue */
    color: #100407; /* Dunkles Blau, passt gut zu AliceBlue */
    font-family: calibri, Arial, sans-serif;
    margin: 0;
    padding: 1rem;
}

/* Hauptüberschrift */
h1 {
    color: #ff04a9; /* Mittelblau – Kontrast, aber harmonisch */
}

Die Schönheit der Costa Brava p {
    max-width: 700px; /* Textblock nicht zu breit */
    margin: 2px auto; /* Abstand oben/unten auf 2px, zentriert horizontal */
    text-align: justify; /* Blocksatz */
    line-height: 1.1; /* Zeilenabstand etwas kleiner für kompakteren Text */
    padding: 3px 0; /* Innenabstand oben/unten minimal */
}

p {
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 1.1em;
    color: #333;
}

/* Bilder */
img {
    border: 3px solid #0defcb; /* passendes Mittelblau zum Design */
    max-width: 100%; /* sorgt dafür, dass es nicht aus dem Layout ragt */
    height: auto;
}

h2 {
    text-align: left;
    color: #4382f3; /* ein warmer Rotton für die Überschrift */
}

.beruehmte-orte {
    font-family: "Segoe UI", Arial, sans-serif;
    max-width: 700px;
    font-size: 1em; /* normale Schriftgröße */
    line-height: 1.5; /* angenehmer Zeilenabstand */
    color: #333;
}

.beruehmte-orte li {
    margin-bottom: 5px; /* Abstand zwischen den Listenelementen */
}

.typisches-essen {
    /* Punkt vor Klassennamen hinzugefügt */
    font-family: "Segoe UI", Arial, sans-serif;
    max-width: 700px;
    font-size: 1em; /* normale Schriftgröße */
    line-height: 1.5; /* angenehmer Zeilenabstand */
    color: #333;
}

.typisches-essen li {
    margin-bottom: 8px; /* Abstand zwischen den Gerichten */
}