@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Colors */
/* Other constants */
.successColor {
  color: #376669;
}

.errorColor {
  color: #D30231;
}

.dump {
  font-family: "Roboto", sans-serif;
  font-family: "Open Sans", sans-serif;
  font-family: "Bungee", cursive;
  font-family: "Merriweather", serif;
  font-family: "Teko", sans-serif;
  font-family: "BenchNine", sans-serif;
  font-family: "STIX Two Text", serif;
  font-family: "Noto Serif", serif;
  font-family: "Shadows Into Light", cursive;
  font-family: "Waiting for the Sunrise", cursive;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
@keyframes bot_float {
  50% {
    margin-bottom: 20px;
  }
  100% {
    margin-bottom: 0;
  }
}
@keyframes infinite-spinning {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes shakeidle {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(0deg);
  }
  51% {
    transform: rotate(-3deg);
  }
  52% {
    transform: rotate(3deg);
  }
  53% {
    transform: rotate(-3deg);
  }
  54% {
    transform: rotate(3deg);
  }
  55% {
    transform: rotate(-3deg);
  }
  56% {
    transform: rotate(3deg);
  }
  57% {
    transform: rotate(-3deg);
  }
  58% {
    transform: rotate(3deg);
  }
  59% {
    transform: rotate(-3deg);
  }
  60% {
    transform: rotate(3deg);
  }
  61% {
    transform: rotate(-3deg);
  }
  62% {
    transform: rotate(3deg);
  }
  63% {
    transform: rotate(-3deg);
  }
  64% {
    transform: rotate(3deg);
  }
  65% {
    transform: rotate(-3deg);
  }
  66% {
    transform: rotate(3deg);
  }
  67% {
    transform: rotate(-3deg);
  }
  68% {
    transform: rotate(3deg);
  }
  69% {
    transform: rotate(-3deg);
  }
  70% {
    transform: rotate(3deg);
  }
  71% {
    transform: none;
  }
  100% {
    transform: none;
  }
}
@keyframes shake {
  0% {
    transform: rotate(-3deg);
  }
  10% {
    transform: rotate(3deg);
  }
  20% {
    transform: rotate(-3deg);
  }
  30% {
    transform: rotate(3deg);
  }
  40% {
    transform: rotate(-3deg);
  }
  50% {
    transform: rotate(3deg);
  }
  60% {
    transform: rotate(-3deg);
  }
  70% {
    transform: rotate(3deg);
  }
  80% {
    transform: rotate(-3deg);
  }
  90% {
    transform: rotate(3deg);
  }
  100% {
    transform: rotate(-3deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -khtml-user-select: none; /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                   not supported by any browser */
}

.notransition {
  transition-duration: 1ms !important;
}

div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  background: #fffdef;
  color: #1e1e1e;
  position: relative;
  min-height: 100vh;
}
body:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fffdef url(/img/pattern3.webp) repeat center top;
  background-size: 700px;
  opacity: 0.1;
  filter: grayscale(100%);
}
.no-webp body:before {
  background: #fffdef url(/img/pattern3.png) repeat center top;
  background-size: 700px;
}

body.admin {
  background: #043b42;
}
body.admin:before {
  background: #043b42 url(/img/pattern3.webp) repeat center top;
  background-size: 700px;
}
.no-webp body.admin:before {
  background: #043b42 url(/img/pattern3.png) repeat center top;
  background-size: 700px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Roboto", sans-serif;
  line-height: normal;
}

h1 {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 2.6em;
  color: rgb(49.5, 91.8, 94.5);
}
h1.shadowed {
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.12), 0 0px 8px rgba(0, 0, 0, 0.24);
}
h1.white {
  color: #fff !important;
}

h2 {
  font-size: 2.4em;
}
h2.shadows {
  font-family: "Shadows Into Light", cursive;
  font-size: 2em;
  font-weight: 300;
  margin: 0 0 10px;
  text-align: center;
  color: #353535;
}

h3 {
  font-size: 1.8em;
}

img {
  outline: 1px solid transparent;
}

strong {
  font-weight: 700;
}

u {
  text-decoration: underline;
}

i, em {
  font-style: italic;
}

a {
  color: rgb(105, 140.25, 142.5);
}
a:hover {
  color: rgb(94.5, 126.225, 128.25);
}

a, a:hover, a:active, a:focus {
  text-decoration: none;
}

img, a {
  user-select: none;
  -webkit-user-drag: none;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.fa.fa-facebook {
  color: #3b5998;
}

.fa.fa-twitter {
  color: #4099ff;
}

.stick-right {
  float: right;
}

.clear {
  clear: both;
}

span.small {
  font-size: 0.75em;
}

.fancybox {
  cursor: pointer;
}

.button-center {
  display: flex;
  justify-content: center;
}

.btn {
  cursor: pointer;
}
.btn.btn-kneuterkamp {
  display: block;
  padding: 10px 13px;
  font-family: "Waiting for the Sunrise", cursive;
  text-transform: uppercase;
  font-weight: 600 !important;
  font-size: 24px;
  color: #fffef7;
  transition: all 300ms ease;
  border: 2px solid #376669;
  position: relative;
  z-index: 1;
  text-shadow: none;
}
.btn.btn-kneuterkamp span {
  position: relative;
  z-index: 3;
}
.btn.btn-kneuterkamp:before {
  content: "";
  background: white;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  transition: all 300ms ease;
}
.btn.btn-kneuterkamp:hover, .btn.btn-kneuterkamp.active {
  color: black;
}
.btn.btn-kneuterkamp:hover:before, .btn.btn-kneuterkamp.active:before {
  width: 100%;
}
.btn.btn-kneuterkamp.btn-primary {
  border-color: #376669;
  color: #fffef7;
  background-color: #376669;
}
.btn.btn-kneuterkamp.btn-primary:hover, .btn.btn-kneuterkamp.btn-primary.active {
  color: #fffef7;
}
.btn.btn-kneuterkamp.btn-primary:before {
  background-color: rgb(95, 132.6, 135);
}
.btn.btn-kneuterkamp.btn-solid {
  border-color: #376669;
  color: #fffef7;
  background-color: #376669;
}
.btn.btn-kneuterkamp.btn-solid:before {
  background-color: transparent;
}
.btn.btn-kneuterkamp.btn-solid:hover, .btn.btn-kneuterkamp.btn-solid:active {
  border-color: rgb(46.234375, 85.74375, 88.265625);
  background-color: rgb(46.234375, 85.74375, 88.265625);
}
.btn.btn-kneuterkamp.btn-danger {
  background-color: #D30231;
  border-color: #D30231;
}
.btn.btn-kneuterkamp.btn-danger:before {
  background-color: rgb(219.8, 52.6, 90.2);
}
.btn.btn-kneuterkamp.btn-success {
  background-color: #93c100;
  border-color: #93c100;
  color: #1e1e1e;
}
.btn.btn-kneuterkamp.btn-success:before {
  background-color: rgb(168.6, 205.4, 51);
}
.btn.btn-kneuterkamp.btn-light {
  border-color: #376669;
  color: #1e1e1e;
  background-color: #82c4c0;
}
.btn.btn-kneuterkamp.btn-light:hover, .btn.btn-kneuterkamp.btn-light.active {
  color: #fffef7;
}
.btn.btn-kneuterkamp.btn-light:before {
  background-color: #376669;
}
.btn.btn-kneuterkamp.btn-transparent {
  border-color: #fffef7;
  color: #fffef7;
  background: transparent;
}
.btn.btn-kneuterkamp.btn-transparent:hover, .btn.btn-kneuterkamp.btn-transparent.active {
  color: #1e1e1e;
}
.btn.btn-kneuterkamp.btn-transparent:before {
  background-color: #fffef7;
}
.btn.btn-kneuterkamp.btn-primary-transparent {
  border-color: #376669;
  color: #376669;
  background: transparent;
}
.btn.btn-kneuterkamp.btn-primary-transparent:hover, .btn.btn-kneuterkamp.btn-primary-transparent.active {
  color: #fffef7;
}
.btn.btn-kneuterkamp.btn-primary-transparent:before {
  background-color: #376669;
}
.btn.btn-kneuterkamp.btn-dark-transparent {
  border-color: #1e1e1e;
  color: #1e1e1e;
  background: transparent;
}
.btn.btn-kneuterkamp.btn-dark-transparent:hover, .btn.btn-kneuterkamp.btn-dark-transparent.active {
  color: #fffef7;
}
.btn.btn-kneuterkamp.btn-dark-transparent:before {
  background-color: #1e1e1e;
}
.btn.btn-kneuterkamp.btn-white {
  border-color: #fff;
  background-color: #fff;
  color: #1e1e1e;
  opacity: 0.75;
}
.btn.btn-kneuterkamp.btn-white:before {
  background-color: #fff;
}
.btn.btn-kneuterkamp.btn-dark {
  border-color: #353535;
  background-color: #353535;
  color: #fff;
}
.btn.btn-kneuterkamp.btn-dark:before {
  background-color: transparent;
}
.btn.btn-kneuterkamp.btn-dark:hover, .btn.btn-kneuterkamp.btn-dark:active {
  border-color: rgb(27.5, 27.5, 27.5);
  background-color: rgb(27.5, 27.5, 27.5);
}
.btn.btn-kneuterkamp.btn-disabled {
  border-color: #ecebe1 !important;
  color: #1e1e1e !important;
  background: #ecebe1 !important;
  cursor: default;
}
.btn.btn-kneuterkamp.btn-disabled:hover, .btn.btn-kneuterkamp.btn-disabled.active {
  color: #1e1e1e !important;
}
.btn.btn-kneuterkamp.btn-disabled:before {
  background-color: transparent !important;
}
.btn.btn-kneuterkamp.btn-soft-disabled {
  border-color: #ecebe1;
  color: #1e1e1e;
  background: #ecebe1;
}
.btn.btn-kneuterkamp.btn-soft-disabled:hover, .btn.btn-kneuterkamp.btn-soft-disabled.active {
  color: #1e1e1e;
}
.btn.btn-kneuterkamp.btn-soft-disabled:before {
  background-color: transparent;
}
.btn.btn-kneuterkamp.btn-soft-disabled .small {
  font-size: 0.6em;
  font-family: "Open Sans", sans-serif;
  margin-top: 8px;
  display: block;
  text-transform: none;
}
.btn.btn-kneuterkamp.btn-enabled {
  border-color: #D30231;
  color: #fffef7;
  background: #D30231;
}
.btn.btn-kneuterkamp.btn-enabled:hover, .btn.btn-kneuterkamp.btn-enabled.active {
  background: rgb(185.7394366197, 1.7605633803, 43.1338028169);
  border-color: rgb(185.7394366197, 1.7605633803, 43.1338028169);
}
.btn.btn-kneuterkamp.btn-enabled:before {
  background-color: transparent;
}
.btn.inline {
  display: inline-block;
}

.formItem input:focus, .formItem textarea:focus {
  outline: none;
}
.formItem input:focus::-webkit-input-placeholder, .formItem textarea:focus::-webkit-input-placeholder {
  color: transparent;
}
.formItem input:focus::-moz-placeholder, .formItem textarea:focus::-moz-placeholder {
  color: transparent;
}
.formItem input:focus::-ms-placeholder, .formItem textarea:focus::-ms-placeholder {
  color: transparent;
}
.formItem input:focus::placeholder, .formItem textarea:focus::placeholder {
  color: transparent;
}

.formItem .input-placeholder {
  position: absolute;
  z-index: 10;
  left: -17px;
  top: 5px;
  pointer-events: none;
  background-color: rgb(212.4, 211.5, 202.5);
  color: #fff;
  border-radius: 8px;
  padding: 5px 11px;
  font-size: 14px;
  opacity: 0;
  transform: translateX(-80%);
  transform-origin: center bottom;
  transition: opacity 0.2s ease, transform 0.5s ease;
}
.formItem .input-placeholder.visible {
  opacity: 1;
  transform: translateX(-100%);
}
.formItem .input-placeholder:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  transform: rotate(45deg);
  background-color: rgb(212.4, 211.5, 202.5);
  z-index: -1;
  right: -6px;
  top: 5px;
}

.wrapper {
  position: relative;
}
.wrapper:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #000;
  z-index: 800;
  transition: opacity 500ms ease;
  opacity: 0;
  pointer-events: none;
}
.wrapper.disabled:before {
  opacity: 0.7;
  pointer-events: all;
}

.container {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 0;
  margin: 0;
  background-size: 900px;
  z-index: 1;
}
.container .inner {
  max-width: 1200px;
  margin: 10px auto;
  padding: 20px;
  z-index: 3;
  position: relative;
}
.container .inner h1.title {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 60px;
  font-family: "Noto Serif", serif;
  font-size: 4.2em;
  font-weight: 700;
  text-transform: none;
  color: #376669;
}
.container .inner h2.sub-title {
  text-align: center;
  margin-top: 0px;
  margin-bottom: 60px;
  font-family: "Noto Serif", serif;
  font-size: 2.1em;
  font-weight: 700;
  text-transform: none;
  color: #376669;
}
.container .inner .content {
  text-align: left;
  color: #1e1e1e;
}
.container .inner .content.shadowed {
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.12), 0 0px 8px rgba(0, 0, 0, 0.24);
}
.container .inner .content p {
  margin-bottom: 3vh;
}
.container .inner .content p.no-margin {
  margin: 0 !important;
}
.container .inner .content .large-text {
  font-size: 1.6em;
  line-height: 1.6em;
}
.container .inner .content .medium-text {
  font-size: 1.4em;
  line-height: 1.4em;
}
.container .inner .content .small-text {
  font-size: 1.2em;
  line-height: 1.2em;
}
.container .inner .content .white {
  color: #fff;
}
.container .inner .content .left {
  text-align: left;
}
.container .inner .content .center {
  text-align: center;
}
.container .inner .content .right {
  text-align: right;
}
.container .inner .content b, .container .inner .content strong {
  font-weight: 600;
}
.container .inner .content ul, .container .inner .content ol {
  padding: 10px 20px;
}
.container .inner .content ul li, .container .inner .content ol li {
  margin: 5px;
}
.container .inner .content ol {
  list-style-type: decimal;
}
.container .inner .content ul {
  list-style-type: disc;
}
.container .dark-fill {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
  background-color: black;
  opacity: 0.6;
}
.container .video-background {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 2;
  transform: translateX(-50%) translateY(-50%);
}
.container .image-background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  z-index: 2;
}
.container .intro-down-arrow {
  position: absolute;
  bottom: -10px;
  opacity: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  color: rgba(255, 255, 255, 0.7);
  font-size: 3em;
  z-index: 4;
}
.container .intro-down-arrow:before {
  content: "SCROLL";
  left: 50%;
  bottom: -18px;
  transform: translateX(-50%) translateY(-50%);
  color: #fff;
  position: absolute;
  font-size: 0.25em;
}
.fp-responsive .container .intro-down-arrow, .container .intro-down-arrow.animated {
  transition: all 500ms ease 1500ms;
  transform: translateX(-50%) translateY(-100%);
  opacity: 1;
  animation: bot_float 4000ms ease infinite;
}
.fp-responsive .container .intro-down-arrow:hover, .container .intro-down-arrow.animated:hover {
  color: #fff;
}

.container .intro-down-arrow span {
  cursor: pointer;
}
.container.dark-background .inner p, .container.dark-background .inner h1.title, .container.dark-background .inner h2.sub-title {
  color: #fff;
}
.container.full-height {
  height: 85vh;
}
.container.full-height .inner {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.toast {
  position: fixed;
  top: 200px;
  left: 50%;
  opacity: 0;
  transform: translateX(-50%) translateY(-200px);
  width: 600px;
  max-width: 80%;
  background-color: white;
  border-radius: 5px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.12), 0 3px 8px rgba(0, 0, 0, 0.24);
  padding: 20px;
  text-align: center;
  color: #1e1e1e;
  font-size: 1.5em;
  z-index: 10000;
  transition: all 400ms ease;
  pointer-events: none;
}
.toast.show {
  opacity: 1;
  transform: translateX(-50%);
}
.toast.hide {
  opacity: 0 !important;
}
.toast.error {
  border: 4px solid #D30231;
}

.modal {
  width: 700px;
  max-width: 100%;
  display: none;
  line-height: normal;
  font-size: 1.5em;
}
.modal h1 {
  font-size: 3.1em;
  font-family: "Shadows Into Light", cursive;
  font-weight: 600;
}
.modal audio {
  margin: 20px 0;
}

body.admin .container .inner h1.title {
  text-align: left;
}
body.admin .container .inner .content {
  text-align: left;
  color: #fffef7;
}

.top-bar {
  height: 67px;
  width: 100%;
  background: #fffef7;
}

