@charset "UTF-8";
/* RESET
===================================*/
/* Based on Eric Meyers but with added elements. */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
input, textarea, select, button,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

/* IMPROVEMENTS ---------------------
   This is where we put general improvments we generally want in all
   new projects. It's primarily just hand picked things from stylesheets:
   normalize.css and HTML5 Boilerplate.


   NORMALIZE.CSS

   Let's start with the modified version of normalize.css. This version
   does not set any visual styles (headers, lists...) in any way - it just
   contains the general improvements they have. Call me old fashioned,
   but I still like stripping away all crap. Makes me build stuff faster.

   - Original normalize is found here: git.io/normalize.
   - Since it is distributed under MIT License, this document is too.
   - Based on Normalize v2.1.0.


  HTML5 BOILERPLATE
  The goal is the same as with the normalize.css section: don't set any heights,
  widths, paddings etc. Just improve usability.

  Original HTML5 Boilerplate: http://html5boilerplate.com/
  These thingies based on v4.1.0 */
/* Correct 'block' display not defined in IE 8/9. */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/* Correct 'inline-block' display not defined in IE 8/9. */
audio,
canvas,
video {
  display: inline-block;
}

/* Prevent modern browsers from displaying 'audio' without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) {
  display: none;
  height: 0;
}

/* Address styling not present in IE 8/9. */
[hidden] {
  display: none;
}

/* Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

/* Address 'outline' inconsistency between Chrome and other browsers. */
a:focus {
  outline: 2px solid;
  outline-color: rgb(0, 0, 0);
  outline-color: rgba(0, 0, 0, 0.6);
}

/* Improve readability when focused and also mouse hovered in all browsers. */
a:active,
a:hover {
  outline: 0;
}

/* Address styling not present in IE 8/9, Safari 5, and Chrome. */
abbr[title] {
  border-bottom: 1px dotted;
}

/* Address style set to 'bolder' in Firefox 4+, Safari 5, and Chrome. */
b,
strong {
  font-weight: bold;
}

/* Address styling not present in Safari 5 and Chrome. */
dfn {
  font-style: italic;
}

/* Address differences between Firefox and other browsers. */
hr {
  box-sizing: content-box;
  height: 0;
}

/* Address styling not present in IE 8/9. */
mark {
  background: #ff0;
  color: #000;
}

/* Correct font family set oddly in Safari 5 and Chrome. */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/* Improve readability of pre-formatted text in all browsers. */
pre {
  white-space: pre-wrap;
}

/* Set consistent quote types. */
q {
  quotes: "“" "”" "‘" "’";
}

/* Address inconsistent and variable font size in all browsers. */
small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Correct overflow displayed oddly in IE 9. */
svg:not(:root) {
  overflow: hidden;
}

/* Correct font family not being inherited in all browsers. Correct font size not being inherited in all browsers. */
button,
input,
select,
textarea {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: inherit;
  border: 1px solid #000;
  border-radius: 0;
  line-height: 1em;
}

button,
input[type=submit],
input[type=cancel] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/**
 * Address inconsistent 'text-transform' inheritance for 'button' and 'select'.
 * All other form control elements do not inherit 'text-transform' values.
 * Correct 'button' style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct 'select' style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native 'audio'
 *  and 'video' controls.
 * 2. Correct inability to style clickable 'input' types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *  'input' and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address 'appearance' set to 'searchfield' in Safari 5 and Chrome.
 * 2. Address 'box-sizing' set to 'border-box' in Safari 5 and Chrome
 *  (include '-moz' to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box;
}

/* Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/* Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Remove default vertical scrollbar in IE 8/9.
 * Improve readability and alignment in all browsers.
 * Allow only vertical resizing.
 */
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
  max-width: 100%;
}

/* Remove text-shadow in selection highlight: h5bp.com/i. These selection declarations have to be separate. Customize the background color to match your design. */
::-moz-selection {
  text-shadow: none;
}

::selection {
  text-shadow: none;
}

/* Remove the gap between images and iframes and the bottom of their containers. */
iframe,
img {
  vertical-align: top;
}

/* Media shouldn't break the layout */
img,
video,
param,
object,
embed,
iframe {
  max-width: 100%;
}

img {
  height: auto;
  /* If the image width is resized, having this will ensure the height is resized in all browsers */
}

/*
   Setting box model to something easier to work with. Works in IE8 and above - if your site must work
   in IE7 and below you should remove this for better consistency.
 */
*,
*:before,
*:after {
  box-sizing: border-box;
}

.center {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.center-large {
  width: 1100px;
}

.center-largest {
  width: 1280px;
}

main {
  padding-top: 60px;
  padding-bottom: 60px;
}

main > * {
  margin-top: 60px;
}

main > .section:first-child,
main > .navigation-bullets + .section,
body.gin--horizontal-toolbar main > .hero.hero-primary.hero-primary--small {
  margin-top: -60px;
}

main > .section:last-child {
  margin-bottom: -60px;
}

.legible .breadcrumb + *,
.breadcrumb + *,
.teaser-content > *,
form * {
  margin-top: 20px;
}

form .filter-button {
  margin-top: 0;
}

.teaser-content > *:first-child,
form *:first-child,
.footer,
main > .section + .section,
main > *:first-child {
  margin-top: 0;
}

fieldset {
  border-bottom: 1px solid #a0a0a0;
  padding-bottom: 30px;
}
fieldset:nth-last-child(2) {
  border-top: none;
  padding-top: 0;
}

.padding-large {
  padding: 80px 0;
}

.padding-small {
  padding: 30px 0;
}

.item-group-spacing {
  margin-bottom: -10px;
}
.item-group-spacing > * {
  margin-right: 10px;
  margin-bottom: 10px;
}
.item-group-spacing > *:last-child {
  margin-right: 0;
}

.fieldset-wrapper,
.legible .fieldset-wrapper,
.coworkers .views-exposed-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-left: -15px;
  margin-right: -15px;
}
.fieldset-wrapper > *,
.legible .fieldset-wrapper > *,
.coworkers .views-exposed-form > * {
  width: calc(50% - 30px);
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 0;
  flex-grow: 1;
}
.fieldset-wrapper > *:nth-child(n+3),
.legible .fieldset-wrapper > *:nth-child(n+3),
.coworkers .views-exposed-form > *:nth-child(n+3) {
  margin-top: 20px;
}

.coworkers .views-exposed-form {
  align-items: flex-end;
  margin-left: -10px;
  margin-right: -10px;
}
.coworkers .views-exposed-form > * {
  width: calc(25% - 20px);
  margin-left: 10px;
  margin-right: 10px;
}
.coworkers .views-exposed-form > *:nth-child(n+3) {
  margin-top: 0;
}
.coworkers .views-exposed-form > *:nth-child(n+5) {
  margin-top: 20px;
}
.coworkers .views-exposed-form input[type=submit] {
  height: 47px;
}

.page-section {
  margin-top: 60px;
}
.page-section:first-child {
  margin-top: 0;
}
.page-section > * {
  margin-top: 30px;
}
.page-section > *:first-child {
  margin-top: 0;
}

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

[class*=columns-] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}
[class*=columns-] > * {
  width: calc(50% - 15px);
  margin-left: 30px;
  margin-top: 30px;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
}

.content-section-number-items .columns-2 > * {
  margin-top: 100px;
}

.columns-3 > * {
  width: calc(33.3333333333% - 20.6666666667px);
}

.columns-4 > * {
  flex-grow: 0;
  width: calc(25% - 22.5px);
}

.columns-6 > * {
  margin-left: 30px;
  margin-top: 30px;
  width: calc(16.6666666667% - 25px);
}

.columns-2.staff-reference > *:first-child:last-child {
  flex-grow: 1;
}

.columns-2 > *:nth-child(-n+2),
.columns-3 > *:nth-child(-n+3),
.columns-4 > *:nth-child(-n+4),
.columns-6 > *:nth-child(-n+6) {
  margin-top: 0;
}

.columns-2 > *:nth-child(2n+1),
.columns-3 > *:nth-child(3n+1),
.columns-4 > *:nth-child(4n+1),
.columns-6 > *:nth-child(6n+1) {
  margin-left: 0;
}

@media only screen and (min-width: 1154px) {
  .columns-3.columns-two-thirds-first > *:first-child {
    width: calc(66.6666666667% - 10.3333333333px);
    margin-left: 0;
  }
  .columns-3.columns-two-thirds-first > *:nth-child(3n+4) {
    margin-left: 30px;
  }
  .columns-3.columns-two-thirds-first > *:nth-child(3n+3) {
    margin-left: 0;
  }
  .columns-3.columns-two-thirds-first > *:nth-child(-n+3) {
    margin-top: 30px;
  }
  .columns-3.columns-two-thirds-first > *:nth-child(-n+2) {
    margin-top: 0;
  }
}
.one-third {
  width: 30%;
}

.two-thirds {
  width: 65%;
}

.one-third + .two-thirds,
.two-thirds + .one-third {
  margin-left: 55px;
}

[class*=masonry-] {
  -moz-columns: 2;
       columns: 2;
  -moz-column-gap: 20px;
       column-gap: 20px;
  margin-bottom: -20px;
}
[class*=masonry-] > * {
  padding-bottom: 20px;
  display: block;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}

.masonry-3 {
  -moz-columns: 3;
       columns: 3;
}

.masonry-4 {
  -moz-columns: 4;
       columns: 4;
}

.masonry-5 {
  -moz-columns: 5;
       columns: 5;
}

.masonry-6 {
  -moz-columns: 6;
       columns: 6;
}

/* BASICS
===================================*/
:root {
  background-color: #ffffff;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #252525;
  position: relative;
  font-size: 17px;
}

html,
body {
  overflow-x: hidden;
}

body {
  padding-top: 70px;
}
body.has-hero {
  padding-top: 10px;
}

.background-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -49;
}

.background {
  background-color: #e8e8e8;
  position: absolute;
  width: 200%;
  z-index: -50;
  top: 0;
  left: 20%;
  bottom: 0;
  right: -50%;
}

* {
  outline: 0 !important;
}

a {
  color: #252525;
  text-decoration: underline;
  -webkit-text-decoration-color: #ffa500;
          text-decoration-color: #ffa500;
}
a:hover, a:focus {
  color: #ffa500;
}

::-moz-selection {
  background: rgba(0, 0, 0, 0.2);
}

::selection {
  background: rgba(0, 0, 0, 0.2);
}

.site-name {
  display: inline-block;
  height: 30px;
  width: 162px;
  background: transparent url("../img/logo/unisport-white.svg") left center no-repeat;
  background-size: contain;
  text-indent: 99999em;
  transform: scale(1);
  transform-origin: 0 0;
}

a.site-name:hover, a.site-name:focus {
  opacity: 0.6;
}

.ck-editor__editable,
.legible {
  font-size: 1rem;
  line-height: 1.5em;
  font-weight: 400;
}

