/* Grundlæggende */
body { margin: 0; padding: 0; font-family: 'Segoe UI', sans-serif; background: #fcfcfc; color: #444; }
.container { max-width: 1100px; margin: 0 auto; padding: 0 20px; }

/* Top Bjælke Styling */
.top-bar {
    background-color: #d4a373; 
    color: white;
    padding: 5px 0; /* Lidt mindre padding så den ikke bliver for høj */
    font-size: 0.85em;
}

.top-content {
    display: flex;
    justify-content: space-between; /* Skubber indhold ud i siderne */
    align-items: center; /* Centrerer logo og tekst vertikalt */
}

.top-logo-wrap {
    display: flex;
    align-items: left;
    gap: 10px; /* Afstand mellem logo og tekst */
}

.top-logo {
    height: 30px; /* Juster denne højde så den passer til din bjælke */
    width: auto;
    display: block;
}

.top-text {
    font-weight: 500;
}

/* Header & Menu */
.header { background: #fff; padding: 20px 0; border-bottom: 1px solid #eee; }
.logo h1 { margin: 0; font-weight: 300; color: #d4a373; text-transform: uppercase; text-align: center; }

.navigation ul { list-style: none; padding: 0; display: flex; justify-content: center; gap: 20px; margin-top: 15px; }
.navigation a { text-decoration: none; color: #666; font-weight: 500; }
.navigation .menu-current a { color: #d4a373; border-bottom: 2px solid #d4a373; }

/* Banner */
.banner {
    height: 300px;
    background-color: #e9ecef; /* Grå baggrund indtil du indsætter et billede */
    background-image: url('images/banner.jpg'); /* Sti til dit bannerbillede */
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner-overlay {
    background: rgba(255, 255, 255, 0.4); /* Gør teksten læsbar ovenpå billedet */
    padding: 20px 40px;
    border-radius: 5px;
}

.banner h2 { margin: 0; font-size: 2.5em; color: #333; text-transform: uppercase; letter-spacing: 2px; }

/* Indhold */
.main-content { padding: 50px 0; min-height: 400px; }