.navigation-container {
  width: 100%;
  height: auto;
  transition: all 100ms ease;
  position: fixed;
  top: 0;
  z-index: 900;
  background: #fffef7;
  transition: background-color 250ms ease;
  box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.12);
}
.navigation-container > .inner {
  height: 67px;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: center;
  z-index: 800;
  padding: 0;
}
.navigation-container .logo {
  margin-left: 20px;
  transition: opacity 350ms ease;
}
.navigation-container .logo a {
  background: transparent url("/img/logo/kklogo_blauw.svg") no-repeat center center;
  background-size: 100%;
  width: 60px;
  height: 60px;
  display: block;
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  box-shadow: 0 0 1px rgba(255, 255, 255, 0);
  outline: 1px solid transparent;
  transform: scale(1);
  filter: brightness(90%);
  padding: 0px;
  transition: transform 500ms ease, background-size 500ms ease;
}
.navigation-container .logo-text {
  transition: opacity 350ms ease;
}
.navigation-container .logo-text a {
  display: block;
  position: relative;
  padding: 13px 14px 12px;
  top: -4px;
  font-family: "Shadows Into Light", sans-serif;
  font-weight: bold;
  font-size: 42px;
  text-transform: lowercase;
  color: #376669;
  transition: all 300ms ease;
}
.navigation-container .logo-text a:hover {
  color: rgb(49.5, 91.8, 94.5);
}
.navigation-container .menu-buttons {
  margin: 0 20px 0 auto;
  font-size: 42px;
  position: relative;
  border-radius: 100%;
  color: #376669;
  background-color: #82c4c0;
  pointer-events: all !important;
  transition: all 100ms ease;
  width: 58px;
  height: 58px;
  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.4));
}
.navigation-container .menu-buttons:before {
  content: "";
  background-color: #376669;
  transform-origin: center;
  position: absolute;
  width: 58px;
  height: 58px;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 900;
  border-radius: 100%;
  opacity: 0;
  transform: scale(1);
  transition: opacity 350ms ease 500ms, transform 500ms cubic-bezier(0.01, 0.83, 0.32, 1);
}
.navigation-container .menu-buttons:hover {
  color: #82c4c0;
  background-color: #376669;
}
.navigation-container .menu-buttons i {
  cursor: pointer;
  margin: 8px;
  height: 34px;
  width: 34px;
  text-align: center;
  position: relative;
  z-index: 950;
  font-size: 34px;
  padding: 4px;
}
.navigation-container .menu-buttons .menu-button-close {
  display: none;
}
.navigation-container .navigation {
  position: fixed;
  top: 120px;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  pointer-events: none;
  z-index: 1000;
  transition: all 250ms ease 50ms;
}
.navigation-container .navigation > .inner {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  padding: 40px;
}
.navigation-container .navigation ul {
  display: inline-block;
  position: relative;
  z-index: 1200;
  margin: 0;
  padding: 0;
  font-size: 0;
}
.navigation-container .navigation ul > li {
  font-family: "STIX Two Text", serif;
  font-weight: 400;
  font-size: 28px;
  display: block;
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 2;
  transition: all 500ms ease;
  line-height: 1.2em;
}
.navigation-container .navigation ul > li.big {
  font-family: "Shadows Into Light", cursive;
  font-size: 52px;
  margin-bottom: 10px;
  text-transform: lowercase;
}
.navigation-container .navigation ul > li.big a {
  color: #fffef7 !important;
}
.navigation-container .navigation ul > li .logo-outer {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.navigation-container .navigation ul > li .nav-logo {
  background: transparent url("/img/logo/kklogo_wit.svg") no-repeat center center;
  background-size: 100%;
  width: 60px;
  height: 60px;
  display: block;
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
}
.navigation-container .navigation ul > li.spacer {
  margin-bottom: 30px;
}
.navigation-container .navigation ul > li a {
  display: flex;
  align-items: baseline;
  gap: 15px;
  color: #fffef7;
  position: relative;
  z-index: 10;
}
.navigation-container .navigation ul > li a i {
  width: 30px;
  text-align: center;
}
.navigation-container .navigation ul > li a:hover {
  color: #82c4c0;
}

body.nav-open .navigation-container .navigation {
  opacity: 1;
  pointer-events: all;
  transition: all 250ms ease 250ms;
}
body.nav-open .navigation-container .menu-buttons {
  color: #82c4c0 !important;
}
body.nav-open .navigation-container .menu-buttons:before {
  opacity: 1 !important;
  transform: scale(200);
  transition: transform 500ms cubic-bezier(0.83, 0.01, 1, 0.32);
}
body.nav-open .navigation-container .menu-buttons .menu-button-open {
  display: none;
}
body.nav-open .navigation-container .menu-buttons .menu-button-close {
  display: block;
}

body.hide-nav .navigation-container {
  background: none;
  pointer-events: none;
  box-shadow: none;
}
body.hide-nav .navigation-container .logo, body.hide-nav .navigation-container .logo-text {
  opacity: 0;
}
body.hide-nav .navigation-container .menu-buttons {
  transition: all 100ms ease, filter 100ms ease 50ms;
  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.4));
}
.wrapper {
  position: relative;
  opacity: 1;
}

body.loaded .wrapper {
  opacity: 1;
}

.preloader {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: none;
  opacity: 1;
  background-color: #1e1e1e;
  transition: opacity 300ms ease;
}
.preloader .preloader-inner {
  position: absolute;
  left: calc(50% - 100px);
  width: 200px;
  height: 200px;
  background: url("/img/preloader_inner_white.png") no-repeat center 26px;
  background-size: 171px;
  z-index: 1200;
  top: calc(50% - 100px);
  opacity: 1;
  transition: none;
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  box-shadow: 0 0 1px rgba(255, 255, 255, 0);
}
.preloader .preloader-klaverblad {
  position: absolute;
  left: calc(50% - 100px);
  width: 200px;
  height: 200px;
  background: url("/img/preloader_klaverblad.png") no-repeat center -25px;
  background-size: 256px;
  z-index: 1150;
  top: calc(50% - 100px);
  opacity: 0.5;
  transition: none;
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  box-shadow: 0 0 1px rgba(255, 255, 255, 0);
}
.preloader .preloader-outer {
  position: absolute;
  top: calc(50% - 100px);
  left: calc(50% - 100px);
  width: 200px;
  height: 200px;
  background: url("/img/preloader_outer_white.png") no-repeat center center;
  background-size: contain;
  z-index: 1100;
  animation: infinite-spinning 10000ms linear infinite;
  transform: scale(1, 1);
  opacity: 1;
  transition: none;
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  box-shadow: 0 0 1px rgba(255, 255, 255, 0);
}

body.loaded .preloader {
  opacity: 0;
  background-color: transparent;
  transition: background-color 400ms ease 400ms, opacity 500ms ease 1000ms;
}
body.loaded .preloader .preloader-inner {
  top: calc(50% - 100px);
  opacity: 0;
  transform: scale(3, 3);
  transition: transform 800ms ease 200ms, opacity 800ms ease 200ms;
}
body.loaded .preloader .preloader-klaverblad {
  top: calc(50% - 100px);
  opacity: 0;
  transform: scale(0.75, 0.75);
  transition: transform 800ms ease 200ms, opacity 800ms ease 200ms;
}
body.loaded .preloader .preloader-outer {
  opacity: 0;
  transform: scale(2, 2);
  transition: all 600ms ease;
}

.container-announcement .inner {
  padding: 20px 20px 0;
  margin: 10px auto 20px;
}
.container-announcement .inner .panel {
  padding: 10px 30px 30px;
  background-color: #376669;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.08), 0 0px 8px rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.12), 0 3px 8px rgba(0, 0, 0, 0.24);
  border-radius: 5px;
}
.container-announcement .inner .panel .btns {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 20px;
}
.container-announcement .inner .panel .btns .btn {
  display: inline-block;
  margin-left: 20px;
}
.container-announcement .inner a {
  color: #82c4c0;
}
.container-announcement .inner a:hover, .container-announcement .inner a:active, .container-announcement .inner a:focus {
  color: rgb(95.3532608696, 179.6467391304, 174.5380434783);
}
.container-announcement .inner h1.title {
  color: #fffef7;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  font-size: 3.2em;
}
.container-announcement .inner h1.title i {
  animation: shakeidle 5s;
  animation-iteration-count: infinite;
  transform-origin: top center;
}
.container-announcement .inner h1.title i:hover {
  animation: shake 0.5s;
  animation-iteration-count: infinite;
}
.container-announcement .inner .content {
  color: #fffef7;
  text-align: left;
}
.container-announcement .inner .content p {
  margin-bottom: 20px;
}

.container-archive .inner .content {
  text-align: center;
  margin-bottom: 40px;
}
.container-archive .inner h1.title {
  margin-bottom: 0;
}
.container-archive .inner h2.subtitle {
  text-align: center;
  margin-top: -20px;
  margin-bottom: 10px;
  font-size: 7.2em;
  font-family: "Waiting for the Sunrise", serif;
  font-weight: 300;
  text-transform: none;
  color: #82c4c0;
  line-height: 1em;
}
.container-archive .inner .split-panel {
  display: flex;
  gap: 40px;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0 0 20px;
}
.container-archive .inner .split-panel .panel {
  width: calc(50% - 20px);
  margin: 0;
  line-height: 1.4em;
}
.container-archive .inner .split-panel .panel h2 {
  color: #fffef7;
}
.container-archive .inner .split-panel .panel-container {
  background-color: #fffef7;
  color: #fffef7;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.12), 0 3px 8px rgba(0, 0, 0, 0.24);
  border-radius: 5px;
  padding: 20px 20px 10px;
  margin: 20px 0 0;
}
.container-archive .inner .panel h2 {
  font-size: 4.2em;
  font-family: "Shadows Into Light", cursive;
  font-weight: 300;
  color: #1e1e1e;
  text-align: center;
  margin: 0;
  position: relative;
}
.container-archive .inner .panel .icon {
  display: inline-block;
  width: 50px;
  height: 50px;
  background: no-repeat center center;
  background-size: 100%;
  position: relative;
  top: 7px;
}
.container-archive .inner .panel.themafiguren .icon {
  background-image: url("/img/icons/003-carnival-masks.png");
}
.container-archive .inner .panel.kamplied .icon {
  background-image: url("/img/icons/002-music-note.png");
}
.container-archive .inner .panel.albums .icon {
  background-image: url("/img/icons/003-pictures.png");
}
.container-archive .inner .panel.groups .icon {
  background-image: url("/img/icons/001-color-palette.png");
}
.container-archive .inner .panel.kneutergraaf .icon {
  background-image: url("/img/icons/002-newspaper.png");
}
.container-archive .inner .panel.albums {
  margin: 40px 0 10px;
}
.container-archive .inner .panel.albums .albums-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 40px;
}
.container-archive .inner .panel.albums .albums-container .album {
  width: calc(33.3333333333% - 28px);
  position: relative;
  background: #ecebe1;
  transition: all 350ms ease;
  border-radius: 5px;
}
.container-archive .inner .panel.albums .albums-container .album:hover {
  filter: brightness(0.8);
}
.container-archive .inner .panel.albums .albums-container .album:before {
  content: "";
  display: block;
  padding-top: 80%;
}
.container-archive .inner .panel.albums .albums-container .album .name {
  position: absolute;
  width: 100%;
  left: 50%;
  top: 80%;
  padding: 10px;
  box-sizing: border-box;
  transform: translate(-50%, -50%);
  font-size: 3.1em;
  font-family: "Shadows Into Light", cursive;
  font-weight: 600;
  text-align: center;
  color: #1e1e1e;
  z-index: 4;
}
.container-archive .inner .panel.albums .albums-container .album .img {
  display: inline-block;
  position: absolute;
  width: 100px;
  height: 68px;
  top: 40%;
  background: no-repeat center center;
  background-size: cover;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.12), 0 3px 8px rgba(0, 0, 0, 0.24);
}
.container-archive .inner .panel.albums .albums-container .album .img-front {
  z-index: 3;
  top: 40%;
  left: 50%;
  width: 170px;
  height: 115px;
  transform: translate(-50%, -50%);
}
.container-archive .inner .panel.albums .albums-container .album .img-left {
  z-index: 2;
  left: 10%;
  transform: translateY(-50%);
}
.container-archive .inner .panel.albums .albums-container .album .img-right {
  z-index: 1;
  left: auto;
  right: 10%;
  transform: translateY(-50%);
}
.container-archive .inner .panel.groups {
  margin: 40px 0;
}
.container-archive .inner .panel.groups .panel-content {
  display: flex;
  justify-content: center;
  gap: 20px;
  align-items: center;
}
.container-archive .inner .panel.groups .panel-content .title {
  display: inline-block;
  font-family: "Noto Serif", sans-serif;
  font-size: 2em;
  font-weight: 400;
  color: #1e1e1e;
  position: relative;
  padding-right: 20px;
}
.container-archive .inner .panel.groups .panel-content .icon {
  width: 60px;
  height: 60px;
  background: url("/img/icons/003-megaphone.png") no-repeat center center;
  background-size: 100%;
}
.container-archive .inner .panel.groups .group-context {
  display: none;
}
.container-archive .inner .panel.kneutergraaf .kneutergraaf-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.container-archive .inner .panel.kneutergraaf .kneutergraaf-item h3 {
  font-family: "Shadows Into Light", cursive;
  font-weight: 300;
  font-size: 2em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #1e1e1e;
}
.container-archive .inner .panel.kneutergraaf .kneutergraaf-item .downloads {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
}
.container-archive .inner .panel.kamplied .kamplied-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.container-archive .inner .panel.kamplied .kamplied-item h3 {
  font-family: "Shadows Into Light", cursive;
  font-weight: 300;
  font-size: 2em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #1e1e1e;
}
.container-archive .inner .panel.kamplied .kamplied-item .downloads {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
}
.container-archive .inner .panel.themafiguren {
  margin-bottom: 20px;
}
.container-archive .inner .panel.themafiguren .themafiguur-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 40px;
}
.container-archive .inner .panel.themafiguren .themafiguur-container.row-4 {
  gap: 60px;
}
.container-archive .inner .panel.themafiguren .themafiguur-container.row-4 .themafiguur {
  width: 193px;
  height: 193px;
}
.container-archive .inner .panel.themafiguren .themafiguur-container.row-6 {
  gap: 30px;
}
.container-archive .inner .panel.themafiguren .themafiguur-container.row-6 .themafiguur {
  width: 163px;
  height: 163px;
}
.container-archive .inner .panel.themafiguren .themafiguur-container .themafiguur {
  width: 173px;
  height: 173px;
  background: no-repeat center center;
  background-size: cover;
  border-radius: 50%;
  cursor: pointer;
  transition: all 350ms ease;
  position: relative;
  z-index: 2;
}
.container-archive .inner .panel.themafiguren .themafiguur-container .themafiguur:before {
  content: "";
  position: absolute;
  z-index: 1;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.12), 0 3px 8px rgba(0, 0, 0, 0.24);
  transition: all 350ms ease;
}
.container-archive .inner .panel.themafiguren .themafiguur-container .themafiguur:after {
  content: "";
  position: absolute;
  z-index: 3;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #376669;
  opacity: 0;
  transition: all 350ms ease;
}
.container-archive .inner .panel.themafiguren .themafiguur-container .themafiguur:hover {
  box-shadow: inset 0px 0px 0px 10px #376669;
}
.container-archive .inner .panel.themafiguren .themafiguur-container .themafiguur:hover:after {
  opacity: 0.7;
}
.container-archive .inner .panel.themafiguren .themafiguur-container .themafiguur .name {
  position: absolute;
  width: 100%;
  left: 50%;
  top: 50%;
  padding: 10px;
  box-sizing: border-box;
  transform: translate(-50%, -50%);
  color: #fffef7;
  opacity: 0;
  transition: all 350ms ease;
  font-size: 2.5em;
  font-family: "Shadows Into Light", cursive;
  font-weight: 300;
  text-align: center;
  z-index: 4;
}
.container-archive .inner .panel.themafiguren .themafiguur-container .themafiguur:hover .name {
  opacity: 1;
}
.container-archive .inner .timeline {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  align-content: stretch;
}
.container-archive .inner .timeline .row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
.container-archive .inner .timeline .row.row-right .fill {
  order: 1;
}
.container-archive .inner .timeline .row.row-right .year-num {
  order: 2;
}
.container-archive .inner .timeline .row.row-right .year-title {
  order: 3;
}
.container-archive .inner .timeline .row.row-left .fill {
  order: 3;
}
.container-archive .inner .timeline .row.row-left .year-num {
  order: 2;
}
.container-archive .inner .timeline .row.row-left .year-title {
  order: 1;
}
.container-archive .inner .timeline .row .fill, .container-archive .inner .timeline .row .year-title {
  width: 400px;
}
.container-archive .inner .timeline .row .year-num {
  width: 5px;
  min-height: 100px;
  background-color: #1e1e1e;
  position: relative;
}
.container-archive .inner .timeline .row .year-num.last {
  background: linear-gradient(#1e1e1e, transparent);
}
.container-archive .inner .timeline .row .year-num .circle-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: #1e1e1e;
  font-weight: 600;
}
.container-archive .inner .timeline .row .year-num .circle-text a, .container-archive .inner .timeline .row .year-num .circle-text a:active, .container-archive .inner .timeline .row .year-num .circle-text a:focus, .container-archive .inner .timeline .row .year-num .circle-text a:hover {
  color: #1e1e1e;
}
.container-archive .inner .timeline .row .year-num .circle {
  content: "";
  z-index: 2;
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #9ee2d5;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.container-archive .inner .timeline .row .year-title {
  display: flex;
  justify-content: flex-end;
  padding: 0 50px 0 0;
}
.container-archive .inner .timeline .row .year-title a {
  color: #1e1e1e;
  font-family: "Shadows Into Light", cursive;
  font-size: 2.7em;
  font-weight: 300;
  padding: 10px;
}
.container-archive .inner .timeline .row .year-title a:hover, .container-archive .inner .timeline .row .year-title a:active, .container-archive .inner .timeline .row .year-title a:focus {
  color: #787878;
}
.container-archive .inner .timeline .row.row-right .year-title {
  justify-content: flex-start;
  padding: 0 0 0 50px;
}
.container-archive .inner .links {
  display: flex;
  justify-content: space-between;
  text-align: center;
}
.container-archive .inner .links.centered {
  justify-content: center;
}
.container-archive .inner .links.bottom {
  margin: 40px 0 20px;
}
.container-archive .inner .links div {
  min-width: 300px;
}
.container-archive .inner .links a {
  font-family: "Noto Serif", serif;
  font-size: 1.5em;
}
.container-archive .inner .album-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 40px 0 20px;
  gap: 5px;
}
.container-archive .inner .album-content a {
  width: 145px;
  height: 145px;
  background: no-repeat center center;
  background-size: cover;
  transition: all 350ms ease;
  position: relative;
}
.container-archive .inner .album-content a:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  background: #ecebe1;
}
.container-archive .inner .album-content a:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  background: #000;
  opacity: 0;
  transition: opacity 0.1s ease;
}
.container-archive .inner .album-content a:hover:after {
  opacity: 0.2;
}
.container-archive.primary .image-background {
  background-color: #376669;
}