.ck-editor__editable,
.legible {
  /* Lists */
  /* Quotes/bolds/italics and other emphasis */
}
.ck-editor__editable h1,
.ck-editor__editable h2,
.ck-editor__editable h3,
.ck-editor__editable h4,
.ck-editor__editable h5,
.ck-editor__editable h6,
.ck-editor__editable div,
.ck-editor__editable p,
.ck-editor__editable ul,
.ck-editor__editable ol,
.ck-editor__editable blockquote,
.ck-editor__editable table,
.ck-editor__editable form,
.ck-editor__editable pre code:first-child,
.ck-editor__editable figure,
.legible h1,
.legible h2,
.legible h3,
.legible h4,
.legible h5,
.legible h6,
.legible div,
.legible p,
.legible ul,
.legible ol,
.legible blockquote,
.legible table,
.legible form,
.legible pre code:first-child,
.legible figure {
  margin-top: 1em;
}
.ck-editor__editable *:first-child,
.legible *:first-child {
  margin-top: 0;
}
.ck-editor__editable form,
.legible form {
  display: block;
}
.ck-editor__editable ul,
.ck-editor__editable ol,
.legible ul,
.legible ol {
  list-style-position: outside;
  margin-left: 1.5em;
  padding-left: 0;
}
.ck-editor__editable ul,
.legible ul {
  list-style-type: disc;
}
.ck-editor__editable ol,
.legible ol {
  list-style-type: decimal;
}
.ck-editor__editable li,
.legible li {
  margin-bottom: 0.82em;
}
.ck-editor__editable b,
.ck-editor__editable strong,
.legible b,
.legible strong {
  font-weight: 700;
}
.ck-editor__editable i,
.ck-editor__editable em,
.legible i,
.legible em {
  font-style: italic;
}
.ck-editor__editable code,
.legible code {
  vertical-align: bottom;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #222;
  color: #fff;
}
.ck-editor__editable pre code,
.legible pre code {
  display: block;
}
.ck-editor__editable blockquote,
.legible blockquote {
  font-size: 3.45em;
  line-height: 1.3em;
  font-weight: 300;
  margin-left: -100px;
  margin-right: -100px;
  padding: 1.5em 1em;
  text-align: center;
  color: inherit;
  background-color: #ffa500;
}
.ck-editor__editable img,
.legible img {
  vertical-align: baseline;
}
.ck-editor__editable .ingress,
.legible .ingress {
  font-size: 1.35em;
  font-weight: 400;
  line-height: 1.5em;
}

.legible h1 + *,
.legible h2 + *,
.legible h3 + *,
.legible h4 + *,
.legible h5 + *,
.legible h6 + *,
.ck-editor__editable h1 + *,
.ck-editor__editable h2 + *,
.ck-editor__editable h3 + *,
.ck-editor__editable h4 + *,
.ck-editor__editable h5 + *,
.ck-editor__editable h6 + *,
.header-1 + *:not(.center),
.header-2 + *:not(.center),
.header-3 + *:not(.center),
.eu-cookie-compliance-message h2 + *:not(.center),
.header-4 + *:not(.center),
.header-5 + *:not(.center),
.header-6 + *:not(.center) {
  margin-top: 0.6em;
}

/* Headers */
.header-1,
.ck-editor__editable .header-1,
.ck-editor__editable h1,
.legible .header-1,
.legible h1 {
  font-size: 3.45em;
  line-height: 1.1em;
  font-weight: 300;
}

.header-2,
.ck-editor__editable .header-2,
.ck-editor__editable h2,
.legible .header-2,
.legible h2 {
  font-size: 2.15em;
  line-height: 1.3em;
  font-weight: 300;
}

.header-3, .eu-cookie-compliance-message h2,
.ck-editor__editable .header-3,
.ck-editor__editable h3,
.legible .header-3,
.legible h3 {
  font-size: 1.62em;
  line-height: 1.5em;
  font-weight: 400;
}

.header-4,
.ck-editor__editable .header-4,
.ck-editor__editable h4,
.legible .header-4,
.legible h4 {
  font-weight: 400;
}

.header-5,
.ck-editor__editable .header-5,
.ck-editor__editable h5,
.legible .header-5,
.legible h5 {
  font-weight: 400;
  font-style: italic;
}

.header-6,
.ck-editor__editable .header-6,
.ck-editor__editable h6,
.legible .header-6,
.legible h6 {
  font-style: italic;
}

h1::before {
  content: " ";
  width: 200%;
  height: 1px;
  position: relative;
  display: block;
  z-index: 2;
  top: 0.4em;
  right: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}

.header-double-lines::before, .header-double-lines::after,
h2.header-1::before,
h2.header-1::after {
  content: " ";
  width: 200%;
  height: 1px;
  position: relative;
  display: block;
  z-index: 2;
  top: 0.45em;
  right: 100%;
  background-color: rgba(255, 255, 255, 0.5);
}
.header-double-lines::after,
h2.header-1::after {
  top: auto;
  bottom: 0.15em;
}

.align-left,
.align-right {
  margin-right: 30px;
  margin-bottom: 30px;
  float: left;
}

.align-right {
  margin-left: 30px;
  margin-right: 0;
  float: right;
}

.align-center {
  text-align: center;
}
.align-center > * {
  margin-left: auto;
  margin-right: auto;
}

figcaption {
  margin-top: 1px;
  padding: 20px;
  font-size: 0.9em;
  line-height: 1.5em;
  font-weight: 300;
  background-color: #fff;
  color: rgba(37, 37, 37, 0.8);
}

.page-section-description {
  font-size: 15px;
  line-height: 1.75em;
}

.skew,
blockquote {
  transform: skewX(-7deg) !important;
}
.skew > *,
blockquote > * {
  display: block;
  transform: skewX(7deg);
}

.legible .label,
.label,
label {
  display: block;
  text-transform: none;
  font-size: 0.9em;
  font-weight: 400;
  line-height: 1.3em;
  color: #4f4f4f;
}
.legible .label.form-required:after,
.label.form-required:after,
label.form-required:after {
  content: "*";
  color: #ffa500;
  padding-left: 5px;
}

.legible legend,
.fieldset-legend {
  font-size: 0.8823529412rem;
  font-weight: 700;
  line-height: 1em;
}

label + *,
.description {
  margin-top: 10px;
}

.description {
  font-style: italic;
  line-height: 1.3em;
  font-size: 0.8rem;
}
.description ul {
  list-style: disc;
  list-style-position: inside;
  margin-left: 10px;
  margin-left: 2em;
  margin-top: 1em;
}
.description ul li {
  margin-top: 0.7em;
}

[class*=managed-file] .description {
  display: none;
  visibility: hidden;
}
[class*=managed-file] span.file a::after {
  display: none;
}

input,
textarea,
select {
  display: block;
  width: 100%;
  padding: 0.7em 0.9em;
  font-size: 15px;
  background-color: #fff;
  border: 2px solid #a0a0a0;
  font-weight: 400;
  color: #4f4f4f;
  line-height: 1.5em;
}
input::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
  font-style: italic;
  font-weight: 300;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder {
  font-style: italic;
  font-weight: 300;
}
input::placeholder,
textarea::placeholder,
select::placeholder {
  font-style: italic;
  font-weight: 300;
}
input:focus,
textarea:focus,
select:focus {
  border-color: #ffa500;
}

select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("../img/icons/arrow-down-black.svg");
  background-repeat: no-repeat;
  background-size: 10px 10px;
  background-position: 98% 50%;
}

.coworkers .views-exposed-form select {
  background-position: 94% 50%;
}

.location .views-exposed-form {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.location .views-exposed-form .js-form-type-select {
  width: 78%;
}
.location .views-exposed-form input[type=submit] {
  width: 20%;
}

input[type=checkbox],
input[type=checkbox] + label,
.legible input[type=checkbox] + label {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  margin-top: 0;
}

.legible input[type=checkbox] + label,
input[type=checkbox] + label {
  display: inline;
  margin-left: 10px;
}

.buttons,
.footer-products .buttons > div {
  font-size: 0;
  margin-bottom: -10px;
}
.buttons > *,
.footer-products .buttons > div > * {
  margin-right: 10px;
  margin-bottom: 10px;
}
.buttons > *:last-child,
.footer-products .buttons > div > *:last-child {
  margin-right: 0;
}

.filter-buttons > *,
.system-tabs a,
.buttons a,
.button,
.footer-products .field-content a,
.legible .button,
.legible a.button,
input[type=submit],
input[type=button],
button:not(.toggle-navigation) {
  background-color: #ffa500;
  padding: 0.7em 1.4em;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #252525;
  font-size: 0.941rem;
  display: inline-block;
  border: 2px solid #ffa500;
  line-height: normal;
  width: auto;
  text-decoration: none !important;
}
.filter-buttons > *:hover, .filter-buttons > *:focus,
.system-tabs a:hover,
.system-tabs a:focus,
.buttons a:hover,
.buttons a:focus,
.button:hover,
.footer-products .field-content a:hover,
.button:focus,
.footer-products .field-content a:focus,
.legible .button:hover,
.legible .button:focus,
.legible a.button:hover,
.legible a.button:focus,
input[type=submit]:hover,
input[type=submit]:focus,
input[type=button]:hover,
input[type=button]:focus,
button:not(.toggle-navigation):hover,
button:not(.toggle-navigation):focus {
  color: #252525;
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
}
.filter-buttons > *:focus,
.system-tabs a:focus,
.buttons a:focus,
.button:focus,
.footer-products .field-content a:focus,
.legible .button:focus,
.legible a.button:focus,
input[type=submit]:focus,
input[type=button]:focus,
button:not(.toggle-navigation):focus {
  transform: translate(1px, 1px);
  box-shadow: 0 0 0 transparent;
  border-color: #ffa500;
}
.filter-buttons > *.button-hollow,
.system-tabs a.button-hollow,
.buttons a.button-hollow,
.button.button-hollow,
.footer-products .field-content a.button-hollow,
.legible .button.button-hollow,
.legible a.button.button-hollow,
input[type=submit].button-hollow,
input[type=button].button-hollow,
button:not(.toggle-navigation).button-hollow {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.5);
}
.filter-buttons > *.button-hollow:hover, .filter-buttons > *.button-hollow:focus,
.system-tabs a.button-hollow:hover,
.system-tabs a.button-hollow:focus,
.buttons a.button-hollow:hover,
.buttons a.button-hollow:focus,
.button.button-hollow:hover,
.footer-products .field-content a.button-hollow:hover,
.button.button-hollow:focus,
.footer-products .field-content a.button-hollow:focus,
.legible .button.button-hollow:hover,
.legible .button.button-hollow:focus,
.legible a.button.button-hollow:hover,
.legible a.button.button-hollow:focus,
input[type=submit].button-hollow:hover,
input[type=submit].button-hollow:focus,
input[type=button].button-hollow:hover,
input[type=button].button-hollow:focus,
button:not(.toggle-navigation).button-hollow:hover,
button:not(.toggle-navigation).button-hollow:focus {
  color: #fff;
  border-color: #252525;
  background-color: #252525;
}
.filter-buttons > *.button-email,
.system-tabs a.button-email,
.buttons a.button-email,
.button.button-email,
.footer-products .field-content a.button-email,
.legible .button.button-email,
.legible a.button.button-email,
input[type=submit].button-email,
input[type=button].button-email,
button:not(.toggle-navigation).button-email {
  padding-left: calc(0.85em + 20px + 0.85em);
  position: relative;
}
.filter-buttons > *.button-email:before,
.system-tabs a.button-email:before,
.buttons a.button-email:before,
.button.button-email:before,
.footer-products .field-content a.button-email:before,
.legible .button.button-email:before,
.legible a.button.button-email:before,
input[type=submit].button-email:before,
input[type=button].button-email:before,
button:not(.toggle-navigation).button-email:before {
  content: "";
  height: 20px;
  width: 20px;
  background: transparent url("../img/icons/mail-black.svg") center center no-repeat;
  background-size: contain;
  left: 0.85em;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}
