@charset "UTF-8";
/* UNIVERSAL RULES */
#uno-external-header :where(*, ::before, ::after) {
  /* Border-box so size includes border and padding, and border doesn't hide text */
  box-sizing: border-box;
}

:where(#uno-external-header) {
  /* Prevent adjustment of font-size after Ios orientation change. */
  -webkit-text-size-adjust: 100%;
  /* Auto hyphens when words should and can break. */
  hyphens: auto;
  /* Word breaks in narrow containers---uses soft wrap opportunities if present. */
  overflow-wrap: anywhere;
}

/* RESETS */
#uno-external-header :where(body) {
  /* Remove margin. */
  margin: 0;
}

/* FIX/EXTEND ELEMENT FONT/TEXT */
#uno-external-header :where(code, kbd, samp, sub, sup) {
  /* No auto hyphens where a hyphen could mess up text meaning. */
  hyphens: manual;
  /* Fix inline elements that can affect line height (some when bigger font-size), but maintain some line-height. */
  line-height: 0.625;
}

#uno-external-header :where(b, strong) {
  /* Semantic `bolder` font weight for `strong` text (Chrome/Edge/Safari). */
  font-weight: bolder;
}

#uno-external-header :where(::file-selector-button, button, input, select, textarea) {
  /* Avoid `input`/`textarea` cause zoom when on focus (Ios). `1em` for others for consistency. */
  font-size: 1em;
}

/* MAKE ELEMENTS RESPONSIVE */
#uno-external-header :where(input, select, textarea,
audio, embed, iframe, object,
img, svg, video, canvas) {
  /* Container width is `max-width`. */
  max-width: 100%;
}

#uno-external-header :where(img, svg, video, canvas) {
  /* ...then auto calculate height for necessary elements. */
  height: auto;
}

#uno-external-header :where(pre) {
  /* Wrap pre-formatted text by default. */
  white-space: pre-wrap;
}

#uno-external-header :where(textarea) {
  /* Only resize vertically (a11y and prevent overflow). */
  resize: vertical;
}

/* DISPLAY BEHAVIORS */
#uno-external-header [hidden],
#uno-external-header :where(source) {
  /* `hidden` elements better maintain behaviour when `display` values are defined. */
  /* `source` has nothing to display and should not display (polyfill). */
  display: none;
}

#uno-external-header :where(picture) {
  /* Remove wrapping `picture`---maintaining content. Can interfere with layout and aspect-ratio (polyfill). */
  display: contents;
}

/* CONSISTENT ALIGNMENTS */
#uno-external-header :where(audio, embed, iframe, object,
img, svg, video, canvas) {
  /* Remove layout disrupting space below. */
  vertical-align: middle;
}

#uno-external-header :where(figure, hr) {
  /* Intuitive inline margins---horizontal align with adjacent. */
  margin-inline: 0;
}

/* CONSISTENT CURSOR */
#uno-external-header :where([aria-disabled=true i], [disabled], [readonly]) {
  /* Consistent cursor for disabled elements */
  cursor: not-allowed;
}

#uno-external-header :where(::file-selector-button, [role=button i], [type=button i], [type=reset i], [type=submit i], button,
select, summary) {
  /* Consistent cursor for clickable elements. */
  cursor: pointer;
}

/* CONVENIENT/INTUITIVE STYLING */
/* Background images are not repeated. */
#uno-external-header :where(*,
::before,
::after) {
  background-repeat: no-repeat;
}

#uno-external-header :where(::before,
::after) {
  /* Inherit border-radius. */
  border-radius: inherit;
  /* Inherit text-decoration for `content`. */
  text-decoration: inherit;
  /* Inherit vertical alignment. */
  vertical-align: inherit;
}

/* REDUCE MOTION */
@media (prefers-reduced-motion: reduce) {
  #uno-external-header :where(*,
  ::before,
  ::after) {
    /* Remove animations and transitions when user prefers it. */
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/* SKAIDI SPECIFIC */
#uno-external-header :where(::file-selector-button, [type=button i], [type=reset i], [type=submit i], button) {
  /* Fix inability to style buttons in Ios and Safari. */
  appearance: button;
  /* Normalize all button types. */
  border: none;
  border-radius: 0.125em;
  box-shadow: unset;
  line-height: inherit;
  /* Reset button styles that can become annoying later */
  background: transparent;
  color: inherit;
  outline: none; /* (Is set below) */
}