.container-archive-album .inner {
  padding: 20px 20px 40px;
}
.container-archive-album .inner h1.title {
  font-size: 4.2em;
  font-family: "Shadows Into Light", cursive;
  font-weight: 300;
  text-align: center;
  color: #1e1e1e;
  margin: 0;
}
.container-archive-album .inner .content .album-container {
  height: 250px;
}
.container-archive-album .inner .content .album-container .album-widget-container {
  position: absolute;
  left: 0;
  right: 0;
  user-select: none;
}
.container-archive-album .inner .content .album-container .album-widget-container .album-widget .album-slide {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  z-index: 5;
  text-align: left;
  font-size: 22px;
  transform: rotate(0.01deg);
}
.container-archive-album .inner .content .album-container .album-widget-container .album-widget .album-slide a {
  display: block;
}
.container-archive-album .inner .content .album-container .album-widget-container .album-widget .album-slide .background {
  position: absolute;
  top: -20px;
  bottom: -20px;
  left: -20px;
  right: -20px;
  background: white no-repeat center center;
  background-size: cover;
  z-index: 4;
  transition: all 200ms linear, transform 1500ms ease;
  filter: brightness(80%);
  will-change: brightness, transform;
}
.container-archive-album .inner .content .album-container .album-widget-container .album-widget .album-slide:hover .background {
  filter: brightness(50%);
}
.container-archive-album .inner .content .album-container .album-widget-container .album-widget .album-slide .date {
  position: absolute;
  z-index: 5;
  top: 0;
  right: 0;
  width: 80px;
  height: 80px;
  background: #376669;
  color: #fff;
  font-family: "Bungee", sans-serif;
  text-align: center;
  text-transform: uppercase;
  border-radius: 0 0 0 5px;
  padding: 10px;
}
.container-archive-album .inner .content .album-container .album-widget-container .album-widget .album-slide .date .num {
  font-size: 1.5em;
  line-height: 1em;
}
.container-archive-album .inner .content .album-container .album-widget-container .album-widget .album-slide .date .month {
  font-size: 0.8em;
}
.container-archive-album .inner .content .album-container .album-widget-container .album-widget .album-slide .date.large {
  height: 100px;
}
.container-archive-album .inner .content .album-container .album-widget-container .album-widget .album-slide .date.large .end {
  font-size: 0.6em;
  line-height: 1;
  margin-top: -1px;
}
.container-archive-album .inner .content .album-container .album-widget-container .album-widget .album-slide .bottom {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 4;
  padding: 20px;
}
.container-archive-album .inner .content .album-container .album-widget-container .album-widget .album-slide .bottom .title {
  margin: 10px 0 0;
  text-align: left;
  color: #fff;
  font-family: "Noto Serif", serif;
  font-size: 1em;
  font-weight: 700;
}
.container-archive-album .inner .content .album-container .album-widget-container .album-widget .album-slide .bottom .link {
  font-size: 0.7em;
  color: #fff;
  font-style: italic;
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  text-transform: uppercase;
  position: relative;
  display: inline-block;
  height: 0;
  margin-top: 0;
  overflow: hidden;
  transition: all 150ms ease;
}
.container-archive-album .inner .content .album-container .album-widget-container .album-widget .album-slide .bottom .link:before {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #fff;
  transition: all 10ms ease 150ms;
}
.container-archive-album .inner .content .album-container .album-widget-container .album-widget .album-slide:hover .bottom .link {
  height: 25px;
  margin-top: 25px;
}
.container-archive-album .inner .content .album-container .album-widget-container .album-widget .album-slide:hover .bottom .link:before {
  width: 100%;
  transition: all 1500ms ease 150ms;
}
.container-archive-album .inner .content .buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.container-archive-album .inner .content .btn-more {
  display: inline-block;
  margin: 30px 3px 0;
  position: relative;
}
.container-archive-album .inner .content .rhs-wrapper {
  position: relative;
  padding: 0 20px;
}
.container-archive-album .inner .content .rhs-wrapper:after {
  content: "";
  display: table;
  clear: both;
}
.container-archive-album .inner .content .rhs-wrapper .rhs-wrapper-inner {
  transition: transform 250ms ease-in-out;
}
.container-archive-album .inner .content .rhs-wrapper .rhs-wrapper-inner:after {
  content: "";
  display: table;
  clear: both;
}
.container-archive-album .inner .content .rhs-wrapper .rhs-wrapper-inner.swiping {
  transition: none;
}
.container-archive-album .inner .content .rhs-wrapper .rhs-wrapper-inner .rhs-slide {
  float: left;
  width: 300px;
  height: 250px;
  margin-right: 40px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.12), 0 3px 8px rgba(0, 0, 0, 0.24);
}

.container-archieflink .inner {
  margin: 0 auto !important;
}
.container-archieflink .panel {
  margin: 20px 0 0;
  padding: 20px;
  background: #ecebe1;
  border-radius: 4px;
}
.container-archieflink .panel .panel-content {
  display: flex;
  justify-content: center;
  gap: 20px;
  align-items: center;
}
.container-archieflink .panel .panel-content .title {
  display: inline-block;
  font-family: "Noto Serif", sans-serif;
  font-size: 2em;
  font-weight: 400;
  color: #1e1e1e;
  position: relative;
  padding-right: 20px;
}
.container-archieflink .panel .panel-content .icon {
  width: 60px;
  height: 60px;
  background: url("/img/icons/003-megaphone.png") no-repeat center center;
  background-size: 100%;
}