.filter-buttons > *.button-email.button-hollow:hover:before, .filter-buttons > *.button-email.button-hollow:focus:before,
.system-tabs a.button-email.button-hollow:hover:before,
.system-tabs a.button-email.button-hollow:focus:before,
.buttons a.button-email.button-hollow:hover:before,
.buttons a.button-email.button-hollow:focus:before,
.button.button-email.button-hollow:hover:before,
.footer-products .field-content a.button-email.button-hollow:hover:before,
.button.button-email.button-hollow:focus:before,
.footer-products .field-content a.button-email.button-hollow:focus:before,
.legible .button.button-email.button-hollow:hover:before,
.legible .button.button-email.button-hollow:focus:before,
.legible a.button.button-email.button-hollow:hover:before,
.legible a.button.button-email.button-hollow:focus:before,
input[type=submit].button-email.button-hollow:hover:before,
input[type=submit].button-email.button-hollow:focus:before,
input[type=button].button-email.button-hollow:hover:before,
input[type=button].button-email.button-hollow:focus:before,
button:not(.toggle-navigation).button-email.button-hollow:hover:before,
button:not(.toggle-navigation).button-email.button-hollow:focus:before {
  background-image: url("../img/icons/mail-white.svg");
}
.filter-buttons > *.button-hollow.button-hollow-inverted,
.system-tabs a.button-hollow.button-hollow-inverted,
.buttons a.button-hollow.button-hollow-inverted,
.button.button-hollow.button-hollow-inverted,
.footer-products .field-content a.button-hollow.button-hollow-inverted,
.legible .button.button-hollow.button-hollow-inverted,
.legible a.button.button-hollow.button-hollow-inverted,
input[type=submit].button-hollow.button-hollow-inverted,
input[type=button].button-hollow.button-hollow-inverted,
button:not(.toggle-navigation).button-hollow.button-hollow-inverted {
  border-color: rgba(255, 255, 255, 0.6);
  color: #fff;
}
.filter-buttons > *.button-hollow.button-hollow-inverted.button-email:before,
.system-tabs a.button-hollow.button-hollow-inverted.button-email:before,
.buttons a.button-hollow.button-hollow-inverted.button-email:before,
.button.button-hollow.button-hollow-inverted.button-email:before,
.footer-products .field-content a.button-hollow.button-hollow-inverted.button-email:before,
.legible .button.button-hollow.button-hollow-inverted.button-email:before,
.legible a.button.button-hollow.button-hollow-inverted.button-email:before,
input[type=submit].button-hollow.button-hollow-inverted.button-email:before,
input[type=button].button-hollow.button-hollow-inverted.button-email:before,
button:not(.toggle-navigation).button-hollow.button-hollow-inverted.button-email:before {
  background-image: url("../img/icons/mail-white.svg");
}
.filter-buttons > *.button-hollow.button-hollow-inverted:hover, .filter-buttons > *.button-hollow.button-hollow-inverted:focus,
.system-tabs a.button-hollow.button-hollow-inverted:hover,
.system-tabs a.button-hollow.button-hollow-inverted:focus,
.buttons a.button-hollow.button-hollow-inverted:hover,
.buttons a.button-hollow.button-hollow-inverted:focus,
.button.button-hollow.button-hollow-inverted:hover,
.footer-products .field-content a.button-hollow.button-hollow-inverted:hover,
.button.button-hollow.button-hollow-inverted:focus,
.footer-products .field-content a.button-hollow.button-hollow-inverted:focus,
.legible .button.button-hollow.button-hollow-inverted:hover,
.legible .button.button-hollow.button-hollow-inverted:focus,
.legible a.button.button-hollow.button-hollow-inverted:hover,
.legible a.button.button-hollow.button-hollow-inverted:focus,
input[type=submit].button-hollow.button-hollow-inverted:hover,
input[type=submit].button-hollow.button-hollow-inverted:focus,
input[type=button].button-hollow.button-hollow-inverted:hover,
input[type=button].button-hollow.button-hollow-inverted:focus,
button:not(.toggle-navigation).button-hollow.button-hollow-inverted:hover,
button:not(.toggle-navigation).button-hollow.button-hollow-inverted:focus {
  color: #252525;
  border-color: #fff;
  background-color: #fff;
}
.filter-buttons > *.button-hollow.button-hollow-inverted:hover.button-email:before, .filter-buttons > *.button-hollow.button-hollow-inverted:focus.button-email:before,
.system-tabs a.button-hollow.button-hollow-inverted:hover.button-email:before,
.system-tabs a.button-hollow.button-hollow-inverted:focus.button-email:before,
.buttons a.button-hollow.button-hollow-inverted:hover.button-email:before,
.buttons a.button-hollow.button-hollow-inverted:focus.button-email:before,
.button.button-hollow.button-hollow-inverted:hover.button-email:before,
.footer-products .field-content a.button-hollow.button-hollow-inverted:hover.button-email:before,
.button.button-hollow.button-hollow-inverted:focus.button-email:before,
.footer-products .field-content a.button-hollow.button-hollow-inverted:focus.button-email:before,
.legible .button.button-hollow.button-hollow-inverted:hover.button-email:before,
.legible .button.button-hollow.button-hollow-inverted:focus.button-email:before,
.legible a.button.button-hollow.button-hollow-inverted:hover.button-email:before,
.legible a.button.button-hollow.button-hollow-inverted:focus.button-email:before,
input[type=submit].button-hollow.button-hollow-inverted:hover.button-email:before,
input[type=submit].button-hollow.button-hollow-inverted:focus.button-email:before,
input[type=button].button-hollow.button-hollow-inverted:hover.button-email:before,
input[type=button].button-hollow.button-hollow-inverted:focus.button-email:before,
button:not(.toggle-navigation).button-hollow.button-hollow-inverted:hover.button-email:before,
button:not(.toggle-navigation).button-hollow.button-hollow-inverted:focus.button-email:before {
  background-image: url("../img/icons/mail-black.svg");
}
.filter-buttons > *.button-arrow,
.system-tabs a.button-arrow,
.buttons a.button-arrow,
.button.button-arrow,
.footer-products .field-content a.button-arrow,
.legible .button.button-arrow,
.legible a.button.button-arrow,
input[type=submit].button-arrow,
input[type=button].button-arrow,
button:not(.toggle-navigation).button-arrow {
  font-size: 25px;
  font-weight: 400;
}
.filter-buttons > *.button-arrow span,
.system-tabs a.button-arrow span,
.buttons a.button-arrow span,
.button.button-arrow span,
.footer-products .field-content a.button-arrow span,
.legible .button.button-arrow span,
.legible a.button.button-arrow span,
input[type=submit].button-arrow span,
input[type=button].button-arrow span,
button:not(.toggle-navigation).button-arrow span {
  position: relative;
  padding-right: 35px;
}
.filter-buttons > *.button-arrow span:after,
.system-tabs a.button-arrow span:after,
.buttons a.button-arrow span:after,
.button.button-arrow span:after,
.footer-products .field-content a.button-arrow span:after,
.legible .button.button-arrow span:after,
.legible a.button.button-arrow span:after,
input[type=submit].button-arrow span:after,
input[type=button].button-arrow span:after,
button:not(.toggle-navigation).button-arrow span:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 25px;
  height: 25px;
  background: url("../img/icons/circle-arrow-right-black.svg") no-repeat;
  background-size: contain;
}
.section.Yellow .filter-buttons > *,
.section.Yellow .system-tabs a,
.section.Yellow .buttons a,
.section.Yellow .button,
.section.Yellow .footer-products .field-content a,
.footer-products .field-content .section.Yellow a,
.section.Yellow .legible .button,
.section.Yellow .legible a.button,
.section.Yellow input[type=submit],
.section.Yellow input[type=button],
.section.Yellow button:not(.toggle-navigation) {
  background-color: #1b1b1b;
  border-color: #1b1b1b;
  color: #fff;
}

.link-email {
  padding-left: calc(20px + 0.85em);
  position: relative;
  color: #ffa500;
  text-decoration: none;
}
.link-email:before {
  content: "";
  height: 20px;
  width: 20px;
  background: transparent url("../img/icons/mail-yellow.svg") center center no-repeat;
  background-size: contain;
  left: 0;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}
.link-email:hover, .link-email:focus {
  border-bottom: 1px solid #ffa500;
}

.filter-buttons > * {
  border-radius: 8px;
}
.filter-buttons > *.is-active, .filter-buttons > *:hover, .filter-buttons > *:focus {
  border-color: #e8e8e8;
  background-color: #fff;
  box-shadow: none;
}

.cases-filter .form-submit {
  display: none;
}

.cases-filter .filter-button:not(:first-child)::before {
  display: inline-block;
  content: "#";
}

.button.button-black, .footer-products .field-content a.button-black {
  background-color: #252525;
  color: #fff;
  border-color: #252525;
  font-weight: 300;
}
.button.button-black:hover, .footer-products .field-content a.button-black:hover, .button.button-black:focus, .footer-products .field-content a.button-black:focus {
  color: #fff;
  border-color: #252525;
}

[disabled] {
  opacity: 0.7;
}

.footer-products .views-row {
  display: inline-block;
  margin-left: 10px;
  margin-top: 10px;
}

.footer-products .field-content a {
  text-transform: uppercase;
}

.form-item-from-url,
.form-item-url {
  display: none;
}

input[id*=url] {
  display: none !important;
}

.password-strength__title {
  display: inline-block;
}

.password-strength__indicator {
  background-color: #59a435;
}
.password-strength__indicator.is-weak {
  background-color: #ff470e;
}
.password-strength__indicator.is-strong {
  background-color: #1b1b1b;
}

.additional-user-login-links {
  margin-left: 20px;
}

