@charset "UTF-8";
/*-----------------**
|  Global variables  |
**-----------------*/
/*****************
* Theming colors *
*****************/
/*----------------------------------------------------------**
|  Protype base variabelen voor de skin.css = prototype skin  |
**----------------------------------------------------------*/
/*******
* Grid *
*******/
/********
* Links *
********/
/**************
* transitions *
**************/
/************
* separator *
************/
/*-----------------------------**
|  Variables protype typography  |
**-----------------------------*/
/*---------------**
|  Globale option  |
**---------------*/
/* color output */
/* Scafolding */
/*--------------------------------**
|  Globale base colors for theming  |
**--------------------------------*/
/*-----------------------**
|  Globale base variables  |
**-----------------------*/
/*---------------------**
|  Globale base z-index  |
**---------------------*/
/*-------------------------**
|  Globale base Transitions  |
**-------------------------*/
/*----------------**
|  Globale Shadows  |
**----------------*/
/*------------------------**
|  Globale Spacing partial  |
**------------------------*/
/*------------------------**
|  Global base grid system  |
**------------------------*/
/*-----------------------**
|  Globale Border styling  |
**-----------------------*/
/*----------------------**
|  Global base separator  |
**----------------------*/
/*---------------------------**
|  Globale Base Focus styling  |
**---------------------------*/
/*----------------------**
|  Global link variables  |
**----------------------*/
/*-------------------**
|  Globale Typography  |
**-------------------*/
/* Font-family */
/*--------------------------------------------------------------------**
|  Use `inspect` for lists so that quoted items keep the quotes.        |
|  See https://github.com/sass/sass/issues/2383#issuecomment-336349172  |
**--------------------------------------------------------------------*/
/* Font weight */
/* font-size */
/* Headings style */
/*------------------**
| headings h1,h2,h3  |
**------------------*/
/*-------------------------**
|  Base variables voor Body  |
**-------------------------*/
/*--------------------**
|  Globale Breakpoints  |
**--------------------*/
/**************************************************************************
* Grid containers                                                         *
* // Define the maximum width of `.container` for different screen sizes. *
**************************************************************************/
/*--------------------------**
|  Globale Helpers variables  |
**--------------------------*/
/*---------------------------**
|  Base helper view variables  |
**---------------------------*/
/*-----------------------**
|  Globale core variables  |
**-----------------------*/
/*----------------------**
|  Global icon Variables  |
**----------------------*/
/* Icon size */
/* Icon text-padding (spacing between icon and text) */
/* Icon base styling */
/* variables base cbo font */
/*--------**w
|  New add  |
**--------*/
/* External [target="_blank"] icons base icon */
/* Inplace editing */
/*---------------------------**
|  Global core List variables  |
**---------------------------*/
/*------------------------------**
|  Global core buttons variables  |
**------------------------------*/
/*--------------------------**
|  Global core box Variables  |
**--------------------------*/
/*----------------------------**
|  Globale alert-box variables  |
**----------------------------*/
/*-----------------------**
|  Global Table Variables  |
**-----------------------*/
/*-------------------------**
|  Global overlay variables  |
**-------------------------*/
/*----------------------------------**
|  Globale navigation core variables  |
**----------------------------------*/
/* Nav-tabs */
/*--------------------------**
|  Global dropdown variables  |
**--------------------------*/
/*------------------------**
|  Global Scroll variables  |
**------------------------*/
/*----------------------------**
|  Breadcrumb Global variables  |
**----------------------------*/
/* Padding niet op a want staat inline dus op de wrapper */
/*-----------------------**
|  Global Media variables  |
**-----------------------*/
/*----------------------**
|  Global Status styling  |
**----------------------*/
/*-----------------------**
|  Globale form variables  |
**-----------------------*/
/* label variables */
/* Input variables */
/*----------------------------**
|  Global myinterest variables  |
**----------------------------*/
/*----------------------------**
|  Global favorites variables  |
**----------------------------*/
/*---------------------------------**
|  Global ticket__from-icon styling  |
**---------------------------------*/
/*--------------------------**
|  Global variable Accordion  |
**--------------------------*/
/*-----------------------**
|  Global steps variables  |
**-----------------------*/
/*--------------------**
|  Global variables poi  |
**--------------------*/
/*--------------------------**
|  Global taxonmie variables  |
**--------------------------*/
/*-------------------------------------------------------------------------**
|  Globale Variables for frontend-scss\scss\layout\components\_anchors.scss  |
**-------------------------------------------------------------------------*/
/*--------------------------**
|  Global Base Caret styling  |
**--------------------------*/
/*------------------------**
|  Globale Badge variables  |
**------------------------*/
/*-----------------------**
|  Global image variables  |
**-----------------------*/
/*---------------------------**
|  Global copyright variables  |
**---------------------------*/
/*------------------------------**
|  Global base loading indicator  |
**------------------------------*/
/*--------------------------------------**
|  Globale Download components variables  |
**--------------------------------------*/
/*-----------------------**
|  Globale date variables  |
**-----------------------*/
/*-------------------------**
|  Globale Toggle variables  |
**-------------------------*/
/*-------------------------**
|  Global partial variables  |
**-------------------------*/
/* Partial */
/* partial-grid layout */
/*-----------------------**
|  Global event variables  |
**-----------------------*/
/*------------------------------**
|  Global hall finder variables  |
**------------------------------*/
/* modules cordis */
/*----------------------------------------------------------------**
|  Globale variables voor de vrije content zone via de class .info  |
**----------------------------------------------------------------*/
/*-------------------------**
|  Globale Social variables  |
**-------------------------*/
/*------------------------**
|  Globale share variables  |
**------------------------*/
/*------------------------**
|  Global cookie variables  |
**------------------------*/
/*-----------------------------**
|  Global alertbanner variables  |
**-----------------------------*/
/*---------------------------**
|  Globale Contact variabelen  |
**---------------------------*/
/* Streetmap base dimensions */
/* hours styling */
/*--------------------------**
|  Global Calendar variables |
**--------------------------*/
/*--------------------------**
|  Global Timetables variables |
**--------------------------*/
/*------------------------------**
|  Global progress bar variables  |
**------------------------------*/
/* modules intranet */
/*--------------------------------------------**
|  Globale Prikbord / bulletin-board variables  |
**--------------------------------------------*/
/*---------------------------**
|  Globale birthday variables  |
**---------------------------*/
/*-------------------------------**
|  Global inout persons variables  |
**-------------------------------*/
/*------------------------------------------**
|  Global applications/ toepassing variables  |
**------------------------------------------*/
/* modules school */
/*-------------------------**
|  Globale header variables  |
**-------------------------*/
/*------------------------**
|  Global search variables  |
**------------------------*/
/*--------------------------------**
|  Global main structure variables  |
**--------------------------------*/
/*------------------------**
|  Global Footer variables  |
**------------------------*/
/*---------------------------**
|  Global home page variables  |
**---------------------------*/
/*-------------------------------**
|  Globale page sitemap variables  |
**-------------------------------*/
/* Global Components */
/*----------------------------------**
|  Global variables Component swiper  |
**----------------------------------*/
/* Global modules */
/*---------------------------------**
|  Global content-blocks variabelen  |
**---------------------------------*/
/*----------------------------**
|  Variable pagebuilder pb.css  |
**----------------------------*/
/*---------------------------------------**
|  Globale Variables Slideshow / bxslider  |
**---------------------------------------*/
/*-------------------------**
|  Globale variables filter  |
**-------------------------*/
/*---------------------------------------**
|  Globale Variables AI Search  |
**---------------------------------------*/
/*----------------------------------------**
|  Global Local tiles standalone variables  |
**----------------------------------------*/
/*------------------------------------**
|  Global static standalone atoz pages  |
**------------------------------------*/
/* Icordis */
/*--------------------------**
|  Globale sorting variables  |
**--------------------------*/
/*-----------------------------------------------------------------------------**
|  Variables global widget overrule + toekomst depc door vervanging pagebuilder  |
**-----------------------------------------------------------------------------*/
/*-----------**
|  Base Mixin  |
**-----------*/
/***************
* Mixin colors *
***************/
.info:not(:last-child) {
  margin-bottom: var(--paragraph-margin-vertical, var(--paragraph-margin-vertical-bottom, 1.6rem));
}