.container.container-bestellen .inner h1.title {
  font-size: 2.5em;
  margin-bottom: 20px;
}
.container.container-bestellen .inner .cart-container {
  background-color: white;
  border-radius: 5px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.12), 0 3px 8px rgba(0, 0, 0, 0.24);
  margin: 20px;
  padding: 20px 30px 0;
}
.container.container-bestellen .inner .cart-container .test-mode {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(-17deg);
  color: #D30231;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 23em;
  opacity: 0.1;
  pointer-events: none;
}
.container.container-bestellen .inner .cart-container .countdown-bar {
  border-radius: 20px;
  background-color: #353535;
  color: white;
  text-align: center;
  padding: 10px;
  font-weight: 400;
  margin: 0 0 10px;
}
.container.container-bestellen .inner .cart-container .countdown-bar span {
  font-weight: 700;
}
.container.container-bestellen .inner .cart-container .cart-tabs {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: nowrap;
  margin: 0 0 40px;
}
.container.container-bestellen .inner .cart-container .cart-tabs .tab {
  font-size: 18px;
  text-transform: uppercase;
  padding: 7px 12px;
  border-right: 1px solid rgb(180.5, 180.5, 180.5);
  width: 33.3333333333%;
  text-align: center;
  user-select: none;
  color: #353535;
}
.container.container-bestellen .inner .cart-container .cart-tabs .tab:last-child {
  border-right: 0px;
}
.container.container-bestellen .inner .cart-container .cart-tabs .tab.active {
  font-weight: 900;
  position: relative;
}
.container.container-bestellen .inner .cart-container .cart-tabs .tab.active:before {
  content: "";
  position: absolute;
  width: 70%;
  height: 3px;
  bottom: -7px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #353535;
}
.container.container-bestellen .inner .cart-container .cart-tabs .tab.disabled {
  color: #cecece;
}
.container.container-bestellen .inner .cart-container .cart-content {
  position: relative;
}
.container.container-bestellen .inner .cart-container .cart-content h2 {
  font-size: 1.7em;
  margin: 0;
  font-family: "Noto Serif", serif;
  font-weight: 700;
}
.container.container-bestellen .inner .cart-container .cart-content h3 {
  font-size: 1.5em;
  margin: 0;
  font-family: "Noto Serif", serif;
  font-weight: 700;
}
.container.container-bestellen .inner .cart-container .cart-content h4 {
  font-size: 1.3em;
  margin: 0;
  font-family: "Noto Serif", serif;
  font-weight: 700;
  margin-bottom: 5px;
}
.container.container-bestellen .inner .cart-container .cart-content .order-details-overview {
  margin-top: 20px;
  display: flex;
  gap: 20px;
  flex-wrap: nowrap;
}
.container.container-bestellen .inner .cart-container .cart-content .order-details-overview .details-overview, .container.container-bestellen .inner .cart-container .cart-content .order-details-overview .order-overview {
  background: #ecebe1;
  padding: 20px 20px 10px;
  width: 30%;
}
.container.container-bestellen .inner .cart-container .cart-content .order-details-overview .details-overview .form-row, .container.container-bestellen .inner .cart-container .cart-content .order-details-overview .order-overview .form-row {
  font-size: 1em;
  line-height: 1.1em;
  margin-bottom: 10px;
}
.container.container-bestellen .inner .cart-container .cart-content .order-details-overview .details-overview .form-row .line, .container.container-bestellen .inner .cart-container .cart-content .order-details-overview .order-overview .form-row .line {
  line-height: 1.2em;
  font-weight: 600;
}
.container.container-bestellen .inner .cart-container .cart-content .order-details-overview .details-overview .form-row .line .label, .container.container-bestellen .inner .cart-container .cart-content .order-details-overview .order-overview .form-row .line .label {
  color: #353535;
  font-weight: 400;
  display: inline-block;
  margin-right: 3px;
  min-width: 260px;
}
.container.container-bestellen .inner .cart-container .cart-content .order-details-overview .details-overview {
  width: 70%;
}
.container.container-bestellen .inner .cart-container .cart-content .order-details-overview .order-overview .form-row .line {
  display: flex;
  justify-content: space-between;
  font-weight: 400;
}
.container.container-bestellen .inner .cart-container .cart-content .order-details-overview .order-overview .form-row .line .price {
  white-space: nowrap;
}
.container.container-bestellen .inner .cart-container .cart-content .order-details-overview .order-overview .form-row .line.total {
  font-weight: 600;
  border-top: 1px solid #353535;
  margin-top: 2px;
  padding-top: 2px;
}
.container.container-bestellen .inner .cart-container .cart-content .order-details-overview .order-overview .form-row .line.remark {
  margin-top: 30px;
  font-size: 0.9em;
  color: rgb(113.6, 113.6, 113.6);
}
.container.container-bestellen .inner .cart-container .cart-content .form-row {
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 1.1em;
}
.container.container-bestellen .inner .cart-container .cart-content .form-row.horizontal {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.container.container-bestellen .inner .cart-container .cart-content .form-row.header {
  margin-bottom: 40px;
}
.container.container-bestellen .inner .cart-container .cart-content .form-row.header .description {
  line-height: 1.3em;
  width: 75%;
}
.container.container-bestellen .inner .cart-container .cart-content .form-row .rules {
  display: block;
  margin-top: 10px;
  list-style: disc;
  list-style-position: inside;
  font-size: 0.75em;
  margin-left: 10px;
}
.container.container-bestellen .inner .cart-container .cart-content .form-row .rules li {
  line-height: 1.4em;
  list-style-position: inside;
}
.container.container-bestellen .inner .cart-container .cart-content .form-row .ticket-selector {
  display: flex;
  flex-direction: column;
}
.container.container-bestellen .inner .cart-container .cart-content .form-row .ticket-selector .ticket-price {
  font-size: 0.7em;
  color: rgb(93.4, 93.4, 93.4);
  text-align: center;
  margin-top: 5px;
}
.container.container-bestellen .inner .cart-container .cart-content .form-row .ticket-selector .almost-sold-out {
  font-size: 0.7em;
  color: rgb(215.4, 27.3, 69.6);
  text-align: center;
  margin-bottom: 5px;
  font-weight: 600;
}
.container.container-bestellen .inner .cart-container .cart-content .form-row .ticket-selector input::-webkit-outer-spin-button,
.container.container-bestellen .inner .cart-container .cart-content .form-row .ticket-selector input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.container.container-bestellen .inner .cart-container .cart-content .form-row .plus-min-input {
  display: flex;
  align-items: stretch;
}
.container.container-bestellen .inner .cart-container .cart-content .form-row .plus-min-input .btn {
  padding: 0;
  width: 60px;
  font-size: 2em;
  font-family: "Bungee", sans-serif;
}
.container.container-bestellen .inner .cart-container .cart-content .form-row .plus-min-input .btn.disabled {
  pointer-events: none !important;
  opacity: 0.3 !important;
}
.container.container-bestellen .inner .cart-container .cart-content .form-row .plus-min-input input {
  width: 60px;
  text-align: center;
  font-size: 1.1em;
  border: 2px solid #353535;
  margin-bottom: 0;
}
.container.container-bestellen .inner .cart-container .cart-content .form-row.buttons {
  display: block;
  box-sizing: border-box;
  margin: 60px 0 0;
}
.container.container-bestellen .inner .cart-container .cart-content .form-row.buttons .buttons-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  background-color: white;
  padding: 20px 0;
  transition: box-shadow 300ms ease;
}
.container.container-bestellen .inner .cart-container .cart-content .form-row.buttons .buttons-inner.fixed {
  position: fixed;
  bottom: 0;
  box-shadow: 0px -32px 31px -31px rgba(0, 0, 0, 0.1);
}
.container.container-bestellen .inner .cart-container .cart-content .form-row.buttons .buttons-inner .order-total {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.container.container-bestellen .inner .cart-container .cart-content .form-row.buttons .buttons-inner .order-total .total {
  font-weight: 600;
}
.container.container-bestellen .inner .cart-container .cart-content .form-row.buttons .buttons-inner .order-total .promocode-used {
  font-size: 0.7em;
  text-align: center;
  margin-top: 5px;
}
.container.container-bestellen .inner .cart-container .cart-content .form-row.buttons .buttons-inner .test-order {
  text-align: center;
  font-weight: 600;
}
.container.container-bestellen .inner .cart-container .cart-content .form-row.buttons .buttons-inner .btn.btn-kneuterkamp {
  padding: 10px 20px;
  line-height: 1em;
}
.container.container-bestellen .inner .cart-container .cart-content .form-row .field-name {
  color: #1e1e1e;
  font-size: 1.1em;
  font-weight: 900;
  margin-bottom: 5px;
}
.container.container-bestellen .inner .cart-container .cart-content .form-row.required .field-name:after {
  content: " *";
  color: #D30231;
}
.container.container-bestellen .inner .cart-container .cart-content .form-row .help-text {
  color: #1e1e1e;
  font-size: 1em;
  margin-bottom: 7px;
  line-height: 1.3em;
  width: 75%;
}
.container.container-bestellen .inner .cart-container .cart-content .form-row .checkbox-field {
  margin-bottom: 10px;
}
.container.container-bestellen .inner .cart-container .cart-content .form-row .checkbox-field label {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
  padding: 10px;
  display: flex;
  align-items: center;
  background: #ecebe1;
  cursor: pointer;
}
.container.container-bestellen .inner .cart-container .cart-content .form-row .checkbox-field label a {
  color: #1e1e1e;
  text-decoration: underline;
}
.container.container-bestellen .inner .cart-container .cart-content .form-row .checkbox-field label a:hover, .container.container-bestellen .inner .cart-container .cart-content .form-row .checkbox-field label a:active, .container.container-bestellen .inner .cart-container .cart-content .form-row .checkbox-field label a:focus {
  text-decoration: none;
}
.container.container-bestellen .inner .cart-container .cart-content .form-row input, .container.container-bestellen .inner .cart-container .cart-content .form-row select, .container.container-bestellen .inner .cart-container .cart-content .form-row textarea {
  border: 1px solid #376669;
  color: #1e1e1e;
  background: #fff;
  padding: 10px;
  font-family: "Open Sans", sans-serif;
  font-size: 1.1em;
  width: 25%;
  box-sizing: border-box;
  margin-bottom: 4px;
}
.container.container-bestellen .inner .cart-container .cart-content .form-row input[type=checkbox], .container.container-bestellen .inner .cart-container .cart-content .form-row select[type=checkbox], .container.container-bestellen .inner .cart-container .cart-content .form-row textarea[type=checkbox] {
  width: auto !important;
  position: relative;
  margin-right: 10px;
}
.container.container-bestellen .inner .cart-container .cart-content .form-row input.width-small, .container.container-bestellen .inner .cart-container .cart-content .form-row select.width-small, .container.container-bestellen .inner .cart-container .cart-content .form-row textarea.width-small {
  width: 12.5%;
}
.container.container-bestellen .inner .cart-container .cart-content .form-row textarea {
  width: 50%;
  min-width: 50%;
  max-width: 50%;
  height: 150px;
  min-height: 150px;
  max-height: 200px;
}
.container.container-bestellen .inner .cart-container .cart-content .form-row a.copy-data {
  margin-top: 1px;
  display: block;
  font-size: 0.9em;
}
.container.container-bestellen .inner .cart-container .cart-content .form-row a.copy-data .fa-check {
  display: none;
  color: #1e1e1e !important;
}
.container.container-bestellen .inner .cart-container .cart-content .form-row.double-wide input, .container.container-bestellen .inner .cart-container .cart-content .form-row.double-wide select {
  width: 50%;
}
.container.container-bestellen .inner .cart-container .cart-content .form-row .form-errors li {
  color: #D30231;
  font-weight: 900;
  line-height: 1.2em;
  list-style: none;
  margin: 10px 0;
}
.container.container-bestellen .inner .cart-container .cart-content .form-row .form-errors li:before {
  content: "✗ ";
}
.container.container-bestellen .inner .cart-container .cart-content .form-row .payment-methods {
  display: flex;
  align-items: center;
  gap: 30px;
  justify-content: flex-start;
}
.container.container-bestellen .inner .cart-container .cart-content .form-row .payment-methods .method {
  position: relative;
  width: 220px;
  border: 2px solid #353535;
  border-radius: 5px;
  background: #fff;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
}
.container.container-bestellen .inner .cart-container .cart-content .form-row .payment-methods .method:hover {
  background: rgb(250.25, 250, 247.5);
}
.container.container-bestellen .inner .cart-container .cart-content .form-row .payment-methods .method:has(input:checked) {
  background: rgb(249.6, 251.9, 242.25);
  border: 2px solid #93c100;
}
.container.container-bestellen .inner .cart-container .cart-content .form-row .payment-methods .method .icon {
  width: 65%;
  aspect-ratio: 2;
  background: no-repeat center center;
  background-size: contain;
  margin: 5px 5px 0;
  max-height: 60px;
}
.container.container-bestellen .inner .cart-container .cart-content .form-row .payment-methods .method.ideal .icon {
  background-image: url(/img/icons/payment/ideal.png);
}
.container.container-bestellen .inner .cart-container .cart-content .form-row .payment-methods .method.cash .icon {
  background-image: url(/img/icons/payment/euros.png);
}
.container.container-bestellen .inner .cart-container .cart-content .form-row .payment-methods .method.meedoenarrangement .icon {
  background-image: url(/img/icons/payment/meedoenarrangement.png);
}
.container.container-bestellen .inner .cart-container .cart-content .form-row .payment-methods .method .title {
  font-weight: 600;
  font-size: 0.9em;
  padding: 10px;
}
.container.container-bestellen .inner .cart-container .cart-content .form-row .payment-methods .method input {
  display: none;
}
.container.container-bestellen .inner .cart-container .cart-content .form-row .payment-help-text {
  background: rgb(249.6, 251.9, 242.25);
  border: 2px solid #93c100;
  border-radius: 5px;
  color: #1e1e1e;
  padding: 20px;
  margin: 30px 0 20px;
  position: relative;
}
.container.container-bestellen .inner .cart-container .cart-content .form-row .payment-help-text a {
  color: #1e1e1e;
  text-decoration: underline;
}
.container.container-bestellen .inner .cart-container .cart-content .form-row .payment-help-text a:hover, .container.container-bestellen .inner .cart-container .cart-content .form-row .payment-help-text a:active, .container.container-bestellen .inner .cart-container .cart-content .form-row .payment-help-text a:focus {
  text-decoration: none;
}
.container.container-bestellen .inner .cart-container .cart-content .form-row .payment-help-text ::before {
  content: "!";
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
  padding: 10px;
  color: #fffef7;
  font-size: 1.7em;
  font-weight: bold;
  background: #93c100;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  text-align: center;
}
.container.container-bestellen .inner .cart-container .cart-content .event-name {
  font-weight: 700;
  color: #1e1e1e !important;
}
.container.container-bestellen .inner .cart-container .cart-content .gegevens-tabs-bar {
  display: flex;
  justify-content: center;
  gap: 20px;
}
.container.container-bestellen .inner .cart-container .cart-content .gegevens-tabs-bar a {
  cursor: pointer !important;
}
.container.container-bestellen .inner .cart-container .cart-content .gegevens-tabs-bar .has-errors:after {
  content: " ✗";
  color: #D30231;
}
.container.container-bestellen .inner .cart-container .cart-content .gegevens-tabs .gegevens-tab {
  display: none;
  margin-top: 20px;
}
.container.container-bestellen .inner .cart-container .cart-content .gegevens-tabs .gegevens-tab.active {
  display: block;
}

.container-calendar .inner {
  padding: 60px 20px;
}
.container-calendar .inner h1.title {
  text-shadow: none;
  color: rgb(49.5, 91.8, 94.5);
}
.container-calendar .inner .content .calendar-container {
  height: 450px;
}
.container-calendar .inner .content .calendar-container .calendar-widget-container {
  position: absolute;
  left: 0;
  right: 0;
  user-select: none;
}
.container-calendar .inner .content .calendar-container .calendar-widget-container .calendar-widget .calendar-slide {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  z-index: 5;
  text-align: left;
  font-size: 22px;
  transform: rotate(0.01deg);
}
.container-calendar .inner .content .calendar-container .calendar-widget-container .calendar-widget .calendar-slide a {
  display: block;
}
.container-calendar .inner .content .calendar-container .calendar-widget-container .calendar-widget .calendar-slide .background {
  position: absolute;
  top: -20px;
  bottom: -20px;
  left: -20px;
  right: -20px;
  background: white no-repeat center center;
  background-size: cover;
  z-index: 4;
  transition: all 200ms linear, transform 1500ms ease;
  filter: brightness(80%);
}
.container-calendar .inner .content .calendar-container .calendar-widget-container .calendar-widget .calendar-slide:hover .background {
  filter: brightness(50%);
  transform: scale(1.2);
}
.container-calendar .inner .content .calendar-container .calendar-widget-container .calendar-widget .calendar-slide .date {
  position: absolute;
  z-index: 5;
  top: 0;
  right: 0;
  width: 80px;
  height: 80px;
  background: #376669;
  color: #fff;
  font-family: "Bungee", sans-serif;
  text-align: center;
  text-transform: uppercase;
  border-radius: 0 0 0 5px;
  padding: 10px;
}
.container-calendar .inner .content .calendar-container .calendar-widget-container .calendar-widget .calendar-slide .date .num {
  font-size: 1.5em;
  line-height: 1em;
}
.container-calendar .inner .content .calendar-container .calendar-widget-container .calendar-widget .calendar-slide .date .month {
  font-size: 0.8em;
}
.container-calendar .inner .content .calendar-container .calendar-widget-container .calendar-widget .calendar-slide .date.large {
  height: 100px;
}
.container-calendar .inner .content .calendar-container .calendar-widget-container .calendar-widget .calendar-slide .date.large .end {
  font-size: 0.6em;
  line-height: 1;
  margin-top: -1px;
}
.container-calendar .inner .content .calendar-container .calendar-widget-container .calendar-widget .calendar-slide .bottom {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 4;
  padding: 20px;
}
.container-calendar .inner .content .calendar-container .calendar-widget-container .calendar-widget .calendar-slide .bottom .title {
  margin: 10px 0 0;
  text-align: left;
  color: #fff;
  font-family: "Noto Serif", serif;
  font-size: 1em;
  font-weight: 700;
}
.container-calendar .inner .content .calendar-container .calendar-widget-container .calendar-widget .calendar-slide .bottom .link {
  font-size: 0.7em;
  color: #fff;
  font-style: italic;
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  text-transform: uppercase;
  position: relative;
  display: inline-block;
  height: 0;
  margin-top: 0;
  overflow: hidden;
  transition: all 150ms ease;
}
.container-calendar .inner .content .calendar-container .calendar-widget-container .calendar-widget .calendar-slide .bottom .link:before {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #fff;
  transition: all 10ms ease 150ms;
}
.container-calendar .inner .content .calendar-container .calendar-widget-container .calendar-widget .calendar-slide:hover .bottom .link {
  height: 25px;
  margin-top: 25px;
}
.container-calendar .inner .content .calendar-container .calendar-widget-container .calendar-widget .calendar-slide:hover .bottom .link:before {
  width: 100%;
  transition: all 1500ms ease 150ms;
}
.container-calendar .inner .content .btn-more {
  display: inline-block;
  margin: 30px 3px 0;
  position: relative;
}

.container.container-contact .inner .contact-split-container {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
.container.container-contact .inner .contact-split-container .content {
  width: 60%;
  margin-bottom: 3vh;
}
.container.container-contact .inner .contact-split-container .contact-form {
  background-color: white;
  border-radius: 5px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.12), 0 3px 8px rgba(0, 0, 0, 0.24);
  margin-bottom: 20px;
  padding: 20px 30px 0;
  width: 40%;
  box-sizing: border-box;
}
.container.container-contact .inner .contact-split-container .contact-form .form-row {
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 1.1em;
}
.container.container-contact .inner .contact-split-container .contact-form .form-row.header {
  font-weight: bold;
  font-size: 1.7em;
}
.container.container-contact .inner .contact-split-container .contact-form .form-row.header .description {
  font-size: 0.7em;
  font-weight: normal;
  margin-top: 3px;
}
.container.container-contact .inner .contact-split-container .contact-form .form-row.buttons {
  display: block;
  box-sizing: border-box;
  margin: 20px 0 20px;
  display: flex;
  justify-content: center;
}
.container.container-contact .inner .contact-split-container .contact-form .form-row .field-name {
  color: #1e1e1e;
  font-size: 1.1em;
  font-weight: 900;
  margin-bottom: 5px;
}
.container.container-contact .inner .contact-split-container .contact-form .form-row.required .field-name:after {
  content: " *";
  color: #D30231;
}
.container.container-contact .inner .contact-split-container .contact-form .form-row .help-text {
  color: #1e1e1e;
  font-size: 1em;
  margin-bottom: 7px;
  line-height: 1.3em;
  width: 75%;
}
.container.container-contact .inner .contact-split-container .contact-form .form-row .checkbox-field {
  margin-bottom: 10px;
}
.container.container-contact .inner .contact-split-container .contact-form .form-row .checkbox-field label {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
  padding: 10px;
  display: flex;
  align-items: center;
  background: #ecebe1;
  cursor: pointer;
}
.container.container-contact .inner .contact-split-container .contact-form .form-row .checkbox-field label a {
  color: #1e1e1e;
  text-decoration: underline;
}
.container.container-contact .inner .contact-split-container .contact-form .form-row .checkbox-field label a:hover, .container.container-contact .inner .contact-split-container .contact-form .form-row .checkbox-field label a:active, .container.container-contact .inner .contact-split-container .contact-form .form-row .checkbox-field label a:focus {
  text-decoration: none;
}
.container.container-contact .inner .contact-split-container .contact-form .form-row input, .container.container-contact .inner .contact-split-container .contact-form .form-row select, .container.container-contact .inner .contact-split-container .contact-form .form-row textarea {
  border: 1px solid #376669;
  color: #1e1e1e;
  background: #fff;
  padding: 10px;
  font-family: "Open Sans", sans-serif;
  font-size: 1.1em;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 4px;
}
.container.container-contact .inner .contact-split-container .contact-form .form-row input[type=checkbox], .container.container-contact .inner .contact-split-container .contact-form .form-row select[type=checkbox], .container.container-contact .inner .contact-split-container .contact-form .form-row textarea[type=checkbox] {
  width: auto !important;
  position: relative;
  margin-right: 10px;
}
.container.container-contact .inner .contact-split-container .contact-form .form-row textarea {
  width: 100%;
  height: 150px;
  min-height: 150px;
  max-height: 200px;
}
.container.container-contact .inner .contact-split-container .contact-form .form-row .form-errors li {
  color: #D30231;
  font-weight: 900;
  line-height: 1.2em;
  list-style: none;
  margin: 10px 0;
}
.container.container-contact .inner .contact-split-container .contact-form .form-row .form-errors li:before {
  content: "✗ ";
}
.container.container-contact .inner .contact-split-container .contact-form .form-row.hidden {
  display: none;
}
.container.container-contact .inner .contact-split-container .contact-form .form-row:has([maxlength]) {
  position: relative;
}
.container.container-contact .inner .contact-split-container .contact-form .form-row:has([maxlength]):before {
  content: attr(data-before);
  position: absolute;
  right: 0;
  top: 0;
  padding: 5px 0;
  font-size: 0.8em;
  color: #353535;
}

.container-content .inner .content {
  margin-bottom: 3vh;
}
.container-content .split-screen {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: nowrap;
}
.container-content .split-screen .calendar {
  min-width: 33.333%;
  padding: 20px;
  position: relative;
}
.container-content h2.subtitle {
  font-family: "Noto Serif", sans-serif;
  text-align: left;
  font-size: 1.8em;
  font-weight: 600;
  margin: 0 0 15px;
}
.container-content .sub-section {
  padding: 20px 0;
}
.container-content .sub-section .sub-section-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  margin-bottom: 3vh;
}
.container-content .sub-section .sub-section-content .sub-section-text p {
  margin: 0;
}
.container-content .sub-section .sub-section-content img {
  max-width: 100%;
  height: auto;
}
.container-content .sub-section.eyecatcher-left-up .sub-section-content, .container-content .sub-section.eyecatcher-right-up .sub-section-content {
  align-items: flex-start;
}
.container-content .sub-section.eyecatcher-left-down .sub-section-content, .container-content .sub-section.eyecatcher-right-down .sub-section-content {
  align-items: flex-end;
}
.container-content .sub-section .content-eyecatcher {
  margin: 0 40px;
}
.container-content .sub-section .content-eyecatcher.position-left {
  float: left;
}
.container-content .sub-section .content-eyecatcher.position-right {
  float: right;
}
.container-content .sub-section .content-eyecatcher.position-left-up, .container-content .sub-section .content-eyecatcher.position-left-down {
  float: left;
  margin: 40px;
}
.container-content .sub-section .content-eyecatcher.position-right-up, .container-content .sub-section .content-eyecatcher.position-right-down {
  float: right;
  margin: 40px;
}
.contentAfbeeldingContainer {
  margin: 50px 0 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.contentAfbeeldingContainer img {
  margin: 10px;
}

.faq-block {
  text-align: left;
  font-size: 1.4em;
}
.faq-block .faq-question {
  font-family: Noto Serif, sans-serif;
  text-align: left;
  font-size: 1.1em;
  font-weight: 600;
  margin: 0 0 2px;
}
.faq-block .faq-question:before {
  content: "+ ";
  font-size: 1.5em;
  line-height: 0;
  position: relative;
  top: 2px;
}
.faq-block .faq-question:hover {
  cursor: pointer;
  color: #376669;
}
.faq-block .faq-answer {
  display: none;
  padding: 10px 15px;
  background-color: rgba(0, 0, 0, 0.1);
  margin: 10px 22px 15px;
}
.faq-block.opened .faq-question:before {
  content: "- ";
}
.faq-block.opened .faq-answer {
  display: block;
}

.container-eyecatcher {
  position: relative;
  background: #9ee2d5 no-repeat center center;
  background-size: cover;
  overflow: hidden;
  height: 50vh;
}
.container-eyecatcher .inner {
  z-index: 20;
  top: 50%;
  transform: translateY(-50%);
}
.container-eyecatcher .typewriter {
  font-family: "Shadows Into Light", cursive;
  font-size: 72px;
  font-weight: 700;
  color: #fffef7;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.22), 0 0px 8px rgba(0, 0, 0, 0.3);
  cursor: default;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.container-eyecatcher .typewriter .typewriter-prefix {
  height: 90px;
  width: 500px;
  text-align: right;
}
.container-eyecatcher .typewriter .typewriter-content {
  color: #9ee2d5;
  height: 90px;
  position: relative;
  width: 500px;
}
.container-eyecatcher .typewriter .typewriter-content span {
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  opacity: 0;
  transform: translateY(-360px);
  transition: all 350ms ease;
}
.container-eyecatcher .typewriter .typewriter-content .el1 {
  transform: translateY(-270px);
  opacity: 0.12;
}
.container-eyecatcher .typewriter .typewriter-content .el2 {
  transform: translateY(-180px);
  opacity: 0.25;
}
.container-eyecatcher .typewriter .typewriter-content .el3 {
  transform: translateY(-90px);
  opacity: 0.5;
}
.container-eyecatcher .typewriter .typewriter-content .el4 {
  transform: translateY(0);
  opacity: 1;
}
.container-eyecatcher .typewriter .typewriter-content .el5 {
  transform: translateY(90px);
  opacity: 0.5;
}
.container-eyecatcher .typewriter .typewriter-content .el6 {
  transform: translateY(180px);
  opacity: 0.25;
}
.container-eyecatcher .typewriter .typewriter-content .el7 {
  transform: translateY(270px);
  opacity: 0.12;
}
.container-eyecatcher .typewriter .typewriter-content .el8 {
  transform: translateY(360px);
}
.container-eyecatcher .typewriter .typewriter-content .el9 {
  transform: translateY(360px);
}
.container-eyecatcher .typewriter .typewriter-content .el10 {
  transform: translateY(360px);
}
.container-eyecatcher .typewriter .typewriter-content .el11 {
  transform: translateY(360px);
}
.container-eyecatcher .bottom {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
}
.container-eyecatcher .bottom .icons {
  transform: none;
  padding: 0;
  margin: 0 auto;
  line-height: 0;
  position: relative;
  max-width: 1200px;
}
.container-eyecatcher .image-background-anim {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  z-index: 10;
  opacity: 0;
  transition: none;
}
.container-eyecatcher .image-background-anim.active {
  transition: opacity 500ms ease;
  opacity: 1;
}
.container-eyecatcher .eyecatcher-overlay {
  z-index: 15;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.container-eyecatcher .eyecatcher-overlay:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: black;
  opacity: 0.1;
}
.container-eyecatcher .eyecatcher-overlay:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: url(/img/pattern.svg) repeat center top;
  background-size: 4px;
  opacity: 0.15;
}

.container-evenementen .tag {
  padding: 0px 5px;
  margin: 0px 10px 0px;
  border: 2px solid black;
  position: relative;
  border-radius: 5px;
  background: #ffffff;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  white-space: nowrap;
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}
.container-evenementen .event-list {
  display: flex;
  gap: 20px;
  align-content: flex-start;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
}
.container-evenementen .event-list .event {
  display: block;
  position: relative;
  overflow: hidden;
  width: 600px;
  max-width: 100%;
  background: #ffffff;
  color: #1e1e1e;
  padding: 10px 20px 20px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.12), 0 3px 8px rgba(0, 0, 0, 0.24);
  border-radius: 5px;
}
.container-evenementen .event-list .event:before {
  content: "";
  position: absolute;
  width: 150px;
  height: 150px;
  bottom: -40px;
  right: -10px;
  background: url("/img/icons/001-ticket-large.png") no-repeat center center;
  background-size: 150px;
  opacity: 0.35;
  transform: rotate(40deg);
  filter: grayscale(1);
}
.container-evenementen .event-list .event h2 {
  font-size: 2.2em;
  font-family: "Noto Serif", sans-serif;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.container-evenementen .event-list .event .date, .container-evenementen .event-list .event .location, .container-evenementen .event-list .event .tickets {
  margin: 5px 0;
  font-size: 1.2em;
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: flex-start;
}
.container-evenementen .event-list .event .date i, .container-evenementen .event-list .event .location i, .container-evenementen .event-list .event .tickets i {
  text-align: center;
}
.container-evenementen .event-list .event .date .txt, .container-evenementen .event-list .event .location .txt, .container-evenementen .event-list .event .tickets .txt {
  display: block;
  line-height: 1.2em;
  margin-left: 5px;
}
.container-evenementen .event-content {
  display: flex;
  position: relative;
  margin-bottom: 40px;
}
.container-evenementen .event-content .content h1.title {
  text-align: left;
  margin: 0 0 20px;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.container-evenementen .event-content .content h2 {
  font-family: "Noto Serif", sans-serif;
  text-align: left;
  font-size: 1.6em;
}
.container-evenementen .event-content .content a {
  text-decoration: underline;
}
.container-evenementen .event-content .content a.back {
  text-decoration: none;
  color: #1e1e1e;
}
.container-evenementen .event-content .content .divider {
  margin-bottom: 16px;
}
.container-evenementen .event-content .content .details {
  font-size: 1.4em;
  margin-bottom: 30px;
}
.container-evenementen .event-content .content .details .date, .container-evenementen .event-content .content .details .location, .container-evenementen .event-content .content .details .tickets {
  margin: 5px 0;
  display: flex;
  align-items: flex-start;
  gap: 5px;
  justify-content: flex-start;
}
.container-evenementen .event-content .content .details .date i, .container-evenementen .event-content .content .details .location i, .container-evenementen .event-content .content .details .tickets i {
  text-align: center;
}
.container-evenementen .event-content .content .details .date .txt, .container-evenementen .event-content .content .details .location .txt, .container-evenementen .event-content .content .details .tickets .txt {
  display: block;
  line-height: 1.2em;
  margin-left: 5px;
}
.container-evenementen .event-content .sidebar {
  min-width: 300px;
  margin: 0 0 0 40px;
}
.container-evenementen .event-content .sidebar .status-box {
  background-color: white;
  border-radius: 5px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.12), 0 3px 8px rgba(0, 0, 0, 0.24);
  padding: 20px;
  margin-top: 30px;
}
.container-evenementen .event-content .sidebar .status-box .tickets-from {
  text-align: center;
  font-size: 0.7em;
  text-transform: uppercase;
}
.container-evenementen .event-content .sidebar .status-box .price {
  font-family: "Open Sans", sans-serif;
  font-size: 3em;
  font-weight: 400;
  text-align: center;
  margin: 0 0 14px;
}
.container-evenementen .event-content .sidebar .status-box .price .euro {
  margin-right: 3px;
}
.container-evenementen .event-content .sidebar .status-box .price .suffix {
  position: relative;
  font-size: 0.5em;
  bottom: 11px;
}
.container-evenementen .event-content .sidebar .status-box .btn.btn-kneuterkamp {
  text-align: center;
}
.container-evenementen .event-content .sidebar .status-box a.small-link {
  display: block;
  text-align: center;
  margin-top: 8px;
}
.container-evenementen .event-content .sidebar .status-box .promocode-box {
  display: flex;
  margin-top: 10px;
}
.container-evenementen .event-content .sidebar .status-box .promocode-box .promocode-input {
  display: block;
  width: 100%;
  border: 2px solid #ecebe1;
  background-color: #fffef7;
  height: 40px;
  padding: 0 10px;
  font-size: 16px;
}
.container-evenementen .event-content .sidebar .status-box .promocode-box .promocode-submit {
  padding: 0 13px !important;
}

.formContainer {
  *zoom: 1;
}
.formContainer:before, .formContainer:after {
  content: " ";
  display: table;
}
.formContainer:after {
  clear: both;
}
.formContainer input {
  float: left;
}

.formLeftContainer {
  float: left;
  width: 49%;
}

.formRightContainer {
  float: right;
  width: 49%;
}

.formWrapper {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}

.formPart {
  width: calc(50% - 20px);
}

.formItem {
  display: block;
  clear: both;
  position: relative;
  margin: 0 0 20px 0;
  width: 100%;
  *zoom: 1;
}
.formItem:before, .formItem:after {
  content: " ";
  display: table;
}
.formItem:after {
  clear: both;
}
.formItem .label {
  *zoom: 1;
  display: block;
  text-align: left;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border-radius: 0;
}
.formItem .label:before, .formItem .label:after {
  content: " ";
  display: table;
}
.formItem .label:after {
  clear: both;
}
.formItem .label label {
  width: 100%;
  display: block;
  margin: 0;
  font-weight: inherit;
}
.formItem .veld {
  display: block;
  float: left;
}
.formItem input,
.formItem textarea,
.formItem select {
  display: block;
  width: 100%;
  border: 1px solid #ccc;
  background-color: #fff;
}
.formItem textarea {
  min-height: 160px;
  padding: 10px;
}
.formItem select {
  padding: 10px;
  height: 40px;
}
.formItem .checkboxItem {
  width: 100%;
  margin: 0 5px 0 0;
}
.formItem input[type=text],
.formItem input[type=password] {
  height: 40px;
  padding: 10px;
}
.formItem.checkbox label {
  display: block;
  overflow: hidden;
}
.formItem.checkbox input[type=checkbox] {
  display: block;
  float: left;
  width: auto;
  margin: 2px 5px 0 0;
}
.formItem.radioButtons input[type=radio] {
  display: block;
  float: left;
  width: auto;
  margin: 2px 5px 0 0;
  clear: left;
}
.formItem.radioButtons label {
  display: block;
  float: left;
}
.formItem.radioButtons .label label {
  float: none;
}
.formItem.verplichtVeld:before {
  position: absolute;
  top: 5px;
  right: 10px;
  display: block;
  content: "*";
  color: #D30231;
}

input[type=submit] {
  width: auto;
  height: 40px;
  margin: 0 0 10px 0;
}

.sendButton {
  float: right;
}

.hpu_wms_form {
  display: none;
}

.labelVerplichVeld {
  float: left;
  height: 30px;
  line-height: 30px;
}
.labelVerplichVeld .verplichtVeld {
  color: #D30231;
}

.errorField {
  border: 1px solid #D30231 !important;
}

label.error {
  position: absolute;
  bottom: 100%;
  right: 0;
  visibility: hidden;
  padding: 5px 10px;
  margin-bottom: 5px;
  line-height: 26px;
  color: #FFF;
  background: #D30231;
  z-index: 20;
}
label.error:after {
  content: "";
  position: absolute;
  top: 100%;
  right: 10px;
  display: block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #D30231;
}

.centerContainer {
  min-height: calc(100vh - 274px - 67px);
}

.container-footer {
  border-top: 10px solid #376669;
  min-height: 274px;
}
.container-footer .image-background {
  background: #82c4c0;
}
.container-footer .inner {
  margin: 0px auto !important;
  padding: 0px 20px 20px !important;
}
.container-footer .inner h1.title {
  font-family: "Shadows Into Light", cursive;
  font-size: 3.3em;
  font-weight: 300;
  margin-top: 0;
}
.container-footer .inner h1.title a {
  text-decoration: underline;
  color: rgb(38.5, 71.4, 73.5);
}
.container-footer .inner h1.title a:hover, .container-footer .inner h1.title a:active, .container-footer .inner h1.title a:focus {
  color: rgb(65, 109.65, 112.5);
}
.container-footer .sponsorWrapper {
  margin: 40px 0;
}
.container-footer .sponsorWrapper .fancyTitle {
  overflow-x: hidden;
  line-height: 1.5;
  text-align: center;
}
.container-footer .sponsorWrapper .fancyTitle span {
  display: inline-block;
  position: relative;
  font-family: "Noto Serif", sans-serif;
  color: #1e1e1e;
  font-size: 1.7em;
}
.container-footer .sponsorWrapper .fancyTitle span:before, .container-footer .sponsorWrapper .fancyTitle span:after {
  content: "";
  position: absolute;
  height: 12px;
  border-bottom: 1px solid #1e1e1e;
  border-top: 1px solid #1e1e1e;
  top: 11px;
  width: 600px;
}
.container-footer .sponsorWrapper .fancyTitle span:before {
  right: 100%;
  margin-right: 15px;
}
.container-footer .sponsorWrapper .fancyTitle span:after {
  left: 100%;
  margin-left: 15px;
}
.container-footer .sponsorContainer {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-wrap: nowrap;
  margin: 10px 0;
}
.container-footer .sponsorContainer .sponsorItem {
  display: block;
  width: 100px;
  height: 100px;
  padding: 10px;
  background-color: white;
  border-radius: 50%;
  position: relative;
  margin: 20px;
  overflow: hidden;
  filter: grayscale(100%);
  color: #376669 !important;
  transition: filter 250ms ease, transform 350ms ease;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.06), 0 3px 8px rgba(0, 0, 0, 0.12);
}
.container-footer .sponsorContainer .sponsorItem:hover {
  filter: grayscale(0%);
}
.container-footer .sponsorContainer .sponsorItem img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  max-width: 90%;
  max-height: 90%;
}
.container-footer .sponsorContainer .sponsorItem span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  max-width: 90%;
  max-height: 90%;
  display: block;
  text-align: center;
  font-size: 14px;
}
.container-footer .sponsorContainer:hover .sponsorItem {
  transform: translateY(-10px);
}
.container-footer .sponsorContainer:hover .sponsorItem:nth-of-type(2n) {
  transform: translateY(10px);
}
.container-footer .columnContainer {
  margin: 40px 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  color: #1e1e1e;
}
.container-footer .columnContainer input::-webkit-input-placeholder, .container-footer .columnContainer input:-moz-placeholder, .container-footer .columnContainer input::-moz-placeholder, .container-footer .columnContainer input:-ms-input-placeholder {
  color: #1e1e1e !important;
}
.container-footer .columnContainer a {
  color: #1e1e1e;
}
.container-footer .columnContainer a:hover {
  color: #1e1e1e;
}
.container-footer .columnContainer .column {
  width: 30%;
}
.container-footer .columnContainer .column .columnTitle {
  font-family: "Noto Serif", sans-serif;
  font-size: 1.2em;
  font-weight: 700;
}
.container-footer .columnContainer .column .columnRow {
  display: flex;
  margin-top: 5px;
}
.container-footer .columnContainer .column .columnRow .speltak {
  width: 40%;
  font-weight: 400;
}
.container-footer .columnContainer .column .columnRow .tijd {
  width: 60%;
}
.container-footer .columnContainer .column .columnRow form {
  display: block;
  width: 100%;
}
.container-footer .columnContainer .column .columnRow input[type=text] {
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  color: #1e1e1e;
  margin: 0 0 0 0;
  background-color: transparent;
  transition: all 250ms ease;
  padding: 10px;
  height: 40px;
  font-size: 14px;
  width: 50%;
}
.container-footer .columnContainer .column .columnRow input[type=text]::-webkit-input-placeholder {
  color: #1e1e1e;
}
.container-footer .columnContainer .column .columnRow input[type=text]::-moz-placeholder {
  color: #1e1e1e;
}
.container-footer .columnContainer .column .columnRow input[type=text]::-ms-placeholder {
  color: #1e1e1e;
}
.container-footer .columnContainer .column .columnRow input[type=text]::placeholder {
  color: #1e1e1e;
}
.container-footer .columnContainer .column .columnRow input[type=text]:focus {
  outline: none;
}
.container-footer .columnContainer .column .columnRow input[type=text]:focus::-webkit-input-placeholder {
  color: transparent;
}
.container-footer .columnContainer .column .columnRow input[type=text]:focus::-moz-placeholder {
  color: transparent;
}
.container-footer .columnContainer .column .columnRow input[type=text]:focus::-ms-placeholder {
  color: transparent;
}
.container-footer .columnContainer .column .columnRow input[type=text]:focus::placeholder {
  color: transparent;
}
.container-footer .columnContainer .column .columnRow .btn {
  border-radius: 0;
  padding: 3px 13px;
  line-height: 30px;
  height: 40px;
  display: inline-block;
  float: right;
  width: 50%;
}
.container-footer .columnContainer .column .fa {
  margin: 3px 8px 3px 3px;
}
.container-footer .copyrightText {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.container-footer .copyrightText a {
  color: #1e1e1e;
}
.container-footer .copyrightText a:hover, .container-footer .copyrightText a:active, .container-footer .copyrightText a:focus {
  color: #1e1e1e;
}
.container-footer .copyrightText .footerIcons .footerIcon {
  display: inline-block;
  vertical-align: middle;
  opacity: 0.7;
  transition: opacity 300ms ease;
  font-size: 40px;
  margin-left: 10px;
}
.container-footer .copyrightText .footerIcons .footerIcon:hover {
  opacity: 1;
}
.container-footer .copyrightText .footerIcons .footerIcon a {
  display: block;
  width: 100%;
  height: 100%;
  color: #1e1e1e;
}

.container-introduction .tag {
  padding: 0px 5px;
  margin: 0px 10px 0px;
  border: 2px solid black;
  position: relative;
  border-radius: 5px;
  background: #ffffff;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  white-space: nowrap;
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}
.container-introduction .inner h1.title {
  text-align: center;
  font-family: "Shadows Into Light", cursive;
  font-size: 4em;
  margin-top: 20px;
  margin-bottom: 50px;
  font-weight: 700;
  color: #376669;
  font-style: italic;
}
.container-introduction .inner .content {
  text-align: justify;
}
.container-introduction .inner p.intro {
  text-align: center;
  margin-bottom: 50px;
  color: #1e1e1e;
}
.container-introduction .inner .button-container {
  margin: 40px 0 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}
.container-introduction .inner .button-container .button {
  display: block;
  width: 31.3333333333%;
  background-color: #ecebe1;
  border-radius: 5px;
  padding-bottom: 60px;
  position: relative;
}
.container-introduction .inner .button-container .button a {
  display: block;
  width: 100%;
  height: 100%;
}
.container-introduction .inner .button-container .button .eyecatcher {
  background: url("/img/icons/005-faq.png") no-repeat center center;
  background-size: 100px;
  margin: 30px 0 10px;
  height: 100px;
  width: 100%;
  transform: scale(1.1, 1.1);
}
.container-introduction .inner .button-container .button .eyecatcher.vrijwilligers {
  background-image: url("/img/icons/001-help.png");
}
.container-introduction .inner .button-container .button .eyecatcher.archief {
  background-image: url("/img/icons/003-pictures.png");
}
.container-introduction .inner .button-container .button .info {
  padding: 10px 25px;
  text-align: center;
}
.container-introduction .inner .button-container .button .info h2 {
  font-family: "Shadows Into Light", cursive;
  margin: 0 0 2vh;
  font-size: 3.3em;
  font-weight: 700;
  color: rgb(52.25, 96.9, 99.75);
}
.container-introduction .inner .button-container .button .info p {
  color: #1e1e1e;
  font-size: 1.15em;
  margin-bottom: 10px;
  line-height: 1.4em;
}
.container-introduction .inner .button-container .button .info .btn {
  width: 80%;
  margin: 20px auto 10px;
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
}
.container-introduction .inner .event-list {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
  margin: 30px 0 50px;
}
.container-introduction .inner .event-list .title {
  flex: 1 1 0px;
  display: flex;
  gap: 30px;
  align-items: center;
  justify-content: flex-end;
}
.container-introduction .inner .event-list .title .icon {
  background: url("/img/icons/001-upcoming.png") no-repeat center center;
  background-size: 80px;
  height: 80px;
  width: 80px;
  transform: rotate(-10deg);
}
.container-introduction .inner .event-list .title .text {
  font-family: "Shadows Into Light", cursive;
  font-size: 3.1em;
  font-weight: 700;
  color: rgb(52.25, 96.9, 99.75);
  position: relative;
  text-align: center;
}
.container-introduction .inner .event-list .events {
  display: flex;
  flex: 1 1 0px;
  justify-content: flex-end;
}
.container-introduction .inner .event-list .events .event {
  background: #ffffff;
  padding: 10px 20px 20px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.08), 0 3px 8px rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  color: #1e1e1e;
}
.container-introduction .inner .event-list .events .event h2 {
  font-size: 2.2em;
  font-family: "Noto Serif", sans-serif;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.container-introduction .inner .event-list .events .event .date, .container-introduction .inner .event-list .events .event .location, .container-introduction .inner .event-list .events .event .tickets {
  margin: 5px 0;
  font-size: 1.2em;
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: flex-start;
}
.container-introduction .inner .event-list .events .event .date i, .container-introduction .inner .event-list .events .event .location i, .container-introduction .inner .event-list .events .event .tickets i {
  text-align: center;
}
.container-introduction .inner .event-list .events .event .date .txt, .container-introduction .inner .event-list .events .event .location .txt, .container-introduction .inner .event-list .events .event .tickets .txt {
  display: block;
  line-height: 1.2em;
  margin-left: 5px;
}
.container-introduction .inner .event-list .events .event .button {
  margin-top: 15px;
  text-align: center;
}
.container-introduction .inner .uitgelicht {
  padding: 20px;
  background-color: rgba(164, 164, 164, 0.2);
  text-align: left;
  border-radius: 5px;
}
.container-introduction .inner .uitgelicht h2.sub-title {
  margin: 0 0 10px;
  color: #1e1e1e;
  text-align: left;
}
.container-introduction .inner .uitgelicht p {
  margin: 0;
  color: #1e1e1e;
}
.container-introduction .inner .uitgelicht .content-with-image {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
}
.container-introduction .inner .uitgelicht .content-with-image.eyecatcher-left-up, .container-introduction .inner .uitgelicht .content-with-image.eyecatcher-right-up {
  align-items: flex-start;
}
.container-introduction .inner .uitgelicht .content-with-image.eyecatcher-left-down, .container-introduction .inner .uitgelicht .content-with-image.eyecatcher-right-down {
  align-items: flex-end;
}
.container-introduction .inner .uitgelicht .content-with-image .content-eyecatcher {
  margin: 0 40px;
}
.container-introduction .inner .uitgelicht .content-with-image .content-eyecatcher.position-left {
  float: left;
}
.container-introduction .inner .uitgelicht .content-with-image .content-eyecatcher.position-right {
  float: right;
}
.container-introduction .inner .uitgelicht .content-with-image .content-eyecatcher.position-left-up, .container-introduction .inner .uitgelicht .content-with-image .content-eyecatcher.position-left-down {
  float: left;
  margin: 40px;
}
.container-introduction .inner .uitgelicht .content-with-image .content-eyecatcher.position-right-up, .container-introduction .inner .uitgelicht .content-with-image .content-eyecatcher.position-right-down {
  float: right;
  margin: 40px;
}

.message-popup {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.75);
  opacity: 1;
  z-index: 1000;
  transition: opacity 250ms;
}
.message-popup .center-popup {
  position: absolute;
  width: 600px;
  max-width: 90%;
  max-height: 90%;
  top: 50%;
  left: 50%;
  transition: top 300ms;
  -moz-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  background: rgb(229.5, 229.5, 229.5);
  border-radius: 10px;
  padding: 10px;
}
.message-popup .center-popup .inner {
  background: #fff;
  border-radius: 5px;
  padding: 10px;
  text-align: center;
  position: relative;
}
.message-popup .center-popup .inner p {
  margin: 10px;
  font-size: 1.4em;
}
.message-popup .center-popup .inner .message {
  opacity: 0;
  min-height: 20px;
}
.message-popup .center-popup .inner .message .error {
  opacity: 1;
}
.message-popup .center-popup .inner .message .success {
  opacity: 1;
}
.message-popup.error .center-popup {
  background: rgb(233, 128.5, 152);
}
.message-popup.success .center-popup {
  background: rgb(155, 178.5, 180);
}
.message-popup.hidden-overlay {
  opacity: 0;
}
.message-popup.hidden-overlay .center-popup {
  top: 100%;
}

