.container {
    width: 100%;
    max-width: px !important; /* Justera beroende på design */
    margin: 0 auto; /* Centrerar behållaren */
    padding: 0 20px; /* Lägger till sidmarginaler */
}


.post-thumbnail, .featured-image {
    display: none;
}


body {
    margin: 0;
    padding: 0;
}


/* För kontaktfältet högst upp */
.top-contact-bar {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #333333; /* Bakgrundsfärg */
    z-index: 1000; /* Kontaktfältet över navigeringen */
    padding: 10px 0;
    text-align: center;
    font-size: 14px;
    color: #333;
}

.top-contact-bar a {
    color: #0066cc;
    text-decoration: none;
}

.top-contact-bar a:hover {
    text-decoration: underline;
}













/* Toppbandet (mejl och telefon) - sticky */
.top-bar {
    position: fixed; /* Gör toppbandet sticky */
    top: 0; /* Placera det högst upp */
    width: 100%; /* Täck hela sidans bredd */
    background-color: #ffffff; /* Bakgrundsfärg */
    z-index: 1000; /* Placera över navigeringen */
    padding: 5px 5; /* Justera höjden */
    text-align: center; /* Centrerar innehållet */
    font-size: 14px; /* Textstorlek för kontaktuppgifter */
    color: #333;
}

.top-bar a {
    color: #0066cc; /* Länkfärg */
    text-decoration: none;
}

.top-bar a:hover {
    text-decoration: underline; /* Understryk länk vid hovring */
}

/* Navigeringsfältet och logotypen - sticky */
.site-header {
    position: fixed; /* Gör headern sticky */
    top: 15px; /* Placera under toppbandet */
    width: 100%; /* Fyll hela sidans bredd */
    background-color: #ffffff; /* Bakgrundsfärg */
    z-index: 999; /* Lägre än toppbandet */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Skugga för separation */
}

/* Inre container för headern (begränsar till 1600px och centrerar) */
.site-header .container {
    max-width: 1600px; /* Begränsa bredden till 1600px */
    margin: 0 auto; /* Centrera innehållet */
    display: flex; /* Flex för att placera logotyp och meny */
    align-items: center; /* Vertikalt centrera logotyp och meny */
    justify-content: space-between; /* Logotyp till vänster, meny till höger */
    padding: 5px 20px; /* Extra utrymme runt header-innehållet */
}

/* Logotypen (img) i header */
.site-logo img {
    height: auto; /* Bevara proportionerna */
    max-height: 50px; /* Justera maxhöjden för logotypen */
    width: auto; /* Låt bredden anpassas automatiskt */
    display: block; /* Säkerställ att bilden renderas korrekt */
    margin-right: 20px; /* Utrymme mellan logotyp och navigering */
}

/* Navigeringsmenyn */
.main-navigation {
    display: flex; /* Flexbox för menylänkar */
    align-items: center; /* Centrera menylänkarna vertikalt */
    justify-content: flex-end; /* Placera länkarna längst till höger */
}

/* Menylänkar */
.main-navigation a {
    margin: 0 10px; /* Skapa mellanrum mellan länkar */
    text-decoration: none; /* Ta bort understrykning */
    color: #333; /* Färg på länkar */
    font-size: 14px; /* Justera textstorlek om det behövs */
}

.main-navigation a:hover {
    color: #0066cc; /* Färg vid hovring */
    text-decoration: underline;
}

/* Marginal för sidinnehåll */
body {
    margin-top: 100px; /* Justera efter höjden av toppband och header */
}