/************************************************

Stylesheet: Global Stylesheet

*************************************************/


/* @import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400&display=swap'); */


/*********************
POSTS & CONTENT STYLES
*********************/
.page-title .vcard {
  border: 0px;
  padding: 0px; }

.byline {
  color: #999; }

.entry-content img {
  max-width: 100%;
  height: auto; }

.entry-content .alignleft, .entry-content img.alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left; }

.entry-content .alignright, .entry-content img.alignright {
  margin-left: 1.5em;
  display: inline;
  float: right; }

.entry-content .aligncenter, .entry-content img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both; }

.entry-content video, .entry-content object {
  max-width: 100%;
  height: auto; }

.entry-content pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px; }

.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px; }
  .wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%; }
  .wp-caption p.wp-caption-text {
    font-size: 0.85em;
    margin: 4px 0 7px;
    text-align: center; }

.post-password-form input[type="submit"] {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  font-family: inherit;
  padding: 0.85em 1em;
  -webkit-appearance: none;
  border: 1px solid transparent;
  border-radius: 0;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-size: 0.9rem;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  background-color: #1779ba;
  color: #fefefe; }
  [data-whatinput='mouse'] .post-password-form input[type="submit"] {
    outline: 0; }
  .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus {
    background-color: #14679e;
    color: #fefefe; }

/*********************
IMAGE GALLERY STYLES
*********************/
.gallery {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-right: -15px;
  margin-left: -15px; }

.gallery::before, .gallery::after {
  content: ' ';
  display: table; }

.gallery::after {
  clear: both; }

.gallery.gallery-columns-1 > dl {
  width: 100%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .gallery.gallery-columns-1 > dl {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  .gallery.gallery-columns-1 > dl:last-child:not(:first-child) {
    float: right; }

.gallery.gallery-columns-2 > dl {
  width: 50%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .gallery.gallery-columns-2 > dl {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  .gallery.gallery-columns-2 > dl:last-child:not(:first-child) {
    float: right; }

.gallery.gallery-columns-3 > dl {
  width: 33.33333%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .gallery.gallery-columns-3 > dl {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  .gallery.gallery-columns-3 > dl:last-child:not(:first-child) {
    float: right; }

.gallery.gallery-columns-4 > dl {
  width: 25%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .gallery.gallery-columns-4 > dl {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  .gallery.gallery-columns-4 > dl:last-child:not(:first-child) {
    float: right; }

.gallery.gallery-columns-5 > dl {
  width: 20%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .gallery.gallery-columns-5 > dl {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  .gallery.gallery-columns-5 > dl:last-child:not(:first-child) {
    float: right; }

.gallery.gallery-columns-6 > dl {
  width: 16.66667%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .gallery.gallery-columns-6 > dl {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  .gallery.gallery-columns-6 > dl:last-child:not(:first-child) {
    float: right; }

.gallery.gallery-columns-7 > dl {
  width: 14.28571%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .gallery.gallery-columns-7 > dl {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  .gallery.gallery-columns-7 > dl:last-child:not(:first-child) {
    float: right; }

.gallery.gallery-columns-8 > dl {
  width: 12.5%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .gallery.gallery-columns-8 > dl {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  .gallery.gallery-columns-8 > dl:last-child:not(:first-child) {
    float: right; }

.gallery dl {
  width: 100%;
  float: left;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem; }

.gallery dl:last-child:not(:first-child) {
  float: right; }

/*********************
PAGE NAVI STYLES
*********************/
.page-navigation {
  margin-top: 1rem; }

/*********************
COMMENT STYLES
*********************/
#comments .commentlist {
  margin-left: 0px; }

#respond ul {
  margin-left: 0px; }

.commentlist li {
  position: relative;
  clear: both;
  overflow: hidden;
  list-style-type: none;
  margin-bottom: 1.5em;
  padding: 0.7335em 10px; }
  .commentlist li:last-child {
    margin-bottom: 0; }
  .commentlist li ul.children {
    margin: 0; }

.commentlist li[class*=depth-] {
  margin-top: 1.1em; }

.commentlist li.depth-1 {
  margin-left: 0;
  margin-top: 0; }

.commentlist li:not(.depth-1) {
  margin-left: 10px;
  margin-top: 0;
  padding-bottom: 0; }

.commentlist .vcard {
  margin-left: 50px; }
  .commentlist .vcard cite.fn {
    font-weight: 700;
    font-style: normal; }
  .commentlist .vcard time {
    float: right; }
    .commentlist .vcard time a {
      color: #999;
      text-decoration: none; }
      .commentlist .vcard time a:hover {
        text-decoration: underline; }
  .commentlist .vcard img.avatar {
    position: absolute;
    left: 10px;
    padding: 2px;
    border: 1px solid #cecece;
    background: #fff; }

.commentlist .comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em; }

.commentlist .comment-reply-link {
  float: right; }

/*********************
COMMENT FORM STYLES
*********************/
.respond-form {
  margin: 1.5em 10px;
  padding-bottom: 2.2em; }
  .respond-form form {
    margin: 0.75em 0; }
    .respond-form form li {
      list-style-type: none;
      clear: both;
      margin-bottom: 0.7335em; }
      .respond-form form li label,
      .respond-form form li small {
        display: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url],
    .respond-form form textarea {
      padding: 3px 6px;
      background: #efefef;
      border: 2px solid #cecece;
      line-height: 1.5em; }
      .respond-form form input[type=text]:focus,
      .respond-form form input[type=email]:focus,
      .respond-form form input[type=url]:focus,
      .respond-form form textarea:focus {
        background: #fff; }
      .respond-form form input[type=text]:invalid,
      .respond-form form input[type=email]:invalid,
      .respond-form form input[type=url]:invalid,
      .respond-form form textarea:invalid {
        outline: none;
        border-color: #fbc2c4;
        background-color: #f6e7eb;
        -ms-box-shadow: none;
        box-shadow: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url] {
      max-width: 400px;
      min-width: 250px; }
    .respond-form form textarea {
      resize: none;
      width: 97.3%;
      height: 150px; }

#comment-form-title {
  margin: 0 0 1.1em; }

#allowed_tags {
  margin: 1.5em 10px 0.7335em 0; }

.nocomments {
  margin: 0 20px 1.1em; }

/*********************
SIDEBARS & ASIDES
*********************/
.sidebar li {
  list-style: none; }

.widget ul {
  margin: 0; }

/*********************
FOOTER STYLES
*********************/
.footer {
  clear: both;
  margin-top: 1em; }

/*********************
VISUAL EDITOR STYLES
*********************/
body#tinymce {
  margin: 20px; }

/*********************
PLUGIN STYLES
*********************/
.gform_body ul {
  list-style: none outside none;
  margin: 0; }
















/* Project BANG CSS Code */

html {
	
}
body {
	background: #FFF5D0;
	color: #EA5C7B;
}
body, div, span, form, input, button, p, a {
  font-family: 'Prompt';
  font-weight: 500;
  font-style: normal;
  font-size: 1.18rem;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Prompt';
  font-weight: bold;
  font-style: normal;
}
h1 {
	
}
h2 {
	
}
h3 {
  font-family: 'Bernoru';
  font-weight: 900;
  text-transform: uppercase;
  font-size: 1.24rem;
  line-height: 127%;
}
h4 {
	
}
h5 {
	
}
h6 {
	
}
p {
  line-height: 127%;
  margin-bottom: 1.6rem;
}
ul {
  line-height: 127%;
}
a {
	color: #EA5C7B;
  -webkit-transition: .07s cubic-bezier(.17,.67,.83,.67);
  -moz-transition: .07s cubic-bezier(.17,.67,.83,.67);
  -o-transition: .07s cubic-bezier(.17,.67,.83,.67);
  transition: .07s cubic-bezier(.17,.67,.83,.67);
}
a:hover,
a:focus {
	color: #EA5C7B;
}
header.header {
	position: fixed;
  width: 100%;
  top: 3.4rem;
  left: 0;
  z-index: 99997;
}
header.header div.top-bar {
	background: transparent;
  background: #FFF5D0;
  filter: drop-shadow(0 4px 8px rgba(0,0,0,0.25));
  border-radius: 2.8rem;
}
header.header div.top-bar div.top-bar-left {
	background: transparent;
}
header.header div.top-bar div.top-bar-right {
	background: transparent;
}
header.header div.top-bar ul.menu {
	background: transparent;
  display: inline-flex;
}
header.header div.top-bar ul.menu li {
	display: inline-block;
  padding-left: 0.97rem;
  padding-right: 0.97rem;
}
header.header div.top-bar ul.menu li a {
  display: inline-block;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.91rem;
  position: relative;
  padding-left: 0;
  padding-right: 0;
}
header.header div.top-bar ul.menu li.active a,
header.header div.top-bar ul.menu li a:hover,
header.header div.top-bar ul.menu li a:focus {
  font-weight: bold;
  letter-spacing: 0.04rem;
  background: transparent;
  color: #EA5C7B;
}
header.header div.top-bar ul.menu li a::after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  margin-top: 2px;
  background: #EA5C7B;
  width: 0%;
  -webkit-transition: .07s cubic-bezier(.17,.67,.83,.67);
  -moz-transition: .07s cubic-bezier(.17,.67,.83,.67);
  -o-transition: .07s cubic-bezier(.17,.67,.83,.67);
  transition: .07s cubic-bezier(.17,.67,.83,.67);
}
header.header div.top-bar ul.menu li.active a::after,
header.header div.top-bar ul.menu li a:hover::after,
header.header div.top-bar ul.menu li a:focus::after {
  width: 100%;
}
footer.footer {
	
}
.grid-container {
  max-width: 103rem;
}
section.hoofding {
  width: 100vw;
  margin: 0;
  padding: 0;
  position: relative;
  height: auto;
  min-height: 100vh;
  overflow: hidden;
}
section.hoofding.hoofding-page {
  min-height: 79vh;
}
img.glassball {
  position: absolute;
  bottom: -50%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  width: 79%;
  max-width: 61rem;
  display: block;
  margin: 0;
  padding: 0;
  outline: none;
  border: none;
}
img.palmtree {
  position: absolute;
  bottom: 4%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 20;
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  outline: none;
  border: none;
}
img.cloud1 {
  position: absolute;
  top: 10%;
  left: 10%;
  /* transform: translateX(-50%); */
  z-index: 15;
  width: 37%;
  max-width: 43rem;
  display: block;
  margin: 0;
  padding: 0;
  outline: none;
  border: none;
  display: none;
}
img.cloud2 {
  position: absolute;
  top: 25%;
  right: 1%;
  /* transform: translateX(-50%); */
  z-index: 15;
  width: 37%;
  max-width: 43rem;
  display: block;
  margin: 0;
  padding: 0;
  outline: none;
  border: none;
  display: none;
}
img.bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  display: block;
  margin: 0;
  padding: 0;
  outline: none;
  border: none;
  object-fit: cover;
}
@keyframes glassball {
  from {
    bottom: -50%;
    transform: translateX(-50%) rotate(0deg);
  }
  to {
    bottom: -40%;
    transform: translateX(-50%) rotate(4deg);
  }
}
@media only screen and (max-width: 64rem) {
  div.wrapper form {
    margin-top: 10vh;
  }
  @keyframes glassball {
    from {
      bottom: -16%;
      transform: translateX(-50%) rotate(0deg);
    }
    to {
      bottom: -10%;
      transform: translateX(-50%) rotate(4deg);
    }
  }
}
img.glassball {
  animation-name: glassball;
  animation-duration: 5.2s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@keyframes cloud1 {
  from {
    left: 10%;
  }
  to {
    left: 4%;
  }
}
img.cloud1 {
  animation-name: cloud1;
  animation-duration: 8.2s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@keyframes cloud2 {
  from {
    right: 1%;
  }
  to {
    right: -2%;
  }
}
img.cloud2 {
  animation-name: cloud2;
  animation-duration: 2.8s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@keyframes palmtree {
  from {
    transform: translateX(-50%) translateY(0%) scale(1.0);
  }
  to {
    transform: translateX(-50%) translateY(1%) scale(1.03);
  }
}
img.palmtree {
  animation-name: palmtree;
  animation-duration: 10.9s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
img.logo,
img.glassball,
img.palmtree,
img.cloud1,
img.cloud2,
img.bg {
  pointer-events: none;
}
section.hoofding div.innerHoofding {
  position: absolute;
  bottom: 7vh;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
section.hoofding.hoofding-page div.innerHoofding {
  bottom: 28%;
}
section.hoofding div.innerHoofding h2 {
  font-family: 'Mansalva';
  font-weight: normal;
  font-style: normal;
  letter-spacing: -0.07rem;
  line-height: 100%;
  font-size: 1.9rem;
  margin-bottom: 4.9rem;
  color: #FFF5D0;
}
section.hoofding div.innerHoofding img.logo {
  max-width: 22rem;
  margin-bottom: 0.28rem;
}
div.content {
  min-height: 100vh;
}
img.afronding {
  position: absolute;
  bottom: 0%;
  left: 0%;
  z-index: 2200;
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  outline: none;
  border: none;
  height: 12.7vh;
}
span.scrollDown {
  width: 1.6rem;
  display: block;
  cursor: pointer;
  margin: 0 auto 0;
  -webkit-transition: .07s cubic-bezier(.17,.67,.83,.67);
  -moz-transition: .07s cubic-bezier(.17,.67,.83,.67);
  -o-transition: .07s cubic-bezier(.17,.67,.83,.67);
  transition: .07s cubic-bezier(.17,.67,.83,.67);
}
span.scrollDown:hover,
span.scrollDown:focus {
  transform: translateY(10%);
}
span.scrollDown img {
  display: block;
  width: 100%;
  height: auto;
}
a.ticketKnop {
  display: inline-block;
  border-radius: 2.8rem;
  background-image: linear-gradient(77deg, #FEE000 1%, #FFF5D0 97%);
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.16);
  padding: 0.88rem 2.8rem 0.88rem 2.8rem;
  font-size: 0.73rem;
  font-weight: bold;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 0.1rem;
}
a.ticketKnop::before {
  content: '';
  display: inline-block;
  width: 19px;
  height: 28px;
  background-image: url('../images/ticketIcoon.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  position: absolute;
  left: 1.0rem;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transition: .07s cubic-bezier(.17,.67,.83,.67);
  -moz-transition: .07s cubic-bezier(.17,.67,.83,.67);
  -o-transition: .07s cubic-bezier(.17,.67,.83,.67);
  transition: .07s cubic-bezier(.17,.67,.83,.67);
}
a.ticketKnop::after {
  content: '';
  display: inline-block;
  width: 14px;
  height: 9px;
  background-image: url('../images/ticketPijl.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  position: absolute;
  right: 1.0rem;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
  -webkit-transition: .07s cubic-bezier(.17,.67,.83,.67);
  -moz-transition: .07s cubic-bezier(.17,.67,.83,.67);
  -o-transition: .07s cubic-bezier(.17,.67,.83,.67);
  transition: .07s cubic-bezier(.17,.67,.83,.67);
}
a.ticketKnop:hover,
a.ticketKnop:focus {
  padding: 0.88rem 3.1rem 0.88rem 2.8rem;
}
a.ticketKnop:hover::before,
a.ticketKnop:focus::before {
  
}
a.ticketKnop:hover::after,
a.ticketKnop:focus::after {
  transform: translateY(-50%) rotate(-0deg);
}
a.headerLogo {
  position: absolute;
  left: 50%;
  top: 73%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transition: .07s cubic-bezier(.17,.67,.83,.67);
  -moz-transition: .07s cubic-bezier(.17,.67,.83,.67);
  -o-transition: .07s cubic-bezier(.17,.67,.83,.67);
  transition: .07s cubic-bezier(.17,.67,.83,.67);
}
a.headerLogo:hover,
a.headerLogo:focus {
  transform: translateX(-50%) translateY(-50%) scale(1.03);
}
a.headerLogo img {
  display: inline-block;
  max-width: 220px;
}
div.homeSlider {
  margin-top: 5.2rem;
  margin-bottom: 6.4rem;
}
div.homeSlider img {
  max-width: 25vw;
  height: auto;
  aspect-ratio: 613/420;
  object-fit: cover;
  margin-right: 1.0rem;
  border-radius: 4.6rem;
}
body.page-template-page-howtosxm div.homeSlider img,
body.page-template-page-island div.homeSlider img {
  max-width: 14.2vw;
  aspect-ratio: 307/545;
}
section.home-section {
  margin-top: 4.3rem;
  margin-bottom: 4.3rem;
  position: relative;
}
section.home-section p {
  text-align: justify;
}
section.home-section.ticketSection {
  
}
section.home-section.ticketSection div.ticketTopper {
  position: relative;
  margin: 0;
  width: 100vw;
  margin: 0;
  padding: 0.28rem 0 1.42rem;
  white-space: nowrap;
  border: 2px solid #EA5C7B;
  border-left: none;
  border-right: none;
  display: block;
  line-height: 100%;
}
section.home-section.ticketSection div.ticketTopper span {
  display: inline-block;
  margin: 0 0.43rem 0 0;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 79%;
  letter-spacing: 0.04rem;
  position: relative;
}
section.home-section.ticketSection div.ticketTopper span::before {
  display: inline-block;
  content: '';
  width: 19px;
  height: 11px;
  margin-right: 0.43rem;
  background-image: url('../images/ticketIcoon.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
section.home-section.ticketSection div.ticketContentblok {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 5.2rem 1.9rem 7.9rem;
  background: url('../images/ticketBG.jpg') no-repeat center center;
  background-size: cover;
  color: #FFF5D0;
}
section.home-section.ticketSection div.ticketContentblok div.grid-container {
  max-width: 82rem;
}
section.home-section.ticketSection div.ticketContentblok h2 {
  text-align: center;
  text-transform: uppercase;
  font-family: 'Bernoru';
  font-weight: 900;
  font-size: 9.4rem;
  letter-spacing: -0.04rem;
}
section.home-section.ticketSection div.ticketContentblok p a {
  color: #FFF5D0;
  text-decoration: underline;
  font-weight: bold;
}
div.ticketblokWrapper {
  position: relative;
  margin: -7% auto 4.3rem;
  text-align: center;
  padding: 1.0rem 0;
  filter: drop-shadow(0 4px 8px rgba(0,0,0,0.25)) !important;
}
body.home div.ticketBlok {
  width: 100%;
  max-width: 25rem;
  margin: 0 0.82rem;
  padding: 2.2rem 1.9rem;
  /* overflow: hidden; */
  display: inline-block;
  background: url('../images/ticketBG.jpg') no-repeat center center;
  background-size: cover;
  color: #FFF5D0;
  position: relative;
  --s: 1.9rem; /* control the radius of the cut */
  mask: radial-gradient(var(--s) at var(--s) var(--s),#0000 98%,#000) calc(-1*var(--s)) calc(-1*var(--s));
  transform: rotate(-0.28deg);
  /* filter: drop-shadow(0 4px 8px rgba(0,0,0,0.25)); */
  /* position: absolute;
  left: 49%;
  transform: translateX(-100%); */
}
div.ticketBlok:last-child {
  transform: rotate(2deg) translateY(-8%);
}
div.ticketBlok::before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #990420;
  z-index: 0;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0;
  opacity: 0.52;
}
div.ticketBlok div.ticketBlokInner {
  position: relative;
  z-index: 10;
}
div.ticketBlok div.ticketBlokInner h4 {
  text-transform: uppercase;
  font-family: 'Bernoru';
  font-weight: 900;
  font-size: 1.72rem;
  line-height: 100%;
  margin: 0rem 0 1.3rem;
}
div.ticketBlok div.ticketBlokInner span {
  display: block;
  font-size: 100%;
  line-height: 100%;
}
div.ticketBlok div.ticketBlokInner a.ticketKnop {
  display: block;
  width: 100%;
  font-size: 82%;
  text-align: left;
  margin-bottom: 1.3rem;
}
section.homeInfo h2 {
  text-transform: uppercase;
  font-family: 'Bernoru';
  font-weight: 900;
  font-size: 4.9rem;
  line-height: 88%;
  margin-bottom: 3.7rem;
  margin-top: 5.2rem;
  margin-left: 1.0rem;
}
section.hoofding {
  position: relative;
}
section.hoofding h1.headerTitle {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  color: #FFF5D0;
  text-transform: uppercase;
  pointer-events: none;
  white-space: nowrap;
  line-height: 70%;
  padding: 0;
  margin: 0;
  font-size: 9.4vw;
  font-family: 'Bernoru';
  font-weight: 900;
  font-style: normal;
}
body.page-id-31 section.hoofding h1.headerTitle {
  font-size: 7.3vw;
}
body.page-id-34 section.hoofding h1.headerTitle {
  font-size: 6.4vw;
}
body.page-id-36 section.hoofding h1.headerTitle {
  font-size: 8.8vw;
}
div.content.contentTickets {
  margin: 0;
}
div.content.contentTickets h1.ticketsPage {
  text-align: center;
  color: #FFF5D0;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  font-size: 7.3rem;
  font-family: 'Bernoru';
  font-weight: 900;
  font-style: normal;
}
div.content.contentTickets section.home-section.ticketSection {
  margin: 0;
}
div.content.contentTickets section.home-section.ticketSection div.ticketContentblok {
  padding-top: 19vh;
  padding-bottom: 4.3rem;
}
div.content.contentTickets section.home-section.ticketSection div.homeSlider {
  margin-bottom: 0;
  margin-top: 14.2rem;
}
div.content.contentTickets section.home-section.ticketSection div.ticketContentblok div.ticketblokWrapper {
  margin-top: -1.6rem;
  justify-content: center;
}
div.content.contentTickets div.ticketBlok {
  background: url('../images/ticketBG2.jpg') no-repeat center center;
  background-size: cover;
  color: #FFF5D0;
  position: relative;
  padding: 2.8rem 1.9rem;
  --s: 1.9rem; /* control the radius of the cut */
  mask: radial-gradient(var(--s) at var(--s) var(--s),#0000 98%,#000) calc(-1*var(--s)) calc(-1*var(--s));
  transform: none;
  -webkit-transition: .07s cubic-bezier(.17,.67,.83,.67);
  -moz-transition: .07s cubic-bezier(.17,.67,.83,.67);
  -o-transition: .07s cubic-bezier(.17,.67,.83,.67);
  transition: .07s cubic-bezier(.17,.67,.83,.67);
  /* filter: drop-shadow(0 4px 8px rgba(0,0,0,0.25)); */
  /* position: absolute;
  left: 49%;
  transform: translateX(-100%); */
}
div.content.contentTickets div.ticketBlok::before {
  background: #bb2c47;
  opacity: 0.64;
}
div.content.contentTickets div.ticketBlok:nth-child(1) {
  transform: rotate(-1deg);
}
div.content.contentTickets div.ticketBlok:nth-child(2) {
  transform: scale(1.05);
}
div.content.contentTickets div.ticketBlok:nth-child(3) {
  transform: rotate(1deg);
}
section.home-section.ticketSection div.ticketContentblok h2.beetjeKleiner {
  font-size: 370%;
  max-width: 52rem;
  margin: 7.3rem auto 3.7rem;
  text-align: center;
  line-height: 88%;
}
div.content.contentTickets section.home-section.ticketSection div.ticketContentblok div.ticketBlok div.ticketBlokInner h4 {
  color: #FEE000;
  /* padding: 0 0.52rem; */
  font-size: 2.2rem;
  line-height: 88%;
  margin-top: 1.0rem;
}
div.content.contentTickets section.home-section.ticketSection div.ticketContentblok {
  padding-left: 0;
  padding-right: 0;
}
div.content.contentTickets section.home-section.ticketSection div.ticketContentblok .satelliteBlock div.ticketBlok {
  background: url('../images/ticketBG3.jpg') no-repeat left center;
  background-size: cover;
}
div.content.contentTickets section.home-section.ticketSection div.ticketContentblok .satelliteBlock div.ticketBlok::before {
  background: #a2290d;
}
div.content.contentTickets div.ticketBlok p.description {
  font-size: 94%;
  text-align: center;
  padding: 0 1.42rem;
  margin-top: 1.9rem;
  min-height: 10.9rem;
}
div.content.contentTickets div.ticketBlok p.subDescription {
  font-size: 70%;
  text-transform: uppercase;
  text-align: center;
  padding: 0 1.42rem;
  margin-top: 1.9rem;
  font-weight: 400;
  line-height: 142%;
}
div.content.contentTickets div.ticketBlok span.price {
  font-size: 1.9rem;
  font-family: 'Bernoru';
  font-weight: 900;
  font-style: normal;
  margin-bottom: 0.37rem;
}
div.content.contentTickets div.ticketBlok span.priceSub {
  font-size: 0.82rem;
  margin-bottom: 1.9rem;
  font-weight: 400;
}
div.ticketBlok a.ticketKnop:hover,
div.ticketBlok a.ticketKnop:focus {
  transform: scale(1.03);
}
div.content.contentTickets div.ticketBlok:nth-child(1):hover,
div.content.contentTickets div.ticketBlok:nth-child(1):focus {
  transform: rotate(-1deg) scale(1.01);
}
div.content.contentTickets div.ticketBlok:nth-child(2):hover,
div.content.contentTickets div.ticketBlok:nth-child(2):focus {
  transform: scale(1.07);
}
div.content.contentTickets div.ticketBlok:nth-child(3):hover,
div.content.contentTickets div.ticketBlok:nth-child(3):focus {
  transform: rotate(1deg) scale(1.01);
}
div.contentTicketInfo {
  max-width: 73rem;
  margin: 0 auto;
}
div.content.contentTickets section.home-section.ticketSection div.ticketContentblok div.satelliteBlock div.ticketBlok div.ticketBlokInner h4 {
  font-size: 1.6rem;
}
div.content.contentTickets section.home-section.ticketSection div.ticketContentblok .satelliteBlock div.ticketBlok a.knop {
  display: block;
  border-radius: 2.8rem;
  /* background-image: linear-gradient(77deg, #FEE000 1%, #FFF5D0 97%); */
  /* box-shadow: 0 4px 8px 0 rgba(0,0,0,0.16); */
  padding: 0.88rem 2.8rem 0.88rem 1.3rem;
  border: 1px solid #FEE000;
  font-size: 82%;
  color: #FEE000;
  margin-bottom: 0.79rem;
  font-weight: bold;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 0.1rem;
}
div.content.contentTickets section.home-section.ticketSection div.ticketContentblok .satelliteBlock div.ticketBlok a.knop::after {
  content: '';
  display: inline-block;
  width: 14px;
  height: 9px;
  background-image: url('../images/ticketPijl2.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  position: absolute;
  right: 1.0rem;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
  -webkit-transition: .07s cubic-bezier(.17,.67,.83,.67);
  -moz-transition: .07s cubic-bezier(.17,.67,.83,.67);
  -o-transition: .07s cubic-bezier(.17,.67,.83,.67);
  transition: .07s cubic-bezier(.17,.67,.83,.67);
}
div.content.contentTickets section.home-section.ticketSection div.ticketContentblok .satelliteBlock div.ticketBlok a.knop:hover::after,
div.content.contentTickets section.home-section.ticketSection div.ticketContentblok .satelliteBlock div.ticketBlok a.knop:focus::after {
  transform: translateY(-50%) rotate(-0deg);
}
div.content.contentTickets section.home-section.ticketSection div.ticketContentblok .satelliteBlock div.ticketBlok a.knop:hover,
div.content.contentTickets section.home-section.ticketSection div.ticketContentblok .satelliteBlock div.ticketBlok a.knop:focus {
  transform: scale(1.03);
}
div.content.contentTickets section.home-section.ticketSection div.ticketContentblok .satelliteBlock div.ticketBlok p.description {
  min-height: 13.6rem;
}
div.content.contentTickets section.home-section.ticketSection div.ticketContentblok .satelliteBlock div.ticketBlok:nth-child(2) {
  transform: scale(1.03);
}
div.content.contentTickets section.home-section.ticketSection div.ticketContentblok .satelliteBlock div.ticketBlok:nth-child(2):hover,
div.content.contentTickets section.home-section.ticketSection div.ticketContentblok .satelliteBlock div.ticketBlok:nth-child(2):focus {
  transform: scale(1.04);
}
div.homeSlider .slick-list {
  margin-left: -15vw !important;
}
footer.footer {
  padding-top: 4.3rem;
  padding-bottom: 2.8rem;
}
footer.footer ul.menu {
  
}
footer.footer ul.menu li {
  display: block;
  width: 100%;
}
footer.footer ul.menu li a {
  display: inline-block;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 0.91rem;
  position: relative;
  padding: 0.1rem 0;
}
footer.footer ul.menu li.active a,
footer.footer ul.menu li a:hover,
footer.footer ul.menu li a:focus {
  font-weight: bold;
  letter-spacing: 0.04rem;
  background: transparent;
  color: #EA5C7B;
}
footer.footer a.footerLogo {
  margin: 0 auto 0;
  display: inline-block;
}
div.centerAlign {
  text-align: center;
}
footer.footer a.footerLogo img {
  display: inline-block;
  max-width: 262px;
}
section.home-section.home-section-smaller .grid-container {
  max-width: 79rem;
}
section.home-section.home-section-smaller h3 {
  padding-right: 8%;
  margin-bottom: 1.6rem;
}
body.home section.home-section.home-section-smaller {
  padding: 7.3rem 0;
}
section.home-section div.home-section-BG {
  position: relative;
  pointer-events: none;
  width: 100%;
  height: 52vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  z-index: 0;
  margin-bottom: -10vh;
}
section.home-section div.home-section-BG::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(180deg, rgba(255,245,208,0.00) 0%, #FFF5D0 100%);
}
.positionRelative {
  position: relative;
}
div.homeSliderWidth {
  position: relative;
}
div.homeSliderWidth::after {
  content: '';
  display: block;
  position: absolute;
  top: 1.0rem;
  right: 0;
  width: 12.7%;
  height: calc(100% - 2.0rem);
  background-image: linear-gradient(90deg, rgba(255,245,208,0.00) 0%, #FFF5D0 100%);
}
div.homeSliderWidth img {
  max-width: 16.6vw;
  height: auto;
  aspect-ratio: 399/691;
  object-fit: cover;
  margin-right: 1.42rem;
  border-radius: 5.2rem;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.25);
}
div.homeSliderWidth .slick-list {
  margin-left: -7.5vw;
  padding-top: 1.0rem;
  padding-bottom: 1.0rem;
}
div.homeSliderWidth.sliderInvert .slick-list {
  margin-left: auto;
  margin-right: -7.5vw;
}
div.homeSliderWidth.sliderInvert::after {
  display: none;
  right: auto;
  left: 0;
  background-image: linear-gradient(-90deg, rgba(255,245,208,0.00) 0%, #FFF5D0 100%);
  /* border-radius: 5.2rem 0 0 5.2rem; */
}
div.posterSlider {
  margin-top: 12.4rem;
  margin-bottom: 6.4rem;
}
div.posterSlider img {
  max-width: 34vw;
  height: auto;
  aspect-ratio: 613/420;
  object-fit: cover;
  margin-right: 1.0rem;
  border-radius: 4.6rem;
}
div.posterSlider .slick-list {
  margin-left: -22vw !important;
}
body.home div.content div.ticketBlok:nth-child(2) {
  transform: rotate(1deg);
}
footer.footer div.rightAlign {
  text-align: right;
}
footer.footer h4 {
  text-transform: uppercase;
  font-family: 'Bernoru';
  font-weight: 900;
  font-style: normal;
  font-size: 1.0rem;
}
footer.footer ul.menu {
  margin-bottom: 2.5rem;
}
footer.footer a.ticketKnop {
  margin-bottom: 3.4rem;
  padding-top: 1.18rem;
  padding-bottom: 1.18rem;
  min-width: 14.2rem;
  text-align: left;
}
footer.footer a.ticketKnop:hover,
footer.footer a.ticketKnop:focus {
  min-width: 16rem;
}
p.copyright,
p.copyright a {
  font-size: 0.73rem;
  font-weight: 400;
}
p.copyright a:hover,
p.copyright a:focus {
  font-weight: bold;
}
footer.footer ul.socials {
  display: block;
  margin: 0 auto 0.73rem;
  text-align: center;
}
footer.footer ul.socials li {
  display: inline-block;
}
footer.footer ul.socials li::after {
  content: ' • ';
  display: inline-block;
  margin: 0 0.1rem 0 0.43rem;
}
footer.footer ul.socials li:last-child::after {
  display: none;
}
footer.footer ul.socials li a {
  display: inline-block;
  font-weight: 500;
  font-size: 0.88rem;
  border-bottom: 1px solid #EA5C7B;
  line-height: 100%;
  margin: 0;
}
footer.footer ul.socials li a:hover,
footer.footer ul.socials li a:focus {
  font-weight: bold;
}
div.js-marquee-wrapper {
  margin-left: -100vw;
}
a.readMore {
  display: inline-block;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.82rem;
  letter-spacing: 0.04rem;
}
a.readMore:hover,
a.readMore:focus {
  letter-spacing: 0.1rem;
}
div.paddingCellTop {
  padding-top: 4.3rem;
}
section.home-section.faqSection {
  margin-top: 12.7rem;
}
h2.subTitleBG {
  position: absolute;
  z-index: 0;
  color: #F4EBC6;
  text-transform: uppercase;
  font-family: 'Bernoru';
  font-weight: 900;
  font-style: normal;
  font-size: 10.3rem;
  white-space: nowrap;
  pointer-events: none;
  line-height: 43%;
}
h3.subTitle {
  position: relative;
  z-index: 1;
  font-size: 2.5rem;
  line-height: 100%;
  margin-bottom: 1.0rem;
}
p.subSubTitle {
  position: relative;
  z-index: 1;
  font-weight: 500;
}
div.faqWrap {
  width: 100%;
  padding: 2.8rem 0;
  border-top: 2px solid #EA5C7B;
  margin-top: 5.2rem;
}
.content {
  min-height: 73vh;
}
ul.faq {
  list-style: none;
  list-style-type: none;
  margin: 0;
}
ul.faq li.topic {
  
}
ul.faq li.topic div.faqTitle {
  position: relative;
  padding: 1.9rem 5.2rem 1.9rem 0.43rem;
  border-bottom: 2px solid #EA5C7B;
  cursor: pointer;
}
ul.faq li.topic div.faqTitle::after {
  content: '+';
  display: block;
  position: absolute;
  right: 0.73rem;
  top: 50%;
  transform: translateY(-50%) scaleY(142%);
  text-transform: uppercase;
  font-family: 'Bernoru';
  font-weight: 900;
  font-style: normal;
  font-size: 1.6rem;
}
ul.faq li.topic div.faqTitle span {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.6rem;
}
ul.faq li.topic div.faqContent {
  display: none;
  padding: 1.9rem 5.2rem 1.9rem 0.43rem;
  border-bottom: 2px solid #EA5C7B;
}
ul.faq li.topic.geopend div.faqContent {
  display: block;
}
ul.faq li.topic.geopend div.faqTitle {
  border-bottom: none;
}
ul.faq li.topic.geopend div.faqTitle::after {
  content: '—';
  transform: translateY(-50%) scaleY(142%) scaleX(100%);
}
div.faqWrap a.readMore {
  margin-top: 4.3rem;
}
.howtosxm2 {
  margin-top: 9.4rem !important;
  margin-bottom: 8.2rem;
}
.howtosxm2Wrapper {
  /* padding-left: 1.9rem;
  padding-right: 1.9rem; */
  max-width: 103rem;
  margin: 9.4rem auto 0;
}
h3.sxmAppTitle {
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Bernoru';
  font-weight: 900;
  font-style: normal;
  font-size: 2.8rem;
  line-height: 79%;
  text-shadow: 17px 13px 44px rgba(60,59,54,0.26);
  margin-bottom: 2.2rem;
}
h3.sxmAppTitle span {
  display: block;
  text-transform: uppercase;
  font-family: 'Bernoru';
  font-weight: 900;
  font-style: normal;
  font-size: 8.2vw;
  white-space: nowrap;
  line-height: 79%;
}
div.appWrap {
  text-align: center;
  aspect-ratio: 1558/1042;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  margin: 4.3rem auto;
}
div.appWrap div {
  display: block;
  text-align: center;
  position: relative;
  z-index: 2800;
}
div.appWrap img {
  display: block;
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  pointer-events: none;
  width: 88%;
  height: 88%;
  object-fit: contain;
}
div.appWrap a.ticketKnop {
  min-width: 14.2rem;
  text-align: left;
}
section.home-section.ticketSection.appSection {
  margin-top: 8.2rem;
}
img.big_bottom_image {
  margin: 7.3rem 0 7.3rem;
  aspect-ratio: 16/7;
  object-fit: cover;
  display: block;
}
div.overlayMenu {
  display: none;
  width: 100vw;
  margin: 0;
  padding: 2.8rem 1.42rem;
  background: #EA5C7B;
  color: #FFF5D0;
  height: auto;
  min-height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999997;
}
div.overlayMenu span.close {
  display: block;
  position: absolute;
  right: 1.42rem;
  top: 1.9rem;
  text-transform: uppercase;
  cursor: pointer;
  font-weight: bold;
  text-shadow: 0 0 10px rgba(255, 245, 208, 0.43);
}
div.overlayMenu span.close span {
  /* font-family: 'Bernoru';
  font-weight: 900;
  font-style: normal; */
  border: 2px solid #FFF5D0;
  padding: 0;
  margin-right: 0.28rem;
  text-align: center;
  font-size: 0.82rem;
  border-radius: 50%;
  width: 1.42rem;
  height: 1.42rem;
  line-height: 1.3rem;
  display: block;
  float: left;
}
div.overlayMenu ul.menu {
  display: flex;
  text-align: center;
  margin: 2.2rem auto 1.6rem;
  min-height: 43vh;
  height: auto;
  justify-content: stretch;
}
div.overlayMenu ul.menu li {
  background: transparent;
  padding: 0;
  margin: 0;
}
div.overlayMenu ul.menu li a {
  background: transparent;
  color: #FFF5D0;
  text-transform: uppercase;
  font-family: 'Bernoru';
  font-weight: 900;
  font-style: normal;
  font-size: 5.2vw;
  padding: 0;
  margin: 1.0rem 0;
  line-height: 91%;
}
div.overlayMenu ul.menu li.active a,
div.overlayMenu ul.menu li a:hover,
div.overlayMenu ul.menu li a:focus {
  background: transparent;
  color: #FFF5D0;
  font-weight: bold;
}
a.mobileLogo {
  display: block;
  margin: 1.0rem auto 0;
}
a.mobileLogo img {
  max-width: 160px;
  display: block;
  margin: 0 auto;
}
div.overlayMenu ul.socials {
  display: block;
  text-align: center;
  list-style: none;
  list-style-type: none;
  margin: 2.8rem auto 0;
  position: absolute;
  bottom: 14.2vh;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  max-width: 94%;
  width: 100%;
}
div.overlayMenu ul.socials li {
  display: inline-block;
}
div.overlayMenu ul.socials li a {
  color: #FFF5D0;
}
div.overlayMenu ul.socials li::after {
  content: ' • ';
  display: inline-block;
  margin: 0 0.1rem 0 0.43rem;
}
div.overlayMenu ul.socials li:last-child::after {
  display: none;
}
div.overlayMenu ul.socials li a {
  display: inline-block;
  font-weight: 500;
  font-size: 0.82rem;
  border-bottom: 1px solid #FFF5D0;
  line-height: 100%;
  margin: 0;
}
div.overlayMenu ul.socials li a:hover,
div.overlayMenu ul.socials li a:focus {
  font-weight: bold;
}
body.menuOpen {
  overflow: hidden;
}
img.venueBig {
  margin: 1.42rem 0 3.7rem;
  aspect-ratio: 16/7;
  object-fit: cover;
  display: block;
}
h2.venueName {
  margin-bottom: 0.52rem !important;
}
div.venueSlider {
  /* margin-top: 12.4rem; */
  margin-bottom: 2.8rem;
  max-width: 88%;
  position: relative;
}
div.venueSlider img {
  /* max-width: 100%; */
  height: auto;
  aspect-ratio: 8/7;
  object-fit: cover;
  margin-right: 1.0rem;
  border-radius: 4.6rem;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.25);
}
div.venueSlider .slick-list {
  padding-top: 1.0rem;
  padding-bottom: 1.0rem;
  /* margin-left: -22vw !important; */
}
div.venueInfo h3 {
  font-size: 220%;
  line-height: 94%;
  margin-bottom: 1.6rem;
}
div.venueInfo h5 {
  font-size: 127%;
  text-transform: uppercase;
  margin-bottom: 1.6rem;
}
div.venueInfo {
  padding-top: 4.3rem;
}
div.venueSlider button.slick-prev {
  /* text-indent: -9999px; */
  position: absolute;
  bottom: -0.43rem;
  left: 50%;
  margin-left: -1.0rem;
  cursor: pointer;
  transform: translateX(-100%) translateY(100%);
  display: block;
  font-weight: bold;
  color: #EA5C7B;
  font-size: 190%;
}
div.venueSlider button.slick-next {
  /* text-indent: -9999px; */
  position: absolute;
  bottom: -0.43rem;
  left: 50%;
  margin-right: -1.0rem;
  cursor: pointer;
  transform: translateX(100%) translateY(100%);
  display: block;
  font-weight: bold;
  color: #EA5C7B;
  font-size: 190%;
}
div.venueSlider button.slick-prev::after {
  /* content: '→';
  display: block;
  font-weight: bold; */
}
section.venueWrap {
  margin-bottom: 12.7rem;
  display: block;
}
div.sliderScheef {
  transform: rotate(-1deg);
}
h2.satelTitle {
  text-align: center;
  margin: 10.9rem auto 0.82rem;
  line-height: 91%;
  font-size: 340%;
  text-transform: uppercase;
  font-family: 'Bernoru';
  font-weight: 900;
  font-style: normal;
  max-width: 79rem;
}
p.satelDesc {
  max-width: 43rem;
  margin: 0 auto 8.2rem;
  text-align: center;
}
.responsive-embed {
  /* max-width: 73rem;
  width: 91%;
  height: auto;
  margin: 0 auto 2.2rem;
  display: block;
  aspect-ratio: 16/9; */
}
.responsive-embed iframe {
  aspect-ratio: 16/9;
}
.iframeWrap {
  display: block;
  max-width: 76rem;
  margin: 0 auto 2.2rem;
}
.galleryWrap {
  display: block;
  margin: 7.9rem auto 2.2rem;
  display: flex;
  flex-wrap: wrap;
}
.galleryWrap img {
  margin: 0.43rem;
  aspect-ratio: 307/545;
  object-fit: cover;
  /* border-radius: 1.6rem; */
  flex: 1 0 auto;
  max-height: 34vh;
}























@media only screen and (max-width: 64rem) {
  
  body, div, span, form, input, button, p, a {
    font-size: 1.0rem;
  }
  .top-bar-right.float-right.show-for-small-only {
    text-align: right;
  }
  a.headerLogo {
    left: 1.0rem;
    transform: translateY(-50%);
  }
  a.headerLogo:hover,
  a.headerLogo:focus {
    transform: translateY(-50%) scale(1.03);
  }
  a.headerLogo img {
    max-width: 142px;
  }
  .top-bar {
    padding: 0 0.5rem;
  }
  header.header {
    top: 2.2rem;
  }
  section.hoofding div.innerHoofding img.logo {
    max-width: 14.2rem;
  }
  section.hoofding div.innerHoofding h2 {
    white-space: nowrap;
    font-size: 1.3rem;
    margin-bottom: 2.8rem;
    margin-bottom: 22%;
  }
  span.scrollDown {
    width: 1.3rem;
  }
  body.home section.hoofding div.innerHoofding {
    bottom: 11.2vh;
  }
  section.hoofding.hoofding-page div.innerHoofding {
    bottom: 11.2vh;
  }
  a.floatTicketKnop {
    position: fixed;
    bottom: 0.7rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9997;
    width: calc(100vw - 1.3rem);
    filter: drop-shadow(0 7px 16px rgba(0, 0, 0, 0.52));
  }
  section.home-section.ticketSection div.ticketContentblok h2.beetjeKleiner,
  section.home-section.ticketSection div.ticketContentblok h2 {
    font-size: 2.32rem;
    margin-bottom: 2.8rem;
  }
  footer.footer ul.menu {
    text-align: center;
    justify-content: center;
    line-height: 130%;
    margin-bottom: 1.9rem;
  }
  footer.footer ul.menu li {
    width: auto;
    display: inline-block;
    margin-right: 0.52rem;
    margin-left: 0.52rem;
  }
  footer.footer div.cell,
  footer.footer div.rightAlign {
    text-align: center;
  }
  footer.footer h4 {
    line-height: 100%;
    margin-bottom: 0.43rem;
  }
  footer.footer {
    padding-bottom: 5.2rem;
  }
  footer.footer a.footerLogo img {
    max-width: 160px;
  }
  section.homeInfo h2 {
    font-size: 1.6rem;
    margin-bottom: 1.9rem;
    margin-top: 5.2rem;
  }
  section.home-section h3 {
    padding-right: 0;
    font-size: 160%;
    line-height: 100%;
    margin-bottom: 2.2rem;
  }
  div.ticketBlok {
    transform: none !important;
    margin: 0 auto 1.9rem !important;
  }
  body.home section.home-section.home-section-smaller {
    padding: 4.3rem 0 1.42rem;
  }
  div.homeSlider,
  div.homeSliderWidth {
    margin-top: 2.2rem;
    margin-bottom: 2.2rem;
  }
  div.homeSlider img,
  div.homeSliderWidth img,
  body.page-template-page-howtosxm div.homeSlider img,
  body.page-template-page-island div.homeSlider img {
    aspect-ratio: 4/5;
    border-radius: 1.6rem;
    max-width: 40vw;
  }
  div.ticketBlok div.ticketBlokInner h4 {
    font-size: 1.42rem;
  }
  section.home-section div.home-section-BG {
    height: 28vh;
  }
  header.header div.top-bar ul.menu li a::after {
    display: none !important;
  }
  div.ticketblokWrapper {
    margin-bottom: 2.2rem;
  }
  div.content.contentTickets div.ticketBlok p.description {
    min-height: 0;
    padding: 0;
  }
  div.content.contentTickets div.ticketBlok {
    padding: 1.9rem 1.6rem;
  }
  div.content.contentTickets section.home-section.ticketSection div.ticketContentblok .satelliteBlock div.ticketBlok p.description {
    min-height: 0;
  }
  div.content.contentTickets section.home-section.ticketSection div.homeSlider {
    margin-top: 7.3rem;
  }
  body section.hoofding h1.headerTitle {
    font-size: 6.4vw !important;
    letter-spacing: -0.28vw !important;
    text-align: center;
    left: 0;
    transform: none;
    word-break: break-all;
    white-space: normal;
    max-width: 100%;
    width: 100%;
    margin-left: -0.43rem;
  }
  .top-bar .headerLogo img {
    max-width: 127px !important;
  }
  img.big_bottom_image {
    margin: 4.3rem 0;
    aspect-ratio: 4/3;
  }
  header.header {
    width: 79%;
    left: 50%;
    transform: translateX(-50%);
  }
  section.hoofding.hoofding-page {
    min-height: 52vh;
  }
  h2.subTitleBG {
    font-size: 4.3rem;
    line-height: 43%;
  }
  h3.subTitle {
    font-size: 1.9rem;
  }
  h3.sxmAppTitle {
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Bernoru';
    font-weight: 900;
    font-style: normal;
    font-size: 2.8rem;
    line-height: 79%;
    text-shadow: 17px 13px 44px rgba(60,59,54,0.26);
    margin-bottom: 2.2rem;
  }
  h3.sxmAppTitle span {
    display: block;
    text-transform: uppercase;
    font-family: 'Bernoru';
    font-weight: 900;
    font-style: normal;
    font-size: 8.2vw;
    white-space: nowrap;
    line-height: 79%;
  }
  div.appWrap {
    text-align: center;
    aspect-ratio: 1558/1042;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    margin: 4.3rem auto;
  }
  div.appWrap div {
    display: block;
    text-align: center;
    position: relative;
    z-index: 2800;
  }
  div.appWrap img {
    width: 100%;
    height: 100%;
    min-height: 52vh;
  }
  div.appWrap a.ticketKnop {
    min-width: 14.2rem;
    margin-bottom: 0.73rem;
  }
  section.home-section h3.sxmAppTitle {
    font-size: 1.27rem;
    transform: translateY(-43%);
  }
  section.home-section h3.sxmAppTitle span {
    font-size: 430%;
    max-width: 100%;
    display: block;
    white-space: normal;
  }
  section.home-section.ticketSection div.ticketContentblok {
    padding: 5.2rem 1.0rem 7.9rem;
  }
  .howtosxm2 {
    margin-top: 3.4rem !important;
  }
  
}


















