*::selection {
  color: white;
  background-color: var(--second-color);
}

body {
  margin: 0;
  padding: 0;
  height: 100vh;
  overflow: hidden;
  display: grid;
  justify-items: center;
  align-items: center;
  background-color: var(--body-bg);
  color: var(--text-color);
}

@font-face {
  font-family: "Inter";
  src: url("/fonts/Inter/static/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/fonts/Inter/static/Inter-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/fonts/Inter/static/Inter-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
:root {
  --main-color: hsl(248, 56%, 26%);
  --main-light: #DFE8F9;
  --second-color: hsl(80, 68%, 44%);
  --second-blur: hsla(80, 68%, 44%, 0.5);
  --second-light: hsl(81, 57%, 88%);
  --body-bg: hsl(356, 100%, 100%);
  --text-color: hsl(248, 56%, 26%);
  --white: hsl(356, 100%, 100%);
  --logo: haga-kleur.svg;
  --regular: 400;
  --medium: 500;
  --bold: 700;
}
:root body.dark {
  --body-bg: hsl(248, 56%, 26%);
  --text-color: hsl(356, 100%, 100%);
  --logo: haga-wit.svg;
}

html {
  font-family: "Inter", Arial, sans-serif;
  font-size: 40px;
  font-weight: var(--regular);
  line-height: 1.6;
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
}

h1 {
  grid-column: span 11;
  margin: 0;
  font-size: 2.5rem;
  line-height: 1.15;
  font-weight: var(--bold);
}
h1:has(+ * + img[aria-label=titlepage-image]) {
  grid-column: span 8;
}
h1:has(+ * + article[aria-label=side-info]) {
  grid-column: span 7;
}

h3 {
  font-size: 1rem;
}

p {
  margin: 0;
  /*font-size: 2vw;*/
  font-size: 38.4px;
  position: relative;
  height: max-content;
  display: block;
}
p:not(:last-child) {
  margin-bottom: 1rem;
}
p:not(:last-child):has(+ ul) {
  margin-bottom: 0;
}
p:last-child:after {
  content: ".";
  color: var(--second-color);
  font-size: 3rem;
  line-height: 0;
  position: absolute;
  padding-left: 0.25rem;
  display: contents;
}

:is(article[aria-label=side-info]) p, h3 {
  margin: 0;
}

:is(.nc__caption) p:after {
  color: var(--white);
}

p, ul, li {
  line-height: 1.6;
}

ul, ol {
  margin: 0 0.5rem;
}

h4 {
  margin: 0;
  font-size: 1rem;
  font-weight: var(--regular);
  line-height: 1.2;
}

.nc-content {
  width: calc(100% - 6rem);
  height: calc(100% - 6rem);
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: max-content;
  gap: 1rem;
}
.nc-content section.specialist {
  grid-column: span 12;
}
.nc-content article {
  grid-column: span 8;
}
.nc-content article:has(+ img[aria-label=content-image]) {
  grid-column: span 6;
}
.nc-content article:has(+ img[aria-label=titlepage-image]) {
  grid-column: span 7;
}
.nc-content article:has(+ article[aria-label=side-info]) {
  grid-column: span 6;
}
.nc-content article[aria-label=side-info] {
  position: absolute;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  top: 0;
  right: 0;
  width: calc(740px - 4rem);
  height: 100%;
  border-radius: 170px 0 0 170px;
  object-fit: cover;
  background-color: var(--second-light);
  z-index: -1;
  padding: 4rem 2rem 0;
  gap: 0.5rem;
}
.nc-content[aria-label=information] + .logo {
  background: url(/images/nc/haga-kleur.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.nc-content img[aria-label=content-image] {
  grid-column: span 6;
  justify-self: center;
  max-width: calc(100% - 1.5rem);
  object-fit: cover;
  border-radius: 30px;
  max-height: 600px;
}
.nc-content img[aria-label=titlepage-image] {
  position: absolute;
  top: 0;
  right: 0;
  width: 656px;
  height: 100%;
  border-radius: 170px 0 0 170px;
  object-fit: cover;
}

.textcontainer {
  overflow-y: hidden;
  position: relative;
  display: inline-block;
  height: 11.52rem;
}
.textcontainer .textcontainerinner {
  position: absolute;
  display: block;
}
.textcontainer .textcontainerinner.page1 {
  top: -11.52rem;
}
.textcontainer .textcontainerinner.page2 {
  top: -23.04rem;
}
.textcontainer .textcontainerinner.page3 {
  top: -34.56rem;
}
.textcontainer .textcontainerinner.page4 {
  top: -46.08rem;
}
.textcontainer .textcontainerinner.page5 {
  top: -57.6rem;
}
.textcontainer .textcontainerinner.page6 {
  top: -69.12rem;
}
.textcontainer .textcontainerinner.page7 {
  top: -80.64rem;
}
.textcontainer .textcontainerinner.page8 {
  top: -92.16rem;
}
.textcontainer .textcontainerinner.page9 {
  top: -103.68rem;
}
.textcontainer .textcontainerinner.page10 {
  top: -115.2rem;
}
.textcontainer:has(+ img[aria-label=content-image]) {
  height: 10.88rem;
}
.textcontainer:has(+ img[aria-label=content-image]) .textcontainerinner.page1 {
  top: -10.88rem;
}
.textcontainer:has(+ img[aria-label=content-image]) .textcontainerinner.page2 {
  top: -21.76rem;
}
.textcontainer:has(+ img[aria-label=content-image]) .textcontainerinner.page3 {
  top: -32.64rem;
}
.textcontainer:has(+ img[aria-label=content-image]) .textcontainerinner.page4 {
  top: -43.52rem;
}
.textcontainer:has(+ img[aria-label=content-image]) .textcontainerinner.page5 {
  top: -54.4rem;
}
.textcontainer:has(+ img[aria-label=content-image]) .textcontainerinner.page6 {
  top: -65.28rem;
}
.textcontainer:has(+ img[aria-label=content-image]) .textcontainerinner.page7 {
  top: -76.16rem;
}
.textcontainer:has(+ img[aria-label=content-image]) .textcontainerinner.page8 {
  top: -87.04rem;
}
.textcontainer:has(+ img[aria-label=content-image]) .textcontainerinner.page9 {
  top: -97.92rem;
}
.textcontainer:has(+ img[aria-label=content-image]) .textcontainerinner.page10 {
  top: -108.8rem;
}

.specialist {
  display: flex;
  gap: 0 1.5rem;
  flex-wrap: wrap;
}
.specialist__item {
  display: inline-flex;
  width: calc(50% - 1.5rem);
  gap: 1rem;
}
.specialist__item > img {
  width: 3.9rem;
  height: 3.9rem;
  border-radius: 50%;
  object-fit: cover;
  flex: none;
}
.specialist__item-body {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.nc__uitgelicht {
  z-index: -1;
}
.nc__caption {
  position: absolute;
  bottom: 1.5rem;
  right: 2rem;
  z-index: 1;
  backdrop-filter: blur(10px);
  border-radius: 20px;
  background-color: rgba(76, 97, 233, 0.4);
  width: 585px;
  height: max-content;
  padding: 1rem;
}
.nc__caption > p {
  color: var(--white) !important;
  font-weight: var(--bold);
}
.nc__img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}

.nc__video video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.nc__video + .logo {
  display: none;
}

date {
  color: var(--white);
  position: fixed;
  top: 0;
  right: 0;
  width: 490px;
  font-weight: var(--medium);
  background-color: var(--second-color);
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 0 0 34px;
  backdrop-filter: blur(10px);
  z-index: 10;
}

:is(main[aria-label=uitgelicht] date) {
  background-color: var(--second-blur);
}

:is(main[aria-label=information]) date {
  background-color: transparent;
  color: var(--main-color);
  backdrop-filter: unset;
}

/*    &:has( + main[aria-label="video"]) {
        display: none;
    }

    &:has( + main[aria-label="titlepage"]) {
        display: none;
    }

}
*/
.logo {
  width: 450px;
  height: 90px;
  margin: 0;
  position: absolute;
  bottom: 1rem;
  left: 2.5rem;
  background: url(/images/nc/haga-kleur.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

:is(.dark) .logo {
  background: url(/images/nc/haga-wit.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.nc-paging {
  position: absolute;
  width: 49%;
  height: 1.5rem;
  left: 0;
  bottom: 15%;
}
.nc-paging-indicator {
  width: max-content;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: auto;
  height: 1.5rem;
}
.nc-paging-indicator--icn {
  -webkit-transition: all 0s ease-in-out;
  -moz-transition: all 0s ease-in-out;
  -ms-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
  transition: all 0s ease-in-out, all 0s ease-in-out;
  width: 30px;
  height: 30px;
  background: var(--main-light);
  border-radius: 50%;
  display: block;
}
.nc-paging-indicator--icn.active {
  -webkit-transition: all 0s ease-in-out;
  -moz-transition: all 0s ease-in-out;
  -ms-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
  transition: all 0s ease-in-out, all 0s ease-in-out;
  background: var(--main-color);
}
.nc-paging--specialist {
  width: 100%;
  bottom: 5%;
}

:is(.dark) .nc-paging-indicator--icn.active {
  background: var(--second-color);
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22file:///C:/Source/Haga/WebCIt.Web/Styles-NC/1-base/_base.scss%22,%22file:///C:/Source/Haga/WebCIt.Web/Styles-NC/1-base/_fonts.scss%22,%22file:///C:/Source/Haga/WebCIt.Web/Styles-NC/1-base/_variables.scss%22,%22file:///C:/Source/Haga/WebCIt.Web/Styles-NC/1-base/_typo.scss%22,%22file:///C:/Source/Haga/WebCIt.Web/Styles-NC/2-layout/_content.scss%22,%22file:///C:/Source/Haga/WebCIt.Web/Styles-NC/1-base/_mixins.scss%22,%22file:///C:/Source/Haga/WebCIt.Web/Styles-NC/2-layout/_specialist.scss%22,%22file:///C:/Source/Haga/WebCIt.Web/Styles-NC/2-layout/_uitgelicht.scss%22,%22file:///C:/Source/Haga/WebCIt.Web/Styles-NC/2-layout/_video.scss%22,%22file:///C:/Source/Haga/WebCIt.Web/Styles-NC/3-modules/_date.scss%22,%22file:///C:/Source/Haga/WebCIt.Web/Styles-NC/3-modules/logo.scss%22,%22file:///C:/Source/Haga/WebCIt.Web/Styles-NC/3-modules/content-indicators.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AACI;EACI;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AChBJ;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;;ACnBJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;;ACjBR;EACI,aD2BG;EC1BH,WD8Ba;EC7Bb;EACA;EACA;EACA;;;AAIJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;;AAKR;EACI;;;AAGJ;EACI;AAEA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIR;EACI;;;AAGJ;EACI;;;AAIJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;;AChFJ;ECEI,ODDgB;ECEhB,QDFgB;EAChB;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;ECxBA,YDyB0B;ECxB1B;EACA;EACA;;ADyBA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIR;EAEI;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGI;EACI;;AADJ;EACI;;AADJ;EACI;;AADJ;EACI;;AADJ;EACI;;AADJ;EACI;;AADJ;EACI;;AADJ;EACI;;AADJ;EACI;;AADJ;EACI;;AAKZ;EAEI;;AAIQ;EACI;;AADJ;EACI;;AADJ;EACI;;AADJ;EACI;;AADJ;EACI;;AADJ;EACI;;AADJ;EACI;;AADJ;EACI;;AADJ;EACI;;AADJ;EACI;;;AE7FpB;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAEA;EDRJ,OCSwB;EDRxB,QCQwB;EAChB;EACA;EACA;;AAGJ;EACI;EACA;EACA;;;ACnBR;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAIR;EFrBA,OEsBoB;EFrBpB,QEqBoB;EAChB;EACA;EACA;EACA;;;AC3BJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;;;ACVR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AAEJ;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AC1BA;EACI;EACA;EACA;EACA;EACA;EACA;ELcA,YKbsB;ELctB;EACA;EACA;;;AKbJ;ELUI,YKTsB;ELUtB;EACA;EACA;;;AMvBH;EACG;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;ENuFJ,oBMtFQ;ENuFR,iBMvFQ;ENwFR,gBMxFQ;ENyFR,eMzFQ;EN0FR,YM1FQ;EN2FR;EAzGA,OMewB;ENdxB,QMcwB;EAChB;EACA;EACA;;AAEA;ENgFR,oBM/EY;ENgFZ,iBMhFY;ENiFZ,gBMjFY;ENkFZ,eMlFY;ENmFZ,YMnFY;ENoFZ;EMnFY;;AAKZ;EACI;EACA;;;AAIR;EACI%22%7D */