body.scroll-lock {
  overflow: hidden;
}

.container-news {
  text-align: center;
  margin-top: 20px;
}
.container-news .inner h1.title {
  text-align: center;
  color: #fffef7;
  font-size: 4.2em;
  font-family: "Shadows Into Light", cursive;
  font-weight: 300;
  margin: 10px 0;
}
.container-news .inner h1.title a, .container-news .inner h1.title a:hover, .container-news .inner h1.title a:active, .container-news .inner h1.title a:focus {
  color: #fffef7;
}
.container-news .inner .meer-lezen {
  margin: 40px 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: "Noto Serif", sans-serif;
  font-size: 2em;
  font-weight: 400;
}
.container-news .inner .meer-lezen .tip {
  font-size: 2.3em;
  font-family: "Shadows Into Light", cursive;
  font-weight: 300;
  transform: rotate(-10deg);
  margin-right: 30px;
  text-decoration: underline;
  color: #82c4c0;
}
.container-news .inner .meer-lezen .txt {
  line-height: 1.3em;
}
.container-news .inner .meer-lezen a {
  color: #82c4c0;
  white-space: nowrap;
}
.container-news .inner .meer-lezen a:hover, .container-news .inner .meer-lezen a:active, .container-news .inner .meer-lezen a:focus {
  color: rgb(95.3532608696, 179.6467391304, 174.5380434783);
}
.container-news .dark-fill {
  display: none;
}
.container-news .image-background {
  background-color: #376669;
  top: -50px;
  bottom: -50px;
  left: -50px;
  right: -50px;
  margin: 20px;
  transform: rotate(0deg) scaleX(10);
  z-index: -100;
}