.hero {
  padding-top: 300px;
  padding-bottom: 300px;
  background-color: #252525;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  text-align: center;
}
.hero.hero-primary {
  background-color: #fff;
  background-size: cover;
  position: relative;
  padding-bottom: 0;
  min-height: 50vh;
  overflow: hidden;
}
.hero.hero-primary h1 {
  font-weight: bold;
}
.hero.hero-primary h1:before {
  content: none;
}
.hero.hero-primary.hero--image {
  padding-top: 150px;
}
.hero.hero-primary.hero--video, .hero.hero-primary.hero--image, .hero.hero-primary.hero--media {
  min-height: calc(100vh - 60px - 10px);
  width: 100vw;
}
.hero.hero-primary.hero--video video,
.hero.hero-primary.hero--video img, .hero.hero-primary.hero--image video,
.hero.hero-primary.hero--image img, .hero.hero-primary.hero--media video,
.hero.hero-primary.hero--media img {
  bottom: 0;
  height: 100%;
  left: 0;
  font-family: "object-fit:cover";
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 2;
}
.hero.hero-primary.hero--video.hero-primary--small, .hero.hero-primary.hero--image.hero-primary--small, .hero.hero-primary.hero--media.hero-primary--small {
  margin-top: 0;
  padding-top: 0;
  height: 100%;
  min-height: unset;
  max-height: 686px;
  max-width: 1600px;
  aspect-ratio: 21/9;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero.hero-primary.hero--video.hero-primary--small .hero-primary-content, .hero.hero-primary.hero--image.hero-primary--small .hero-primary-content, .hero.hero-primary.hero--media.hero-primary--small .hero-primary-content {
  position: absolute;
}
.hero.hero-primary.hero--video.hero-primary--small video,
.hero.hero-primary.hero--video.hero-primary--small img, .hero.hero-primary.hero--image.hero-primary--small video,
.hero.hero-primary.hero--image.hero-primary--small img, .hero.hero-primary.hero--media.hero-primary--small video,
.hero.hero-primary.hero--media.hero-primary--small img {
  position: unset;
  max-height: 100%;
  max-width: 100%;
  font-family: "object-fit:cover";
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.hero.hero-primary.hero--video .hero-primary-background, .hero.hero-primary.hero--image .hero-primary-background, .hero.hero-primary.hero--media .hero-primary-background {
  height: 100vh;
}
.hero .hero-primary-content {
  position: relative;
  z-index: 3;
  padding: 40px;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
  text-shadow: 0 0 14px rgba(0, 0, 0, 0.3);
}
.hero .hero-primary-background {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.content-section {
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: #1b1b1b;
  overflow: hidden;
  z-index: 0;
}

.content-section-background {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  z-index: -1;
}
.content-section-background picture,
.content-section-background img {
  width: 100%;
  height: 100%;
}
.content-section-background img {
  font-family: "object-fit:cover";
  -o-object-fit: cover;
     object-fit: cover;
}

.content-section-inner {
  position: static;
  text-align: center;
  color: #fff;
  z-index: 3;
}

.content-section-inner p {
  font-size: 1.3em;
  line-height: 1.4em;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.content-section .header-1 + .columns-3,
.content-section-inner p + * {
  margin-top: 30px;
}

body.node-type-landing_page .content-section {
  height: calc(100vh + 1px);
  padding-top: 0;
  padding-bottom: 0;
}
body.node-type-landing_page .content-section-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 230px;
  transform: translate(-50%, -50%);
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
}
body.node-type-landing_page .content-section-inner p:first-of-type {
  margin-top: 10px;
}
body.node-type-landing_page .content-section-background {
  will-change: transform;
  transform: scale(1);
  transition: transform 5s cubic-bezier(0.3, 0, 0.7, 1) 0ms;
}

.content-section.Blue {
  background-color: #004173;
}

.content-section.Yellow {
  background-color: #ffa500;
}

body.node-type-landing_page .section-full-viewport:first-child .header-1 {
  font-size: 5.5882352941em;
}

body.node-type-landing_page h2.header-1:before,
body.node-type-landing_page h2.header-1:after {
  transform: translateX(-100%);
}

body.node-type-landing_page h2.header-1:before {
  will-change: transform;
  transition: transform 1500ms ease-in-out 500ms;
}

body.node-type-landing_page h2.header-1:after {
  will-change: transform;
  transition: transform 2s ease-in-out 500ms;
}

body.node-type-landing_page .section-is-visible .header-1:before,
body.node-type-landing_page .section-is-visible .header-1:after {
  transform: translateX(0%);
}

body.node-type-landing_page .section-is-visible .content-section-background {
  transform: scale(1.05);
}

body.node-type-landing_page .next-section {
  position: fixed;
  bottom: 40px;
  left: 50%;
  color: #fff;
  z-index: 10;
  width: 60px;
  height: 60px;
  text-indent: -9999em;
  transform: translateX(-50%) rotate(90deg);
  opacity: 0.5;
  transition: opacity 250ms ease-out 0ms;
  background: transparent url("../img/icons/circle-arrow-right-white.svg") center center no-repeat;
  background-size: contain;
}
body.node-type-landing_page .next-section:hover, body.node-type-landing_page .next-section:focus {
  opacity: 1;
}

@supports (-ms-ime-align: auto) {
  body.node-type-landing_page .content-section-background {
    transition: none;
  }

  body.node-type-landing_page .section-is-visible .content-section-background {
    transform: none;
  }
}
.navigation-bullets {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  right: 40px;
  margin-top: 0 !important;
  z-index: 5;
}
.navigation-bullets > * {
  display: block;
  margin-top: 10px;
}
.navigation-bullets > *:first-child {
  margin-top: 0;
}

.navigation-bullet {
  text-indent: -9999em;
  width: 15px;
  height: 15px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  transition: background-color 250ms ease-out 0ms;
}

.navigation-bullet:hover,
.navigation-bullet:focus,
.navigation-bullet.current {
  background: rgb(255, 255, 255);
}

.teaser {
  background-color: #fff;
  display: block;
  min-height: 1px;
  text-decoration: none;
  box-shadow: 1px 1px 14px -6px #252525;
}

.teaser-content {
  padding: 30px;
}

.teaser-title {
  font-size: 1.3em;
  line-height: 1.3em;
  font-weight: 400;
  color: #252525;
}

.teaser-image {
  position: relative;
}
.teaser-image.has-embed::after {
  display: block;
  position: absolute;
  content: "";
  background: #ff470e url("../img/icons/video-white.svg") center center no-repeat;
  background-size: contain;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.7;
  z-index: 2;
}

.teaser-image-text {
  display: block;
  font-size: 0.7em;
  font-weight: 600;
  padding: 10px;
  text-transform: uppercase;
  background-color: #252525;
  color: #ffa500;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
}

.product-teaser {
  position: relative;
  min-height: 150px;
  background-color: #252525;
  box-shadow: none;
}
.product-teaser .teaser-title {
  position: static;
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  padding: 20px;
  background: #252525;
  line-height: 1.2em;
}

a.teaser:hover, a.teaser:focus {
  opacity: 0.7;
}

.push .teaser {
  background-color: transparent;
  box-shadow: none;
}
.push .teaser .teaser-image {
  width: 100%;
}
.push .teaser .teaser-image > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.push .teaser p {
  font-size: 0.882em;
  line-height: 1.5em;
}
.push .teaser a img:hover,
.push .teaser a img:focus {
  opacity: 0.7;
}

.footer,
.footer .legible,
.footer .footer-sections a {
  font-size: 0.9rem;
}

.footer,
.footer a {
  color: #4f4f4f;
  -webkit-text-decoration-color: #4f4f4f;
          text-decoration-color: #4f4f4f;
}

.footer a:hover,
.footer a:focus {
  opacity: 0.7;
}

.footer .buttons a:hover,
.footer .buttons a:focus {
  opacity: 1;
}

.footer h2,
.footer h3,
.footer-products a,
.footer-products a:hover,
.footer-products a:focus {
  color: #1b1b1b;
}

.footer h3::before {
  display: none;
}

.footer > * {
  background-color: #b5b5b5;
  border-top: 1px solid #fff;
}

.footer-sections {
  display: flex;
}

.footer-sections > * {
  border-left: 1px solid #fff;
  flex-basis: 50%;
  flex-grow: 1;
}
.footer-sections > *:first-child {
  border-left: 0;
}

.footer-section > *,
.footer-products {
  padding: 30px 50px;
}
.footer-section > *:nth-child(n+2),
.footer-products:nth-child(n+2) {
  border-top: 1px solid #fff;
}

.footer-products a {
  font-size: 0.75rem;
}

.footer-contact-link,
.footer-site-info {
  background-color: #252525;
  padding: 30px 50px;
  text-align: center;
}

.footer-site-info {
  color: #fff;
}
.footer-site-info a {
  color: #fff;
}
.footer-site-info-inner {
  margin-top: 20px;
  margin-bottom: -20px;
}

.footer-site-info-inner > * {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 20px;
}
.footer-site-info-inner > *:last-child {
  margin-right: 0;
}

.footer .site-name {
  height: 40px;
  width: 220px;
}

.footer-contact-link {
  display: none;
}
.footer-contact-link a.contact-link {
  color: #252525;
  position: static;
}

/**
* Header base settings
*/
.main-menu {
  position: fixed;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  top: 0;
  left: 0;
  right: 0;
  background-color: #1b1b1b;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  padding: 0 40px;
  height: 70px;
  z-index: 499;
  font-size: 0;
}
.main-menu ul ul {
  display: none;
  visibility: hidden;
}
.main-menu .main-menu-right button,
.main-menu .main-menu-right a {
  font-size: 1rem;
  line-height: 1.2em;
  border: 0;
  color: #ffa500;
  text-decoration: none;
  padding-top: 20px;
  padding-bottom: 20px;
}
.main-menu .primary-menu nav a {
  color: #fff;
}
.main-menu .primary-menu nav a.is-active, .main-menu .primary-menu nav a:hover, .main-menu .primary-menu nav a:focus {
  text-decoration: underline;
}
.main-menu .tertiary-menu a:hover, .main-menu .tertiary-menu a:focus,
.main-menu button:hover,
.main-menu button:focus {
  opacity: 0.7;
}
.main-menu .tertiary-menu > *,
.main-menu nav li, .main-menu-right > * {
  display: inline-block;
  margin-left: 40px;
}
.main-menu .tertiary-menu > *:first-child,
.main-menu nav li:first-child, .main-menu-right > *:first-child {
  margin-left: 0;
}

header nav[id*=webshop] a::before {
  content: "";
  display: inline-block;
  background: transparent url("../img/icons/cart-2-orange.svg") center center no-repeat;
  background-size: contain;
  width: 20px;
  height: 1em;
  margin-right: 10px;
  vertical-align: sub;
}

.toggle-navigation {
  display: inline-block;
  background-color: transparent;
  border-color: transparent;
  text-transform: uppercase;
  color: #ffa500;
}
.toggle-navigation::before {
  content: "";
  display: inline-block;
  background: transparent url("../img/icons/hamburger-yellow.svg") center/contain no-repeat;
  width: 20px;
  height: 0.8em;
  margin-right: 10px;
  vertical-align: baseline;
}
.toggle-navigation:hover, .toggle-navigation:focus {
  color: #ffa500;
  border-color: transparent;
  opacity: 0.7;
}
:root.show-menu .toggle-navigation::before {
  background-image: url("../img/icons/hamburger-close-yellow.svg");
}

.main-menu {
  transition: transform 250ms ease-out 100ms;
}

:root.hide-main-menu .main-menu {
  transform: translateY(-70px);
}

.mega-menu-wrapper {
  position: fixed;
  top: 70px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #393939;
  z-index: 498;
  transform: translateY(-100%);
  visibility: hidden;
  opacity: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  will-change: visibility;
  transition: transform 150ms ease-out 0ms, opacity 150ms ease-out 0ms, visibility 150ms ease-out 0ms;
}

.mega-menu {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  padding: 40px 0 100px;
}
.mega-menu > * {
  padding: 0 40px;
  flex-grow: 1;
  flex-shrink: 0;
  min-width: 320px;
}
.mega-menu button.language-switch-toggle,
.mega-menu a {
  display: inline-block;
  color: #ffa500;
  text-decoration: none;
  font-size: 1rem;
  font-weight: 700;
  padding: 10px 0;
  width: 100%;
  text-align: left;
}
.mega-menu button.language-switch-toggle:hover, .mega-menu button.language-switch-toggle:focus,
.mega-menu a:hover,
.mega-menu a:focus {
  color: #ffa500;
  box-shadow: none;
}
.mega-menu button.language-switch-toggle {
  pointer-events: none;
}
.mega-menu a.is-active, .mega-menu a:hover, .mega-menu a:focus {
  text-decoration: underline;
}
.mega-menu .language-switch-toggle,
.mega-menu nav > ul > li > a {
  text-transform: uppercase;
}
.mega-menu nav > ul > li {
  white-space: nowrap;
}
.mega-menu nav > ul > li::before {
  content: "•";
  display: inline-block;
  margin-right: 5px;
  color: #ffa500;
}
.mega-menu .language-switcher,
.mega-menu nav > ul > li {
  border-bottom: 1px solid rgba(255, 165, 0, 0.5);
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.mega-menu .language-switcher .links a,
.mega-menu ul ul a {
  font-size: 0.882rem;
  font-weight: 400;
  opacity: 0.75;
}
.mega-menu .language-switcher .links a.is-active, .mega-menu .language-switcher .links a:hover, .mega-menu .language-switcher .links a:focus,
.mega-menu ul ul a.is-active,
.mega-menu ul ul a:hover,
.mega-menu ul ul a:focus {
  opacity: 1;
}
.mega-menu .language-switch-toggle::after {
  display: none;
}
.mega-menu nav[id*=webshop] li::before {
  display: none;
}

:root.show-menu {
  overflow: hidden !important;
}
:root.show-menu body {
  overflow: hidden !important;
}
:root.show-menu .mega-menu-wrapper {
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
}

.language-switcher {
  position: relative;
}

button.language-switch-toggle {
  padding: 0;
  border: 0;
  background-color: transparent;
  color: #ffa500;
  font-size: 1rem;
  font-weight: 400;
}
button.language-switch-toggle:hover, button.language-switch-toggle:focus {
  box-shadow: none;
  color: #ffa500;
}
button.language-switch-toggle::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 0.9em;
  background: transparent url("../img/icons/globe-orange.svg") center center no-repeat;
  background-size: contain;
  margin-right: 10px;
  vertical-align: baseline;
}
button.language-switch-toggle::after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 1em;
  background: transparent url("../img/icons/arrow-down-orange.svg") center center no-repeat;
  background-size: 10px 10px;
  margin-left: 10px;
  vertical-align: middle;
}

.main-menu .language-switcher .links {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  z-index: 10;
  text-align: center;
  top: 100%;
  right: 0;
  left: 50%;
  min-width: 190px;
  transform: translateX(-50%);
  transition: opacity 150ms ease-out 0ms, visibility 150ms ease-out 0ms;
  font-size: 0.824rem;
}
.main-menu .language-switcher .links a {
  display: block;
  padding: 15px 30px;
  text-transform: uppercase;
  background-color: #1b1b1b;
  transition: background-color 250ms ease-out 0ms;
}
.main-menu .language-switcher .links a:hover, .main-menu .language-switcher .links a:focus {
  opacity: 1;
  text-decoration: none;
  color: rgba(255, 165, 0, 0.7);
}
.main-menu .language-switcher .links li {
  border-top: 1px solid #4f4f4f;
}
.main-menu .language-switcher .links li:first-child {
  border-top: 0;
}
.main-menu .language-switcher .links-show {
  opacity: 1;
  visibility: visible;
}

.system-tabs {
  position: fixed;
  bottom: 100px;
  left: 0;
  z-index: 50;
}

.system-tabs li {
  margin-bottom: 5px;
}

.status-messages {
  position: fixed;
  bottom: -500px;
  left: 50px;
  right: 50px;
  z-index: 60;
  transition: bottom 250ms ease-out 100ms, opacity 250ms ease-out 200ms;
  opacity: 0;
}
.status-messages.show-messages {
  bottom: 20px;
  opacity: 1;
}
.status-messages > * {
  margin-top: 5px;
  padding: 20px 80px 20px 20px;
  background-color: #252525;
  color: rgba(0, 0, 0, 0.7);
  text-align: center;
  transition: height 250ms ease-out 0ms, opacity 250ms ease-out 0ms, padding 250ms ease-out 0ms, margin 250ms ease-out 0ms;
  position: relative;
  overflow: hidden;
  font-weight: 700;
  line-height: 1.3em;
  box-shadow: -2px 3px 5px -1px rgba(0, 0, 0, 0.4);
}
.status-messages > *:first-child {
  margin-top: 0;
}
.status-messages a {
  color: rgba(0, 0, 0, 0.7);
  -webkit-text-decoration-color: rgba(0, 0, 0, 0.7);
          text-decoration-color: rgba(0, 0, 0, 0.7);
}
.status-messages a:hover, .status-messages a:focus {
  opacity: 0.7;
  color: #252525;
}
.status-messages em {
  font-style: italic;
}
.status-messages .system-popup,
.status-messages [aria-label*=Warning] {
  background-color: #fdc914;
}
.status-messages [aria-label*=Error] {
  background-color: #f5351c;
}
.status-messages [aria-label*=Status] {
  background-color: #ffa500;
}
.status-messages .message-close {
  position: absolute;
  transform: translateY(-50%);
  top: 50% !important;
  left: auto !important;
  right: 40px;
  background: transparent url("../img/icons/x-black.svg") center center no-repeat;
  background-size: contain;
  font-size: 0;
  height: 20px;
  width: 20px;
  box-shadow: 0 0 0 transparent !important;
  opacity: 0.5;
  border: 0;
}
.status-messages .message-close:hover, .status-messages .message-close:focus {
  opacity: 1;
}
.status-messages .system-popup {
  display: none;
  visibility: hidden;
  padding: 40px 200px 40px 20px;
}
.status-messages .system-popup.show {
  display: block;
  visibility: visible;
}
.status-messages .system-popup .message-close {
  background: none;
  font-size: 0.8rem;
  width: auto;
  height: auto;
  border: 1px solid rgba(0, 0, 0, 0.7);
  opacity: 1;
  box-shadow: 0;
  text-transform: none;
}
.status-messages .system-popup .message-close:hover, .status-messages .system-popup .message-close:focus {
  opacity: 0.7;
  transform: translate(0, -50%);
}
.status-messages .message-hidden {
  height: 0 !important;
  opacity: 0;
  padding: 0;
  margin-top: 0;
}

@media screen and (max-width: 600px) {
  .status-messages .system-popup {
    padding: 20px;
  }

  .system-popup .message-close {
    position: static;
    display: block;
    margin-top: 20px;
    transform: translateY(0);
    top: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
  }
}
.social-links {
  margin-bottom: -20px;
}

.social-links a {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: transparent url("../img/icons/circle-arrow-right-black.svg") center/contain no-repeat;
  font-size: 0 !important;
  margin-right: 20px;
  margin-bottom: 20px;
}
.social-links a:last-child {
  margin-right: 0;
}
.social-links a[href*=instagram] {
  background-image: url("../img/icons/instagram-black.svg");
}
.social-links a[href*=facebook] {
  background-image: url("../img/icons/facebook-black.svg");
}
.social-links a[href*=linkedin] {
  background-image: url("../img/icons/linkedin-black.svg");
}
.social-links a[href*=twitter] {
  background-image: url("../img/icons/twitter-black.svg");
}
.social-links a[href*=youtube] {
  background-image: url("../img/icons/youtube-black.svg");
}

.box {
  display: inline-block;
  padding: 30px 40px;
}

.box-orange {
  background-color: #ffa500;
}
.box-orange > * {
  color: #000;
}

.card {
  background-color: #252525;
  color: #fff;
  overflow: hidden;
  position: relative;
  z-index: 1;
  display: flex;
  padding: 30px;
}
.card > * {
  width: 50%;
}
.card .card-intro {
  max-width: 240px;
  flex-grow: 0;
}
.card .card-content {
  margin-left: 30px;
  flex-grow: 1;
}
.card .card-content span {
  display: block;
}

.card-phone,
.card-item a {
  color: #fff;
}

.card,
.card-content.legible {
  font-size: 0.9rem;
}

.card-image + * {
  margin-top: 0.9rem;
}

.legible .card-title,
.card-title {
  color: #ffa500;
  font-size: 1.294rem;
}
.legible .card-title + *,
.card-title + * {
  margin-top: 0.3em;
}

.legible .card-subtitle,
.card-subtitle {
  color: #ffa500;
  text-transform: uppercase;
}
.legible .card-subtitle + *,
.card-subtitle + * {
  margin-top: 0;
}

.card.card-facts {
  background-color: #ffa500;
  color: #000;
}

.card.card-facts .card-title {
  color: #000;
}

.colorscheme-grey {
  background-color: #f7f7f7;
}

.text-push {
  background-color: #fff;
  padding: 30px 50px;
  overflow: hidden;
}

.text-push h3 {
  font-size: 1.3em;
  line-height: 1.3em;
  font-weight: 400;
}

.text-push p {
  font-size: 0.882em;
}

.cta-push {
  display: block;
  color: #fff;
  text-decoration: none;
  background-color: #252525;
  transition: background-color 100ms linear, color 100ms linear;
}
.cta-push img {
  font-family: "object-fit:cover";
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.cta-push:hover, .cta-push:focus {
  color: #000;
  background-color: #ffa500;
}
.cta-push:hover .cta-push-content .arrow-link, .cta-push:focus .cta-push-content .arrow-link {
  color: #000;
}
.cta-push:hover .cta-push-content .arrow-link:after, .cta-push:focus .cta-push-content .arrow-link:after {
  background: url("../img/icons/circle-arrow-right-black.svg") no-repeat;
}
.cta-push-inverted {
  background-color: #ffa500;
  color: #000;
}
.cta-push-inverted .cta-push-content .arrow-link {
  color: #000;
}
.cta-push-inverted .cta-push-content .arrow-link:after {
  background: url("../img/icons/circle-arrow-right-black.svg") no-repeat;
}
.cta-push-inverted:hover, .cta-push-inverted:focus {
  color: #fff;
  background-color: #252525;
}
.cta-push-inverted:hover .cta-push-content .arrow-link, .cta-push-inverted:focus .cta-push-content .arrow-link {
  color: #fff;
}
.cta-push-inverted:hover .cta-push-content .arrow-link:after, .cta-push-inverted:focus .cta-push-content .arrow-link:after {
  background: url("../img/icons/circle-arrow-right-white.svg") no-repeat;
}
.cta-push .cta-push-content {
  padding: 20px 30px 30px 30px;
  text-align: left;
}
.cta-push .cta-push-content > * {
  margin-top: 20px;
}
.cta-push .cta-push-content > *:first-child {
  margin-top: 0;
}
.cta-push .cta-push-content h3 {
  font-size: 1.2941176471rem;
  line-height: 1.3em;
}
.cta-push .cta-push-content .arrow-link {
  display: inline-block;
  transition: color 100ms linear;
}
.cta-push .cta-push-content .arrow-link:after {
  transition: background 100ms linear;
}

span.file a,
a[href$=".pdf"],
.arrow-link {
  font-size: 0.9rem;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  padding-right: 25px;
  color: #ffa500;
  text-decoration: none;
  line-height: 1em;
}
span.file a:before,
a[href$=".pdf"]:before,
.arrow-link:before {
  content: "";
  position: absolute;
  left: 0;
  right: 20px;
  top: calc(100% + 3px);
  height: 1px;
  background-color: currentColor;
  opacity: 0;
  transition: opacity 250ms ease-out 0ms;
  -webkit-backface-visibility: hidden;
}
span.file a:after,
a[href$=".pdf"]:after,
.arrow-link:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background: url("../img/icons/circle-arrow-right-yellow.svg") no-repeat;
}
span.file a:hover, span.file a:focus,
a[href$=".pdf"]:hover,
a[href$=".pdf"]:focus,
.arrow-link:hover,
.arrow-link:focus {
  opacity: 1;
}
span.file a:hover:before, span.file a:focus:before,
a[href$=".pdf"]:hover:before,
a[href$=".pdf"]:focus:before,
.arrow-link:hover:before,
.arrow-link:focus:before {
  opacity: 0.5;
}

.arrow-link-black,
a[href$=".pdf"],
span.file a {
  color: #252525;
}
.arrow-link-black:before,
a[href$=".pdf"]:before,
span.file a:before {
  background-color: #252525;
}
.arrow-link-black:after,
a[href$=".pdf"]:after,
span.file a:after {
  background-image: url("../img/icons/circle-arrow-right-black.svg");
}
.arrow-link-black:hover, .arrow-link-black:focus,
a[href$=".pdf"]:hover,
a[href$=".pdf"]:focus,
span.file a:hover,
span.file a:focus {
  color: #252525;
}

.divider-title,
.legible .divider-title {
  font-size: 1.4705882353em;
  font-weight: 400;
  line-height: 1.5em;
  border-bottom: 1px solid #b5b5b5;
  padding-bottom: 20px;
  position: relative;
}
.divider-title + *,
.legible .divider-title + * {
  margin-top: 30px;
}

.divider-title > a {
  position: absolute;
  bottom: 20px;
  right: 0;
}

.divider-title-embed:before,
.divider-title-documents:before,
.divider-title-colors:before,
.divider-title-gallery:before {
  content: "";
  background: url("../img/icons/video-orange.svg") no-repeat;
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-right: 5px;
}

.divider-title-gallery:before {
  content: "";
  background: url("../img/icons/camera-orange.svg") no-repeat;
}

.divider-title-documents:before {
  content: "";
  background: url("../img/icons/download-orange.svg") no-repeat;
}

.divider-title-colors:before {
  content: "";
  background: url("../img/icons/colors.svg") no-repeat;
}

.documents {
  font-size: 15px;
}
.documents > * {
  display: block;
  margin-top: 30px;
}
.documents > * > a {
  text-decoration: none;
}
.documents > *:first-child {
  margin-top: 0;
}

.gallery-item {
  position: relative;
  overflow: hidden;
}

.gallery-item a {
  display: block;
}
.gallery-item a:hover, .gallery-item a:focus {
  opacity: 0.7;
}

.gallery-item-text {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: transparent;
  font-size: 15px;
  padding: 20px;
  line-height: 1.4em;
  font-weight: 300;
  background-color: rgba(0, 0, 0, 0);
  max-height: 60px;
  transition: background-color 250ms ease-out 0ms, color 250ms ease-out 0ms, max-height 500ms ease-out 0ms;
  cursor: pointer;
}

.gallery-item-text:before {
  content: "";
  display: block;
  height: 20px;
  background: transparent url("../img/icons/camera-white.svg") center left no-repeat;
  background-size: contain;
  margin-bottom: 10px;
}

.gallery-item:hover .gallery-item-text,
.gallery-item:focus .gallery-item-text {
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  max-height: 300px;
}

#swipebox-top-bar {
  top: auto !important;
  bottom: 0;
  background: transparent;
  z-index: 20 !important;
  width: 760px !important;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}

#swipebox-bottom-bar {
  bottom: 0;
  z-index: 10 !important;
}