#uno-external-header :where(a, ::file-selector-button, button):where(:focus) {
  /* Default Skaidi focus styles */
  outline: var(--outline);
  outline-offset: calc(-1 * var(--outline-offset));
}

#uno-external-header :where(::file-selector-button, button, input, textarea, select) {
  /* Inherit font-family. */
  font-family: inherit;
  /* Remove the margin on controls in Safari. */
  margin: 0;
}

#uno-external-header {
  /* # Variables
   *
   * (Constants in ALL-CAPS)
   *
   * Naming: [block]-[element]-[property]-[modification/value] */
  /* ## Sizes */
  --TOUCH-TARGET-MIN-SIZE: 3rem; /* equals 48px with default browser settings -- which Lighthouse uses(?) */
  --added-lead: .5; /* for line-height */
  --line-height: calc(1 + var(--added-lead)); /* base line-height */
  --line-height-sm: calc(1 + var(--added-lead) / 2); /* small line-height */
  --interactive-line-height: var(--line-height-sm); /* line-height for interactive block/elements */
  /* DEPRECATED line-heights, use above: */
  --line-height-xs: var(--line-height-sm);
  --button-line-height: var(--line-height-sm);
  /* Atom sizes */
  --input-marker-size: calc(1em * var(--line-height, 1.5));
  /* Container widths */
  --readable-max-width: 55rem;
  --readable-width: min(var(--readable-max-width), 100%);
  --max-width-sm: 630px;
  --max-width-md: 720px;
  --max-width-lg: 976px;
  --max-width-xl: 1230px;
  /* (Spacing) sizes */
  --s-1: calc(1rem * .125); /*    2px (browser default) */
  --s-2: calc(1rem * .25); /*     4px (browser default) */
  --s-3: calc(1rem * .5); /*      8px (browser default) */
  --s-4: calc(1rem * .75); /*    12px (browser default) */
  --s-5: 1rem; /*                16px (browser default) */
  --s-6: calc(1rem * 1.5); /*    24px (browser default) */
  --s-7: calc(1rem * 2.5); /*    40px (browser default) */
  --s-8: calc(1rem * 4); /*      64px (browser default) */
  --s-9: calc(1rem * 6.5); /*   104px (browser default) */
  --s-10: calc(1rem * 10.5); /* 168px (browser default) */
  /* Font sizes */
  --h3-font-size: calc(1rem * 1.25);
  --h2-font-size: calc(1rem * 1.5);
  --h1-font-size: calc(1rem * 1.875);
  --font-size: calc(1rem * 1.125); /* regular */
  --font-size-sm: 1rem;
  --font-size-md: calc(1rem * 1.25);
  --font-size-lg: calc(1rem * 1.375);
  /* DEPRECATED naming. Use above. */
  --font-size-regular: var(--font-size);
  --font-size-small: var(--font-size-sm);
  --font-size-medium: var(--font-size-md);
  --font-size-large: var(--font-size-lg);
  /* ## Font-families */
  --sans: Roboto, system-ui, sans-serif;
  --slab: Roboto Slab, var(--sans);
  --serif: var(--slab);
  /* ## Colors */
  --DARK-GRAY: #333333;
  --fg: var(--DARK-GRAY);
  --fg-muted: #6c6965;
  --bg-h: 0;
  --bg-s: 0%;
  --bg-l: 100%;
  --bg: hsl(var(--bg-h) var(--bg-s) var(--bg-l));
  --bg-base-h: 0;
  --bg-base-s: 0%;
  --bg-base-l: 96.9%;
  --bg-base: hsl(var(--bg-base-h) var(--bg-base-s) var(--bg-base-l));
  --bg-muted-h: 0;
  --bg-muted-s: 0%;
  --bg-muted-l: 93.7%;
  --bg-muted: hsl(var(--bg-muted-h) var(--bg-muted-s) var(--bg-muted-l));
  /* background */
  --primary-L85: #fad7b7;
  --primary-L92: #fdead9;
  /* Primary (orange) */
  --primary-h: 28.4;
  --primary-s: 88%;
  --primary-l: 51%;
  --primary-a: 1;
  --primary: hsla(
    var(--primary-h) var(--primary-s) var(--primary-l) / var(--primary-a)
  ); /* hsl(28.4 88% 51%) / #f07c14 */
  --primary-hover-bg: var(--primary-L92);
  --primary-hover-on: var(--DARK-GRAY);
  --primary-active-bg: var(--primary-L85);
  --primary-active-on: var(--DARK-GRAY);
  /* Variant, not a11y */
  --primary-variant-bg: var(--primary);
  --primary-variant-on: white;
  /* Primary button / CTA button */
  --primary-cta-bg: var(--fg);
  --primary-cta-on: var(--bg);
  --primary-cta-hover-on: var(--primary-hover-bg);
  --primary-cta-active-on: var(--primary-active-bg);
  /* Education levels */
  /* Grunnskole */
  --gs: var(--gs-bg);
  --gs-bg: #d02a7a;
  --gs-on: white;
  /* Videregående */
  --vgo: var(--vgo-bg);
  --vgo-bg: #eebe2c;
  --vgo-on: var(--DARK-GRAY);
  /* Folkehøgskole */
  --fhs: var(--fhs-bg);
  --fhs-bg: #942d31;
  --fhs-on: white;
  /* Fagskole */
  --fs: var(--fs-bg);
  --fs-bg: #2a6f2f;
  --fs-on: white;
  /* Universitet, Høyskole */
  --uh: var(--uh-bg);
  --uh-bg: #095795;
  --uh-on: white;
  /* Emne/kurs */
  --ek: var(--ek-bg);
  --ek-bg: #724e80;
  --ek-on: white;
  /* Offentlig fagskole */
  --ofa: var(--ofa-bg);
  --ofa-bg: #225053;
  --ofa-on: white;
  /* Util colors */
  /* Focus */
  --focus: #007dbc;
  --focus-bg: #007dbc;
  --focus-on: white;
  /* Placeholder */
  --placeholder-fg: var(--fg-muted);
  /* Error */
  --error: #cc0000;
  --error-fg: var(--error);
  --error-bg: var(--error);
  --error-on: white;
  /* Success */
  --success: #009047;
  --success-fg: var(--success);
  --success-bg: var(--success);
  --success-on: white;
  /* Warning */
  --warning-bg: #fae6e6;
  --warning-on: var(--DARK-GRAY);
  /* ## Effects */
  --menu-drop-shadow: 0 .25rem 1rem rgba(0, 0, 0, .25);
  --card-drop-shadow: 2px 2px 12px rgba(0, 0, 0, 0.24);
  --card-drop-shadow-active: 1px 1px 4px rgba(0, 0, 0, 0.24);
  /* ## Util */
  --outline: 2px solid var(--focus);
  --outline-offset: 2px;
  /* For transitions and animations */
  --transition-time: .24s;
  /* Check deprecation */
  --button-min-width: calc(1rem * 4.625);
}