.dropdown-container {
  position: relative;
  display: inline-block;
}
.dropdown-container .dropdown-menu li {
  padding: 10px;
}

.news-title {
  position: relative;
  top: -10px;
}

.news-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  position: relative;
  margin-top: 40px;
}

.news-item-container {
  display: flex;
  justify-content: center;
}

.news-slide {
  width: 48%;
  background-color: #fffef7;
  color: #1e1e1e;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.12), 0 3px 8px rgba(0, 0, 0, 0.24);
  border-radius: 5px;
  position: relative;
}
.news-slide.overview {
  margin-bottom: 50px;
}
.news-slide > a {
  display: block;
  color: inherit;
}
.news-slide .eyecatcher {
  position: relative;
  height: 200px;
  overflow: hidden;
  border-radius: 5px 5px 0 0;
  z-index: 10;
}
.news-slide .eyecatcher .background {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #4b4b4b url("/img/backgrounds/groepsfoto.jpg") no-repeat center center;
  background-size: cover;
  z-index: 1;
  filter: brightness(70%);
  transition: all 200ms linear, transform 1500ms ease;
}
.news-slide:hover .background {
  filter: brightness(80%);
  transform: scale(1.2);
}
.news-slide .speltak-tag {
  margin-right: 10px;
}

.slide-content {
  padding: 20px;
  font-size: 13px;
  text-align: justify;
  line-height: 1.4em;
  margin-bottom: 3vh;
}
.slide-content p {
  margin: 0 !important;
}
.slide-content img {
  cursor: pointer;
}
.slide-content h2 {
  font-size: 2em;
  font-weight: 500;
  font-family: "Noto Serif", serif;
  padding: 0 70px 20px 0;
  position: relative;
  color: #1e1e1e;
  text-align: left;
}
.slide-content h2 .icon {
  position: absolute;
  width: 70px;
  height: 70px;
  z-index: 5;
  background: no-repeat center center;
  background-size: contain;
  right: -12px;
  top: -38px;
  pointer-events: none;
}
.slide-content span.lees-meer {
  display: inline-block;
  float: right;
  border-bottom: 1px dashed #1e1e1e;
  color: #181818;
  padding-top: 14px;
}
.slide-content span.lees-meer:hover {
  color: rgb(142.5, 142.5, 142.5);
  border-bottom: 1px dashed rgb(142.5, 142.5, 142.5);
}
.slide-content span.location {
  font-weight: 700;
  text-align: left;
  font-family: "Bungee", sans-serif;
}
.slide-content span.location:after {
  content: " - ";
  font-weight: normal;
}
.slide-content div.author-date {
  margin-top: 10px;
  font-size: 1em;
  color: #ecebe1;
  text-align: center;
}

.social-date {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px 20px;
}
.social-date .date {
  float: left;
}
.social-date .date span {
  padding-right: 5px;
}
.social-date .social {
  float: right;
}
.social-date .social span {
  padding: 0 0 0 10px;
  font-size: 1.5em;
  vertical-align: middle;
}

.back-button {
  text-align: center;
  margin: 20px auto;
  font-family: "Noto Serif", serif;
  font-size: 1.5em;
}
.back-button a {
  color: #376669;
}
.back-button a:hover, .back-button a:active, .back-button a:focus {
  color: rgb(44, 81.6, 84);
}

#newsContainer .news-slide {
  margin-bottom: 40px;
}

#toggleFilter {
  color: white;
  text-decoration: underline;
}
#toggleFilter:hover {
  text-decoration: none;
}

.preloader-container {
  position: absolute;
  z-index: 1000;
  background: black;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 50ms ease;
}
.preloader-container.enabled {
  opacity: 0.5;
  pointer-events: all;
}

.filter-sections {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}
.filter-sections .filter-section {
  width: 25%;
  padding-left: 25px;
  position: relative;
}
.filter-sections .filter-section:nth-of-type(1) {
  padding-left: 0;
}
.filter-sections .filter-section:nth-of-type(3) {
  border-right: 1px solid rgba(48, 48, 48, 0.5);
  padding-right: 25px;
}
.filter-sections .filter-section .form-group {
  margin: 0;
}
.filter-sections .filter-section .form-group .form-control {
  padding: 10px 15px;
  height: 44px;
}
.filter-sections .filter-section #applyFilter {
  padding: 10px 36px 10px 13px;
}
.filter-sections .filter-section #applyFilter span {
  font-size: 2em;
  padding-right: 20px;
  line-height: 10px;
  position: relative;
  left: -30px;
  top: 4px;
  width: 0;
}
.filter-sections .filter-section #removeFilter {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0 5px 5px 0;
}
.filter-sections .filter-section #removeFilter span {
  font-size: 2em;
  line-height: 10px;
  position: relative;
  top: 4px;
}

#newsWrapper {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.12), 0 3px 8px rgba(0, 0, 0, 0.24);
  background-color: #fff;
  padding-bottom: 40px;
  color: #1e1e1e;
  position: relative;
  z-index: 500;
  top: -200px;
  border-radius: 5px;
}
#newsWrapper > a {
  display: block;
  color: inherit;
}
#newsWrapper .news-content {
  padding: 20px;
  min-height: 200px;
}
#newsWrapper .fa-facebook, #newsWrapper .fa-twitter {
  cursor: pointer;
}
#newsWrapper .speltak-tag {
  margin-right: 10px;
}

.back-button-container {
  text-align: center;
  position: relative;
  top: -180px;
}
.back-button-container .btn {
  display: inline-block;
  margin: 20px;
}
.back-button-container .btn span {
  margin-right: 10px;
  font-size: 1.3em;
  position: relative;
  top: 2px;
}

.rhs-wrapper {
  position: relative;
  padding: 0 20px;
}
.rhs-wrapper:after {
  content: "";
  display: table;
  clear: both;
}
.rhs-wrapper .rhs-wrapper-inner {
  transition: transform 250ms ease-in-out;
  will-change: transform;
}
.rhs-wrapper .rhs-wrapper-inner:after {
  content: "";
  display: table;
  clear: both;
}
.rhs-wrapper .rhs-wrapper-inner.swiping {
  transition: none;
}
.rhs-wrapper .rhs-wrapper-inner .rhs-slide {
  float: left;
  width: 300px;
  height: 450px;
  margin-right: 40px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.12), 0 3px 8px rgba(0, 0, 0, 0.24);
}

.container-sponsors .fancyTitle {
  overflow-x: hidden;
  line-height: 1.5;
  text-align: center;
  position: relative;
  margin: 0 30px;
}
.container-sponsors .fancyTitle span {
  font-family: "Shadows Into Light", cursive;
  font-weight: 300;
  font-size: 4.2em;
  color: #376669;
  text-align: center;
  text-transform: lowercase;
  margin: 70px 0 50px;
  display: inline-block;
  position: relative;
}
.container-sponsors .fancyTitle span:before, .container-sponsors .fancyTitle span:after {
  content: "";
  position: absolute;
  height: 13px;
  border-bottom: 3px solid #376669;
  border-top: 3px solid #376669;
  top: 36px;
  width: 600px;
}
.container-sponsors .fancyTitle span:before {
  right: 100%;
  margin-right: 15px;
}
.container-sponsors .fancyTitle span:after {
  margin-left: 15px;
}
.container-sponsors .sponsor-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: space-around;
  justify-content: center;
  gap: 20px;
}
.container-sponsors .sponsor-container .sponsor .icon {
  width: 200px;
  height: 200px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.08), 0 3px 8px rgba(0, 0, 0, 0);
  background-color: #fff;
  background-size: 150px;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.container-sponsors .sponsor-container .sponsor span {
  color: #1e1e1e;
  font-size: 1.35em;
  text-align: center;
  width: 160px;
}

@property --arc-duration {
  syntax: "<time>";
  inherits: true;
  initial-value: 2000ms;
}
@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}
.sponsors-display .sponsors-hidden {
  display: none;
}
.sponsors-display .frame {
  position: relative;
  display: flex;
  width: 100%;
  justify-content: center;
  gap: 30px;
  padding: 20px 0;
  overflow: hidden;
}
.sponsors-display .frame.hidden {
  opacity: 0;
}
.sponsors-display .frame .sponsor {
  --arc-duration: 4000ms;
  background: #d5d5d5;
  position: relative;
  box-sizing: border-box;
  min-height: 0;
  width: 150px;
  aspect-ratio: 1;
  transition: opacity 400ms ease, transform 400ms ease, padding 400ms ease;
  padding: 2px;
  border-radius: 50%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.08), 0 3px 8px rgba(0, 0, 0, 0);
  pointer-events: none;
  z-index: 1;
  overflow: hidden;
}
.sponsors-display .frame .sponsor svg {
  box-sizing: border-box;
  opacity: 0;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.sponsors-display .frame .sponsor.circle {
  pointer-events: all;
}
.sponsors-display .frame .sponsor.circle svg {
  opacity: 1;
  pointer-events: none;
}
.sponsors-display .frame .sponsor.circle path {
  stroke-dasharray: 540;
  stroke-dashoffset: 540;
  animation: dash var(--arc-duration) linear forwards;
}
.sponsors-display .frame .sponsor:hover {
  transform: scale(122%);
  padding: 2px;
}
.sponsors-display .frame .sponsor.no-transition {
  transition: none;
  opacity: 0;
}
.sponsors-display .frame .sponsor.hidden-in {
  transform: translateY(80%);
  opacity: 0;
}
.sponsors-display .frame .sponsor.hidden-out {
  transform: translateY(-80%);
  opacity: 0;
}
.sponsors-display .frame .sponsor .icon {
  width: 100%;
  height: 100%;
  background-color: #fff;
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sponsors-display .frame .sponsor span {
  color: #1e1e1e;
  font-size: 1.35em;
  text-align: center;
  width: 160px;
}

.container.container-ticket .inner h1.title {
  font-size: 2.5em;
  margin: 0 0 20px;
}
.container.container-ticket .inner .ticket-container {
  background-color: white;
  border-radius: 5px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.12), 0 3px 8px rgba(0, 0, 0, 0.24);
  padding: 20px 30px 0;
}
.container.container-ticket .inner .ticket-container .form-row {
  font-size: 16px;
  line-height: 1.1em;
}
.container.container-ticket .inner .ticket-container .form-row.buttons {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  text-align: center;
  gap: 10px;
  padding: 20px 0;
}
.container.container-ticket .inner .ticket-container .form-row.buttons .btn.btn-kneuterkamp {
  padding: 10px 20px;
  line-height: 1em;
}
.container.container-ticket .inner .ticket-container .form-row .field-name {
  color: #1e1e1e;
  font-size: 1.1em;
  font-weight: 900;
  margin-bottom: 5px;
}
.container.container-ticket .inner .ticket-container .form-row.required .field-name:after {
  content: " *";
  color: #D30231;
}
.container.container-ticket .inner .ticket-container .form-row .help-text {
  color: #1e1e1e;
  font-size: 1em;
  margin-bottom: 7px;
  line-height: 1.3em;
  width: 100%;
}
.container.container-ticket .inner .ticket-container .form-row input, .container.container-ticket .inner .ticket-container .form-row select, .container.container-ticket .inner .ticket-container .form-row textarea {
  border: 1px solid #376669;
  color: #1e1e1e;
  background: #fff;
  padding: 10px;
  font-family: "Open Sans", sans-serif;
  font-size: 1.1em;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 4px;
}
.container.container-ticket .inner .ticket-container .form-row input[type=checkbox], .container.container-ticket .inner .ticket-container .form-row select[type=checkbox], .container.container-ticket .inner .ticket-container .form-row textarea[type=checkbox] {
  width: auto !important;
  position: relative;
  margin-right: 10px;
}
.container.container-ticket .inner .ticket-container .form-row input.width-small, .container.container-ticket .inner .ticket-container .form-row select.width-small, .container.container-ticket .inner .ticket-container .form-row textarea.width-small {
  width: 12.5%;
}
.container.container-ticket .inner .ticket-container .form-row .form-errors li {
  color: #D30231;
  font-weight: 900;
  line-height: 1.2em;
  list-style: none;
  margin: 10px 0;
}
.container.container-ticket .inner .ticket-container .form-row .form-errors li:before {
  content: "✗ ";
}
.container.container-ticket .inner .ticket-container .form-row video.qr-code-scanner {
  width: 100%;
}
.container.container-ticket .inner .ticket-container .form-row .detail {
  display: flex;
  flex-direction: column;
  line-height: 1.1em;
  font-size: 0.9em;
  margin-bottom: 10px;
}
.container.container-ticket .inner .ticket-container .form-row .detail .question {
  font-weight: bold;
}
.container.container-ticket .inner .ticket-container .form-row .detail.header {
  font-size: 1.2em;
  font-weight: bold;
  margin: 0 0 10px;
}

.top-bar-admin {
  height: 87px;
  width: 100%;
}

.navigation-container-admin {
  width: 100%;
  height: auto;
  transition: all 100ms ease;
  position: fixed;
  top: 0;
  z-index: 900;
  background: #fffef7;
  transition: background-color 250ms ease;
  box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.12);
}
.navigation-container-admin > .inner {
  height: 67px;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: center;
  z-index: 800;
  padding: 0;
}
.navigation-container-admin .logo {
  margin-left: 20px;
  transition: opacity 350ms ease;
}
.navigation-container-admin .logo a {
  background: transparent url("/img/logo/kklogo_blauw.svg") no-repeat center center;
  background-size: 100%;
  width: 60px;
  height: 60px;
  display: block;
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  box-shadow: 0 0 1px rgba(255, 255, 255, 0);
  outline: 1px solid transparent;
  transform: scale(1);
  filter: brightness(90%);
  padding: 0px;
  transition: transform 500ms ease, background-size 500ms ease;
}
.navigation-container-admin .logo-text {
  transition: opacity 350ms ease;
}
.navigation-container-admin .logo-text a {
  display: block;
  position: relative;
  padding: 13px 14px 12px;
  top: -4px;
  font-family: "Shadows Into Light", sans-serif;
  font-weight: bold;
  font-size: 42px;
  color: #376669;
  transition: all 300ms ease;
}
.navigation-container-admin .logo-text a:hover {
  color: rgb(49.5, 91.8, 94.5);
}
.navigation-container-admin .right-nav {
  margin: 0 20px 0 auto;
  position: relative;
  display: flex;
  align-items: center;
  gap: 40px;
}
.navigation-container-admin .right-nav a {
  display: block;
  position: relative;
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
  font-size: 20px;
  color: #376669;
  transition: all 300ms ease;
  display: flex;
  align-items: center;
  gap: 10px;
}
.navigation-container-admin .right-nav a:hover {
  color: rgb(49.5, 91.8, 94.5);
}

