@charset "UTF-8";
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=9ca3a84e-34ae-4a60-87d2-fa86895ebde9");
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */ }

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

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  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
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block; }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  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
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0; }

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

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * 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 style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * 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
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

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

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 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; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * 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; }

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 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 {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

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

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  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 and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[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 IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block; }

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

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block; }

/**
 * Add the correct display in IE.
 */
template {
  display: none; }

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

/* ==|====================
   Tools / Functions
   ======================= */
/* ==|====================
   Settings / Fonts
   ======================= */
   @font-face {
    font-family: "Trade Gothic";
    font-weight: 300;
    src: url("./fonts/1d699af3-0e50-4c4b-a343-42d071e85714.eot?#iefix");
    src: url("./fonts/1d699af3-0e50-4c4b-a343-42d071e85714.eot?#iefix") format("eot"), url("./fonts/5414f75e-5cb8-4357-88e5-5a294424c859.woff2") format("woff2"), url("./fonts/537b145a-6a7d-4787-81d9-7228d3a42458.woff") format("woff"), url("./fonts/8e50278c-45cd-4808-b774-24767d958f17.ttf") format("truetype"), url("./fonts/d918b947-5fcb-42e2-8286-a98a801876de.svg#d918b947-5fcb-42e2-8286-a98a801876de") format("svg"); }
  
  @font-face {
    font-family: "Trade Gothic";
    font-weight: 400;
    src: url("./fonts/413d9688-00d4-47c4-bb55-656a0cd396e9.eot?#iefix");
    src: url("./fonts/413d9688-00d4-47c4-bb55-656a0cd396e9.eot?#iefix") format("eot"), url("./fonts/7b555e94-d57a-415e-a36e-1b0c5d3b90d2.woff2") format("woff2"), url("./fonts/c4aef0d4-bfcf-4790-acf5-909881f411e8.woff") format("woff"), url("./fonts/e741f29c-bc18-4343-bff3-db2465a0be3e.ttf") format("truetype"), url("./fonts/853e2a9b-4057-42a5-ad7e-0762cda0b13c.svg#853e2a9b-4057-42a5-ad7e-0762cda0b13c") format("svg"); }
  
  @font-face {
    font-family: "Trade Gothic";
    font-weight: 700;
    src: url("./fonts/2e9af08f-0faf-45e3-9767-78a700434af3.eot?#iefix");
    src: url("./fonts/2e9af08f-0faf-45e3-9767-78a700434af3.eot?#iefix") format("eot"), url("./fonts/d2e623ca-efc6-4557-ae55-ebb786065dcf.woff2") format("woff2"), url("./fonts/f51d24dd-8256-43c6-ba1a-6aeae9d3f262.woff") format("woff"), url("./fonts/955ee494-66b2-4eb2-8f19-bc3a088df16d.ttf") format("truetype"), url("./fonts/d5153ad4-7c93-4757-9147-640e69ec4801.svg#d5153ad4-7c93-4757-9147-640e69ec4801") format("svg"); }
  
  @font-face {
    font-family: "Trade Gothic";
    font-weight: 800;
    src: url("./fonts/bb3aa0a7-2585-4e89-ad82-658fd561751a.eot?#iefix");
    src: url("./fonts/bb3aa0a7-2585-4e89-ad82-658fd561751a.eot?#iefix") format("eot"), url("./fonts/7bb1c0cb-e6e9-44ea-ae0c-1984ad7e3339.woff2") format("woff2"), url("./fonts/1454a71d-cdbb-429c-8092-122f4493e0c7.woff") format("woff"), url("./fonts/d5ea405c-2180-4ff0-bd51-3e19fb280be4.ttf") format("truetype"), url("./fonts/70ac6679-cf48-4a0e-a909-d1e3bb4a1aa9.svg#70ac6679-cf48-4a0e-a909-d1e3bb4a1aa9") format("svg"); }
  
  @font-face {
    font-family: "Trade Gothic Condensed";
    font-weight: 400;
    src: url("./fonts/087e5c21-3358-4cf3-9d2c-289a03a48292.eot?#iefix");
    src: url("./fonts/087e5c21-3358-4cf3-9d2c-289a03a48292.eot?#iefix") format("eot"), url("./fonts/30ebcbfa-d651-4ecd-a0a2-2bb110def1d4.woff2") format("woff2"), url("./fonts/fb754dec-aa8f-444c-be48-868464c47ab0.woff") format("woff"), url("./fonts/295ff20c-2b48-4fa6-be92-a53bbf9bbbb4.ttf") format("truetype"), url("./fonts/c573d9d0-0726-4b95-aeee-fb621a299563.svg#c573d9d0-0726-4b95-aeee-fb621a299563") format("svg"); }
  
  @font-face {
    font-family: "Trade Gothic Condensed";
    font-weight: 700;
    src: url("./fonts/257c802f-349c-4b4d-aefa-546d5de15ec6.eot?#iefix");
    src: url("./fonts/257c802f-349c-4b4d-aefa-546d5de15ec6.eot?#iefix") format("eot"), url("./fonts/1ba28851-f34b-4cb8-bf58-6a4b160ba249.woff2") format("woff2"), url("./fonts/5fdc935e-9e30-442a-bbe9-8d887b858471.woff") format("woff"), url("./fonts/616c4c87-a077-43f4-a9f4-f01267c13818.ttf") format("truetype"), url("./fonts/c901ad5f-a842-4549-a1f4-583a97f7e169.svg#c901ad5f-a842-4549-a1f4-583a97f7e169") format("svg"); }
  

/* ==|====================
   Settings / General Vars
   ======================= */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

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

td,
th {
  padding: 0; }

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .navbar {
    display: none; }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important; }
  .label {
    border: 1px solid #000; }
  .table {
    border-collapse: collapse !important; }
    .table td,
    .table th {
      background-color: #fff !important; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important; } }

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }
  @media (min-width: 540px) {
    .container {
      width: 100%; } }
  @media (min-width: 768px) {
    .container {
      width: 100%; } }
  @media (min-width: 1024px) {
    .container {
      width: 100%; } }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container-fluid:before, .container-fluid:after {
    content: " ";
    display: table; }
  .container-fluid:after {
    clear: both; }

.row {
  margin-left: -15px;
  margin-right: -15px; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-1 {
  width: 8.33333%; }

.col-xs-2 {
  width: 16.66667%; }

.col-xs-3 {
  width: 25%; }

.col-xs-4 {
  width: 33.33333%; }

.col-xs-5 {
  width: 41.66667%; }

.col-xs-6 {
  width: 50%; }

.col-xs-7 {
  width: 58.33333%; }

.col-xs-8 {
  width: 66.66667%; }

.col-xs-9 {
  width: 75%; }

.col-xs-10 {
  width: 83.33333%; }

.col-xs-11 {
  width: 91.66667%; }

.col-xs-12 {
  width: 100%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-pull-1 {
  right: 8.33333%; }

.col-xs-pull-2 {
  right: 16.66667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.33333%; }

.col-xs-pull-5 {
  right: 41.66667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.33333%; }

.col-xs-pull-8 {
  right: 66.66667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.33333%; }

.col-xs-pull-11 {
  right: 91.66667%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-push-1 {
  left: 8.33333%; }

.col-xs-push-2 {
  left: 16.66667%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-4 {
  left: 33.33333%; }

.col-xs-push-5 {
  left: 41.66667%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-7 {
  left: 58.33333%; }

.col-xs-push-8 {
  left: 66.66667%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-10 {
  left: 83.33333%; }

.col-xs-push-11 {
  left: 91.66667%; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-offset-0 {
  margin-left: 0%; }

.col-xs-offset-1 {
  margin-left: 8.33333%; }

.col-xs-offset-2 {
  margin-left: 16.66667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.33333%; }

.col-xs-offset-5 {
  margin-left: 41.66667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.33333%; }

.col-xs-offset-8 {
  margin-left: 66.66667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.33333%; }

.col-xs-offset-11 {
  margin-left: 91.66667%; }

.col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 540px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-1 {
    width: 8.33333%; }
  .col-sm-2 {
    width: 16.66667%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-4 {
    width: 33.33333%; }
  .col-sm-5 {
    width: 41.66667%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-7 {
    width: 58.33333%; }
  .col-sm-8 {
    width: 66.66667%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-10 {
    width: 83.33333%; }
  .col-sm-11 {
    width: 91.66667%; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-pull-1 {
    right: 8.33333%; }
  .col-sm-pull-2 {
    right: 16.66667%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-4 {
    right: 33.33333%; }
  .col-sm-pull-5 {
    right: 41.66667%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-7 {
    right: 58.33333%; }
  .col-sm-pull-8 {
    right: 66.66667%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-10 {
    right: 83.33333%; }
  .col-sm-pull-11 {
    right: 91.66667%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-push-1 {
    left: 8.33333%; }
  .col-sm-push-2 {
    left: 16.66667%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-4 {
    left: 33.33333%; }
  .col-sm-push-5 {
    left: 41.66667%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-7 {
    left: 58.33333%; }
  .col-sm-push-8 {
    left: 66.66667%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-10 {
    left: 83.33333%; }
  .col-sm-push-11 {
    left: 91.66667%; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-offset-0 {
    margin-left: 0%; }
  .col-sm-offset-1 {
    margin-left: 8.33333%; }
  .col-sm-offset-2 {
    margin-left: 16.66667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.33333%; }
  .col-sm-offset-5 {
    margin-left: 41.66667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.33333%; }
  .col-sm-offset-8 {
    margin-left: 66.66667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.33333%; }
  .col-sm-offset-11 {
    margin-left: 91.66667%; }
  .col-sm-offset-12 {
    margin-left: 100%; } }

@media (min-width: 768px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-1 {
    width: 8.33333%; }
  .col-md-2 {
    width: 16.66667%; }
  .col-md-3 {
    width: 25%; }
  .col-md-4 {
    width: 33.33333%; }
  .col-md-5 {
    width: 41.66667%; }
  .col-md-6 {
    width: 50%; }
  .col-md-7 {
    width: 58.33333%; }
  .col-md-8 {
    width: 66.66667%; }
  .col-md-9 {
    width: 75%; }
  .col-md-10 {
    width: 83.33333%; }
  .col-md-11 {
    width: 91.66667%; }
  .col-md-12 {
    width: 100%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-pull-1 {
    right: 8.33333%; }
  .col-md-pull-2 {
    right: 16.66667%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-4 {
    right: 33.33333%; }
  .col-md-pull-5 {
    right: 41.66667%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-7 {
    right: 58.33333%; }
  .col-md-pull-8 {
    right: 66.66667%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-10 {
    right: 83.33333%; }
  .col-md-pull-11 {
    right: 91.66667%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-push-1 {
    left: 8.33333%; }
  .col-md-push-2 {
    left: 16.66667%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-4 {
    left: 33.33333%; }
  .col-md-push-5 {
    left: 41.66667%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-7 {
    left: 58.33333%; }
  .col-md-push-8 {
    left: 66.66667%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-10 {
    left: 83.33333%; }
  .col-md-push-11 {
    left: 91.66667%; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-offset-0 {
    margin-left: 0%; }
  .col-md-offset-1 {
    margin-left: 8.33333%; }
  .col-md-offset-2 {
    margin-left: 16.66667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.33333%; }
  .col-md-offset-5 {
    margin-left: 41.66667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.33333%; }
  .col-md-offset-8 {
    margin-left: 66.66667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.33333%; }
  .col-md-offset-11 {
    margin-left: 91.66667%; }
  .col-md-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1024px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-1 {
    width: 8.33333%; }
  .col-lg-2 {
    width: 16.66667%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-4 {
    width: 33.33333%; }
  .col-lg-5 {
    width: 41.66667%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-7 {
    width: 58.33333%; }
  .col-lg-8 {
    width: 66.66667%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-10 {
    width: 83.33333%; }
  .col-lg-11 {
    width: 91.66667%; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-pull-1 {
    right: 8.33333%; }
  .col-lg-pull-2 {
    right: 16.66667%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-4 {
    right: 33.33333%; }
  .col-lg-pull-5 {
    right: 41.66667%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-7 {
    right: 58.33333%; }
  .col-lg-pull-8 {
    right: 66.66667%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-10 {
    right: 83.33333%; }
  .col-lg-pull-11 {
    right: 91.66667%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-push-1 {
    left: 8.33333%; }
  .col-lg-push-2 {
    left: 16.66667%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-4 {
    left: 33.33333%; }
  .col-lg-push-5 {
    left: 41.66667%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-7 {
    left: 58.33333%; }
  .col-lg-push-8 {
    left: 66.66667%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-10 {
    left: 83.33333%; }
  .col-lg-push-11 {
    left: 91.66667%; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-offset-0 {
    margin-left: 0%; }
  .col-lg-offset-1 {
    margin-left: 8.33333%; }
  .col-lg-offset-2 {
    margin-left: 16.66667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.33333%; }
  .col-lg-offset-5 {
    margin-left: 41.66667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.33333%; }
  .col-lg-offset-8 {
    margin-left: 66.66667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.33333%; }
  .col-lg-offset-11 {
    margin-left: 91.66667%; }
  .col-lg-offset-12 {
    margin-left: 100%; } }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.hidden {
  display: none !important; }

.affix {
  position: fixed; }

@-ms-viewport {
  width: device-width; }

.visible-xs {
  display: none !important; }

.visible-sm {
  display: none !important; }

.visible-md {
  display: none !important; }

.visible-lg {
  display: none !important; }

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important; }

@media (max-width: 539px) {
  .visible-xs {
    display: block !important; }
  table.visible-xs {
    display: table !important; }
  tr.visible-xs {
    display: table-row !important; }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important; } }

@media (max-width: 539px) {
  .visible-xs-block {
    display: block !important; } }

@media (max-width: 539px) {
  .visible-xs-inline {
    display: inline !important; } }

@media (max-width: 539px) {
  .visible-xs-inline-block {
    display: inline-block !important; } }

@media (min-width: 540px) and (max-width: 767px) {
  .visible-sm {
    display: block !important; }
  table.visible-sm {
    display: table !important; }
  tr.visible-sm {
    display: table-row !important; }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important; } }

@media (min-width: 540px) and (max-width: 767px) {
  .visible-sm-block {
    display: block !important; } }

@media (min-width: 540px) and (max-width: 767px) {
  .visible-sm-inline {
    display: inline !important; } }

@media (min-width: 540px) and (max-width: 767px) {
  .visible-sm-inline-block {
    display: inline-block !important; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .visible-md {
    display: block !important; }
  table.visible-md {
    display: table !important; }
  tr.visible-md {
    display: table-row !important; }
  th.visible-md,
  td.visible-md {
    display: table-cell !important; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .visible-md-block {
    display: block !important; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .visible-md-inline {
    display: inline !important; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .visible-md-inline-block {
    display: inline-block !important; } }

@media (min-width: 1024px) {
  .visible-lg {
    display: block !important; }
  table.visible-lg {
    display: table !important; }
  tr.visible-lg {
    display: table-row !important; }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important; } }

@media (min-width: 1024px) {
  .visible-lg-block {
    display: block !important; } }

@media (min-width: 1024px) {
  .visible-lg-inline {
    display: inline !important; } }

@media (min-width: 1024px) {
  .visible-lg-inline-block {
    display: inline-block !important; } }

@media (max-width: 539px) {
  .hidden-xs {
    display: none !important; } }

@media (min-width: 540px) and (max-width: 767px) {
  .hidden-sm {
    display: none !important; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .hidden-md {
    display: none !important; } }

@media (min-width: 1024px) {
  .hidden-lg {
    display: none !important; } }

.visible-print {
  display: none !important; }

@media print {
  .visible-print {
    display: block !important; }
  table.visible-print {
    display: table !important; }
  tr.visible-print {
    display: table-row !important; }
  th.visible-print,
  td.visible-print {
    display: table-cell !important; } }

.visible-print-block {
  display: none !important; }
  @media print {
    .visible-print-block {
      display: block !important; } }

.visible-print-inline {
  display: none !important; }
  @media print {
    .visible-print-inline {
      display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }
  @media print {
    .visible-print-inline-block {
      display: inline-block !important; } }

@media print {
  .hidden-print {
    display: none !important; } }

/* ==|====================
   Bootstrap / Overwrites
   ======================= */
.row {
  margin-right: -0.125em;
  margin-left: -0.125em; }
  @media only screen and (min-width: 48em) {
    .row {
      margin-right: -0.2vw;
      margin-left: -0.2vw; } }
  @media only screen and (min-width: 64em) {
    .row {
      margin-right: -0.2vw;
      margin-left: -0.2vw; } }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
  margin-bottom: 0.25em;
  padding-right: 0.125em;
  padding-left: 0.125em; }
  @media only screen and (min-width: 48em) {
    .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
      margin-bottom: 0.4vw;
      padding-right: 0.2vw;
      padding-left: 0.2vw; } }
  @media only screen and (min-width: 64em) {
    .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
      margin-bottom: 0.4vw;
      padding-right: 0.2vw;
      padding-left: 0.2vw; } }

@media only screen and (min-width: 87.5em) {
  .col-xl-1 {
    width: 8.33333%; }
  .col-xl-offset-1 {
    margin-left: 8.33333%; }
  .col-xl-2 {
    width: 16.66667%; }
  .col-xl-offset-2 {
    margin-left: 16.66667%; }
  .col-xl-3 {
    width: 25%; }
  .col-xl-offset-3 {
    margin-left: 25%; }
  .col-xl-4 {
    width: 33.33333%; }
  .col-xl-offset-4 {
    margin-left: 33.33333%; }
  .col-xl-5 {
    width: 41.66667%; }
  .col-xl-offset-5 {
    margin-left: 41.66667%; }
  .col-xl-6 {
    width: 50%; }
  .col-xl-offset-6 {
    margin-left: 50%; }
  .col-xl-7 {
    width: 58.33333%; }
  .col-xl-offset-7 {
    margin-left: 58.33333%; }
  .col-xl-8 {
    width: 66.66667%; }
  .col-xl-offset-8 {
    margin-left: 66.66667%; }
  .col-xl-9 {
    width: 75%; }
  .col-xl-offset-9 {
    margin-left: 75%; }
  .col-xl-10 {
    width: 83.33333%; }
  .col-xl-offset-10 {
    margin-left: 83.33333%; }
  .col-xl-11 {
    width: 91.66667%; }
  .col-xl-offset-11 {
    margin-left: 91.66667%; }
  .col-xl-12 {
    width: 100%; }
  .col-xl-offset-12 {
    margin-left: 100%; } }

@media only screen and (min-width: 120em) {
  .col-xxl-1 {
    width: 8.33333%; }
  .col-xxl-offset-1 {
    margin-left: 8.33333%; }
  .col-xxl-2 {
    width: 16.66667%; }
  .col-xxl-offset-2 {
    margin-left: 16.66667%; }
  .col-xxl-3 {
    width: 25%; }
  .col-xxl-offset-3 {
    margin-left: 25%; }
  .col-xxl-4 {
    width: 33.33333%; }
  .col-xxl-offset-4 {
    margin-left: 33.33333%; }
  .col-xxl-5 {
    width: 41.66667%; }
  .col-xxl-offset-5 {
    margin-left: 41.66667%; }
  .col-xxl-6 {
    width: 50%; }
  .col-xxl-offset-6 {
    margin-left: 50%; }
  .col-xxl-7 {
    width: 58.33333%; }
  .col-xxl-offset-7 {
    margin-left: 58.33333%; }
  .col-xxl-8 {
    width: 66.66667%; }
  .col-xxl-offset-8 {
    margin-left: 66.66667%; }
  .col-xxl-9 {
    width: 75%; }
  .col-xxl-offset-9 {
    margin-left: 75%; }
  .col-xxl-10 {
    width: 83.33333%; }
  .col-xxl-offset-10 {
    margin-left: 83.33333%; }
  .col-xxl-11 {
    width: 91.66667%; }
  .col-xxl-offset-11 {
    margin-left: 91.66667%; }
  .col-xxl-12 {
    width: 100%; }
  .col-xxl-offset-12 {
    margin-left: 100%; } }

.container {
  padding-right: 1.25rem;
  padding-bottom: 2.0625rem;
  padding-left: 1.25rem;
  max-width: 48em; }
  @media only screen and (min-width: 48em) {
    .container {
      padding-right: 0;
      padding-left: 0; } }
  @media only screen and (min-width: 64em) {
    .container {
      padding-right: 0;
      padding-left: 0; } }

.container--mobilefluid {
  max-width: none;
  padding-right: 0;
  padding-left: 0; }
  @media only screen and (min-width: 48em) {
    .container--mobilefluid {
      padding-right: 0;
      padding-left: 0;
      max-width: 48em; } }
  @media only screen and (min-width: 64em) {
    .container--mobilefluid {
      padding-right: 0;
      padding-left: 0; } }

.container-fluid {
  padding-right: 0;
  padding-bottom: 2.0625rem;
  padding-left: 0; }
  @media only screen and (min-width: 48em) {
    .container-fluid {
      padding-right: 0;
      padding-left: 0; } }
  @media only screen and (min-width: 64em) {
    .container-fluid {
      padding-right: 0;
      padding-left: 0; } }

.container--flexed .row, .calendar-controlbar .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .container--flexed .row [class^="col-"], .calendar-controlbar .row [class^="col-"],
  .container--flexed .row [class*=" col-"], .calendar-controlbar .row [class*=" col-"] {
    width: auto;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    display: -ms-flexbox;
    display: flex; }
  .container--flexed .row:before, .calendar-controlbar .row:before {
    content: none; }
  .container--flexed .row .col-xs-1, .calendar-controlbar .row .col-xs-1 {
    -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
    max-width: 8.33333%; }
  .container--flexed .row .col-xs-2, .calendar-controlbar .row .col-xs-2 {
    -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
    max-width: 16.66667%; }
  .container--flexed .row .col-xs-3, .calendar-controlbar .row .col-xs-3 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%; }
  .container--flexed .row .col-xs-4, .calendar-controlbar .row .col-xs-4 {
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
    max-width: 33.33333%; }
  .container--flexed .row .col-xs-5, .calendar-controlbar .row .col-xs-5 {
    -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
    max-width: 41.66667%; }
  .container--flexed .row .col-xs-6, .calendar-controlbar .row .col-xs-6 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%; }
  .container--flexed .row .col-xs-7, .calendar-controlbar .row .col-xs-7 {
    -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
    max-width: 58.33333%; }
  .container--flexed .row .col-xs-8, .calendar-controlbar .row .col-xs-8 {
    -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
    max-width: 66.66667%; }
  .container--flexed .row .col-xs-9, .calendar-controlbar .row .col-xs-9 {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    max-width: 75%; }
  .container--flexed .row .col-xs-10, .calendar-controlbar .row .col-xs-10 {
    -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
    max-width: 83.33333%; }
  .container--flexed .row .col-xs-11, .calendar-controlbar .row .col-xs-11 {
    -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
    max-width: 91.66667%; }
  .container--flexed .row .col-xs-12, .calendar-controlbar .row .col-xs-12 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%; }
  @media only screen and (min-width: 33.75em) {
    .container--flexed .row .col-sm-1, .calendar-controlbar .row .col-sm-1 {
      -ms-flex-preferred-size: 8.33333%;
          flex-basis: 8.33333%;
      max-width: 8.33333%; }
    .container--flexed .row .col-sm-2, .calendar-controlbar .row .col-sm-2 {
      -ms-flex-preferred-size: 16.66667%;
          flex-basis: 16.66667%;
      max-width: 16.66667%; }
    .container--flexed .row .col-sm-3, .calendar-controlbar .row .col-sm-3 {
      -ms-flex-preferred-size: 25%;
          flex-basis: 25%;
      max-width: 25%; }
    .container--flexed .row .col-sm-4, .calendar-controlbar .row .col-sm-4 {
      -ms-flex-preferred-size: 33.33333%;
          flex-basis: 33.33333%;
      max-width: 33.33333%; }
    .container--flexed .row .col-sm-5, .calendar-controlbar .row .col-sm-5 {
      -ms-flex-preferred-size: 41.66667%;
          flex-basis: 41.66667%;
      max-width: 41.66667%; }
    .container--flexed .row .col-sm-6, .calendar-controlbar .row .col-sm-6 {
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
      max-width: 50%; }
    .container--flexed .row .col-sm-7, .calendar-controlbar .row .col-sm-7 {
      -ms-flex-preferred-size: 58.33333%;
          flex-basis: 58.33333%;
      max-width: 58.33333%; }
    .container--flexed .row .col-sm-8, .calendar-controlbar .row .col-sm-8 {
      -ms-flex-preferred-size: 66.66667%;
          flex-basis: 66.66667%;
      max-width: 66.66667%; }
    .container--flexed .row .col-sm-9, .calendar-controlbar .row .col-sm-9 {
      -ms-flex-preferred-size: 75%;
          flex-basis: 75%;
      max-width: 75%; }
    .container--flexed .row .col-sm-10, .calendar-controlbar .row .col-sm-10 {
      -ms-flex-preferred-size: 83.33333%;
          flex-basis: 83.33333%;
      max-width: 83.33333%; }
    .container--flexed .row .col-sm-11, .calendar-controlbar .row .col-sm-11 {
      -ms-flex-preferred-size: 91.66667%;
          flex-basis: 91.66667%;
      max-width: 91.66667%; }
    .container--flexed .row .col-sm-12, .calendar-controlbar .row .col-sm-12 {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      max-width: 100%; } }
  @media only screen and (min-width: 48em) {
    .container--flexed .row .col-md-1, .calendar-controlbar .row .col-md-1 {
      -ms-flex-preferred-size: 8.33333%;
          flex-basis: 8.33333%;
      max-width: 8.33333%; }
    .container--flexed .row .col-md-2, .calendar-controlbar .row .col-md-2 {
      -ms-flex-preferred-size: 16.66667%;
          flex-basis: 16.66667%;
      max-width: 16.66667%; }
    .container--flexed .row .col-md-3, .calendar-controlbar .row .col-md-3 {
      -ms-flex-preferred-size: 25%;
          flex-basis: 25%;
      max-width: 25%; }
    .container--flexed .row .col-md-4, .calendar-controlbar .row .col-md-4 {
      -ms-flex-preferred-size: 33.33333%;
          flex-basis: 33.33333%;
      max-width: 33.33333%; }
    .container--flexed .row .col-md-5, .calendar-controlbar .row .col-md-5 {
      -ms-flex-preferred-size: 41.66667%;
          flex-basis: 41.66667%;
      max-width: 41.66667%; }
    .container--flexed .row .col-md-6, .calendar-controlbar .row .col-md-6 {
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
      max-width: 50%; }
    .container--flexed .row .col-md-7, .calendar-controlbar .row .col-md-7 {
      -ms-flex-preferred-size: 58.33333%;
          flex-basis: 58.33333%;
      max-width: 58.33333%; }
    .container--flexed .row .col-md-8, .calendar-controlbar .row .col-md-8 {
      -ms-flex-preferred-size: 66.66667%;
          flex-basis: 66.66667%;
      max-width: 66.66667%; }
    .container--flexed .row .col-md-9, .calendar-controlbar .row .col-md-9 {
      -ms-flex-preferred-size: 75%;
          flex-basis: 75%;
      max-width: 75%; }
    .container--flexed .row .col-md-10, .calendar-controlbar .row .col-md-10 {
      -ms-flex-preferred-size: 83.33333%;
          flex-basis: 83.33333%;
      max-width: 83.33333%; }
    .container--flexed .row .col-md-11, .calendar-controlbar .row .col-md-11 {
      -ms-flex-preferred-size: 91.66667%;
          flex-basis: 91.66667%;
      max-width: 91.66667%; }
    .container--flexed .row .col-md-12, .calendar-controlbar .row .col-md-12 {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      max-width: 100%; } }
  @media only screen and (min-width: 64em) {
    .container--flexed .row .col-lg-1, .calendar-controlbar .row .col-lg-1 {
      -ms-flex-preferred-size: 8.33333%;
          flex-basis: 8.33333%;
      max-width: 8.33333%; }
    .container--flexed .row .col-lg-2, .calendar-controlbar .row .col-lg-2 {
      -ms-flex-preferred-size: 16.66667%;
          flex-basis: 16.66667%;
      max-width: 16.66667%; }
    .container--flexed .row .col-lg-3, .calendar-controlbar .row .col-lg-3 {
      -ms-flex-preferred-size: 25%;
          flex-basis: 25%;
      max-width: 25%; }
    .container--flexed .row .col-lg-4, .calendar-controlbar .row .col-lg-4 {
      -ms-flex-preferred-size: 33.33333%;
          flex-basis: 33.33333%;
      max-width: 33.33333%; }
    .container--flexed .row .col-lg-5, .calendar-controlbar .row .col-lg-5 {
      -ms-flex-preferred-size: 41.66667%;
          flex-basis: 41.66667%;
      max-width: 41.66667%; }
    .container--flexed .row .col-lg-6, .calendar-controlbar .row .col-lg-6 {
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
      max-width: 50%; }
    .container--flexed .row .col-lg-7, .calendar-controlbar .row .col-lg-7 {
      -ms-flex-preferred-size: 58.33333%;
          flex-basis: 58.33333%;
      max-width: 58.33333%; }
    .container--flexed .row .col-lg-8, .calendar-controlbar .row .col-lg-8 {
      -ms-flex-preferred-size: 66.66667%;
          flex-basis: 66.66667%;
      max-width: 66.66667%; }
    .container--flexed .row .col-lg-9, .calendar-controlbar .row .col-lg-9 {
      -ms-flex-preferred-size: 75%;
          flex-basis: 75%;
      max-width: 75%; }
    .container--flexed .row .col-lg-10, .calendar-controlbar .row .col-lg-10 {
      -ms-flex-preferred-size: 83.33333%;
          flex-basis: 83.33333%;
      max-width: 83.33333%; }
    .container--flexed .row .col-lg-11, .calendar-controlbar .row .col-lg-11 {
      -ms-flex-preferred-size: 91.66667%;
          flex-basis: 91.66667%;
      max-width: 91.66667%; }
    .container--flexed .row .col-lg-12, .calendar-controlbar .row .col-lg-12 {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      max-width: 100%; } }
  @media only screen and (min-width: 87.5em) {
    .container--flexed .row .col-xl-1, .calendar-controlbar .row .col-xl-1 {
      -ms-flex-preferred-size: 8.33333%;
          flex-basis: 8.33333%;
      max-width: 8.33333%; }
    .container--flexed .row .col-xl-2, .calendar-controlbar .row .col-xl-2 {
      -ms-flex-preferred-size: 16.66667%;
          flex-basis: 16.66667%;
      max-width: 16.66667%; }
    .container--flexed .row .col-xl-3, .calendar-controlbar .row .col-xl-3 {
      -ms-flex-preferred-size: 25%;
          flex-basis: 25%;
      max-width: 25%; }
    .container--flexed .row .col-xl-4, .calendar-controlbar .row .col-xl-4 {
      -ms-flex-preferred-size: 33.33333%;
          flex-basis: 33.33333%;
      max-width: 33.33333%; }
    .container--flexed .row .col-xl-5, .calendar-controlbar .row .col-xl-5 {
      -ms-flex-preferred-size: 41.66667%;
          flex-basis: 41.66667%;
      max-width: 41.66667%; }
    .container--flexed .row .col-xl-6, .calendar-controlbar .row .col-xl-6 {
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
      max-width: 50%; }
    .container--flexed .row .col-xl-7, .calendar-controlbar .row .col-xl-7 {
      -ms-flex-preferred-size: 58.33333%;
          flex-basis: 58.33333%;
      max-width: 58.33333%; }
    .container--flexed .row .col-xl-8, .calendar-controlbar .row .col-xl-8 {
      -ms-flex-preferred-size: 66.66667%;
          flex-basis: 66.66667%;
      max-width: 66.66667%; }
    .container--flexed .row .col-xl-9, .calendar-controlbar .row .col-xl-9 {
      -ms-flex-preferred-size: 75%;
          flex-basis: 75%;
      max-width: 75%; }
    .container--flexed .row .col-xl-10, .calendar-controlbar .row .col-xl-10 {
      -ms-flex-preferred-size: 83.33333%;
          flex-basis: 83.33333%;
      max-width: 83.33333%; }
    .container--flexed .row .col-xl-11, .calendar-controlbar .row .col-xl-11 {
      -ms-flex-preferred-size: 91.66667%;
          flex-basis: 91.66667%;
      max-width: 91.66667%; }
    .container--flexed .row .col-xl-12, .calendar-controlbar .row .col-xl-12 {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      max-width: 100%; } }
  @media only screen and (min-width: 120em) {
    .container--flexed .row .col-xxl-1, .calendar-controlbar .row .col-xxl-1 {
      -ms-flex-preferred-size: 8.33333%;
          flex-basis: 8.33333%;
      max-width: 8.33333%; }
    .container--flexed .row .col-xxl-2, .calendar-controlbar .row .col-xxl-2 {
      -ms-flex-preferred-size: 16.66667%;
          flex-basis: 16.66667%;
      max-width: 16.66667%; }
    .container--flexed .row .col-xxl-3, .calendar-controlbar .row .col-xxl-3 {
      -ms-flex-preferred-size: 25%;
          flex-basis: 25%;
      max-width: 25%; }
    .container--flexed .row .col-xxl-4, .calendar-controlbar .row .col-xxl-4 {
      -ms-flex-preferred-size: 33.33333%;
          flex-basis: 33.33333%;
      max-width: 33.33333%; }
    .container--flexed .row .col-xxl-5, .calendar-controlbar .row .col-xxl-5 {
      -ms-flex-preferred-size: 41.66667%;
          flex-basis: 41.66667%;
      max-width: 41.66667%; }
    .container--flexed .row .col-xxl-6, .calendar-controlbar .row .col-xxl-6 {
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
      max-width: 50%; }
    .container--flexed .row .col-xxl-7, .calendar-controlbar .row .col-xxl-7 {
      -ms-flex-preferred-size: 58.33333%;
          flex-basis: 58.33333%;
      max-width: 58.33333%; }
    .container--flexed .row .col-xxl-8, .calendar-controlbar .row .col-xxl-8 {
      -ms-flex-preferred-size: 66.66667%;
          flex-basis: 66.66667%;
      max-width: 66.66667%; }
    .container--flexed .row .col-xxl-9, .calendar-controlbar .row .col-xxl-9 {
      -ms-flex-preferred-size: 75%;
          flex-basis: 75%;
      max-width: 75%; }
    .container--flexed .row .col-xxl-10, .calendar-controlbar .row .col-xxl-10 {
      -ms-flex-preferred-size: 83.33333%;
          flex-basis: 83.33333%;
      max-width: 83.33333%; }
    .container--flexed .row .col-xxl-11, .calendar-controlbar .row .col-xxl-11 {
      -ms-flex-preferred-size: 91.66667%;
          flex-basis: 91.66667%;
      max-width: 91.66667%; }
    .container--flexed .row .col-xxl-12, .calendar-controlbar .row .col-xxl-12 {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      max-width: 100%; } }

@media only screen and (min-width: 48em) {
  .l-sidebar + .l-content .container {
    padding-right: 0;
    padding-left: 0.4vw; } }

@media only screen and (min-width: 64em) {
  .l-sidebar + .l-content .container {
    padding-right: 0;
    padding-left: 0.4vw; } }

@media only screen and (min-width: 48em) {
  .l-sidebar + .l-content .container-fluid {
    padding-right: 0;
    padding-left: 0.4vw; } }

@media only screen and (min-width: 64em) {
  .l-sidebar + .l-content .container-fluid {
    padding-right: 0;
    padding-left: 0.4vw; } }

@media only screen and (min-width: 48em) {
  .l-sidebar.is-right + .l-content .container {
    padding-right: 0.4vw;
    padding-left: 0; } }

@media only screen and (min-width: 64em) {
  .l-sidebar.is-right + .l-content .container {
    padding-right: 0.4vw;
    padding-left: 0; } }

@media only screen and (min-width: 48em) {
  .l-sidebar.is-right + .l-content .container-fluid {
    padding-right: 0.4vw;
    padding-left: 0; } }

@media only screen and (min-width: 64em) {
  .l-sidebar.is-right + .l-content .container-fluid {
    padding-right: 0.4vw;
    padding-left: 0; } }

.container--horizontal-padding-none {
  padding-bottom: 0; }

.container--horizontal-padding-small {
  padding-bottom: 1rem; }

.container--horizontal-padding-large {
  padding-bottom: 3.3125rem; }

.col-centered {
  float: none;
  margin: 0 auto; }

/* ==|====================
   Tools / Mixins
   ======================= */
/* ==|====================
   Tools / Placeholders
   ======================= */
.calendar-event-detail__location, .m-flyoutlogin ul li, .m-rich-text ul li, .m-seo-module ul li, ol li, p, a, span, button, .m-form input[type="text"],
.m-form input[type="date"],
.m-form input[type="tel"],
.m-form input[type="password"],
.m-form input[type="email"],
.m-form textarea, .m-form label, .m-form select, .shop-item__description, .m-shopping-cart .cart-empty-message, .cart-item__description, .m-image-gallery .grid__actions, .table th,
.table td, .download-item__title, .author-info__label, .author-info__description-box, .author-info__link-box a, .printservice-item__description {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.555;
  letter-spacing: -0.02778em; }

.calendar-event-detail__location {
  font-size: 0.875rem; }
  @media only screen and (min-width: 48em) {
    .calendar-event-detail__location {
      font-size: 1.25rem; } }

.calendar-event-detail__location, .m-flyoutlogin ul li, .m-rich-text ul li, .m-seo-module ul li, ol li, p, a, span, button, .m-form input[type="text"],
.m-form input[type="date"],
.m-form input[type="tel"],
.m-form input[type="password"],
.m-form input[type="email"],
.m-form textarea, .m-form label, .m-form select, .shop-item__description, .m-shopping-cart .cart-empty-message, .cart-item__description, .m-image-gallery .grid__actions, .table th,
.table td, .download-item__title, .author-info__label, .author-info__description-box, .author-info__link-box a, .printservice-item__description, .content-teaser__title, .article-teaser__title, h1,
.h1-alike, h2,
.h2-alike, .footer__title, .shop-item__title, .cart-item__title, .m-rich-text h3, .m-seo-module h3,
.m-rich-text .h3-alike, .m-seo-module .h3-alike, .button, .myds-badge, .printservice-item__title, .printservice-item__search, .printservice-item__request, .event-description__title {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.m-flyoutlogin ul, .m-rich-text ul, .m-seo-module ul {
  padding: 0; }
  .m-flyoutlogin ul li, .m-rich-text ul li, .m-seo-module ul li {
    position: relative;
    margin-bottom: 0.5625rem;
    padding-left: 1.75rem;
    list-style-type: none; }
    .m-flyoutlogin ul li:before, .m-rich-text ul li:before, .m-seo-module ul li:before {
      display: inline-block;
      position: absolute;
      top: 1.25rem;
      left: 0;
      width: 0.5625rem;
      border-bottom: 1px solid #aa1e1e;
      content: ""; }

.further-cta-list, .live-ticker__list {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.m-form input[type="text"],
.m-form input[type="date"],
.m-form input[type="tel"],
.m-form input[type="password"],
.m-form input[type="email"],
.m-form textarea {
  width: 100%;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #b3b3b3;
  border-left: 0;
  border-radius: 0;
  transition: border ease-in 0.2s; }
  .m-form input[type="text"]:focus,
  .m-form input[type="date"]:focus,
  .m-form input[type="tel"]:focus,
  .m-form input[type="password"]:focus,
  .m-form input[type="email"]:focus,
  .m-form textarea:focus {
    border-color: #444f51; }
  .no-touchdevice .m-form input[type="text"]:hover, .m-form .no-touchdevice input[type="text"]:hover, .no-touchdevice
  .m-form input[type="date"]:hover,
  .m-form .no-touchdevice input[type="date"]:hover, .no-touchdevice
  .m-form input[type="tel"]:hover,
  .m-form .no-touchdevice input[type="tel"]:hover, .no-touchdevice
  .m-form input[type="password"]:hover,
  .m-form .no-touchdevice input[type="password"]:hover, .no-touchdevice
  .m-form input[type="email"]:hover,
  .m-form .no-touchdevice input[type="email"]:hover, .no-touchdevice
  .m-form textarea:hover,
  .m-form .no-touchdevice textarea:hover {
    border-color: #444f51; }
  .has-error .m-form input[type="text"]:hover, .m-form .has-error input[type="text"]:hover, .has-error
  .m-form input[type="date"]:hover,
  .m-form .has-error input[type="date"]:hover, .has-error
  .m-form input[type="tel"]:hover,
  .m-form .has-error input[type="tel"]:hover, .has-error
  .m-form input[type="password"]:hover,
  .m-form .has-error input[type="password"]:hover, .has-error
  .m-form input[type="email"]:hover,
  .m-form .has-error input[type="email"]:hover, .has-error
  .m-form textarea:hover,
  .m-form .has-error textarea:hover {
    border-bottom: 1px solid #ee3351; }

.m-form .text-field input:focus + label, .m-form .date-field input:focus + label, .m-form .text-field input.has-entered-content + label, .m-form .date-field input.has-entered-content + label, .m-form .text-area label, .m-form .dropdown label {
  cursor: default;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: -0.01667em;
  text-transform: uppercase;
  color: #999999; }

.m-form .text-field, .m-form .date-field {
  position: relative;
  margin-bottom: 1.375rem;
  padding-top: 0.875rem; }
  .m-form .text-field input.has-entered-content, .m-form .date-field input.has-entered-content {
    border-bottom: 1px solid #444f51; }
  .m-form .text-field input:focus + label, .m-form .date-field input:focus + label, .m-form .text-field input.has-entered-content + label, .m-form .date-field input.has-entered-content + label {
    transform: translate3d(0, 0, 0); }
  .m-form .text-field label, .m-form .date-field label {
    position: absolute;
    top: 0.125rem;
    left: 0;
    cursor: text;
    text-transform: none;
    color: #999999;
    transform: translate3d(0, 1.4375rem, 0);
    transition: transform 0.2s ease-in, font-size 0.2s ease-in, font-weight 0.01s linear 0.2s; }
  .m-form .has-error.text-field input, .m-form .has-error.date-field input {
    border-bottom: 1px solid #ee3351; }

h1.meteor-title,
h2.meteor-title,
h3.meteor-title,
h4.meteor-title,
.h1-alike.meteor-title,
.h2-alike.meteor-title,
.h3-alike.meteor-title,
.h4-alike.meteor-title,
p.meteor-title,
a.meteor-title,
li.meteor-title, .m-rich-text h1, .m-seo-module h1,
.m-rich-text .h1-alike, .m-seo-module .h1-alike, h1.skewed-title,
h2.skewed-title,
h3.skewed-title,
h4.skewed-title,
.h1-alike.skewed-title,
.h2-alike.skewed-title,
.h3-alike.skewed-title,
.h4-alike.skewed-title,
p.skewed-title,
a.skewed-title,
li.skewed-title, .m-category-selector .category__title, .m-download-items h2, .m-map:before, .m-map:after, .person-header__name, .calendarTile__title, .calendarTile__titlemonth, .button, .page-header__title, .header-teaser__title, .info-box:after, .facts-list__header-title, .event-fact-header__title, .myds-badge {
  outline: 1px solid transparent;
  transform: skewY(-4deg);
  transform-origin: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
  h1.meteor-title:hover,
  h2.meteor-title:hover,
  h3.meteor-title:hover,
  h4.meteor-title:hover,
  .h1-alike.meteor-title:hover,
  .h2-alike.meteor-title:hover,
  .h3-alike.meteor-title:hover,
  .h4-alike.meteor-title:hover,
  p.meteor-title:hover,
  a.meteor-title:hover,
  li.meteor-title:hover, .m-rich-text h1:hover, .m-seo-module h1:hover,
  .m-rich-text .h1-alike:hover, .m-seo-module .h1-alike:hover, h1.skewed-title:hover,
  h2.skewed-title:hover,
  h3.skewed-title:hover,
  h4.skewed-title:hover,
  .h1-alike.skewed-title:hover,
  .h2-alike.skewed-title:hover,
  .h3-alike.skewed-title:hover,
  .h4-alike.skewed-title:hover,
  p.skewed-title:hover,
  a.skewed-title:hover,
  li.skewed-title:hover, .m-category-selector .category__title:hover, .m-download-items h2:hover, .m-map:hover:before, .m-map:hover:after, .person-header__name:hover, .calendarTile__title:hover, .calendarTile__titlemonth:hover, .button:hover, .page-header__title:hover, .header-teaser__title:hover, .info-box:hover:after, .facts-list__header-title:hover, .event-fact-header__title:hover, .myds-badge:hover {
    outline: 1px solid transparent; }

h1.meteor-title,
h2.meteor-title,
h3.meteor-title,
h4.meteor-title,
.h1-alike.meteor-title,
.h2-alike.meteor-title,
.h3-alike.meteor-title,
.h4-alike.meteor-title,
p.meteor-title,
a.meteor-title,
li.meteor-title, .m-rich-text h1, .m-seo-module h1,
.m-rich-text .h1-alike, .m-seo-module .h1-alike, h1.skewed-title,
h2.skewed-title,
h3.skewed-title,
h4.skewed-title,
.h1-alike.skewed-title,
.h2-alike.skewed-title,
.h3-alike.skewed-title,
.h4-alike.skewed-title,
p.skewed-title,
a.skewed-title,
li.skewed-title, .m-category-selector .category__title, .m-download-items h2, .m-map:before, .m-map:after, .person-header__name, .calendarTile__title, .calendarTile__titlemonth, .button, .page-header__title, .header-teaser__title, .info-box:after, .facts-list__header-title, .event-fact-header__title {
  margin: auto;
  margin-top: 2.5rem;
  text-align: center; }

h1.meteor-title,
h2.meteor-title,
h3.meteor-title,
h4.meteor-title,
.h1-alike.meteor-title,
.h2-alike.meteor-title,
.h3-alike.meteor-title,
.h4-alike.meteor-title,
p.meteor-title,
a.meteor-title,
li.meteor-title, .m-rich-text h1, .m-seo-module h1,
.m-rich-text .h1-alike, .m-seo-module .h1-alike, h1.skewed-title,
h2.skewed-title,
h3.skewed-title,
h4.skewed-title,
.h1-alike.skewed-title,
.h2-alike.skewed-title,
.h3-alike.skewed-title,
.h4-alike.skewed-title,
p.skewed-title,
a.skewed-title,
li.skewed-title, .m-category-selector .category__title, .m-download-items h2, .m-map:before, .m-map:after, .person-header__name, .calendarTile__title, .calendarTile__titlemonth, .button, .page-header__title, .header-teaser__title {
  max-width: 31.25rem; }

h1.meteor-title,
h2.meteor-title,
h3.meteor-title,
h4.meteor-title,
.h1-alike.meteor-title,
.h2-alike.meteor-title,
.h3-alike.meteor-title,
.h4-alike.meteor-title,
p.meteor-title,
a.meteor-title,
li.meteor-title, .m-rich-text h1, .m-seo-module h1,
.m-rich-text .h1-alike, .m-seo-module .h1-alike {
  display: table;
  position: relative;
  padding: 1.25rem 0;
  text-align: center; }
  h1.meteor-title:before,
  h2.meteor-title:before,
  h3.meteor-title:before,
  h4.meteor-title:before,
  .h1-alike.meteor-title:before,
  .h2-alike.meteor-title:before,
  .h3-alike.meteor-title:before,
  .h4-alike.meteor-title:before,
  p.meteor-title:before,
  a.meteor-title:before,
  li.meteor-title:before, .m-rich-text h1:before, .m-seo-module h1:before,
  .m-rich-text .h1-alike:before, .m-seo-module .h1-alike:before {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 1.875rem;
    bottom: 0;
    left: 1.875rem;
    content: "";
    background-color: #444f51; }
  h1.meteor-title:after,
  h2.meteor-title:after,
  h3.meteor-title:after,
  h4.meteor-title:after,
  .h1-alike.meteor-title:after,
  .h2-alike.meteor-title:after,
  .h3-alike.meteor-title:after,
  .h4-alike.meteor-title:after,
  p.meteor-title:after,
  a.meteor-title:after,
  li.meteor-title:after, .m-rich-text h1:after, .m-seo-module h1:after,
  .m-rich-text .h1-alike:after, .m-seo-module .h1-alike:after {
    position: absolute;
    z-index: -1;
    top: 3px;
    right: 0;
    bottom: 3px;
    left: 0;
    width: 100%;
    content: "";
    background-color: white;
    transform: skewY(-1.4deg) rotate(0.1deg); }

.m-image .caption, .video .caption {
  margin: 0.625rem 0 1.25rem;
  font-size: 0.875rem;
  font-weight: 700; }

/*  mobile navigation */
.m-mobilenav:after, .mobilenav__level::after {
  background: #33393a;
  transition: opacity .3s, width .1s .3s, height .1s .3s; }

.m-mobilenav, .mobilenav__level {
  transition: all 380ms; }

.m-mobilenav.mobilenav--pushed:after, .mobilenav__level.mobilenav__level-overlay::after {
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: opacity .3s; }

.mobilenav ul li > a > span,
.mobilenav ul li > a a > span,
.mobilenav ul li > label > span,
.mobilenav ul li > label a > span,
.mobilenav ul li > .itemwrap > span,
.mobilenav ul li > .itemwrap a > span,
.mobilenav ul li > .itemwrap > a > span,
.mobilenav ul li > .itemwrap > a a > span, .mobilenav__headerlabel, .m-calendarnav .showevents > span {
  font-family: "Trade Gothic Condensed", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: .0125em;
  text-transform: uppercase; }

.m-mobilenav:after, .mobilenav__level::after, .mobilenav__level::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  content: "";
  opacity: 0; }

/* desktop navigation */
.desktopmeta__itemlink.is-active[data-flyout-toggle] + .desktopnav__flyout, .desktopmeta__itemlink.is-active.anim-open[data-flyout-toggle] + .desktopnav__flyout, .desktopnav__itemlink.is-active[data-flyout-toggle] + .desktopnav__flyout, .desktopnav__itemlink.is-active.anim-open[data-flyout-toggle] + .desktopnav__flyout {
  z-index: 99; }

.desktopmeta__itemlink.anim-open[data-flyout-toggle] + .desktopnav__flyout, .desktopnav__itemlink.anim-open[data-flyout-toggle] + .desktopnav__flyout {
  visibility: visible;
  z-index: 98;
  bottom: 0;
  width: 100%;
  height: calc(100% - 10rem);
  animation-name: openFlyout;
  animation-duration: 420ms;
  animation-timing-function: ease-out;
  animation-direction: normal;
  animation-fill-mode: forwards; }

.navigation--small .desktopmeta__itemlink.anim-open[data-flyout-toggle] + .desktopnav__flyout, .navigation--small .desktopnav__itemlink.anim-open[data-flyout-toggle] + .desktopnav__flyout {
  height: calc(100% - 5rem); }

.desktopmeta__itemlink.anim-close[data-flyout-toggle] + .desktopnav__flyout, .desktopnav__itemlink.anim-close[data-flyout-toggle] + .desktopnav__flyout {
  visibility: visible;
  z-index: 98;
  bottom: 0;
  width: 100%;
  height: calc(100% - 10rem);
  animation-name: closeFlyout;
  animation-duration: 40ms;
  animation-timing-function: ease-in;
  animation-direction: normal;
  animation-fill-mode: forwards; }

.navigation--small .desktopmeta__itemlink.anim-close[data-flyout-toggle] + .desktopnav__flyout, .navigation--small .desktopnav__itemlink.anim-close[data-flyout-toggle] + .desktopnav__flyout {
  height: calc(100% - 5rem); }

.desktopmeta__itemlink.is-active[data-flyout-toggle] .desktopmeta__label, .desktopnav__itemlink.is-active[data-flyout-toggle] .desktopnav__navlabel {
  color: white; }

.desktopnav__itemlink.is-selected .desktopnav__navlabel {
  color: #ee3351; }

.desktopmeta__itemlink.anim-close[data-flyout-toggle] .desktopmeta__label, .desktopnav__itemlink.anim-close[data-flyout-toggle] .desktopnav__navlabel {
  color: #444f51; }

.sidebarnav__buttonlabel, .sidebarnav__search, .sidebarnav__searchfocuslabel, .sidebarnav__searchfield {
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase; }

.person-tile__text, .sidebarlink, .sidebarnav__button {
  transition: background-color 0.2s linear, color 0.2s linear; }

/* Base for content/article teaser */
.content-teaser, .article-teaser {
  display: block;
  position: relative;
  border: 1px solid #dadada; }

.content-teaser__image, .article-teaser__image {
  position: relative;
  overflow: hidden; }
  .covermode.content-teaser__image img, .covermode.article-teaser__image img, .no-covermode.content-teaser__image img, .no-covermode.article-teaser__image img {
    opacity: 1; }
  .content-teaser__image img, .article-teaser__image img {
    width: 100%;
    max-width: none;
    opacity: 0;
    transition: opacity 0.2s ease-in-out; }
  @media only screen and (min-width: 33.75em) {
    .content-teaser__image, .article-teaser__image {
      height: 13.75rem; }
      .content-teaser__image img, .article-teaser__image img {
        position: absolute; } }
  @media only screen and (min-width: 120em) {
    .content-teaser__image, .article-teaser__image {
      height: 16.75rem; } }

.content-teaser__content, .article-teaser__content {
  padding: 1.25rem; }

.content-teaser__title, .article-teaser__title {
  margin-bottom: 0.75rem;
  font-family: "Trade Gothic Condensed", Arial, sans-serif;
  font-size: 2.125rem;
  font-weight: 800;
  line-height: .94;
  letter-spacing: -0.05em;
  text-transform: uppercase;
  color: #999999; }

.tab__label {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase; }

.calendar-event-detail__location, .main-cta-list__text, .calendar-date__weekday, .calendar-date__month, .calendar-date__until, .facts-list__header-title, .facts-list__title, .facts-list__unit {
  text-transform: uppercase; }

.calendar-event-detail__location, .calendar-date__weekday, .calendar-date__month {
  color: #999999; }

.no-touchdevice .further-cta-list__item:hover,
.no-touchdevice .further-cta-list__item:focus,
.no-touchdevice .further-cta-list__item:active, .calendar-date__day, .calendar-date__until {
  color: #ee3351; }

.content-teaser .button, .m-form .button, .calendar-event-detail .button {
  position: absolute;
  bottom: -1.75rem;
  left: 50%;
  margin: 0;
  white-space: nowrap;
  background-color: white;
  transform: translateX(-50%) skewY(-4deg); }

.calendar-event-detail:after {
  display: table;
  clear: both;
  content: ""; }

.m-calendar .linebtn .icon-load, .m-calendar__footer .icon-load {
  width: 1.375rem;
  height: 1.375rem; }

/* ==|====================
   Tools / Helpers
   ======================= */
.body--noscroll {
  overflow: hidden; }
  @media only screen and (min-width: 48em) {
    .body--noscroll .l-pagewrapper {
      height: 100%; } }
  @media only screen and (min-width: 33.75em) and (max-width: 47.9375em), only screen and (min-width: 23.4375em) and (max-width: 33.6875em) {
    .body--noscroll.touchdevice {
      overflow-y: hidden; } }
  @media only screen and (min-width: 33.75em) and (max-width: 47.9375em), only screen and (min-width: 23.4375em) and (max-width: 33.6875em) {
    .body--noscroll.touchdevice body {
      overflow-y: hidden; } }

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

.body--fixheight .l-main {
  height: 50%;
  min-height: 0; }

.body--fixheight .l-footer {
  display: none; }

.has-spacer-top {
  padding-top: 1.25rem; }
  @media only screen and (min-width: 33.75em) {
    .has-spacer-top {
      padding-top: 2.1875rem; } }
  @media only screen and (min-width: 64em) {
    .has-spacer-top {
      padding-top: 2.5rem; } }

.fade-enter,
.fade-leave-to {
  opacity: 0; }

.fade-enter-active {
  transition: opacity 0.5s ease-in-out; }

.fade-leave-active {
  transition: opacity 0.3s ease-in-out; }

/* ==|====================
   Datasport / Base
   ======================= */
@-ms-viewport {
  width: auto; }

html {
  box-sizing: border-box; }

* {
  box-sizing: inherit; }
  *:before, *:after {
    box-sizing: inherit; }

body {
  overflow-x: hidden;
  overflow-y: scroll;
  font-family: "Trade Gothic", Arial, sans-serif, Arial, sans-serif, Verdana;
  font-size: 16px;
  font-weight: 400;
  color: #444f51;
  background-color: white; }

body,
html {
  height: 100%; }

::-moz-selection {
  background: #eaa6b1;
  /* WebKit/Blink Browsers */ }

::selection {
  background: #eaa6b1;
  /* WebKit/Blink Browsers */ }

::-moz-selection {
  background: #eaa6b1;
  /* Gecko Browsers */ }

h1,
.h1-alike {
  display: block;
  cursor: default;
  font-family: "Trade Gothic Condensed", Arial, sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: .9;
  letter-spacing: -0.05em;
  text-transform: uppercase; }
  h1.huge-title,
  .h1-alike.huge-title {
    font-size: 3.375rem;
    letter-spacing: -0.05556em; }

h2,
.h2-alike {
  display: block;
  margin: 2.5rem 0 0.75rem;
  cursor: default;
  font-family: "Trade Gothic Condensed", Arial, sans-serif;
  font-size: 2.125rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.02941em;
  text-transform: uppercase; }

h3,
.h3-alike {
  display: block;
  margin: 2.5rem 0 0.9375rem;
  cursor: default;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase; }

h4,
.h4-alike {
  display: block;
  cursor: default;
  font-family: "Trade Gothic Condensed", Arial, sans-serif;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase; }

ol {
  margin-left: 0;
  padding-left: 0;
  counter-reset: item; }
  ol li {
    display: block;
    margin-bottom: 0.5625rem;
    margin-left: 1.75rem; }
    ol li:before {
      display: inline-block;
      width: 1.75rem;
      margin-left: -1.75rem;
      content: counter(item);
      counter-increment: item;
      font-weight: 700;
      color: #ee3351; }

p {
  margin: 0.25rem 0; }
  p > .highlight {
    font-weight: 700; }

a {
  text-decoration: none;
  color: #444f51; }
  .no-touchdevice a:hover {
    color: #ee3351; }

i {
  line-height: 1; }

span {
  line-height: 1.2; }

img {
  display: block;
  max-width: 100%;
  border: 0; }

caption {
  line-height: 1; }

hr {
  margin: 1.25rem 0;
  padding: 0;
  height: 0.0625rem;
  background-color: #dadada;
  border: 0; }

h1.bold,
h2.bold,
h3.bold,
h4.bold,
.h1-alike.bold,
.h2-alike.bold,
.h3-alike.bold,
.h4-alike.bold,
p.bold,
a.bold,
li.bold {
  font-family: "Trade Gothic", Arial, sans-serif;
  font-weight: 700; }

h1.color-red,
h2.color-red,
h3.color-red,
h4.color-red,
.h1-alike.color-red,
.h2-alike.color-red,
.h3-alike.color-red,
.h4-alike.color-red,
p.color-red,
a.color-red,
li.color-red {
  color: #ee3351; }

h1.color-dark-red,
h2.color-dark-red,
h3.color-dark-red,
h4.color-dark-red,
.h1-alike.color-dark-red,
.h2-alike.color-dark-red,
.h3-alike.color-dark-red,
.h4-alike.color-dark-red,
p.color-dark-red,
a.color-dark-red,
li.color-dark-red {
  color: #aa1e1e; }

h1.color-white,
h2.color-white,
h3.color-white,
h4.color-white,
.h1-alike.color-white,
.h2-alike.color-white,
.h3-alike.color-white,
.h4-alike.color-white,
p.color-white,
a.color-white,
li.color-white {
  color: white; }

h1.color-lightgrey,
h2.color-lightgrey,
h3.color-lightgrey,
h4.color-lightgrey,
.h1-alike.color-lightgrey,
.h2-alike.color-lightgrey,
.h3-alike.color-lightgrey,
.h4-alike.color-lightgrey,
p.color-lightgrey,
a.color-lightgrey,
li.color-lightgrey {
  color: #dadada; }

h1.color-silver,
h2.color-silver,
h3.color-silver,
h4.color-silver,
.h1-alike.color-silver,
.h2-alike.color-silver,
.h3-alike.color-silver,
.h4-alike.color-silver,
p.color-silver,
a.color-silver,
li.color-silver {
  color: #999999; }

h1.text-centered,
h2.text-centered,
h3.text-centered,
h4.text-centered,
.h1-alike.text-centered,
.h2-alike.text-centered,
.h3-alike.text-centered,
.h4-alike.text-centered,
p.text-centered,
a.text-centered,
li.text-centered {
  text-align: center; }

h1.meteor-title.color-red:before,
h2.meteor-title.color-red:before,
h3.meteor-title.color-red:before,
h4.meteor-title.color-red:before,
.h1-alike.meteor-title.color-red:before,
.h2-alike.meteor-title.color-red:before,
.h3-alike.meteor-title.color-red:before,
.h4-alike.meteor-title.color-red:before,
p.meteor-title.color-red:before,
a.meteor-title.color-red:before,
li.meteor-title.color-red:before {
  background-color: #ee3351; }

h1.meteor-title.color-silver:before,
h2.meteor-title.color-silver:before,
h3.meteor-title.color-silver:before,
h4.meteor-title.color-silver:before,
.h1-alike.meteor-title.color-silver:before,
.h2-alike.meteor-title.color-silver:before,
.h3-alike.meteor-title.color-silver:before,
.h4-alike.meteor-title.color-silver:before,
p.meteor-title.color-silver:before,
a.meteor-title.color-silver:before,
li.meteor-title.color-silver:before {
  background-color: #999999; }

i,
.icon {
  position: relative;
  /* Edge/IE SVG Issue: Cover the button with a pseudo-element so the SVG can't be clicked */
  /* https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/7998724/ */
  /* http://stackoverflow.com/questions/35041903/ms-edge-cant-detect-delegated-events-for-use-svg-elements */ }
  i:after,
  .icon:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ""; }

input::-ms-clear,
textarea::-ms-clear {
  display: none; }

/* ==|====================
   Base / Forms
   ======================= */
.m-form .segmented-control .segmented-control__label, .m-form .checkbox-group__label {
  position: relative;
  color: #999999;
  text-transform: uppercase;
  letter-spacing: -0.01667em;
  font-weight: 800;
  font-size: 0.75rem; }

.m-form .text-area__error-message, .m-form .segmented-control__error-message, .m-form .checkbox-group__error-message, .m-form .dropdown__error-message, .m-form .text-field__error-message,
.m-form .date-field__error-message, .m-image-upload .error-message {
  display: inline-block;
  margin-top: 0.125rem;
  color: #ee3351;
  font-size: 0.875rem; }

@media only screen and (min-width: 64em) {
  .m-form .text-area__error-message, .m-form .segmented-control__error-message, .m-form .checkbox-group__error-message, .m-form .dropdown__error-message, .m-form .text-field__error-message,
  .m-form .date-field__error-message {
    bottom: 0.9375rem;
    right: 0;
    position: absolute; } }

.m-form input[type="text"],
.m-form input[type="date"],
.m-form input[type="tel"],
.m-form input[type="password"],
.m-form input[type="email"],
.m-form textarea {
  padding: 0;
  height: 3.125rem;
  outline: none;
  background-color: transparent;
  color: #444f51;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  .m-form input[type="text"]:disabled,
  .m-form input[type="date"]:disabled,
  .m-form input[type="tel"]:disabled,
  .m-form input[type="password"]:disabled,
  .m-form input[type="email"]:disabled,
  .m-form textarea:disabled {
    border-color: #dadada;
    color: #999999; }
    .m-form input[type="text"]:disabled:hover,
    .m-form input[type="date"]:disabled:hover,
    .m-form input[type="tel"]:disabled:hover,
    .m-form input[type="password"]:disabled:hover,
    .m-form input[type="email"]:disabled:hover,
    .m-form textarea:disabled:hover {
      border-color: #dadada; }
    .m-form input[type="text"]:disabled + label,
    .m-form input[type="date"]:disabled + label,
    .m-form input[type="tel"]:disabled + label,
    .m-form input[type="password"]:disabled + label,
    .m-form input[type="email"]:disabled + label,
    .m-form textarea:disabled + label {
      color: #dadada; }

.m-form .text-area {
  position: relative;
  margin-bottom: 1.375rem; }

.m-form [data-accordion-content] .text-area {
  padding: 0 0.0625rem; }

.m-form hr {
  height: 1px;
  border: 0;
  background-color: #dadada;
  color: #dadada; }

.m-form textarea {
  padding: 0.875rem 1.125rem;
  height: 5.625rem;
  border: 1px solid #dadada;
  resize: vertical; }
  .has-error .m-form textarea {
    right: 1.25rem;
    border-color: #ee3351; }
    .has-error .m-form textarea:hover {
      border-color: #ee3351; }

.m-form .text-area__error-message {
  top: 3.625rem;
  right: 1.25rem; }

.m-form .segmented-control {
  position: relative;
  padding-bottom: 1.625rem;
  overflow: hidden; }
  .m-form .segmented-control:after {
    display: table;
    clear: both;
    content: ""; }
  .m-form .segmented-control input {
    display: block;
    position: absolute;
    left: -1.875rem; }
    .m-form .segmented-control input:checked + label {
      border: 1px solid #444f51;
      background: #444f51;
      color: white; }
    .m-form .segmented-control input:disabled + label {
      color: #dadada;
      border-color: #dadada; }
      .m-form .segmented-control input:disabled + label:first-of-type {
        border-right: 1px solid transparent; }
    [data-whatinput="keyboard"] .m-form .segmented-control input:focus + label {
      box-shadow: inset 0 0 0 1px #666f71;
      border-color: #444f51; }
    [data-whatinput="keyboard"] .m-form .segmented-control input:focus:checked + label {
      box-shadow: inset 0 0 0 1px white;
      border-color: #444f51; }
  .m-form .segmented-control label {
    position: relative;
    top: 0;
    display: block;
    float: left;
    padding: 0.9375rem;
    width: 50%;
    border: 1px solid #dadada;
    text-align: center;
    text-transform: none;
    font-size: 1.125rem;
    transition: background .2s ease, border .5s ease; }
    .m-form .segmented-control label:first-of-type {
      border-right: 1px solid transparent; }
      .m-form .segmented-control label:first-of-type:hover {
        border-right: 1px solid transparent; }
    .m-form .segmented-control label:hover {
      border: 1px solid #444f51; }
      .m-form .segmented-control label:hover ~ label {
        border-left: 1px solid #444f51; }
        .is-disabled .m-form .segmented-control label:hover ~ label {
          border-left: 1px solid transparent; }
  .m-form .segmented-control.is-disabled label:hover ~ label {
    border-left: 1px solid #dadada; }
  .m-form .segmented-control.is-disabled .segmented-control__label {
    color: #dadada; }
  .m-form .segmented-control .segmented-control__label {
    margin-bottom: 0.3125rem; }

@media only screen and (min-width: 64em) {
  .m-form .segmented-control__error-message {
    bottom: 0; } }

.m-form .checkbox-group {
  margin-bottom: 1.625rem; }
  .m-form .checkbox-group label:hover:before {
    border-color: #444f51; }

.m-form .checkbox-group__error-message {
  bottom: 0.75rem; }

.m-form .checkbox-group__label {
  margin-bottom: 1.25rem; }

.m-form [type="checkbox"] {
  position: absolute;
  left: -625rem; }
  .m-form [type="checkbox"] + label {
    position: relative;
    top: 0;
    padding: 0.25rem 0 0 3.125rem;
    transition: color .3s ease;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .m-form [type="checkbox"] + label:before {
      position: absolute;
      top: 0;
      left: 0;
      width: 1.875rem;
      height: 1.875rem;
      border: 1px solid #dadada;
      content: "";
      transition: border .5s ease, box-shadow .5s ease; }
  [data-whatinput="keyboard"] .m-form [type="checkbox"]:focus + label:before {
    box-shadow: inset 0 0 0 1px #666f71;
    border-color: #444f51; }
  .m-form [type="checkbox"]:checked + label {
    color: #444f51; }
    .m-form [type="checkbox"]:checked + label:before {
      border-color: #444f51;
      background: url("../assets/svg/checkmark-darkgrey.svg") no-repeat;
      background-position: center center;
      background-size: 0.8125rem 0.8125rem; }
  .m-form [type="checkbox"]:hover + label {
    border-color: #444f51; }

.m-form .checkbox {
  position: relative;
  margin-bottom: 0.625rem; }

.m-form .dropdown {
  position: relative;
  margin-bottom: 1.375rem; }
  .m-form .dropdown.has-error select {
    border-bottom-color: #ee3351; }

.m-form .dropdown__error-message {
  right: 1.75rem; }

.m-form .dropdown--has-placeholder {
  color: #999999; }
  .m-form .dropdown--has-placeholder.is-selected {
    color: #444f51; }

@media only screen and (min-width: 64em) {
  .m-form .text-field.is-small .text-field__error-message {
    bottom: initial;
    right: initial;
    top: 100%;
    left: 0;
    white-space: nowrap; } }

.m-form select {
  padding: 0.5625rem 0 0.5rem;
  width: 100%;
  outline-color: #444f51;
  border: 0;
  border-bottom: 1px solid #b3b3b3;
  border-radius: 0;
  background: url("../assets/svg/angle-down-silver.svg") no-repeat;
  background-position: center right;
  background-size: 1.0625rem 1.0625rem;
  color: #444f51;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  .m-form select::-ms-expand {
    display: none; }
  .m-form select.is-selected {
    border-bottom: 1px solid #444f51; }

.m-form .date-field .datepicker {
  position: absolute;
  top: 0.875rem;
  right: 0;
  background-image: url("../assets/svg/calendar-silver.svg");
  background-repeat: no-repeat;
  background-position: bottom 15px right;
  background-size: 1.0625rem 1.0625rem; }
  .touchdevice .m-form .date-field .datepicker {
    left: 0; }
  .m-form .date-field .datepicker input {
    width: 2.75rem;
    color: transparent;
    opacity: 0;
    cursor: pointer; }
    .m-form .date-field .datepicker input:focus {
      text-indent: -624.9375rem; }
    .touchdevice .m-form .date-field .datepicker input {
      width: 100%; }

.m-form .date-field .date-field__error-message {
  right: 1.75rem; }

.m-form .date-field .calendar {
  top: 3.0625rem;
  right: 0.125rem; }
  .touchdevice .m-form .date-field .calendar {
    left: 0.125rem;
    width: initial; }

.m-form .date-field .calendar header {
  padding: 0.75rem 0; }

.m-form .date-field .calendar .cell:not(.blank):not(.disabled).day:hover, .m-form .date-field .calendar .cell:not(.blank):not(.disabled).month:hover, .m-form .date-field .calendar .cell:not(.blank):not(.disabled).year:hover {
  border-color: #ee3351; }

.m-form .date-field .calendar .cell.selected, .m-form .date-field .calendar .cell.selected.highlighted, .m-form .date-field .calendar .cell.selected:hover {
  background-color: #ee3351;
  color: white; }

.m-form .date-field .datepicker-placeholder {
  display: none;
  background-image: url("../assets/svg/calendar-lightgrey.svg");
  width: 2.75rem;
  height: 3.125rem; }
  .m-form .date-field .datepicker-placeholder input {
    cursor: initial; }

.m-form .date-field.is-disabled .datepicker {
  display: none; }

.m-form .date-field.is-disabled .datepicker-placeholder {
  display: block; }

.color-red {
  color: #aa1e1e; }

.color-pop-red {
  color: #ee3351; }

.color-black {
  color: #1d2223; }

.styleguide__color-block {
  width: 100px;
  height: 100px;
  border-radius: 0.125rem; }
  .styleguide__color-block.color-black {
    background-color: #1d2223; }
  .styleguide__color-block.color-white {
    border: 1px solid #1d2223;
    background-color: white; }
  .styleguide__color-block.color-darkgrey {
    background-color: #444f51; }
  .styleguide__color-block.color-lightanthracite {
    background-color: #7a8284; }
  .styleguide__color-block.color-anthracite {
    background-color: #666f71; }
  .styleguide__color-block.color-ds-silver {
    background-color: #999999; }
  .styleguide__color-block.color-lightgrey {
    background-color: #dadada; }
  .styleguide__color-block.color-ds-red {
    background-color: #aa1e1e; }
  .styleguide__color-block.color-ds-red-mark {
    background-color: #881818; }
  .styleguide__color-block.color-pop-red {
    background-color: #ee3351; }
  .styleguide__color-block.color-pop-red-mark {
    background-color: #f15b73; }
  .styleguide__color-block.color-pop-lightred {
    background-color: #ff3370; }
  .styleguide__color-block.color-pop-lightred-mark {
    background-color: #ff7b8c; }
  .styleguide__color-block.color-ds-blue {
    background-color: #3f607b; }
  .styleguide__color-block.color-ds-blue-mark {
    background-color: #284862; }
  .styleguide__color-block.color-pop-blue {
    background-color: #4294d7; }
  .styleguide__color-block.color-pop-lightblue {
    background-color: #67b3f1; }

.styleguide__color-label {
  display: block;
  margin-bottom: 0.625rem; }

/* ==|====================
   Layout / Pagewrapper
   ======================= */
.l-pagewrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow: hidden;
  margin-top: 0;
  min-height: 100%;
  width: 100%; }

/* ==|====================
   Layout / Main
   ======================= */
.l-main {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  min-height: 200%;
  width: 100%;
  margin-top: 5rem;
  padding-top: 0;
  transition: margin-top 230ms linear;
  -ms-flex-direction: column;
      flex-direction: column; }
  @media only screen and (min-width: 48em) {
    .l-main {
      margin-top: 10rem;
      padding-top: 0.4vw;
      -ms-flex-direction: row;
          flex-direction: row; } }
  @media only screen and (min-width: 64em) {
    .l-main {
      padding-top: 0.4vw; } }

/* ==|====================
   Layout / Pagewrapper
   ======================= */
.l-sidebar {
  width: 100%;
  -ms-flex-align: stretch;
      align-items: stretch; }
  @media only screen and (min-width: 48em) {
    .l-sidebar {
      -ms-flex: 0 0 18%;
          flex: 0 0 18%;
      min-width: 16.25rem;
      max-width: 31.25rem; } }
  .l-sidebar.is-right {
    -ms-flex-order: 1;
        order: 1; }
  .l-sidebar.is-shopping-cart {
    display: none;
    -ms-flex-preferred-size: 21.0625rem;
        flex-basis: 21.0625rem; }
    @media only screen and (min-width: 64em) {
      .l-sidebar.is-shopping-cart {
        display: -ms-flexbox;
        display: flex; } }

/* ==|====================
   Layout / Content
   ======================= */
.l-content {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  background-color: white;
  max-width: 100%; }
  .ie .l-content {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto; }
    @media only screen and (min-width: 48em) {
      .ie .l-content {
        -ms-flex: 1;
            flex: 1; } }

/* ==|====================
   Modules / M1.1 Desktop Navigation
   ======================= */
.m-desktopnav {
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  height: 5em;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: white;
  transition: height 230ms linear;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  /* flyout backgrounds */ }
  @media only screen and (min-width: 48em) {
    .navigation--small .m-desktopnav {
      height: 5rem; } }
  @media only screen and (min-width: 48em) {
    .m-desktopnav {
      height: 10em;
      border-bottom: 1px solid #e9e9e9; } }
  .m-desktopnav .navcol {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    -ms-flex-order: 0;
        order: 0;
    -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
        align-self: auto; }
    .m-desktopnav .navcol.navcol--fixed {
      display: -ms-flexbox;
      display: flex;
      position: relative;
      width: auto;
      -ms-flex: 0 1 9rem;
          flex: 0 1 9rem;
      height: 100%;
      -ms-flex-pack: end;
          justify-content: flex-end;
      -ms-flex-align: center;
          align-items: center; }
      @media only screen and (min-width: 48em) {
        .ie .m-desktopnav .navcol.navcol--fixed {
          display: table;
          width: 9rem;
          -ms-flex: initial;
              flex: initial; } }
      @media only screen and (min-width: 48em) {
        .m-desktopnav .navcol.navcol--fixed {
          border-left: 1px solid #e9e9e9;
          height: calc(100% + 1px); } }
  @media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 0) {
    .m-desktopnav .navcol.navcol--fixed {
      display: table;
      width: 9rem;
      -ms-flex: initial;
          flex: initial; } }
    .m-desktopnav .navcol.navcol--elastic {
      display: -ms-flexbox;
      display: flex;
      position: relative;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
      -ms-flex-align: center;
          align-items: center;
      min-width: 6.25em; }
      @media only screen and (min-width: 48em) {
        .m-desktopnav .navcol.navcol--elastic {
          -ms-flex-pack: center;
              justify-content: center; } }
  .m-desktopnav .desktopmeta {
    display: none; }
    @media only screen and (min-width: 48em) {
      .m-desktopnav .desktopmeta {
        display: table-cell;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        transition: height 230ms linear, background-color 140ms linear;
        padding-left: 0.5rem;
        padding-right: 0.3125rem; } }
  .m-desktopnav .menu-trigger {
    display: block;
    position: relative;
    width: 2.75rem;
    height: 2.75rem;
    margin-right: 1.25rem; }
    @media only screen and (min-width: 48em) {
      .m-desktopnav .menu-trigger {
        display: none; } }
    .m-desktopnav .menu-trigger .icon-burger {
      position: absolute;
      top: 50%;
      right: 0;
      width: 1.3125rem;
      height: 1.3125rem;
      transform: translateY(-50%); }
  .m-desktopnav .logo {
    position: relative;
    left: 1.25rem;
    width: 12.5rem;
    height: 1.375rem; }
    @media only screen and (min-width: 48em) {
      .m-desktopnav .logo {
        left: auto;
        width: 15.75rem; } }
  .m-desktopnav .logo--large {
    display: block;
    height: 2rem;
    top: 0.125rem; }
    @media (min-width: 48em) and (max-width: 63.9375em) {
      .m-desktopnav .logo--large {
        display: none; } }
  .m-desktopnav .logo--small {
    display: none;
    width: 4.6875rem;
    height: 3.5625rem; }
    @media (min-width: 48em) and (max-width: 63.9375em) {
      .m-desktopnav .logo--small {
        display: block; } }
  .m-desktopnav .desktopnav__item .desktopnav__flyout {
    background-image: url("../assets/images/_dev/subnav/navi_bg1.jpg"); }
  .m-desktopnav .desktopnav__item:nth-child(1) .desktopnav__flyout {
    background-image: url("../assets/images/_dev/subnav/navi_bg1.jpg"); }
  .m-desktopnav .desktopnav__item:nth-child(2) .desktopnav__flyout {
    background-image: url("../assets/images/_dev/subnav/navi_bg2.jpg"); }
  .m-desktopnav .desktopnav__item:nth-child(3) .desktopnav__flyout {
    background-image: url("../assets/images/_dev/subnav/navi_bg1.jpg"); }
  .m-desktopnav .desktopnav__item:nth-child(4) .desktopnav__flyout {
    background-image: url("../assets/images/_dev/subnav/navi_bg2.jpg"); }

/* ==|====================
   Modules / M1.2 Mobile Navigation
   ======================= */
.m-mobilenav {
  display: none;
  position: fixed;
  z-index: 100;
  left: 0;
  width: 100%;
  height: 100%; }
  .m-mobilenav.is-ready {
    display: block; }
    @media only screen and (min-width: 48em) {
      .m-mobilenav.is-ready {
        display: none; } }
  .m-mobilenav.mobilenav--pushed {
    width: 100%; }

.is-rtl .mobilenav {
  transform: translate3d(100%, 0, 0); }
  .is-rtl .mobilenav.mobilenav__overlaycover .mobilenav__level.is-open > ul > li > .mobilenav__level:not(.is-open) {
    transform: translate3d(100%, 0, 0); }

.is-rtl .mobilenav__level {
  transform: translate3d(100%, 0, 0); }

.mobilenav {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translate3d(-100%, 0, 0);
  /* first level animation */
  /* type style */ }
  .mobilenav > .mobilenav__level {
    box-shadow: none;
    transform: translate3d(0, 0, 0); }
    .mobilenav > .mobilenav__level.is-open {
      box-shadow: none;
      transform: translate3d(0, 0, 0); }
  .mobilenav ul {
    overflow-y: auto;
    height: calc(100% - 80px);
    margin: 0;
    padding: 0;
    list-style: none; }
    .mobilenav ul li::before {
      position: absolute;
      z-index: -1;
      left: 0.625rem;
      line-height: 3.5;
      color: rgba(0, 0, 0, 0.2); }
    .mobilenav ul li > a,
    .mobilenav ul li > label,
    .mobilenav ul li > .itemwrap,
    .mobilenav ul li > .itemwrap > a {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      height: 5rem;
      padding: 0 1.5625rem;
      border-bottom: 2px solid #33393a;
      text-align: center;
      text-transform: uppercase;
      color: white;
      outline: none;
      box-shadow: inset 0 0 14px -5px rgba(0, 0, 0, 0.75);
      transition: background-color .3s, box-shadow .3s; }
      .mobilenav ul li > a > span,
      .mobilenav ul li > a a > span,
      .mobilenav ul li > label > span,
      .mobilenav ul li > label a > span,
      .mobilenav ul li > .itemwrap > span,
      .mobilenav ul li > .itemwrap a > span,
      .mobilenav ul li > .itemwrap > a > span,
      .mobilenav ul li > .itemwrap > a a > span {
        display: block;
        top: 50%; }
    .mobilenav ul li > .itemwrap > a {
      border: 0;
      box-shadow: none;
      transition: none; }
    .mobilenav ul li .mobilenav__meta {
      padding-top: 1rem;
      padding-bottom: 1rem;
      border-bottom: 2px solid #33393a; }
      .mobilenav ul li .mobilenav__meta > li > a,
      .mobilenav ul li .mobilenav__meta > li > label,
      .mobilenav ul li .mobilenav__meta > li > .itemwrap {
        height: 3.125rem;
        padding: 0.625rem 1.5625rem;
        border-bottom: 0;
        box-shadow: none; }
        .mobilenav ul li .mobilenav__meta > li > a > span,
        .mobilenav ul li .mobilenav__meta > li > label > span,
        .mobilenav ul li .mobilenav__meta > li > .itemwrap > span {
          font-size: 0.8125em; }
  .mobilenav.mobilenav__overlaycover .mobilenav__level.is-open {
    transform: translate3d(0, 0, 0); }
    .mobilenav.mobilenav__overlaycover .mobilenav__level.is-open > ul > li > .mobilenav__level:not(.is-open) {
      transform: translate3d(-100%, 0, 0); }

.mobilenav__header {
  display: block;
  width: 100%;
  height: 5rem;
  background-color: #4a4f52; }
  .mobilenav__header .logo {
    display: block;
    position: relative;
    top: 50%;
    left: 0.75rem;
    width: 11.25rem;
    height: 1.25rem;
    transform: translateY(-50%); }
    @media only screen and (min-width: 23.4375em) {
      .mobilenav__header .logo {
        left: 1.5625rem; } }

.mobilenav__back {
  position: absolute;
  top: 2.5rem;
  left: 0.75rem;
  width: 2.75rem;
  height: 2.75rem;
  transform: translateY(-50%); }
  @media only screen and (min-width: 23.4375em) {
    .mobilenav__back {
      left: 1.5625rem; } }
  .mobilenav__back .icon {
    position: absolute;
    top: 50%;
    left: 0;
    width: 1.25rem;
    height: 1.25rem;
    transform: translateY(-50%);
    fill: white; }

.mobilenav__close {
  position: absolute;
  top: 2.5rem;
  right: 0.75rem;
  width: 2.75rem;
  height: 2.75rem;
  cursor: pointer;
  transform: translateY(-50%); }
  @media only screen and (min-width: 23.4375em) {
    .mobilenav__close {
      right: 1.5625rem; } }
  .mobilenav__close .icon {
    position: absolute;
    top: 50%;
    right: 0;
    width: 1.25rem;
    height: 1.25rem;
    transform: translateY(-50%);
    fill: white; }

.mobilenav__headerlabel {
  display: block;
  position: relative;
  top: 50%;
  padding: 0 5rem;
  text-align: center;
  color: white;
  transform: translateY(-50%); }

.mobilenav__logo {
  display: block;
  position: relative;
  top: 50%;
  left: 1.5625rem;
  width: 120px;
  height: 50px;
  padding-left: 0;
  color: white;
  transform: translateY(-50%); }

.mobilenav__level {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1d2223;
  transform: translate3d(-100%, 0, 0);
  -webkit-overflow-scrolling: auto; }
  .mobilenav__level.is-active.is-open > ul {
    -webkit-overflow-scrolling: touch; }
  .mobilenav__level::after {
    z-index: -1; }
  .mobilenav__level.mobilenav__level-overlay {
    cursor: pointer; }
    .mobilenav__level.mobilenav__level-overlay.mobilenav__level::before {
      width: 100%;
      height: 100%;
      opacity: 1;
      background-color: transparent; }

.mobilenav__levelwrapper {
  overflow-y: auto;
  height: calc(100% - 80px);
  padding: 1em 1.5625rem; }

/* first level only fallback for legacy browser */
.no-csstransforms3d .mobilenav,
.no-js .mobilenav {
  padding-left: 100%; }

.no-csstransforms3d .mobilenav .mobilenav__level,
.no-js .mobilenav .mobilenav__level {
  display: none; }

.no-csstransforms3d .mobilenav > .mobilenav__level,
.no-js .mobilenav > .mobilenav__level {
  display: block; }

/* ==|====================
   Modules / M02 Footer
   ======================= */
.footer {
  position: relative;
  z-index: 2;
  overflow: hidden;
  padding: 2.5rem 2.5rem 1.5625rem;
  width: 100%;
  background-color: #1d2223; }
  @media only screen and (min-width: 23.4375em) {
    .footer {
      padding: 3.375rem 2.5rem 1.5625rem; } }
  @media only screen and (min-width: 48em) {
    .footer {
      display: -ms-flexbox;
      display: flex;
      padding: 3.375rem 3.125rem 1.5625rem; } }
  @media only screen and (min-width: 64em) {
    .footer {
      padding: 3.375rem 7.1875rem 1.5625rem; } }
  .footer:after {
    position: absolute;
    bottom: -0.9375rem;
    left: 0;
    z-index: -1;
    display: inline-block;
    width: 100%;
    height: 12.5rem;
    background-color: white;
    content: "";
    opacity: .1;
    transform: skewY(-4deg); }
    @media only screen and (min-width: 48em) {
      .footer:after {
        top: 216px;
        bottom: auto; } }
  .footer a {
    padding: 0.3125rem 0;
    color: white;
    transition: color 0.2s ease; }
    .no-touchdevice .footer a:hover {
      color: #ee3351; }
  .footer ul {
    padding: 0; }
  .footer li {
    height: 2.5rem;
    list-style-type: none; }
  .footer .ds-logo {
    position: absolute;
    left: 0; }
    @media only screen and (min-width: 48em) {
      .footer .ds-logo {
        left: auto;
        bottom: 0;
        right: 0; } }

.footer__link-box {
  width: 100%; }
  @media only screen and (min-width: 23.4375em) {
    .footer__link-box {
      display: -ms-flexbox;
      display: flex; } }
  @media only screen and (min-width: 48em) {
    .footer__link-box {
      -ms-flex: 1;
          flex: 1; } }

.footer__logo-box {
  position: relative;
  margin: 4.375rem 0 0;
  min-height: 2.5rem;
  width: 100%; }
  @media only screen and (min-width: 23.4375em) {
    .footer__logo-box {
      margin: 2.5rem 0 0; } }
  @media only screen and (min-width: 48em) {
    .footer__logo-box {
      -ms-flex: 1;
          flex: 1;
      margin: 1.25rem 0; } }
  .footer__logo-box .logo {
    width: 15rem; }

.footer__first-column {
  width: 100%;
  margin-bottom: 2.5rem; }
  @media only screen {
    .footer__first-column {
      -ms-flex: 1;
          flex: 1; } }
  @media only screen and (min-width: 23.4375em) {
    .footer__first-column {
      margin-bottom: 0; } }

.footer__second-column {
  padding-top: 1.25rem; }
  @media only screen {
    .footer__second-column {
      padding-top: 0;
      -ms-flex: 1;
          flex: 1; } }
  @media only screen and (min-width: 87.5em) {
    .footer__second-column {
      -ms-flex: 2;
          flex: 2; } }
  @media only screen and (min-width: 120em) {
    .footer__second-column {
      -ms-flex: 3;
          flex: 3; } }

.footer__title {
  color: white;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 1rem; }

.footer__link {
  display: inline-block;
  height: 100%;
  letter-spacing: -0.0125em;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.5; }

.m-header-teasers {
  overflow: hidden; }
  @media only screen and (min-width: 64em) {
    .m-header-teasers {
      height: 31.25rem; } }
  .m-header-teasers.has-spacing {
    margin-bottom: 3rem; }

/* ==|====================
   Modules / M4.1 Content Teaser
   ======================= */
.m-content-teasers {
  overflow: hidden; }
  @media only screen and (min-width: 64em) {
    .m-content-teasers .flex-container {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row; } }

.content-teaser {
  margin-bottom: 5rem;
  padding-bottom: 2.5rem;
  width: 100%; }
  @media only screen and (min-width: 48em) and (max-width: 63.9375em) {
    .content-teaser {
      margin-bottom: 5rem;
      padding-bottom: 0;
      -ms-flex-direction: row;
          flex-direction: row;
      display: -ms-flexbox;
      display: flex; }
      .content-teaser .button {
        position: relative;
        margin-top: 0;
        transform: translate(-50%, 50%) skewY(-4deg); } }

@media only screen and (min-width: 48em) and (max-width: 63.9375em) {
  .content-teaser__content {
    position: relative;
    height: auto;
    -ms-flex: 1;
        flex: 1; } }

.content-teaser__image {
  opacity: 0;
  transition: opacity 0.5s ease; }
  .content-teaser__image.covermode, .content-teaser__image.no-covermode {
    opacity: 1; }
  @media only screen and (min-width: 48em) and (max-width: 63.9375em) {
    .content-teaser__image {
      height: auto;
      -ms-flex: 1;
          flex: 1; } }

.content-teaser__copy p {
  line-height: 1.44; }

/* ==|====================
   Modules / M4.3 Teaser Live Ticker
   ======================= */
.m-teaser-live-ticker {
  overflow: hidden;
  height: 28.75rem; }
  .m-teaser-live-ticker .live-ticker-container {
    position: absolute;
    overflow: hidden;
    padding: 2.375rem 0.625rem 0.625rem;
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
    -ms-flex-direction: column;
        flex-direction: column;
    height: 100%;
    width: 100%;
    min-height: 100%;
    background-color: rgba(12, 57, 95, 0.85); }
    .m-teaser-live-ticker .live-ticker-container .live-ticker {
      margin-top: 0.875rem;
      -ms-flex: 1 0 1%;
          flex: 1 0 1%;
      overflow: hidden; }
  @media only screen and (min-width: 64em) {
    .m-teaser-live-ticker {
      height: 100%;
      min-height: 100%; }
      .m-teaser-live-ticker .live-ticker-container {
        position: relative;
        padding: 3.4375rem 1.25rem 1.25rem; }
        .m-teaser-live-ticker .live-ticker-container .live-ticker {
          margin-top: 1.9375rem; } }

/* ==|====================
   Modules / M6 myDS Quickview
   ======================= */
.m-myds-quickview .headline {
  padding-top: 2.5rem;
  padding-bottom: 0.625rem; }
  .m-myds-quickview .headline p {
    margin-top: 0; }

.m-myds-quickview .padder {
  padding: 1rem 0 0; }

.m-myds-quickview .title {
  display: block;
  font-weight: bold;
  font-size: 0.75rem;
  padding: 0.5rem 1rem 0.4375rem;
  text-transform: uppercase; }

@media only screen and (min-width: 48em) {
  .m-myds-quickview .headline {
    padding-top: 2.8125rem;
    padding-bottom: 0.1875rem; }
  .m-myds-quickview .padder {
    padding: 1rem 0 0.875rem 3.75rem; }
  .m-myds-quickview .title {
    font-size: 1rem;
    padding: 0.875rem 1rem 0.375rem; }
  .m-myds-quickview .eventlistitem-accordion .accordion__content {
    padding: 0; } }

@media only screen and (min-width: 64em) {
  .m-myds-quickview .padder {
    padding-left: 5rem; } }

/* ==|====================
   Modules / M7 Calendar
   ======================= */
.m-calendar {
  width: 100%;
  margin-bottom: 64px; }
  .m-calendar:before {
    content: "";
    background: url("../assets/images/tile-ratio.png") no-repeat -9999px -9999px; }
  .m-calendar .color-border {
    background-color: #ee3351;
    height: 0.375rem;
    width: 100%; }
  .m-calendar .calendarloader {
    width: 100%;
    height: 400px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }
    .m-calendar .calendarloader img {
      display: block;
      width: 4rem; }
      @media only screen and (min-width: 48em) {
        .m-calendar .calendarloader img {
          width: 8rem; } }
      @media only screen and (min-width: 64em) {
        .m-calendar .calendarloader img {
          width: 10.75rem; } }
      @media only screen and (min-width: 87.5em) {
        .m-calendar .calendarloader img {
          width: 14.0625rem; } }
  .m-calendar .linebtn.loadnext.is-active i, .m-calendar .linebtn.loadprev.is-active i {
    animation-name: spin;
    animation-duration: 460ms;
    animation-iteration-count: 1;
    animation-timing-function: linear; }

@keyframes spin {
  from {
    transform: translateY(-50%) rotate(0deg); }
  to {
    transform: translateY(-50%) rotate(360deg); } }
  .m-calendar .calendar-trigger {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: -1px;
    width: 100%; }
    @media only screen and (min-width: 48em) {
      .m-calendar .calendar-trigger {
        display: none; } }
  .m-calendar .noresultcal {
    height: 200px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    font-weight: 700;
    text-transform: uppercase; }
  .m-calendar.no-filter .filterbar,
  .m-calendar.no-filter .calendar-trigger,
  .m-calendar.no-filter .tagcloud {
    display: none; }

.m-calendar__footer {
  text-align: center; }

/* ==|====================
   Modules / M1.2 Mobile Navigation
   ======================= */
.ios10 .m-calendarnav .mobilenav__level.is-active.is-open > ul {
  -webkit-overflow-scrolling: auto; }

.m-calendarnav .mobilenav ul {
  overflow-y: auto;
  height: calc(100% - 140px);
  margin: 0;
  padding: 0;
  list-style: none; }

.m-calendarnav .mobilenav__headerlabel {
  text-align: left;
  padding: 0 4.375rem; }

.m-calendarnav .icon-filter {
  fill: white; }

.m-calendarnav [data-item][data-root] a > .indicatorbox {
  visibility: hidden; }

.m-calendarnav [data-item][data-root].is-sublevel a > .indicatorbox {
  display: block;
  visibility: visible;
  border: 1px solid white;
  background-image: url("../assets/svg/checked-light-point.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: .5rem .5rem; }

.m-calendarnav [data-item][data-second] label span {
  font-weight: 400; }

.m-calendarnav [data-item][data-second].is-checked label > .indicatorbox {
  border: 1px solid white;
  background-image: url("../assets/svg/checked-light.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%; }

.m-calendarnav [data-item][data-second][data-title] label > .indicatorbox {
  visibility: hidden; }

.m-calendarnav [data-item][data-second][data-title] label span {
  font-weight: 700; }

.m-calendarnav [data-item] > .itemwrap > a {
  width: 100%; }

.m-calendarnav [data-item] > .itemwrap span {
  font-weight: 400; }

.m-calendarnav [data-item].is-sublevel > .itemwrap > .indicatorbox {
  border: 1px solid white;
  background-image: url("../assets/svg/checked-light-point.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: .5rem .5rem; }

.m-calendarnav [data-item].is-checked > .itemwrap > .indicatorbox {
  border: 1px solid white;
  background-image: url("../assets/svg/checked-light.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%; }

.m-calendarnav .showevents {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
  height: 3.75rem;
  cursor: pointer;
  background-color: #ee3351; }
  .m-calendarnav .showevents > span {
    color: white; }

.m-calendarnav .indicatorbox {
  display: block;
  visibility: visible;
  top: auto;
  left: 1rem;
  width: 1.875rem;
  height: 1.875rem;
  border: 1px solid #444f51;
  cursor: pointer; }
  .m-calendarnav .indicatorbox + span {
    padding-left: 20px; }

.m-calendarnav ul li > .itemwrap,
.m-calendarnav ul li > .itemwrap > a,
.m-calendarnav ul li > a,
.m-calendarnav ul li > label {
  -ms-flex-pack: start;
      justify-content: flex-start;
  padding-left: 20px; }

.m-calendarnav .fullclick {
  cursor: pointer; }

/* ==|====================
   Modules / M08 Toplist Online Registration
   ======================= */
.m-toplist-online-registration {
  margin-bottom: 4rem;
  overflow: hidden; }
  .m-toplist-online-registration .m-toplist-online-registration__wrapper {
    float: left;
    width: 100%; }
  .m-toplist-online-registration .calendarTile .calendarTile__stage {
    position: relative;
    height: 12.5rem; }
    @media (min-width: 187.5rem) {
      .m-toplist-online-registration .calendarTile .calendarTile__stage {
        height: 15rem; } }
  .m-toplist-online-registration .calendarTile .calendarTile__detailcontainer {
    overflow: hidden;
    width: 100vw;
    display: block;
    opacity: 0;
    max-height: 0;
    transition: opacity .5s ease, max-height .5s ease; }
  .m-toplist-online-registration .calendarTile .calendarTile__close {
    top: 65%; }
  .m-toplist-online-registration .calendarTile:not(.calendarTile--cover) .calendarTile__stage {
    background-color: #4294d7; }
    .m-toplist-online-registration .calendarTile:not(.calendarTile--cover) .calendarTile__stage .calendarTile__stageheader,
    .m-toplist-online-registration .calendarTile:not(.calendarTile--cover) .calendarTile__stage .calendarTile__stageinfo {
      display: -ms-flexbox;
      display: flex;
      -ms-flex: .5 0 auto;
          flex: .5 0 auto;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-order: 0;
          order: 0;
      -ms-flex-item-align: auto;
          align-self: auto;
      padding: 0; }
    .m-toplist-online-registration .calendarTile:not(.calendarTile--cover) .calendarTile__stage .calendarTile__stagecenter {
      padding-top: 0;
      padding-bottom: 0; }
      .m-toplist-online-registration .calendarTile:not(.calendarTile--cover) .calendarTile__stage .calendarTile__stagecenter .calendarTile__title {
        margin-bottom: 0; }
    .m-toplist-online-registration .calendarTile:not(.calendarTile--cover) .calendarTile__stage .calendarTile__stagefooter a {
      transition: color 0.2s ease; }
      .m-toplist-online-registration .calendarTile:not(.calendarTile--cover) .calendarTile__stage .calendarTile__stagefooter a:hover, .m-toplist-online-registration .calendarTile:not(.calendarTile--cover) .calendarTile__stage .calendarTile__stagefooter a:focus, .m-toplist-online-registration .calendarTile:not(.calendarTile--cover) .calendarTile__stage .calendarTile__stagefooter aactive {
        color: #67b3f1; }
        .m-toplist-online-registration .calendarTile:not(.calendarTile--cover) .calendarTile__stage .calendarTile__stagefooter a:hover svg, .m-toplist-online-registration .calendarTile:not(.calendarTile--cover) .calendarTile__stage .calendarTile__stagefooter a:focus svg, .m-toplist-online-registration .calendarTile:not(.calendarTile--cover) .calendarTile__stage .calendarTile__stagefooter aactive svg {
          fill: #67b3f1; }
    .m-toplist-online-registration .calendarTile:not(.calendarTile--cover) .calendarTile__stage .calendarTile__stagefooter .calendarTile__stagefooterwrap {
      height: 50%; }
    .m-toplist-online-registration .calendarTile:not(.calendarTile--cover) .calendarTile__stage .calendarTile__stagefooter .calendarTile__footerbg {
      transform: skewY(0deg);
      background-color: transparent; }
  .m-toplist-online-registration .calendarTile:not(.calendarTile--cover):not(.is-open):hover .calendarTile__stage {
    background-color: #3f607b; }
  .m-toplist-online-registration .calendarTile:not(.calendarTile--cover):not(.is-open):hover .calendarTile__stagefooter .calendarTile__footerbg {
    background-color: #284862; }
  @media screen and (max-width: 35.4em) {
    .m-toplist-online-registration .calendarTile:nth-child(4n+2) .calendarTile__stage, .m-toplist-online-registration .calendarTile:nth-child(4n+3) .calendarTile__stage {
      background: #67b3f1; }
    .m-toplist-online-registration .calendarTile:nth-child(2n+1) {
      clear: left; }
    .m-toplist-online-registration .calendarTile:nth-child(2n) .calendarTile__detailcontainer {
      left: -100%; } }
  @media screen and (min-width: 35.5em) and (max-width: 53.74em) {
    .m-toplist-online-registration .calendarTile:nth-child(even) .calendarTile__stage {
      background: #67b3f1; }
    .m-toplist-online-registration .calendarTile:nth-child(3n+1) {
      clear: left; }
    .m-toplist-online-registration .calendarTile:nth-child(3n-1) .calendarTile__detailcontainer {
      left: -100%; }
    .m-toplist-online-registration .calendarTile:nth-child(3n) .calendarTile__detailcontainer {
      left: -200%; } }
  @media screen and (min-width: 53.75em) and (max-width: 70.4375em) {
    .m-toplist-online-registration .calendarTile:nth-child(8n+2) .calendarTile__stage, .m-toplist-online-registration .calendarTile:nth-child(8n+4) .calendarTile__stage, .m-toplist-online-registration .calendarTile:nth-child(8n-1) .calendarTile__stage, .m-toplist-online-registration .calendarTile:nth-child(8n-3) .calendarTile__stage {
      background: #67b3f1; }
    .m-toplist-online-registration .calendarTile:nth-child(4n+1) {
      clear: left; }
    .m-toplist-online-registration .calendarTile:nth-child(4n-2) .calendarTile__detailcontainer {
      left: -100%; }
    .m-toplist-online-registration .calendarTile:nth-child(4n-1) .calendarTile__detailcontainer {
      left: -200%; }
    .m-toplist-online-registration .calendarTile:nth-child(4n) .calendarTile__detailcontainer {
      left: -300%; } }
  @media screen and (min-width: 70.5em) and (max-width: 87.4375em) {
    .m-toplist-online-registration .calendarTile:nth-child(even) .calendarTile__stage {
      background: #67b3f1; }
    .m-toplist-online-registration .calendarTile:nth-child(5n+1) {
      clear: left; }
    .m-toplist-online-registration .calendarTile:nth-child(5n-3) .calendarTile__detailcontainer {
      left: -100%; }
    .m-toplist-online-registration .calendarTile:nth-child(5n-2) .calendarTile__detailcontainer {
      left: -200%; }
    .m-toplist-online-registration .calendarTile:nth-child(5n-1) .calendarTile__detailcontainer {
      left: -300%; }
    .m-toplist-online-registration .calendarTile:nth-child(5n) .calendarTile__detailcontainer {
      left: -400%; } }
  @media screen and (min-width: 87.5em) and (max-width: 119.9375em) {
    .m-toplist-online-registration .calendarTile:nth-child(12n+2) .calendarTile__stage, .m-toplist-online-registration .calendarTile:nth-child(12n+4) .calendarTile__stage, .m-toplist-online-registration .calendarTile:nth-child(12n+6) .calendarTile__stage, .m-toplist-online-registration .calendarTile:nth-child(12n-5) .calendarTile__stage, .m-toplist-online-registration .calendarTile:nth-child(12n-3) .calendarTile__stage, .m-toplist-online-registration .calendarTile:nth-child(12n-1) .calendarTile__stage {
      background: #67b3f1; }
    .m-toplist-online-registration .calendarTile:nth-child(6n+1) {
      clear: left; }
    .m-toplist-online-registration .calendarTile:nth-child(6n-4) .calendarTile__detailcontainer {
      left: -100%; }
    .m-toplist-online-registration .calendarTile:nth-child(6n-3) .calendarTile__detailcontainer {
      left: -200%; }
    .m-toplist-online-registration .calendarTile:nth-child(6n-2) .calendarTile__detailcontainer {
      left: -300%; }
    .m-toplist-online-registration .calendarTile:nth-child(6n-1) .calendarTile__detailcontainer {
      left: -400%; }
    .m-toplist-online-registration .calendarTile:nth-child(6n) .calendarTile__detailcontainer {
      left: -500%; } }
  @media screen and (min-width: 120em) and (max-width: 137.4375em) {
    .m-toplist-online-registration .calendarTile:nth-child(even) .calendarTile__stage {
      background: #67b3f1; }
    .m-toplist-online-registration .calendarTile:nth-child(7n+1) {
      clear: left; }
    .m-toplist-online-registration .calendarTile:nth-child(7n-5) .calendarTile__detailcontainer {
      left: -100%; }
    .m-toplist-online-registration .calendarTile:nth-child(7n-4) .calendarTile__detailcontainer {
      left: -200%; }
    .m-toplist-online-registration .calendarTile:nth-child(7n-3) .calendarTile__detailcontainer {
      left: -300%; }
    .m-toplist-online-registration .calendarTile:nth-child(7n-2) .calendarTile__detailcontainer {
      left: -400%; }
    .m-toplist-online-registration .calendarTile:nth-child(7n-1) .calendarTile__detailcontainer {
      left: -500%; }
    .m-toplist-online-registration .calendarTile:nth-child(7n) .calendarTile__detailcontainer {
      left: -600%; } }
  @media screen and (min-width: 137.5em) and (max-width: 156.1875em) {
    .m-toplist-online-registration .calendarTile:nth-child(16n+2) .calendarTile__stage, .m-toplist-online-registration .calendarTile:nth-child(16n+4) .calendarTile__stage, .m-toplist-online-registration .calendarTile:nth-child(16n+6) .calendarTile__stage, .m-toplist-online-registration .calendarTile:nth-child(16n+8) .calendarTile__stage, .m-toplist-online-registration .calendarTile:nth-child(16n-1) .calendarTile__stage, .m-toplist-online-registration .calendarTile:nth-child(16n-3) .calendarTile__stage, .m-toplist-online-registration .calendarTile:nth-child(16n-5) .calendarTile__stage, .m-toplist-online-registration .calendarTile:nth-child(16n-7) .calendarTile__stage {
      background: #67b3f1; }
    .m-toplist-online-registration .calendarTile:nth-child(8n+1) {
      clear: left; }
    .m-toplist-online-registration .calendarTile:nth-child(8n-6) .calendarTile__detailcontainer {
      left: -100%; }
    .m-toplist-online-registration .calendarTile:nth-child(8n-5) .calendarTile__detailcontainer {
      left: -200%; }
    .m-toplist-online-registration .calendarTile:nth-child(8n-4) .calendarTile__detailcontainer {
      left: -300%; }
    .m-toplist-online-registration .calendarTile:nth-child(8n-3) .calendarTile__detailcontainer {
      left: -400%; }
    .m-toplist-online-registration .calendarTile:nth-child(8n-2) .calendarTile__detailcontainer {
      left: -500%; }
    .m-toplist-online-registration .calendarTile:nth-child(8n-1) .calendarTile__detailcontainer {
      left: -600%; }
    .m-toplist-online-registration .calendarTile:nth-child(8n) .calendarTile__detailcontainer {
      left: -700%; } }
  @media screen and (min-width: 156.25em) and (max-width: 174.9375em) {
    .m-toplist-online-registration .calendarTile:nth-child(even) .calendarTile__stage {
      background: #67b3f1; }
    .m-toplist-online-registration .calendarTile:nth-child(9n+1) {
      clear: left; }
    .m-toplist-online-registration .calendarTile:nth-child(9n-7) .calendarTile__detailcontainer {
      left: -100%; }
    .m-toplist-online-registration .calendarTile:nth-child(9n-6) .calendarTile__detailcontainer {
      left: -200%; }
    .m-toplist-online-registration .calendarTile:nth-child(9n-5) .calendarTile__detailcontainer {
      left: -300%; }
    .m-toplist-online-registration .calendarTile:nth-child(9n-4) .calendarTile__detailcontainer {
      left: -400%; }
    .m-toplist-online-registration .calendarTile:nth-child(9n-3) .calendarTile__detailcontainer {
      left: -500%; }
    .m-toplist-online-registration .calendarTile:nth-child(9n-2) .calendarTile__detailcontainer {
      left: -600%; }
    .m-toplist-online-registration .calendarTile:nth-child(9n-1) .calendarTile__detailcontainer {
      left: -700%; }
    .m-toplist-online-registration .calendarTile:nth-child(9n) .calendarTile__detailcontainer {
      left: -800%; } }
  @media screen and (min-width: 175em) {
    .m-toplist-online-registration .calendarTile:nth-child(20n+2) .calendarTile__stage, .m-toplist-online-registration .calendarTile:nth-child(20n+4) .calendarTile__stage, .m-toplist-online-registration .calendarTile:nth-child(20n+6) .calendarTile__stage, .m-toplist-online-registration .calendarTile:nth-child(20n+8) .calendarTile__stage, .m-toplist-online-registration .calendarTile:nth-child(20n+10) .calendarTile__stage, .m-toplist-online-registration .calendarTile:nth-child(20n-1) .calendarTile__stage, .m-toplist-online-registration .calendarTile:nth-child(20n-3) .calendarTile__stage, .m-toplist-online-registration .calendarTile:nth-child(20n-5) .calendarTile__stage, .m-toplist-online-registration .calendarTile:nth-child(20n-7) .calendarTile__stage, .m-toplist-online-registration .calendarTile:nth-child(20n-9) .calendarTile__stage {
      background: #67b3f1; }
    .m-toplist-online-registration .calendarTile:nth-child(10n+1) {
      clear: left; }
    .m-toplist-online-registration .calendarTile:nth-child(10n-8) .calendarTile__detailcontainer {
      left: -100%; }
    .m-toplist-online-registration .calendarTile:nth-child(10n-7) .calendarTile__detailcontainer {
      left: -200%; }
    .m-toplist-online-registration .calendarTile:nth-child(10n-6) .calendarTile__detailcontainer {
      left: -300%; }
    .m-toplist-online-registration .calendarTile:nth-child(10n-5) .calendarTile__detailcontainer {
      left: -400%; }
    .m-toplist-online-registration .calendarTile:nth-child(10n-4) .calendarTile__detailcontainer {
      left: -500%; }
    .m-toplist-online-registration .calendarTile:nth-child(10n-3) .calendarTile__detailcontainer {
      left: -600%; }
    .m-toplist-online-registration .calendarTile:nth-child(10n-2) .calendarTile__detailcontainer {
      left: -700%; }
    .m-toplist-online-registration .calendarTile:nth-child(10n-1) .calendarTile__detailcontainer {
      left: -800%; }
    .m-toplist-online-registration .calendarTile:nth-child(10n) .calendarTile__detailcontainer {
      left: -900%; } }
  .m-toplist-online-registration .calendarTile.is-open {
    background-color: white;
    color: #3f607b; }
    .m-toplist-online-registration .calendarTile.is-open .calendarTile__detailcontainer {
      opacity: 1;
      border-top: 1px solid #dadada;
      max-height: 106.25rem; }
    .m-toplist-online-registration .calendarTile.is-open .calendarTile__stage {
      border-top: 1px solid #dadada;
      border-right: 1px solid #dadada;
      border-left: 1px solid #dadada;
      background-color: white; }
    .m-toplist-online-registration .calendarTile.is-open .calendarTile__stagecenter:after {
      position: absolute;
      bottom: 0;
      left: -1px;
      right: -1px;
      width: auto;
      height: 5px;
      border-right: 1px solid #dadada;
      border-bottom: 4px solid white;
      border-left: 1px solid #dadada;
      content: "";
      background-color: white;
      transform: translateY(100%); }
      @media only screen and (min-width: 33.75em) {
        .m-toplist-online-registration .calendarTile.is-open .calendarTile__stagecenter:after {
          height: calc(.4vw + 3px); } }
    .m-toplist-online-registration .calendarTile.is-open .calendarTile__stageinfo {
      opacity: 0; }
    .m-toplist-online-registration .calendarTile.is-open .calendarTile__meta,
    .m-toplist-online-registration .calendarTile.is-open .calendarTile__options,
    .m-toplist-online-registration .calendarTile.is-open .calendarTile__footerbg {
      display: none; }
    .m-toplist-online-registration .calendarTile.is-open .calendarTile__close {
      z-index: 1;
      opacity: 1; }
  .m-toplist-online-registration .calendarTile--cover .calendarTile__titlemonth {
    color: #3f607b; }
  .m-toplist-online-registration .calendarTile--cover .calendarTile__title {
    color: #4294d7; }
  .m-toplist-online-registration .calendarTile__detailcontainer {
    opacity: 1;
    position: relative; }

/* ==|====================
   Modules / M10 Tile Event Fact
   ======================= */
.m-tile-event-fact {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto; }

.container-fluid .mura-region-local {
  float: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.container-fluid .mura-object {
  float: none;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0.25rem;
  width: 100%; }
  @media only screen and (min-width: 48em) {
    .container-fluid .mura-object {
      margin: 0 0 .4vw; } }
  @media only screen and (min-width: 64em) {
    .container-fluid .mura-object {
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
      max-width: 50%;
      padding-right: .4vw; }
      .container-fluid .mura-object:nth-child(2n) {
        padding-right: 0; } }
  @media only screen and (min-width: 120em) {
    .container-fluid .mura-object {
      -ms-flex-preferred-size: 33.33%;
          flex-basis: 33.33%;
      max-width: 33.33%; }
      .container-fluid .mura-object:nth-child(2n) {
        padding-right: .4vw; }
      .container-fluid .mura-object:nth-child(3n) {
        padding-right: 0; } }

.container-fluid .mura-object-content {
  display: -ms-flexbox;
  display: flex;
  width: 100%; }

/* ==|====================
   Modules / M11 Shop
   ======================= */
.shop .footer {
  margin-bottom: 3.75rem; }

@media only screen and (min-width: 64em) {
  .shop .footer {
    margin-bottom: 0; } }

.m-shopping-cart .cart-checkout__total-text,
.m-shop-overlay .cart-checkout__total-text, .m-shopping-cart .cart-checkout__checkout,
.m-shop-overlay .cart-checkout__checkout {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.25rem; }

.m-shop {
  margin-bottom: 0.9375rem; }

@keyframes cart-bubble {
  0% {
    transform: scale(1); }
  55% {
    transform: scale(1); }
  75% {
    transform: scale(1.45); }
  95% {
    transform: scale(1); }
  100% {
    transform: scale(1); } }

.m-shop__checkout {
  position: fixed;
  bottom: 0;
  z-index: 3;
  width: 100%;
  height: 3.75rem;
  background-color: #ee3351;
  cursor: pointer; }
  .m-shop__checkout.animate .icon-cart {
    animation-name: cart-bubble;
    animation-duration: .5s; }
  @media only screen and (min-width: 64em) {
    .m-shop__checkout {
      display: none; } }

.m-shop__checkout-titlebox {
  position: relative;
  top: 50%;
  color: white;
  text-align: center;
  white-space: nowrap;
  transform: translateY(-50%); }
  .m-shop__checkout-titlebox .icon {
    position: relative;
    top: 0.0625rem;
    width: 1.125rem;
    height: 1.125rem;
    fill: white; }

.m-shop__checkout-title {
  display: inline-block;
  margin: 0;
  font-size: 1.25rem; }

.m-shop-overlay {
  overflow: hidden;
  padding-bottom: 7.5rem; }
  .m-shop-overlay .overlay__inner {
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    position: absolute;
    top: 3.75rem;
    width: 100%;
    height: calc(100% - 11.25rem);
    background-color: #666f71; }
  .m-shop-overlay .m-shopping-cart {
    position: static; }
  .m-shop-overlay .cart__title-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; }
  .m-shop-overlay .cart-checkout {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; }
  .m-shop-overlay .closer .icon {
    width: 1.25rem;
    height: 1.25rem; }
    .m-shop-overlay .closer .icon svg {
      fill: white; }
  .m-shop-overlay.is-empty .overlay__inner {
    height: calc(100% - 3.75rem); }

.shop-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

.shop-item__picture {
  padding: 1.25rem;
  height: 11.25rem;
  border: 1px solid #dadada;
  border-bottom: 0; }
  .shop-item__picture img {
    margin: 0 auto;
    height: 100%;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }

.shop-item__title {
  padding: 0.75rem 0;
  min-height: 3.75rem;
  border: 1px solid #dadada;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: -1.15px;
  font-weight: 700;
  font-size: 1.75rem;
  font-family: "Trade Gothic Condensed", Arial, sans-serif;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.shop-item__description-container {
  padding: 1.25rem;
  min-height: 6.25rem;
  border-right: 1px solid #dadada;
  border-left: 1px solid #dadada; }

.shop-item__description {
  font-size: 0.875rem;
  line-height: 1.28; }

.shop-item__stepper {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 3.75rem;
  border: 1px solid #dadada;
  transition: fill 1s ease-in-out;
  fill: #444f51; }
  .shop-item__stepper .icon {
    width: 0.9375rem;
    height: 0.9375rem;
    fill: #444f51; }
  .shop-item__stepper .number-stepper {
    -ms-flex-preferred-size: 9.375rem;
        flex-basis: 9.375rem;
    border-top: 0;
    border-bottom: 0; }

.shop-item__stepper-box {
  position: relative;
  text-align: center;
  transition: background-color 0.2s ease-in-out;
  -ms-flex-preferred-size: 3.125rem;
      flex-basis: 3.125rem; }
  .shop-item__stepper-box:not(:last-child) {
    border-right: 1px solid #dadada; }
  .shop-item__stepper-box input,
  .shop-item__stepper-box .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    transform: translateY(-50%) translateX(-50%); }
  .shop-item__stepper-box--counter {
    cursor: pointer; }
    .shop-item__stepper-box--counter:hover {
      background-color: #444f51; }
      .shop-item__stepper-box--counter:hover .icon {
        fill: white; }
  .shop-item__stepper-box--cart {
    border: 0;
    background-color: #444f51;
    cursor: pointer; }
    .shop-item__stepper-box--cart:hover {
      background-color: #ee3351; }
    .shop-item__stepper-box--cart .icon {
      width: 1.5625rem;
      height: 1.5625rem;
      fill: white; }
  .shop-item__stepper-box input {
    padding: 0;
    width: 100%;
    border: 0;
    background: transparent;
    text-align: center;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }

.shop-item__price {
  padding: 1.25rem 0.625rem;
  text-align: left;
  white-space: nowrap;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: .9;
  cursor: default;
  -ms-flex: 1;
      flex: 1; }
  @media only screen and (min-width: 23.4375em) {
    .shop-item__price {
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }
  @media only screen and (min-width: 33.75em) {
    .shop-item__price {
      padding-left: 0.3125rem;
      padding-right: 0.3125rem; } }
  @media (min-width: 40rem) {
    .shop-item__price {
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }

.shop-item__currency {
  font-size: 0.875rem; }
  @media only screen and (min-width: 33.75em) {
    .shop-item__currency {
      padding-right: 0; } }

.cart__title-box {
  position: relative;
  margin-top: 0;
  height: 3.75rem;
  background-color: #444f51;
  color: white; }

.cart__title {
  position: absolute;
  top: 50%;
  left: 50%;
  white-space: nowrap;
  line-height: 1.3;
  transform: translateY(-50%) translateX(-50%); }
  .cart__title h2,
  .cart__title .h2-alike {
    display: inline-block;
    margin: 0 auto;
    font-size: 1.75rem; }
  .cart__title .icon-cart {
    position: relative;
    margin-right: 0.375rem;
    top: 0.125rem;
    width: 1.625rem;
    height: 1.625rem;
    fill: white; }

.cart-item__delete {
  cursor: pointer; }

.cart-item__content {
  position: relative;
  padding: 1.25rem; }
  .cart-item__content .icon-delete {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.75rem;
    width: 2.5rem;
    height: 2.5rem;
    fill: white; }

.cart-item__title {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.25rem;
  font-family: "Trade Gothic Condensed", Arial, sans-serif;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.touchdevice .shop-item__stepper-box--counter:hover,
.touchdevice .cart-item__stepper-box--counter:hover {
  background-color: inherit; }
  .touchdevice .shop-item__stepper-box--counter:hover .icon,
  .touchdevice .cart-item__stepper-box--counter:hover .icon {
    fill: inherit; }

.touchdevice .shop-item__stepper-box--counter:active,
.touchdevice .cart-item__stepper-box--counter:active {
  background-color: #444f51; }
  .touchdevice .shop-item__stepper-box--counter:active .icon,
  .touchdevice .cart-item__stepper-box--counter:active .icon {
    fill: white; }

.touchdevice .shop-item__stepper-box--cart:hover {
  background-color: #444f51; }
  .touchdevice .shop-item__stepper-box--cart:hover .icon {
    fill: white; }

.touchdevice .shop-item__stepper-box--cart:active {
  background-color: #ee3351; }
  .touchdevice .shop-item__stepper-box--cart:active .icon {
    fill: white; }

/* ==|==========================
   Modules / M11.2 Shopping cart
   ========================== */
.m-shopping-cart .cart-checkout,
.m-shop-overlay .cart-checkout {
  display: block;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1001;
  background-color: #ee3351;
  color: white;
  cursor: pointer; }
  @media only screen and (min-width: 64em) {
    .m-shopping-cart .cart-checkout,
    .m-shop-overlay .cart-checkout {
      position: absolute;
      z-index: auto; } }

.m-shopping-cart .cart-checkout__total,
.m-shop-overlay .cart-checkout__total {
  padding: 0.625rem 0 0.625rem 1.25rem;
  height: 3.75rem;
  background-color: #444f51;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.m-shopping-cart .cart-checkout__total-text,
.m-shop-overlay .cart-checkout__total-text {
  line-height: 2.1; }

.m-shopping-cart .cart-checkout__checkout,
.m-shop-overlay .cart-checkout__checkout {
  padding: 0.625rem;
  width: 100%;
  height: 3.75rem;
  border: 0;
  background-color: #ee3351;
  text-align: center;
  transition: background-color 0.2s ease-in-out; }
  .m-shopping-cart .cart-checkout__checkout:hover,
  .m-shop-overlay .cart-checkout__checkout:hover {
    background-color: rgba(255, 255, 255, 0.15); }

.m-shopping-cart.is-empty .cart-checkout,
.m-shop-overlay.is-empty .cart-checkout {
  display: none; }

.m-shopping-cart.is-empty .cart-empty-message,
.m-shop-overlay.is-empty .cart-empty-message {
  display: block; }

.m-shopping-cart {
  position: relative;
  height: 100%;
  padding-bottom: 7.5rem;
  background-color: #666f71;
  color: white; }
  .m-shopping-cart .cart-empty-message {
    padding: 1.25rem;
    display: none; }

.cart-item {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
  background-color: #666f71; }
  .cart-item.is-hidden {
    display: none; }
  .cart-item.is-transparent {
    opacity: 0; }
  .cart-item.fade-out {
    opacity: 0; }

.cart-item__description {
  font-size: 0.875rem;
  line-height: 1.28;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.cart-item__stepper {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 2.5rem;
  border: 1px solid #666f71;
  background: #444f51;
  fill: white; }
  .cart-item__stepper .icon {
    width: 0.9375rem;
    height: 0.9375rem; }
  .cart-item__stepper .number-stepper {
    height: 100%;
    width: 9.375rem; }

.cart-item__stepper-box,
.cart-item__amount {
  padding: 0.625rem;
  font-weight: 700; }

.cart-item__stepper-box {
  position: relative;
  border-right: 1px solid #666f71;
  background: #444f51;
  text-align: center;
  transition: background-color 0.2s ease-in-out;
  -ms-flex-preferred-size: 3.125rem;
      flex-basis: 3.125rem; }
  .cart-item__stepper-box--counter {
    cursor: pointer; }
    .cart-item__stepper-box--counter:hover {
      background-color: rgba(102, 111, 113, 0.6); }
  .cart-item__stepper-box input {
    padding: 0;
    width: 100%;
    height: 2.375rem;
    border: 0;
    background: transparent;
    text-align: center;
    line-height: 1;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }

.cart-item__number {
  padding: 0; }

.cart-item__amount {
  float: right;
  text-align: right;
  cursor: default;
  -ms-flex: 1;
      flex: 1; }

.cart-item__currency {
  padding-right: 0.5rem;
  font-size: 0.875rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.cart-item__value {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: .9;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.cart__total-value {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: .9; }

/* ==|====================
   Modules / M12 Category Selector
   ======================= */
.m-category-selector {
  overflow: hidden;
  margin: -0.125em; }
  @media only screen and (min-width: 33.75em) {
    .m-category-selector {
      margin: -0.2vw; } }
  @media only screen and (min-width: 48em) {
    .m-category-selector {
      margin: -0.2vw; } }
  .m-category-selector .category {
    display: block;
    padding: 0.125em;
    width: 100%;
    height: 9.375rem;
    color: white;
    cursor: pointer; }
    @media only screen and (min-width: 33.75em) {
      .m-category-selector .category {
        height: 14.0625rem;
        width: 50%;
        padding: 0.2vw; } }
    @media only screen and (min-width: 48em) {
      .m-category-selector .category {
        padding: 0.2vw; } }
    @media only screen and (min-width: 64em) {
      .m-category-selector .category {
        width: 33.3333%; } }
    @media only screen and (min-width: 87.5em) {
      .m-category-selector .category {
        width: 25%; } }
    @media only screen and (min-width: 120em) {
      .m-category-selector .category {
        width: 20%; } }
    .m-category-selector .category img {
      position: absolute;
      max-width: none; }
    .m-category-selector .category:hover .category__title {
      color: white; }
    .m-category-selector .category:hover .category__inner:after {
      opacity: .7; }
    .m-category-selector .category:hover img {
      filter: grayscale(100%); }
    .m-category-selector .category .category__inner {
      position: relative; }
      .m-category-selector .category .category__inner:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        display: inline-block;
        background-color: #f30a2f;
        content: "";
        opacity: 0;
        transition: opacity 0.2s ease-in-out; }
  .m-category-selector .category__inner {
    overflow: hidden;
    height: 100%; }
  .m-category-selector .category__title {
    text-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    margin-top: 0;
    font-size: 2.5rem;
    cursor: pointer;
    transform: skewY(-4deg) translateY(-50%) translateX(-50%); }

[data-filter].is-active {
  background-color: #ff5b70; }

/* ==|====================
   Modules / M14 Article Teaser
   ======================= */
.m-article-teasers {
  overflow: hidden; }
  @media only screen and (min-width: 64em) {
    .m-article-teasers .flex-container {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row; } }
  .m-article-teasers .linebtn {
    margin-top: 0.3125rem; }

.article-teaser {
  width: 100%; }
  .article-teaser:hover p {
    color: #444f51; }

.article-teaser__image {
  opacity: 0;
  transition: opacity 0.5s ease; }
  .article-teaser__image.covermode, .article-teaser__image.no-covermode {
    opacity: 1; }

.article-teaser__title {
  margin-bottom: 0.5rem;
  font-size: 1.75rem; }

.article-teaser__copy {
  padding-bottom: 1.25rem; }
  @media only screen and (min-width: 64em) {
    .article-teaser__copy {
      padding-bottom: 0; } }
  .article-teaser__copy p {
    font-size: 1rem;
    line-height: 1.375; }

.article-teaser__category {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
  padding: 0.5rem 1.25rem;
  height: 1.875rem;
  background: #444f51; }
  .article-teaser__category-title, .article-teaser__category-date {
    float: left;
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 0.75rem; }
  .article-teaser__category-date {
    float: right; }

/* ==|====================
   Modules / M16 Sidebar
   ======================= */
.m-sidebar {
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  height: 100%;
  width: 100%;
  background-color: #ee3351;
  margin-bottom: 1rem;
  color: white; }
  @media only screen and (min-width: 48em) {
    .m-sidebar {
      margin-bottom: 0; } }
  .m-sidebar.sidebar--light {
    border-top: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    background-color: white;
    color: #1d2223; }
  .m-sidebar .sidebar-space {
    padding-right: 1.25rem;
    padding-left: 1.25rem; }
    @media only screen and (min-width: 48em) {
      .m-sidebar .sidebar-space {
        padding-right: 0.8vw;
        padding-left: 0.8vw; } }
    @media only screen and (min-width: 64em) {
      .m-sidebar .sidebar-space {
        padding-right: 0.8vw;
        padding-left: 0.8vw; } }
  .m-sidebar .siderbarlink--settings {
    margin-bottom: 1rem; }
    @media only screen and (min-width: 33.75em) {
      .m-sidebar .siderbarlink--settings {
        margin-bottom: 0; } }
    @media only screen and (min-width: 48em) {
      .m-sidebar .siderbarlink--settings {
        margin-bottom: 1rem; } }
  .m-sidebar.has-shopping-cart {
    padding-bottom: 3.75rem; }

/* ==|====================
   Modules / M19 Download Items
   ======================= */
.m-download-items {
  margin-top: 2.5rem;
  padding-bottom: 2.5rem;
  overflow: hidden; }
  .m-download-items .container-fluid {
    padding-bottom: 0; }
  .m-download-items h2 {
    margin-bottom: 1.25rem;
    color: #ee3351; }

/* ==|====================
   Modules / Tabs Navigations
   ======================= */
.m-tabs {
  overflow: hidden; }
  @media only screen and (min-width: 64em) {
    .m-tabs {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-align: start;
          align-items: flex-start;
      -ms-flex-pack: justify;
          justify-content: space-between;
      position: relative;
      transition: height 220ms linear; } }
  @media only screen and (min-width: 64em) {
    .m-tabs .tab {
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
      width: auto;
      padding: 0;
      border-right: 1px solid #dadada; } }
  @media only screen and (min-width: 64em) {
    .m-tabs .tab:last-child {
      border-right: 0; } }
  @media only screen and (min-width: 64em) {
    .m-tabs .tab + .tab {
      margin: 0; } }
  @media only screen and (min-width: 64em) {
    .m-tabs .tab .tab__trigger {
      padding: 0;
      -ms-flex-pack: center;
          justify-content: center; } }
  @media only screen and (min-width: 64em) {
    .m-tabs .tab .tab__trigger:before,
    .m-tabs .tab .tab__trigger .icon {
      display: none; } }
  @media only screen and (min-width: 64em) {
    .m-tabs .tab .tab__trigger .tab__label {
      padding: 0; } }
  @media only screen and (min-width: 64em) {
    .m-tabs .tab .tab__trigger .tab__label:after {
      display: none; } }
  @media only screen and (min-width: 64em) {
    .m-tabs .tab .tab__contentbox {
      width: 100%;
      left: 0;
      z-index: 0;
      position: absolute; } }

/* ==|====================
   Modules / M21 Form
   ======================= */
.m-form {
  position: relative; }
  .m-form .container {
    padding-bottom: 0; }
  .m-form .button {
    position: relative;
    bottom: 0;
    z-index: 1;
    margin: 3.875rem 0 3.125rem; }
  .m-form .button + hr {
    position: relative;
    margin: 0 auto;
    width: 100%;
    bottom: 4.6875rem; }

/* ==|====================
   Modules / M22 Map
   ======================= */
/*
.m-map {
  position: relative;
  top: -1.875rem;
  overflow: hidden;
  height: 25rem;
  margin-bottom: -3.75rem; }
  @media only screen and (min-width: 64em) {
    .m-map {
      top: -4.125rem;
      margin-bottom: -4.75rem; } }
  @media only screen and (min-width: 87.5em) {
    .m-map {
      height: 31.25rem;
      margin-bottom: -6.25rem; } }
  @media only screen and (min-width: 120em) {
    .m-map {
      height: 37.5rem;
      margin-bottom: -7.5rem; } }
  .m-map:before, .m-map:after {
    display: inline-block;
    position: absolute;
    z-index: 1;
    width: 120%;
    max-width: none;
    height: 12.5rem;
    content: "";
    background-color: white;
    transform-origin: right; }
  .m-map:before {
    top: -15rem; }
  .m-map:after {
    bottom: -11.0625rem;
    transform-origin: left; }
  .m-map .map-container {
    height: 25rem; }
    @media only screen and (min-width: 87.5em) {
      .m-map .map-container {
        height: 31.25rem; } }
    @media only screen and (min-width: 120em) {
      .m-map .map-container {
        height: 37.5rem; } }

.gmnoprint {
  display: none; }

.gm-bundled-control {
  display: block !important; }
  .gm-bundled-control .gmnoprint {
    display: block;
    top: -180px !important; }
    @media only screen and (min-width: 87.5em) {
      .gm-bundled-control .gmnoprint {
        top: -280px !important; } }
    @media only screen and (min-width: 120em) {
      .gm-bundled-control .gmnoprint {
        top: -324px !important; } }
    .touchdevice .gm-bundled-control .gmnoprint {
      display: none !important; }
*/
/* ==|====================
   Modules / Image Upload
   ======================= */
.m-image-upload {
  width: 100%;
  max-width: 16.25rem;
  opacity: 0;
  transition: opacity 0.3s ease; }
  .m-image-upload.is-loaded {
    opacity: 1; }
  .m-image-upload .error-message {
    margin-top: 0.1875rem; }

.m-image-upload-simple {
  position: relative;
  opacity: 1; }
  .m-image-upload-simple > img {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    z-index: 1; }
  .m-image-upload-simple .image-upload__dropzone {
    position: relative;
    z-index: 2;
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); }
  .m-image-upload-simple .error-message {
    display: none; }
  .m-image-upload-simple.error-filesize .error-message.filesize {
    display: block; }
  .m-image-upload-simple.error-filetype .error-message.filetype {
    display: block; }

/* ==|====================
   Modules / Flyout Login
   ======================= */
.m-flyoutlogin {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #1d2223;
  color: white; }
  .m-flyoutlogin .loginpanel .m-form {
    position: static; }
  @media only screen and (min-width: 64em) {
    .m-flyoutlogin {
      overflow-y: auto; } }
  .m-flyoutlogin .flyoutscroll {
    -ms-flex-direction: column;
        flex-direction: column;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-line-pack: start;
        align-content: flex-start; }
    @media only screen and (min-width: 64em) {
      .m-flyoutlogin .flyoutscroll {
        overflow: visible;
        display: -ms-flexbox;
        display: flex;
        -webkit-overflow-scrolling: none;
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-align: start;
            align-items: flex-start;
        -ms-flex-pack: justify;
            justify-content: space-between;
        border-bottom: 2px solid #444f51;
        height: auto; } }
  .m-flyoutlogin .loginpanel__additional {
    color: white; }
  .m-flyoutlogin .loginpanel__button button {
    background-color: #1d2223; }
  @media only screen and (min-width: 23.4375em) {
    .m-flyoutlogin .container {
      padding-right: 1.5625rem;
      padding-left: 1.5625rem; } }
  .m-flyoutlogin .text-field input {
    color: white; }
    .m-flyoutlogin .text-field input + label,
    .m-flyoutlogin .text-field input:focus + label,
    .m-flyoutlogin .text-field input.has-entered-content + label {
      color: white; }
    .no-touchdevice .m-flyoutlogin .text-field input:hover, .no-touchdevice .m-flyoutlogin .text-field input:focus, .no-touchdevice .m-flyoutlogin .text-field input.has-entered-content {
      border-color: white; }
  .m-flyoutlogin ul {
    margin-top: 0.625rem;
    margin-bottom: 0.625rem; }
    .m-flyoutlogin ul li {
      margin-bottom: 0.4375rem;
      line-height: 1.175; }
      .m-flyoutlogin ul li:before {
        top: 1rem;
        border-color: white; }

/* ==|====================
   Modules / M25-1 Rich Text
   ======================= */
.m-rich-text, .m-seo-module {
  text-align: center; }
  .m-rich-text .is-centered, .m-seo-module .is-centered {
    text-align: center; }
  .m-rich-text h2, .m-seo-module h2,
  .m-rich-text h3, .m-seo-module h3,
  .m-rich-text h4, .m-seo-module h4,
  .m-rich-text p, .m-seo-module p,
  .m-rich-text a, .m-seo-module a,
  .m-rich-text ul, .m-seo-module ul,
  .m-rich-text ol, .m-seo-module ol,
  .m-rich-text span, .m-seo-module span,
  .m-rich-text .button, .m-seo-module .button {
    text-align: left; }
    .m-rich-text h2.bold, .m-seo-module h2.bold,
    .m-rich-text h3.bold, .m-seo-module h3.bold,
    .m-rich-text h4.bold, .m-seo-module h4.bold,
    .m-rich-text p.bold, .m-seo-module p.bold,
    .m-rich-text a.bold, .m-seo-module a.bold,
    .m-rich-text ul.bold, .m-seo-module ul.bold,
    .m-rich-text ol.bold, .m-seo-module ol.bold,
    .m-rich-text span.bold, .m-seo-module span.bold,
    .m-rich-text .button.bold, .m-seo-module .button.bold {
      font-weight: 700; }
    .m-rich-text h2.color-pop-red, .m-seo-module h2.color-pop-red,
    .m-rich-text h3.color-pop-red, .m-seo-module h3.color-pop-red,
    .m-rich-text h4.color-pop-red, .m-seo-module h4.color-pop-red,
    .m-rich-text p.color-pop-red, .m-seo-module p.color-pop-red,
    .m-rich-text a.color-pop-red, .m-seo-module a.color-pop-red,
    .m-rich-text ul.color-pop-red, .m-seo-module ul.color-pop-red,
    .m-rich-text ol.color-pop-red, .m-seo-module ol.color-pop-red,
    .m-rich-text span.color-pop-red, .m-seo-module span.color-pop-red,
    .m-rich-text .button.color-pop-red, .m-seo-module .button.color-pop-red {
      color: #ee3351; }
  .m-rich-text h1, .m-seo-module h1,
  .m-rich-text .h1-alike, .m-seo-module .h1-alike {
    margin-top: 3.4375rem;
    color: #ee3351;
    font-size: 3.75rem;
    margin-bottom: 1rem; }
    .m-rich-text h1:before, .m-seo-module h1:before,
    .m-rich-text .h1-alike:before, .m-seo-module .h1-alike:before {
      background-color: #ee3351; }
  .m-rich-text h2, .m-seo-module h2,
  .m-rich-text .h2-alike, .m-seo-module .h2-alike {
    color: #ee3351;
    font-size: 1.75rem; }
  .m-rich-text h4, .m-seo-module h4,
  .m-rich-text .h4-alike, .m-seo-module .h4-alike {
    color: #999999;
    font-size: 1.375rem; }
  .m-rich-text ul, .m-seo-module ul,
  .m-rich-text ol, .m-seo-module ol,
  .m-rich-text p, .m-seo-module p {
    margin: 0 0 1.75rem; }
  .m-rich-text a:not(.button), .m-seo-module a:not(.button) {
    border-bottom: 1px solid #ee3351;
    color: #ee3351; }
  .m-rich-text .lead-in, .m-seo-module .lead-in {
    text-align: center;
    font-weight: 700;
    font-size: 1.25rem;
    font-family: "Trade Gothic Condensed", Arial, sans-serif;
    line-height: 1.3; }
  .m-rich-text .author-box, .m-seo-module .author-box,
  .m-rich-text .author-box span, .m-seo-module .author-box span {
    margin: 0.75rem 0 2.375rem;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 0.875rem; }
  .m-rich-text .is-highlighted, .m-seo-module .is-highlighted {
    color: #ee3351; }
  .m-rich-text.fist-no-top-spacing > *:first-child, .fist-no-top-spacing.m-seo-module > *:first-child {
    margin-top: 0; }

/* ==|====================
   Modules / M25-2 Image
   ======================= */
/* ==|====================
   Module / M25.3 Video
   ======================= */
.video {
  position: relative; }

.video__ratio-container {
  cursor: pointer;
  position: relative;
  padding-bottom: 56.25%; }

.video__trigger {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  margin: 0 auto;
  background-size: cover;
  text-align: center;
  opacity: 0;
  cursor: pointer;
  transition: opacity 1s ease; }
  .video__trigger.is-visible {
    opacity: 1; }

.video__play-button {
  position: relative;
  top: 50%;
  cursor: pointer;
  transform: translateY(-50%); }
  .video__play-button:hover i {
    opacity: .8; }
  .video__play-button i {
    width: 3.75rem;
    height: 3.75rem;
    transition: opacity 0.3s ease; }

.video__container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
  .video__container.is-hidden {
    display: none; }
  .video__container.is-inline {
    position: absolute;
    top: 0; }

/* ==|====================
   Module / M25.4 Info Box
   ======================= */
.info-box {
  position: relative;
  padding: 2.5rem 0;
  margin: 1rem 0;
  color: white; }
  .info-box * {
    color: white; }
  .info-box:after {
    position: absolute;
    top: -2.5rem;
    bottom: 2.5rem;
    left: 0;
    z-index: 0;
    display: inline-block;
    width: 100%;
    background: #ee3351;
    content: "";
    transform-origin: 50% top; }
  .info-box .m-rich-text, .info-box .m-seo-module {
    position: relative;
    z-index: 1; }

.info-box__title {
  position: relative;
  z-index: 1;
  color: white; }

/* ==|====================
   Module / M25.6 Table
   ======================= */
.m-table {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 2.5rem; }

/* ==|====================
   Modules / M28 SEO Module
   ======================= */
/* ==|====================
   Modules / M31 Person Tile
   ======================= */
.person-tile {
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #f3798d;
  border-bottom: 1px solid #f3798d;
  background-color: #ee3351;
  opacity: 1;
  transition: opacity 0.2s ease-in-out; }
  .person-tile .myds-badge {
    position: absolute;
    bottom: 0.625rem;
    left: 50%;
    white-space: nowrap;
    transform: translateX(-50%) skewY(-4deg);
    color: white; }
  .sidebar--myds .person-tile:last-child {
    border-bottom: 1px solid #f3798d; }
  .person-tile + .person-tile {
    margin-top: -0.0625rem; }
  .person-tile.fade-out {
    opacity: 0; }
  .no-touchdevice .person-tile[href]:hover .person-tile__text {
    background-color: #ff5b70;
    color: white; }

.person-tile__image {
  position: relative;
  overflow: hidden;
  width: 100px;
  opacity: 0;
  transition: opacity 0.5s ease-in-out; }
  .person-tile__image.covermode, .person-tile__image.no-covermode {
    opacity: 1; }
  .person-tile__image img {
    position: absolute;
    max-width: none;
    width: 100%; }

.person-tile__text {
  padding: 1rem 1.1875rem;
  color: white;
  cursor: pointer;
  -ms-flex: 1;
      flex: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .person-tile__text.is-selected {
    background-color: #ff5b70;
    color: white; }
    .sidebar--light .person-tile__text.is-selected {
      background-color: #444f51;
      color: white; }
  .person-tile__text span {
    display: block;
    clear: both;
    font-size: 16px;
    line-height: 1.37; }

.person-tile__name {
  font-weight: 700; }

.person-tile__remove {
  position: absolute;
  top: 1.125rem;
  right: 1.125rem;
  cursor: pointer;
  z-index: 5; }
  .person-tile__remove .icon {
    width: 0.9375rem;
    height: 0.9375rem; }
    .person-tile__remove .icon svg {
      fill: white; }
  .person-tile__remove ~ .person-tile__text {
    padding-right: 2.5rem; }

.person-tile--dark-full-border {
  border: 1px solid #444f51;
  background-color: #1d2223; }
  .person-tile--dark-full-border:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 0 3px white inset;
    opacity: 0;
    z-index: -1;
    transition: opacity 0.2s ease-in-out; }
  .person-tile--dark-full-border:hover:after {
    opacity: 1;
    z-index: 0; }
  .person-tile--dark-full-border .person-tile__text {
    position: relative;
    z-index: 1; }
    .person-tile--dark-full-border .person-tile__text:hover {
      background-color: transparent; }

/* ==|====================
   Modules / M32 Person List Sidebar
   ======================= */
.m-person-list .person-tiles {
  padding: 1rem 0; }

.m-person-list .sidebarnav__search {
  border-top: 0;
  border-bottom: 1px solid #f3798d;
  color: white; }
  .m-person-list .sidebarnav__search input {
    text-transform: none;
    font-weight: 400;
    font-family: "Trade Gothic", Arial, sans-serif; }
  .m-person-list .sidebarnav__search .icon {
    fill: white; }

/* ==|====================
   Modules / Tabs Navigations
   ======================= */
.m-personal-eventlist > .controller {
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.m-personal-eventlist > .payload {
  padding-bottom: 1rem; }

/* ==|====================
   Modules / Person Listview
   ======================= */
.m-person-listview .panel.top {
  text-align: center; }

.m-person-listview .add-form {
  display: none; }

.m-person-listview .add-form__panel {
  text-align: left; }

.m-person-listview.add-friends .add-form {
  display: block; }

.m-person-listview.add-friends .btn-addfriend {
  display: none; }

.m-merge-person-panel {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-color: #1d2223;
  transform: translateY(100%);
  transition: transform 0.3s ease-in-out 0.05s;
  z-index: 1000; }
  .m-merge-person-panel .loader-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: -1;
    background-color: rgba(29, 34, 35, 0.75);
    transition: opacity 0.2s ease-in-out, z-index 0.001s linear 0.2s; }
    .m-merge-person-panel .loader-layer > img {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 9.375rem;
      height: 9.375rem;
      transform: translate(-50%, -50%); }
    .m-merge-person-panel .loader-layer.loading {
      z-index: 20;
      opacity: 1;
      transition: opacity 0.2s ease-in-out; }
  .m-merge-person-panel .panel {
    position: relative;
    max-height: 100vh;
    min-height: 20.75rem;
    color: white; }
  .m-merge-person-panel .inner {
    position: relative;
    padding: 1.25rem;
    max-height: calc(100vh - 11.25rem);
    -webkit-overflow-scrolling: touch; }
  .m-merge-person-panel .close-panel,
  .m-merge-person-panel .minimize-panel {
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
    cursor: pointer;
    z-index: 10; }
  .m-merge-person-panel .icon-close-light,
  .m-merge-person-panel .icon-angle-down {
    width: 1.6875rem;
    height: 1.6875rem; }
    .m-merge-person-panel .icon-close-light svg,
    .m-merge-person-panel .icon-angle-down svg {
      fill: white; }
  .m-merge-person-panel .container {
    max-width: 71.25rem; }
  .m-merge-person-panel .small-view-content .icon,
  .m-merge-person-panel .confirmation-view-content .icon,
  .m-merge-person-panel .large-view-content .icon {
    width: 1.25rem;
    height: 1.25rem;
    vertical-align: middle;
    margin: 0 0.3125rem; }
    .m-merge-person-panel .small-view-content .icon svg,
    .m-merge-person-panel .confirmation-view-content .icon svg,
    .m-merge-person-panel .large-view-content .icon svg {
      fill: white; }
  .m-merge-person-panel .confirmation-view-content .huge-title,
  .m-merge-person-panel .small-view-content .huge-title {
    margin-bottom: 2.5rem; }
  .m-merge-person-panel .button {
    padding-left: 1.25rem;
    padding-right: 1.25rem; }
  .m-merge-person-panel .person-tiles-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap; }
    .m-merge-person-panel .person-tiles-list:after {
      display: table;
      clear: both;
      content: ""; }
    .m-merge-person-panel .person-tiles-list > li {
      position: relative;
      display: block;
      margin-bottom: -1px;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
      max-width: 50%;
      min-height: 7.25rem; }
      .m-merge-person-panel .person-tiles-list > li .dashed-tile-link {
        position: absolute;
        top: 0;
        left: 0; }
      .m-merge-person-panel .person-tiles-list > li:nth-child(2n) {
        margin-left: -1px; }
      .m-merge-person-panel .person-tiles-list > li:hover {
        z-index: 1; }
    @media only screen and (min-width: 64em) {
      .m-merge-person-panel .person-tiles-list > li {
        -ms-flex: 0 0 33.33%;
            flex: 0 0 33.33%;
        max-width: 33.33%; }
        .m-merge-person-panel .person-tiles-list > li:nth-child(2n) {
          margin-left: 0; }
        .m-merge-person-panel .person-tiles-list > li:nth-child(3n) {
          margin-left: -1px; }
        .m-merge-person-panel .person-tiles-list > li:nth-child(3n - 1) {
          margin-left: -1px; } }
  .m-merge-person-panel .person-tile {
    cursor: pointer; }
    .m-merge-person-panel .person-tile.selected {
      border-color: #aa1e1e;
      background-color: #ee3351; }
  .m-merge-person-panel .dashed-tile-link {
    position: relative;
    border: 1px dashed #444f51;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
    transition: border 0.2s ease-in-out, color 0.2s ease-in-out; }
    .m-merge-person-panel .dashed-tile-link > span {
      position: absolute;
      display: block;
      white-space: nowrap;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    .m-merge-person-panel .dashed-tile-link:hover {
      border-color: white;
      color: white; }
  .m-merge-person-panel .merge-cta {
    padding-top: 1.25rem;
    height: 11.25rem; }
    .m-merge-person-panel .merge-cta .container-fluid {
      padding-bottom: 0; }
    .m-merge-person-panel .merge-cta .button {
      background-color: #1d2223; }
      .no-touchdevice .m-merge-person-panel .merge-cta .button:focus {
        color: white; }
      .m-merge-person-panel .merge-cta .button.disabled, .m-merge-person-panel .merge-cta .button[disabled] {
        pointer-events: none; }
      .m-merge-person-panel .merge-cta .button.close {
        padding-left: 3.125rem;
        padding-right: 3.125rem;
        display: none; }
    .m-merge-person-panel .merge-cta .button ~ hr {
      background-color: #444f51;
      margin-top: -1.5625rem; }
  .m-merge-person-panel[data-merge-panel-view="closed"] {
    transform: translateY(100%);
    transition: transform 0.5s ease-in-out, opacity 0.001s linear 0.2s;
    opacity: 0; }
    .m-merge-person-panel[data-merge-panel-view="closed"] .large-view-content,
    .m-merge-person-panel[data-merge-panel-view="closed"] .confirmation-view-content,
    .m-merge-person-panel[data-merge-panel-view="closed"] .minimize-panel {
      display: none; }
    .m-merge-person-panel[data-merge-panel-view="closed"] .person-tiles-list li:after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(29, 34, 35, 0.5);
      z-index: 10; }
  .m-merge-person-panel[data-merge-panel-view="small"] {
    transform: translateY(60%);
    transform: translateY(calc(100% - 20.875rem)); }
    .m-merge-person-panel[data-merge-panel-view="small"] .small-view-content,
    .m-merge-person-panel[data-merge-panel-view="small"] .close-panel {
      display: block; }
    .m-merge-person-panel[data-merge-panel-view="small"] .large-view-content,
    .m-merge-person-panel[data-merge-panel-view="small"] .confirmation-view-content,
    .m-merge-person-panel[data-merge-panel-view="small"] .minimize-panel {
      display: none; }
    .m-merge-person-panel[data-merge-panel-view="small"] .person-tiles-list li:after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(29, 34, 35, 0.5);
      z-index: 10; }
  .m-merge-person-panel[data-merge-panel-view="large"] {
    transform: translateY(0); }
    .m-merge-person-panel[data-merge-panel-view="large"] .inner {
      overflow: auto; }
    .m-merge-person-panel[data-merge-panel-view="large"] .small-view-content,
    .m-merge-person-panel[data-merge-panel-view="large"] .confirmation-view-content,
    .m-merge-person-panel[data-merge-panel-view="large"] .close-panel {
      display: none; }
    .m-merge-person-panel[data-merge-panel-view="large"] .large-view-content,
    .m-merge-person-panel[data-merge-panel-view="large"] .minimize-panel {
      display: block; }
  .m-merge-person-panel[data-merge-panel-view="closed-confirmation"] .small-view-content,
  .m-merge-person-panel[data-merge-panel-view="closed-confirmation"] .minimize-panel,
  .m-merge-person-panel[data-merge-panel-view="closed-confirmation"] .large-view-content, .m-merge-person-panel[data-merge-panel-view="merge-confirmation"] .small-view-content,
  .m-merge-person-panel[data-merge-panel-view="merge-confirmation"] .minimize-panel,
  .m-merge-person-panel[data-merge-panel-view="merge-confirmation"] .large-view-content {
    display: none; }
  .m-merge-person-panel[data-merge-panel-view="closed-confirmation"] .confirmation-view-content,
  .m-merge-person-panel[data-merge-panel-view="closed-confirmation"] .close-panel, .m-merge-person-panel[data-merge-panel-view="merge-confirmation"] .confirmation-view-content,
  .m-merge-person-panel[data-merge-panel-view="merge-confirmation"] .close-panel {
    display: block; }
  .m-merge-person-panel[data-merge-panel-view="closed-confirmation"] .person-tiles-list, .m-merge-person-panel[data-merge-panel-view="merge-confirmation"] .person-tiles-list {
    display: none; }
  .m-merge-person-panel[data-merge-panel-view="closed-confirmation"] .merge-cta .merge, .m-merge-person-panel[data-merge-panel-view="merge-confirmation"] .merge-cta .merge {
    display: none; }
  .m-merge-person-panel[data-merge-panel-view="closed-confirmation"] .merge-cta .close, .m-merge-person-panel[data-merge-panel-view="merge-confirmation"] .merge-cta .close {
    display: block; }
  .m-merge-person-panel[data-merge-panel-view="merge-confirmation"] {
    transform: translateY(0); }
  .m-merge-person-panel[data-merge-panel-view="closed-confirmation"] {
    transform: translateY(100%);
    transition: transform 0.5s ease-in-out, opacity 0.001s linear 0.2s;
    opacity: 0; }

.merge-panel-placeholder {
  height: 0;
  transition: height 0.2s ease-in-out; }
  .merge-panel-placeholder.expand {
    height: 31.25rem; }

/* ==|====================
   Modules / M38-2 Person Search
   ======================= */
.sidebar--person-search .sidebarheader__title {
  padding-bottom: 1.875rem; }

@media only screen and (min-width: 48em) {
  .m-person-search-sidebar .container {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem; } }

@media only screen and (min-width: 87.5em) {
  .m-person-search-sidebar .container {
    padding-left: 1.25rem;
    padding-right: 1.25rem; } }

.m-person-search-sidebar input,
.m-person-search-sidebar label {
  color: white; }

.m-person-search-sidebar input {
  border-bottom: 1px solid white; }
  .m-person-search-sidebar input:hover {
    border-bottom: 1px solid white; }

.m-person-search-sidebar .personsearch-button {
  background: #ee3351; }
  .m-person-search-sidebar .personsearch-button .button {
    position: relative;
    bottom: -0.1875rem;
    left: 50%;
    z-index: 2;
    display: block;
    margin-top: 2.375rem;
    background-color: #ee3351;
    transform: translateX(-50%) skewY(-4deg); }
    .m-person-search-sidebar .personsearch-button .button.button--clicked {
      color: #ee3351; }
    .no-touchdevice .m-person-search-sidebar .personsearch-button .button:hover {
      color: #ee3351; }
    .m-person-search-sidebar .personsearch-button .button + hr {
      width: 100%;
      background: white;
      color: white; }

.m-person-search-sidebar .text-field input {
  border-color: white;
  color: white; }
  .m-person-search-sidebar .text-field input + label,
  .m-person-search-sidebar .text-field input:focus + label,
  .m-person-search-sidebar .text-field input.has-entered-content + label {
    color: white; }
  .no-touchdevice .m-person-search-sidebar .text-field input:hover, .no-touchdevice .m-person-search-sidebar .text-field input:focus, .no-touchdevice .m-person-search-sidebar .text-field input.has-entered-content {
    border-color: white; }

@media only screen and (min-width: 48em) {
  .m-person-search-sidebar .is-hidden-on-desktop {
    display: none; } }

/* ==|====================
   Modules / M38-2 Person Search
   ======================= */
.m-person-search .loginpanel .m-form {
  position: static; }

@media only screen and (min-width: 48em) {
  .m-person-search .loginpanel {
    border-bottom: 1px solid white; } }

.m-person-search .loginpanel__title {
  margin-bottom: 1.125rem;
  color: white;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto; }

.m-person-search input {
  color: white; }

.m-person-search .loginpanel__info-container {
  position: relative; }

.m-person-search .loginpanel__info-text {
  color: white;
  font-size: 0.875rem; }
  @media only screen and (min-width: 64em) {
    .m-person-search .loginpanel__info-text {
      position: absolute;
      top: 1.25rem;
      width: 11.375rem;
      transform: translate(-100%) translate(-40px); } }

.m-person-search .loginpanel__button button {
  top: 1.875rem;
  background-color: #1d2223; }
  @media only screen and (min-width: 64em) {
    .m-person-search .loginpanel__button button {
      top: 0; } }

.m-person-search .text-field input {
  color: white; }
  .m-person-search .text-field input + label,
  .m-person-search .text-field input:focus + label,
  .m-person-search .text-field input.has-entered-content + label {
    color: white; }
  .no-touchdevice .m-person-search .text-field input:hover, .no-touchdevice .m-person-search .text-field input:focus, .no-touchdevice .m-person-search .text-field input.has-entered-content {
    border-color: white; }

/* ==|====================
   Modules / M39 Person Header
   ======================= */
.m-person-header {
  margin-bottom: 2.875rem;
  width: 100%;
  background-color: #ee3351; }
  @media only screen and (min-width: 33.75em) {
    .m-person-header {
      min-height: 22.5rem;
      display: -ms-flexbox;
      display: flex;
      background-color: inherit; } }
  .m-person-header.mobile-header {
    margin-bottom: 0; }
    @media only screen and (min-width: 48em) {
      .m-person-header.mobile-header {
        display: none; } }
  .m-person-header.desktop-header {
    display: none; }
    @media only screen and (min-width: 48em) {
      .m-person-header.desktop-header {
        display: -ms-flexbox;
        display: flex; } }

.person-header__image {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  max-width: 23.4375rem;
  opacity: 0;
  transition: opacity 0.5s ease; }
  .person-header__image.covermode, .person-header__image.no-covermode {
    opacity: 1; }
  @media only screen and (min-width: 33.75em) {
    .person-header__image {
      width: 18.75rem; } }
  @media only screen and (min-width: 48em) {
    .person-header__image {
      margin-right: 0.4vw; } }
  .person-header__image img {
    max-width: initial;
    width: 100%; }
    @media only screen and (min-width: 33.75em) {
      .person-header__image img {
        position: absolute; } }
  .person-header__image .myds-badge {
    text-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: 1.25rem;
    left: 50%;
    display: inline-block;
    color: white;
    transform: translateX(-50%) skewY(-4deg); }
    .person-header__image .myds-badge span {
      font-size: 1.25rem; }

.person-header__background {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  background-color: #ee3351;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }
  @media only screen and (min-width: 33.75em) {
    .person-header__background {
      min-height: 22.5rem; } }

.person-header__content {
  margin-bottom: 2rem;
  padding: 0 1.25rem;
  color: white;
  text-align: center;
  font-size: 1.25rem;
  font-family: "Trade Gothic Condensed", Arial, sans-serif;
  line-height: 1.3; }
  .no-touchdevice .person-header__content .button:hover {
    color: #ee3351; }

.person-header__name-container {
  position: relative; }

.person-header__name {
  margin-bottom: 1.25rem;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  font-size: 2.5rem; }
  @media only screen and (min-width: 33.75em) {
    .person-header__name {
      margin-bottom: 0.625rem; } }
  @media only screen and (min-width: 48em) {
    .person-header__name {
      font-size: 2.8125rem; } }
  @media only screen and (min-width: 64em) {
    .person-header__name {
      font-size: 3.75rem; } }

/* ==|====================
   Modules / M40 Image Gallery
   ======================= */
.m-image-gallery {
  margin-right: -1.25rem;
  margin-left: -1.25rem;
  opacity: 0;
  transition: opacity 1s ease-in-out; }
  @media only screen and (min-width: 48em) {
    .m-image-gallery {
      margin: 0; } }
  .m-image-gallery .grid {
    border: 0;
    margin-left: -0.25rem;
    margin-right: -0.25rem; }
  .m-image-gallery .grid-item,
  .m-image-gallery .grid-sizer {
    position: relative;
    width: 50%; }
    @media only screen and (min-width: 64em) {
      .m-image-gallery .grid-item,
      .m-image-gallery .grid-sizer {
        width: 33.33%; } }
    .m-image-gallery .grid-item:hover,
    .m-image-gallery .grid-sizer:hover {
      color: inherit; }
  .m-image-gallery .grid-item {
    padding: 0.25rem; }
  .m-image-gallery .grid-sizer {
    display: none; }
  .m-image-gallery .img-upload-item {
    padding: 0.25rem;
    float: right;
    width: 50%; }
    .m-image-gallery .img-upload-item .m-image-upload {
      max-width: none; }
    @media only screen and (min-width: 64em) {
      .m-image-gallery .img-upload-item {
        width: 33.33%; } }
  .m-image-gallery img {
    width: 100%; }
  .m-image-gallery .grid__actions {
    display: block;
    padding: 0.5rem;
    width: 100%;
    height: 2.5rem;
    border: 1px solid #dadada;
    border-top: 0;
    background-color: white;
    cursor: pointer; }
    .m-image-gallery .grid__actions svg {
      transition: fill 0.3s ease-in-out;
      fill: #999999; }
    .m-image-gallery .grid__actions:hover svg {
      fill: #ee3351; }
    .m-image-gallery .grid__actions:hover .grid__actions-text {
      color: #ee3351; }
    .m-image-gallery .grid__actions .icon {
      width: 1.3125rem;
      height: 1rem; }
  .m-image-gallery .grid__actions-text {
    position: relative;
    bottom: 0.125rem;
    color: #444f51;
    font-size: 0.875rem;
    transition: color 0.3s ease-in-out; }

/*!
 * baguetteBox.js
 * @author  feimosi
 * @version 1.8.2
 * @url https://github.com/feimosi/baguetteBox.js
 */
#baguetteBox-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000000;
  display: none;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  transition: opacity 0.5s ease; }
  #baguetteBox-overlay.visible {
    opacity: 1; }
  #baguetteBox-overlay .full-image {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    text-align: center; }
    #baguetteBox-overlay .full-image:before {
      display: inline-block;
      margin-right: -1px;
      width: 1px;
      height: 50%;
      content: ""; }
    #baguetteBox-overlay .full-image img {
      display: inline-block;
      max-width: 100%;
      max-height: 100%;
      width: auto;
      height: auto;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
      vertical-align: middle; }
    #baguetteBox-overlay .full-image figure {
      display: inline;
      margin: 0;
      height: 100%; }
    #baguetteBox-overlay .full-image figcaption {
      position: absolute;
      bottom: 0;
      display: block;
      width: 100%;
      background-color: rgba(0, 0, 0, 0.6);
      color: #ccc;
      text-align: center;
      white-space: normal;
      font-family: sans-serif;
      line-height: 1.8; }

#baguetteBox-slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  white-space: nowrap;
  transition: left .4s ease, transform .4s ease; }
  #baguetteBox-slider.bounce-from-right {
    animation: bounceFromRight .4s ease-out; }
  #baguetteBox-slider.bounce-from-left {
    animation: bounceFromLeft .4s ease-out; }

@keyframes bounceFromRight {
  0% {
    margin-left: 0; }
  50% {
    margin-left: -30px; }
  100% {
    margin-left: 0; } }

@keyframes bounceFromLeft {
  0% {
    margin-left: 0; }
  50% {
    margin-left: 30px; }
  100% {
    margin-left: 0; } }

.baguetteBox-button {
  position: absolute;
  margin: 0;
  padding: 0;
  outline: none;
  border: 0;
  border-radius: 15%;
  background-color: transparent;
  color: #ddd;
  font: 1.6em sans-serif;
  cursor: pointer;
  transition: background-color .4s ease; }
  .baguetteBox-button#next-button, .baguetteBox-button#previous-button {
    top: calc(50% - 30px);
    width: 44px;
    height: 60px; }
  .baguetteBox-button#next-button {
    right: 2%;
    background-image: url(../assets/svg/next.svg);
    background-position: center center;
    background-repeat: no-repeat; }
  .baguetteBox-button#previous-button {
    left: 2%;
    background-image: url(../assets/svg/previous.svg);
    background-position: center center;
    background-repeat: no-repeat; }
  .baguetteBox-button#close-button {
    top: 20px;
    right: calc(2% + 6px);
    width: 30px;
    height: 30px;
    background-image: url(../assets/svg/close.svg);
    background-position: center center;
    background-repeat: no-repeat; }
  .baguetteBox-button svg {
    display: none; }

/*
    Preloader
    Borrowed from http://tobiasahlin.com/spinkit/
*/
.baguetteBox-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  margin-top: -20px;
  margin-left: -20px;
  width: 40px;
  height: 40px; }

.baguetteBox-double-bounce1,
.baguetteBox-double-bounce2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  opacity: .6;
  animation: bounce 2s infinite ease-in-out; }

.baguetteBox-double-bounce2 {
  animation-delay: -1s; }

@keyframes bounce {
  0%, 100% {
    transform: scale(0); }
  50% {
    transform: scale(1); } }

/* ==|====================
   Components / logo
   ======================= */
.logo {
  width: 200px;
  height: 32px; }
  .logo g {
    fill: white; }

[data-logo-color-pop-red] g {
  fill: #990000; }

/* ==|====================
   Components / desktopmeta
   ======================= */
.desktopmeta {
  width: 100%;
  height: calc(100% + 1px); }
  .desktopmeta:before {
    display: none;
    position: absolute;
    right: 0;
    width: 30px;
    height: calc(100% + 1px);
    content: "";
    background-color: white;
    transform: translateX(100%); }
    @media only screen and (min-width: 48em) {
      .desktopmeta:before {
        transition: background-color 140ms linear; } }
  .desktopmeta.is-active {
    background-color: #1d2223; }
    @media only screen and (min-width: 48em) {
      .desktopmeta.is-active {
        transition: height 230ms linear, background-color 120ms linear; } }
    .desktopmeta.is-active:after {
      bottom: -1px;
      background-color: #1d2223; }
      @media only screen and (min-width: 48em) {
        .desktopmeta.is-active:after {
          transition: background-color 120ms linear; } }
    .desktopmeta.is-active:before {
      display: block;
      background-color: #1d2223; }
      @media only screen and (min-width: 48em) {
        .desktopmeta.is-active:before {
          transition: background-color 120ms linear; } }
    .desktopmeta.is-active .desktopmeta__itemlink:hover .desktopmeta__icon .icon {
      fill: #ee3351; }
    .desktopmeta.is-active .desktopmeta__itemlink .desktopmeta__icon .icon {
      fill: white; }

.desktopmeta__itemwrap {
  display: table;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  list-style: outside none none; }
  .desktopmeta__itemwrap > li {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2.5rem;
    transition: width 240ms linear, left 240ms linear,  top 240ms linear; }
    .desktopmeta__itemwrap > li:nth-child(1) {
      top: 12%; }
    .desktopmeta__itemwrap > li:nth-child(2) {
      top: 39%; }
    .desktopmeta__itemwrap > li:nth-child(3) {
      top: 66%; }

.desktopmeta__itemlink {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: 1.6875rem;
  margin: 0.375rem auto;
  text-align: center; }
  .desktopmeta__itemlink.is-active.anim-open > .desktopmeta__icon .icon {
    fill: #ee3351; }
  .desktopmeta__itemlink:hover > .desktopmeta__icon .icon {
    fill: #ee3351; }

.desktopmeta__label {
  position: absolute;
  top: 50%;
  left: 50%;
  font-family: "Trade Gothic Condensed", Arial, sans-serif;
  font-size: 0.8125em;
  font-weight: 700;
  letter-spacing: .0125em;
  text-transform: uppercase;
  opacity: 1;
  transform: translate(-50%, -50%);
  transition: letter-spacing 180ms linear, opacity 160ms linear; }

.desktopmeta__icon {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: opacity 260ms linear; }
  .desktopmeta__icon .icon {
    width: 1.25rem;
    height: 1.25rem; }

.navigation--prepare .desktopmeta__label {
  position: absolute;
  letter-spacing: -7px;
  opacity: 0; }

.navigation--prepare .desktopmeta__icon {
  opacity: 1; }

.navigation--prepare .desktopmeta__itemwrap > li {
  left: 34%;
  width: 38px; }

.navigation--prepareafter .desktopmeta__itemwrap > li:nth-child(1) {
  top: 25%;
  left: 0; }

.navigation--prepareafter .desktopmeta__itemwrap > li:nth-child(2) {
  top: 25%;
  left: 34%; }

.navigation--prepareafter .desktopmeta__itemwrap > li:nth-child(3) {
  top: 25%;
  left: 68%; }

/* ==|====================
   Components / desktopnav
   ======================= */
.desktopnav {
  display: none; }
  @media only screen and (min-width: 48em) {
    .desktopnav {
      display: table;
      height: 100%;
      margin: 0;
      padding: 0; } }

.desktopnav__item {
  display: table-cell;
  vertical-align: middle; }
  .desktopnav__item:last-child {
    border-right: 0; }

@media only screen and (min-width: 48em) {
  .desktopnav__itemlink {
    display: block;
    height: 10rem;
    padding: 0 2vw;
    border-right: 1px solid #e9e9e9;
    transition: height 230ms linear, background-color 120ms linear; } }

@media only screen and (min-width: 120em) {
  .desktopnav__itemlink {
    padding: 0 3vw; } }

@media only screen and (min-width: 48em) {
  .desktopnav__itemlink.anim-close {
    transition: height 230ms linear, background-color 140ms linear; } }

.desktopnav__itemlink.is-active[data-flyout-toggle] {
  background-color: #1d2223; }

.desktopnav__itemlink.is-active.anim-close[data-flyout-toggle] {
  background-color: white; }

@media only screen and (min-width: 48em) {
  .navigation--small .desktopnav__itemlink {
    height: 5rem; } }

.desktopnav__navlabel {
  display: block;
  position: relative;
  top: 50%;
  font-family: "Trade Gothic Condensed", Arial, sans-serif;
  font-size: 0.9375em;
  font-weight: 700;
  letter-spacing: .0125em;
  text-align: center;
  line-height: 1;
  text-transform: uppercase;
  transform: translateY(-50%); }

.desktopnav__flyout {
  visibility: hidden;
  position: fixed;
  z-index: 0;
  bottom: -1px;
  left: 0;
  overflow: hidden;
  width: 0;
  height: 0;
  opacity: 0;
  background-color: #1d2223;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover; }
  .desktopnav__flyout::after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 32%;
    content: "";
    background: linear-gradient(to bottom, #1d2223 0%, rgba(29, 34, 35, 0) 100%); }

.desktopnav__flyout--nobackground:after {
  display: none; }

.desktopnav__close {
  position: absolute;
  top: 0.5rem;
  right: 1rem;
  z-index: 1;
  width: 2.75rem;
  height: 2.75rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }
  .desktopnav__close .icon {
    width: 1.75rem;
    height: 1.75rem;
    fill: white; }

@keyframes openFlyout {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes closeFlyout {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/* ==|====================
   Components / subnav
   ======================= */
.subnav {
  display: table;
  position: relative;
  top: 50%;
  max-width: 59.375rem;
  margin: auto;
  transform: translateY(-50%); }
  @media only screen and (min-width: 48em) {
    .subnav {
      max-width: 35.625rem; } }
  @media only screen and (min-width: 64em) {
    .subnav {
      max-width: 47.5rem; } }
  @media only screen and (min-width: 87.5em) {
    .subnav {
      max-width: 59.375rem; } }
  @media only screen and (min-width: 120em) {
    .subnav {
      max-width: 71.25rem; } }

.subnav__item {
  position: relative;
  float: left;
  width: 11.875rem;
  height: 5rem;
  margin-top: -1px;
  margin-left: -1px;
  border-width: 1px;
  border-style: solid;
  border-color: #444f51;
  vertical-align: middle;
  background-color: rgba(0, 0, 0, 0.2);
  transition: border-width 240ms linear, border-color 20ms linear 0ms, background-color 3s; }
  .no-touchdevice .subnav__item:hover {
    z-index: 1;
    border-width: 3px;
    border-color: white;
    transition: border 230ms cubic-bezier(0.455, 0.03, 0.515, 0.955), border-color 240ms linear, background-color 120ms;
    background-color: rgba(0, 0, 0, 0.6); }
  .subnav__item.is-selected {
    background-color: #444f51; }

.subnav__label {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  font-family: "Trade Gothic Condensed", Arial, sans-serif;
  font-size: 0.875em;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  letter-spacing: .025em;
  text-transform: uppercase;
  color: white;
  transform: translate(-50%, -50%); }

/* ==|====================
   Components / Sidebar Link
   ======================= */
.sidebarlink {
  display: -ms-flexbox;
  display: flex;
  padding-top: 1.375rem;
  padding-right: 0.625rem;
  padding-bottom: 1.375rem;
  padding-left: 0.625rem;
  width: 100%;
  border-bottom: 1px solid #f3798d;
  background-color: #ee3351;
  color: white;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .025em;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1;
  cursor: pointer;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .sidebarlink:first-child {
    border-top: 1px solid #f3798d; }
    @media only screen and (min-width: 48em) {
      .sidebarlink:first-child {
        border-top: 1px solid #f3798d; } }
  .sidebarlink.is-selected {
    background-color: #ff5b70;
    color: white; }
    .sidebar--light .sidebarlink.is-selected {
      background-color: #444f51;
      color: white; }
  .sidebar--light .sidebarlink {
    border-bottom: 1px solid #e9e9e9;
    background-color: white;
    color: #444f51; }
    @media only screen and (min-width: 48em) {
      .sidebar--light .sidebarlink:first-child {
        border-top: 1px solid #e9e9e9; } }
    .no-touchdevice .sidebar--light .sidebarlink:hover {
      background-color: #444f51;
      color: white; }
  .sidebar--myds .sidebarlink {
    border-top: 1px solid #f3798d; }
  .no-touchdevice .sidebarlink:hover {
    background-color: #ff5b70;
    color: white; }
  .sidebarlink.sidebarlink--large {
    padding-top: 1rem;
    padding-bottom: 1rem;
    letter-spacing: -.025em;
    font-weight: 700;
    font-size: 1.5rem;
    font-family: "Trade Gothic Condensed", Arial, sans-serif; }
    @media only screen and (min-width: 64em) {
      .sidebarlink.sidebarlink--large {
        font-size: 1.75rem; } }
  .sidebarlink.sidebarlink--detail {
    display: block;
    padding-top: 1.375rem;
    padding-bottom: 1rem;
    height: auto;
    letter-spacing: 0;
    font-size: 1.625rem;
    font-family: "Trade Gothic Condensed", Arial, sans-serif; }
  .sidebarlink i {
    margin-right: 0.625rem;
    width: 0.8125rem;
    height: 0.8125rem;
    fill: white; }

.sidebarlink__details {
  display: block;
  margin: 0;
  padding-top: 0.875rem;
  padding-bottom: 0;
  text-align: center;
  font-size: 0.875rem;
  font-family: "Trade Gothic", Arial, sans-serif; }

/* ==|====================
   Components / Sidebar Header
   ======================= */
.sidebarheader {
  padding-top: 3.875rem;
  padding-bottom: 1rem; }
  .sidebar--blog .sidebarheader {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    height: 12rem; }

h1.sidebarheader__title,
div.sidebarheader__title {
  padding-top: 1.125rem;
  padding-bottom: 2.625rem;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-family: "Trade Gothic Condensed", Arial, sans-serif;
  font-size: 2.375em;
  font-weight: 700;
  text-align: center;
  letter-spacing: .002em;
  margin: auto; }

.sidebarheader__subtitle {
  margin-top: -2.375rem;
  padding-bottom: 3.875rem;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-family: "Trade Gothic Condensed", Arial, sans-serif;
  font-size: 1.25rem;
  text-align: center;
  text-transform: uppercase; }

.sidebarheader__text {
  padding-bottom: 1.5rem;
  cursor: default;
  text-align: center; }

/* ==|====================
   Components / Sidebar Nav
   ======================= */
.sidebarnav {
  overflow: hidden;
  transition: height 175ms cubic-bezier(0.17, 0.67, 0.83, 0.67); }
  @media only screen and (min-width: 48em) {
    .sidebarnav {
      height: auto !important;
      transition: none;
      margin-bottom: 2.875rem; } }
  .sidebarnav + .sidebarnav .sidebarlink:first-child {
    border-top: 0; }
  .sidebarnav .crosslink {
    display: block;
    padding-top: 1.5625rem;
    padding-bottom: 1.5625rem;
    text-align: center;
    text-decoration: underline; }
    @media only screen and (min-width: 48em) {
      .sidebarnav .crosslink {
        padding-top: 3.125rem;
        padding-bottom: 3.125rem; } }

.sidebarnav-trigger {
  position: relative;
  border-top: 1px solid #f3798d;
  cursor: pointer; }
  @media only screen and (min-width: 48em) {
    .sidebarnav-trigger {
      display: none; } }
  .sidebarnav-trigger + .sidebarnav {
    height: 0; }
    .sidebarnav-trigger + .sidebarnav .sidebarlink:first-child {
      border-top-width: 0; }
      @media only screen and (min-width: 48em) {
        .sidebarnav-trigger + .sidebarnav .sidebarlink:first-child {
          border-top-width: 1px; } }
  .sidebarnav-trigger.is-open {
    color: #ee3351;
    background-color: white; }
    .sidebarnav-trigger.is-open:after {
      content: attr(data-close); }
    .no-touchdevice .sidebarnav-trigger.is-open:hover .icon {
      fill: white; }
    .no-touchdevice .sidebar--light .sidebarnav-trigger.is-open:hover {
      background-color: #1d2223; }
    .sidebarnav-trigger.is-open .icon {
      fill: #ee3351;
      transform: rotate(-180deg); }
      .sidebar--light .sidebarnav-trigger.is-open .icon {
        fill: white; }
    .sidebar--light .sidebarnav-trigger.is-open {
      color: white;
      background-color: #1d2223; }
  .sidebarnav-trigger:after {
    padding-bottom: 1rem;
    content: attr(data-open); }
  .no-touchdevice .sidebar--light .sidebarnav-trigger:hover .icon {
    fill: white; }
  .sidebarnav-trigger .icon {
    position: absolute;
    width: 1rem;
    height: 1rem;
    top: 2.75rem;
    transform: rotate(0deg);
    margin: 0 0 0 -0.5rem;
    left: 50%;
    fill: white; }
    .sidebar--light .sidebarnav-trigger .icon {
      fill: #444f51; }
  .sidebar--light .sidebarnav-trigger {
    border-top: 1px solid #e9e9e9; }
  .sidebar--blog .sidebarnav-trigger {
    border-top: 0; }

.sidebarnav__button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: 3.75rem;
  border-bottom: 1px solid #e9e9e9;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: white; }
  .sidebarnav__button i {
    width: 1.25rem;
    height: 1.25rem;
    padding-right: 0.25rem; }
  .sidebarnav__button .icon {
    position: relative;
    top: -0.0625rem;
    right: 0.25rem;
    width: 1.125rem;
    fill: #444f51; }
  .sidebar--light .sidebarnav__button {
    color: #444f51; }
    .no-touchdevice .sidebar--light .sidebarnav__button .sidebarnav__buttonlabel {
      color: #444f51; }
  .no-touchdevice .sidebarnav__button:hover {
    color: white;
    background-color: #ff5b70; }
  .no-touchdevice .sidebar--light .sidebarnav__button:hover {
    background-color: #444f51; }
  .no-touchdevice .sidebarnav__button:hover .sidebarnav__buttonlabel {
    color: white; }
  .no-touchdevice .sidebarnav__button:hover .icon {
    fill: white; }

.sidebarnav__search {
  display: block;
  position: relative;
  height: 3.75rem;
  margin-bottom: 0;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  text-align: center;
  color: #444f51; }
  @media only screen and (min-width: 48em) {
    .sidebarnav__search {
      margin-bottom: 2.625rem; } }
  .sidebarnav__search .icon {
    margin-right: 0.3125rem;
    fill: #444f51; }

.sidebarnav__searchfocus {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
  height: 100%;
  opacity: 1;
  background-color: #ee3351;
  transition: opacity 300ms linear; }
  .sidebar--light .sidebarnav__searchfocus {
    background-color: white; }
  .sidebarnav__searchfocus .icon {
    width: 20px;
    height: 20px;
    padding-right: 0.3125rem; }

.sidebarnav__searchfocuslabel {
  position: relative; }

.sidebarnav__searchfield {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  border: 0;
  text-align: center;
  color: white;
  background: transparent;
  transition: opacity 300ms linear; }
  .sidebar--light .sidebarnav__searchfield {
    color: #444f51; }
  .sidebarnav__searchfield + .sidebarnav__searchfocus {
    opacity: 0; }
  .sidebarnav__searchfield.placeholder-shown {
    opacity: 0; }
    .sidebarnav__searchfield.placeholder-shown + .sidebarnav__searchfocus {
      opacity: 1; }
  .sidebarnav__searchfield:focus {
    opacity: 1; }
    .sidebarnav__searchfield:focus + .sidebarnav__searchfocus {
      opacity: 0; }

/* ==|====================
   Components / filterbar
   ======================= */
.filterbar {
  display: none;
  position: relative;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  margin-bottom: 1.1875rem;
  -ms-flex-line-pack: stretch;
      align-content: stretch; }
  @media only screen and (min-width: 48em) {
    .filterbar {
      display: -ms-flexbox;
      display: flex; } }
  .filterbar:before {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    content: "";
    background-color: #dadada; }
  .filterbar:after {
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    content: "";
    background-color: #dadada; }
  .filterbar input[type="checkbox"] {
    display: none; }
    .filterbar input[type="checkbox"]:checked + .filterbar__subitem .filterbar__itemtrigger {
      background-image: url("../assets/svg/checked-light.svg");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 100% 100%; }
  .filterbar .filterbar__filter.is-sublevel input[type="checkbox"]:checked + .filterbar__subitem .filterbar__itemtrigger {
    background-image: url("../assets/svg/checked-light-point.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 0.5rem 0.5rem; }
  .filterbar .filterbar__filter.is-open.is-sublevel input[type="checkbox"]:checked + .filterbar__subitem .filterbar__itemtrigger {
    background-image: url("../assets/svg/checked-light-point.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 0.5rem 0.5rem; }
  .filterbar .filterbar__filter.is-open input[type="checkbox"]:checked + .filterbar__subitem {
    background-color: #444f51; }
    .filterbar .filterbar__filter.is-open input[type="checkbox"]:checked + .filterbar__subitem .filterbar__itemtrigger {
      border: 1px solid white;
      background-image: url("../assets/svg/checked-light.svg");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 100% 100%; }

.filterbar__head {
  display: none;
  -ms-flex: 0 0 16.66%;
      flex: 0 0 16.66%;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-order: 0;
      order: 0;
  height: 3.75rem;
  background: white;
  -ms-flex-item-align: auto;
      -ms-grid-row-align: auto;
      align-self: auto; }
  @media only screen and (min-width: 48em) {
    .filterbar__head {
      -ms-flex: 0 0 16.66%;
          flex: 0 0 16.66%; } }
  @media only screen and (min-width: 64em) {
    .filterbar__head {
      display: -ms-flexbox;
      display: flex;
      -ms-flex: 0 0 16.66%;
          flex: 0 0 16.66%; } }
  @media only screen and (min-width: 87.5em) {
    .filterbar__head {
      -ms-flex: 0 0 16.66%;
          flex: 0 0 16.66%; } }
  .filterbar__head > span {
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #999999; }

.filterbar__payload {
  display: block;
  position: relative;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-order: 0;
      order: 0;
  -ms-flex-item-align: auto;
      -ms-grid-row-align: auto;
      align-self: auto; }

.filterbar__item {
  display: block;
  float: left;
  width: 33.333%;
  height: 3.75rem;
  font-size: 1em;
  background-color: white; }
  .filterbar__item:first-child .filterbar__itemlink:before {
    left: -1px; }
  @media only screen and (min-width: 48em) {
    .filterbar__item {
      width: 33.333%; } }
  @media only screen and (min-width: 64em) {
    .filterbar__item {
      width: 33.333%; } }
  @media only screen and (min-width: 87.5em) {
    .filterbar__item {
      width: 20%; } }
  @media only screen and (min-width: 120em) {
    .filterbar__item {
      width: 25%; } }

.filterbar__close {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 50%;
  right: 0.625rem;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  cursor: pointer;
  transform: translateY(-50%); }
  .filterbar__close .icon {
    width: 1.3125rem;
    height: 1.3125rem;
    fill: white; }

.filterbar__itemlink {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  float: left;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  width: 100%;
  height: 100%;
  padding-left: 3.75rem;
  border-top: 1px solid #dadada;
  cursor: pointer; }
  .filterbar__itemlink.is-open {
    border-top-color: #1d2223; }
    .filterbar__itemlink.is-open ~ .filterbar__flyout,
    .filterbar__itemlink.is-open ~ .filterbar__flyoutspacer {
      display: block; }
    .filterbar__itemlink.is-open .filterbar__itemlabel:after {
      background-color: #1d2223; }
  .filterbar__itemlink:hover .filterbar__itemlabel:after {
    background-color: #3a3e3f; }
  .filterbar__itemlink:hover.is-open .filterbar__itemlabel:after {
    background-color: #1d2223; }
  .filterbar__itemlink.is-sublevel .filterbar__itemlabelbox {
    background-image: url("../assets/svg/checked-point.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 0.5rem 0.5rem;
    display: block; }
  .filterbar__itemlink:after {
    position: absolute;
    top: -1px;
    right: -1px;
    width: 1px;
    height: calc(100% + 1px);
    content: "";
    background-color: #dadada; }
  .filterbar__itemlink:before {
    position: absolute;
    top: -1px;
    left: 0;
    width: 1px;
    height: calc(100% + 1px);
    content: "";
    background-color: #dadada; }
  .filterbar__itemlink:hover, .filterbar__itemlink.is-open {
    position: relative;
    border-top-color: #1d2223;
    background-color: #1d2223; }
    .filterbar__itemlink:hover:after, .filterbar__itemlink.is-open:after {
      z-index: 1;
      background-color: #3a3e3f; }
    .filterbar__itemlink:hover:before, .filterbar__itemlink.is-open:before {
      z-index: 1;
      background-color: #3a3e3f; }
    .filterbar__itemlink:hover.is-sublevel .filterbar__itemlabelbox, .filterbar__itemlink.is-open.is-sublevel .filterbar__itemlabelbox {
      background-image: url("../assets/svg/checked-light-point.svg"); }
    .filterbar__itemlink:hover .filterbar__itemlabel, .filterbar__itemlink.is-open .filterbar__itemlabel {
      color: white; }
      .filterbar__itemlink:hover .filterbar__itemlabel:after, .filterbar__itemlink.is-open .filterbar__itemlabel:after {
        position: absolute;
        z-index: 1;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        content: ""; }
    .filterbar__itemlink:hover .filterbar__itemlabelbox, .filterbar__itemlink.is-open .filterbar__itemlabelbox {
      border-color: white; }

.filterbar__itemlabel {
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 1.125rem;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  color: #444f51; }

.filterbar__itemlabelbox {
  display: none;
  position: absolute;
  top: 50%;
  left: 1rem;
  width: 1.875rem;
  height: 1.875rem;
  border: 1px solid #444f51;
  transform: translateY(-50%);
  cursor: pointer; }

.filterbar__flyout {
  display: none;
  position: absolute;
  z-index: 98;
  top: calc(100% + 3.625rem);
  left: 0;
  width: 100%;
  background-color: #1d2223;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
  .filterbar__flyout input {
    display: none; }

.filterbar__flyoutspacer {
  display: none;
  position: absolute;
  z-index: 98;
  top: 100%;
  left: -1px;
  width: calc(100% + 1px);
  height: 3.625rem;
  border-bottom: 1px solid #3a3e3f;
  border-left: 1px solid #1d2223;
  background-color: #1d2223; }

.filterbar__filter.is-open .filterbar__subitem {
  background-color: #444f51; }
  .filterbar__filter.is-open .filterbar__subitem .filterbar__itemtrigger {
    border: 1px solid white; }
  .filterbar__filter.is-open .filterbar__subitem .filterbar__subitemlabel:after {
    background-color: #444f51; }

.filterbar__filter.is-open .filterbar__detailtrigger .icon {
  transform: rotate(-180deg);
  fill: white; }

.filterbar__filter.is-sublevel .filterbar__subitem .filterbar__itemtrigger {
  background-image: url("../assets/svg/checked-light-point.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 0.5rem 0.5rem; }

.filterbar__filter:nth-child(1) .filterbar__detailmenu, .filterbar__filter:nth-child(2) .filterbar__detailmenu {
  top: 60px; }

.filterbar__filter:nth-child(3) .filterbar__detailmenu, .filterbar__filter:nth-child(4) .filterbar__detailmenu {
  top: 120px; }

.filterbar__filter:nth-child(5) .filterbar__detailmenu, .filterbar__filter:nth-child(6) .filterbar__detailmenu {
  top: 180px; }

.filterbar__filter:nth-child(7) .filterbar__detailmenu, .filterbar__filter:nth-child(8) .filterbar__detailmenu {
  top: 240px; }

.filterbar__filter:nth-child(9) .filterbar__detailmenu, .filterbar__filter:nth-child(10) .filterbar__detailmenu {
  top: 300px; }

.filterbar__filter:nth-child(11) .filterbar__detailmenu, .filterbar__filter:nth-child(12) .filterbar__detailmenu {
  top: 360px; }

.filterbar__filter:nth-child(13) .filterbar__detailmenu, .filterbar__filter:nth-child(14) .filterbar__detailmenu {
  top: 420px; }

.filterbar__filter:nth-child(15) .filterbar__detailmenu, .filterbar__filter:nth-child(16) .filterbar__detailmenu {
  top: 480px; }

.filterbar__filter:nth-child(17) .filterbar__detailmenu, .filterbar__filter:nth-child(18) .filterbar__detailmenu {
  top: 540px; }

.filterbar__filter:nth-child(19) .filterbar__detailmenu, .filterbar__filter:nth-child(20) .filterbar__detailmenu {
  top: 600px; }

.filterbar__filter:nth-child(21) .filterbar__detailmenu, .filterbar__filter:nth-child(22) .filterbar__detailmenu {
  top: 660px; }

.filterbar__filter:nth-child(23) .filterbar__detailmenu, .filterbar__filter:nth-child(24) .filterbar__detailmenu {
  top: 720px; }

.filterbar__filter:nth-child(25) .filterbar__detailmenu, .filterbar__filter:nth-child(26) .filterbar__detailmenu {
  top: 780px; }

.filterbar__filter:nth-child(27) .filterbar__detailmenu, .filterbar__filter:nth-child(28) .filterbar__detailmenu {
  top: 840px; }

.filterbar__filter:nth-child(29) .filterbar__detailmenu, .filterbar__filter:nth-child(30) .filterbar__detailmenu {
  top: 900px; }

.filterbar__filter:nth-child(31) .filterbar__detailmenu, .filterbar__filter:nth-child(32) .filterbar__detailmenu {
  top: 960px; }

@media only screen and (min-width: 64em) {
  .filterbar__filter:nth-child(1) .filterbar__detailmenu, .filterbar__filter:nth-child(2) .filterbar__detailmenu, .filterbar__filter:nth-child(3) .filterbar__detailmenu {
    top: 60px; }
  .filterbar__filter:nth-child(4) .filterbar__detailmenu, .filterbar__filter:nth-child(5) .filterbar__detailmenu, .filterbar__filter:nth-child(6) .filterbar__detailmenu {
    top: 120px; }
  .filterbar__filter:nth-child(7) .filterbar__detailmenu, .filterbar__filter:nth-child(8) .filterbar__detailmenu, .filterbar__filter:nth-child(9) .filterbar__detailmenu {
    top: 180px; }
  .filterbar__filter:nth-child(10) .filterbar__detailmenu, .filterbar__filter:nth-child(11) .filterbar__detailmenu, .filterbar__filter:nth-child(12) .filterbar__detailmenu {
    top: 240px; }
  .filterbar__filter:nth-child(13) .filterbar__detailmenu, .filterbar__filter:nth-child(14) .filterbar__detailmenu, .filterbar__filter:nth-child(15) .filterbar__detailmenu {
    top: 300px; }
  .filterbar__filter:nth-child(16) .filterbar__detailmenu, .filterbar__filter:nth-child(17) .filterbar__detailmenu, .filterbar__filter:nth-child(18) .filterbar__detailmenu {
    top: 360px; }
  .filterbar__filter:nth-child(19) .filterbar__detailmenu, .filterbar__filter:nth-child(20) .filterbar__detailmenu, .filterbar__filter:nth-child(21) .filterbar__detailmenu {
    top: 420px; }
  .filterbar__filter:nth-child(22) .filterbar__detailmenu, .filterbar__filter:nth-child(23) .filterbar__detailmenu, .filterbar__filter:nth-child(24) .filterbar__detailmenu {
    top: 480px; }
  .filterbar__filter:nth-child(25) .filterbar__detailmenu, .filterbar__filter:nth-child(26) .filterbar__detailmenu, .filterbar__filter:nth-child(27) .filterbar__detailmenu {
    top: 540px; }
  .filterbar__filter:nth-child(28) .filterbar__detailmenu, .filterbar__filter:nth-child(29) .filterbar__detailmenu, .filterbar__filter:nth-child(30) .filterbar__detailmenu {
    top: 600px; } }

@media only screen and (min-width: 87.5em) {
  .filterbar__filter:nth-child(1) .filterbar__detailmenu, .filterbar__filter:nth-child(2) .filterbar__detailmenu, .filterbar__filter:nth-child(3) .filterbar__detailmenu, .filterbar__filter:nth-child(4) .filterbar__detailmenu {
    top: 60px; }
  .filterbar__filter:nth-child(5) .filterbar__detailmenu, .filterbar__filter:nth-child(6) .filterbar__detailmenu, .filterbar__filter:nth-child(7) .filterbar__detailmenu, .filterbar__filter:nth-child(8) .filterbar__detailmenu {
    top: 120px; }
  .filterbar__filter:nth-child(9) .filterbar__detailmenu, .filterbar__filter:nth-child(10) .filterbar__detailmenu, .filterbar__filter:nth-child(11) .filterbar__detailmenu, .filterbar__filter:nth-child(12) .filterbar__detailmenu {
    top: 180px; }
  .filterbar__filter:nth-child(13) .filterbar__detailmenu, .filterbar__filter:nth-child(14) .filterbar__detailmenu, .filterbar__filter:nth-child(15) .filterbar__detailmenu, .filterbar__filter:nth-child(16) .filterbar__detailmenu {
    top: 240px; }
  .filterbar__filter:nth-child(17) .filterbar__detailmenu, .filterbar__filter:nth-child(18) .filterbar__detailmenu, .filterbar__filter:nth-child(19) .filterbar__detailmenu, .filterbar__filter:nth-child(20) .filterbar__detailmenu {
    top: 300px; }
  .filterbar__filter:nth-child(21) .filterbar__detailmenu, .filterbar__filter:nth-child(22) .filterbar__detailmenu, .filterbar__filter:nth-child(23) .filterbar__detailmenu, .filterbar__filter:nth-child(24) .filterbar__detailmenu {
    top: 360px; }
  .filterbar__filter:nth-child(25) .filterbar__detailmenu, .filterbar__filter:nth-child(26) .filterbar__detailmenu, .filterbar__filter:nth-child(27) .filterbar__detailmenu, .filterbar__filter:nth-child(28) .filterbar__detailmenu {
    top: 420px; }
  .filterbar__filter:nth-child(29) .filterbar__detailmenu, .filterbar__filter:nth-child(30) .filterbar__detailmenu, .filterbar__filter:nth-child(31) .filterbar__detailmenu, .filterbar__filter:nth-child(32) .filterbar__detailmenu {
    top: 480px; } }

@media only screen and (min-width: 120em) {
  .filterbar__filter:nth-child(1) .filterbar__detailmenu, .filterbar__filter:nth-child(2) .filterbar__detailmenu, .filterbar__filter:nth-child(3) .filterbar__detailmenu, .filterbar__filter:nth-child(4) .filterbar__detailmenu, .filterbar__filter:nth-child(5) .filterbar__detailmenu {
    top: 60px; }
  .filterbar__filter:nth-child(6) .filterbar__detailmenu, .filterbar__filter:nth-child(7) .filterbar__detailmenu, .filterbar__filter:nth-child(8) .filterbar__detailmenu, .filterbar__filter:nth-child(9) .filterbar__detailmenu, .filterbar__filter:nth-child(10) .filterbar__detailmenu {
    top: 120px; }
  .filterbar__filter:nth-child(11) .filterbar__detailmenu, .filterbar__filter:nth-child(12) .filterbar__detailmenu, .filterbar__filter:nth-child(13) .filterbar__detailmenu, .filterbar__filter:nth-child(14) .filterbar__detailmenu, .filterbar__filter:nth-child(15) .filterbar__detailmenu {
    top: 180px; }
  .filterbar__filter:nth-child(16) .filterbar__detailmenu, .filterbar__filter:nth-child(17) .filterbar__detailmenu, .filterbar__filter:nth-child(18) .filterbar__detailmenu, .filterbar__filter:nth-child(19) .filterbar__detailmenu, .filterbar__filter:nth-child(20) .filterbar__detailmenu {
    top: 240px; }
  .filterbar__filter:nth-child(21) .filterbar__detailmenu, .filterbar__filter:nth-child(22) .filterbar__detailmenu, .filterbar__filter:nth-child(23) .filterbar__detailmenu, .filterbar__filter:nth-child(24) .filterbar__detailmenu, .filterbar__filter:nth-child(25) .filterbar__detailmenu {
    top: 300px; }
  .filterbar__filter:nth-child(26) .filterbar__detailmenu, .filterbar__filter:nth-child(27) .filterbar__detailmenu, .filterbar__filter:nth-child(28) .filterbar__detailmenu, .filterbar__filter:nth-child(29) .filterbar__detailmenu, .filterbar__filter:nth-child(30) .filterbar__detailmenu {
    top: 360px; } }

.filterbar__detailmenu {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  z-index: 0;
  top: 0;
  left: -1px;
  overflow: hidden;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: calc(100% + 1px);
  height: 0;
  background-color: #444f51;
  transition: height 220ms cubic-bezier(0.445, 0.05, 0.55, 0.95); }
  .filterbar__detailmenu.is-active {
    z-index: 1; }

.filterbar__detailmenuwrap {
  width: 100%;
  padding: 4rem 2rem 1.625rem; }
  .filterbar__detailmenuwrap .filterbar__flyoutspacer {
    display: block;
    top: 0;
    border: 0;
    background-color: transparent; }

.filterbar__pusher {
  display: -ms-flexbox;
  display: flex;
  width: 1px;
  height: 0;
  background: transparent;
  transition: height 220ms cubic-bezier(0.445, 0.05, 0.55, 0.95); }

.filterbar__subitem {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  float: left;
  -ms-flex-align: center;
      align-items: center;
  width: calc(100% / 2);
  height: 3.75rem;
  padding-left: 1rem;
  font-size: 1em;
  background-color: #1d2223; }
  .filterbar__detailmenu .filterbar__subitem {
    width: 100px; }
  .filterbar__subitem:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    content: "";
    background-color: #3a3e3f; }
  .filterbar__subitem:before {
    position: absolute;
    top: 50%;
    left: -1px;
    width: 1px;
    height: 100%;
    content: "";
    background-color: #3a3e3f;
    transform: translateY(-50%); }
  @media only screen and (min-width: 64em) {
    .filterbar__subitem {
      width: 33.333%; } }
  @media only screen and (min-width: 87.5em) {
    .filterbar__subitem {
      width: 25%; } }
  @media only screen and (min-width: 120em) {
    .filterbar__subitem {
      width: 20%; } }

.filterbar__detailtrigger {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  -ms-flex-align: center;
      align-items: center;
  height: 100%;
  padding-right: 3rem;
  padding-left: 1rem;
  cursor: pointer; }
  .filterbar__detailtrigger .icon {
    position: absolute;
    top: 1.25rem;
    right: 1.375rem;
    width: 1.25rem;
    height: 1.25rem;
    transform: rotate(0deg);
    transform-origin: center;
    transition: transform 120ms linear, fill 120ms linear;
    fill: #444f51; }
  .filterbar__detailtrigger:hover .icon {
    fill: white; }

.filterbar__itemtrigger {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  width: 30px;
  height: 30px;
  border: 1px solid #444f51;
  cursor: pointer;
  transition: border-color 120ms linear; }
  .filterbar__itemtrigger:hover {
    border-color: white; }

.filterbar__subitemlabel {
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-family: "Trade Gothic", Arial, sans-serif;
  font-size: 1.0625rem;
  font-weight: 400;
  text-transform: uppercase;
  color: white; }
  .filterbar__subitemlabel:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    content: "";
    background-color: #3a3e3f; }

.filterbar__subfilterwrap {
  display: block;
  width: 100%;
  column-count: 2; }
  @media only screen and (min-width: 64em) {
    .filterbar__subfilterwrap {
      column-count: 3; } }
  @media only screen and (min-width: 87.5em) {
    .filterbar__subfilterwrap {
      column-count: 4; } }

.filterbar__subfilter {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 100%; }
  .filterbar__subfilter.is-title + .filterbar__subfilter {
    -webkit-column-break-before: avoid;
    display: block; }
  .filterbar__subfilter input[type="checkbox"] {
    display: none;
    margin-left: -20px; }
    .filterbar__subfilter input[type="checkbox"]:checked + .filterbar__sublvlitem:before {
      background-image: url("../assets/svg/checked-light.svg");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 100% 100%; }

.filterbar__sublvlitem {
  display: block;
  position: relative;
  padding: 0.625rem 0 0.625rem 2.8125rem;
  cursor: pointer; }
  .filterbar__sublvlitem:before {
    display: block;
    position: absolute;
    top: 0.3125rem;
    left: 0;
    width: 30px;
    height: 30px;
    border: 1px solid white;
    content: "";
    cursor: pointer; }

.filterbar__sublvlitem--title {
  padding-left: 0; }
  .filterbar__sublvlitem--title:before {
    display: none; }
  .filterbar__sublvlitem--title .filterbar__sublvlitemlbl {
    font-size: 1.25rem;
    font-weight: 700;
    text-transform: uppercase; }

.filterbar__sublvlitemlbl {
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-family: "Trade Gothic", Arial, sans-serif;
  font-size: 1.0625rem;
  font-weight: 400;
  text-transform: uppercase;
  color: white; }

/* ==|====================
   Components / tagcloud
   ======================= */
.tagcloud {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  margin-bottom: 0;
  -ms-flex-line-pack: stretch;
      align-content: stretch; }
  @media only screen and (min-width: 48em) {
    .tagcloud {
      margin-bottom: 1rem; } }
  .tagcloud:after {
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    content: "";
    background-color: #dadada; }

.tagcloud__head {
  display: none; }
  @media only screen and (min-width: 48em) {
    .tagcloud__head {
      display: -ms-flexbox;
      display: flex;
      -ms-flex: 0 0 16.66%;
          flex: 0 0 16.66%;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-order: 0;
          order: 0;
      height: 3.75rem;
      background: white;
      -ms-flex-item-align: auto;
          align-self: auto; } }
  @media only screen and (min-width: 64em) {
    .tagcloud__head {
      -ms-flex: 0 0 16.66%;
          flex: 0 0 16.66%; } }
  @media only screen and (min-width: 87.5em) {
    .tagcloud__head {
      -ms-flex: 0 0 16.66%;
          flex: 0 0 16.66%; } }
  @media only screen and (min-width: 48em) {
    .tagcloud__head > span {
      display: inline-block;
      font-size: 1.25rem;
      font-weight: 700;
      text-transform: uppercase;
      color: #999999; } }

.tagcloud__payload {
  display: block;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-order: 0;
      order: 0;
  -ms-flex-item-align: auto;
      -ms-grid-row-align: auto;
      align-self: auto; }

.tagcloud__item {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 50%;
  height: 3.75rem;
  cursor: pointer;
  font-size: 1em;
  background-color: #444f51;
  float: left; }
  @media only screen and (min-width: 48em) {
    .tagcloud__item {
      -ms-flex-pack: start;
          justify-content: flex-start;
      width: 33.33%; } }
  @media only screen and (min-width: 64em) {
    .tagcloud__item {
      width: 20%; } }
  @media only screen and (min-width: 87.5em) {
    .tagcloud__item {
      width: 25%; } }
  .tagcloud__item:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    content: "";
    background-color: #8c8f90; }
  .tagcloud__item:before {
    position: absolute;
    bottom: 0;
    left: -1px;
    width: 1px;
    height: 100%;
    content: "";
    background-color: #8c8f90; }
  .tagcloud__item .tagcloud__itemwrap {
    width: 100%;
    padding-right: 4.125rem;
    padding-left: 1.625rem; }
  .tagcloud__item .tagcloud__itemtitle {
    display: block;
    font-size: 0.875rem;
    text-transform: uppercase;
    color: white; }
    .tagcloud__item .tagcloud__itemtitle:after {
      position: absolute;
      z-index: 10;
      bottom: 0;
      left: -1px;
      width: calc(100% + 1px);
      height: 1px;
      content: "";
      background-color: #8c8f90; }
  .tagcloud__item .tagcloud__itemsubtitle {
    display: block;
    font-size: 0.875rem;
    text-transform: uppercase;
    color: white; }
  .tagcloud__item > .icon {
    position: absolute;
    top: 50%;
    right: 1.25rem;
    width: 0.875rem;
    height: 0.875rem;
    transform: translate3d(0, -50%, 0);
    fill: white; }

/* ==|====================
   Components / Viewbox
   ======================= */
.calendar-viewbox {
  width: calc(100% + 0.25em + .1vw);
  margin-left: -0.125em;
  margin-bottom: 2rem;
  overflow: hidden; }
  @media only screen and (min-width: 48em) {
    .calendar-viewbox {
      width: calc(100% + 0.4vw + .1vw);
      margin-left: -0.2vw; } }
  @media only screen and (min-width: 64em) {
    .calendar-viewbox {
      width: calc(100% + 0.4vw + .1vw);
      margin-left: -0.2vw; } }

.calendar-viewbox--list .calendarTile:not(.calendarTile--cover) {
  width: 100%;
  display: block; }
  .calendar-viewbox--list .calendarTile:not(.calendarTile--cover) .calendarTile__ratiocontainer {
    width: 100%; }
  .calendar-viewbox--list .calendarTile:not(.calendarTile--cover) .calendarTile__stage {
    position: static;
    margin-bottom: 0;
    border-bottom: 1px solid #dadada;
    border-top: 1px solid #dadada;
    background-color: white;
    transition: background-color 30ms linear;
    cursor: pointer;
    margin-top: -1px; }
    .calendar-viewbox--list .calendarTile:not(.calendarTile--cover) .calendarTile__stage:hover:after {
      background-color: white;
      color: #ee3351; }
    .calendar-viewbox--list .calendarTile:not(.calendarTile--cover) .calendarTile__stage:after {
      right: auto;
      left: 0;
      width: 3.75rem;
      background-color: #ee3351;
      color: white;
      height: 1.75rem;
      font-size: 18px;
      top: 1.5rem; }
  .calendar-viewbox--list .calendarTile:not(.calendarTile--cover) .calendarTile__stageheader,
  .calendar-viewbox--list .calendarTile:not(.calendarTile--cover) .calendarTile__stagecenter,
  .calendar-viewbox--list .calendarTile:not(.calendarTile--cover) .calendarTile__stagefooter {
    display: none; }
  .calendar-viewbox--list .calendarTile:not(.calendarTile--cover) .calendarTile__ratio {
    display: none; }
  .calendar-viewbox--list .calendarTile:not(.calendarTile--cover) .calendarTile__listview {
    display: table; }

/* ==|====================
   Components / Calendar-Tile
   ======================= */
.calendarTile__debug {
  position: absolute;
  top: 3px;
  left: 3px; }
  .calendarTile__debug > span {
    display: table;
    font-size: 0.625rem;
    opacity: .5; }

.calendarTile {
  position: relative;
  z-index: 1;
  float: left;
  box-sizing: border-box;
  width: 49.9%;
  color: white;
  background-color: white;
  transition: height 4ms; }
  @media screen and (min-width: 35.5em) {
    .calendarTile {
      width: 33.33%; } }
  @media screen and (min-width: 53.75em) {
    .calendarTile {
      width: 24.99%; } }
  @media screen and (min-width: 70.5em) {
    .calendarTile {
      width: 19.99%; } }
  @media only screen and (min-width: 87.5em) {
    .calendarTile {
      width: 16.65%; } }
  @media only screen and (min-width: 120em) {
    .calendarTile {
      width: 14.284%; } }
  @media screen and (min-width: 137.5em) {
    .calendarTile {
      width: 12.49%; } }
  @media screen and (min-width: 156.25em) {
    .calendarTile {
      width: 11.11%; } }
  @media screen and (min-width: 175em) {
    .calendarTile {
      width: 9.99%; } }
  .calendarTile:hover .calendarTile__registrations {
    opacity: 0; }
  .calendarTile:before {
    display: none;
    position: absolute;
    z-index: 1;
    top: 11.75vw;
    right: 0;
    width: 0;
    height: 0;
    border-width: 5px 5px 0 0;
    border-style: solid;
    border-color: #aa1e1e transparent transparent;
    content: ""; }
    @media screen and (min-width: 35.5em) {
      .calendarTile:before {
        top: 7.75vw; } }
    @media screen and (min-width: 53.75em) {
      .calendarTile:before {
        top: 5.875vw; } }
    @media screen and (min-width: 70.5em) {
      .calendarTile:before {
        top: 4.675vw; } }
    @media only screen and (min-width: 87.5em) {
      .calendarTile:before {
        top: 3.875vw; } }
    @media only screen and (min-width: 120em) {
      .calendarTile:before {
        top: 3.35vw; } }
    @media screen and (min-width: 137.5em) {
      .calendarTile:before {
        top: 2.9vw; } }
    @media screen and (min-width: 156.25em) {
      .calendarTile:before {
        top: 2.6vw; } }
    @media screen and (min-width: 175em) {
      .calendarTile:before {
        top: 2.325vw; } }
  .calendarTile:not(.calendarTile--cover):not(.is-open):hover .calendarTile__stage {
    background-color: #aa1e1e; }
  .calendarTile:not(.calendarTile--cover):not(.is-open):hover .calendarTile__footerbg {
    background-color: #881818;
    transform: skewY(0); }
  .calendarTile:not(.calendarTile--cover):not(.is-open):hover .calendarTile__options {
    opacity: 1;
    z-index: 1; }
  .calendarTile:not(.calendarTile--cover):not(.is-open):hover .calendarTile__meta {
    opacity: 0; }
  .calendarTile:not(.calendarTile--cover):not(.is-open):hover .calendarTile__listviewlbl,
  .calendarTile:not(.calendarTile--cover):not(.is-open):hover .calendarTile__listviewlbl--bold,
  .calendarTile:not(.calendarTile--cover):not(.is-open):hover .calendarTile__listviewcell--control {
    color: white; }
    .calendarTile:not(.calendarTile--cover):not(.is-open):hover .calendarTile__listviewlbl .icon,
    .calendarTile:not(.calendarTile--cover):not(.is-open):hover .calendarTile__listviewlbl--bold .icon,
    .calendarTile:not(.calendarTile--cover):not(.is-open):hover .calendarTile__listviewcell--control .icon {
      fill: white; }
  .calendarTile:not(.calendarTile--cover):not(.is-open):hover .calendarTile__listviewlbl--hover {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    opacity: 1; }
  .calendarTile:not(.calendarTile--cover):not(.is-open):hover .calendarTile__listviewlbl--onlymobile {
    position: relative; }
    .calendarTile:not(.calendarTile--cover):not(.is-open):hover .calendarTile__listviewlbl--onlymobile .calendarTile__listviewlbl {
      visibility: hidden; }
  .calendarTile:not(.calendarTile--cover):not(.is-open):hover .calendarTile__listviewcell--name .calendarTile__listviewlbl--hover {
    top: 0;
    transform: none;
    z-index: 1;
    opacity: 1; }
    @media only screen and (min-width: 48em) {
      .calendarTile:not(.calendarTile--cover):not(.is-open):hover .calendarTile__listviewcell--name .calendarTile__listviewlbl--hover {
        display: none; } }
  .calendarTile:not(.calendarTile--cover):not(.is-open):hover .calendarTile__listviewlbl--unhover {
    visibility: hidden; }
  .calendarTile.is-transition {
    transition: height .4s; }
  .calendarTile.is-ready .calendarTile__detailcontainer {
    display: block; }
  .calendar-viewbox--tiles .calendarTile.is-open .calendarTile__month,
  .calendar-viewbox--tiles .calendarTile.is-open .calendarTile__location {
    color: #999999; }
  .calendar-viewbox--tiles .calendarTile.is-open .calendarTile__stage {
    border-top: 1px solid #dadada;
    border-right: 1px solid #dadada;
    border-left: 1px solid #dadada;
    background-color: white; }
    .calendar-viewbox--tiles .calendarTile.is-open .calendarTile__stage:after {
      color: white;
      background-color: #ee3351; }
    .calendar-viewbox--tiles .calendarTile.is-open .calendarTile__stage:before {
      border-color: #ee3351 transparent transparent; }
  .calendar-viewbox--tiles .calendarTile.is-open .calendarTile__stagecenter:after {
    position: absolute;
    bottom: 0;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(.25em + 2px);
    border-right: 1px solid #dadada;
    border-bottom: 4px solid white;
    border-left: 1px solid #dadada;
    content: "";
    background-color: white;
    transform: translateY(100%); }
    @media only screen and (min-width: 33.75em) {
      .calendar-viewbox--tiles .calendarTile.is-open .calendarTile__stagecenter:after {
        height: calc(.4vw + 3px); } }
  .calendar-viewbox--list .calendarTile.is-open .calendarTile__stage {
    background-color: #aa1e1e; }
  .calendar-viewbox--list .calendarTile.is-open .calendarTile__listviewlbl,
  .calendar-viewbox--list .calendarTile.is-open .calendarTile__listviewlbl--bold,
  .calendar-viewbox--list .calendarTile.is-open .calendarTile__listviewcell--control {
    color: white; }
    .calendar-viewbox--list .calendarTile.is-open .calendarTile__listviewlbl .icon,
    .calendar-viewbox--list .calendarTile.is-open .calendarTile__listviewlbl--bold .icon,
    .calendar-viewbox--list .calendarTile.is-open .calendarTile__listviewcell--control .icon {
      fill: white; }
  .calendar-viewbox--list .calendarTile.is-open .calendarTile__listviewlbl--hover {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    opacity: 1; }
  .calendar-viewbox--list .calendarTile.is-open .calendarTile__listviewlbl--onlymobile {
    position: relative; }
    .calendar-viewbox--list .calendarTile.is-open .calendarTile__listviewlbl--onlymobile .calendarTile__listviewlbl {
      visibility: hidden; }
  .calendar-viewbox--list .calendarTile.is-open .calendarTile__listviewcell--name .calendarTile__listviewlbl--hover {
    top: 0;
    transform: none;
    opacity: 1; }
    @media only screen and (min-width: 48em) {
      .calendar-viewbox--list .calendarTile.is-open .calendarTile__listviewcell--name .calendarTile__listviewlbl--hover {
        display: none; } }
  .calendar-viewbox--list .calendarTile.is-open .calendarTile__listviewlbl--unhover {
    display: none; }
  .calendar-viewbox--list .calendarTile.is-open,
  .calendar-viewbox--tiles .calendarTile.is-open {
    color: #ee3351; }
    .calendar-viewbox--list .calendarTile.is-open .calendarTile__detailcontainer,
    .calendar-viewbox--tiles .calendarTile.is-open .calendarTile__detailcontainer {
      opacity: 1; }
    .calendar-viewbox--list .calendarTile.is-open .calendarTile__meta,
    .calendar-viewbox--list .calendarTile.is-open .calendarTile__options,
    .calendar-viewbox--list .calendarTile.is-open .calendarTile__footerbg,
    .calendar-viewbox--tiles .calendarTile.is-open .calendarTile__meta,
    .calendar-viewbox--tiles .calendarTile.is-open .calendarTile__options,
    .calendar-viewbox--tiles .calendarTile.is-open .calendarTile__footerbg {
      display: none; }
    .calendar-viewbox--list .calendarTile.is-open .calendarTile__close,
    .calendar-viewbox--tiles .calendarTile.is-open .calendarTile__close {
      z-index: 1;
      opacity: 1; }

.calendarTile--cover .calendarTile__stagecenter {
  padding-bottom: 0; }

.calendarTile--cover .calendarTile__stage {
  border: 1px solid #dadada;
  background-color: white; }

.calendarTile--cover .calendarTile__titlemonth {
  margin-top: 0;
  letter-spacing: -0.125rem;
  color: #aa1e1e; }

.calendarTile--cover .calendarTile__title {
  margin-top: 0;
  letter-spacing: -0.125rem;
  color: #ee3351; }

.calendar-viewbox--list .calendarTile--cover {
  display: block;
  width: 100%; }
  .calendar-viewbox--list .calendarTile--cover .calendarTile__ratiocontainer {
    display: block;
    width: 100%;
    margin-top: 4rem; }
  .calendar-viewbox--list .calendarTile--cover .calendarTile__stage {
    display: block;
    position: static;
    width: 100%;
    border: 0; }
  .calendar-viewbox--list .calendarTile--cover .calendarTile__ratio {
    display: none; }

.calendarTile--odd:not(.calendarTile--cover) .calendarTile__stage {
  background-color: #ee3351; }
  .calendarTile--odd:not(.calendarTile--cover) .calendarTile__stage:after {
    color: #ee3351; }

.calendarTile--odd:not(.calendarTile--cover) .calendarTile__footerbg {
  background-color: #f15b73; }

@media only screen and (min-width: 48em) {
  .calendarTile--live:not(.calendarTile--cover):before {
    display: block; } }

.calendar-viewbox--list .calendarTile--live:not(.calendarTile--cover):before {
  display: none; }

@media only screen and (min-width: 48em) {
  .calendarTile--live:not(.calendarTile--cover) .calendarTile__stage:after {
    display: -ms-flexbox;
    display: flex; } }

.calendarTile__ratiocontainer {
  position: relative; }

.calendarTile__detailcontainer {
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  opacity: 0;
  color: red;
  background-color: white;
  transition: opacity 320ms; }
  .calendar-viewbox--tiles .calendarTile__detailcontainer {
    border-top: 1px solid #dadada; }

.calendar-viewbox--tiles .sort-0 .calendarTile__detailcontainer {
  left: 0%; }

.calendar-viewbox--tiles .sort-1 .calendarTile__detailcontainer {
  left: -100%; }

.calendar-viewbox--tiles .sort-2 .calendarTile__detailcontainer {
  left: -200%; }

.calendar-viewbox--tiles .sort-3 .calendarTile__detailcontainer {
  left: -300%; }

.calendar-viewbox--tiles .sort-4 .calendarTile__detailcontainer {
  left: -400%; }

.calendar-viewbox--tiles .sort-5 .calendarTile__detailcontainer {
  left: -500%; }

.calendar-viewbox--tiles .sort-6 .calendarTile__detailcontainer {
  left: -600%; }

.calendar-viewbox--tiles .sort-7 .calendarTile__detailcontainer {
  left: -700%; }

.calendar-viewbox--tiles .sort-8 .calendarTile__detailcontainer {
  left: -800%; }

.calendar-viewbox--tiles .sort-9 .calendarTile__detailcontainer {
  left: -900%; }

.calendar-viewbox--tiles .sort-10 .calendarTile__detailcontainer {
  left: -1000%; }

.calendar-viewbox--tiles .sort-11 .calendarTile__detailcontainer {
  left: -1100%; }

.calendar-viewbox--tiles .sort-12 .calendarTile__detailcontainer {
  left: -1200%; }

.calendar-viewbox--tiles .break-1 .calendarTile__detailcontainer {
  width: calc(100% - 1px); }

.calendar-viewbox--tiles .break-2 .calendarTile__detailcontainer {
  width: calc(200% - 2px); }

.calendar-viewbox--tiles .break-3 .calendarTile__detailcontainer {
  width: calc(300% - 3px); }

.calendar-viewbox--tiles .break-4 .calendarTile__detailcontainer {
  width: calc(400% - 4px); }

.calendar-viewbox--tiles .break-5 .calendarTile__detailcontainer {
  width: calc(500% - 5px); }

.calendar-viewbox--tiles .break-6 .calendarTile__detailcontainer {
  width: calc(600% - 6px); }

.calendar-viewbox--tiles .break-7 .calendarTile__detailcontainer {
  width: calc(700% - 7px); }

.calendar-viewbox--tiles .break-8 .calendarTile__detailcontainer {
  width: calc(800% - 8px); }

.calendar-viewbox--tiles .break-9 .calendarTile__detailcontainer {
  width: calc(900% - 9px); }

.calendar-viewbox--tiles .break-10 .calendarTile__detailcontainer {
  width: calc(1000% - 10px); }

.calendar-viewbox--tiles .break-11 .calendarTile__detailcontainer {
  width: calc(1100% - 11px); }

.calendar-viewbox--tiles .break-12 .calendarTile__detailcontainer {
  width: calc(1200% - 12px); }

.calendarTile__options {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  z-index: -4;
  top: 0;
  left: 0;
  -ms-flex-direction: row;
      flex-direction: row;
  width: 100%;
  height: 100%;
  padding: 0 1rem;
  opacity: 0;
  transition-delay: 100ms, 0ms;
  transition: opacity 200ms linear, z-index 200ms; }
  @media only screen and (min-width: 33.75em) {
    .calendarTile__options {
      padding: 0 1.25rem; } }
  @media only screen and (min-width: 48em) {
    .calendarTile__options {
      padding: 0 1.5rem; } }
  @media only screen and (min-width: 87.5em) {
    .calendarTile__options {
      padding: 0 2rem; } }

.calendarTile__meta {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  -ms-flex-direction: row;
      flex-direction: row;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: opacity 200ms linear; }

.calendarTile__close {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  cursor: pointer;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: opacity 220ms linear; }
  .calendarTile__close .icon {
    width: 1.75rem;
    height: 1.75rem;
    fill: #444f51; }

.calendarTile__join {
  -ms-flex: 1;
      flex: 1;
  cursor: pointer;
  font-weight: 700;
  text-align: left;
  color: white;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center; }

.calendarTile__showdetails {
  position: relative;
  -ms-flex: 1;
      flex: 1;
  cursor: pointer;
  text-align: right;
  color: white;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center; }
  .calendarTile__showdetails:hover .icon {
    fill: #ee3351; }

.calendarTile__showdetailslabel {
  position: relative;
  float: right;
  font-weight: 700; }
  .calendarTile__showdetailslabel .icon {
    position: absolute;
    top: 50%;
    left: -5px;
    transform: translate(-100%, -50%);
    fill: white;
    width: 1em;
    height: 1em; }
    .calendarTile__showdetailslabel .icon svg {
      fill: white;
      transition: fill 0.2s ease; }

.calendarTile__cat {
  -ms-flex: 1;
      flex: 1;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-weight: 700;
  text-align: center;
  color: white;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center; }

.calendarTile__footerbg {
  width: 100%;
  height: 120%;
  font-family: Verdana;
  font-size: 11px;
  background-color: #ff7b8c;
  box-shadow: 0 0 0.3125rem transparent;
  transform: skewY(-4deg);
  transition: transform 120ms linear, background-color 200ms linear;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.calendarTile__ratio {
  width: 100%; }

.calendarTile__stage {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-right: 0.125em;
  margin-bottom: 0.25em;
  margin-left: 0.125em;
  border-top: 1px solid transparent;
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
  background-color: #f15b73;
  transition: background-color 100ms linear;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  cursor: pointer; }
  @media only screen and (min-width: 48em) {
    .calendarTile__stage {
      margin-right: 0.2vw;
      margin-bottom: 0.4vw;
      margin-left: 0.2vw; } }
  @media only screen and (min-width: 64em) {
    .calendarTile__stage {
      margin-right: 0.2vw;
      margin-bottom: 0.4vw;
      margin-left: 0.2vw; } }
  .calendarTile__stage:after {
    display: none;
    position: absolute;
    top: 10%;
    right: -0.25rem;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    width: 25%;
    height: 12%;
    content: attr(data-flag);
    font-family: "Trade Gothic Condensed", Arial, sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: .3;
    text-transform: uppercase;
    color: #f15b73;
    background-color: white;
    transform: skewY(-4deg);
    box-shadow: -1px 3px 2px 0 rgba(0, 0, 0, 0.15);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
    @media only screen and (min-width: 48em) {
      .calendarTile__stage:after {
        font-size: 1.375rem; } }

.calendarTile__listview {
  display: none;
  width: 100%;
  height: 100%;
  table-layout: fixed; }

.calendarTile__listviewcell {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
  padding-right: 1rem;
  padding-top: 1.125rem;
  padding-bottom: 1.125rem; }
  @media only screen and (min-width: 48em) {
    .calendarTile__listviewcell {
      padding-top: 1.5625rem;
      padding-bottom: 1.5625rem; } }

.calendarTile__listviewlbl {
  color: #444f51; }

.calendarTile__listviewlbl--hover {
  display: none;
  font-weight: 700;
  text-transform: uppercase;
  color: white; }
  .touchdevice .calendarTile__listviewlbl--hover {
    display: block;
    position: absolute;
    z-index: -5;
    opacity: 0;
    transition: opacity 300ms, z-index 500ms;
    transition-delay: 300ms, 20ms; }

.calendarTile__listviewlbl--bold {
  font-weight: 700;
  color: #ee3351; }

.calendarTile__listviewlbl--onlymobile {
  display: block;
  padding-top: 0.25rem; }
  @media only screen and (min-width: 48em) {
    .calendarTile__listviewlbl--onlymobile {
      display: none; } }

.calendarTile__listviewcell--flag {
  width: 5rem;
  display: none; }
  @media only screen and (min-width: 48em) {
    .calendarTile__listviewcell--flag {
      display: table-cell; } }

.calendarTile__listviewcell--date {
  padding-left: 1rem;
  vertical-align: top; }
  @media only screen and (min-width: 48em) {
    .calendarTile__listviewcell--date {
      padding-left: 0;
      vertical-align: middle; } }

.calendarTile__listviewcell--cat {
  display: none; }
  @media only screen and (min-width: 48em) {
    .calendarTile__listviewcell--cat {
      width: 25%;
      display: table-cell; } }

.calendarTile__listviewcell--control {
  display: none; }
  @media only screen and (min-width: 48em) {
    .calendarTile__listviewcell--control {
      display: table-cell;
      width: 4.625rem;
      border-left: 1px solid #dadada;
      padding-right: 0; } }
  @media only screen and (min-width: 48em) {
    .calendarTile__listviewcell--control .icon {
      display: block;
      width: 1.125rem;
      height: 1.125rem;
      margin: auto;
      fill: #444f51; } }

.calendarTile__stageheader {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  -ms-flex-order: 0;
      order: 0;
  -ms-flex-item-align: auto;
      -ms-grid-row-align: auto;
      align-self: auto; }

.calendarTile__stagecenter {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 auto;
      flex: 1 auto;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-order: 0;
      order: 0;
  padding-bottom: 20%;
  -ms-flex-item-align: auto;
      align-self: auto; }

.calendarTile__stagefooter {
  display: block;
  position: absolute;
  bottom: 0;
  left: -1px;
  overflow: hidden;
  width: calc(100% + 2px);
  height: 50%;
  opacity: 1;
  transition: opacity 120ms linear; }
  .calendarTile__stagefooter a {
    transition: color 0.2s ease; }
    .calendarTile__stagefooter a:hover, .calendarTile__stagefooter a:focus, .calendarTile__stagefooter aactive {
      color: #ee3351; }
      .calendarTile__stagefooter a:hover svg, .calendarTile__stagefooter a:focus svg, .calendarTile__stagefooter aactive svg {
        fill: #ee3351; }

.calendarTile__stagefooterwrap {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 40%; }

.calendarTile__dates {
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  left: 50%;
  -ms-flex-direction: row;
      flex-direction: row;
  margin-top: 5.75vw;
  transform: translateX(-50%); }
  @media screen and (min-width: 35.5em) {
    .calendarTile__dates {
      margin-top: 3.75vw; } }
  @media screen and (min-width: 53.75em) {
    .calendarTile__dates {
      margin-top: 2.7vw; } }
  @media screen and (min-width: 70.5em) {
    .calendarTile__dates {
      margin-top: 2.125vw; } }
  @media only screen and (min-width: 87.5em) {
    .calendarTile__dates {
      margin-top: 1.825vw; } }
  @media only screen and (min-width: 120em) {
    .calendarTile__dates {
      margin-top: 1.525vw; } }
  @media screen and (min-width: 137.5em) {
    .calendarTile__dates {
      margin-top: 1.325vw; } }
  @media screen and (min-width: 156.25em) {
    .calendarTile__dates {
      margin-top: 1.175vw; } }
  @media screen and (min-width: 175em) {
    .calendarTile__dates {
      margin-top: .9vw; } }

.calendarTile__date {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 14vw;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  @media screen and (min-width: 35.5em) {
    .calendarTile__date {
      width: 10.5vw; } }
  @media screen and (min-width: 53.75em) {
    .calendarTile__date {
      width: 7.325vw; } }
  @media screen and (min-width: 70.5em) {
    .calendarTile__date {
      width: 5.5vw; } }
  @media only screen and (min-width: 87.5em) {
    .calendarTile__date {
      width: 4.75vw; } }
  @media only screen and (min-width: 120em) {
    .calendarTile__date {
      width: 4vw; } }
  @media screen and (min-width: 137.5em) {
    .calendarTile__date {
      width: 3.5vw; } }
  @media screen and (min-width: 156.25em) {
    .calendarTile__date {
      width: 3.25vw; } }
  @media screen and (min-width: 175em) {
    .calendarTile__date {
      width: 2.625vw; } }
  .calendarTile__dates--onedaydiff .calendarTile__date + .calendarTile__date:before {
    position: absolute;
    top: 3.2vw;
    left: 51%;
    content: "–";
    font-size: 1.5rem;
    font-weight: 700;
    transform: translate(-50%, -50%); }
    @media screen and (min-width: 26.6em) {
      .calendarTile__dates--onedaydiff .calendarTile__date + .calendarTile__date:before {
        font-size: 1.875rem; } }
    @media screen and (min-width: 35.5em) {
      .calendarTile__dates--onedaydiff .calendarTile__date + .calendarTile__date:before {
        top: 2.3vw;
        font-size: 1.875rem; } }
    @media screen and (min-width: 48em) {
      .calendarTile__dates--onedaydiff .calendarTile__date + .calendarTile__date:before {
        font-size: 2.125rem; } }
    @media screen and (min-width: 53.75em) {
      .calendarTile__dates--onedaydiff .calendarTile__date + .calendarTile__date:before {
        top: 1.725vw;
        font-size: 1.875rem; } }
    @media screen and (min-width: 70.5em) {
      .calendarTile__dates--onedaydiff .calendarTile__date + .calendarTile__date:before {
        top: 1.375vw; } }
    @media only screen and (min-width: 87.5em) {
      .calendarTile__dates--onedaydiff .calendarTile__date + .calendarTile__date:before {
        top: 1.125vw; } }
    @media only screen and (min-width: 120em) {
      .calendarTile__dates--onedaydiff .calendarTile__date + .calendarTile__date:before {
        top: 1vw; } }
    @media screen and (min-width: 137.5em) {
      .calendarTile__dates--onedaydiff .calendarTile__date + .calendarTile__date:before {
        top: .925vw; } }
    @media screen and (min-width: 156.25em) {
      .calendarTile__dates--onedaydiff .calendarTile__date + .calendarTile__date:before {
        top: .85vw; } }
    @media screen and (min-width: 175em) {
      .calendarTile__dates--onedaydiff .calendarTile__date + .calendarTile__date:before {
        top: .7vw;
        font-size: 2.6875rem; } }
  .calendarTile__date + .calendarTile__date:before {
    position: absolute;
    top: 4.7vw;
    left: 51%;
    content: "\05BE";
    font-size: 1.75rem;
    font-weight: 700;
    transform: translate(-50%, -50%); }
    @media screen and (min-width: 26.6em) {
      .calendarTile__date + .calendarTile__date:before {
        font-size: 2.5rem; } }
    @media screen and (min-width: 35.5em) {
      .calendarTile__date + .calendarTile__date:before {
        top: 3.3vw; } }
    @media screen and (min-width: 48em) {
      .calendarTile__date + .calendarTile__date:before {
        font-size: 2.75rem; } }
    @media screen and (min-width: 53.75em) {
      .calendarTile__date + .calendarTile__date:before {
        font-size: 2.5rem;
        top: 2.3vw; } }
    @media screen and (min-width: 70.5em) {
      .calendarTile__date + .calendarTile__date:before {
        top: 1.9vw; } }
    @media only screen and (min-width: 87.5em) {
      .calendarTile__date + .calendarTile__date:before {
        top: 1.6vw; } }
    @media only screen and (min-width: 120em) {
      .calendarTile__date + .calendarTile__date:before {
        top: 1.3vw; } }
    @media screen and (min-width: 137.5em) {
      .calendarTile__date + .calendarTile__date:before {
        top: 1.125vw; } }
    @media screen and (min-width: 156.25em) {
      .calendarTile__date + .calendarTile__date:before {
        top: 1vw; } }
    @media screen and (min-width: 175em) {
      .calendarTile__date + .calendarTile__date:before {
        top: .9vw;
        font-size: 2.6875rem; } }

.calendarTile__day {
  font-family: "Trade Gothic Condensed", Arial, sans-serif;
  font-size: 9.75vw;
  font-weight: 700;
  line-height: .8;
  text-align: center;
  letter-spacing: -.05em; }
  @media screen and (min-width: 35.5em) {
    .calendarTile__day {
      font-size: 6.85vw; } }
  @media screen and (min-width: 53.75em) {
    .calendarTile__day {
      font-size: 4.925vw; } }
  @media screen and (min-width: 70.5em) {
    .calendarTile__day {
      font-size: 3.925vw; } }
  @media only screen and (min-width: 87.5em) {
    .calendarTile__day {
      font-size: 3.25vw; } }
  @media only screen and (min-width: 120em) {
    .calendarTile__day {
      font-size: 2.75vw; } }
  @media screen and (min-width: 137.5em) {
    .calendarTile__day {
      font-size: 2.45vw; } }
  @media screen and (min-width: 156.25em) {
    .calendarTile__day {
      font-size: 2.175vw; } }
  @media screen and (min-width: 175em) {
    .calendarTile__day {
      font-size: 1.925vw; } }

.calendarTile__year-trending {
  font-family: "Trade Gothic Condensed", Arial, sans-serif;
  text-transform: uppercase;
  font-size: 0.75rem;
  line-height: 1;
  text-align: center;
  padding: 0 0.3125rem; }
  @media only screen and (min-width: 33.75em) {
    .calendarTile__year-trending {
      font-size: 0.875rem; } }
  @media only screen and (min-width: 48em) {
    .calendarTile__year-trending {
      font-size: 1rem; } }

.calendarTile__registrations {
  opacity: 1;
  transition: opacity .2s ease-in-out; }

.calendarTile__month,
.calendarTile__location,
.calendarTile__cat,
.calendarTile__join,
.calendarTile__showdetailslabel,
.calendarTile__year,
.calendarTile__registrations {
  font-family: "Trade Gothic Condensed", Arial, sans-serif;
  font-size: 3vw;
  text-transform: uppercase; }
  @media screen and (min-width: 35.5em) {
    .calendarTile__month,
    .calendarTile__location,
    .calendarTile__cat,
    .calendarTile__join,
    .calendarTile__showdetailslabel,
    .calendarTile__year,
    .calendarTile__registrations {
      font-size: 2.325vw; } }
  @media screen and (min-width: 53.75em) {
    .calendarTile__month,
    .calendarTile__location,
    .calendarTile__cat,
    .calendarTile__join,
    .calendarTile__showdetailslabel,
    .calendarTile__year,
    .calendarTile__registrations {
      font-size: 1.75vw; } }
  @media screen and (min-width: 70.5em) {
    .calendarTile__month,
    .calendarTile__location,
    .calendarTile__cat,
    .calendarTile__join,
    .calendarTile__showdetailslabel,
    .calendarTile__year,
    .calendarTile__registrations {
      font-size: 1.325vw; } }
  @media only screen and (min-width: 87.5em) {
    .calendarTile__month,
    .calendarTile__location,
    .calendarTile__cat,
    .calendarTile__join,
    .calendarTile__showdetailslabel,
    .calendarTile__year,
    .calendarTile__registrations {
      font-size: 1.125vw; } }
  @media only screen and (min-width: 120em) {
    .calendarTile__month,
    .calendarTile__location,
    .calendarTile__cat,
    .calendarTile__join,
    .calendarTile__showdetailslabel,
    .calendarTile__year,
    .calendarTile__registrations {
      font-size: .925vw; } }
  @media screen and (min-width: 137.5em) {
    .calendarTile__month,
    .calendarTile__location,
    .calendarTile__cat,
    .calendarTile__join,
    .calendarTile__showdetailslabel,
    .calendarTile__year,
    .calendarTile__registrations {
      font-size: .75vw; } }
  @media screen and (min-width: 156.25em) {
    .calendarTile__month,
    .calendarTile__location,
    .calendarTile__cat,
    .calendarTile__join,
    .calendarTile__showdetailslabel,
    .calendarTile__year,
    .calendarTile__registrations {
      font-size: .675vw; } }
  @media screen and (min-width: 175em) {
    .calendarTile__month,
    .calendarTile__location,
    .calendarTile__cat,
    .calendarTile__join,
    .calendarTile__showdetailslabel,
    .calendarTile__year,
    .calendarTile__registrations {
      font-size: .6vw; } }

.calendarTile__location {
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-align: center; }

.calendarTile__month {
  -ms-flex: 1;
      flex: 1;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-align: center; }
  .calendarTile__month:after {
    content: attr(data-value); }

.calendarTile__dates--samemonth {
  padding-bottom: 1.5rem; }
  .calendarTile__dates--samemonth .calendarTile__date:last-child .calendarTile__month {
    display: none; }
  .calendarTile__dates--samemonth .calendarTile__month:after {
    position: absolute;
    left: 50%;
    transform: translateX(-50%); }

.calendarTile__dates--onedaydiff .calendarTile__date + .calendarTile__date:before {
  content: "+"; }

.calendarTile__title {
  display: block;
  width: 100%;
  margin-top: 0;
  margin-bottom: .125vw;
  padding: 0 .5vw;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-family: "Trade Gothic Condensed", Arial, sans-serif;
  font-size: 6.75vw;
  font-weight: 700;
  line-height: .9;
  text-align: center;
  text-transform: uppercase; }
  @media screen and (min-width: 35.5em) {
    .calendarTile__title {
      font-size: 4.325vw; } }
  @media screen and (min-width: 53.75em) {
    .calendarTile__title {
      font-size: 3.25vw; } }
  @media screen and (min-width: 70.5em) {
    .calendarTile__title {
      font-size: 2.625vw; } }
  @media only screen and (min-width: 87.5em) {
    .calendarTile__title {
      font-size: 2vw; } }
  @media only screen and (min-width: 120em) {
    .calendarTile__title {
      font-size: 1.75vw; } }
  @media screen and (min-width: 137.5em) {
    .calendarTile__title {
      font-size: 1.5vw; } }
  @media screen and (min-width: 156.25em) {
    .calendarTile__title {
      font-size: 1.25vw; } }
  @media screen and (min-width: 175em) {
    .calendarTile__title {
      font-size: 1.25vw; } }

.calendarTile__titlemonth {
  display: block;
  width: 100%;
  margin-bottom: .125vw;
  padding: 0 .5vw;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-family: "Trade Gothic Condensed", Arial, sans-serif;
  font-size: 7.75vw;
  font-weight: 700;
  line-height: .9;
  text-align: center;
  text-transform: uppercase;
  color: #aa1e1e; }
  @media screen and (min-width: 35.5em) {
    .calendarTile__titlemonth {
      font-size: 4.825vw; } }
  @media screen and (min-width: 53.75em) {
    .calendarTile__titlemonth {
      font-size: 3.75vw; } }
  @media screen and (min-width: 70.5em) {
    .calendarTile__titlemonth {
      font-size: 3.025vw; } }
  @media only screen and (min-width: 87.5em) {
    .calendarTile__titlemonth {
      font-size: 2.5vw; } }
  @media only screen and (min-width: 120em) {
    .calendarTile__titlemonth {
      font-size: 2.25vw; } }
  @media screen and (min-width: 137.5em) {
    .calendarTile__titlemonth {
      font-size: 2vw; } }
  @media screen and (min-width: 156.25em) {
    .calendarTile__titlemonth {
      font-size: 1.75vw; } }
  @media screen and (min-width: 175em) {
    .calendarTile__titlemonth {
      font-size: 1.75vw; } }

.calendarTile__stamp {
  position: absolute;
  top: 400px;
  width: 50px;
  height: 3.125rem;
  opacity: .5;
  background-color: yellow; }

/* ==|====================
   Components / filterbar
   ======================= */
.calendar-controlbar {
  width: 100%;
  margin-bottom: 1rem; }
  .calendar-controlbar > .row {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }
    @media only screen and (min-width: 48em) {
      .calendar-controlbar > .row {
        -ms-flex-direction: row;
            flex-direction: row; } }
    .calendar-controlbar > .row .linebtn {
      width: 100%; }
      @media only screen and (min-width: 48em) {
        .calendar-controlbar > .row .linebtn {
          width: 17.125rem; } }
      .calendar-controlbar > .row .linebtn .icon-cal-tiles {
        width: 1.125rem;
        height: 1.125rem; }
      .calendar-controlbar > .row .linebtn .icon-cal-list {
        width: 1.125rem;
        height: 1.125rem; }
      .calendar-controlbar > .row .linebtn .icon-search {
        width: 1.25rem;
        height: 1.25rem; }
    .calendar-controlbar > .row > div {
      -ms-flex-preferred-size: initial !important;
          flex-basis: initial !important; }
      @media only screen and (min-width: 48em) {
        .calendar-controlbar > .row > div {
          -ms-flex-preferred-size: 100% !important;
              flex-basis: 100% !important; } }
      .calendar-controlbar > .row > div:nth-child(2) {
        -ms-flex-order: 3;
            order: 3; }
        @media only screen and (min-width: 48em) {
          .calendar-controlbar > .row > div:nth-child(2) {
            -ms-flex-order: 2;
                order: 2; } }
      .calendar-controlbar > .row > div:last-child {
        -ms-flex-order: 2;
            order: 2;
        margin-bottom: -1px; }
        @media only screen and (min-width: 48em) {
          .calendar-controlbar > .row > div:last-child {
            -ms-flex-order: 3;
                order: 3;
            margin-bottom: .25em; } }
  .calendar-controlbar .searchfield__input {
    left: 50%;
    width: 17.125rem;
    transform: translateX(-50%); }
    .calendar-controlbar .searchfield__input + .searchfield__focus {
      opacity: 1; }

/* ==|====================
   Components / calendar-event-detail
   ======================= */
.calendar-event-detail {
  width: 100%;
  padding-top: 1.25rem;
  padding-bottom: 1rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid #dadada;
  position: relative; }
  .calendar-event-detail__header {
    text-align: center;
    margin-bottom: 0.625rem; }
  .calendar-event-detail .facts-list,
  .calendar-event-detail .main-cta-list,
  .calendar-event-detail .further-cta-list {
    margin-top: 1rem; }
  .calendar-event-detail--has-button {
    padding-bottom: 3.1875rem;
    margin-bottom: 3.625rem; }
  @media only screen and (min-width: 48em) {
    .calendar-event-detail {
      padding-top: 2.5rem;
      padding-bottom: 1.25rem;
      margin-bottom: 1.25rem; }
      .calendar-event-detail .facts-list {
        float: right;
        width: calc(50% - 0.625rem); }
      .calendar-event-detail .further-cta-list {
        margin-top: 1.25rem; }
      .calendar-event-detail .main-cta-list,
      .calendar-event-detail .further-cta-list {
        float: left;
        width: calc(49% - 1.875rem);
        margin-left: 1.25rem; }
      .calendar-event-detail--has-button {
        padding-bottom: 5rem;
        margin-bottom: 5rem; }
      .calendar-event-detail--compact .further-cta-list {
        margin-top: 1rem; } }
  @media only screen and (min-width: 64em) {
    .calendar-event-detail__header {
      text-align: center;
      margin-bottom: 3.75rem; }
    .calendar-event-detail .calendar-date {
      float: left;
      margin-left: 1.25rem; }
    .calendar-event-detail .facts-list,
    .calendar-event-detail .main-cta-list {
      margin-top: 0; }
    .calendar-event-detail .further-cta-list {
      margin-top: 1.875rem; }
    .calendar-event-detail .main-cta-list,
    .calendar-event-detail .further-cta-list {
      float: left;
      width: calc(50% - 11.875rem);
      margin-left: 1.25rem; }
    .calendar-event-detail--compact .further-cta-list {
      margin-top: 0;
      width: calc(45% - 11.875rem); }
    .calendar-event-detail--compact .facts-list {
      width: calc(55% - 0.625rem); } }
  @media only screen and (min-width: 87.5em) {
    .calendar-event-detail .calendar-date {
      margin-left: 2.5rem; }
    .calendar-event-detail .further-cta-list {
      margin-top: 2.3125rem; }
    .calendar-event-detail .main-cta-list,
    .calendar-event-detail .further-cta-list {
      width: calc(50% - 16.25rem);
      margin-left: 2.5rem; }
    .calendar-event-detail--compact .further-cta-list {
      margin-top: 0;
      width: calc(45% - 16.25rem); }
    .calendar-event-detail--compact .facts-list {
      width: calc(55% - 0.625rem); } }

/* ==|====================
   Components / main-cta-list
   ======================= */
.main-cta-list {
  overflow: hidden; }
  .main-cta-list__inner {
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #dadada;
    border-left: 1px solid #dadada;
    margin-left: -1px;
    margin-right: -1px; }
  .main-cta-list__item {
    display: block;
    -ms-flex: 1 0 0px;
        flex: 1 0 0;
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    padding-bottom: 0.875rem;
    transition: color 0.2s ease;
    color: #444f51; }
    .no-touchdevice .main-cta-list__item:hover,
    .no-touchdevice .main-cta-list__item:focus,
    .no-touchdevice .main-cta-list__item:active {
      color: #ee3351; }
      .no-touchdevice .main-cta-list__item:hover .icon svg,
      .no-touchdevice .main-cta-list__item:focus .icon svg,
      .no-touchdevice .main-cta-list__item:active .icon svg {
        fill: #ee3351; }
  .main-cta-list__item-icon {
    height: 4.6875rem;
    position: relative; }
    .main-cta-list__item-icon .icon {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 1.5625rem;
      height: 1.5625rem; }
      .main-cta-list__item-icon .icon svg {
        width: 1.5625rem;
        height: 1.5625rem;
        transition: fill 0.2s ease;
        fill: #666f71; }
  .main-cta-list__text {
    font-size: 0.75rem;
    line-height: 1;
    display: block;
    text-align: center; }
  @media only screen and (min-width: 33.75em) {
    .main-cta-list__inner {
      margin-left: 0;
      margin-right: 0; } }
  @media only screen and (min-width: 75em) {
    .main-cta-list__text {
      font-size: 0.875rem; }
    .main-cta-list__item {
      padding-bottom: 1.5625rem; }
    .main-cta-list__item-icon {
      height: 5.9375rem; }
      .main-cta-list__item-icon .icon {
        width: 1.875rem;
        height: 1.875rem; }
        .main-cta-list__item-icon .icon svg {
          width: 1.875rem;
          height: 1.875rem; } }

/* ==|====================
   Components / further-cta-list
   ======================= */
.further-cta-list {
  overflow: hidden; }
  .further-cta-list__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: -0.5rem;
    margin-right: -0.5rem; }
  .further-cta-list__item-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 49.8%;
        flex: 0 0 49.8%; }
    .further-cta-list__item-wrapper:nth-child(1) .further-cta-list__item, .further-cta-list__item-wrapper:nth-child(2) .further-cta-list__item {
      border-top: 1px solid #dadada; }
    .further-cta-list__item-wrapper .further-cta-list__item {
      border-bottom: 1px solid #dadada; }
  .further-cta-list__item-padder {
    padding: 0 0.5rem;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto; }
  .further-cta-list__item {
    display: block;
    transition: color 0.2s ease;
    min-height: 2.5rem;
    padding: 0 0.875rem;
    color: #444f51;
    overflow: hidden; }
    .no-touchdevice .further-cta-list__item:hover .icon svg,
    .no-touchdevice .further-cta-list__item:focus .icon svg,
    .no-touchdevice .further-cta-list__item:active .icon svg {
      fill: #ee3351; }
  .further-cta-list__icon {
    position: relative;
    width: 1.0625rem;
    height: 2.5rem;
    float: left; }
    .further-cta-list__icon .icon {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 0.9375rem;
      height: 0.9375rem; }
      .further-cta-list__icon .icon svg {
        transition: fill 0.2s ease;
        fill: #666f71; }
  .further-cta-list__text {
    display: block;
    float: left;
    width: calc(100% - 17px);
    font-size: 0.875rem;
    line-height: 1;
    padding: 0.8125rem 0 0.8125rem 0.625rem;
    letter-spacing: -0.02143em; }
  @media only screen and (min-width: 64em) {
    .further-cta-list--compact .further-cta-list__item-wrapper {
      display: -ms-flexbox;
      display: flex;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
      padding: 0 0.5rem; }
      .further-cta-list--compact .further-cta-list__item-wrapper:nth-child(2) .further-cta-list__item {
        border-top: 0; } }

/* ==|====================
   Components / calendar-date
   ======================= */
.calendar-date {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }
  .calendar-date__date {
    padding: 1.1875rem 0;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    width: 6rem; }
  .calendar-date__weekday, .calendar-date__month, .calendar-date__day {
    display: block;
    text-align: center;
    line-height: .88;
    font-family: "Trade Gothic Condensed", Arial, sans-serif; }
  .calendar-date__weekday, .calendar-date__month {
    font-size: 1rem; }
  .calendar-date__day {
    font-size: 5.625rem;
    font-weight: bold;
    letter-spacing: -0.11111em;
    text-indent: -0.5625rem; }
  .calendar-date__until {
    font-family: "Trade Gothic Condensed", Arial, sans-serif;
    font-size: 1rem;
    font-weight: bold; }
  @media only screen and (min-width: 64em) {
    .calendar-date {
      position: relative;
      display: block;
      width: 8.75rem; }
      .calendar-date__date {
        width: 100%;
        padding: 2.6875rem 0 2.5rem; }
      .calendar-date__weekday, .calendar-date__month {
        font-size: 1.5rem; }
      .calendar-date__day {
        font-size: 8rem;
        text-indent: -0.8125rem; }
      .calendar-date--has-enddate .calendar-date__date {
        padding: 1.0625rem 0 1.5rem; }
        .calendar-date--has-enddate .calendar-date__date:last-child {
          border-top: 0;
          padding: 1.5rem 0 1.0625rem; }
      .calendar-date--has-enddate .calendar-date__until {
        position: absolute;
        left: 50%;
        top: 12.3125rem;
        transform: translate(-50%, -50%);
        background-color: white;
        padding: 0 1.125rem;
        font-size: 1.5rem; } }
  @media only screen and (min-width: 87.5em) {
    .calendar-date {
      width: 10.625rem;
      margin-left: 2.5rem; }
      .calendar-date__weekday, .calendar-date__month {
        font-size: 1.875rem; }
      .calendar-date__day {
        font-size: 10rem;
        text-indent: -1rem; }
      .calendar-date--has-enddate .calendar-date__date {
        padding: 1.1875rem 0 1.6875rem; }
        .calendar-date--has-enddate .calendar-date__date:last-child {
          border-top: 0;
          padding: 1.6875rem 0 1.1875rem; }
      .calendar-date--has-enddate .calendar-date__until {
        top: 15rem;
        font-size: 1.75rem;
        padding: 0 1.25rem; } }

/* ==|====================
   Components / facts-list
   ======================= */
.facts-list__header {
  background-color: #444f51;
  text-align: center;
  height: 4.125rem;
  line-height: 4.125rem; }

.facts-list__header-title {
  position: relative;
  top: 0.25rem;
  display: inline-block;
  color: white;
  font-size: 1.375rem;
  font-weight: 700;
  margin: 0; }

.facts-list__item-wrapper {
  overflow: hidden; }

.facts-list__item-inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-top: 1px solid #7a8284;
  border-left: 1px solid #7a8284;
  margin-left: -1px;
  margin-right: -1px; }

.facts-list__item {
  float: left;
  -ms-flex: 0 0 50%;
      flex: 0 0 50%;
  display: -ms-flexbox;
  display: flex;
  background-color: rgba(68, 79, 81, 0.8);
  color: white; }
  .facts-list__item.is-double {
    -ms-flex: 0 0 66.666%;
        flex: 0 0 66.666%; }
    .facts-list__item.is-double .facts-list__title {
      margin-bottom: 0.25rem; }
    .facts-list__item.is-double .facts-list__value {
      font-size: 1.25rem; }
  .facts-list__item.is-small {
    -ms-flex: 0 0 33.333%;
        flex: 0 0 33.333%; }

.facts-list__item-padder {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  padding: 1.3125rem 0.9375rem 1.1875rem;
  border-right: 1px solid #7a8284;
  border-bottom: 1px solid #7a8284; }

.facts-list__title {
  display: block;
  font-size: 0.75rem;
  line-height: 1; }

.facts-list__value {
  font-family: "Trade Gothic Condensed", Arial, sans-serif;
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 1;
  letter-spacing: -0.03125em; }

.facts-list__unit {
  font-family: "Trade Gothic Condensed", Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: rgba(255, 255, 255, 0.3); }

@media only screen and (min-width: 64em) {
  .facts-list__item {
    -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%; }
    .facts-list__item.is-double .facts-list__value {
      font-size: 1.875rem; } }

@media only screen and (min-width: 87.5em) {
  .facts-list__item.is-double .facts-list__value {
    font-size: 2.25rem; }
  .facts-list__title {
    font-size: 0.875rem; }
  .facts-list__value {
    font-size: 3.375rem; }
  .facts-list__unit {
    font-size: 1.875rem; } }

/* ==|====================
   Components / Loginpanel
   ======================= */
.loginpanel {
  position: relative;
  margin-bottom: 2.25rem; }
  @media only screen and (min-width: 64em) {
    .loginpanel {
      -ms-flex-order: 0;
          order: 0;
      -ms-flex-item-align: stretch;
          -ms-grid-row-align: stretch;
          align-self: stretch;
      -ms-flex: 1;
          flex: 1;
      margin-bottom: 0;
      padding-bottom: 8.875rem;
      border-right: 2px solid #444f51; } }
  @media only screen and (min-width: 64em) {
    .loginpanel {
      padding-bottom: 3.25rem; } }
  @media only screen and (min-width: 87.5em) {
    .loginpanel {
      padding-bottom: 4rem; } }
  .loginpanel:last-child {
    border-right: 0; }

.loginpanel__title {
  display: block;
  width: 100%;
  margin: auto;
  text-align: center; }
  @media only screen and (min-width: 48em) {
    .loginpanel__title {
      padding: 2rem 2rem 0; } }

.loginpanel__button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 1.375rem; }
  @media only screen and (min-width: 48em) {
    .loginpanel__button {
      margin-top: 2rem; } }
  @media only screen and (min-width: 64em) {
    .loginpanel__button {
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translate(-50%, 67%);
      margin-top: 0; } }
  .loginpanel__button > .button {
    margin: 0;
    left: 0;
    transform: skewY(-4deg); }

.loginpanel__additional {
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: -.01667em;
  text-transform: uppercase;
  display: inline-block;
  padding-top: 0.125rem; }

.loginpanel__text--topspace {
  padding-top: 0.5625rem; }

/* ==|====================
   Components / Buttons
   ======================= */
.button {
  position: relative;
  z-index: 0;
  display: inline-block;
  overflow: hidden;
  padding: 0.75rem 3.125rem;
  max-width: 18.75rem;
  border-width: 2px;
  border-style: solid;
  border-color: #444f51;
  background-color: transparent;
  box-shadow: 1px 1px 1px transparent;
  color: #444f51;
  vertical-align: middle;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1;
  cursor: pointer;
  transition: color 0.3s ease;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -webkit-tap-highlight-color: transparent; }
  @media only screen and (min-width: 23.4375em) {
    .button {
      font-size: 1.125rem; } }
  @media only screen and (min-width: 48em) {
    .button {
      padding: 0.9375rem 4rem; } }
  .button:before {
    position: absolute;
    left: -1.25rem;
    z-index: -1;
    width: 200%;
    height: 1000%;
    background-color: #444f51;
    content: "";
    transition: transform 0.5s ease-out;
    transform: rotate3d(0, 0, 0, -9deg) translate3d(0, 8%, 0);
    transform-origin: bottom right; }
  .button:after {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    margin: -35px 0 0 -35px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #444f51;
    content: "";
    opacity: 0;
    pointer-events: none; }
    .no-touchdevice .button:after {
      background-color: rgba(153, 153, 153, 0.15); }
  .no-touchdevice .button:hover, .no-touchdevice .button:focus {
    color: white;
    animation: background-toggle-darkgrey forwards 0.5s; }
    .no-touchdevice .button:hover:before, .no-touchdevice .button:focus:before {
      transform: rotate3d(0, 0, 1, -9deg) translate3d(0, -22%, 0); }
  .button.button--clicked {
    color: white; }
    .touchdevice .button.button--clicked {
      animation: background-toggle-darkgrey forwards 0.2s; }
    .button.button--clicked:after {
      animation: click-effect 1.5s ease-out forwards; }
      .touchdevice .button.button--clicked:after {
        animation: click-effect-touch 1.5s ease-out forwards; }
    .button.button--clicked.button--color-red {
      color: white; }
      .touchdevice .button.button--clicked.button--color-red {
        animation: background-toggle-red forwards 0.2s; }
      .button.button--clicked.button--color-red:after {
        background-color: rgba(255, 255, 255, 0.15); }
        .touchdevice .button.button--clicked.button--color-red:after {
          background-color: #ee3351; }
    .button.button--clicked.button--color-silver, .m-merge-person-panel .merge-cta .button.button--clicked.disabled, .m-merge-person-panel .merge-cta .button.button--clicked[disabled] {
      color: white; }
      .touchdevice .button.button--clicked.button--color-silver, .touchdevice .m-merge-person-panel .merge-cta .button.button--clicked.disabled, .m-merge-person-panel .merge-cta .touchdevice .button.button--clicked.disabled, .touchdevice .m-merge-person-panel .merge-cta .button.button--clicked[disabled], .m-merge-person-panel .merge-cta .touchdevice .button.button--clicked[disabled] {
        animation: background-toggle-silver forwards 0.2s; }
      .button.button--clicked.button--color-silver:after, .m-merge-person-panel .merge-cta .button.button--clicked.disabled:after, .m-merge-person-panel .merge-cta .button.button--clicked[disabled]:after {
        background-color: rgba(255, 255, 255, 0.15); }
        .touchdevice .button.button--clicked.button--color-silver:after, .touchdevice .m-merge-person-panel .merge-cta .button.button--clicked.disabled:after, .m-merge-person-panel .merge-cta .touchdevice .button.button--clicked.disabled:after, .touchdevice .m-merge-person-panel .merge-cta .button.button--clicked[disabled]:after, .m-merge-person-panel .merge-cta .touchdevice .button.button--clicked[disabled]:after {
          background-color: #999999; }
    .button.button--clicked.button--color-white {
      color: white; }
      .touchdevice .button.button--clicked.button--color-white {
        animation: background-toggle-white forwards 0.2s; }
      .button.button--clicked.button--color-white:after {
        background-color: #999999; }
        .no-touchdevice .button.button--clicked.button--color-white:after {
          background-color: rgba(255, 255, 255, 0.18); }
    .button.button--clicked.button--color-white-transparent {
      color: white; }
      .touchdevice .button.button--clicked.button--color-white-transparent {
        animation: background-toggle-transparent forwards 0.2s; }
      .button.button--clicked.button--color-white-transparent:after {
        background-color: rgba(255, 255, 255, 0.18); }
    .button.button--clicked.button--color-black {
      color: #1d2223; }
      .touchdevice .button.button--clicked.button--color-black {
        animation: background-toggle-white forwards 0.2s; }
        .touchdevice .button.button--clicked.button--color-black:after {
          background-color: white; }
      .button.button--clicked.button--color-black:after {
        background-color: rgba(1, 1, 1, 0.12); }

.button--color-red {
  border-color: #ee3351;
  color: #ee3351; }
  .button--color-red:before {
    background-color: #ee3351; }
  .no-touchdevice .button--color-red:hover {
    color: white;
    animation: background-toggle-red forwards 0.5s; }

.button--color-silver, .m-merge-person-panel .merge-cta .button.disabled, .m-merge-person-panel .merge-cta .button[disabled] {
  border-color: #999999;
  color: #999999; }
  .button--color-silver:before, .m-merge-person-panel .merge-cta .button.disabled:before, .m-merge-person-panel .merge-cta .button[disabled]:before {
    background-color: #999999; }
  .no-touchdevice .button--color-silver:hover, .no-touchdevice .m-merge-person-panel .merge-cta .button.disabled:hover, .m-merge-person-panel .merge-cta .no-touchdevice .button.disabled:hover, .no-touchdevice .m-merge-person-panel .merge-cta .button[disabled]:hover, .m-merge-person-panel .merge-cta .no-touchdevice .button[disabled]:hover {
    color: white;
    animation: background-toggle-silver forwards 0.5s; }

.button--color-white {
  border-color: white;
  color: white; }
  .button--color-white:before {
    background-color: white; }
  .no-touchdevice .button--color-white:hover {
    color: #dadada;
    animation: background-toggle-white forwards 0.5s; }

.button--color-white-transparent {
  border-color: white;
  color: white; }
  .button--color-white-transparent:before {
    background-color: rgba(255, 255, 255, 0.17); }
  .no-touchdevice .button--color-white-transparent:hover {
    animation: background-toggle-transparent forwards 0.5s; }

.button--color-black {
  border-color: white;
  background-color: #1d2223;
  color: white; }
  .no-touchdevice .button--color-black:focus {
    color: #1d2223; }
  .button--color-black:before {
    background-color: white; }
  .no-touchdevice .button--color-black:hover {
    color: #1d2223;
    animation: background-toggle-white forwards 0.5s; }

.button--bg-dark {
  background-color: #1d2223; }
  .no-touchdevice .button--bg-dark:hover {
    color: #1d2223; }

.button--border-darkgrey {
  border-color: #444f51; }

.button--shadows {
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.3), 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.3) inset;
  text-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.65); }

@keyframes background-toggle-darkgrey {
  40% {
    background-color: inherit; }
  100% {
    background-color: #444f51; } }

@keyframes background-toggle-red {
  40% {
    background-color: inherit; }
  100% {
    background-color: #ee3351; } }

@keyframes background-toggle-silver {
  40% {
    background-color: inherit; }
  100% {
    background-color: #999999; } }

@keyframes background-toggle-white {
  40% {
    background-color: inherit; }
  100% {
    background-color: white; } }

@keyframes background-toggle-transparent {
  40% {
    background-color: inherit; }
  100% {
    background-color: transparent; } }

@keyframes click-effect-touch {
  0% {
    opacity: 1;
    transform: scale3d(0.5, 0.5, 1); }
  25% {
    opacity: .8;
    transform: scale3d(7, 1, 1); }
  60% {
    opacity: .3;
    transform: scale3d(7, 1, 1); }
  100% {
    opacity: 0;
    transform: scale3d(7, 1, 1); } }

@keyframes click-effect {
  0% {
    opacity: 1;
    transform: scale3d(0.5, 0.5, 1); }
  25% {
    opacity: .3;
    transform: scale3d(4, 1, 1); }
  60% {
    opacity: .1;
    transform: scale3d(4, 1, 1); }
  100% {
    opacity: 0;
    transform: scale3d(4, 1, 1); } }

/* ==|====================
   Components / iconbutton
   ======================= */
.iconbutton {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: 3.75rem;
  margin-bottom: 1rem;
  padding: 0 2.25rem;
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  cursor: pointer; }
  .no-touchdevice .iconbutton:hover .iconbutton__label {
    color: #ee3351; }
  .no-touchdevice .iconbutton:hover .iconbutton__label .icon {
    fill: #ee3351; }

.iconbutton__label {
  display: inline-block;
  position: relative;
  padding-left: 1.375rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-family: "Trade Gothic Condensed", Arial, sans-serif;
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .0125em;
  text-transform: uppercase;
  color: #444f51; }
  .iconbutton__label .icon {
    position: absolute;
    top: 50%;
    left: 0;
    width: 1rem;
    height: 1rem;
    transform: translateY(-50%);
    fill: #444f51; }

/* ==|====================
   Components / Squarebutton
   ======================= */
.squarebutton {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 3.75rem;
  height: 3.75rem;
  border: 1px solid #1d2223;
  cursor: pointer;
  background-color: white; }
  .no-touchdevice .squarebutton:hover .icon {
    fill: #ee3351; }
  .squarebutton .icon {
    width: 1rem;
    height: 1rem;
    fill: #444f51; }

/* ==|====================
   Modules / Tabs Navigations
   ======================= */
@keyframes hoveranim {
  0% {
    transform: translateY(0); }
  50% {
    transform: translateY(2px); }
  100% {
    transform: translateY(0); } }

.tab {
  width: 100%;
  padding-bottom: 3.5rem; }
  @media only screen and (min-width: 64em) {
    .tab {
      overflow: hidden; } }
  .tab.is-open .tab__trigger {
    color: white;
    background-color: #444f51; }
    .tab.is-open .tab__trigger .icon {
      transform: rotate(-180deg);
      fill: white; }
  .tab.is-open .tab__label:after {
    opacity: 1;
    transition: opacity 440ms linear; }
  .tab.is-open .tab__contentbox {
    height: auto; }
    @media only screen and (min-width: 64em) {
      .tab.is-open .tab__contentbox {
        visibility: visible;
        z-index: 1; } }
  .tab.is-open .tab__content {
    opacity: 1;
    transform: translateY(0); }
    @media only screen and (min-width: 64em) {
      .tab.is-open .tab__content {
        transform: none;
        opacity: 1; } }
  .tab + .tab {
    margin-top: calc(-3.5rem - 1px); }

.tab__trigger {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
  height: 3.75rem;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  cursor: pointer;
  background-color: white;
  transition: background-color 120ms linear, border-color 120ms linear; }
  @media only screen and (min-width: 64em) {
    .tab__trigger {
      padding-right: 4.375rem;
      padding-left: 4.375rem; } }
  .no-touchdevice .tab__trigger:hover .icon {
    fill: #ee3351; }
  .tab__trigger .icon {
    display: block;
    margin: 0 auto;
    width: 1rem;
    height: 1rem;
    transform: rotate(0deg);
    transition: transform 120ms linear;
    fill: #1d2223; }
    @media only screen and (min-width: 64em) {
      .tab__trigger .icon {
        position: absolute;
        right: 1.5625rem;
        width: 1rem;
        height: 1rem; } }

.tab__label {
  display: block;
  padding-bottom: 0.125rem; }
  @media only screen and (min-width: 64em) {
    .tab__label {
      padding-bottom: 0; } }

.tab__contentbox {
  height: 0;
  overflow: hidden;
  transition: height 220ms linear; }
  .tab__contentbox.no-transition {
    transition: none; }
  @media only screen and (min-width: 64em) {
    .tab__contentbox {
      visibility: hidden;
      height: calc(100% - 3.75rem); } }

.tab__content {
  padding-top: 1.5625rem;
  padding-bottom: 2.25rem;
  padding-left: 0;
  padding-right: 0;
  opacity: 0;
  transform: translateY(-10px);
  transition: transform 240ms linear, opacity 140ms linear; }
  @media only screen and (min-width: 64em) {
    .tab__content {
      transform: none;
      transition: opacity 140ms linear;
      transition-delay: 80ms;
      opacity: 0; } }

/* ==|====================
   Components / Table
   ======================= */
.accordion {
  width: 100%;
  padding-bottom: 3.5rem; }
  .accordion.is-open > .accordion__trigger .accordion__icon:after {
    opacity: 1;
    transition: opacity 0.2s ease-in-out; }
  .accordion.is-open > .accordion__trigger .accordion__icon .icon {
    transform: rotate(-180deg);
    fill: white; }
  .accordion.is-open > .accordion__trigger .default-label {
    color: #ee3351; }
  .accordion.is-open > .accordion__contentbox {
    height: auto; }
    .accordion.is-open > .accordion__contentbox > .accordion__content {
      opacity: 1;
      transform: translateY(0); }
  .accordion + .accordion {
    margin-top: calc(-3.5rem - 1px); }
  .accordion .default-label {
    font-family: "Trade Gothic Condensed", Arial, sans-serif;
    font-weight: 700;
    font-size: 1.3125rem;
    text-transform: uppercase;
    color: #444f51;
    line-height: 1.1;
    padding: 3px 0; }

.accordion__trigger {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  padding-left: 1rem;
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  cursor: pointer; }

.accordion__label-wrapper {
  position: relative;
  padding: 1.25rem 1.25rem 1.25rem 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -ms-flex: 1;
      flex: 1; }

.accordion__icon {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 4.375rem;
      flex: 0 0 4.375rem;
  border-left: 1px solid #dadada;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  transition: background 0.2s ease-in-out; }
  .accordion__icon .icon {
    position: relative;
    display: block;
    width: 1rem;
    height: 1rem;
    transform: rotate(0deg);
    transition: transform 0.2s ease-in-out, fill 0.2s ease-in-out;
    transform-origin: 50% 50%;
    fill: #1d2223;
    z-index: 2; }
  .accordion__icon:after {
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: 0;
    content: " ";
    opacity: 0;
    background-color: #ee3351;
    border: 1px solid #ff5b70;
    transition: opacity 0.2s ease-in-out; }

.accordion__contentbox {
  overflow: hidden;
  height: 0;
  transition: height 220ms linear; }
  .accordion__contentbox.no-transition {
    transition: none; }

.accordion__content {
  padding: 1rem;
  opacity: 0;
  transform: translateY(-10px);
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out; }

.accordion--quickview-person > .accordion__trigger,
.accordion--quickview-person > .accordion__trigger > .accordion__label-wrapper {
  padding: 0; }

.accordion--quickview-person > .accordion__contentbox > .accordion__content {
  padding: 0; }

.accordion--no-side-padding .accordion__content {
  padding-left: 0;
  padding-right: 0; }

/* ==|====================
   Components / Table
   ======================= */
.eventlistitem-accordion {
  padding-bottom: 0; }
  .eventlistitem-accordion.is-open .accordion__trigger {
    border-color: #ee3351;
    color: white;
    background-color: #ee3351; }
  .eventlistitem-accordion.is-open .eventlistitem__label,
  .eventlistitem-accordion.is-open .eventlistitem__label--main,
  .eventlistitem-accordion.is-open .eventlistitem__label--switch,
  .eventlistitem-accordion.is-open .eventlistitem__label--meta {
    color: white; }
  .eventlistitem-accordion.is-open .eventlistitem__label--meta .icon {
    fill: white; }
  @media only screen and (max-width: 40em), only screen and (min-width: 48em) and (max-width: 63.75em) {
    .eventlistitem-accordion .accordion__icon {
      display: none; } }
  .eventlistitem-accordion + .accordion {
    margin-top: -1px; }

.eventlistitem {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-align: stretch;
      align-items: stretch;
  width: 100%; }
  .eventlistitem.is-user-generated .eventlistitem__cell--action {
    z-index: auto;
    opacity: 1;
    pointer-events: auto; }

.eventlistitem__label {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 1rem;
  line-height: 1.5;
  color: #444f51; }
  @media only screen and (min-width: 23.4375em) {
    .eventlistitem__label {
      font-size: 1.125rem; } }

.eventlistitem__label--main {
  font-weight: 800;
  line-height: 1.425;
  color: #ee3351; }

.eventlistitem__label--switch {
  display: none;
  line-height: 1.5; }
  @media only screen and (max-width: 40em), only screen and (min-width: 48em) and (max-width: 63.75em) {
    .eventlistitem__label--switch {
      display: block; } }

.eventlistitem__label--meta {
  display: inline-block;
  position: relative;
  padding-right: 0.875rem;
  padding-left: 1.5rem;
  font-weight: 700;
  color: #444f51; }
  .eventlistitem__label--meta .icon {
    position: absolute;
    top: 50%;
    left: 0;
    width: 1rem;
    height: 1rem;
    transform: translateY(-50%);
    fill: #7a8284; }

.eventlistitem__label--action {
  display: inline-block;
  position: relative;
  height: 100%;
  color: #444f51; }
  .eventlistitem__label--action:first-child {
    padding: 0 1.25rem 0 0.3125rem; }
    @media only screen and (min-width: 48em) {
      .eventlistitem__label--action:first-child {
        padding: 0 1.875rem 0 0.3125rem; } }
  .eventlistitem__label--action .icon {
    position: absolute;
    top: 50%;
    left: 0;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0.625rem;
    transform: translateY(-50%);
    fill: #7a8284; }
    @media only screen and (min-width: 48em) {
      .eventlistitem__label--action .icon {
        left: -0.3125rem; } }
    .eventlistitem__label--action .icon:hover {
      fill: #ee3351; }
    .accordion.is-open .eventlistitem__label--action .icon {
      fill: white; }

.eventlistitem__cell {
  padding-right: 1.25rem; }
  .eventlistitem__cell:nth-child(1) {
    -ms-flex: 0 1 8.25rem;
        flex: 0 1 8.25rem; }
    @media only screen and (min-width: 64em) {
      .eventlistitem__cell:nth-child(1) {
        -ms-flex: 0 1 10rem;
            flex: 0 1 10rem; } }
  .eventlistitem__cell:nth-child(2) {
    -ms-flex: 16.25rem;
        flex: 16.25rem; }
    @media only screen and (max-width: 40em), only screen and (min-width: 48em) and (max-width: 63.75em) {
      .eventlistitem__cell:nth-child(2) {
        padding-right: 0; } }
  .eventlistitem__cell:nth-child(3) {
    -ms-flex: 10rem;
        flex: 10rem; }
    @media only screen and (max-width: 40em), only screen and (min-width: 48em) and (max-width: 63.75em) {
      .eventlistitem__cell:nth-child(3) {
        display: none; } }

.eventlistitem__cell--action {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  opacity: 0;
  pointer-events: none;
  z-index: -1;
  white-space: nowrap; }

.eventlistitem__meta {
  margin-top: 0.125rem; }
  @media only screen and (max-width: 40em), only screen and (min-width: 48em) and (max-width: 63.75em) {
    .eventlistitem__meta {
      margin-top: 0.0625rem; } }

.eventlist-overlay.overlay .closer .icon {
  fill: #444f51; }

/* ==|====================
   Components / Personal Listview Item
   ======================= */
.perslistview-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: stretch;
      align-items: stretch;
  position: relative;
  width: 100%;
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  table-layout: fixed;
  cursor: default;
  font-size: 1.1875rem;
  background-color: white;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transition: background-color 220ms linear, color 220ms linear, border-color 220ms linear; }
  .perslistview-item:hover,
  .perslistview-item .is-selected {
    color: white;
    background-color: #ee3351; }
    .perslistview-item:hover .myds-badge span,
    .perslistview-item .is-selected .myds-badge span {
      border-color: white;
      color: white; }
      @media only screen and (max-width: 40em), only screen and (min-width: 48em) and (max-width: 63.999em) {
        .perslistview-item:hover .myds-badge span,
        .perslistview-item .is-selected .myds-badge span {
          border-color: white;
          color: white; } }
    .perslistview-item:hover .icon,
    .perslistview-item .is-selected .icon {
      fill: white; }
    .perslistview-item:hover .perslistview-item__avatar:after,
    .perslistview-item .is-selected .perslistview-item__avatar:after {
      opacity: .4; }
    .perslistview-item:hover picture img,
    .perslistview-item .is-selected picture img {
      filter: grayscale(100%); }
  .perslistview-item + .perslistview-item {
    margin-top: -1px; }
  .perslistview-item .myds-badge {
    margin: 0.375rem 0; }
    @media only screen and (max-width: 40em), only screen and (min-width: 48em) and (max-width: 63.999em) {
      .perslistview-item .myds-badge {
        position: absolute;
        left: 1.125rem;
        bottom: 0.5rem; } }
    .perslistview-item .myds-badge span {
      border-color: #ee3351;
      color: #ee3351;
      transition: border-color 220ms linear, color 220ms linear; }
      @media only screen and (max-width: 40em), only screen and (min-width: 48em) and (max-width: 63.999em) {
        .perslistview-item .myds-badge span {
          border-color: white;
          color: white; } }
  .perslistview-item img {
    margin: 0;
    padding: 0; }

.perslistview-item__avatar {
  -ms-flex: 0 1 3.5rem;
      flex: 0 1 3.5rem;
  position: relative;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.5s ease; }
  .perslistview-item__avatar:after {
    width: 100%;
    height: 100%;
    background-color: #ee3351;
    content: "";
    left: 0;
    top: 0;
    position: absolute;
    opacity: 0;
    transition: opacity 0.5s ease; }
  .perslistview-item__avatar.covermode, .perslistview-item__avatar.no-covermode {
    opacity: 1; }
  @media only screen and (max-width: 40em), only screen and (min-width: 48em) and (max-width: 63.999em) {
    .perslistview-item__avatar {
      -ms-flex: 0 1 6.125rem;
          flex: 0 1 6.125rem; } }
  .perslistview-item__avatar picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; }
    .perslistview-item__avatar picture img {
      transition: filter 220ms linear;
      filter: grayscale(0%);
      position: absolute;
      top: 0;
      left: 0;
      max-width: none; }

.perslistview-item__infowrap {
  width: calc(100% - 3.5rem);
  display: table;
  table-layout: fixed;
  min-height: 4.375rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1rem; }
  @media only screen and (max-width: 40em) {
    .perslistview-item__infowrap {
      -ms-flex: 1;
          flex: 1;
      width: calc(100% - 6.875rem);
      padding-left: 1rem;
      padding-right: 3.625rem;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-pack: center;
          justify-content: center; } }
  @media only screen and (min-width: 48em) and (max-width: 63.999em) {
    .perslistview-item__infowrap {
      -ms-flex: 1;
          flex: 1;
      width: calc(100% - 8.125rem);
      padding: 1.25rem 3.625rem 1.25rem 1rem;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-pack: center;
          justify-content: center; } }
  @media only screen and (min-width: 64em) {
    .perslistview-item__infowrap {
      font-size: 1.125rem; } }
  @media only screen and (min-width: 120em) {
    .perslistview-item__infowrap {
      font-size: 1.25rem; } }
  .perslistview-item__infowrap > [class^="perslistview-item"] {
    display: table-cell;
    vertical-align: middle; }
    @media only screen and (max-width: 40em), only screen and (min-width: 48em) and (max-width: 63.999em) {
      .perslistview-item__infowrap > [class^="perslistview-item"] {
        display: block;
        margin: 0.125rem 0; } }
  .perslistview-item__infowrap > .perslistview-item__merge {
    display: none; }
    @media only screen and (min-width: 48em) {
      .perslistview-item__infowrap > .perslistview-item__merge {
        display: table-cell; } }
    @media only screen and (min-width: 48em) and (max-width: 63.999em) {
      .perslistview-item__infowrap > .perslistview-item__merge {
        display: block;
        position: absolute;
        right: 3.75rem;
        bottom: 0;
        width: 3.5rem; } }

.perslistview-item__avatarph {
  width: 100%; }

.perslistview-item__name {
  font-weight: 800;
  padding: 0 0.625rem 0 0.5rem;
  cursor: pointer; }
  @media only screen and (min-width: 48em) {
    .perslistview-item__name {
      padding: 0 0.375rem 0 1.25rem; } }
  @media only screen and (min-width: 64em) {
    .perslistview-item__name {
      padding: 0 0.75rem 0 1.875rem; } }
  @media only screen and (min-width: 87.5em) {
    .perslistview-item__name {
      padding: 0 1.25rem 0 2.5rem; } }
  @media only screen and (max-width: 40em), only screen and (min-width: 48em) and (max-width: 63.999em) {
    .perslistview-item__name {
      padding: 0; } }

.perslistview-item__year {
  width: 6.25rem;
  padding: 0 1rem; }
  @media only screen and (max-width: 40em), only screen and (min-width: 48em) and (max-width: 63.999em) {
    .perslistview-item__year {
      padding: 0;
      width: 100%; } }

.perslistview-item__loc {
  width: 20%;
  padding: 0 1rem; }
  @media only screen and (max-width: 40em), only screen and (min-width: 48em) and (max-width: 63.999em) {
    .perslistview-item__loc {
      padding: 0;
      width: 100%; } }
  @media only screen and (min-width: 87.5em) {
    .perslistview-item__loc {
      width: auto; } }

.perslistview-item__amount {
  padding: 0 2rem 0 1rem;
  text-align: right;
  width: 7.5rem; }
  @media only screen and (max-width: 40em), only screen and (min-width: 48em) and (max-width: 63.999em) {
    .perslistview-item__amount {
      padding: 0;
      text-align: left;
      width: 100%; } }
  .perslistview-item__amount:after {
    content: attr(data-suffix); }
    @media only screen and (max-width: 40em), only screen and (min-width: 48em) and (max-width: 63.999em) {
      .perslistview-item__amount:after {
        content: attr(data-suffix-mobile); } }

.perslistview-item__merge {
  width: 6.25rem;
  display: none; }
  @media only screen and (min-width: 48em) {
    .perslistview-item__merge {
      display: table-cell; } }

.perslistview-item__add {
  width: 3.125rem; }
  @media only screen and (min-width: 87.5em) {
    .perslistview-item__add {
      width: 6.25rem; } }
  @media only screen and (max-width: 40em), only screen and (min-width: 48em) and (max-width: 63.999em) {
    .perslistview-item__add {
      position: absolute;
      right: 0;
      bottom: 0; } }

.perslistview-item__trigger {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 3.125rem;
  height: 3.125rem;
  margin: auto;
  padding: 0;
  cursor: pointer;
  transition: opacity 0.2s ease-in-out; }
  .perslistview-item__trigger.selected {
    opacity: .4;
    pointer-events: none;
    cursor: default; }
  .perslistview-item__trigger > .icon {
    width: 1.3125rem;
    height: 1.3125rem;
    transition: fill 220ms linear;
    fill: #1d2223; }

.perslistview-item--no-borders {
  border: 0; }

/* ==|====================
   Components / List Order Options
   ======================= */
.list-options {
  display: block;
  overflow: hidden;
  margin-bottom: 1rem;
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  transition: height 220ms linear; }
  @media only screen and (max-width: 40em), only screen and (min-width: 48em) and (max-width: 63.75em) {
    .list-options {
      height: 3.625rem;
      margin-bottom: 2em; } }

.list-options__wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%; }
  @media only screen and (max-width: 40em), only screen and (min-width: 48em) and (max-width: 63.75em) {
    .list-options__wrap {
      -ms-flex-direction: column;
          flex-direction: column; } }

.list-options__item {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: 3.625rem;
  border-right: 1px solid #dadada;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 1rem;
  text-align: center; }
  @media only screen and (max-width: 40em), only screen and (min-width: 48em) and (max-width: 63.75em) {
    .list-options__item {
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
      width: 100%;
      border-right: 0; } }
  .list-options__item.is-selected {
    color: white;
    background-color: #444f51; }
    .list-options__item.is-selected .list-options_lbl {
      color: white; }
    .list-options__item.is-selected:not(.list-options__item--title):hover .list-options_lbl {
      color: white; }
    .list-options__item.is-selected[data-dir="desc"] .icon-arrow-down {
      display: block; }
    .list-options__item.is-selected[data-dir="asc"] .icon-arrow-up {
      display: block; }
  .list-options__item:not(.list-options__item--title):hover .list-options_lbl {
    color: #ee3351; }
  .list-options__item:last-child {
    border-right: 0; }
  .list-options__item .icon {
    display: none;
    position: absolute;
    top: 50%;
    right: 0.5rem;
    width: 0.875rem;
    height: 0.875rem;
    transform: translateY(-50%);
    fill: white; }
    @media only screen and (max-width: 40em), only screen and (min-width: 48em) and (max-width: 63.75em) {
      .list-options__item .icon {
        display: none; } }
    @media only screen and (min-width: 87.5em) {
      .list-options__item .icon {
        right: 1rem; } }

.list-options_lbl {
  padding: 0 1rem;
  font-weight: 700;
  font-size: 1rem;
  text-transform: uppercase;
  color: #444f51; }
  @media only screen and (min-width: 48em) {
    .list-options_lbl {
      padding: 0 2rem; } }

.list-options__item--title {
  cursor: default; }
  @media only screen and (max-width: 40em), only screen and (min-width: 48em) and (max-width: 63.75em) {
    .list-options__item--title {
      display: none; } }
  .list-options__item--title .list-options_lbl {
    font-size: 1.25rem;
    color: #999999; }
  .list-options__item--title.list-options__item--mob {
    display: none;
    cursor: pointer; }
    @media only screen and (max-width: 40em), only screen and (min-width: 48em) and (max-width: 63.75em) {
      .list-options__item--title.list-options__item--mob {
        display: -ms-flexbox;
        display: flex; } }
    .list-options__item--title.list-options__item--mob .list-options_lbl {
      position: relative;
      font-size: 1.125rem;
      color: #444f51; }
      .list-options__item--title.list-options__item--mob .list-options_lbl:before {
        content: attr(data-label); }
      .list-options__item--title.list-options__item--mob .list-options_lbl:after {
        margin-right: 0.875rem;
        content: attr(data-sel-name); }
      .list-options__item--title.list-options__item--mob .list-options_lbl .icon {
        width: 0.875rem;
        height: 0.875rem;
        fill: #444f51; }
      .list-options__item--title.list-options__item--mob .list-options_lbl[data-sel-dir="desc"] .icon-arrow-down {
        display: block; }
      .list-options__item--title.list-options__item--mob .list-options_lbl[data-sel-dir="asc"] .icon-arrow-up {
        display: block; }

.icon {
  display: inline-block;
  width: 1.875rem;
  height: 1.875rem;
  line-height: 1; }
  .icon svg {
    display: block; }

.icon-close {
  width: 1.25rem;
  height: 1.25rem; }
  .icon-close svg {
    fill: white; }

/* ==|====================
   Components / Page Header
   ======================= */
.page-header {
  position: relative; }
  .page-header img {
    width: 100%; }

.page-header__title {
  text-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  margin: 0 auto;
  padding-top: 20px;
  max-width: 25rem;
  width: 100%;
  transform: translateY(-50%) skewY(-4deg); }
  .page-header__title.white {
    color: white; }

.page-header__image-container {
  position: relative;
  text-align: center; }
  @media only screen and (min-width: 87.5em) {
    .page-header__image-container {
      overflow: hidden;
      height: 25rem; } }

@media only screen and (min-width: 87.5em) {
  .page-header__absolute-container {
    height: 25rem;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    transform: translateY(-50%); } }

.page-header__copy {
  margin: 1.5rem 0 0; }
  @media only screen and (min-width: 33.75em) {
    .page-header__copy {
      margin: 2.125rem 0 0; } }
  @media only screen and (min-width: 64em) {
    .page-header__copy {
      margin: 2.8125rem 0 0; } }

/* ==|====================
   Components / Header Teaser
   ======================= */
.header-teaser {
  position: relative;
  height: 100%;
  opacity: 0;
  transition: opacity 0.5s ease; }
  .header-teaser img {
    position: relative;
    display: block;
    top: 0;
    max-width: none;
    width: 100%; }
    @media only screen and (min-width: 64em) {
      .header-teaser img {
        position: absolute; } }
  .header-teaser.covermode, .header-teaser.no-covermode {
    opacity: 1; }
  .header-teaser .button {
    z-index: 1;
    margin-top: 0.625rem; }
  @media only screen and (min-width: 48em) {
    .header-teaser {
      overflow: hidden; } }
  @media only screen and (min-width: 64em) {
    .header-teaser {
      height: 31.25rem; } }

.header-teaser__content-container {
  position: absolute;
  top: 50%;
  z-index: 1;
  width: 100%;
  text-align: center;
  transform: translateY(-50%); }

.header-teaser__title {
  text-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.5);
  position: relative;
  right: 0;
  left: 0;
  margin: 0 auto;
  padding: 0 1.25rem;
  max-width: 25rem;
  width: 100%;
  text-align: center;
  font-size: 2.875rem;
  color: white; }
  @media only screen and (min-width: 48em) {
    .header-teaser__title {
      letter-spacing: -0.05556em;
      font-size: 3.375rem; } }

.header-teaser__copy {
  margin: 2.8125rem 0 -0.625rem; }

@media only screen and (min-width: 64em) {
  .header-teaser--small .header-teaser__title {
    font-size: 2.5rem; } }

@media only screen and (min-width: 64em) {
  .header-teaser--small {
    height: calc(15.625rem - 0.2vw); } }

/* ==|====================
   Components / myds Badge
   ======================= */
.myds-badge {
  display: inline-block; }
  .myds-badge span {
    border: 2px solid white;
    padding: 1px 4px;
    font-size: 0.8125rem;
    font-weight: 700;
    font-family: "Trade Gothic", Arial, sans-serif; }

/* ==|====================
   Components / Add Form
   ======================= */
.add-form {
  margin-bottom: 2.625rem; }

.add-form__title {
  margin-top: 1rem;
  margin-bottom: 1.25rem;
  text-align: center;
  color: #ee3351; }

.add-form__panel {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
  padding: 0 1rem; }
  @media only screen and (min-width: 64em) {
    .add-form__panel {
      -ms-flex-direction: row;
          flex-direction: row;
      padding: 0; } }

.add-form__input {
  position: relative;
  -ms-flex: 1 auto;
      flex: 1 auto; }
  @media only screen and (min-width: 64em) {
    .add-form__input:nth-child(1) {
      margin-right: 0.75rem;
      margin-left: 0; } }
  .add-form__input:nth-child(2) {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row; }
    @media only screen and (min-width: 64em) {
      .add-form__input:nth-child(2) {
        margin-right: 0;
        margin-left: 0.75rem; } }
    .add-form__input:nth-child(2) .text-field {
      position: relative;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
      margin-right: 1.5rem; }
    .add-form__input:nth-child(2) .squarebutton {
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
      min-width: 3.75rem;
      margin-top: 0.1875rem; }

/* ==|====================
   Components / Scrollblocker
   ======================= */
@media only screen and (min-width: 48em) {
  .scrollblocker {
    display: block;
    position: fixed;
    z-index: 80;
    top: 0;
    left: 0;
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-pack: justify;
        justify-content: space-between;
    width: 100%;
    height: 0;
    background: linear-gradient(to bottom, black 0%, #1c1c1c 38%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(0,0,0)', endColorstr='rgb(28,28,28)',GradientType=0 ); } }

.body--noscroll .scrollblocker {
  height: 100%; }

.body--noscroll-off .scrollblocker {
  height: 100%;
  animation-name: removeScrollblocker;
  animation-duration: 140ms;
  animation-timing-function: ease-in;
  animation-direction: normal;
  animation-fill-mode: forwards; }

@keyframes removeScrollblocker {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/* ==|====================
   Components / Event Fact Header
   ======================= */
.event-fact-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: #444f51;
  padding-top: 1.125rem;
  padding-bottom: 1.1875rem;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto; }
  @media only screen and (min-width: 48em) {
    .event-fact-header {
      padding-top: 1.375rem;
      padding-bottom: 1.4375rem; } }
  @media only screen and (min-width: 64em) {
    .event-fact-header {
      min-height: 7rem; } }

.event-fact-header__title {
  transform-origin: center;
  text-transform: uppercase;
  position: relative;
  display: inline-block;
  color: white;
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 1.1;
  max-width: 230px;
  margin: 0; }
  @media only screen and (min-width: 48em) {
    .event-fact-header__title {
      font-size: 1.875rem; } }

/* ==|====================
   Components / Event Fact List
   ======================= */
.event-fact-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  border-top: 1px solid #7a8284;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto; }
  .event-fact-list__item {
    color: white;
    background-color: rgba(68, 79, 81, 0.8);
    transition: background-color 0.2s ease-in-out; }
    .event-fact-list__item:not(:last-of-type) {
      border-bottom: 1px solid #7a8284; }
    .no-touchdevice .event-fact-list__item:hover {
      color: white;
      background-color: rgba(68, 79, 81, 0.9); }
  .event-fact-list__item-padder {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    padding: 1.125rem 1rem 0.875rem; }
    @media only screen and (min-width: 48em) {
      .event-fact-list__item-padder {
        padding: 1.3125rem 1rem 1.1875rem; } }
  .event-fact-list__event-name {
    text-transform: uppercase;
    display: block;
    font-size: 0.75rem;
    line-height: 1;
    padding-bottom: 0.0625rem; }
  .event-fact-list__value {
    font-family: "Trade Gothic Condensed", Arial, sans-serif;
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 1;
    letter-spacing: -0.03125em; }
  .event-fact-list__unit {
    text-transform: uppercase;
    font-family: "Trade Gothic Condensed", Arial, sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: rgba(255, 255, 255, 0.3); }
  @media only screen and (min-width: 48em) {
    .event-fact-list {
      -ms-flex-direction: row;
          flex-direction: row;
      min-height: 9.75rem; }
      .event-fact-list__item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: end;
            align-items: flex-end;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
        max-width: 100%; }
        .event-fact-list__item:not(:last-of-type) {
          border-right: 1px solid #7a8284;
          border-bottom: 0; }
      .event-fact-list__event-name {
        font-size: 0.875rem; }
      .event-fact-list__value {
        font-size: 3.375rem; }
      .event-fact-list__unit {
        font-size: 1.875rem; }
      .event-fact-list--length-2 .event-fact-list__item {
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
        max-width: 50%; }
      .event-fact-list--length-3 .event-fact-list__item {
        -ms-flex: 0 0 33.333%;
            flex: 0 0 33.333%;
        max-width: 33.333%; } }

/* ==|====================
   Components / Table
   ======================= */
.table {
  width: 100%; }
  .table th,
  .table td {
    padding-top: 0.8125rem;
    padding-bottom: 0.6875rem;
    padding-right: 0.625rem;
    border-bottom: 1px solid #dadada;
    vertical-align: top; }
  .table th {
    text-align: left;
    font-weight: 700;
    white-space: nowrap; }
  .table p {
    margin: 0; }
  .table--stacksize-narrow[max-width~="400px"],
  .table--stacksize-narrow[max-width~="400px"] tbody,
  .table--stacksize-narrow[max-width~="400px"] tr,
  .table--stacksize-narrow[max-width~="400px"] td,
  .table--stacksize-narrow[max-width~="400px"] th, .table--stacksize-medium[max-width~="500px"],
  .table--stacksize-medium[max-width~="500px"] tbody,
  .table--stacksize-medium[max-width~="500px"] tr,
  .table--stacksize-medium[max-width~="500px"] td,
  .table--stacksize-medium[max-width~="500px"] th, .table--stacksize-wide[max-width~="600px"],
  .table--stacksize-wide[max-width~="600px"] tbody,
  .table--stacksize-wide[max-width~="600px"] tr,
  .table--stacksize-wide[max-width~="600px"] td,
  .table--stacksize-wide[max-width~="600px"] th {
    display: block; }
  .table--stacksize-narrow[max-width~="400px"] thead, .table--stacksize-medium[max-width~="500px"] thead, .table--stacksize-wide[max-width~="600px"] thead {
    display: none; }
  .table--stacksize-narrow[max-width~="400px"] tr,
  .table--stacksize-narrow[max-width~="400px"] th, .table--stacksize-medium[max-width~="500px"] tr,
  .table--stacksize-medium[max-width~="500px"] th, .table--stacksize-wide[max-width~="600px"] tr,
  .table--stacksize-wide[max-width~="600px"] th {
    border-bottom: 1px solid #dadada; }
  .table--stacksize-narrow[max-width~="400px"] tr, .table--stacksize-medium[max-width~="500px"] tr, .table--stacksize-wide[max-width~="600px"] tr {
    padding-bottom: 0.8125rem; }
  .table--stacksize-narrow[max-width~="400px"] th, .table--stacksize-medium[max-width~="500px"] th, .table--stacksize-wide[max-width~="600px"] th {
    margin-bottom: 0.8125rem; }
  .table--stacksize-narrow[max-width~="400px"] td, .table--stacksize-medium[max-width~="500px"] td, .table--stacksize-wide[max-width~="600px"] td {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 0; }
    .table--stacksize-narrow[max-width~="400px"] td:first-of-type, .table--stacksize-medium[max-width~="500px"] td:first-of-type, .table--stacksize-wide[max-width~="600px"] td:first-of-type {
      margin-top: 0.8125rem; }
  .table--stacksize-narrow[max-width~="400px"].table--has-header-column td, .table--stacksize-medium[max-width~="500px"].table--has-header-column td, .table--stacksize-wide[max-width~="600px"].table--has-header-column td {
    position: relative;
    padding-left: 45%; }
    .table--stacksize-narrow[max-width~="400px"].table--has-header-column td::before, .table--stacksize-medium[max-width~="500px"].table--has-header-column td::before, .table--stacksize-wide[max-width~="600px"].table--has-header-column td::before {
      position: absolute;
      left: 0;
      top: 0;
      font-size: 1.125rem;
      line-height: 1.55556;
      width: 45%;
      padding-right: 0.625rem;
      white-space: nowrap;
      text-align: left;
      font-weight: bold;
      content: attr(data-column-label); }

.webcam-capture {
  position: relative;
  width: 18.75rem;
  height: 14.0625rem;
  margin: 0 0 0 50%;
  transform: translateX(-50%); }
  @media only screen and (min-width: 33.75em) {
    .webcam-capture {
      width: 25rem;
      height: 18.75rem; } }
  @media only screen and (min-width: 48em) {
    .webcam-capture {
      width: 31.25rem;
      height: 23.4375rem; } }

/* ==|====================
   Components / Image Upload
   ======================= */
.image-upload {
  position: relative; }
  .image-upload.has-thumbnail .image-upload__thumbnail {
    z-index: 5; }

.image-upload__options-layer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(29, 34, 35, 0.85); }

.image-upload__thumbnail {
  display: block; }
  .image-upload__thumbnail img {
    width: 100%; }

.image-upload__dropzone {
  display: -ms-flexbox;
  display: flex;
  padding: 0.75rem;
  border: 2px dashed #dadada;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  text-align: center;
  transition: border-color 0.2s ease-in-out;
  background-color: white;
  cursor: pointer;
  min-height: 14.375rem; }
  .image-upload__dropzone:hover, .image-upload__dropzone.drag-over {
    border-color: #444f51; }

.image-upload__options-open {
  height: 2.5rem;
  border-right: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  border-left: 1px solid #dadada;
  padding: 0 0.625rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  color: #444f51;
  background-color: white;
  font-size: 0.875rem;
  cursor: pointer; }
  .image-upload__options-open > .icon {
    width: 1.0625rem;
    height: 1.0625rem;
    margin-right: 0.75rem; }
    .image-upload__options-open > .icon svg {
      fill: #999999; }

.image-upload__options-list {
  position: absolute;
  bottom: 2.5rem;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%; }

.image-upload__options-item {
  color: white;
  border-top: 1px solid #444f51;
  border-bottom: 1px solid #444f51; }
  .image-upload__options-item + .image-upload__options-item {
    margin-top: -1px; }

.image-upload__options-item-inner {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 0.625rem;
  height: 2.5rem;
  font-size: 0.875rem;
  cursor: pointer; }
  .image-upload__options-item-inner > .icon {
    width: 1.0625rem;
    height: 1.0625rem;
    margin-right: 0.75rem; }
    .image-upload__options-item-inner > .icon svg {
      fill: white; }

.image-upload__options-close {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0.625rem;
  bottom: 0;
  width: 100%;
  height: 2.5rem;
  -ms-flex-align: center;
      align-items: center;
  background-color: #1d2223;
  color: white;
  font-size: 0.875rem;
  cursor: pointer; }
  .image-upload__options-close > .icon {
    width: 1.0625rem;
    height: 1.0625rem;
    margin-right: 0.75rem; }
    .image-upload__options-close > .icon svg {
      fill: white; }

.image-upload__hidden-input {
  display: none;
  height: 0;
  width: 0;
  visibility: hidden; }

.iu-overlay {
  padding-top: 2.5rem;
  padding-bottom: 4.375rem;
  overflow: hidden;
  background-color: #1d2223; }
  .iu-overlay .container {
    padding-right: 0;
    padding-left: 0; }
  .iu-overlay .h1-alike {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    color: white;
    margin-bottom: 2.5rem; }
    @media only screen and (min-width: 33.75em) {
      .iu-overlay .h1-alike {
        margin-bottom: 3.125rem; } }
  .iu-overlay .tab__trigger {
    background-color: #1d2223;
    color: white; }
  .iu-overlay .tab__content {
    padding-top: 3.125rem; }
  .iu-overlay .spacer-top {
    margin-top: 2.5rem; }
    .iu-overlay .spacer-top .button {
      margin-left: 0.625rem;
      margin-right: 0.625rem;
      margin-top: 0.625rem; }
    @media only screen and (min-width: 33.75em) {
      .iu-overlay .spacer-top {
        margin-top: 3.75rem; } }
  .iu-overlay .image-crop-wrapper {
    width: 18.75rem;
    margin: 0 0 0 50%;
    transform: translateX(-50%);
    overflow: hidden; }
    @media only screen and (min-width: 33.75em) {
      .iu-overlay .image-crop-wrapper {
        width: 25rem; } }
    @media only screen and (min-width: 48em) {
      .iu-overlay .image-crop-wrapper {
        width: 31.25rem; } }
    .iu-overlay .image-crop-wrapper > img {
      max-width: 100%;
      height: auto !important; }
  .iu-overlay hr {
    margin-top: -4.125rem;
    background-color: #444f51; }
  .iu-overlay .spacer {
    height: 3.75rem; }
  @media only screen and (min-width: 48em) {
    .iu-overlay {
      padding-top: 3.125rem; } }
  @media only screen and (min-width: 64em) {
    .iu-overlay .tab:first-child {
      border-left: 1px solid #dadada; }
    .iu-overlay .tab:last-child {
      border-right: 1px solid #dadada; } }

.fade-two-enter-active,
.fade-two-leave-active {
  transition: opacity 0.2s ease-in-out; }

.fade-two-enter,
.fade-two-leave-to {
  opacity: 0; }

/* ==|====================
   Components / Live Ticker
   ======================= */
.live-ticker__item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  transition: opacity .5s ease-in-out; }
  .live-ticker__item:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.25); }
  .live-ticker__item:nth-child(2) .live-ticker__item-time {
    opacity: .8; }
  .live-ticker__item:nth-child(3) .live-ticker__item-time {
    opacity: .6; }
  .live-ticker__item:nth-child(4) .live-ticker__item-time {
    opacity: .4; }
  .live-ticker__item:nth-child(5) .live-ticker__item-time, .live-ticker__item:nth-child(6) .live-ticker__item-time, .live-ticker__item:nth-child(7) .live-ticker__item-time, .live-ticker__item:nth-child(8) .live-ticker__item-time {
    opacity: .2; }

.live-ticker__item-link {
  display: -ms-flexbox;
  display: flex;
  transition: background-color 0.2s ease-in-out; }
  .no-touchdevice .live-ticker__item-link:hover {
    background-color: rgba(255, 255, 255, 0.1); }

.live-ticker__item-time {
  -ms-flex: 0 0 110px;
      flex: 0 0 110px;
  line-height: 1;
  font-size: 3rem;
  letter-spacing: -0.01852em;
  color: white;
  font-family: "Trade Gothic Condensed", Arial, sans-serif;
  font-weight: bold;
  transition: opacity 1s ease-in-out;
  padding-top: 0.3125rem;
  padding-right: 0.9375rem;
  padding-bottom: 0.25rem;
  text-align: right; }

.live-ticker__item-text {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  padding-top: 0.375rem;
  padding-bottom: 0.5rem;
  color: white; }

.live-ticker__item-title, .live-ticker__item-desc {
  margin: 0; }

.live-ticker__item-title {
  font-weight: bold;
  line-height: 1.33333; }

.live-ticker__item-desc {
  line-height: 1.11111; }

.live-ticker__item-icon {
  display: none;
  -ms-flex: 0 0 4.375rem;
      flex: 0 0 4.375rem;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border-left: 1px solid rgba(255, 255, 255, 0.25); }
  .live-ticker__item-icon .icon {
    height: 1rem;
    width: 1rem; }
    .live-ticker__item-icon .icon svg {
      fill: white; }

@media only screen and (min-width: 48em) {
  .live-ticker__item-time {
    -ms-flex: 0 0 125px;
        flex: 0 0 125px;
    font-size: 3.375rem;
    padding-right: 1.3125rem;
    padding-top: 0.4375rem; }
  .live-ticker__item-text {
    padding-right: 1.25rem;
    padding-top: 0.4375rem;
    padding-bottom: 0.5625rem; }
  .live-ticker__item-title {
    line-height: 1.55556; }
  .live-ticker__item-desc {
    line-height: 1.33333; }
  .live-ticker__item-icon {
    display: -ms-flexbox;
    display: flex; } }

.ticker-transition-move {
  transition: all 1s ease; }

.ticker-transition-enter-active {
  transition: transform 1s ease, opacity .8s ease .2s; }

.ticker-transition-enter {
  opacity: 0;
  transform: translateY(-100%); }

/* ==|====================
   Components / Download Item
   ======================= */
.download-item {
  width: 100%; }

.download-item__inner {
  border: 1px solid #dadada; }

.download-item__title {
  padding: 0.5rem;
  border-top: 1px solid #dadada;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: -0.03125em;
  font-weight: 700;
  font-size: 1.75rem;
  font-family: "Trade Gothic Condensed", Arial, sans-serif; }

.download-item__image {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 7.5rem; }
  .download-item__image img {
    position: absolute;
    display: inline-block;
    max-width: none;
    width: 100%;
    padding: 1.875rem;
    top: 50%;
    transform: translateY(-50%); }
  .download-item__image.color--ds-red {
    background-color: #aa1e1e; }
  .download-item__image.color--all-black {
    background-color: black; }

.download-item__link {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  min-height: 3.75rem;
  border-top: 1px solid #dadada;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto; }
  .download-item__link:hover svg {
    fill: #ee3351; }

.download-item__block {
  position: relative;
  top: 0;
  right: 0;
  display: inline-block;
  float: right;
  overflow: hidden;
  padding-left: 0.625rem;
  min-height: 3.75rem; }

.download-item__link-title {
  padding: 1rem;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.4;
  -ms-flex: 1;
      flex: 1; }

.download-item__link-description {
  position: relative;
  right: 0.625rem;
  bottom: 0.625rem;
  font-size: 0.875rem; }

.download-item__icon {
  position: relative;
  top: 0;
  right: 0;
  display: inline-block;
  padding: 1rem;
  width: 3.75rem;
  height: 3.75rem;
  background-color: #444f51;
  text-align: center; }
  .download-item__icon .icon {
    width: 1rem; }
  .download-item__icon svg {
    transition: fill 0.2s ease-in-out;
    fill: white; }

/* jquery.Jcrop.min.css v0.9.12 (build:20130126) */
.jcrop-holder {
  direction: ltr;
  text-align: left; }

.jcrop-hline,
.jcrop-vline {
  background: #FFF;
  font-size: 0;
  position: absolute; }

.jcrop-vline {
  height: 100%;
  width: 1px !important; }

.jcrop-vline.right {
  right: 0; }

.jcrop-hline {
  height: 1px !important;
  width: 100%; }

.jcrop-hline.bottom {
  bottom: 0; }

.jcrop-tracker {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  height: 100%;
  width: 100%; }

.jcrop-handle {
  background-color: #333;
  border: 1px #EEE solid;
  font-size: 1px;
  height: 10px;
  width: 10px;
  opacity: .6 !important;
  position: relative; }
  .jcrop-handle:before {
    position: absolute;
    content: ' ';
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
    z-index: 1; }

.jcrop-keymgr {
  opacity: 0;
  visibility: hidden; }

.jcrop-handle.ord-n {
  left: 50%;
  margin-left: -5px;
  margin-top: -5px;
  top: 0; }

.jcrop-handle.ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -5px;
  margin-left: -5px; }

.jcrop-handle.ord-e {
  margin-right: -5px;
  margin-top: -5px;
  right: 0;
  top: 50%; }

.jcrop-handle.ord-w {
  left: 0;
  margin-left: -5px;
  margin-top: -5px;
  top: 50%; }

.jcrop-handle.ord-nw {
  left: 0;
  margin-left: -5px;
  margin-top: -5px;
  top: 0; }

.jcrop-handle.ord-ne {
  margin-right: -5px;
  margin-top: -5px;
  right: 0;
  top: 0; }

.jcrop-handle.ord-se {
  bottom: 0;
  margin-bottom: -5px;
  margin-right: -5px;
  right: 0; }

.jcrop-handle.ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -5px;
  margin-left: -5px; }

.jcrop-dragbar.ord-n,
.jcrop-dragbar.ord-s {
  height: 7px;
  width: 100%; }

.jcrop-dragbar.ord-e,
.jcrop-dragbar.ord-w {
  height: 100%;
  width: 7px; }

.jcrop-dragbar.ord-n {
  margin-top: -4px; }

.jcrop-dragbar.ord-s {
  bottom: 0;
  margin-bottom: -4px; }

.jcrop-dragbar.ord-e {
  margin-right: -4px;
  right: 0; }

.jcrop-dragbar.ord-w {
  margin-left: -4px; }

.jcrop-light .jcrop-hline,
.jcrop-light .jcrop-vline {
  background: #FFF;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important; }

.jcrop-light .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #000;
  border-color: #FFF;
  border-radius: 3px; }

.jcrop-dark .jcrop-hline,
.jcrop-dark .jcrop-vline {
  background: #000;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important; }

.jcrop-dark .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #FFF;
  border-color: #000;
  border-radius: 3px; }

.solid-line .jcrop-hline,
.solid-line .jcrop-vline {
  background: #FFF; }

.jcrop-holder img,
img.jcrop-preview {
  max-width: none; }

/* ==|====================
   Components / Overlay
   ======================= */
.overlay {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: scroll;
  background-color: white;
  -webkit-overflow-scrolling: touch;
  transition: opacity 0.2s ease-in-out;
  opacity: 0;
  display: none; }
  .overlay__inner {
    background-color: white;
    overflow: auto; }
  .overlay.is-active {
    opacity: 1; }
  .overlay .closer {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    cursor: pointer;
    width: 3.75rem;
    height: 3.75rem;
    padding: 1.25rem; }
    .overlay .closer .icon {
      width: 1.3125rem;
      height: 1.3125rem;
      fill: white; }

.overlay--bg-dark {
  background-color: #1d2223; }
  .overlay--bg-dark__inner {
    background-color: #1d2223; }

/* ==|====================
   Components / Author Info
   ======================= */
@media only screen and (min-width: 64em) {
  .author-info {
    display: -ms-flexbox;
    display: flex;
    min-height: 10rem; } }

.author-info__picture-box {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-direction: column;
      flex-direction: column;
  min-width: 10rem;
  min-height: 10rem;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto; }
  @media only screen and (min-width: 33.75em) {
    .author-info__picture-box {
      min-height: 11.875rem; } }
  @media only screen and (min-width: 48em) {
    .author-info__picture-box {
      min-height: 13.125rem; } }
  @media only screen and (min-width: 64em) {
    .author-info__picture-box {
      min-width: 13.25rem;
      min-height: 10rem; } }

.author-info__image {
  position: relative;
  overflow: hidden;
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  min-height: 10rem;
  opacity: 0;
  transition: opacity 0.2s ease-in-out; }
  @media only screen and (min-width: 33.75em) {
    .author-info__image {
      min-height: 11.875rem; } }
  @media only screen and (min-width: 48em) {
    .author-info__image {
      min-height: 13.125rem; } }
  @media only screen and (min-width: 64em) {
    .author-info__image {
      min-height: 0; } }
  .author-info__image img {
    position: absolute;
    max-width: none; }
  .author-info__image.covermode, .author-info__image.no-covermode {
    opacity: 1; }

.author-info__label {
  height: 1.875rem;
  padding: 0.375rem 0.375rem 0.375rem 1.25rem;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  color: white;
  background-color: #444f51; }

.author-info__description-box {
  padding: 0.875rem 1.125rem 3.375rem;
  border: 1px solid #dadada;
  font-size: 1rem;
  -ms-flex: 1;
      flex: 1; }
  @media only screen and (min-width: 64em) {
    .author-info__description-box {
      border-left: 0; } }

.author-info__description {
  line-height: 1.375; }

.author-info__title {
  font-family: "Trade Gothic Condensed", Arial, sans-serif;
  font-size: 1.375rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #ee3351; }

.author-info__link-box {
  position: absolute;
  bottom: 0;
  padding: 1rem 0; }
  .author-info__link-box a {
    font-size: 1rem;
    font-weight: 700;
    white-space: nowrap;
    text-transform: uppercase;
    transition: color 0.2s ease-in-out; }
    .author-info__link-box a:first-child {
      margin-right: 1.25rem; }
    .author-info__link-box a:hover svg {
      fill: #ee3351; }
  .author-info__link-box .icon {
    position: relative;
    top: 0.0625rem;
    left: -0.125rem;
    width: 0.875rem;
    height: 0.875rem; }
  .author-info__link-box svg {
    fill: #444f51; }

/* ==|====================
   Components / Printservice Item
   ======================= */
.printservice-item__title {
  height: 3.75rem;
  padding: 0.625rem;
  border: 1px solid #dadada;
  font-family: "Trade Gothic Condensed", Arial, sans-serif;
  font-size: 2.125rem;
  font-weight: 700;
  text-align: center;
  letter-spacing: -.05em;
  text-transform: uppercase; }

.printservice-item__middle-block {
  display: -ms-flexbox;
  display: flex;
  /*height: 8.125rem;*/
  height: 12rem;
  border-right: 1px solid #dadada;
  border-left: 1px solid #dadada; }

.printservice-item__description {
  position: relative;
  -ms-flex: 1;
      flex: 1;
  padding: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.2; }

.printservice-item__price-box {
  position: absolute;
  right: 1.25rem;
  bottom: 0.75rem;
  font-size: 0.875rem; }

.printservice-item__price {
  font-size: 1.25rem;
  font-weight: 700; }

.printservice-item__lower-block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 3.75rem;
  border: 1px solid #dadada;
  text-align: center; }

.printservice-item__layout {
  position: relative;
  width: 9.375rem;
  border-right: 1px solid #dadada; }
  .printservice-item__layout img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%); }

.printservice-item__search {
  position: relative;
  width: 9.375rem;
  height: 100%;
  padding: 1.25rem 1.25rem 1.25rem 1.875rem;
  border-right: 1px solid #dadada;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  transition: color 0.2s ease-in-out; }
  .printservice-item__search .icon {
    position: absolute;
    top: 50%;
    left: 1.875rem;
    width: 0.9375rem;
    margin-right: 0.625rem;
    transform: translateY(-50%); }
  .printservice-item__search svg {
    transition: fill 0.2s ease-in-out;
    fill: #444f51; }
  .printservice-item__search:hover {
    color: #ee3351; }
    .printservice-item__search:hover svg {
      fill: #ee3351; }

.printservice-item__request {
  -ms-flex: 1;
      flex: 1;
  height: 100%;
  padding: 1.25rem;
  cursor: pointer;
  font-size: 1rem;
  line-height: 1.15;
  font-weight: 700;
  text-transform: uppercase;
  color: white;
  background-color: #444f51;
  transition: color 0.2s ease-in-out; }

/* ==|====================
   Components / Buttons
   ======================= */
.linebtn {
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 17.125rem;
  height: 3.75rem;
  margin: auto;
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  cursor: pointer; }

.linebtn__lbl {
  position: relative;
  padding-left: 1.75rem;
  font-size: 1.125rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #444f51; }
  .linebtn__lbl.is-inactive {
    display: none; }
  .linebtn__lbl .icon {
    position: absolute;
    top: 50%;
    left: 0;
    width: 1.125rem;
    height: 1.125rem;
    transform: translateY(-50%); }

/* ==|====================
   Components / Searchfield
   ======================= */
.searchfield {
  position: relative; }
  .searchfield__close {
    opacity: 0;
    position: absolute;
    z-index: 1;
    right: 0;
    top: 50%;
    margin-right: 0.9375rem;
    transform: translateY(-50%);
    background-image: url("../assets/svg/close-light.svg");
    height: 1.3125rem;
    width: 1.3125rem;
    cursor: pointer;
    transition: opacity .3s ease-in-out; }
    .searchfield__close.has-entered-content {
      opacity: 1; }
    @media only screen and (min-width: 48em) {
      .searchfield__close {
        margin-right: 0; } }

.searchfield__input {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  border: 0;
  text-align: center;
  color: #444f51;
  background: transparent;
  transition: opacity 300ms linear; }
  .searchfield__input + .searchfield__focus {
    opacity: 0; }
  .searchfield__input.placeholder-shown {
    opacity: 0; }
    .searchfield__input.placeholder-shown + .searchfield__focus {
      opacity: 1; }
  .searchfield__input:focus {
    opacity: 1;
    outline: 0; }
    .searchfield__input:focus + .searchfield__focus {
      opacity: 0; }

.searchfield__focus {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: opacity 300ms linear; }
  .searchfield__focus .icon {
    width: 20px;
    height: 20px; }

.searchfield__focuslbl {
  position: relative; }

/* ==|====================
   Components / Personal Listview Item
   ======================= */
.quickview-person {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: stretch;
      align-items: stretch;
  position: relative;
  width: 100%;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .quickview-person .myds-badge {
    margin: 0.375rem 0;
    position: absolute;
    left: 1.125rem;
    bottom: 0.5rem; }
    .quickview-person .myds-badge span {
      border-color: white;
      color: white;
      transition: border-color 220ms linear, color 220ms linear; }
    @media only screen and (min-width: 64em) {
      .quickview-person .myds-badge {
        position: relative;
        left: inherit;
        bottom: inherit; }
        .quickview-person .myds-badge span {
          border-color: #ee3351;
          color: #ee3351; } }
  .quickview-person img {
    margin: 0;
    padding: 0; }

.accordion--quickview-person.is-open > .accordion__trigger {
  border-color: #666f71;
  color: white;
  background-color: #666f71; }
  .accordion--quickview-person.is-open > .accordion__trigger > .accordion__icon {
    background-color: #444f51; }
    .accordion--quickview-person.is-open > .accordion__trigger > .accordion__icon:after {
      background-color: #444f51;
      border-color: #444f51; }

.accordion--quickview-person.is-open .myds-badge span {
  border-color: white;
  color: white; }

.accordion--quickview-person.is-open .quickview-person__name,
.accordion--quickview-person.is-open .quickview-person__count {
  color: white; }

.accordion--quickview-person.is-open .quickview-person__small-cell {
  color: #dadada; }

@media (max-width: 33.6875em) {
  .accordion--quickview-person > .accordion__trigger > .accordion__icon {
    display: none; } }

.quickview-person__avatar {
  -ms-flex: 0 1 6.125rem;
      flex: 0 1 6.125rem;
  position: relative;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.5s ease; }
  .quickview-person__avatar:after {
    width: 100%;
    height: 100%;
    background-color: #ee3351;
    content: "";
    left: 0;
    top: 0;
    position: absolute;
    opacity: 0;
    transition: opacity 0.5s ease; }
  .quickview-person__avatar.covermode, .quickview-person__avatar.no-covermode {
    opacity: 1; }
  .quickview-person__avatar img {
    transition: filter 220ms linear;
    filter: grayscale(0%);
    position: absolute;
    top: 0;
    left: 0;
    max-width: none; }

.quickview-person__infowrap {
  width: calc(100% - 3.5rem);
  display: block;
  min-height: 4.375rem;
  padding: 1rem; }

.quickview-person__name,
.quickview-person__small-cell,
.quickview-person__count {
  display: block;
  font-weight: bold;
  transition: color 0.3s ease; }

.quickview-person__name {
  font-size: 1rem;
  line-height: 1.5;
  color: #ee3351; }

.quickview-person__small-cell,
.quickview-person__count {
  font-size: 0.875rem;
  line-height: 1.71429;
  color: #999999;
  text-transform: uppercase; }

.quickview-person__count {
  color: #ee3351;
  float: right; }

@media only screen and (min-width: 48em) {
  .quickview-person__infowrap {
    display: block; }
  .quickview-person__infowrap-inner {
    display: table;
    min-height: 2.375rem; }
  .quickview-person__name,
  .quickview-person__small-cell {
    display: table-cell;
    vertical-align: middle;
    min-height: 1.75rem; }
  .quickview-person__small-cell {
    white-space: nowrap;
    padding-left: 1rem;
    width: 1%; }
  .quickview-person__count {
    display: inline-block;
    float: none; } }

@media only screen and (min-width: 64em) {
  .quickview-person__avatar {
    -ms-flex: 0 1 3.5rem;
        flex: 0 1 3.5rem; }
  .quickview-person__infowrap {
    padding-left: 2.5rem;
    padding-right: 2.5rem; }
  .quickview-person__name {
    font-size: 1.25rem;
    line-height: 1.4; }
  .quickview-person__small-cell,
  .quickview-person__count {
    font-size: 1.125rem;
    line-height: 1; }
  .quickview-person__small-cell {
    padding-left: 3.125rem; } }

@media only screen and (min-width: 87.5em) {
  .quickview-person__infowrap {
    padding-right: 3.75rem; } }

.number-stepper {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  height: 3.625rem;
  -ms-flex-direction: row;
      flex-direction: row;
  border: 1px solid #dadada; }

.number-stepper__input-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 0 0px;
      flex: 1 0 0;
  border-left: 1px solid #dadada;
  border-right: 1px solid #dadada; }

.number-stepper__input {
  -webkit-appearance: none;
  -moz-appearance: textfield;
  padding: 0;
  border: 0;
  text-align: center;
  width: 100%;
  background-color: transparent; }
  .number-stepper__input::-webkit-inner-spin-button, .number-stepper__input::-webkit-outer-spin-button {
    -webkit-appearance: none; }
  .number-stepper__input::-ms-clear {
    display: none; }

.number-stepper__stepper {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 0;
  -ms-flex: 1 0 0px;
      flex: 1 0 0;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  cursor: pointer;
  border: 0;
  background-color: transparent;
  transition: background-color 0.2s ease-in-out, fill 0.2s ease-in-out, opacity 0.2s ease-in-out; }
  .number-stepper__stepper .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0.875rem;
    height: 0.875rem; }
  .number-stepper__stepper:hover {
    background-color: #444f51; }
    .number-stepper__stepper:hover .icon {
      fill: white; }
  .number-stepper__stepper:disabled {
    pointer-events: none;
    opacity: .5; }

.touchdevice .number-stepper__stepper:hover {
  background-color: inherit; }
  .touchdevice .number-stepper__stepper:hover .icon {
    fill: inherit; }

.touchdevice .number-stepper__stepper:active {
  background-color: #444f51; }
  .touchdevice .number-stepper__stepper:active .icon {
    fill: white; }

.number-stepper--cart-item {
  border-top: 0;
  border-left: 0;
  border-bottom: 0;
  border-color: #666f71; }
  .number-stepper--cart-item .number-stepper__input {
    font-weight: bold; }
  .number-stepper--cart-item .number-stepper__input-wrapper {
    border-color: #666f71; }

/* ==|====================
   Components / Event Description
   ======================= */
.event-description {
  margin-bottom: 1.875rem; }

.event-description__date {
  color: #999999; }

.event-description__title {
  margin: 0.125rem 0;
  font-family: "Trade Gothic Condensed", Arial, sans-serif;
  color: #999999; }

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