#uno-external-header {
  background: var(--bg-base);
  font-family: var(--sans);
  font-variation-settings: "wght" 390;
  line-height: var(--line-height);
}

#uno-external-header:lang(nb),
#uno-external-header :not(:lang(nb)) > :lang(nb) {
  quotes: "«" "»" "‘" "’";
} /* « » ‘ ’ */
#uno-external-header body {
  color: var(--fg);
}

#uno-external-header a {
  color: inherit;
}

#uno-external-header small {
  font-size: 1rem;
}

#uno-external-header strong {
  font-variation-settings: "wght" 700;
}

#uno-external-header em {
  font-variation-settings: "ital" 1;
}

#uno-external-header ol,
#uno-external-header ul {
  padding-inline-start: 1em;
}

#uno-external-header hr {
  border: none; /* reset */
  border-top: var(--hr-border-height, 1px) solid var(--primary);
  margin-inline-start: 0;
  width: 3.5rem;
  height: 0;
}

#uno-external-header blockquote {
  font-size: 1.375rem;
  font-style: italic;
  line-height: 1.25;
  margin-inline-start: 0;
  margin-inline-end: 0;
}

/* Table -- basic styling incase random content suddenly has <table> */
#uno-external-header table {
  border-collapse: collapse;
}

#uno-external-header th,
#uno-external-header td {
  box-shadow: inset 0 -1px var(--fg-muted);
  padding: var(--s-3);
  vertical-align: top;
  text-align: inherit;
}