.info > *:first-child {
  margin-top: 0;
}
.info > * *:last-child {
  margin-bottom: 0 !important;
}
.info > *:last-child {
  margin-bottom: 0 !important;
}

h4, h5, h6, .title {
  margin-top: 0;
  font-family: var(--headings-font-family, Georgia, "Times New Roman", Times, serif);
  color: var(--headings-color, var(--color1-base));
  font-weight: var(--headings-font-weight, 700);
  line-height: var(--headings-line-height, 1.2);
}
h4:not(:last-child), h5:not(:last-child), h6:not(:last-child), .title:not(:last-child) {
  margin-bottom: var(--headings-margin-vertical, var(--headings-margin-vertical-bottom, 0.3em));
}
h4::before, h5::before, h6::before, .title::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 1.2) * 0.5em);
}

/*---------**
|  position  |
**---------*/
/*--------**
|  z-index  |
**--------*/
/*------------------------**
|  Text typography styling  |
**------------------------*/
/* Text truncate */
/* Text alignment */
/*---------------------**
|  Mixins Accessibility  |
**---------------------*/
/*************************
* Mixin toggling content *
*************************/
/*----------------**
|  Mixin tab-focus  |
**----------------*/
a:focus-visible,
button:focus-visible {
  box-shadow: var(--ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--shadow, 0 0 rgba(0, 0, 0, 0));
}