#swipebox-top-bar.visible-bars,
#swipebox-bottom-bar.visible-bars {
  transform: none !important;
}

#swipebox-title {
  line-height: 1.4em;
  transform: translateY(-50%);
  position: relative;
  top: 50%;
}

.color-description {
  font-size: 11px;
  margin-top: 10px;
  text-align: center;
  line-height: 1.3em;
}

.product-menu {
  position: relative;
  z-index: 10;
  overflow: hidden;
}
.product-menu > * {
  margin-top: 10px;
}
.product-menu > *:first-child {
  margin-top: 0;
}
.product-menu-toggle {
  position: relative;
  z-index: 20;
}
.product-menu nav {
  margin-left: 10px;
  margin-right: 10px;
}
.product-menu ul > li {
  margin-top: 10px;
  position: relative;
}
.product-menu ul > li:first-child {
  margin-top: 0;
}
.product-menu ul > li > ul {
  margin-top: 10px;
  display: none;
}
.product-menu ul > li > ul li {
  margin-top: 0;
}
.product-menu ul > li > ul > li > ul {
  margin-top: 0;
}
.product-menu ul > li > ul > li > ul > li {
  margin-top: 0;
}
.product-menu ul > li > ul > li > ul > li > a {
  background-color: #808080;
  border-top: 1px solid #fff !important;
}
.product-menu-toggle,
.product-menu ul > li a {
  background-color: #ffa500;
  padding: 10px 48px 10px 10px;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #252525;
  line-height: normal;
  display: block;
  font-size: 14px;
  text-decoration: none;
}
.product-menu-toggle:hover, .product-menu-toggle:focus,
.product-menu ul > li a:hover,
.product-menu ul > li a:focus {
  color: #252525;
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
}
.product-menu ul > li > a {
  padding: 10px 48px 10px 10px;
}
.product-menu ul > li > ul li a {
  background-color: #252525;
  border-top: 1px solid #fff;
  color: #fff;
  font-weight: 300;
  font-size: 14px;
  text-transform: none;
}
.product-menu ul > li > ul li a:hover, .product-menu ul > li > ul li a:focus {
  color: #252525;
  background: #fff;
}
.product-menu ul > li > ul li:first-child > a {
  border-top: 0;
}

