/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

@font-face {
  font-family: "Interstate";
  font-style: normal;
  font-weight: 300;
  src: url("../assets/fonts/interstate/Interstate-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Interstate";
  font-style: normal;
  font-weight: 700;
  src: url("../assets/fonts/interstate/Interstate-Bold.ttf") format("truetype");
}
/* patrick-hand-regular - latin */
@font-face {
  font-family: "Patrick Hand";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("../assets/fonts//handwriting/patrick-hand-v14-latin-regular.woff2") format("woff2"), url("../assets/fonts//handwriting/patrick-hand-v14-latin-regular.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* just-me-again-down-here-regular - latin */
@font-face {
  font-family: "Just Me Again Down Here";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("../assets/fonts//handwriting/just-me-again-down-here-v14-latin-regular.woff2") format("woff2"), url("../assets/fonts//handwriting/just-me-again-down-here-v14-latin-regular.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* kalam-regular - latin */
@font-face {
  font-family: "Kalam";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("../assets/fonts//handwriting/kalam-v11-latin-regular.woff2") format("woff2"), url("../assets/fonts//handwriting/kalam-v11-latin-regular.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* sedgwick-ave-display-regular - latin */
@font-face {
  font-family: "Sedgwick Ave Display";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("../assets/fonts//handwriting/sedgwick-ave-display-v12-latin-regular.woff2") format("woff2"), url("../assets/fonts//handwriting/sedgwick-ave-display-v12-latin-regular.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* caveat-brush-regular - latin */
@font-face {
  font-family: "Caveat Brush";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("../assets/fonts//handwriting/caveat-brush-v6-latin-regular.woff2") format("woff2"), url("../assets/fonts//handwriting/caveat-brush-v6-latin-regular.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
html {
  font-size: 62.5%;
  height: 100%;
}

body {
  background: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  font-family: Interstate, Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  height: 100%;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
}
@media (min-width: 33.75em) {
  body {
    font-size: 1.8rem;
  }
}
@media (min-width: 46.25em) {
  body {
    font-size: 1.8rem;
  }
}
@media (min-width: 61.25em) {
  body {
    font-size: 2rem;
  }
}
@media (min-width: 81.25em) {
  body {
    font-size: 2.2rem;
  }
}

h1, h2, h3, h4 {
  font-family: Interstate, Helvetica, Arial, sans-serif;
}

.o-cover-parent {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.o-center {
  margin-left: auto;
  margin-right: auto;
}

.o-text-center {
  text-align: center;
}

.o-width--small {
  max-width: 600px;
}

.o-width--medium {
  max-width: 800px;
}

@media (min-width: 33.75em) {
  .o-width--large {
    max-width: 510px;
  }
}
@media (min-width: 46.25em) {
  .o-width--large {
    max-width: 660px;
    max-width: 1100px;
  }
}
@media (min-width: 81.25em) {
  .o-width--large {
    max-width: 800px;
    max-width: 1100px;
  }
}

.o-visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.font-preloader {
  height: 1px;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 1px;
  z-index: -999;
}

.w2021-header {
  background: #ffffff;
  padding: 2rem 1.5rem 0;
}
@media (min-width: 46.25em) {
  .w2021-header {
    padding-top: 3.3rem;
  }
}
@media (min-width: 61.25em) {
  .w2021-header {
    padding-bottom: 1rem;
    padding-top: 4.3rem;
  }
}
.w2021-header .o-center {
  position: relative;
}
.w2021-header a {
  color: #000000;
  display: block;
  width: 18.9rem;
}
@media (min-width: 81.25em) {
  .w2021-header a {
    width: 23.4rem;
  }
}
.w2021-header a svg {
  display: block;
  height: auto;
  width: 100%;
}

.w2021-main {
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(50%, rgba(255, 255, 255, 0)));
  background: linear-gradient(#ffffff, rgba(255, 255, 255, 0) 50%);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.w2021-textblock {
  --span-padding-x: 0.5em;
  --span-padding-y: 0.25em;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.w2021-textblock > *:last-child {
  margin-bottom: 0;
}
.w2021-textblock p {
  font-size: 1em;
  margin-left: -0.5em;
  margin-left: calc(var(--span-padding-x) * -1);
}
.w2021-textblock p span {
  background: #ffffff;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  color: inherit;
  padding: var(--span-padding-y) var(--span-padding-x);
}
.w2021-textblock img {
  display: block;
  height: auto;
  max-width: 100%;
}
.w2021-textblock a {
  display: inline-block;
}
.w2021-textblock .page-title {
  font-family: Interstate, Helvetica, Arial, sans-serif;
  font-size: 2.4rem;
  font-weight: 400;
  letter-spacing: 0.0115em;
  margin-bottom: 2.5rem;
  margin-top: 3rem;
  text-transform: lowercase;
}
@media (min-width: 33.75em) {
  .w2021-textblock .page-title {
    margin-bottom: 2.5rem;
    margin-top: 5rem;
  }
}
@media (min-width: 46.25em) {
  .w2021-textblock .page-title {
    font-size: 3rem;
    margin-bottom: 2.5rem;
    margin-top: 5rem;
  }
}
@media (min-width: 61.25em) {
  .w2021-textblock .page-title {
    font-size: 3.8rem;
    margin-bottom: 2.5rem;
    margin-top: 6rem;
  }
}
@media (min-width: 81.25em) {
  .w2021-textblock .page-title {
    font-size: 4.8rem;
    margin-bottom: 8rem;
    margin-top: 9rem;
  }
}
.w2021-textblock .page-title__wegewerk {
  color: inherit;
  display: block;
  font-family: Interstate, Helvetica, Arial, sans-serif;
  font-size: 0.99em;
  font-weight: 700;
  letter-spacing: -0.015em;
  margin-right: 0.05em;
  text-decoration: none;
}
@media (min-width: 33.75em) {
  .w2021-textblock .page-title__wegewerk {
    display: inline;
  }
}

.w2021-textblock--above {
  max-width: 60rem;
}
@media (min-width: 61.25em) {
  .w2021-textblock--above {
    max-width: 63rem;
  }
}
@media (min-width: 81.25em) {
  .w2021-textblock--above {
    max-width: 80rem;
  }
}
.w2021-textblock--above p {
  line-height: 1.7;
}
@media (min-width: 46.25em) {
  .w2021-textblock--above p {
    line-height: 1.8;
  }
}
@media (min-width: 81.25em) {
  .w2021-textblock--above p {
    line-height: 2;
  }
}
.w2021-textblock--above p.p--small {
  --span-padding-x: calc(0.5em / 0.8);
  --span-padding-y: calc(0.25em / 0.8);
  font-size: 0.8em;
  line-height: 1.4;
  margin-top: -0.5em;
}
@media (min-width: 46.25em) {
  .w2021-textblock--above p.p--small {
    margin-top: -1em;
  }
}
@media (min-width: 61.25em) {
  .w2021-textblock--above p.p--small {
    --span-padding-x: calc(0.5em / 0.7);
    --span-padding-y: calc(0.25em / 0.7);
    font-size: 0.7em;
    margin-top: -1em;
  }
}
@media (min-width: 81.25em) {
  .w2021-textblock--above p.p--small {
    --span-padding-x: calc(0.5em / 0.65);
    --span-padding-y: calc(0.25em / 0.65);
    font-size: 0.65em;
    margin-top: -0.9em;
  }
}

.w2021-textblock--below {
  max-width: 60rem;
}
.w2021-textblock--below p {
  line-height: 1.7;
}
.w2021-textblock--below p.o-text-center {
  margin-left: 0;
}
.w2021-textblock--below p.o-text-center a {
  margin: 3rem auto 1rem;
  max-width: 40rem;
  width: 80%;
}
@media (min-width: 61.25em) {
  .w2021-textblock--below p.o-text-center a {
    margin: 4rem auto 2rem;
  }
}

.w2021-footer {
  background: #000000;
  color: #ffffff;
  margin-top: 2rem;
  padding: 1.5rem;
  text-align: right;
}
.w2021-footer a {
  color: #ffffff;
  text-decoration: none;
}
.w2021-footer a:focus, .w2021-footer a:hover {
  text-decoration: underline;
}
.w2021-footer a + a {
  margin-left: 2rem;
}

.w2021-generator-wrapper {
  font-size: 1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.w2021-generator {
  font-size: min(1.5vw,.8em);
  isolation: isolate;
  margin-bottom: 10em;
  margin-top: 5em;
  position: relative;
}
@media (min-width: 81.25em) {
  .w2021-generator {
    margin-top: 8em;
  }
}
.w2021-generator button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: none;
  cursor: pointer;
  display: block;
  left: calc(50% - 4em);
  position: absolute;
  top: 47em;
  -webkit-transform: translate(10em, 0) scale(1);
          transform: translate(10em, 0) scale(1);
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.49, 1.19, 0.69, 1);
  transition: -webkit-transform 0.2s cubic-bezier(0.49, 1.19, 0.69, 1);
  transition: transform 0.2s cubic-bezier(0.49, 1.19, 0.69, 1);
  transition: transform 0.2s cubic-bezier(0.49, 1.19, 0.69, 1), -webkit-transform 0.2s cubic-bezier(0.49, 1.19, 0.69, 1);
  width: 26em;
  height: 16.38em;
  z-index: 1;
  -webkit-tap-highlight-color: transparent;
}
.w2021-generator button:hover {
  -webkit-transform: translate(10em, 0) scale(1.1);
          transform: translate(10em, 0) scale(1.1);
}
.w2021-generator button::before {
  position: absolute;
  left: -38em;
  top: -47em;
  right: 0;
  bottom: 0;
  content: "";
}
.w2021-generator button img {
  bottom: 0;
  display: block;
  height: 100%;
  left: 0;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.w2021-generator button span {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.w2021-generator .w2021-slogan--rotation-start button img {
  -webkit-animation: button-pump 0.5s 1 ease-in-out both;
          animation: button-pump 0.5s 1 ease-in-out both;
}
.w2021-generator .w2021-slogan--autoplay button img {
  -webkit-animation: none;
          animation: none;
}

@-webkit-keyframes button-pump {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes button-pump {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes button-anim {
  0% {
    -webkit-transform: translate(10em, 0) scale(1);
            transform: translate(10em, 0) scale(1);
  }
  33% {
    -webkit-transform: translate(10em, 0) scale(1.05);
            transform: translate(10em, 0) scale(1.05);
  }
  66% {
    -webkit-transform: translate(10em, 0) scale(1);
            transform: translate(10em, 0) scale(1);
  }
  100% {
    -webkit-transform: translate(10em, 0) scale(1.1);
            transform: translate(10em, 0) scale(1.1);
  }
}
@keyframes button-anim {
  0% {
    -webkit-transform: translate(10em, 0) scale(1);
            transform: translate(10em, 0) scale(1);
  }
  33% {
    -webkit-transform: translate(10em, 0) scale(1.05);
            transform: translate(10em, 0) scale(1.05);
  }
  66% {
    -webkit-transform: translate(10em, 0) scale(1);
            transform: translate(10em, 0) scale(1);
  }
  100% {
    -webkit-transform: translate(10em, 0) scale(1.1);
            transform: translate(10em, 0) scale(1.1);
  }
}
.w2021-generator__background {
  background: url("../assets/img/w2021-background@0.5x.jpg");
  background-position: center center;
  background-size: cover;
  height: 120%;
  left: 50%;
  max-height: 900px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100vw;
  z-index: -1;
}
@media (min-width: 46.25em) {
  .w2021-generator__background {
    background-image: url("../assets/img/w2021-background.jpg");
    height: 150%;
    max-height: 1200px;
    top: 50%;
  }
}
@media (min-width: 81.25em) {
  .w2021-generator__background {
    height: 210%;
    max-height: 1200px;
    top: 50%;
  }
}
.w2021-generator__background::before, .w2021-generator__background::after {
  content: "";
  height: 33%;
  left: 0;
  position: absolute;
  right: 0;
}
.w2021-generator__background::before {
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(#ffffff, rgba(255, 255, 255, 0));
  top: -1px;
}
.w2021-generator__background::after {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#ffffff));
  background: linear-gradient(rgba(255, 255, 255, 0), #ffffff);
  bottom: -1px;
}

.w2021-generator__decoration-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 2rem;
  margin-left: -2rem;
  margin-top: 2rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media (min-width: 61.25em) {
  .w2021-generator__decoration-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    gap: 3rem;
    left: 50%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-transform: translate(33rem, -22rem);
            transform: translate(33rem, -22rem);
  }
}
@media (min-width: 81.25em) {
  .w2021-generator__decoration-wrapper {
    -webkit-transform: translate(41rem, -25rem);
            transform: translate(41rem, -25rem);
  }
}

.w2021-generator__decoration {
  height: auto;
  margin-left: 2rem;
  width: 170px;
}
@media (min-width: 61.25em) {
  .w2021-generator__decoration {
    margin: 0;
    width: 150px;
    z-index: -1;
  }
}
@media (min-width: 81.25em) {
  .w2021-generator__decoration {
    width: 200px;
  }
}

.w2021-generator__decoration--hashtag {
  -webkit-transform: rotate(4deg);
          transform: rotate(4deg);
}
.w2021-generator__decoration--2022 {
  -webkit-transform: rotate(-5deg);
          transform: rotate(-5deg);
}

.w2021-sharing {
  position: relative;
  z-index: 1;
  background: #ffffff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  margin: 6rem auto 4rem;
  padding: 2rem;
  width: min(100vw - 10rem,40rem);
  -webkit-transform: rotate(-2deg);
          transform: rotate(-2deg);
}
@media (min-width: 33.75em) {
  .w2021-sharing {
    margin-bottom: 6rem;
    margin-top: 10rem;
  }
}
@media (min-width: 46.25em) {
  .w2021-sharing {
    margin-bottom: 6.5rem;
    margin-top: 10rem;
  }
}
@media (min-width: 81.25em) {
  .w2021-sharing {
    margin-bottom: 8rem;
    margin-top: 10rem;
  }
}
.w2021-sharing .w2021-sharing__description {
  font-family: "Kalam";
  font-size: 1.4em;
  display: inline-block;
  position: relative;
  isolation: isolate;
  text-align: center;
  margin: 0;
}
.w2021-sharing ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
  gap: 2rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}
@media (min-width: 33.75em) {
  .w2021-sharing ul {
    gap: 4rem;
  }
}
.w2021-sharing li {
  display: block;
}
.w2021-sharing li a,
.w2021-sharing li button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent no-repeat center center;
  background-size: 80%;
  border: none;
  cursor: pointer;
  display: block;
  height: 5rem;
  overflow: hidden;
  text-indent: 200%;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.49, 1.19, 0.69, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.49, 1.19, 0.69, 1);
  transition: transform 0.3s cubic-bezier(0.49, 1.19, 0.69, 1);
  transition: transform 0.3s cubic-bezier(0.49, 1.19, 0.69, 1), -webkit-transform 0.3s cubic-bezier(0.49, 1.19, 0.69, 1);
  white-space: nowrap;
  width: 5rem;
}
.w2021-sharing li a:hover, .w2021-sharing li a:focus,
.w2021-sharing li button:hover,
.w2021-sharing li button:focus {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.w2021-sharing li .sharing__item--twitter {
  background-image: url("../assets/img/sharing/twitter.png");
}
.w2021-sharing li .sharing__item--facebook {
  background-image: url("../assets/img/sharing/facebook.png");
}
.w2021-sharing li .sharing__item--mail {
  background-image: url("../assets/img/sharing/mail.png");
}

.w2021-slogan {
  margin: 0 auto;
  position: relative;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.49, 1.19, 0.69, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.49, 1.19, 0.69, 1);
  transition: transform 0.5s cubic-bezier(0.49, 1.19, 0.69, 1);
  transition: transform 0.5s cubic-bezier(0.49, 1.19, 0.69, 1), -webkit-transform 0.5s cubic-bezier(0.49, 1.19, 0.69, 1);
  width: 62em;
}
.w2021-slogan.initialized {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.w2021-slogan__part-wrapper {
  left: 50%;
  -webkit-perspective: 74.4em;
          perspective: 74.4em;
  -webkit-perspective-origin: 27em 6em;
          perspective-origin: 27em 6em;
  position: absolute;
  top: 13.64em;
  -webkit-transform: rotate(-2deg) translate(-50%, 0) scale(1.2);
          transform: rotate(-2deg) translate(-50%, 0) scale(1.2);
  -webkit-transform-origin: 50% 17em;
          transform-origin: 50% 17em;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
  width: 49.6em;
  z-index: 1;
}
.w2021-slogan--rotation-start .w2021-slogan__part-wrapper {
  -webkit-transform: rotate(-2deg) translate(-50%, 0) scale(1);
          transform: rotate(-2deg) translate(-50%, 0) scale(1);
  -webkit-transition: -webkit-transform 2s cubic-bezier(0.49, 1.19, 0.69, 1);
  transition: -webkit-transform 2s cubic-bezier(0.49, 1.19, 0.69, 1);
  transition: transform 2s cubic-bezier(0.49, 1.19, 0.69, 1);
  transition: transform 2s cubic-bezier(0.49, 1.19, 0.69, 1), -webkit-transform 2s cubic-bezier(0.49, 1.19, 0.69, 1);
}

.w2021-slogan__part {
  background: transparent no-repeat center center;
  background-size: cover;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 3em 3em;
  position: absolute;
  width: 49.6em;
}
.w2021-slogan__part::after {
  background: transparent no-repeat center center;
  background-size: cover;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}

.w2021-slogan__part--top {
  background-image: url("../assets/img/schild-oben.png");
  height: 19.344em;
  -webkit-transform: translate(0, -9.8em) rotate3d(0, 1, 0, 0) rotate(1.5deg);
          transform: translate(0, -9.8em) rotate3d(0, 1, 0, 0) rotate(1.5deg);
}
.w2021-slogan__part--top::after {
  background-image: url("../assets/img/schild-oben-overlay.png");
}
.w2021-slogan--rotation-start .w2021-slogan__part--top {
  -webkit-animation: slogan__part-top--animation 1s cubic-bezier(0.49, 1.19, 0.69, 1) both;
          animation: slogan__part-top--animation 1s cubic-bezier(0.49, 1.19, 0.69, 1) both;
}

.w2021-slogan__part--bottom {
  background-image: url("../assets/img/schild-unten.png");
  height: 20.088em;
  -webkit-transform: translate(0, 9.8em) rotate3d(0, 1, 0, 0) rotate(-0.5deg);
          transform: translate(0, 9.8em) rotate3d(0, 1, 0, 0) rotate(-0.5deg);
}
.w2021-slogan__part--bottom::after {
  background-image: url("../assets/img/schild-unten-overlay.png");
}
.w2021-slogan--rotation-start .w2021-slogan__part--bottom {
  -webkit-animation: slogan__part-bottom--animation 1s 0.2s cubic-bezier(0.38, 1.16, 0.45, 1) both;
          animation: slogan__part-bottom--animation 1s 0.2s cubic-bezier(0.38, 1.16, 0.45, 1) both;
}

.w2021-slogan__text-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.w2021-slogan__text {
  font-size: 9em;
  line-height: 1;
  opacity: 0;
  text-align: center;
}
.w2021-slogan--text-visible .w2021-slogan__text {
  opacity: 1;
}
.w2021-slogan__part--top .w2021-slogan__text {
  -webkit-transition: opacity 0.05s 0.05s linear;
  transition: opacity 0.05s 0.05s linear;
}
.w2021-slogan--text-visible .w2021-slogan__part--top .w2021-slogan__text {
  -webkit-transition: opacity 0.2s 0.2s linear;
  transition: opacity 0.2s 0.2s linear;
}
.w2021-slogan__part--bottom .w2021-slogan__text {
  -webkit-transition: opacity 0.05s 0.2s linear;
  transition: opacity 0.05s 0.2s linear;
}
.w2021-slogan--text-visible .w2021-slogan__part--bottom .w2021-slogan__text {
  -webkit-transition: opacity 0.2s 0.3s linear;
  transition: opacity 0.2s 0.3s linear;
}
.w2021-slogan__text.w2021-slogan__text--font-1 {
  font-family: Patrick Hand, "Comic Sans", sans-serif;
  -webkit-transform: translate(0, -0.1em);
          transform: translate(0, -0.1em);
}
.w2021-slogan__text.w2021-slogan__text--font-2 {
  font-family: Just Me Again Down Here, "Comic Sans", sans-serif;
  -webkit-transform: translate(0, -0.15em);
          transform: translate(0, -0.15em);
}
.w2021-slogan__text.w2021-slogan__text--font-3 {
  font-family: Kalam, "Comic Sans", sans-serif;
  -webkit-transform: translate(0, 0.1em);
          transform: translate(0, 0.1em);
}
.w2021-slogan__text.w2021-slogan__text--font-4 {
  font-family: Sedgwick Ave Display, "Comic Sans", sans-serif;
  -webkit-transform: translate(0, 0.1em);
          transform: translate(0, 0.1em);
}
.w2021-slogan__text.w2021-slogan__text--font-5 {
  font-family: Caveat Brush, "Comic Sans", sans-serif;
  -webkit-transform: translate(0, -0.1em);
          transform: translate(0, -0.1em);
}
.w2021-slogan__text span {
  display: inline-block;
}
.w2021-slogan__text span.w2021-slogan__text__span--red {
  color: #810000;
}
.w2021-slogan__text span.w2021-slogan__text__span--inverse {
  background: #000000;
  border-bottom-left-radius: 0.1em 0.5em;
  border-bottom-right-radius: 0.6em 0.1em;
  border-top-left-radius: 0.7em 3px;
  border-top-right-radius: 0.1em 0.5em;
  color: #ffffff;
  display: inline-block;
  padding: 0.15em 0.5em 0;
  position: relative;
}
.w2021-slogan__text span.w2021-slogan__text__span--inverse::before {
  background: #000000;
  border-radius: 1em;
  -webkit-box-shadow: 0.3em 0em 0 0.1em #000000, 0.5em -0.1em 0 0.1em #000000;
          box-shadow: 0.3em 0em 0 0.1em #000000, 0.5em -0.1em 0 0.1em #000000;
  content: "";
  height: 0.25em;
  left: 0;
  position: absolute;
  top: 77%;
  -webkit-transform: rotate(-3deg);
          transform: rotate(-3deg);
  width: 50%;
  z-index: -1;
}
.w2021-slogan__text span.w2021-slogan__text__span--inverse + span.w2021-slogan__text__span--inverse {
  margin-left: -0.6em;
}
.w2021-slogan__text span.w2021-slogan__text__span--inverse + span.w2021-slogan__text__span--inverse::before {
  display: block;
  left: 101%;
  top: 0;
  -webkit-transform: rotate(-183deg);
          transform: rotate(-183deg);
  -webkit-transform-origin: left;
          transform-origin: left;
}

@-webkit-keyframes slogan-animation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes slogan-animation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes slogan__part-top--animation {
  0% {
    -webkit-transform: translate(0, -9.8em) rotate3d(0, 1, 0, 0turn) rotate(1.5deg);
            transform: translate(0, -9.8em) rotate3d(0, 1, 0, 0turn) rotate(1.5deg);
  }
  50% {
    -webkit-transform: translate(0, -9.8em) rotate3d(0, 1, 0, 0.5turn) rotate(-0.5deg);
            transform: translate(0, -9.8em) rotate3d(0, 1, 0, 0.5turn) rotate(-0.5deg);
  }
  100% {
    -webkit-transform: translate(0, -9.8em) rotate3d(0, 1, 0, 1turn) rotate(1.5deg);
            transform: translate(0, -9.8em) rotate3d(0, 1, 0, 1turn) rotate(1.5deg);
  }
}
@keyframes slogan__part-top--animation {
  0% {
    -webkit-transform: translate(0, -9.8em) rotate3d(0, 1, 0, 0turn) rotate(1.5deg);
            transform: translate(0, -9.8em) rotate3d(0, 1, 0, 0turn) rotate(1.5deg);
  }
  50% {
    -webkit-transform: translate(0, -9.8em) rotate3d(0, 1, 0, 0.5turn) rotate(-0.5deg);
            transform: translate(0, -9.8em) rotate3d(0, 1, 0, 0.5turn) rotate(-0.5deg);
  }
  100% {
    -webkit-transform: translate(0, -9.8em) rotate3d(0, 1, 0, 1turn) rotate(1.5deg);
            transform: translate(0, -9.8em) rotate3d(0, 1, 0, 1turn) rotate(1.5deg);
  }
}
@-webkit-keyframes slogan__part-bottom--animation {
  0% {
    -webkit-transform: translate(0, 9.8em) rotate3d(0, 1, 0, 0turn) rotate(-0.5deg);
            transform: translate(0, 9.8em) rotate3d(0, 1, 0, 0turn) rotate(-0.5deg);
  }
  50% {
    -webkit-transform: translate(0, 9.8em) rotate3d(0, 1, 0, 0.5turn) rotate(-0.5deg);
            transform: translate(0, 9.8em) rotate3d(0, 1, 0, 0.5turn) rotate(-0.5deg);
  }
  100% {
    -webkit-transform: translate(0, 9.8em) rotate3d(0, 1, 0, 1turn) rotate(-0.5deg);
            transform: translate(0, 9.8em) rotate3d(0, 1, 0, 1turn) rotate(-0.5deg);
  }
}
@keyframes slogan__part-bottom--animation {
  0% {
    -webkit-transform: translate(0, 9.8em) rotate3d(0, 1, 0, 0turn) rotate(-0.5deg);
            transform: translate(0, 9.8em) rotate3d(0, 1, 0, 0turn) rotate(-0.5deg);
  }
  50% {
    -webkit-transform: translate(0, 9.8em) rotate3d(0, 1, 0, 0.5turn) rotate(-0.5deg);
            transform: translate(0, 9.8em) rotate3d(0, 1, 0, 0.5turn) rotate(-0.5deg);
  }
  100% {
    -webkit-transform: translate(0, 9.8em) rotate3d(0, 1, 0, 1turn) rotate(-0.5deg);
            transform: translate(0, 9.8em) rotate3d(0, 1, 0, 1turn) rotate(-0.5deg);
  }
}
.w2021-slogan__flip-arrow-wrapper {
  position: relative;
  top: 20em;
  z-index: 2;
}

.w2021-slogan__flip-arrow {
  height: auto;
  opacity: 0;
  position: absolute;
  width: 7em;
}
.w2021-slogan--rotation-start .w2021-slogan__flip-arrow {
  opacity: 1;
  -webkit-transition: opacity 0.5s 2s;
  transition: opacity 0.5s 2s;
}

.w2021-slogan__flip-arrow--left {
  left: calc(50% - 25em);
  -webkit-transform: translate(-50%, 3em) rotate(90deg);
          transform: translate(-50%, 3em) rotate(90deg);
}

.w2021-slogan__flip-arrow--right {
  left: calc(50% + 25em);
  -webkit-transform: translate(-50%, -1em) rotate(-90deg);
          transform: translate(-50%, -1em) rotate(-90deg);
}

.w2021-slogan__panel-bg {
  margin: 0 auto;
  position: relative;
  -webkit-transform: rotate(-2deg) scale(1.1);
          transform: rotate(-2deg) scale(1.1);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  width: 62em;
}
.w2021-slogan--rotation-start .w2021-slogan__panel-bg {
  -webkit-transform: rotate(-2deg) scale(1);
          transform: rotate(-2deg) scale(1);
  -webkit-transition: -webkit-transform 2s cubic-bezier(0.49, 1.19, 0.69, 1);
  transition: -webkit-transform 2s cubic-bezier(0.49, 1.19, 0.69, 1);
  transition: transform 2s cubic-bezier(0.49, 1.19, 0.69, 1);
  transition: transform 2s cubic-bezier(0.49, 1.19, 0.69, 1), -webkit-transform 2s cubic-bezier(0.49, 1.19, 0.69, 1);
}
.w2021-slogan__panel-bg .paper-cut {
  height: auto;
  left: 0;
  position: relative;
  top: 0;
  width: 62em;
}
.w2021-slogan__panel-bg .arm {
  height: auto;
  left: 14.88em;
  position: absolute;
  top: 46.5em;
  width: 20.6666666667em;
}
.w2021-slogan__panel-bg .stock {
  bottom: 3.1em;
  height: auto;
  left: 28.52em;
  position: absolute;
  width: 6.2em;
}

html.sharing-consent-modal-active *,
html.sharing-consent-modal-active *::before,
html.sharing-consent-modal-active *::after {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
      -ms-user-select: none !important;
          user-select: none !important;
}

.sharing-consent-modal__wrapper {
  --backdrop-color: rgba(163, 171, 187, 0.7);
  --padding-content: 1.5rem;
}
@media (min-width: 33.75em) {
  .sharing-consent-modal__wrapper {
    --padding-content: 3rem;
  }
}

.sharing-consent-modal__wrapper {
  -webkit-animation: sharing-consent--fade-in 1s both;
          animation: sharing-consent--fade-in 1s both;
  background: var(--backdrop-color);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000000;
}

.sharing-consent-modal {
  background: #ffffff;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 0 2rem rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 2rem rgba(0, 0, 0, 0.2);
  isolation: isolate;
  left: 50%;
  max-height: calc(100% - 30px);
  max-width: 980px;
  overflow: auto;
  padding: 0 var(--padding-content);
  position: fixed;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: calc(100% - 30px);
  z-index: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sharing-consent-modal .sharing-consent-modal__button-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  gap: 3rem;
  margin: 2rem 0 3rem;
  width: 100%;
}
.sharing-consent-modal .sharing-consent-modal__message__description {
  line-height: 1.4;
}
.sharing-consent-modal .sharing-consent-modal__message__description a {
  color: #000000;
  text-underline-offset: 0.3rem;
}
.sharing-consent-modal .sharing-consent-modal__button {
  cursor: pointer;
  margin-top: 1rem;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.1s ease-out;
  transition: -webkit-transform 0.1s ease-out;
  transition: transform 0.1s ease-out;
  transition: transform 0.1s ease-out, -webkit-transform 0.1s ease-out;
  width: 100%;
}
@media (min-width: 33.75em) {
  .sharing-consent-modal .sharing-consent-modal__button {
    width: auto;
  }
}
.sharing-consent-modal .sharing-consent-modal__button:focus, .sharing-consent-modal .sharing-consent-modal__button:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
@media (min-width: 33.75em) {
  .sharing-consent-modal .sharing-consent-modal__button:focus, .sharing-consent-modal .sharing-consent-modal__button:hover {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
.sharing-consent-modal .sharing-consent-modal__button--cancel {
  background: #000000;
  background: #ffffff;
  border: 1px solid #000000;
  border: 1px solid #a0a0a0;
  color: #ffffff;
  color: #a0a0a0;
  padding: 0.5em;
}
.sharing-consent-modal .sharing-consent-modal__button--share {
  background: #ffffff;
  background: #000000;
  border: 1px solid #000000;
  border: 1px solid #000000;
  color: #000000;
  color: #ffffff;
  padding: 0.5em;
}
.sharing-consent-modal .sharing-consent-modal__message__footnote *:last-child {
  margin-bottom: 0;
}

@-webkit-keyframes sharing-consent--fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes sharing-consent--fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}