a:active {
  outline-offset: var(--outline-offset, 0.2rem);
  outline: 0.2rem dotted var(--outline-color);
}

/*
%focus-style-within {
	--ring-within-inset: var(--ring-inset);
    --ring-within-color: hsla(var(--hsla(var(--focus-h), var(--focus-s), var(--focus-l), var(--focus-a))-h), var(--hsla(var(--focus-h), var(--focus-s), var(--focus-l), var(--focus-a))-s), var(--hsla(var(--focus-h), var(--focus-s), var(--focus-l), var(--focus-a))-l), var(--ring-alpha-within, 0.8));
    --ring-within-color-offset: var(--ring-color-offset);
    --ring-within-width: var(--ring-width);
    --ring-within-width-offset: var(--ring-width-offset);
    --ring-within-offset-shadow: var(--ring-within-inset) 0 0 0 var(--ring-within-width-offset) var(--ring-within-color-offset);
    --ring-within-shadow: var(--ring-within-inset) 0 0 0 calc(var(--ring-within-width) + var(--ring-within-width-offset)) var(--ring-within-color); //0 0 #0000;
	box-shadow: var(--ring-within-offset-shadow, 0 0 #0000), var(--ring-within-shadow, 0 0 #0000), outputCssvar($shadow-none, shadow);
}

%focus-within  {
	&:focus-within {
		@extend %focus-style-within;
		// @include border-radius($border-radius);
    }
}
*/
/*------------------**
|  Mixins Animations  |
**------------------*/
/* Time based animations */
/* View based animations (scroll-driven by element-in-view progress) */
/****************
* Border radius *
****************/
/*--------------------------------**
|  Border-radius mixin the new way  |
**--------------------------------*/
/************
* Gradients *
************/
/************************
* Mixin flex properties *
************************/
/*-----------**
|  mixin icon  |
**-----------*/
[class*=btn-]:not(.btn-sorting,
.toolbar-list [class*=btn-],
.btn-rss)[target=_blank]::after,
button:not(.btn-sorting,
.toolbar-list [class*=btn-],
.btn-rss)[target=_blank]::after {
  content: "";
  position: var(--icon-position, relative);
  top: var(--icon-position-top, auto);
  right: var(--icon-position-right, auto);
  bottom: var(--icon-position-bottom, auto);
  left: var(--icon-position-left, auto);
  top: var(--icon-position-top, 0);
  display: var(--icon-display, inline-flex);
  flex-shrink: 0;
}

/*----------**
|  Mixin box  |
**----------*/
/***********
* Alertbox *
***********/
/*-----------------**
|  Mixin navigation  |
**-----------------*/
/******************
* Mixins Dropdown *
******************/
/**********
* Mixins navigations *
**********/
/*-------------------------**
|  Mixin status box styling  |
**-------------------------*/
/*------------**
|  Mixins form  |
**------------*/
/*------------**
|  Float mixin  |
**------------*/
/***************
* Mixin Scroll *
***************/
/*----------------**
|  Mixin Container  |
**----------------*/
/*-------------------**
|  Mixin Grid layouts  |
**-------------------*/
/*---------**
|  CSS grid  |
**---------*/
/***
	The new CSS reset - version 1.8.5 (last updated 14.6.2023)
	GitHub page: https://github.com/elad2412/the-new-css-reset
***/
/*
	Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
	- The "symbol *" part is to solve Firefox SVG sprite bug
	- The "html" attribute is exclud, because otherwise a bug in Chrome breaks the CSS hyphens property (https://github.com/elad2412/the-new-css-reset/issues/36)
*/
*:where(:not(iframe, canvas, img, video, audio, hr, sup, sub):not(svg *, symbol *)) {
  all: unset;
  display: revert;
}

/* Preferred box-sizing value */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Reapply the pointer cursor for anchor tags */
a, button {
  cursor: revert;
}

/* For images to not be able to exceed their container */
img,
video,
svg,
canvas,
iframe {
  max-width: 100%;
}

/* removes spacing between cells in tables */
table {
  border-collapse: collapse;
}

/* Safari - solving issue when using user-select:none on the <body> text input doesn't working */
input, textarea {
  -webkit-user-select: auto;
}

/* revert the 'white-space' property for textarea elements on Safari */
textarea {
  white-space: revert;
}

select {
  appearance: revert;
  user-select: revert;
}

/* minimum style to allow to style meter element */
meter {
  -webkit-appearance: revert;
  appearance: revert;
}

/* preformatted text - use only for this feature */
:where(pre) {
  all: revert;
}

/* reset default text opacity of input placeholder */
::placeholder {
  color: unset;
}