/* ## Headings */
#uno-external-header h1,
#uno-external-header .h1,
#uno-external-header h2,
#uno-external-header .h2,
#uno-external-header h3,
#uno-external-header .h3 {
  font-family: var(--slab);
  font-weight: bold;
  font-variation-settings: "wght" 525;
  line-height: var(--line-height-sm);
  /* margin-block-start: 1em; */
  /* margin-block-end: 1em; */
}

#uno-external-header h1,
#uno-external-header .h1 {
  hyphens: manual;
  font-size: var(--h1-font-size);
  /* margin-block-start: var(--s-9); */
  /* margin-block-end: var(--s-7); */
}

#uno-external-header h2,
#uno-external-header .h2 {
  font-size: var(--h2-font-size);
  /* margin-block-start: var(--s-7); */
  /* margin-block-end: var(--s-6); */
}

#uno-external-header h3,
#uno-external-header .h3 {
  font-size: var(--h3-font-size);
  line-height: calc(1 + var(--added-lead));
  /* margin-block-start: var(--s-7); */
  /* margin-block-end: var(--s-3); */
}

/* Remove top margin of adjacent sibling */
#uno-external-header :is(h3, .h3, h4, .h4, h5, .h5, h6, .h6) + * {
  margin-block-start: 0;
}

#uno-external-header h4,
#uno-external-header .h4,
#uno-external-header h5,
#uno-external-header .h5,
#uno-external-header h6,
#uno-external-header .h6 {
  font-size: 1em;
  font-weight: normal;
  line-height: inherit;
  /* margin-block-start: 1em; */
  margin-block-end: 0;
}

#uno-external-header h4,
#uno-external-header .h4 {
  font-family: var(--slab);
  font-variation-settings: "wght" 475;
}

#uno-external-header h5,
#uno-external-header .h5 {
  font-weight: 500;
  font-variation-settings: "wght" 475;
}

#uno-external-header h6,
#uno-external-header .h6 {
  font-variation-settings: "wght" 425;
}

/* ## Util classes */
#uno-external-header .icons-styled svg {
  height: 1em;
  width: auto;
  max-width: none;
}

#uno-external-header .icons-styled svg [stroke] {
  stroke: currentColor;
  vector-effect: non-scaling-stroke;
}

/* Accessible display on visually hidden only elements. */
#uno-external-header [aria-hidden=false i][hidden] {
  display: initial;
}

#uno-external-header .sr-only,
#uno-external-header .sr-only-focusable:not(:focus),
#uno-external-header .visually-hidden,
#uno-external-header .visually-hidden-focusable:not(:focus),
#uno-external-header [aria-hidden=false i][hidden]:not(:focus) {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  margin: -1px !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

/* Fix for CLS */
#uno-external-header {
  min-height: 52px;
  padding-top: 16px;
  padding-bottom: 16px;
  box-sizing: content-box;
}

#uno-external-header .button {
  --button-on: inherit;
  --button-border-color: var(--primary);
  --button-border-width: 1px;
  --button-padding-inline: 1em;
  --button-padding-block: 0.625em;
  min-height: var(--TOUCH-TARGET-MIN-SIZE);
  min-width: var(--TOUCH-TARGET-MIN-SIZE);
  padding: var(--button-padding-block) var(--button-padding-inline);
  border: var(--button-border-width) solid var(--button-border-color);
  border-radius: 1.625em;
  background: var(--button-bg, transparent);
  color: var(--button-on, var(--DARK-GRAY, #333333));
  font-family: var(--sans);
  font-size: var(--button-font-size, var(--font-size, 1em));
  line-height: var(--line-height-sm);
  text-align: start;
  word-break: break-word;
  cursor: pointer;
  outline: none;
}

/* In case `<summary>` is button */
#uno-external-header .button::-webkit-details-marker {
  display: none;
}

/* display flex for button and icon wrapper */
#uno-external-header .button,
#uno-external-header .button :is(span, .icon) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--s-5);
}

#uno-external-header a.button {
  text-decoration: none;
}

