/* ___________ Generelle farger ___________ */
.fargetRamme {
   border-color: var(--clr-amazonitt);
}
.fargetLinje {
   text-decoration: 2px underline var(--clr-amazonitt);
   text-underline-offset: 3px;
}
.fargetHeroLinje {
   text-decoration: 4px underline var(--clr-amazonitt);
   text-underline-offset: 4px;
}
/* ___________ hover-effekt .svg ___________ */
.kategoriKnapp:hover .fargetFyll,
.kategoriKnapp:focus-visible .fargetFyll,
.kategoriKnappSolo:hover .fargetFyll,
.kategoriKnappSolo:focus-visible .fargetFyll {
   background-color: var(--clr-amazonitt);
}

/* ___________ hover-effekt Knapper ___________ */
.kategoriKnapp:hover,
.kategoriKnapp:focus-visible,
.kategoriKnapp:hover *,
.kategoriKnapp:focus-visible *,
.kategoriKnappSolo:hover *,
.kategoriKnappSolo:focus-visible * {
   border-color: var(--clr-amazonitt);
}
.kategoriFilter button:hover,
.kategoriFilter button:focus-visible {
   border: 2px solid var(--clr-amazonitt);
}

/* ___________ hover-effekt Bilder ___________ */
.fargetHover {
   border: 2px solid var(--clr-ramme);
}
.fargetHover:hover,
.fargetHover:focus-visible {
   transition: border 0.1s ease-in-out;
   border: 2px solid var(--clr-amazonitt);
}

/* ___________ Punktlistefarge ___________ */
.punktListe li::before,
.subPunktListe li::before {
   color: var(--clr-amazonitt);
}
.nummerertPunktListe li::before {
   color: var(--clr-amazonitt);
}
.subPunktListe li a,
.punktListe li a,
.nummerertPunktListe li a,
.subPunktListe li a:visited,
.punktListe li a:visited,
.nummerertPunktListe li a:visited {
   color: var(--clr-amazonitt);
   text-decoration: underline;
}
/* ___________ Bildefremvisning ___________ */
.nyFane:hover,
.nyFane:focus-visible {
   color: var(--clr-amazonitt);
   text-decoration: underline;
}
/* ___________ Hovedmenyen ___________ */
.fargetTekst {
   color: var(--clr-amazonitt);
}
#mainMenu li a:focus-visible,
#mainMenu li a:focus-visible .hovedmenyIkon,
#mainMenu li a:hover,
#mainMenu li a:hover .hovedmenyIkon {
   border-color: var(--clr-amazonitt);
}
/* #mainMenu li a:hover .hovedmenyIkon .fargetFyll {
   background-color: var(--clr-amazonitt);
} */
.mainBlur {
   background-color: var(--clr-amazonitt);
}
.nettResFlex a:hover,
.nettResFlex a:focus-visible,
.nettResFlexKol a:hover,
.nettResFlexKol a:focus-visible,
.nettResMono a:hover,
.nettResMono a:focus-visible {
   border-color: var(--clr-amazonitt);
}