/* remove default dot (•) sign */
::marker {
  content: initial;
}

/* fix the feature of 'hidden' attribute.
   display:revert; revert to element instead of attribute */
:where([hidden]) {
  display: none;
}

/* revert for bug in Chromium browsers
- fix for the content editable attribute will work properly.
- webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/
:where([contenteditable]:not([contenteditable=false])) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
  -webkit-user-select: auto;
}

/* apply back the draggable feature - exist only in Chromium and Safari */
:where([draggable=true]) {
  -webkit-user-drag: element;
}

/* Revert Modal native behavior */
:where(dialog:modal) {
  all: revert;
}

/*
//- Create a root stacking context
//- https://www.joshwcomeau.com/css/custom-css-reset/
*/
#root, #__next {
  isolation: isolate;
}

/*****************
* base root file *
*****************/
:root {
  --container-gutter-horizontal: 3rem;
  --gutter-horizontal: 3rem;
  --gutter-vertical: 3rem;
  --font-family: Arial, Helvetica, "Helvetica Neue", sans-serif;
  --headings-font-family: Georgia, "Times New Roman", Times, serif;
  --body-color: var(--black);
  --body-background: var(--white);
  --paragraph-margin: 1.6rem;
  --icon-color: var(--color1-base);
  --transition-duration-base: 0.2s;
  --transition-timing-function: ease-in-out;
  --padding-horizontal-base: 1.2rem;
  --padding-vertical-base: 0.8rem;
  --border-width-base: 0.1rem;
  --border-color-base: var(--gray-light);
  --border-style-base: solid;
  --border-radius-base: 0.6rem;
  --pb-gutter-horizontal: var(--gutter-horizontal);
  --pb-gutter-vertical: var(--gutter-horizontal);
  --main-section-margin-vertical-bottom: 6rem;
  --main-content-margin-vertical-bottom: 4rem;
}