.product-menu-toggle-button,
.expand-product-menu {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: 14px !important;
  padding: 0.7em 1.4em !important;
  border: none !important;
}
.product-menu-toggle-button:hover, .product-menu-toggle-button:focus,
.expand-product-menu:hover,
.expand-product-menu:focus {
  background-color: #fff;
  border: none;
  box-shadow: none !important;
  transform: none !important;
}

.product-menu-toggle-button span,
.expand-product-menu span {
  will-change: transform;
  display: block;
  transition: transform 150ms linear 0ms;
}

.product-menu-expanded .product-menu-toggle-button span,
.expanded > .expand-product-menu span {
  transform: rotate(45deg);
}

ul ul .expand-product-menu {
  background-color: #252525;
  color: #fff;
  border-top: 1px solid #fff !important;
}

ul ul > li:first-child > .expand-product-menu {
  border-top: none !important;
}

li.expanded .expand-product-menu {
  bottom: auto;
}

li.expanded > ul {
  display: block !important;
}

.product-menu-toggle {
  cursor: pointer;
  color: #ffa500;
  background-color: #393939;
}
.product-menu-toggle:hover, .product-menu-toggle:focus {
  color: #ffa500;
}
.product-menu button.product-menu-toggle-button {
  pointer-events: none;
  color: #ffa500;
  background-color: #393939;
}

.product-menu.product-menu-expanded nav {
  display: block;
}

.contact-link {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 50;
}

.breadcrumb {
  color: #a0a0a0;
  font-size: 0.9rem;
  font-weight: 300;
}
.breadcrumb ol {
  list-style: none;
  margin-top: 0;
  margin-left: 0;
}
.breadcrumb li {
  display: inline-block;
}
.breadcrumb a {
  color: #eca92d;
  text-decoration: none;
}
.breadcrumb a:hover, .breadcrumb a:focus {
  color: #ffa500;
}
.breadcrumb a:after {
  content: " >";
}
.breadcrumb li:last-child a {
  color: #a0a0a0;
  pointer-events: none;
}
.breadcrumb li:last-child a:after {
  display: none;
}

.location-push {
  padding: 30px 30px 60px 30px;
  background-color: #fff;
  box-shadow: 1px 1px 14px -6px #252525;
}
.location-push a {
  color: #252525;
}
.location-push.head-office {
  background-color: #ffa500;
}
.location-push.head-office a {
  -webkit-text-decoration-color: #252525;
          text-decoration-color: #252525;
}
.location-push.head-office a:hover, .location-push.head-office a:focus {
  color: #252525;
}
.location-push h3 {
  font-size: 1.2941176471rem;
}
.location-push h3:before {
  content: "";
  background: url("../img/logo/unisport-symbol.svg") center center no-repeat;
  background-size: contain;
  height: 30px;
  padding-right: 40px;
  width: 30px;
}
.location-push h3 + * {
  margin-top: 20px;
}
.location-push .location-name {
  font-weight: 700;
}

.legible.location-informative p {
  margin-top: 0.3em;
}
.legible.location-informative *:first-child {
  margin-top: 0;
}