/* primary */
#uno-external-header .button--primary {
  --button-bg: var(--primary-cta-bg);
  --button-on: var(--primary-cta-on);
  --button-border-color: var(--button-bg);
}

/* Icon */
#uno-external-header .button svg {
  height: 1em;
  max-width: none;
  width: auto;
}

#uno-external-header .button--chevron-prop .icon--chevron-right {
  margin-inline-start: var(--s-3);
}

#uno-external-header .button svg [stroke] {
  stroke: currentColor;
  vector-effect: non-scaling-stroke;
}

/* primary icon */
#uno-external-header .button--primary:not(:focus) svg [stroke] {
  stroke: var(--primary);
}

/* Hover */
#uno-external-header .button:not(.button--primary):hover {
  --button-bg: var(--primary-hover-bg);
}

/* primary */
#uno-external-header .button--primary:hover {
  --button-on: var(--primary-cta-hover-on);
}

/* Focus */
#uno-external-header .button:focus:not(:active) {
  --button-border-color: currentColor;
  outline: var(--outline);
  outline-offset: var(--outline-offset);
}

/* primary */
#uno-external-header .button--primary:focus:not(:active) {
  --button-bg: var(--focus-bg);
  --button-on: var(--focus-on);
  --button-border-color: var(--button-bg);
}

/* Active */
#uno-external-header .button:not(.button--primary):active {
  --button-bg: var(--primary-active-bg);
}

/* primary */
#uno-external-header .button--primary:active {
  --button-on: var(--primary-cta-active-on);
}

#uno-external-header .search-field input[type=search],
#uno-external-header .search-field__input {
  --_width: min(100%, 21.5rem);
  -webkit-appearance: textfield;
  appearance: textfield; /* Make `search` stylable. */
  background: var(--bg);
  border: none;
  border-radius: 999em;
  box-shadow: inset 0 0 0 1px var(--primary);
  color: var(--fg);
  display: inline-flex;
  font-family: var(--sans);
  font-size: var(--font-size);
  outline: none;
  padding: 0 3em 0 1em;
  height: 2.75em;
  line-height: 2.75;
  width: var(--_width);
}

#uno-external-header .search-field input[type=search]:focus-visible,
#uno-external-header .search-field__input:focus-visible {
  outline: var(--outline);
  outline-offset: var(--outline-offset);
}

#uno-external-header .search-field input[type=search]:focus,
#uno-external-header .search-field__input:focus {
  box-shadow: inset 0 0 0 2px var(--primary);
}

#uno-external-header .search-field input[type=search]:not(:focus):hover,
#uno-external-header .search-field__input:not(:focus):hover {
  box-shadow: inset 0 0 0 2px var(--primary);
}

#uno-external-header .search-field button,
#uno-external-header .search-field__button {
  --primary-l: 87.5%;
  --primary: hsla(
    var(--primary-h) var(--primary-s) var(--primary-l) / var(--primary-a)
  ); /* hsl(28.4 88% 51%) / #f07c14 */
  --_size: calc(2.75em - 8px);
  position: absolute;
  display: inline-grid;
  place-items: center;
  padding: 0;
  width: var(--_size);
  height: var(--_size);
  margin: 0;
  right: 0.25em;
  top: 50%;
  transform: translateY(-50%);
  background: var(--primary);
  border: none;
  border-radius: 50%;
  font-size: var(--font-size);
  line-height: 0;
  outline: none;
}

#uno-external-header .search-field button:focus,
#uno-external-header .search-field__button:focus {
  box-shadow: inset 0 0 0 2px var(--focus);
}

/* Variant with field */
#uno-external-header .search-field {
  position: relative;
  height: auto;
  padding: 0;
  width: min(100%, 21.5rem);
}

#uno-external-header .search-field input[type=search] {
  width: 100%;
}

/* Normalize, reset */
#uno-external-header .search-field input[type=search]::-webkit-search-decoration,
#uno-external-header .search-field input[type=search]::-webkit-search-cancel-button,
#uno-external-header .search-field input[type=search]::-webkit-search-results-button,
#uno-external-header .search-field input[type=search]::-webkit-search-results-decoration,
#uno-external-header .search-field__input::-webkit-search-decoration,
#uno-external-header .search-field__input::-webkit-search-cancel-button,
#uno-external-header .search-field__input::-webkit-search-results-button,
#uno-external-header .search-field__input::-webkit-search-results-decoration {
  display: none;
}