* {
  --white-h: 0deg;
  --white-s: 0%;
  --white-l: 100%;
  --white-a: 100%;
  --white: hsla(var(--white-h),var(--white-s), var(--white-l), var(--white-a));
  --black-h: 0deg;
  --black-s: 0%;
  --black-l: 0%;
  --black-a: 100%;
  --black: hsla(var(--black-h),var(--black-s), var(--black-l), var(--black-a));
  --focus-h: 190.0440528634deg;
  --focus-s: 89.7233201581%;
  --focus-l: 49.6078431373%;
  --focus-a: 100%;
  --focus: hsla(var(--focus-h),var(--focus-s), var(--focus-l), var(--focus-a));
  --color1-darker-h: 210deg;
  --color1-darker-s: 10.8108108108%;
  --color1-darker-l: 14.5098039216%;
  --color1-darker-a: 100%;
  --color1-darker: hsla(var(--color1-darker-h),var(--color1-darker-s), var(--color1-darker-l), var(--color1-darker-a));
  --color1-dark-h: 210deg;
  --color1-dark-s: 8.75%;
  --color1-dark-l: 31.3725490196%;
  --color1-dark-a: 100%;
  --color1-dark: hsla(var(--color1-dark-h),var(--color1-dark-s), var(--color1-dark-l), var(--color1-dark-a));
  --color1-base-h: 208.2352941176deg;
  --color1-base-s: 7.2961373391%;
  --color1-base-l: 45.6862745098%;
  --color1-base-a: 100%;
  --color1-base: hsla(var(--color1-base-h),var(--color1-base-s), var(--color1-base-l), var(--color1-base-a));
  --color1-light-h: 210deg;
  --color1-light-s: 13.9534883721%;
  --color1-light-l: 83.137254902%;
  --color1-light-a: 100%;
  --color1-light: hsla(var(--color1-light-h),var(--color1-light-s), var(--color1-light-l), var(--color1-light-a));
  --color1-lighter-h: 210deg;
  --color1-lighter-s: 16.6666666667%;
  --color1-lighter-l: 97.6470588235%;
  --color1-lighter-a: 100%;
  --color1-lighter: hsla(var(--color1-lighter-h),var(--color1-lighter-s), var(--color1-lighter-l), var(--color1-lighter-a));
  --color2-darker-h: 210deg;
  --color2-darker-s: 10.8108108108%;
  --color2-darker-l: 14.5098039216%;
  --color2-darker-a: 100%;
  --color2-darker: hsla(var(--color2-darker-h),var(--color2-darker-s), var(--color2-darker-l), var(--color2-darker-a));
  --color2-dark-h: 210deg;
  --color2-dark-s: 8.75%;
  --color2-dark-l: 31.3725490196%;
  --color2-dark-a: 100%;
  --color2-dark: hsla(var(--color2-dark-h),var(--color2-dark-s), var(--color2-dark-l), var(--color2-dark-a));
  --color2-base-h: 208.2352941176deg;
  --color2-base-s: 7.2961373391%;
  --color2-base-l: 45.6862745098%;
  --color2-base-a: 100%;
  --color2-base: hsla(var(--color2-base-h),var(--color2-base-s), var(--color2-base-l), var(--color2-base-a));
  --color2-light-h: 210deg;
  --color2-light-s: 13.9534883721%;
  --color2-light-l: 83.137254902%;
  --color2-light-a: 100%;
  --color2-light: hsla(var(--color2-light-h),var(--color2-light-s), var(--color2-light-l), var(--color2-light-a));
  --color2-lighter-h: 210deg;
  --color2-lighter-s: 16.6666666667%;
  --color2-lighter-l: 97.6470588235%;
  --color2-lighter-a: 100%;
  --color2-lighter: hsla(var(--color2-lighter-h),var(--color2-lighter-s), var(--color2-lighter-l), var(--color2-lighter-a));
  --gray-darker-h: 210deg;
  --gray-darker-s: 10.8108108108%;
  --gray-darker-l: 14.5098039216%;
  --gray-darker-a: 100%;
  --gray-darker: hsla(var(--gray-darker-h),var(--gray-darker-s), var(--gray-darker-l), var(--gray-darker-a));
  --gray-dark-h: 210deg;
  --gray-dark-s: 8.75%;
  --gray-dark-l: 31.3725490196%;
  --gray-dark-a: 100%;
  --gray-dark: hsla(var(--gray-dark-h),var(--gray-dark-s), var(--gray-dark-l), var(--gray-dark-a));
  --gray-base-h: 208.2352941176deg;
  --gray-base-s: 7.2961373391%;
  --gray-base-l: 45.6862745098%;
  --gray-base-a: 100%;
  --gray-base: hsla(var(--gray-base-h),var(--gray-base-s), var(--gray-base-l), var(--gray-base-a));
  --gray-light-h: 210deg;
  --gray-light-s: 13.9534883721%;
  --gray-light-l: 83.137254902%;
  --gray-light-a: 100%;
  --gray-light: hsla(var(--gray-light-h),var(--gray-light-s), var(--gray-light-l), var(--gray-light-a));
  --gray-lighter-h: 210deg;
  --gray-lighter-s: 16.6666666667%;
  --gray-lighter-l: 97.6470588235%;
  --gray-lighter-a: 100%;
  --gray-lighter: hsla(var(--gray-lighter-h),var(--gray-lighter-s), var(--gray-lighter-l), var(--gray-lighter-a));
  --ring-color: hsla(var(--focus-h), var(--focus-s), var(--focus-l), var(--focus-a));
  --focus-a: 0.8;
  --ring-color-offset: hsla(var(--white-h), var(--white-s), var(--white-l), var(--white-a));
  --ring-width: 0.2rem;
  --ring-width-offset: 0rem;
  --ring-inset: var(--inset-empty, );
  --ring-offset-shadow: var(--ring-inset) 0 0 0 var(--ring-width-offset) var(--ring-color-offset);
  --ring-shadow: var(--ring-inset) 0 0 0 calc(var(--ring-width) + var(--ring-width-offset)) var(--ring-color);
  --outline-color: #ced4da;
}

/*****************
* Main tab focus *
*****************/
/***********************************************************
* base structure en scaffolding met reset/normalise in één *
***********************************************************/
html,
body {
  height: 100%;
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
  /* Prevent font scaling in landscape while allowing user zoom */
  scroll-padding-top: var(--scroll-padding-top, 1.5rem);
}
html.no-scroll {
  overflow: hidden;
  position: relative;
}

body {
  position: relative;
  -webkit-font-smoothing: antialiased;
  font-family: var(--font-family);
  font-size: var(--body-font-size, 1.6rem);
  color: var(--body-color, var(--black));
  font-weight: var(--body-font-weight, normal);
  background-color: var(--body-background, var(--white));
  font-weight: var(--body-font-weight, normal);
  line-height: var(--body-line-height, 1.5);
  min-width: var(--min-width, 320px);
}
body:has(.header__nav.is-active) .header__search {
  visibility: hidden;
}
body:has(.selected), body:has(.header__nav.is-active) {
  --zindex: -1;
  --linktag-zindex: -1;
}
@media (max-width: 31.98em) {
  body {
    -webkit-text-size-adjust: 100%;
  }
}

hr {
  border: none;
  border-top: var(--hr-border-width, var(--border-width-base)) var(--hr-border-style, var(--border-style-base)) var(--hr-border-color, var(--border-color-base));
  margin-top: var(--hr-margin-vertical, var(--hr-margin-vertical-top, 0));
  margin-bottom: var(--hr-margin-vertical, var(--hr-margin-vertical-bottom, 0));
}

