@layer utilities {

	:root, :host {
		--color-theme-link:#000000; --color-theme-accent:#000000; --color-theme-accent-secondary:#000000;
		--input-background:#ffffff; --input-text:#00062d; --input-link:#00062d; --input-accent:#00062d; --input-accent-secondary:#00062d;
		--input-border-radius: 9999px;
		--input-border-width: medium.("0.0625em", "0.125em", "0.25em", "0");
}

.theme-dark-blue {
--color-theme-background:#00062d; --color-theme-text:#ffffff; --color-theme-link:#ffffff; --color-theme-accent:#ffffff; --color-theme-accent-secondary:#ffffff;		}
.input-theme-dark-blue {
--color-theme-background:#00062d; --color-theme-text:#ffffff; --color-theme-link:#ffffff; --color-theme-accent:#ffffff; --color-theme-accent-secondary:#ffffff;		}
.theme-brand-blue {
--color-theme-background:#00426a; --color-theme-text:#ffffff; --color-theme-link:#ffffff; --color-theme-accent:#ffffff; --color-theme-accent-secondary:#ffffff;		}
.input-theme-brand-blue {
--color-theme-background:#00426a; --color-theme-text:#ffffff; --color-theme-link:#ffffff; --color-theme-accent:#ffffff; --color-theme-accent-secondary:#ffffff;		}
.theme-brand-blue-text {
--color-theme-link:#00426a; --color-theme-accent:#00426a; --color-theme-accent-secondary:#00426a;		}
.input-theme-brand-blue-text {
--color-theme-link:#00426a; --color-theme-accent:#00426a; --color-theme-accent-secondary:#00426a;		}
.theme-brand-blue-background-\&-text {
--color-theme-background:#00426a; --color-theme-text:#ffffff; --color-theme-link:#063754; --color-theme-accent:#063754; --color-theme-accent-secondary:#063754;		}
.input-theme-brand-blue-background-\&-text {
--color-theme-background:#00426a; --color-theme-text:#ffffff; --color-theme-link:#063754; --color-theme-accent:#063754; --color-theme-accent-secondary:#063754;		}
.theme-washed-blue {
--color-theme-background:#45669c; --color-theme-text:#ffffff; --color-theme-link:#ffffff; --color-theme-accent:#ffffff; --color-theme-accent-secondary:#ffffff;		}
.input-theme-washed-blue {
--color-theme-background:#45669c; --color-theme-text:#ffffff; --color-theme-link:#ffffff; --color-theme-accent:#ffffff; --color-theme-accent-secondary:#ffffff;		}
.theme-washed-blue-text {
--color-theme-link:#45669c; --color-theme-accent:#45669c; --color-theme-accent-secondary:#45669c;		}
.input-theme-washed-blue-text {
--color-theme-link:#45669c; --color-theme-accent:#45669c; --color-theme-accent-secondary:#45669c;		}
.theme-washed-blue-and-black-text {
--color-theme-background:#45669c; --color-theme-text:#ffffff; --color-theme-link:#000000; --color-theme-accent:#000000; --color-theme-accent-secondary:#000000;		}
.input-theme-washed-blue-and-black-text {
--color-theme-background:#45669c; --color-theme-text:#ffffff; --color-theme-link:#000000; --color-theme-accent:#000000; --color-theme-accent-secondary:#000000;		}
.theme-light-blue-background-\&-black-text {
--color-theme-background:#5485d4; --color-theme-link:#000000; --color-theme-accent:#000000; --color-theme-accent-secondary:#000000;		}
.input-theme-light-blue-background-\&-black-text {
--color-theme-background:#5485d4; --color-theme-link:#000000; --color-theme-accent:#000000; --color-theme-accent-secondary:#000000;		}
.theme-light-blue {
--color-theme-background:#5485d4; --color-theme-text:#ffffff; --color-theme-link:#ffffff; --color-theme-accent:#ffffff; --color-theme-accent-secondary:#ffffff;		}
.input-theme-light-blue {
--color-theme-background:#5485d4; --color-theme-text:#ffffff; --color-theme-link:#ffffff; --color-theme-accent:#ffffff; --color-theme-accent-secondary:#ffffff;		}
.theme-white {
--color-theme-background:#ffffff; --color-theme-text:#00062d; --color-theme-link:#00062d; --color-theme-accent:#00062d; --color-theme-accent-secondary:#00062d;		}
.input-theme-white {
--color-theme-background:#ffffff; --color-theme-text:#00062d; --color-theme-link:#00062d; --color-theme-accent:#00062d; --color-theme-accent-secondary:#00062d;		}
.theme-white-text {
--color-theme-background:#ffffff; --color-theme-text:#ffffff; --color-theme-link:#ffffff; --color-theme-accent:#ffffff; --color-theme-accent-secondary:#ffffff;		}
.input-theme-white-text {
--color-theme-background:#ffffff; --color-theme-text:#ffffff; --color-theme-link:#ffffff; --color-theme-accent:#ffffff; --color-theme-accent-secondary:#ffffff;		}
.theme-white-background-brand-blue-text {
--color-theme-background:#ffffff; --color-theme-text:#000000; --color-theme-link:#00426a; --color-theme-accent:#00426a; --color-theme-accent-secondary:#00426a;		}
.input-theme-white-background-brand-blue-text {
--color-theme-background:#ffffff; --color-theme-text:#000000; --color-theme-link:#00426a; --color-theme-accent:#00426a; --color-theme-accent-secondary:#00426a;		}
.theme-silver {
--color-theme-background:#cbd3e0; --color-theme-text:#00062d; --color-theme-link:#00062d; --color-theme-accent:#00062d; --color-theme-accent-secondary:#00062d;		}
.input-theme-silver {
--color-theme-background:#cbd3e0; --color-theme-text:#00062d; --color-theme-link:#00062d; --color-theme-accent:#00062d; --color-theme-accent-secondary:#00062d;		}
.theme-bordeaux-tekst {
--color-theme-text:#80283a; --color-theme-link:#80283a; --color-theme-accent:#80283a; --color-theme-accent-secondary:#80283a;		}
.input-theme-bordeaux-tekst {
--color-theme-text:#80283a; --color-theme-link:#80283a; --color-theme-accent:#80283a; --color-theme-accent-secondary:#80283a;		}
.theme-bordeaux {
--color-theme-background:#80283a; --color-theme-text:#ffffff; --color-theme-link:#000000; --color-theme-accent:#ffffff; --color-theme-accent-secondary:#ffffff;		}
.input-theme-bordeaux {
--color-theme-background:#80283a; --color-theme-text:#ffffff; --color-theme-link:#000000; --color-theme-accent:#ffffff; --color-theme-accent-secondary:#ffffff;		}
.theme-red {
--color-theme-background:#bd1f2e; --color-theme-link:#00426a; --color-theme-accent:#000000; --color-theme-accent-secondary:#000000;		}
.input-theme-red {
--color-theme-background:#bd1f2e; --color-theme-link:#00426a; --color-theme-accent:#000000; --color-theme-accent-secondary:#000000;		}
.theme-express-red {
--color-theme-background:#bd1f2e; --color-theme-text:#ffffff; --color-theme-link:#ffffff; --color-theme-accent:#ffffff; --color-theme-accent-secondary:#ffffff;		}
.input-theme-express-red {
--color-theme-background:#bd1f2e; --color-theme-text:#ffffff; --color-theme-link:#ffffff; --color-theme-accent:#ffffff; --color-theme-accent-secondary:#ffffff;		}
.theme-nude {
--color-theme-background:#ddb5ae; --color-theme-text:#00426a; --color-theme-link:#00426a; --color-theme-accent:#00426a; --color-theme-accent-secondary:#00426a;		}
.input-theme-nude {
--color-theme-background:#ddb5ae; --color-theme-text:#00426a; --color-theme-link:#00426a; --color-theme-accent:#00426a; --color-theme-accent-secondary:#00426a;		}
.theme-soft {
--color-theme-background:#ffe3de; --color-theme-text:#00426a; --color-theme-link:#00426a; --color-theme-accent:#00426a; --color-theme-accent-secondary:#00426a;		}
.input-theme-soft {
--color-theme-background:#ffe3de; --color-theme-text:#00426a; --color-theme-link:#00426a; --color-theme-accent:#00426a; --color-theme-accent-secondary:#00426a;		}
.theme-ibumetin-100\% {
--color-theme-background:#6c6db5; --color-theme-text:#ffffff; --color-theme-link:#ffffff; --color-theme-accent:#ffffff; --color-theme-accent-secondary:#ffffff;		}
.input-theme-ibumetin-100\% {
--color-theme-background:#6c6db5; --color-theme-text:#ffffff; --color-theme-link:#ffffff; --color-theme-accent:#ffffff; --color-theme-accent-secondary:#ffffff;		}
.theme-ibumetin-2-100\% {
--color-theme-background:#9292c8; --color-theme-text:#ffffff; --color-theme-link:#ffffff; --color-theme-accent:#ffffff; --color-theme-accent-secondary:#ffffff;		}
.input-theme-ibumetin-2-100\% {
--color-theme-background:#9292c8; --color-theme-text:#ffffff; --color-theme-link:#ffffff; --color-theme-accent:#ffffff; --color-theme-accent-secondary:#ffffff;		}
.theme-ibumetin-65\% {
--color-theme-background:#eff1f5; --color-theme-text:#00426a; --color-theme-link:#00426a; --color-theme-accent:#00426a; --color-theme-accent-secondary:#00426a;		}
.input-theme-ibumetin-65\% {
--color-theme-background:#eff1f5; --color-theme-text:#00426a; --color-theme-link:#00426a; --color-theme-accent:#00426a; --color-theme-accent-secondary:#00426a;		}
.theme-ibumetin-35\% {
--color-theme-background:#cbd3e0; --color-theme-text:#00426a; --color-theme-link:#00426a; --color-theme-accent:#00426a; --color-theme-accent-secondary:#00426a;		}
.input-theme-ibumetin-35\% {
--color-theme-background:#cbd3e0; --color-theme-text:#00426a; --color-theme-link:#00426a; --color-theme-accent:#00426a; --color-theme-accent-secondary:#00426a;		}
.theme-test-farve {
--color-theme-background:#ff0000; --color-theme-text:#6ef457; --color-theme-link:#0862f2; --color-theme-accent:#06fdb1; --color-theme-accent-secondary:#af09ff;		}
.input-theme-test-farve {
--color-theme-background:#ff0000; --color-theme-text:#6ef457; --color-theme-link:#0862f2; --color-theme-accent:#06fdb1; --color-theme-accent-secondary:#af09ff;		}
.theme-kakao {
--color-theme-background:#ffffff; --color-theme-text:#000000; --color-theme-link:#ffffff; --color-theme-accent:#ffffff; --color-theme-accent-secondary:#ffffff;		}
.input-theme-kakao {
--color-theme-background:#ffffff; --color-theme-text:#000000; --color-theme-link:#ffffff; --color-theme-accent:#ffffff; --color-theme-accent-secondary:#ffffff;		}
.theme-ibumetin-med-negativ {
--color-theme-background:#6c6db5; --color-theme-text:#ffffff; --color-theme-link:#ffffff; --color-theme-accent:#ffffff; --color-theme-accent-secondary:#ffffff;		}
.input-theme-ibumetin-med-negativ {
--color-theme-background:#6c6db5; --color-theme-text:#ffffff; --color-theme-link:#ffffff; --color-theme-accent:#ffffff; --color-theme-accent-secondary:#ffffff;		}
.theme-ibumetin-med-negativ-65\% {
--color-theme-background:#00426a; --color-theme-text:#ffffff; --color-theme-link:#ffffff; --color-theme-accent:#ffffff; --color-theme-accent-secondary:#ffffff;		}
.input-theme-ibumetin-med-negativ-65\% {
--color-theme-background:#00426a; --color-theme-text:#ffffff; --color-theme-link:#ffffff; --color-theme-accent:#ffffff; --color-theme-accent-secondary:#ffffff;		}
.theme-brand-blue-text-product {
--color-theme-background:#ffffff; --color-theme-link:#00426a; --color-theme-accent:#00426a; --color-theme-accent-secondary:#00426a;		}
.input-theme-brand-blue-text-product {
--color-theme-background:#ffffff; --color-theme-link:#00426a; --color-theme-accent:#00426a; --color-theme-accent-secondary:#00426a;		}
.theme-default {
--color-theme-link:#000000; --color-theme-accent:#000000; --color-theme-accent-secondary:#000000;		}
.input-theme-default {
--color-theme-link:#000000; --color-theme-accent:#000000; --color-theme-accent-secondary:#000000;		}
.theme-washed-blue-article-slider {
--color-theme-background:#45669c; --color-theme-text:#ffffff; --color-theme-link:#ffffff; --color-theme-accent:#00426a; --color-theme-accent-secondary:#ffffff;		}
.input-theme-washed-blue-article-slider {
--color-theme-background:#45669c; --color-theme-text:#ffffff; --color-theme-link:#ffffff; --color-theme-accent:#00426a; --color-theme-accent-secondary:#ffffff;		}
.btn-theme-brand-blue-text {
--button-text:#00426a; --button-border:#00426a; --button-bg-hover:#00426a; --button-text-hover:#ffffff;			}
.btn-theme-search-function-color {
--button-bg:#000000; --button-text:#ffffff; --button-border:#000000; --button-bg-hover:#000000; --button-text-hover:#000000;			}
}

@layer custom-css {
	/*This is for the product vendors in a product viewpage 
STARTS HERE*/
.border-theme-text\/10 {
    border-color: color-mix(in oklab, black 10%, transparent 90%);
}

section > div > div > div.w-full.p-6.lg\:p-16.lg\:pt-28 > div.py-11 > div > a {
    border-radius: 40px;
}
 
 /*Hero banner */
 /*tablet size*/
 @media (min-width: 500px) {
     #hero-a9ca3364-f9db-4c63-98bd-cc294a4e0065 > picture.block-hero-slide__media.\|.absolute.inset-0.block.md\:hidden > img{
     object-position: 50% 80% !important;
     }
 }
 /*Hero banner */
 /*small screen*/
@media (max-width: 766px) {
    #hero-a9ca3364-f9db-4c63-98bd-cc294a4e0065{
        height:50vh;
    }
}
/*Hero banner */
 /*On a big screen*/
 @media (min-width: 766px) {
/*offgridding the image too see the package better*/
 #hero-a9ca3364-f9db-4c63-98bd-cc294a4e0065 > picture.block-hero-slide__media.\|.absolute.inset-0.hidden.md\:block > img{
    object-position: 20% 50% !important;
 }
  /*Heading and text*/
  #hero-a9ca3364-f9db-4c63-98bd-cc294a4e0065 > div > div > div > div{
      margin-top:-30px;
  }
}
/*Hero banner */
/*Heading and text color*/
#hero-a9ca3364-f9db-4c63-98bd-cc294a4e0065 > div > div > div > div{
    color:white;
} 

/*text module underneath header on frontpage*/
#block-textarea-4c3bc21e-d54e-4a7a-8ce9-bdf30ea97eb3 > div > h2{
   font-size:var(--text-lvl2-h2-sm) !important;
}
 
@media (min-width: 1280px) {

#hero-990cf557-6887-4c7d-ab39-58de5482fc86 > div > div > div > div > div > p:nth-child(6) > span {font-size: 14pt !important; }

#hero-990cf557-6887-4c7d-ab39-58de5482fc86 > div > div > div > div > div > p:nth-child(1) > span {font-size: 31pt !important;}

}
/*ENDS HERE*/

#hero-990cf557-6887-4c7d-ab39-58de5482fc86 > div > div > div > div > div{
    width:85%;
}
}