@keyframes lineAnim {
  0% {
    left: -40%;
  }
  50% {
    left: 20%;
    width: 80%;
  }
  100% {
    left: 100%;
    width: 100%;
  }
}
.container-crud .inner a.back {
  color: #fffef7;
}
.container-crud .inner a.back:hover, .container-crud .inner a.back:active, .container-crud .inner a.back:focus {
  color: rgb(204, 203.2, 197.6);
}
.container-crud .inner h1.title {
  color: #fffef7;
  font-family: "Shadows Into Light", serif;
  font-size: 3em;
  margin-top: 5px;
  margin-bottom: 5px;
  position: relative;
  line-height: normal;
}
.container-crud .inner h1.title.no-content .icon {
  margin-top: 0;
}
.container-crud .inner h1.title .icon {
  position: absolute;
  background: no-repeat center center;
  width: 86px;
  height: 86px;
  background-size: 100%;
  right: 0;
  top: 50%;
  margin-top: 20px;
  transform: translate(0%, -50%);
}
.container-crud .inner h1.title.texts .icon {
  background-image: url("/img/icons/001-content-writing.png");
}
.container-crud .inner h1.title.news .icon {
  background-image: url("/img/icons/002-newspaper.png");
}
.container-crud .inner h1.title.announcements .icon {
  background-image: url("/img/icons/003-megaphone.png");
}
.container-crud .inner h1.title.editions .icon {
  background-image: url("/img/icons/003-pictures.png");
}
.container-crud .inner h1.title.sponsors .icon {
  background-image: url("/img/icons/004-money.png");
}
.container-crud .inner h1.title.redirects .icon {
  background-image: url("/img/icons/005-shuffle.png");
}
.container-crud .inner h1.title.upload .icon {
  background-image: url("/img/icons/001-cloud-computing.png");
}
.container-crud .inner h1.title.events .icon {
  background-image: url("/img/icons/008-tickets.png");
}
.container-crud .inner h2.title {
  color: #fffef7;
  font-family: "Shadows Into Light", serif;
  font-size: 2.7em;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.container-crud .inner h2.title .btn.new {
  display: inline-block;
  margin: 0;
  padding: 5px 20px;
  font-size: 20px;
}
.container-crud .inner h2.title .btn.new i {
  position: relative;
  top: 1px;
}
.container-crud .inner .content {
  font-family: "Open Sans", sans-serif;
  font-size: 1.3em;
  line-height: normal;
}
.container-crud .inner .action-buttons {
  display: flex;
  gap: 20px;
  margin-bottom: 40px;
}
.container-crud .inner .btn.new {
  display: inline-block;
  margin: 20px 20px 0 0;
  padding: 10px 40px;
}
.container-crud .inner .filter-buttons {
  display: flex;
  gap: 5px;
}
.container-crud .inner .filter-buttons .change-status, .container-crud .inner .filter-buttons .filter {
  border: 1px solid #376669;
  color: #1e1e1e;
  background: #fffef7;
  padding: 10px;
  font-family: "Open Sans", sans-serif;
  font-size: 1.3em;
  width: 20%;
  box-sizing: border-box;
  height: 50px;
  outline: none;
}
.container-crud .inner .filter-buttons .change-status:disabled, .container-crud .inner .filter-buttons .filter:disabled {
  background: #fffef7;
  opacity: 1;
}
.container-crud .inner .filter-buttons .capacity {
  display: flex;
  align-items: center;
  color: #fffef7;
  margin: 0 0 0 20px;
  font-weight: 700;
  font-size: 1.4em;
}
.container-crud .inner .filter-buttons .capacity .current {
  font-size: 1.6em;
}
.container-crud .inner .filter-buttons .capacity .total {
  color: #c6c6c6;
}
.container-crud .inner .filter-buttons .capacity .description {
  font-weight: 400;
}
.container-crud .inner .table-outer {
  position: relative;
  margin-top: 20px;
}
.container-crud .inner .table-outer .list {
  margin-top: 0;
}
.container-crud .inner .table-outer .list .order-row {
  cursor: pointer;
}
.container-crud .inner .table-outer .list .order-row:hover {
  background: rgb(204, 203.2, 197.6);
}
.container-crud .inner .table-outer .loader {
  opacity: 0;
  height: 3px;
  width: 100%;
  position: relative;
  overflow: hidden;
  background-color: #ddd;
}
.container-crud .inner .table-outer .loader:before {
  content: "";
  position: absolute;
  left: -50%;
  height: 3px;
  width: 40%;
  background-color: coral;
  -webkit-animation: lineAnim 1s linear infinite;
  -moz-animation: lineAnim 1s linear infinite;
  animation: lineAnim 1s linear infinite;
}
.container-crud .inner .table-outer .loader.active {
  opacity: 1;
}
.container-crud .inner .uploads {
  margin-top: 50px;
  display: flex;
  border-radius: 5px;
  overflow: hidden;
}
.container-crud .inner .uploads iframe {
  width: 100%;
  height: 500px;
  min-height: 50vh;
}
.container-crud .inner .child-element-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px;
  margin-bottom: 60px;
}
.container-crud .inner .child-element-list .child-element {
  width: calc(50% - 20px);
  background: #215056;
  border-radius: 5px;
  padding: 20px;
  box-sizing: border-box;
}
.container-crud .inner .child-element-list .child-element:first-child {
  width: 100%;
}
.container-crud .inner .list {
  border: 0;
  width: 100%;
  margin-top: 20px;
}
.container-crud .inner .list tr {
  background: rgb(229.5, 228.6, 222.3);
}
.container-crud .inner .list tr:nth-child(2n+1 of :not(.hidden)) {
  background: #fffef7;
}
.container-crud .inner .list tr:first-child .fa-angle-up {
  opacity: 0.2;
  pointer-events: none;
}
.container-crud .inner .list tr:last-child .fa-angle-down {
  opacity: 0.2;
  pointer-events: none;
}
.container-crud .inner .list tr.hidden {
  display: none;
}
.container-crud .inner .list th {
  padding: 5px 10px;
  line-height: normal;
  text-align: left;
  vertical-align: middle;
  background: rgb(178.5, 177.8, 172.9);
  border-bottom: 2px solid #1e1e1e;
  font-size: 1.1em;
  font-weight: 900;
}
.container-crud .inner .list th.buttons {
  text-align: right;
  padding: 5px 7px;
}
.container-crud .inner .list td {
  padding: 5px 10px;
  line-height: normal;
  text-align: left;
  vertical-align: middle;
}
.container-crud .inner .list td.max-size {
  max-width: 300px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.container-crud .inner .list td.review {
  color: #D30231;
  font-weight: 900;
}
.container-crud .inner .list td.color {
  width: 150px;
}
.container-crud .inner .list td.buttons {
  font-size: 18px;
  padding: 2px 7px;
  width: 90px;
  text-align: right;
}
.container-crud .inner .list td.buttons.sort-order {
  width: 80px;
}
.container-crud .inner .list td.buttons a {
  color: #1e1e1e;
  transition: color 150ms ease;
}
.container-crud .inner .list td.buttons a:hover, .container-crud .inner .list td.buttons a:active, .container-crud .inner .list td.buttons a:focus {
  color: #376669;
}
.container-crud .inner .list td span.active {
  color: #93c100;
  font-weight: 600;
}
.container-crud .inner .list.top td {
  vertical-align: top;
}
.container-crud .inner .form-container {
  width: 100%;
  background: #fffef7;
  line-height: normal;
  padding: 20px;
  margin-top: 30px;
  margin-bottom: 60px;
}
.container-crud .inner .form-container h2 {
  margin: 0 0 20px;
}
.container-crud .inner .form-container .form-row {
  margin-bottom: 30px;
}
.container-crud .inner .form-container .form-row:last-child {
  margin-bottom: 0px;
}
.container-crud .inner .form-container .form-row .field-name {
  color: #1e1e1e;
  font-size: 1.3em;
  font-weight: 900;
  margin-bottom: 5px;
}
.container-crud .inner .form-container .form-row.required .field-name:after {
  content: " *";
  color: #D30231;
}
.container-crud .inner .form-container .form-row .help-text {
  color: #1e1e1e;
  font-size: 1em;
  margin-bottom: 5px;
}
.container-crud .inner .form-container .form-row .checkbox-field {
  margin-bottom: 10px;
}
.container-crud .inner .form-container .form-row .checkbox-field label {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
  font-size: 1.2em;
}
.container-crud .inner .form-container .form-row input, .container-crud .inner .form-container .form-row select, .container-crud .inner .form-container .form-row textarea.notinymce {
  border: 1px solid #376669;
  color: #1e1e1e;
  background: #fff;
  padding: 10px;
  font-family: "Open Sans", sans-serif;
  font-size: 1.3em;
  width: 25%;
  box-sizing: border-box;
  margin-bottom: 4px;
}
.container-crud .inner .form-container .form-row input[type=checkbox], .container-crud .inner .form-container .form-row select[type=checkbox], .container-crud .inner .form-container .form-row textarea.notinymce[type=checkbox] {
  width: auto;
  position: relative;
  top: 2px;
  margin-right: 5px;
}
.container-crud .inner .form-container .form-row textarea.notinymce {
  min-width: 100%;
  width: 100%;
  min-height: 150px;
}
.container-crud .inner .form-container .form-row .form-errors {
  margin: 20px;
}
.container-crud .inner .form-container .form-row .form-errors li {
  color: #D30231;
  font-weight: 900;
}
.container-crud .inner .form-container .form-row .btn {
  padding: 10px 70px;
}
.container-crud .inner .form-container .form-row.double-wide input, .container-crud .inner .form-container .form-row.double-wide select {
  width: 50%;
}
.container-crud .inner .form-container .select-icon, .container-crud .inner .form-container .group-color, .container-crud .inner .form-container .select-url, .container-crud .inner .form-container .select-image, .container-crud .inner .form-container .select-song {
  display: flex;
  align-items: center;
}
.container-crud .inner .form-container .select-icon .change-icon, .container-crud .inner .form-container .select-icon .change-color, .container-crud .inner .form-container .select-icon .change-url, .container-crud .inner .form-container .select-icon .change-image, .container-crud .inner .form-container .select-icon .change-song, .container-crud .inner .form-container .group-color .change-icon, .container-crud .inner .form-container .group-color .change-color, .container-crud .inner .form-container .group-color .change-url, .container-crud .inner .form-container .group-color .change-image, .container-crud .inner .form-container .group-color .change-song, .container-crud .inner .form-container .select-url .change-icon, .container-crud .inner .form-container .select-url .change-color, .container-crud .inner .form-container .select-url .change-url, .container-crud .inner .form-container .select-url .change-image, .container-crud .inner .form-container .select-url .change-song, .container-crud .inner .form-container .select-image .change-icon, .container-crud .inner .form-container .select-image .change-color, .container-crud .inner .form-container .select-image .change-url, .container-crud .inner .form-container .select-image .change-image, .container-crud .inner .form-container .select-image .change-song, .container-crud .inner .form-container .select-song .change-icon, .container-crud .inner .form-container .select-song .change-color, .container-crud .inner .form-container .select-song .change-url, .container-crud .inner .form-container .select-song .change-image, .container-crud .inner .form-container .select-song .change-song {
  margin: 0 20px;
}
.container-crud .inner .form-container .select-icon .change-icon > span, .container-crud .inner .form-container .select-icon .change-color > span, .container-crud .inner .form-container .select-icon .change-url > span, .container-crud .inner .form-container .select-icon .change-image > span, .container-crud .inner .form-container .select-icon .change-song > span, .container-crud .inner .form-container .group-color .change-icon > span, .container-crud .inner .form-container .group-color .change-color > span, .container-crud .inner .form-container .group-color .change-url > span, .container-crud .inner .form-container .group-color .change-image > span, .container-crud .inner .form-container .group-color .change-song > span, .container-crud .inner .form-container .select-url .change-icon > span, .container-crud .inner .form-container .select-url .change-color > span, .container-crud .inner .form-container .select-url .change-url > span, .container-crud .inner .form-container .select-url .change-image > span, .container-crud .inner .form-container .select-url .change-song > span, .container-crud .inner .form-container .select-image .change-icon > span, .container-crud .inner .form-container .select-image .change-color > span, .container-crud .inner .form-container .select-image .change-url > span, .container-crud .inner .form-container .select-image .change-image > span, .container-crud .inner .form-container .select-image .change-song > span, .container-crud .inner .form-container .select-song .change-icon > span, .container-crud .inner .form-container .select-song .change-color > span, .container-crud .inner .form-container .select-song .change-url > span, .container-crud .inner .form-container .select-song .change-image > span, .container-crud .inner .form-container .select-song .change-song > span {
  width: 60px;
  height: 60px;
  background: no-repeat center center;
  background-size: 100%;
  display: block;
}
.container-crud .inner .cluster-search-bar-outer {
  height: 80px;
  overflow: hidden;
}
.container-crud .inner .cluster-search-bar-outer .cluster-search-bar {
  display: flex;
  background: rgb(44, 81.6, 84);
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
  padding: 15px;
}
.container-crud .inner .cluster-search-bar-outer .cluster-search-bar.fixed {
  position: fixed;
  top: 67px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
}
.container-crud .inner .cluster-search-bar-outer .cluster-search-bar .cluster-filter {
  margin-right: auto;
  display: flex;
}
.container-crud .inner .cluster-search-bar-outer .cluster-search-bar .cluster-filter .filter {
  border: 1px solid #fffef7;
  color: #1e1e1e;
  background: #fffef7;
  padding: 10px;
  font-family: "Open Sans", sans-serif;
  font-size: 1.3em;
  box-sizing: border-box;
  height: 50px;
  outline: none;
}
.container-crud .inner .cluster-search-bar-outer .cluster-search-bar .cluster-filter .filter:disabled {
  background: #fffef7;
  opacity: 1;
}
.container-crud .inner .cluster-search-bar-outer .cluster-search-bar .cluster-filter .btn {
  width: 50px;
  text-align: center;
}
.container-crud .inner .cluster-search-bar-outer .cluster-search-bar .counter-text {
  color: #fffef7;
  font-size: 1.2em;
  position: relative;
  top: -6px;
}
.container-crud .inner .cluster-search-bar-outer .cluster-search-bar .counter-text .selected-people {
  position: absolute;
  right: 0;
  bottom: -17px;
  font-size: 0.8em;
  text-align: right;
  white-space: nowrap;
  opacity: 0.6;
}
.container-crud .inner .cluster-search-bar-outer .cluster-search-bar .counter-text #clear-selected-clusters {
  text-decoration: underline;
  text-decoration-style: dashed;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
  cursor: pointer;
}
.container-crud .inner .cluster-search-bar-outer .cluster-search-bar .counter-text #clear-selected-clusters:hover {
  text-decoration: none;
}
.container-crud .inner .cluster-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: rgb(242.25, 241.3, 234.65);
}
.container-crud .inner .cluster-list .cluster {
  background: #fffef7;
  border: 3px dashed transparent;
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
  cursor: pointer;
  user-select: none;
}
.container-crud .inner .cluster-list .cluster.hidden {
  display: none;
}
.container-crud .inner .cluster-list .cluster .group-color {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
}
.container-crud .inner .cluster-list .cluster .size {
  position: absolute;
  left: 0;
  top: 33px;
  margin: 0 10px;
  font-size: 1.2em;
  text-align: center;
  width: 15px;
  font-weight: 600;
}
.container-crud .inner .cluster-list .cluster .select {
  position: absolute;
  left: 0;
  top: 0;
  margin: 12px;
  font-size: 1.2em;
}
.container-crud .inner .cluster-list .cluster .select .has-select {
  display: none;
}
.container-crud .inner .cluster-list .cluster .select .no-select {
  display: block;
}
.container-crud .inner .cluster-list .cluster.selected {
  background: #eaffdf;
  border: 3px dashed #48d700;
}
.container-crud .inner .cluster-list .cluster.selected .select .has-select {
  display: block;
}
.container-crud .inner .cluster-list .cluster.selected .select .no-select {
  display: none;
}
.container-crud .inner .cluster-list .cluster .cluster-ticket {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: 30px;
}
.container-crud .inner .cluster-list .cluster .cluster-ticket .person-icon.m {
  color: #33affe;
}
.container-crud .inner .cluster-list .cluster .cluster-ticket .person-icon.v {
  color: #f69bff;
}
.container-crud .inner .cluster-list .cluster .cluster-ticket .person-icon.a {
  color: #a59bff;
}
.container-crud .inner .cluster-list .cluster .cluster-ticket .person-icon.d {
  color: grey;
}
.container-crud .inner .cluster-list .cluster .cluster-ticket .age {
  font-size: 0.9em;
  width: 16px;
}
.container-crud .inner .cluster-list .cluster .cluster-ticket .name {
  font-size: 1.2em;
  width: 19%;
}
.container-crud .inner .cluster-list .cluster .cluster-ticket .actions {
  margin-left: auto;
}
.container-crud .inner .cluster-list .cluster .cluster-ticket .actions .action {
  cursor: pointer;
  opacity: 0.7;
}
.container-crud .inner .cluster-list .cluster .cluster-ticket .actions .action:hover {
  opacity: 1;
}
.container-crud .inner .group-columns .group-infos, .container-crud .inner .group-columns .group-clusters {
  display: flex;
  gap: 10px;
  background: rgb(242.25, 241.3, 234.65);
  justify-content: space-between;
  align-items: stretch;
  user-select: none;
}
.container-crud .inner .group-columns .group-infos .group-info {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  flex: 1 1 0px;
  background: #fffef7;
}
.container-crud .inner .group-columns .group-infos .group-info .name {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.container-crud .inner .group-columns .group-infos .group-info .name span {
  padding: 10px 0;
  text-align: center;
  color: #fff;
  text-shadow: 0 0 3px #000;
  font-size: 1.4em;
  font-weight: 600;
  white-space: nowrap;
}
.container-crud .inner .group-columns .group-infos .group-info .leaders {
  background: #cecece;
  padding: 5px 5px;
  text-align: center;
  color: #1e1e1e;
  font-size: 0.9em;
  font-weight: 400;
  min-height: 32px;
  display: flex;
  gap: 5px;
  position: relative;
  margin-top: auto;
}
.container-crud .inner .group-columns .group-infos .group-info .leaders .no-leaders {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0.2;
  background: repeating-linear-gradient(-45deg, #1e1e1e, #1e1e1e 5px, #cecece 5px, #cecece 10px);
}
.container-crud .inner .group-columns .group-infos .group-info .stats {
  background: #fffef7;
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 5px 0;
}
.container-crud .inner .group-columns .group-infos .group-info .stats .top, .container-crud .inner .group-columns .group-infos .group-info .stats .bottom {
  display: flex;
  justify-content: space-between;
  padding: 0px 18px;
}
.container-crud .inner .group-columns .group-infos .group-info .stats .top > div, .container-crud .inner .group-columns .group-infos .group-info .stats .bottom > div {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 2px;
}
.container-crud .inner .group-columns .group-infos .group-info .stats .top > div i, .container-crud .inner .group-columns .group-infos .group-info .stats .bottom > div i {
  font-size: 1.8em;
}
.container-crud .inner .group-columns .group-infos .group-info .stats .top > div span, .container-crud .inner .group-columns .group-infos .group-info .stats .bottom > div span {
  font-size: 1em;
}
.container-crud .inner .group-columns .group-infos .group-info .stats .top > div.num-m i, .container-crud .inner .group-columns .group-infos .group-info .stats .bottom > div.num-m i {
  color: #33affe;
}
.container-crud .inner .group-columns .group-infos .group-info .stats .top > div.num-m span, .container-crud .inner .group-columns .group-infos .group-info .stats .bottom > div.num-m span {
  font-weight: 300;
}
.container-crud .inner .group-columns .group-infos .group-info .stats .top > div.num-total i, .container-crud .inner .group-columns .group-infos .group-info .stats .bottom > div.num-total i {
  color: #1e1e1e;
  font-size: 2.5em;
}
.container-crud .inner .group-columns .group-infos .group-info .stats .top > div.num-total span, .container-crud .inner .group-columns .group-infos .group-info .stats .bottom > div.num-total span {
  font-weight: 700;
  font-size: 1.5em;
}
.container-crud .inner .group-columns .group-infos .group-info .stats .top > div.num-v i, .container-crud .inner .group-columns .group-infos .group-info .stats .bottom > div.num-v i {
  color: #f69bff;
}
.container-crud .inner .group-columns .group-infos .group-info .stats .top > div.num-v span, .container-crud .inner .group-columns .group-infos .group-info .stats .bottom > div.num-v span {
  font-weight: 300;
}
.container-crud .inner .group-columns .group-infos .group-info .stats .top > div.num-med i, .container-crud .inner .group-columns .group-infos .group-info .stats .bottom > div.num-med i {
  color: #e50000;
}
.container-crud .inner .group-columns .group-infos .group-info .stats .top > div.num-med span, .container-crud .inner .group-columns .group-infos .group-info .stats .bottom > div.num-med span {
  color: #353535;
  font-weight: 300;
}
.container-crud .inner .group-columns .group-infos .group-info .stats .top > div.avg-age i, .container-crud .inner .group-columns .group-infos .group-info .stats .bottom > div.avg-age i {
  color: #353535;
}
.container-crud .inner .group-columns .group-infos .group-info .stats .top > div.avg-age span, .container-crud .inner .group-columns .group-infos .group-info .stats .bottom > div.avg-age span {
  font-weight: 600;
  color: #353535;
}
.container-crud .inner .group-columns .group-infos .group-info .stats .top > div.num-attn i, .container-crud .inner .group-columns .group-infos .group-info .stats .bottom > div.num-attn i {
  color: #03d032;
}
.container-crud .inner .group-columns .group-infos .group-info .stats .top > div.num-attn span, .container-crud .inner .group-columns .group-infos .group-info .stats .bottom > div.num-attn span {
  color: #353535;
  font-weight: 300;
}
.container-crud .inner .group-columns .group-clusters .clusters {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  flex: 1 1 0px;
  gap: 10px;
  position: relative;
  background: #e7e7e7;
  padding-bottom: 30px;
}
.container-crud .inner .group-columns .group-clusters .clusters.dropzone-active:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0.3;
  background: #00d8ff;
  border: 4px dashed #0027c9;
  z-index: 20;
}
.container-crud .inner .group-columns .group-clusters .clusters .cluster {
  touch-action: none;
  user-select: none;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  background: #dbdbdb;
  z-index: 15;
  transition: transform 250ms ease;
}
.container-crud .inner .group-columns .group-clusters .clusters .cluster.dragged {
  z-index: 25;
  opacity: 0.8;
  transition: none;
}
.container-crud .inner .group-columns .group-clusters .clusters .cluster.placed {
  transition: none;
  transform: translate3D(0, 0, 0) !important;
}
.container-crud .inner .group-columns .group-clusters .clusters .cluster .size {
  display: none;
  position: absolute;
  left: 5px;
  top: 5px;
  font-weight: 600;
}
.container-crud .inner .group-columns .group-clusters .clusters .cluster .cluster-ticket {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 4px 3px;
}
.container-crud .inner .group-columns .group-clusters .clusters .cluster .cluster-ticket .person-icon.m {
  color: #33affe;
}
.container-crud .inner .group-columns .group-clusters .clusters .cluster .cluster-ticket .person-icon.v {
  color: #f69bff;
}
.container-crud .inner .group-columns .group-clusters .clusters .cluster .cluster-ticket .person-icon.a {
  color: #a59bff;
}
.container-crud .inner .group-columns .group-clusters .clusters .cluster .cluster-ticket .person-icon.d {
  color: grey;
}
.container-crud .inner .group-columns .group-clusters .clusters .cluster .cluster-ticket .age {
  font-size: 0.75em;
  width: 11px;
}
.container-crud .inner .group-columns .group-clusters .clusters .cluster .cluster-ticket .name {
  font-size: 0.9em;
  line-height: 1.2em;
}
.container-crud .inner .group-columns .group-clusters .clusters .cluster .cluster-ticket .specials {
  margin-left: auto;
  display: flex;
  gap: 3px;
}
.container-crud .inner .group-columns .group-clusters .clusters .cluster .cluster-ticket .specials .special .fa-comment-medical {
  color: #e50000;
}
.container-crud .inner .group-columns .group-clusters .clusters .cluster .cluster-ticket .specials .special .fa-comment-dots {
  color: #03d032;
}

.container-dashboard .dashboard {
  display: flex;
  justify-content: flex-start;
  gap: 40px;
  align-items: stretch;
  flex-wrap: wrap;
}
.container-dashboard .dashboard .panel {
  width: 320px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #ecebe1;
  border-radius: 5px;
}
.container-dashboard .dashboard .panel .icon {
  width: 60px;
  height: 60px;
  background: url("/img/icons/002-idea.png") no-repeat center center;
  background-size: 100%;
  position: absolute;
  top: -36px;
  right: 0px;
}
.container-dashboard .dashboard .panel .panel-body h1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "Shadows Into Light";
  text-transform: none;
  font-size: 2.8em;
  margin-bottom: 10px;
  position: relative;
}
.container-dashboard .dashboard .panel .panel-body > span {
  font-size: 1.2em;
  line-height: 1.5em;
}
.container-dashboard .dashboard .panel .btn {
  margin-top: 20px;
  text-align: center;
}
.container-dashboard .dashboard .panel.texts .icon {
  background-image: url("/img/icons/001-content-writing.png");
}
.container-dashboard .dashboard .panel.news .icon {
  background-image: url("/img/icons/002-newspaper.png");
}
.container-dashboard .dashboard .panel.announcements .icon {
  background-image: url("/img/icons/003-megaphone.png");
}
.container-dashboard .dashboard .panel.editions .icon {
  background-image: url("/img/icons/003-pictures.png");
}
.container-dashboard .dashboard .panel.arrangements .icon {
  background-image: url("/img/icons/001-groups.png");
}
.container-dashboard .dashboard .panel.sponsors .icon {
  background-image: url("/img/icons/004-money.png");
}
.container-dashboard .dashboard .panel.redirects .icon {
  background-image: url("/img/icons/005-shuffle.png");
}
.container-dashboard .dashboard .panel.upload .icon {
  background-image: url("/img/icons/001-cloud-computing.png");
}
.container-dashboard .dashboard .panel.events .icon {
  background-image: url("/img/icons/008-tickets.png");
}