/* cross browser placeholder styles */
#uno-external-header .search-field input[type=search]::placeholder,
#uno-external-header .search-field__input::placeholder {
  color: var(--placeholder-fg);
  opacity: 1;
}

#uno-external-header .search-field input[type=search]:-ms-input-placeholder,
#uno-external-header .search-field__input:-ms-input-placeholder,
#uno-external-header .search-field input[type=search]::-ms-input-placeholder,
#uno-external-header .search-field__input::-ms-input-placeholder {
  color: var(--placeholder-fg);
}

#uno-external-header .ac-widget {
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.33);
  left: 50%;
  margin-left: calc((100vw - 20px) / -2);
  margin-top: 5px;
  padding: 15px;
  position: absolute;
  width: calc(100vw - 20px);
  z-index: 101;
}

@media only screen and (min-width: 976px) {
  #uno-external-header .ac-widget {
    width: 750px;
    margin-left: -375px;
  }
}
#uno-external-header .ac-widget button.close {
  position: absolute;
  right: 15px;
  top: 15px;
}

#uno-external-header .ac-widget .results {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
}

#uno-external-header .ac-widget .results .label {
  border-bottom: 2px solid var(--primary);
}

#uno-external-header .ac-widget .results .ac-all .result-list > li {
  border-bottom: 1px solid grey;
}

#uno-external-header .ac-widget .results ul {
  list-style-type: none;
  margin: 0 0 1em;
  padding: 0;
}

#uno-external-header .ac-widget .results li {
  margin: 0;
  padding: 0;
}

#uno-external-header .ac-widget .results .all-button {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row: 1;
  justify-self: left;
}

#uno-external-header .ac-widget .group .label:first-child,
#uno-external-header .ac-widget .all .label:first-child {
  margin-top: 0;
}

#uno-external-header .ac-widget .results .ac-groups {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row: 2;
  margin-left: 5px;
}

#uno-external-header .ac-widget .results .ac-all {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row: 2;
}

#uno-external-header .ac-widget .result-list a {
  text-decoration: none;
  display: block;
  padding: 7px 5px;
}

#uno-external-header .ac-widget .with-type {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

#uno-external-header .ac-widget .with-type > span {
  display: block;
}

#uno-external-header .ac-widget .with-type .type {
  color: var(--fg-muted);
  text-align: right;
}

#uno-external-header .label a {
  text-decoration: none;
  padding-right: 20px;
  background-image: url("../../images/chevron.svg");
  background-repeat: no-repeat;
  background-position: right center;
}

@media only screen and (max-width: 976px) {
  #uno-external-header .ac-widget .results {
    display: block;
  }
  #uno-external-header .ac-widget .results > * {
    margin-bottom: 20px;
  }
  #uno-external-header .ac-widget .results > *:last-child {
    margin-bottom: 0;
  }
  #uno-external-header .ac-widget .results .ac-all .result-list > li {
    border-bottom: none;
  }
  #uno-external-header .ac-widget .type {
    display: none;
  }
}
#uno-external-header .hidden {
  display: none;
}

#uno-external-header {
  --bg-base: transparent;
  --primary-muted: #FBDEC3;
  box-sizing: content-box; /* max-width+padding assumes that this is content-box (default), app might have used a *-selector to set a different value */
  display: grid;
  grid-template-columns: 11fr 16fr 11fr;
  max-width: 1200px;
  margin: 0 auto;
  padding: var(--s-5) var(--s-5);
  position: relative;
}

#uno-external-header .branding {
  grid-column: 1;
}

#uno-external-header .tools {
  align-items: baseline;
  display: flex;
  gap: var(--s-5);
  /*justify-content: space-between;*/
  justify-content: flex-end;
  grid-column: 3;
}

#uno-external-header .search-form-wrap {
  display: flex;
  grid-column: 2;
  justify-content: center;
}

#uno-external-header .search-form {
  margin-bottom: 0;
  position: relative;
}

#uno-external-header .button.minside {
  padding-left: 40px;
  background-image: url("../../images/icon-personal.svg");
  background-position: 13px center;
  background-repeat: no-repeat;
}