img,
a {
  transition: all var(--transition-duration-base) var(--transition-timing-function);
}

img {
  transition-property: opacity;
  transition-property: opacity, transform;
}

a {
  color: var(--link-color, var(--color1-base));
}
a:hover, a:focus-visible {
  color: var(--link-color-hover, var(--color2-base));
}
a {
  text-decoration-line: var(--link-decoration, underline);
  text-decoration-color: var(--link-decoration-color, var(--color1-base));
  text-underline-offset: var(--link-decoration-offset, 0.1rem);
  text-decoration-thickness: var(--link-decoration-thickness, 0.1rem);
}
a:hover, a:focus-visible {
  text-decoration-color: var(--link-decoration-color-hover, var(--color2-base));
}
a {
  transition-property: background-color, color, border, text-decoration;
}
a:hover, a:focus-visible {
  color: var(--link-color-hover, var(--color2-base));
}

a:focus-visible,
button:focus-visible {
  outline: none;
}

@media (min-width: 48em) {
  p {
    max-width: var(--info-char-max-width, 100ch);
    text-wrap: pretty;
  }
}

sub,
sup {
  font-size: 70%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/********************
* Description Lists *
********************/
/*
dt,
dd {}
*/
dt {
  float: left;
  font-weight: 700;
  margin-right: 1.2rem;
}

b,
strong {
  font-weight: 700;
}

em,
i {
  font-style: italic;
}

/********************
* Reduced Motion *
********************/
@media (prefers-reduced-motion: reduce), (update: slow) {
  :root {
    --transition-duration-base: 0.02s;
  }
}
h4.has-icon, h5.has-icon, h6.has-icon, .title.has-icon {
  --icon-margin-horizontal: 1.2rem;
  --icon-position-top: 0.05em;
  --icon-size-square: 2.4rem;
  --icon-color-primary: var(--color1-base);
}

h1,
h2,
h3 {
  margin-top: 0;
  line-height: var(--headings-line-height, 1.2);
}
h1:not(:last-child),
h2:not(:last-child),
h3:not(:last-child) {
  margin-bottom: var(--headings-margin-vertical, var(--headings-margin-vertical-bottom, 0.3em));
}
h1::before,
h2::before,
h3::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 1.2) * 0.5em);
}

h1 {
  font-size: var(--h1-font-size, var(--font-size, 4rem));
  font-family: var(--h1-headings-font-family, var(--headings-font-family, Georgia, "Times New Roman", Times, serif));
  color: var(--h1-headings-color, var(--headings-color, var(--color1-base)));
  font-weight: var(--h1-headings-font-weight, var(--headings-font-weight, 700));
}

h2 {
  font-size: var(--h2-font-size, var(--font-size, 3.2rem));
  font-family: var(--h2-headings-font-family, var(--headings-font-family, Georgia, "Times New Roman", Times, serif));
  color: var(--h2-headings-color, var(--headings-color, var(--color1-base)));
  font-weight: var(--h2-headings-font-weight, var(--headings-font-weight, 700));
}

h3 {
  font-size: var(--h3-font-size, var(--font-size, 2.4rem));
  font-family: var(--h3-headings-font-family, var(--headings-font-family, Georgia, "Times New Roman", Times, serif));
  color: var(--h3-headings-color, var(--headings-color, var(--color1-base)));
  font-weight: var(--h3-headings-font-weight, var(--headings-font-weight, 700));
}

h4 {
  font-size: var(--font-size, 2.2rem);
}

h5 {
  font-size: var(--font-size, 1.8rem);
}

h6 {
  font-size: var(--font-size, 1.6rem);
}