.container-login .panel {
  margin: 50px auto 0;
  padding: 40px;
  background-color: #fffef7;
  border-radius: 5px;
  color: #376669;
  max-width: 400px;
}
.container-login .panel h1 {
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
  text-transform: none;
  font-size: 1.6em;
  margin-bottom: 30px;
  line-height: normal;
  text-align: center;
}
.container-login .panel .error {
  color: #D30231;
  margin-bottom: 20px;
  font-size: 1.2em;
  line-height: normal;
  text-align: justify;
}
.container-login .panel form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.container-login .panel form .input-field {
  position: relative;
}
.container-login .panel form .input-field .hint {
  color: #376669;
  font-size: 20px;
  right: 5px;
  transform: translate(-50%, -50%);
  top: 50%;
  position: absolute;
}
.container-login .panel form input {
  border: 1px solid #376669;
  color: #376669;
  background: #fff;
  padding: 20px;
  font-family: "Open Sans", sans-serif;
  font-size: 1.3em;
  width: 100%;
  box-sizing: border-box;
}

.event-view-container {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  margin-top: 40px;
}
.event-view-container .details-container {
  color: #1e1e1e;
  background: #fffef7;
  display: flex;
  flex-direction: column;
  width: 70%;
  padding: 20px;
}
.event-view-container .details-container .row {
  display: flex;
  line-height: 1.5em;
}
.event-view-container .details-container .row.empty {
  height: 20px;
}
.event-view-container .details-container .row .row-title {
  font-weight: 700;
  font-size: 1.4em;
  line-height: 1.4em;
}
.event-view-container .details-container .row .key {
  font-weight: 500;
  min-width: 80px;
  padding-right: 10px;
  font-size: 1.2em;
  flex: 1;
}
.event-view-container .details-container .row .val {
  font-weight: 400;
  font-size: 1.2em;
  flex: 2;
}
.event-view-container .stats-container {
  width: 30%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.event-view-container .stats-container .panel-container {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.event-view-container .stats-container .panel-container .panel {
  display: flex;
  color: #1e1e1e;
  background: #fffef7;
  aspect-ratio: 1/1;
  width: 33.3333333333%;
  position: relative;
  flex-direction: column;
  justify-content: space-evenly;
}
.event-view-container .stats-container .panel-container .panel:hover, .event-view-container .stats-container .panel-container .panel:active, .event-view-container .stats-container .panel-container .panel:focus {
  background: rgb(204, 203.2, 197.6);
  color: #1e1e1e;
}
.event-view-container .stats-container .panel-container .panel:hover:is(div), .event-view-container .stats-container .panel-container .panel:active:is(div), .event-view-container .stats-container .panel-container .panel:focus:is(div) {
  background: #fffef7;
}
.event-view-container .stats-container .panel-container .panel .panel-chart {
  display: flex;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
}
.event-view-container .stats-container .panel-container .panel .panel-chart .big-number {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.event-view-container .stats-container .panel-container .panel .panel-chart .big-number .big {
  font-weight: 700;
  font-size: 2.7em;
}
.event-view-container .stats-container .panel-container .panel .panel-chart .big-number .medium {
  font-size: 2em;
  font-weight: 500;
  line-height: 1.3em;
}
.event-view-container .stats-container .panel-container .panel .panel-chart .big-number .small {
  font-size: 1.2em;
  font-weight: 500;
}
.event-view-container .stats-container .panel-container .panel .panel-chart .description {
  font-size: 1em;
  padding: 8px 0 0;
}
.event-view-container .stats-container .actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  text-align: center;
}
.event-view-container .stats-container .bottom-actions {
  margin-top: auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

@media only screen and (max-width: 1240px) {
  html, body {
    font-size: 11px;
  }
  .container .inner {
    margin: 50px auto;
    padding: 0 20px;
  }
  .container .inner h1.title {
    font-size: 3em;
    margin-bottom: 20px;
  }
  .container .inner .content .large-text {
    font-size: 1.4em;
  }
  .navigation-container .inner {
    margin: 0 auto;
    padding: 0 20px;
  }
}
@media only screen and (max-width: 800px) {
  .navigation-container .logo {
    margin: 0;
  }
  .navigation-container .logo-text a {
    font-size: 36px;
  }
  .navigation-container .menu-buttons {
    margin: 0 0 0 auto;
  }
  .navigation-container .navigation {
    top: 40px;
    padding: 20px;
  }
  .navigation-container .navigation > .inner {
    padding: 0;
    justify-content: space-between;
  }
  .navigation-container .navigation ul > li.big {
    font-size: 42px;
  }
  .container-eyecatcher {
    height: 30vh;
  }
  .container-eyecatcher .inner {
    margin: 0 auto;
  }
  .container-eyecatcher .eyecatcher-overlay:before {
    opacity: 0.2;
  }
  .container-eyecatcher .eyecatcher-overlay:after {
    opacity: 0;
  }
  .container-eyecatcher .typewriter {
    font-size: 26px;
  }
  .container-eyecatcher .typewriter span:not(.el4) {
    opacity: 0 !important;
  }
  .container-eyecatcher .typewriter .typewriter-prefix, .container-eyecatcher .typewriter .typewriter-content {
    height: 30px;
  }
  .container-announcement .inner {
    margin: 40px auto 0;
  }
  .container-announcement .inner h1.title i {
    display: none;
  }
  .container-announcement .inner .panel .btns {
    flex-wrap: wrap;
    gap: 20px;
  }
  .container-announcement .inner .panel .btns .btn {
    margin: 0;
  }
  .container-introduction .inner .button-container .button {
    width: 100%;
    margin-bottom: 20px;
  }
  .container-introduction .inner .event-list {
    flex-direction: column;
    gap: 30px;
  }
  .container-introduction .inner .event-list .events .event h2 {
    flex-direction: column;
    align-items: baseline;
    gap: 5px;
  }
  .slide-content h2 .icon {
    display: none;
  }
  .news-slide {
    width: 100%;
    margin-bottom: 20px;
  }
  .container-news .inner .meer-lezen {
    text-align: center;
  }
  .container-news .inner .meer-lezen .btn-more {
    margin: 20px 0 0;
    display: block;
  }
  .container-footer .columnContainer .column {
    width: 100%;
    margin-bottom: 20px;
  }
  .container-footer .copyrightText {
    margin: 0;
    flex-wrap: wrap;
    gap: 20px;
  }
  .container-calendar .inner .content .calendar-container .calendar-widget-container .calendar-widget .calendar-slide {
    width: calc(100vw - 40px);
  }
  .container-archive .inner .timeline .row {
    justify-content: flex-start;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
    gap: 30px;
  }
  .container-archive .inner .timeline .row .fill {
    display: none;
  }
  .container-archive .inner .timeline .row .year-num {
    order: 1 !important;
  }
  .container-archive .inner .timeline .row .year-title {
    order: 2 !important;
    justify-content: flex-start !important;
    padding: 0 !important;
    width: auto;
  }
  .container-archive .inner .links {
    flex-wrap: wrap;
    gap: 20px;
  }
  .container-archive .inner .links .back {
    order: 1;
    width: 100%;
    text-align: center;
  }
  .container-archive .inner .links .prev {
    order: 2;
    width: 100%;
    text-align: center;
  }
  .container-archive .inner .links .next {
    order: 3;
    width: 100%;
    text-align: center;
  }
  .container-archive .inner .panel.groups .panel-content {
    text-align: center;
  }
  .container-archive .inner .panel.groups .panel-content .icon {
    display: none;
  }
  .container-archive .inner .split-panel {
    flex-wrap: wrap;
  }
  .container-archive .inner .split-panel .panel {
    width: 100%;
  }
  .container-archive .inner .panel h2 {
    font-size: 3em;
  }
  .container-archive .inner .panel.kamplied .kamplied-item, .container-archive .inner .panel.kneutergraaf .kneutergraaf-item {
    flex-wrap: wrap;
    margin-bottom: 20px;
  }
  .container-archive .inner .panel.kamplied .kamplied-item .view, .container-archive .inner .panel.kneutergraaf .kneutergraaf-item .view {
    display: none;
  }
  .container-archive-album .inner .content .album-container .album-widget-container {
    padding-left: 10px;
  }
  .modal h1 {
    font-size: 2.2em;
  }
  .container-sponsors .fancyTitle span:before, .container-sponsors .fancyTitle span:after {
    display: none;
  }
  .container-evenementen .event-list .event h2 {
    flex-direction: column;
    align-items: baseline;
    gap: 5px;
  }
  .container-evenementen .event-content {
    flex-direction: column;
  }
  .container-evenementen .event-content .content h1.title {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  .container-evenementen .event-content .content h1.title .tag {
    margin: 0;
  }
  .container-evenementen .event-content .sidebar {
    margin: 0;
  }
  .container-evenementen .event-content .sidebar.fixed {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 4;
  }
  .container.container-bestellen .inner .cart-container {
    margin: 0;
  }
  .container.container-bestellen .inner .cart-container .cart-tabs .tab {
    display: none;
    border: 0;
  }
  .container.container-bestellen .inner .cart-container .cart-tabs .tab.active {
    display: block;
    width: auto;
  }
  .container.container-bestellen .inner .cart-container .cart-content .form-row.buttons {
    height: auto !important;
  }
  .container.container-bestellen .inner .cart-container .cart-content .form-row.buttons .buttons-inner {
    flex-direction: column;
    width: auto !important;
    align-items: stretch;
    text-align: center;
  }
  .container.container-bestellen .inner .cart-container .cart-content .form-row.buttons .buttons-inner > a {
    order: 3;
  }
  .container.container-bestellen .inner .cart-container .cart-content .form-row.buttons .buttons-inner > div {
    order: 1;
  }
  .container.container-bestellen .inner .cart-container .cart-content .form-row.buttons .buttons-inner > button {
    order: 2;
  }
  .container.container-bestellen .inner .cart-container .cart-content .form-row.buttons .buttons-inner.fixed {
    position: relative;
    box-shadow: none;
  }
  .container.container-bestellen .inner .cart-container .cart-content .form-row.horizontal {
    flex-direction: column;
  }
  .container.container-bestellen .inner .cart-container .cart-content .form-row input, .container.container-bestellen .inner .cart-container .cart-content .form-row select, .container.container-bestellen .inner .cart-container .cart-content .form-row textarea, .container.container-bestellen .inner .cart-container .cart-content .form-row.double-wide input, .container.container-bestellen .inner .cart-container .cart-content .form-row.double-wide select, .container.container-bestellen .inner .cart-container .cart-content .form-row.double-wide textarea {
    width: 100%;
    max-width: 100%;
  }
  .container.container-bestellen .inner .cart-container .cart-content .form-row input.width-small, .container.container-bestellen .inner .cart-container .cart-content .form-row select.width-small, .container.container-bestellen .inner .cart-container .cart-content .form-row textarea.width-small, .container.container-bestellen .inner .cart-container .cart-content .form-row.double-wide input.width-small, .container.container-bestellen .inner .cart-container .cart-content .form-row.double-wide select.width-small, .container.container-bestellen .inner .cart-container .cart-content .form-row.double-wide textarea.width-small {
    width: 32%;
  }
  .container.container-bestellen .inner .cart-container .cart-content .form-row.header .description {
    width: 100%;
  }
  .container.container-bestellen .inner .cart-container .cart-content .form-row .help-text {
    width: 100%;
  }
  .container.container-bestellen .inner .cart-container .cart-content .form-row .payment-methods {
    flex-direction: column;
    gap: 20px;
  }
  .container.container-bestellen .inner .cart-container .cart-content .form-row .payment-methods .method {
    width: 100%;
  }
  .container.container-bestellen .inner .cart-container .cart-content .gegevens-tabs-bar {
    display: none;
    flex-direction: column;
  }
  .container.container-bestellen .inner .cart-container .cart-content .gegevens-tabs-bar .btn {
    display: none;
  }
  .container.container-bestellen .inner .cart-container .cart-content .gegevens-tabs-bar .btn.btn-dark {
    display: block;
  }
  .container.container-bestellen .inner .cart-container .cart-content .order-details-overview {
    flex-direction: column-reverse;
  }
  .container.container-bestellen .inner .cart-container .cart-content .order-details-overview .details-overview, .container.container-bestellen .inner .cart-container .cart-content .order-details-overview .order-overview {
    width: 100%;
  }
  .container.container-contact .inner .contact-split-container {
    flex-direction: column;
  }
  .container.container-contact .inner .contact-split-container .content, .container.container-contact .inner .contact-split-container .contact-form {
    width: 100%;
  }
  .container.container-contact .inner .contact-split-container .content .form-row.buttons, .container.container-contact .inner .contact-split-container .contact-form .form-row.buttons {
    flex-direction: column;
  }
  .container-crud .inner h1.title {
    font-size: 2.4em;
  }
  .container-crud .inner h1.title .icon {
    display: none;
  }
  .container-crud .inner .form-container .form-row.horizontal {
    flex-direction: column;
  }
  .container-crud .inner .form-container .form-row input, .container-crud .inner .form-container .form-row select, .container-crud .inner .form-container .form-row textarea {
    width: 100%;
    max-width: 100%;
  }
  .container-crud .inner .form-container .form-row input.width-small, .container-crud .inner .form-container .form-row select.width-small, .container-crud .inner .form-container .form-row textarea.width-small {
    width: 32.3%;
  }
  .container-crud .inner .form-container .form-row input[type=checkbox], .container-crud .inner .form-container .form-row select[type=checkbox], .container-crud .inner .form-container .form-row textarea[type=checkbox] {
    width: auto;
  }
  .container-crud .inner .form-container .form-row.header .description {
    width: 100%;
  }
  .container-crud .inner .form-container .form-row .help-text {
    width: 100%;
  }
  .container-crud .inner .filter-buttons {
    flex-direction: column;
  }
  .container-crud .inner .filter-buttons .capacity {
    justify-content: center;
    order: 1;
    width: auto;
  }
  .container-crud .inner .filter-buttons .filter {
    order: 3;
    width: auto;
  }
  .container-crud .inner .filter-buttons .change-status {
    order: 2;
    width: auto;
  }
  .table-outer {
    max-width: 100%;
    overflow: auto;
  }
  .child-element-list .child-element {
    width: 100% !important;
    max-width: 100%;
    overflow: auto;
  }
  .event-view-container {
    flex-direction: column;
  }
  .event-view-container .details-container {
    width: 100%;
  }
  .event-view-container .details-container .row {
    flex-direction: column;
    margin-bottom: 5px;
  }
  .event-view-container .details-container .row .key {
    font-weight: bold;
  }
  .event-view-container .stats-container {
    width: 100%;
  }
}

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