.large-push {
  position: relative;
  height: 400px;
  background-color: #4f4f4f;
  box-shadow: inset 0 0 15px 8px rgba(0, 0, 0, 0.15);
  opacity: 0.9;
}
.large-push .large-push__image {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.large-push .large-push__image img {
  font-family: "object-fit:cover";
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.large-push-content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 30px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  transition: background-color 100ms linear, color 100ms linear;
}
.large-push-content .header-3, .large-push-content .eu-cookie-compliance-message h2, .eu-cookie-compliance-message .large-push-content h2 {
  text-transform: uppercase;
  font-size: 1.29rem;
  line-height: 1.3em;
}
.large-push-content .header-3 + *, .large-push-content .eu-cookie-compliance-message h2 + *, .eu-cookie-compliance-message .large-push-content h2 + * {
  margin-top: 10px;
}
.large-push-content p {
  line-height: 2em;
  font-size: 0.882em;
}
.large-push-content p::after {
  content: "";
  display: inline-block;
  background: transparent url("../img/icons/circle-arrow-right-yellow.svg") center center no-repeat;
  background-size: contain;
  width: 1em;
  height: 1em;
  vertical-align: middle;
  margin-left: 5px;
}

a.large-push {
  box-shadow: none;
  opacity: 1;
}

a.large-push:hover .large-push-content,
a.large-push:focus .large-push-content {
  color: #252525;
  background-color: #eca92d;
}
a.large-push:hover .large-push-content p::after,
a.large-push:focus .large-push-content p::after {
  background-image: url("../img/icons/circle-arrow-right-black.svg");
}

.filter-buttons {
  margin-bottom: -5px;
  font-size: 0;
}

.filter-buttons > * {
  font-size: 0.941rem;
  margin-right: 5px;
  margin-bottom: 5px;
}
.filter-buttons > *:last-child {
  margin-right: 0;
}

.pager {
  text-align: center;
}
.pager .pager__item--first,
.pager .pager__item--last {
  display: none;
}
.pager ul li {
  display: inline-block;
}
.pager ul li:nth-child(n+2) {
  margin-left: 4px;
}
.pager a {
  display: block;
  padding: 13px 16px;
  vertical-align: middle;
  font-weight: 600;
  margin-bottom: 5px;
  text-decoration: none;
}
.pager .is-active a,
.pager a:hover,
.pager a:focus {
  opacity: 1;
  color: #ffa500;
  background-color: #1b1b1b;
}

.pop-up {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 620px;
  z-index: 120;
  display: none;
}
.pop-up .pop-up-close {
  width: 100%;
  text-align: left;
}

.pop-up-title {
  font-weight: 700;
}

.pop-up-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(37, 37, 37, 0.8);
  z-index: 110;
  display: none;
}

.content-section-number-items .content-section-inner > .header-1 + * {
  margin-top: 60px;
}

.number-item > * {
  display: block;
}
.number-item .header-1 strong {
  font-weight: 600;
}

.marketing-platform-newsletter-form {
  width: 100%;
}
.marketing-platform-newsletter-form td,
.marketing-platform-newsletter-form input, .marketing-platform-newsletter-form select, .marketing-platform-newsletter-form textarea, .marketing-platform-newsletter-form checkbox {
  font-family: tahoma;
}
.marketing-platform-newsletter-form .required {
  color: orange;
  padding-left: 5px !important;
}
.marketing-platform-newsletter-form input.fb {
  background-image: url("https://app.marketingplatform.com/admin/images/facebookautofill.jpg");
  width: 179px;
  height: 37px;
  border-radius: 5px;
  cursor: pointer;
}
.marketing-platform-newsletter-form input[type=text] {
  width: 100%;
  background-color: #fff;
  color: #4f4f4f;
  display: block;
  border: 2px solid #a0a0a0;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5em !important;
  padding: 0.7em 0.9em !important;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  border-radius: 0px !important;
}
.marketing-platform-newsletter-form input[type=text]:focus {
  border: 2px solid #fff !important;
  outline: #ffa500 solid 2px !important;
}
.marketing-platform-newsletter-form .text {
  font-size: 14px !important;
  line-height: 1.3em !important;
  font-weight: 400 !important;
  display: block;
  color: #4f4f4f;
  font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif !important;
}
.marketing-platform-newsletter-form input[type=submit] {
  margin-top: 20px !important;
  text-transform: uppercase;
  background-color: #FFA500;
  border: 2px solid #FFA500;
  display: inline-block;
  font-size: 0.941rem;
  font-weight: 700;
  line-height: normal !important;
  padding: 0.7em 1.4em !important;
  text-decoration: none !important;
  width: auto;
  font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif !important;
}
.marketing-platform-newsletter-form input[type=submit]:hover {
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2);
  color: #252525;
}
.marketing-platform-newsletter-form h3 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  padding-bottom: 20px !important;
  width: 100%;
  color: #1b1b1b;
  font-weight: 400 !important;
  font-size: 1.62em !important;
  line-height: 1.2em !important;
  font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
}
.marketing-platform-newsletter-form table {
  width: 100%;
}
.marketing-platform-newsletter-form a {
  color: #4f4f4f;
}

#sliding-popup {
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: flex-end;
  width: 100vw;
}

.sliding-popup-bottom {
  width: 100%;
}
.sliding-popup-bottom .eu-cookie-withdraw-tab {
  display: none;
}

.eu-cookie-compliance-banner {
  background-color: #fdc914;
}

.eu-cookie-compliance-message {
  float: none;
  max-width: none;
}
.eu-cookie-compliance-message p {
  font-size: 17px;
  line-height: 1.3em;
}
.eu-cookie-compliance-message p a {
  color: rgba(0, 0, 0, 0.7);
  text-decoration: underline;
}
.eu-cookie-compliance-message p a:hover {
  opacity: 0.7;
  color: #252525;
}

.eu-cookie-compliance-content {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: rgba(0, 0, 0, 0.7);
  width: 100%;
  max-width: 1280px;
  display: flex;
  padding: 30px 50px;
  align-items: flex-start;
}
.eu-cookie-compliance-content button {
  background: none;
  font-size: 0.8rem;
  border: 1px solid rgba(0, 0, 0, 0.7);
  opacity: 1;
  box-shadow: none;
  text-transform: none;
  white-space: nowrap;
  margin: 0.5rem 0 0 0;
}
.eu-cookie-compliance-content button:hover, .eu-cookie-compliance-content button:focus {
  color: rgba(0, 0, 0, 0.7);
  opacity: 0.7 !important;
}
.eu-cookie-compliance-content .buttons {
  margin-top: 1rem;
}

.eu-cookie-compliance-buttons {
  float: none;
  max-width: none;
}

.popup-content {
  -moz-column-gap: 40px;
       column-gap: 40px;
}

.visually-hidden {
  display: none !important;
}

.eu-cookie-compliance-banner input[type=checkbox] + label {
  margin-left: 0;
  margin-right: 10px;
  color: rgba(0, 0, 0, 0.7) !important;
  line-height: 1.875em !important;
  margin-left: 0;
  font-weight: 700 !important;
}

.eu-cookie-compliance-banner input[type=checkbox]:checked {
  position: relative;
}

.eu-cookie-compliance-banner input[type=checkbox]:checked::before {
  display: block;
  text-align: center;
  content: "";
  display: inline-block;
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../img/icons/yellow-checkmark.svg");
  width: 1em;
  height: 1.2em;
  left: 0.1em;
  top: 0.2em;
}

.eu-cookie-compliance-banner input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  min-height: 20px;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  border: 1px solid rgba(0, 0, 0, 0.7);
  outline: none;
  background-color: #fff;
  cursor: pointer;
  padding: 0;
}

.footer-section button.eu-cookie-withdraw-tab {
  display: block;
  position: relative;
  left: initial;
  right: initial;
  bottom: initial;
  margin: 0;
  padding: 0;
  transform: none;
  background-color: transparent;
  border: none;
  border-radius: 0;
  text-transform: uppercase;
  text-decoration: underline !important;
  color: #4f4f4f;
  font-weight: 400;
  margin-top: 0.5em;
}
.footer-section button.eu-cookie-withdraw-tab:hover, .footer-section button.eu-cookie-withdraw-tab:active, .footer-section button.eu-cookie-withdraw-tab:focus {
  box-shadow: none;
  background-color: transparent;
  color: #4f4f4f;
  opacity: 0.7;
}

#colormixeriframe {
  min-width: 100%;
  max-width: 100%;
  min-height: 654px;
  overflow-x: auto;
}

body.view-id-front_page .background-container,
body.node-type-start_page .background-container {
  display: none;
}