/*****************
* Animations *
*****************/
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loading-bounce {
  0%, 50%, 100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
/**********************************************************************************
* Set Container widths                                                            *
* // Set the container width, and override it for fixed navbars in media queries. *
**********************************************************************************/
.container,
.container-fluid {
  width: 100%;
  padding-left: var(--container-gutter-horizontal, 3rem);
  padding-right: var(--container-gutter-horizontal, 3rem);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 48em) {
  .container,
  .container-fluid {
    --container-gutter-horizontal: 4rem;
  }
}
@media (min-width: 64em) {
  .container,
  .container-fluid {
    --container-gutter-horizontal: 6rem;
  }
}

@media (min-width: 90em) {
  .container {
    max-width: 1600px;
  }
}

/*******************
* Set grid classes *
*******************/
/************************
* Widget grid Structure *
************************/
.widget-row {
  --widget-gutter-vertical: var(--gutter-horizontal, 3rem);
  --widget-gutter-horizontal: var(--gutter-horizontal, 3rem);
  --gutter-vertical: 3rem;
  --gutter-horizontal: 3rem;
}

body {
  display: var(--body-display, flex);
  flex-direction: var(--body-flex-direction, column);
  justify-content: var(--body-justify-content, center);
}

/*------------------------------**
|  core initalisation components  |
**------------------------------*/
/**************
* Core button *
**************/
[class*=btn-],
button {
  display: var(--display, inline-flex);
  justify-content: var(--btn-justify-content, center);
  align-items: var(--btn-align-items, center);
  cursor: pointer;
  color: var(--btn-text-color, var(--body-color));
  background-color: var(--btn-background-color, var(--gray-lighter));
  font-weight: var(--btn-font-weight, 400);
  border-width: var(--btn-border-width, var(--border-width-base));
  border-style: var(--btn-border-style, var(--border-style-base));
  border-color: var(--btn-border-color, var(--gray-light));
}
[class*=btn-]:hover:not(span), [class*=btn-]:focus-visible:not(span),
button:hover:not(span),
button:focus-visible:not(span) {
  color: var(--btn-text-color-hover, var(--body-color));
  background-color: var(--btn-background-color-hover, var(--gray-lighter));
  --icon-color-primary: var(--icon-color-hover);
  border-color: var(--btn-border-color-hover, var(--gray-light));
}
[class*=btn-],
button {
  padding-top: var(--btn-padding-vertical, var(--btn-padding-vertical-top, var(--padding-vertical-base)));
  padding-bottom: var(--btn-padding-vertical, var(--btn-padding-vertical-bottom, var(--padding-vertical-base)));
  padding-left: var(--btn-padding-horizontal, var(--btn-padding-horizontal-left, var(--padding-horizontal-base)));
  padding-right: var(--btn-padding-horizontal, var(--btn-padding-horizontal-right, var(--padding-horizontal-base)));
  font-size: var(--btn-font-size, var(--font-size, 1.6rem));
  border-top-left-radius: var(--btn-border-radius-top, var(--btn-border-radius-top-left, var(--border-radius-base)));
  border-top-right-radius: var(--btn-border-radius-top, var(--btn-border-radius-top-right, var(--border-radius-base)));
  border-bottom-left-radius: var(--btn-border-radius-bottom, var(--btn-border-radius-bottom-left, var(--border-radius-base)));
  border-bottom-right-radius: var(--btn-border-radius-bottom, var(--btn-border-radius-bottom-right, var(--border-radius-base)));
  text-decoration-line: var(--btn-link-decoration, none);
  text-decoration-color: var(--btn-link-decoration-color, var(--color1-base));
  text-underline-offset: var(--btn-link-decoration-offset, 0.1rem);
  text-decoration-thickness: var(--btn-link-decoration-thickness, 0.1rem);
}
[class*=btn-]:hover, [class*=btn-]:focus-visible,
button:hover,
button:focus-visible {
  text-decoration-color: var(--btn-link-decoration-color-hover, var(--color2-base));
}
[class*=btn-],
button {
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, text-decoration-color 0.15s ease-in-out;
  --icon-margin-horizontal: var(--btn-icon-margin-horizontal, 0.5rem);
  --icon-color-primary: var(--btn-icon-color-primary, var(--body-color));
  --icon-color-hover: var(--btn-icon-color-hover, var(--body-color));
}
[class*=btn-]:disabled,
button:disabled {
  cursor: not-allowed;
  opacity: 0.36;
  /* //disabled layout experimenteel af
  @include button-variant(
  	$text-color: $btn-text-color,
  	$background-color: $btn-background-default,
  	$border-color: $btn-border-default,
  	// $text-color-hover: if($text-color == null, null, $text-color),
  	// $background-color-hover: if($background-color == null, null, $background-color),
  	// $border-color-hover: if($border-color == null, null, $border-color)
  );

  @include icon-variant($icon-color: $btn-text-color, $icon-color-hover: $btn-text-color);
  */
}
[class*=btn-]:not(.btn-sorting,
.toolbar-list [class*=btn-],
.btn-rss)[target=_blank]::after,
button:not(.btn-sorting,
.toolbar-list [class*=btn-],
.btn-rss)[target=_blank]::after {
  --icon-position-top: -0.1rem;
  -webkit-mask-image: var(--icon-background-url, url("data:image/svg+xml;utf8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v9l-3.794-3.793-5.999 6-1.414-1.414 5.999-6L12 3h9z' /%3e%3c/svg%3e"));
  mask-image: var(--icon-background-url, url("data:image/svg+xml;utf8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v9l-3.794-3.793-5.999 6-1.414-1.414 5.999-6L12 3h9z' /%3e%3c/svg%3e"));
  background-repeat: no-repeat;
  background-color: var(--icon-color-primary, var(--icon-color));
  background-size: var(--icon-size-width, var(--icon-size-square, 1.6rem)) var(--icon-size-height, var(--icon-size-square, 1.6rem));
  width: var(--icon-size-width, var(--icon-size-square, 1.6rem));
  height: var(--icon-size-height, var(--icon-size-square, 1.6rem));
  min-width: var(--icon-size-width, var(--icon-size-square, 1.6rem));
  transition: all var(--transition-duration-base) var(--transition-timing-function);
  margin-left: var(--icon-margin-horizontal, var(--icon-margin-horizontal-left, 0.5rem));
}
[class*=btn-]:not(.btn-sorting,
.toolbar-list [class*=btn-],
.btn-rss)[target=_blank]:not([class*=btn-]):hover, [class*=btn-]:not(.btn-sorting,
.toolbar-list [class*=btn-],
.btn-rss)[target=_blank]:not([class*=btn-]):focus-visible,
button:not(.btn-sorting,
.toolbar-list [class*=btn-],
.btn-rss)[target=_blank]:not([class*=btn-]):hover,
button:not(.btn-sorting,
.toolbar-list [class*=btn-],
.btn-rss)[target=_blank]:not([class*=btn-]):focus-visible {
  --icon-color-primary: var(--color2-base);
}

/***********
* Core Box *
***********/
[class*=box-] {
  color: var(--box-text-color, var(--body-color));
  background-color: var(--box-background-color, var(--gray-lighter));
  border-width: var(--box-border-width, var(--border-width-base));
  border-style: var(--box-border-style, var(--border-style-base));
  border-color: var(--box-border-color, var(--border-color-base));
  --link-color: var(--box-link-color, var(--body-color));
  --link-decoration-color: var(--box-link-color, var(--body-color));
  padding-top: var(--box-padding-vertical, var(--box-padding-vertical-top, 1.6rem));
  padding-bottom: var(--box-padding-vertical, var(--box-padding-vertical-bottom, 1.6rem));
  padding-left: var(--box-padding-horizontal, var(--box-padding-horizontal-left, 1.6rem));
  padding-right: var(--box-padding-horizontal, var(--box-padding-horizontal-right, 1.6rem));
  border-top-left-radius: var(--box-border-radius-top, var(--box-border-radius-top-left, var(--border-radius-base)));
  border-top-right-radius: var(--box-border-radius-top, var(--box-border-radius-top-right, var(--border-radius-base)));
  border-bottom-left-radius: var(--box-border-radius-bottom, var(--box-border-radius-bottom-left, var(--border-radius-base)));
  border-bottom-right-radius: var(--box-border-radius-bottom, var(--box-border-radius-bottom-right, var(--border-radius-base)));
}

/*****************
* Core Alert-box *
*****************/
[class*=alertbox-] {
  color: var(--alertbox-text-color, var(--body-color));
  background-color: var(--alertbox-background-color, var(--gray-lighter));
  border-width: var(--alertbox-border-width, 1px);
  border-style: var(--alertbox-border-style, var(--border-style-base));
  border-color: var(--alertbox-border-color, var(--gray-light));
  padding-top: var(--alertbox-padding-vertical, var(--alertbox-padding-vertical-top, 1.2rem));
  padding-bottom: var(--alertbox-padding-vertical, var(--alertbox-padding-vertical-bottom, 1.2rem));
  padding-left: var(--alertbox-padding-horizontal, var(--alertbox-padding-horizontal-left, 1.2rem));
  padding-right: var(--alertbox-padding-horizontal, var(--alertbox-padding-horizontal-right, 1.2rem));
  border-top-left-radius: var(--alertbox-border-radius-top, var(--alertbox-border-radius-top-left, var(--border-radius-base)));
  border-top-right-radius: var(--alertbox-border-radius-top, var(--alertbox-border-radius-top-right, var(--border-radius-base)));
  border-bottom-left-radius: var(--alertbox-border-radius-bottom, var(--alertbox-border-radius-bottom-left, var(--border-radius-base)));
  border-bottom-right-radius: var(--alertbox-border-radius-bottom, var(--alertbox-border-radius-bottom-right, var(--border-radius-base)));
}

.main {
  overflow-x: clip;
}

.info h1,
.info h2,
.info h3,
.info h4,
.info h5,
.info h6,
.info .title,
.info p,
.info ol,
.info ul,
.info dl,
.info table,
.info blockquote,
.info iframe {
  margin: revert;
  margin-bottom: var(--margin-vertical, var(--margin-vertical-bottom, 0.3em));
}
.info h2 + h3 {
  margin-top: 0;
}
.info h3 + h4 {
  margin-top: 0;
}
.info h4 + h5 {
  margin-top: 0;
}
.info h5 + h6 {
  margin-top: 0;
}

.footer {
  position: sticky;
  top: 100vh;
}
/*# sourceMappingURL=../../maps/layout/icordis/error.css.map */