#uno-external-header .button.menu {
  padding-left: 45px;
  background-image: url("../../images/icon-hamburger-menu.svg");
  background-position: 13px center;
  background-repeat: no-repeat;
}

#uno-external-header .search-field__button, #uno-external-header .search-field button {
  background-image: url("../../images/icon-search.svg");
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -9999px;
  top: calc(1.375em - 1px);
}

#uno-external-header button.close {
  background-color: transparent;
  border: none;
  width: 20px;
  height: 20px;
  background-size: 20px;
  cursor: pointer;
  text-indent: -10000px;
  position: relative;
  background-image: url("../../images/icon-close.svg");
  background-repeat: no-repeat;
  background-position: center center;
}

#uno-external-header nav {
  background-color: #FFFFFF;
  border-radius: 10px;
  box-shadow: 0 0 10px #000;
  box-sizing: border-box;
  margin: 0;
  padding: var(--s-8) var(--s-5) var(--s-5);
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 100;
}

#uno-external-header nav ul.menu {
  border-top: 2px solid orange;
  margin: 0 0 var(--s-7);
  padding: 0;
}
#uno-external-header nav ul.menu:last-of-type {
  margin-bottom: 0;
}

#uno-external-header ul.menu {
  list-style-type: none;
}
#uno-external-header ul.menu a {
  text-decoration: none;
}
#uno-external-header ul.menu li {
  margin: 5px 0;
  padding: 5px 0;
}
#uno-external-header ul.menu.with-icons li {
  text-indent: calc(var(--s-6) * -1);
  padding-left: var(--s-6);
}
#uno-external-header ul.menu.with-icons a, #uno-external-header ul.menu a.with-icon {
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: var(--s-6);
}
#uno-external-header ul.menu .vgs a {
  background-image: url("../../images/icon-vgs.svg");
}
#uno-external-header ul.menu .uh a {
  background-image: url("../../images/icon-uh.svg");
}
#uno-external-header ul.menu .fgs a {
  background-image: url("../../images/icon-fgs.svg");
}
#uno-external-header ul.menu .fhs a {
  background-image: url("../../images/icon-fhs.svg");
}
#uno-external-header ul.menu .evu a {
  background-image: url("../../images/icon-evu.svg");
}
#uno-external-header ul.menu .ufa a {
  background-image: url("../../images/icon-ufa.svg");
}
#uno-external-header ul.menu .uiu a {
  background-image: url("../../images/icon-uiu.svg");
}
#uno-external-header ul.menu .sammenlign a {
  background-image: url("../../images/icon-compare.svg");
}
#uno-external-header ul.menu .minside a {
  background-image: url("../../images/icon-favourite.svg");
}

@media only screen and (min-width: 977px) {
  #uno-external-header nav {
    column-gap: var(--s-7);
    display: flex;
    padding: var(--s-7);
  }
  #uno-external-header nav ul.menu {
    margin-bottom: 0;
    width: 25%;
  }
  #uno-external-header nav button.close {
    position: relative;
    top: -10px;
  }
}
@media only screen and (max-width: 976px) {
  #uno-external-header {
    gap: var(--s-5);
    grid-template-columns: 99fr 1fr 1fr;
  }
  #uno-external-header .tools > .button {
    background-color: var(--primary-muted);
    border: none;
    text-indent: -9999px;
    padding-left: var(--button-padding-inline);
  }
  #uno-external-header input.search-input {
    display: none;
  }
  #uno-external-header .search-field input[type=search], #uno-external-header .search-field__input {
    padding: 0 1.5em;
    padding-left: calc(var(--TOUCH-TARGET-MIN-SIZE) / 2 + 3px);
    padding-right: calc(var(--TOUCH-TARGET-MIN-SIZE) / 2 + 3px);
    display: none;
  }
  #uno-external-header .button.minside {
    display: none;
  }
  #uno-external-header .search-field__button, #uno-external-header .search-field button {
    margin-top: 0;
    min-height: var(--TOUCH-TARGET-MIN-SIZE);
    min-width: var(--TOUCH-TARGET-MIN-SIZE);
  }
  #uno-external-header nav button.close {
    position: absolute;
    top: var(--s-5);
    right: var(--s-5);
  }
}

/*# sourceMappingURL=header.css.map */