/* Styling for den svarte toppbjelken */
.top-bar {
    background-color: #000; /* Svart bakgrunnsfarge */
    height: 45px; /* Høyde på 6px */
    position: fixed; /* Gjør den fast (forblir på toppen) */
    top: 0; /* Avstand fra toppen av vinduet */
    left: 0; /* Avstand fra venstre side av vinduet */
    width: 100%; /* Full bredde */
    z-index: 9999; /* Økt z-indeks for å sørge for at den ligger øverst */
	padding-bottom: 20px;
}
/* Styling for innhold under den svarte linjen */
.content {
    margin-top: 65px; /* Legg til en margin på 65px for å dytte innholdet ned */
    padding-top: 20px; /* Legg til en ekstra padding for å justere innholdet etter behov */
}

/* Container for teksten og ikonene */
.text-container {
	margin-top: 12px;
    background-color: #000; /* Legg til en bakgrunnsfarge som matcher den svarte linjen */
    color: #fff; /* Tekstfarge (hvit) */
    padding: 10px; /* Mellomrom rundt teksten */
    display: flex; /* Bruk fleksibel layout for å plassere elementene side om side */
    justify-content: center; /* Sentrer innhold horisontalt */
    align-items: center; /* Sentrer innhold vertikalt */
    position: fixed; /* Gjør containeren fast (forblir på toppen) */
    top: 0; /* Plasser containeren øverst */
    width: 100%; /* Full bredde */
    height: 6px; /* Samme høyde som den svarte linjen */
    z-index: 10000; /* Sørger for at containeren ligger øverst */
    transition: height 0.3s; /* Legg til en overgangseffekt for høyden */
	
}


/* Styling for tekst med ikoner */
.text-with-icon {
    display: flex; /* Bruk fleksibel layout for å plassere ikon og tekst side om side */
    align-items: center; /* Sentrer innhold vertikalt */
	margin-right: 80px;
}


/* Legg til ikonklasser etter behov (f.eks., FontAwesome-ikoner) */
.text-with-icon i {
    margin-right: 5px; /* Mellomrom mellom ikon og tekst */
}
/* Media query for mobilversjonen (endrer visningen på mindre skjermer) */
@media (max-width: 768px) {
    .text-with-icon {
        display: none; /* Skjul teksten på desktop */
    }
    .text-with-icon {
        display: none; /* Vis teksten som en blokk på mobil */
    }
}



/* Styling for innhold under den svarte linjen */
.content {
    margin-top: 16px; /* Legg til en margin på 16px for å dytte innholdet under den svarte linjen ned */
}

.about-us img {
    width: 15px; /* Angi ønsket bredde */
    height: auto; /* Beholder bildets sideforhold */
    margin-right: 10px; /* Høyre marging mellom bildet og teksten */
}
/* Stil for "About Us" med bilde til venstre for teksten */
.about-us {
    display: flex;
    align-items: center;
}


.about-us p {
    font-weight: normal; /* Fet skrift for teksten */
    margin: 0; /* Fjern standardmargen for teksten */
}