@media only screen and (max-width: 1700px) {
  .eu-cookie-compliance-content {
    flex-direction: column;
    align-items: inherit;
    width: 1380px;
    margin-left: auto;
    margin-right: auto;
  }

  .eu-cookie-compliance-message {
    max-width: 800px;
  }

  .eu-cookie-compliance-categories {
    margin-left: 0;
    margin-top: 20px;
    display: inline-grid;
  }

  .eu-cookie-compliance-categories-buttons {
    margin-top: 20px;
  }
  .eu-cookie-compliance-categories-buttons button {
    margin-left: 0 !important;
  }
}
@media only screen and (max-width: 1320px) {
  .center.center-largest {
    margin-left: 20px;
    margin-right: 20px;
    width: auto;
  }

  .main-menu {
    padding: 0 20px;
  }
  .main-menu .main-menu-right button,
.main-menu .main-menu-right a {
    font-size: 0.824rem;
  }
  .main-menu .tertiary-menu > *,
.main-menu nav li, .main-menu-right > * {
    margin-left: 30px;
  }
  .main-menu button.language-switch-toggle::before,
.main-menu nav[id*=webshop] a::before {
    display: none;
  }

  .site-name {
    height: 24px;
    width: 130px;
  }

  .eu-cookie-compliance-content {
    max-width: 100%;
    padding: 20px 20px !important;
  }
}
@media only screen and (min-width: 1280px) {
  .product-menu-toggle {
    display: none;
  }

  .product-menu nav {
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (max-width: 1280px) {
  .columns-4 > * {
    width: calc(33.3333333333% - 20px);
  }

  .columns-4 > *:nth-child(4n+1) {
    margin-left: 30px;
  }

  .columns-4 > *:nth-child(3n+1) {
    margin-left: 0;
  }

  .columns-4 > *:nth-child(-n+4) {
    margin-top: 30px;
  }

  .columns-4 > *:nth-child(-n+3) {
    margin-top: 0;
  }

  main > * {
    margin-top: 30px;
  }

  .hero {
    padding-top: 23%;
    padding-bottom: 23%;
    min-height: 300px;
    margin-top: 93px;
  }

  .hero.hero-primary.hero--video.hero-primary--small, .hero.hero-primary.hero--image.hero-primary--small, .hero.hero-primary.hero--media.hero-primary--small {
    max-height: 720px;
    max-width: 1280px;
    aspect-ratio: 16/9;
  }

  .center {
    width: 70%;
  }

  .columns-2 > * {
    width: 100%;
    margin-left: 0;
  }
  .columns-2 > *:nth-child(n+2) {
    margin-top: 30px;
  }

  .card:nth-child(n+2),
.file:nth-child(n+2),
.columns-2.list-spacing > *:nth-child(n+2) {
    margin-top: 30px;
  }

  .header-1,
.legible .header-1,
.legible h1 {
    font-size: 2.706em;
    line-height: 1.1em;
  }

  /*  .header-2,
   .legible .header-2,
   .legible h2 {
     font-size: 1.72em;
     line-height: 0.96em;
   } */
  /*   .header-3,
    .legible .header-3,
    .legible h3 {
      font-size: 1.294em;
      line-height: 1.3em;
    } */
  .content-section-inner p {
    font-size: 1.176em;
    line-height: 1.3em;
  }

  .legible {
    font-size: 0.95em;
    line-height: 1.6em;
  }

  .teaser-title,
.text-push h3 {
    font-size: 1.15rem;
  }

  .text-push p {
    font-size: 0.8em;
  }

  .one-third + .two-thirds,
.two-thirds + .one-third {
    margin-left: 0;
    margin-top: 30px;
  }

  .product-menu nav {
    display: none;
  }
}
@media only screen and (max-width: 1180px) {
  .cta-push .cta-push-content h3 {
    font-size: 17px;
  }

  .eu-cookie-compliance-content .eu-cookie-compliance-message p {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1120px) {
  .coworkers .views-exposed-form > * {
    width: calc(50% - 20px);
  }
  .coworkers .views-exposed-form > *:nth-child(n+5) {
    margin-top: 0;
  }
  .coworkers .views-exposed-form > *:nth-child(n+3) {
    margin-top: 20px;
  }

  .coworkers .views-exposed-form select {
    background-position: 95% 50%;
  }
}
@media only screen and (max-width: 1050px) {
  .columns-3 > * {
    width: calc(50% - 15px);
  }
  .columns-3 > *:nth-child(n+3) {
    margin-top: 30px;
  }

  .columns-3 > *:nth-child(n+2) {
    margin-left: 30px;
  }

  .columns-3 > *:nth-child(2n+1) {
    margin-left: 0;
  }

  .node-type-landing_page .columns-3 > * {
    width: calc(33.3333333333% - 30px);
    margin-left: 30px;
    margin-top: 30px;
  }
  .node-type-landing_page .columns-3 > *:nth-child(3n+1) {
    margin-left: 0;
  }
  .node-type-landing_page .columns-3 > *:nth-child(-n+3) {
    margin-top: 0;
  }

  .gallery-item-text {
    display: none;
  }
}
@media only screen and (max-height: 1020px) and (max-width: 990px) {
  body.node-type-landing_page .next-section,
body.node-type-landing_page .navigation-bullets {
    display: none;
  }
  body.node-type-landing_page main > *:nth-child(3) {
    padding-top: 274px;
  }

  body.node-type-landing_page .content-section {
    height: auto;
    padding-top: 100px;
    padding-bottom: 100px;
  }
  body.node-type-landing_page .content-section .content-section-inner {
    position: static;
    transform: none;
  }
}
@media only screen and (max-width: 990px) {
  .node-type-landing_page .columns-3 > * {
    width: 100%;
    margin-left: 0;
    margin-top: 0;
  }
  .node-type-landing_page .columns-3 > *:nth-child(n+2) {
    margin-top: 30px;
  }

  .main-menu .tertiary-menu {
    display: none;
    visibility: hidden;
  }
}
@media only screen and (max-width: 920px) {
  .columns-4 > * {
    width: calc(50% - 15px);
  }

  .columns-4 > *:nth-child(3n+1) {
    margin-left: 30px;
  }

  .columns-4 > *:nth-child(2n+1) {
    margin-left: 0;
  }

  .columns-4 > *:nth-child(-n+3) {
    margin-top: 30px;
  }

  .columns-4 > *:nth-child(-n+2) {
    margin-top: 0;
  }

  #swipebox-top-bar {
    bottom: 50px;
    padding-bottom: 20px;
    background: #917878;
  }
}
@media only screen and (max-width: 890px) {
  .center {
    width: 90%;
  }

  .center.legible,
.columns-2.center-large {
    width: auto;
    margin-left: 30px;
    margin-right: 30px;
  }

  .footer-sections {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .footer-sections > * {
    flex-basis: 100%;
    flex-grow: 0;
    flex-shrink: 1;
    border: 0;
  }
  .footer-sections > *:nth-child(n+2) {
    border-top: 1px solid #fff;
  }

  .mega-menu > * {
    padding: 0 20px;
  }

  .button.button-arrow, .footer-products .field-content a.button-arrow {
    font-size: 18px;
  }

  .header-1,
.legible .header-1,
.legible h1 {
    font-size: 2.4em;
  }

  .header-2,
.legible .header-2,
.legible h2 {
    font-size: 1.8em;
  }

  .header-3, .eu-cookie-compliance-message h2,
.legible .header-3,
.legible h3 {
    font-size: 1.3em;
  }

  .content-section-inner p {
    font-size: 1em;
  }

  /*   .legible {
      font-size: 0.882em;
    } */
  .footer-products a {
    font-size: 0.65rem;
  }

  .teaser-title,
.text-push h3 {
    font-size: 1.15rem;
  }

  .text-push p {
    font-size: 0.8em;
  }
}
@media only screen and (max-width: 750px) {
  .columns-6 > * {
    width: calc(25% - 22.5px);
  }

  .columns-6 > *:nth-child(-n+6) {
    margin-top: 30px;
  }

  .columns-6 > *:nth-child(6n+1) {
    margin-left: 30px;
  }

  .columns-6 > *:nth-child(4n+1) {
    margin-left: 0;
  }

  .columns-6 > *:nth-child(-n+4) {
    margin-top: 0;
  }

  .main-menu .primary-menu {
    display: none;
    visibility: hidden;
  }
}
@media only screen and (max-width: 730px) {
  .fieldset-wrapper > * {
    width: 100%;
  }
  .fieldset-wrapper > *:nth-child(-n+2) {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 720px) {
  #swipebox-top-bar {
    width: auto !important;
    padding: 10px;
    height: auto !important;
  }

  .coworkers .views-exposed-form > * {
    width: 100%;
  }
  .coworkers .views-exposed-form > *:nth-child(n+3) {
    margin-top: 0;
  }
  .coworkers .views-exposed-form > *:nth-child(n+2) {
    margin-top: 20px;
  }

  .coworkers .views-exposed-form select {
    background-position: 97% 50%;
  }

  .location .views-exposed-form .js-form-type-select {
    width: 100%;
  }
  .location .views-exposed-form input[type=submit] {
    width: 100%;
  }
}
@media only screen and (max-width: 690px) {
  .columns-3 > * {
    width: 100%;
  }

  .columns-3 > *:nth-child(n+2) {
    margin-left: 0;
    margin-top: 30px;
  }

  .divider-title > a {
    position: static;
    margin-top: 1em;
    display: block;
  }
  .divider-title > a::before, .divider-title > a::after {
    display: none;
  }

  div#sliding-popup .eu-cookie-compliance-banner .popup-content .eu-cookie-compliance-message {
    max-width: 100%;
  }
}
@media only screen and (max-width: 660px) {
  .pop-up {
    width: auto;
    transform: none;
    left: 20px;
    right: 20px;
    top: 50px;
    bottom: 0;
    transform: none;
    overflow-y: scroll;
  }
}
@media only screen and (max-width: 640px) {
  .contact-link {
    display: none;
  }

  .footer-contact-link {
    display: block;
  }
  .footer-contact-link .contact-link {
    display: block;
  }
}
@media only screen and (max-width: 620px) {
  .columns-4 {
    display: block;
  }

  .columns-4 > * {
    width: 100%;
    margin-left: 0 !important;
    margin-top: 30px !important;
    display: block;
  }
  .columns-4 > *:first-child {
    margin-top: 0 !important;
  }

  .hero.hero-primary.hero--video.hero-primary--small, .hero.hero-primary.hero--image.hero-primary--small, .hero.hero-primary.hero--media.hero-primary--small {
    max-height: 620px;
    max-width: 620px;
    aspect-ratio: 4/4;
  }
}
@media only screen and (max-width: 530px) {
  .content-section-inner p {
    font-size: 1em;
  }

  .header-1,
.legible .header-1,
.legible h1 {
    font-size: 2em;
    line-height: 1.4em;
  }

  .header-2,
.legible .header-2,
.legible h2 {
    font-size: 1.6em;
  }

  .header-3, .eu-cookie-compliance-message h2,
.legible .header-3,
.legible h3 {
    font-size: 1.2em;
  }

  .legible .ingress {
    font-size: 1.2em;
    line-height: 1.6em;
  }

  .section-padding {
    padding: 30px 0;
  }

  .additional-user-login-links {
    margin-left: 0;
    display: block;
  }
}
@media only screen and (max-width: 440px) {
  .columns-6 > * {
    width: calc(33.3333333333% - 20px);
  }

  .columns-6 > *:nth-child(-n+4) {
    margin-top: 30px;
  }

  .columns-6 > *:nth-child(4n+1) {
    margin-left: 30px;
  }

  .columns-6 > *:nth-child(3n+1) {
    margin-left: 0;
  }

  .columns-6 > *:nth-child(-n+3) {
    margin-top: 0;
  }

  .navigation-bullets {
    display: none;
  }

  .card {
    flex-wrap: wrap;
  }
  .card > * {
    width: 100%;
  }
  .card .card-intro {
    max-width: none;
    flex-grow: 1;
  }
  .card .card-content {
    margin-left: 0;
    margin-top: 1em;
  }
}
@media only screen and (max-width: 420px) {
  .center {
    width: auto;
    margin-left: 30px;
    margin-right: 30px;
  }

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

  .text-push {
    padding: 30px 20px;
  }

  #form {
    padding: 20px;
  }

  body.node-type-landing_page .content-section-inner {
    left: calc(50% - 30px);
  }

  select {
    background-position: 95% 50%;
  }
}
@media only screen and (max-width: 360px) {
  .masonry-3 {
    -moz-columns: 2;
         columns: 2;
  }
}
body.toolbar-vertical {
  padding-top: 109px !important;
}
body.toolbar-vertical.has-hero {
  padding-top: 39px !important;
}
body.toolbar-vertical .main-menu {
  top: 39px;
}
body.toolbar-vertical .mega-menu-wrapper {
  top: 109px;
}

@media only screen and (max-width: 600px) {
  :root.hide-main-menu body.toolbar-vertical .main-menu {
    top: 0;
  }
}
/**
*
* HORIZONTAL TOOLBAR
*
*/
body.toolbar-fixed.toolbar-horizontal {
  padding-top: 109px !important;
}
body.toolbar-fixed.toolbar-horizontal.has-hero {
  padding-top: 39px !important;
}
body.toolbar-fixed.toolbar-horizontal .main-menu {
  top: 39px;
}
body.toolbar-fixed.toolbar-horizontal .mega-menu-wrapper {
  top: 109px;
}

body.toolbar-fixed.toolbar-horizontal.toolbar-tray-open {
  padding-top: 149px !important;
}
body.toolbar-fixed.toolbar-horizontal.toolbar-tray-open.has-hero {
  padding-top: 79px !important;
}
body.toolbar-fixed.toolbar-horizontal.toolbar-tray-open .main-menu {
  top: 79px;
}
body.toolbar-fixed.toolbar-horizontal.toolbar-tray-open .mega-menu-wrapper {
  top: 149px;
}

/**
*
* VERTICAL TOOLBAR
*
*/
body.toolbar-fixed.toolbar-vertical {
  padding-top: 109px !important;
}
body.toolbar-fixed.toolbar-vertical.has-hero {
  padding-top: 39px !important;
}
body.toolbar-fixed.toolbar-vertical .main-menu {
  top: 39px;
}

@media only screen and (max-width: 263px) {
  body.toolbar-vertical {
    padding-top: 135px !important;
  }
  body.toolbar-vertical.has-hero {
    padding-top: 0px !important;
  }
  body.toolbar-vertical .main-menu {
    top: 117px;
  }
}