@charset "UTF-8";
/**
 * style.scss
 *
 * Author: Marian Friedmann
 *
 */
/**
 * basicss overrides
 *
 * any defaults in basicss/basicss/_settings.scss
 * may be overridden...
 *
 * e.g. $prototyping: true;
 */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2") format("woff2"), url("../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff") format("woff"), url("../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.ttf") format("truetype"), url("../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.svg#OpenSans") format("svg"); /* Legacy iOS */
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.woff2") format("woff2"), url("../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.woff") format("woff"), url("../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.ttf") format("truetype"), url("../fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/**
 * basicss import
 */
/**
 * basicss.scss
 *
 * Author: Marian Friedmann
 *
 */
/* ====================================================
   Reset, Defaults, Mixins
   ==================================================== */
/**
 * Reset, Default settings
 */
/**
 * _settings.scss
 *
 * Author: Marian Friedmann
 */
/**
 * Default objects
 */
/**
 * Default helper
 */
/**
 * Default fonts
 */
/**
 * Default font size
 */
/**
 * Default headings 
 */
/**
 *  Default spacing
 */
/**
 * Default breakpoints
 */
/**
 * Default constrains
 */
/**
 * Arrows
 */
/**
 * Global Variables 
 */
/**
 * Mixins
 */
/**
 * _media.scss
 *
 * Author: Marius Scheel
 *
 * Usage:
 * @include media(300px);
 * or @include media(300px, false);
 * or @include media(max-width 300px);
 * or @include media(100px max-width 300px);
 * or @include media(max-width 100px max-width 300px);
 * or @include media(max-width 100px max-width 300px, true);
 *
 */
/**
 * _hdpi.scss
 *
 * Author: Marius Scheel
 *
 * defaults to 1.3 to include Google Nexus 7
 * adapted from bourbon:
 * https://github.com/thoughtbot/bourbon/blob/master/app/assets/stylesheets/css3/_hidpi-media-query.scss
 * 
 * Usage:
 * @include hdpi {
 *  // your css for hdpi displays
 * };
 *
 * you can use a custom ratio, if you like:
 * @include hdpi(1.5) {
 *  // your css
 * };
 */
/**
 * _retina-image.scss
 *
 * Author: Marius Scheel
 *
 * Usage:
 * .hero {
 *  @include retina-image("../path/to/hero", 200px 400px);
 * }
 *
 * to use a specific filename:
 * .hero {
 *  @include retina-image("../path/to/hero", 200px 400px, "../path/to/retina-hero"); 
 * } 
 *
 * modified version of bourbon's retina-image mixin.
 * The mixin uses a @2x.png retina filename by default.
 * https://github.com/thoughtbot/bourbon/blob/master/app/assets/stylesheets/addons/_retina-image.scss
 */
/**
 * _font-size.scss
 *
 * Author: Marian Friedmann
 *
 */
/**
 * _px-to-rem.scss
 *
 * Author: Marian Friedmann
 *
 * Usage:
 * .element {
 *   @include px-to-rem(padding, 0 24px)
 * }
 *
 * Output:
 * .element {
 *   padding: 0 24px;
 *   padding: 0 1.5rem;
 * }
 *
 */
/**
 * _clearfix.scss
 *
 * Author: Marian Friedmann
 *
 * Usage:
 * .element {
 *   @include clearfix;
 * }
 *
 */
/**
 * _ellipsis.scss
 *
 * Author: Marian Friedmann
 *
 * ellipsis mixin 
 *
 */
/* ====================================================
   Base Styles
   ==================================================== */
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

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

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}

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

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

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

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

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

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

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

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

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

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

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

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * 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 Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
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;
}

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

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

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

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/**
 * _main.scss
 *
 * Author: Marian Friedmann
 *
 */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
}

/**
 * _baseline.scss
 *
 * Author: Marian Friedmann
 *
 */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6,
ul, ol, dl,
blockquote, p, address,
table,
fieldset, figure,
pre {
  margin: 0 0 20px;
  margin: 0 0 1.25rem;
}

ul, ol, dd {
  margin-left: 20px;
  margin-left: 1.25rem;
}

li > ul,
li > ol {
  margin-bottom: 0;
}

/**
 * _typo.scss
 *
 * Author: Marian Friedmann
 *
 */
html {
  font-family: "Open Sans", sans-serif;
  font-size: 1em;
  line-height: 1.5;
}

h1,
.heading-1 {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1.7142857143;
}

h2,
.heading-2 {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 1.3333333333;
}

h3,
.heading-3 {
  font-size: 32px;
  font-size: 2rem;
  line-height: 1.5;
}

h4,
.heading-4 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1;
}

h5,
.heading-5 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.3333333333;
}

h6,
.heading-6 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
}

/**
 * _links.scss
 *
 * Author: Marian Friedmann
 *
 */
a {
  color: #0074d9;
  text-decoration: none;
}

a:hover {
  color: rgb(0, 88.7373271889, 166);
  text-decoration: underline;
}

a:focus {
  outline: thin dotted;
}

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

/**
 * media-src.scss
 *
 * Author: Marian Friedmann
 *
 */
object,
embed,
video,
img {
  max-width: 100%;
  height: auto;
}

/**
 * text styles to offset alt text
 */
img {
  color: #c00;
}

/**
 * no fluid images, when width or height are set
 */
img[width],
img[height] {
  max-width: none;
}

/* ====================================================
   Objects
   ==================================================== */
/**
 * _grid.scss
 *
 * Author: Marian Friedmann
 *
 * Usage:
 * <div class="grid">
 *   <div class="grid__item  width--1of1  width-tab--1of3  width-desk--1of4">
 *       ...
 *   </div><!--
 *--><div class="grid__item  width--1of1  width-tab--2of3  width-desk--3of4">
 *     <div class="grid">
 *       <div class="grid__item  width--1of1  width-tab--1of2">
 *           ...
 *       </div><!--
 *    --><div class="grid__item  width--1of1  width-tab--1of2">
 *           ...
 *       </div>
 *     </div>
 *   </div>
 * </div>
 *
 * the example above combines the grid items with the widths from helper/_width.scss
 */
.grid {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -20px;
  margin-left: -1.25rem;
}

.grid__item {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  padding-left: 20px;
  padding-left: 1.25rem;
}

/**
 * Reverse the order of grid items
 */
.grid--reversed {
  direction: rtl;
  text-align: left;
}
.grid--reversed > .grid__item {
  direction: ltr;
  text-align: left;
}

/**
 * Grid items without gutters
 */
.grid--flush {
  margin-left: 0;
}
.grid--flush > .grid__item {
  padding-left: 0;
}

/**
 * Grid size variations
 */
.grid--small {
  margin-left: -10px;
  margin-left: -0.625rem;
}
.grid--small > .grid__item {
  padding-left: 10px;
  padding-left: 0.625rem;
}

.grid--large {
  margin-left: -40px;
  margin-left: -2.5rem;
}
.grid--large > .grid__item {
  padding-left: 40px;
  padding-left: 2.5rem;
}

/**
 * _media.scss
 *
 * displays image and text side by side
 *
 * Example markup:
 *
    <div class="media media--small">
      <div class="media__img"></div>
      <div class="media__body"></div>
    </div>
 *
 * use the `.media--rev` modifier to reverse the the image location and put it to the right
 * use the `.media--small` modifier, to decrease the gutter width between image and content
 *
 * for more information have a look at: 
 * stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code
 *
 */
.media:before, .media:after {
  content: " ";
  display: table;
}
.media:after {
  clear: both;
}
.media {
  /**
   * For IE 6/7 only
   * Include this rule to trigger hasLayout and contain floats.
   */
  *zoom: 1;
  display: block;
}

.media__img {
  float: left;
  margin-right: 20px;
  margin-right: 1.25rem;
}
.media__img > img {
  display: block;
}

.media__body {
  overflow: hidden;
}
.media__body,
.media__body > :last-child {
  margin-bottom: 0;
}

.media--rev > .media__img {
  float: right;
  margin-right: 0;
  margin-left: 20px;
  margin-left: 1.25rem;
}

.media--small .media__img {
  margin-right: 10px;
  margin-right: 0.625rem;
}
.media--small.media--rev > .media__img {
  margin-right: 0;
  margin-left: 10px;
  margin-left: 0.625rem;
}

/**
 * _icon.scss
 *
 * Author: Marian Friedmann
 *
 * Usage:
 * <i class="icon [icon--nav-toggle]"></i>
 *
 */
/**
 * Alle icons werden als .svg exportiert unter
 * /assets/images/icons abgelegt und von grunt-svgmin
 * und grunt-grunticon weiterverarbeitet.
 *
 * Output unter /assets/images/icons/grunticon
 */
.icon {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  display: inline-block;
}

/**
 * Beispiel für ein Icon
 *
 * .icon--mobile-nav-toggle {
 *   @include background-svg("../images/nav-toggle");
 * }
 */
/* ====================================================
   Helper Classes
   ==================================================== */
/**
 * _spacing.scss
 *
 * Author: Marian Friedmann
 *
 * Usage:
 * <div class="space--top  space-tab--top-double">
 *   ...
 * </div>
 *
 */
/**
 * Basic & spacing
 */
.space--top-none {
  margin-top: 0px !important;
  margin-top: 0rem !important;
}

.space--left-none {
  margin-left: 0px !important;
  margin-left: 0rem !important;
}

.space--right-none {
  margin-right: 0px !important;
  margin-right: 0rem !important;
}

.space--bottom-none {
  margin-bottom: 0px !important;
  margin-bottom: 0rem !important;
}

.space--top-quarter {
  margin-top: 5px !important;
  margin-top: 0.3125rem !important;
}

.space--left-quarter {
  margin-left: 5px !important;
  margin-left: 0.3125rem !important;
}

.space--right-quarter {
  margin-right: 5px !important;
  margin-right: 0.3125rem !important;
}

.space--bottom-quarter {
  margin-bottom: 5px !important;
  margin-bottom: 0.3125rem !important;
}

.space--top-third {
  margin-top: 6.6666666666px !important;
  margin-top: 0.4166666667rem !important;
}

.space--left-third {
  margin-left: 6.6666666666px !important;
  margin-left: 0.4166666667rem !important;
}

.space--right-third {
  margin-right: 6.6666666666px !important;
  margin-right: 0.4166666667rem !important;
}

.space--bottom-third {
  margin-bottom: 6.6666666666px !important;
  margin-bottom: 0.4166666667rem !important;
}

.space--top-half {
  margin-top: 10px !important;
  margin-top: 0.625rem !important;
}

.space--left-half {
  margin-left: 10px !important;
  margin-left: 0.625rem !important;
}

.space--right-half {
  margin-right: 10px !important;
  margin-right: 0.625rem !important;
}

.space--bottom-half {
  margin-bottom: 10px !important;
  margin-bottom: 0.625rem !important;
}

.space--top {
  margin-top: 20px !important;
  margin-top: 1.25rem !important;
}

.space--left {
  margin-left: 20px !important;
  margin-left: 1.25rem !important;
}

.space--right {
  margin-right: 20px !important;
  margin-right: 1.25rem !important;
}

.space--bottom {
  margin-bottom: 20px !important;
  margin-bottom: 1.25rem !important;
}

.space--top-double {
  margin-top: 40px !important;
  margin-top: 2.5rem !important;
}

.space--left-double {
  margin-left: 40px !important;
  margin-left: 2.5rem !important;
}

.space--right-double {
  margin-right: 40px !important;
  margin-right: 2.5rem !important;
}

.space--bottom-double {
  margin-bottom: 40px !important;
  margin-bottom: 2.5rem !important;
}

.space--top-triple {
  margin-top: 60px !important;
  margin-top: 3.75rem !important;
}

.space--left-triple {
  margin-left: 60px !important;
  margin-left: 3.75rem !important;
}

.space--right-triple {
  margin-right: 60px !important;
  margin-right: 3.75rem !important;
}

.space--bottom-triple {
  margin-bottom: 60px !important;
  margin-bottom: 3.75rem !important;
}

@media screen and (min-width: 481px) {
  .space-tab--top-none {
    margin-top: 0px !important;
    margin-top: 0rem !important;
  }
  .space-tab--left-none {
    margin-left: 0px !important;
    margin-left: 0rem !important;
  }
  .space-tab--right-none {
    margin-right: 0px !important;
    margin-right: 0rem !important;
  }
  .space-tab--bottom-none {
    margin-bottom: 0px !important;
    margin-bottom: 0rem !important;
  }
  .space-tab--top-quarter {
    margin-top: 5px !important;
    margin-top: 0.3125rem !important;
  }
  .space-tab--left-quarter {
    margin-left: 5px !important;
    margin-left: 0.3125rem !important;
  }
  .space-tab--right-quarter {
    margin-right: 5px !important;
    margin-right: 0.3125rem !important;
  }
  .space-tab--bottom-quarter {
    margin-bottom: 5px !important;
    margin-bottom: 0.3125rem !important;
  }
  .space-tab--top-third {
    margin-top: 6.6666666666px !important;
    margin-top: 0.4166666667rem !important;
  }
  .space-tab--left-third {
    margin-left: 6.6666666666px !important;
    margin-left: 0.4166666667rem !important;
  }
  .space-tab--right-third {
    margin-right: 6.6666666666px !important;
    margin-right: 0.4166666667rem !important;
  }
  .space-tab--bottom-third {
    margin-bottom: 6.6666666666px !important;
    margin-bottom: 0.4166666667rem !important;
  }
  .space-tab--top-half {
    margin-top: 10px !important;
    margin-top: 0.625rem !important;
  }
  .space-tab--left-half {
    margin-left: 10px !important;
    margin-left: 0.625rem !important;
  }
  .space-tab--right-half {
    margin-right: 10px !important;
    margin-right: 0.625rem !important;
  }
  .space-tab--bottom-half {
    margin-bottom: 10px !important;
    margin-bottom: 0.625rem !important;
  }
  .space-tab--top {
    margin-top: 20px !important;
    margin-top: 1.25rem !important;
  }
  .space-tab--left {
    margin-left: 20px !important;
    margin-left: 1.25rem !important;
  }
  .space-tab--right {
    margin-right: 20px !important;
    margin-right: 1.25rem !important;
  }
  .space-tab--bottom {
    margin-bottom: 20px !important;
    margin-bottom: 1.25rem !important;
  }
  .space-tab--top-double {
    margin-top: 40px !important;
    margin-top: 2.5rem !important;
  }
  .space-tab--left-double {
    margin-left: 40px !important;
    margin-left: 2.5rem !important;
  }
  .space-tab--right-double {
    margin-right: 40px !important;
    margin-right: 2.5rem !important;
  }
  .space-tab--bottom-double {
    margin-bottom: 40px !important;
    margin-bottom: 2.5rem !important;
  }
  .space-tab--top-triple {
    margin-top: 60px !important;
    margin-top: 3.75rem !important;
  }
  .space-tab--left-triple {
    margin-left: 60px !important;
    margin-left: 3.75rem !important;
  }
  .space-tab--right-triple {
    margin-right: 60px !important;
    margin-right: 3.75rem !important;
  }
  .space-tab--bottom-triple {
    margin-bottom: 60px !important;
    margin-bottom: 3.75rem !important;
  }
}
@media screen and (min-width: 721px) {
  .space-lap--top-none {
    margin-top: 0px !important;
    margin-top: 0rem !important;
  }
  .space-lap--left-none {
    margin-left: 0px !important;
    margin-left: 0rem !important;
  }
  .space-lap--right-none {
    margin-right: 0px !important;
    margin-right: 0rem !important;
  }
  .space-lap--bottom-none {
    margin-bottom: 0px !important;
    margin-bottom: 0rem !important;
  }
  .space-lap--top-quarter {
    margin-top: 5px !important;
    margin-top: 0.3125rem !important;
  }
  .space-lap--left-quarter {
    margin-left: 5px !important;
    margin-left: 0.3125rem !important;
  }
  .space-lap--right-quarter {
    margin-right: 5px !important;
    margin-right: 0.3125rem !important;
  }
  .space-lap--bottom-quarter {
    margin-bottom: 5px !important;
    margin-bottom: 0.3125rem !important;
  }
  .space-lap--top-third {
    margin-top: 6.6666666666px !important;
    margin-top: 0.4166666667rem !important;
  }
  .space-lap--left-third {
    margin-left: 6.6666666666px !important;
    margin-left: 0.4166666667rem !important;
  }
  .space-lap--right-third {
    margin-right: 6.6666666666px !important;
    margin-right: 0.4166666667rem !important;
  }
  .space-lap--bottom-third {
    margin-bottom: 6.6666666666px !important;
    margin-bottom: 0.4166666667rem !important;
  }
  .space-lap--top-half {
    margin-top: 10px !important;
    margin-top: 0.625rem !important;
  }
  .space-lap--left-half {
    margin-left: 10px !important;
    margin-left: 0.625rem !important;
  }
  .space-lap--right-half {
    margin-right: 10px !important;
    margin-right: 0.625rem !important;
  }
  .space-lap--bottom-half {
    margin-bottom: 10px !important;
    margin-bottom: 0.625rem !important;
  }
  .space-lap--top {
    margin-top: 20px !important;
    margin-top: 1.25rem !important;
  }
  .space-lap--left {
    margin-left: 20px !important;
    margin-left: 1.25rem !important;
  }
  .space-lap--right {
    margin-right: 20px !important;
    margin-right: 1.25rem !important;
  }
  .space-lap--bottom {
    margin-bottom: 20px !important;
    margin-bottom: 1.25rem !important;
  }
  .space-lap--top-double {
    margin-top: 40px !important;
    margin-top: 2.5rem !important;
  }
  .space-lap--left-double {
    margin-left: 40px !important;
    margin-left: 2.5rem !important;
  }
  .space-lap--right-double {
    margin-right: 40px !important;
    margin-right: 2.5rem !important;
  }
  .space-lap--bottom-double {
    margin-bottom: 40px !important;
    margin-bottom: 2.5rem !important;
  }
  .space-lap--top-triple {
    margin-top: 60px !important;
    margin-top: 3.75rem !important;
  }
  .space-lap--left-triple {
    margin-left: 60px !important;
    margin-left: 3.75rem !important;
  }
  .space-lap--right-triple {
    margin-right: 60px !important;
    margin-right: 3.75rem !important;
  }
  .space-lap--bottom-triple {
    margin-bottom: 60px !important;
    margin-bottom: 3.75rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .space-desk--top-none {
    margin-top: 0px !important;
    margin-top: 0rem !important;
  }
  .space-desk--left-none {
    margin-left: 0px !important;
    margin-left: 0rem !important;
  }
  .space-desk--right-none {
    margin-right: 0px !important;
    margin-right: 0rem !important;
  }
  .space-desk--bottom-none {
    margin-bottom: 0px !important;
    margin-bottom: 0rem !important;
  }
  .space-desk--top-quarter {
    margin-top: 5px !important;
    margin-top: 0.3125rem !important;
  }
  .space-desk--left-quarter {
    margin-left: 5px !important;
    margin-left: 0.3125rem !important;
  }
  .space-desk--right-quarter {
    margin-right: 5px !important;
    margin-right: 0.3125rem !important;
  }
  .space-desk--bottom-quarter {
    margin-bottom: 5px !important;
    margin-bottom: 0.3125rem !important;
  }
  .space-desk--top-third {
    margin-top: 6.6666666666px !important;
    margin-top: 0.4166666667rem !important;
  }
  .space-desk--left-third {
    margin-left: 6.6666666666px !important;
    margin-left: 0.4166666667rem !important;
  }
  .space-desk--right-third {
    margin-right: 6.6666666666px !important;
    margin-right: 0.4166666667rem !important;
  }
  .space-desk--bottom-third {
    margin-bottom: 6.6666666666px !important;
    margin-bottom: 0.4166666667rem !important;
  }
  .space-desk--top-half {
    margin-top: 10px !important;
    margin-top: 0.625rem !important;
  }
  .space-desk--left-half {
    margin-left: 10px !important;
    margin-left: 0.625rem !important;
  }
  .space-desk--right-half {
    margin-right: 10px !important;
    margin-right: 0.625rem !important;
  }
  .space-desk--bottom-half {
    margin-bottom: 10px !important;
    margin-bottom: 0.625rem !important;
  }
  .space-desk--top {
    margin-top: 20px !important;
    margin-top: 1.25rem !important;
  }
  .space-desk--left {
    margin-left: 20px !important;
    margin-left: 1.25rem !important;
  }
  .space-desk--right {
    margin-right: 20px !important;
    margin-right: 1.25rem !important;
  }
  .space-desk--bottom {
    margin-bottom: 20px !important;
    margin-bottom: 1.25rem !important;
  }
  .space-desk--top-double {
    margin-top: 40px !important;
    margin-top: 2.5rem !important;
  }
  .space-desk--left-double {
    margin-left: 40px !important;
    margin-left: 2.5rem !important;
  }
  .space-desk--right-double {
    margin-right: 40px !important;
    margin-right: 2.5rem !important;
  }
  .space-desk--bottom-double {
    margin-bottom: 40px !important;
    margin-bottom: 2.5rem !important;
  }
  .space-desk--top-triple {
    margin-top: 60px !important;
    margin-top: 3.75rem !important;
  }
  .space-desk--left-triple {
    margin-left: 60px !important;
    margin-left: 3.75rem !important;
  }
  .space-desk--right-triple {
    margin-right: 60px !important;
    margin-right: 3.75rem !important;
  }
  .space-desk--bottom-triple {
    margin-bottom: 60px !important;
    margin-bottom: 3.75rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .space-desk-wide--top-none {
    margin-top: 0px !important;
    margin-top: 0rem !important;
  }
  .space-desk-wide--left-none {
    margin-left: 0px !important;
    margin-left: 0rem !important;
  }
  .space-desk-wide--right-none {
    margin-right: 0px !important;
    margin-right: 0rem !important;
  }
  .space-desk-wide--bottom-none {
    margin-bottom: 0px !important;
    margin-bottom: 0rem !important;
  }
  .space-desk-wide--top-quarter {
    margin-top: 5px !important;
    margin-top: 0.3125rem !important;
  }
  .space-desk-wide--left-quarter {
    margin-left: 5px !important;
    margin-left: 0.3125rem !important;
  }
  .space-desk-wide--right-quarter {
    margin-right: 5px !important;
    margin-right: 0.3125rem !important;
  }
  .space-desk-wide--bottom-quarter {
    margin-bottom: 5px !important;
    margin-bottom: 0.3125rem !important;
  }
  .space-desk-wide--top-third {
    margin-top: 6.6666666666px !important;
    margin-top: 0.4166666667rem !important;
  }
  .space-desk-wide--left-third {
    margin-left: 6.6666666666px !important;
    margin-left: 0.4166666667rem !important;
  }
  .space-desk-wide--right-third {
    margin-right: 6.6666666666px !important;
    margin-right: 0.4166666667rem !important;
  }
  .space-desk-wide--bottom-third {
    margin-bottom: 6.6666666666px !important;
    margin-bottom: 0.4166666667rem !important;
  }
  .space-desk-wide--top-half {
    margin-top: 10px !important;
    margin-top: 0.625rem !important;
  }
  .space-desk-wide--left-half {
    margin-left: 10px !important;
    margin-left: 0.625rem !important;
  }
  .space-desk-wide--right-half {
    margin-right: 10px !important;
    margin-right: 0.625rem !important;
  }
  .space-desk-wide--bottom-half {
    margin-bottom: 10px !important;
    margin-bottom: 0.625rem !important;
  }
  .space-desk-wide--top {
    margin-top: 20px !important;
    margin-top: 1.25rem !important;
  }
  .space-desk-wide--left {
    margin-left: 20px !important;
    margin-left: 1.25rem !important;
  }
  .space-desk-wide--right {
    margin-right: 20px !important;
    margin-right: 1.25rem !important;
  }
  .space-desk-wide--bottom {
    margin-bottom: 20px !important;
    margin-bottom: 1.25rem !important;
  }
  .space-desk-wide--top-double {
    margin-top: 40px !important;
    margin-top: 2.5rem !important;
  }
  .space-desk-wide--left-double {
    margin-left: 40px !important;
    margin-left: 2.5rem !important;
  }
  .space-desk-wide--right-double {
    margin-right: 40px !important;
    margin-right: 2.5rem !important;
  }
  .space-desk-wide--bottom-double {
    margin-bottom: 40px !important;
    margin-bottom: 2.5rem !important;
  }
  .space-desk-wide--top-triple {
    margin-top: 60px !important;
    margin-top: 3.75rem !important;
  }
  .space-desk-wide--left-triple {
    margin-left: 60px !important;
    margin-left: 3.75rem !important;
  }
  .space-desk-wide--right-triple {
    margin-right: 60px !important;
    margin-right: 3.75rem !important;
  }
  .space-desk-wide--bottom-triple {
    margin-bottom: 60px !important;
    margin-bottom: 3.75rem !important;
  }
}
/**
 * _width.scss
 *
 * Author: Marian Friedmann
 *
 * Usage:
 * <div class="grid">
 *   <div class="grid__item  width--1of1  width-tab--1of3  width-desk--1of4">
 *     ...
 *   </div>
 *   <div class="grid__item  width--1of1  width-tab--2of3  width-desk--3of4">
 *     ...
 *   </div>
 * </div>
 *
 */
.width--0 {
  width: 0% !important;
  display: none;
}

.width--1of1,
.width--2of2,
.width--3of3,
.width--4of4,
.width--5of5,
.width--6of6 {
  width: 100% !important;
  display: inline-block;
}

.width--1of2,
.width--2of4,
.width--3of6,
.width--4of8,
.width--5of10,
.width--6of12 {
  width: 50% !important;
  display: inline-block;
}

.width--1of3,
.width--2of6,
.width--3of9,
.width--4of12 {
  width: 33.33333% !important;
  display: inline-block;
}

.width--2of3,
.width--4of6,
.width--6of9,
.width--8of12 {
  width: 66.66666% !important;
  display: inline-block;
}

.width--1of4,
.width--2of8,
.width--3of12 {
  width: 25% !important;
  display: inline-block;
}

.width--3of4,
.width--6of8,
.width--9of12 {
  width: 75% !important;
  display: inline-block;
}

.width--1of5,
.width--2of10 {
  width: 20% !important;
  display: inline-block;
}

.width--2of5,
.width--4of10 {
  width: 40% !important;
  display: inline-block;
}

.width--3of5,
.width--6of10 {
  width: 60% !important;
  display: inline-block;
}

.width--4of5,
.width--8of10 {
  width: 80% !important;
  display: inline-block;
}

.width--1of6,
.width--2of12 {
  width: 16.66666% !important;
  display: inline-block;
}

.width--5of6,
.width--10of12 {
  width: 83.33333% !important;
  display: inline-block;
}

.width--1of8 {
  width: 12.5% !important;
  display: inline-block;
}

.width--3of8 {
  width: 37.5% !important;
  display: inline-block;
}

.width--5of8 {
  width: 62.5% !important;
  display: inline-block;
}

.width--7of8 {
  width: 87.5% !important;
  display: inline-block;
}

.width--1of9 {
  width: 11.1111111% !important;
  display: inline-block;
}

.width--2of9 {
  width: 22.2222222% !important;
  display: inline-block;
}

.width--4of9 {
  width: 44.4444444% !important;
  display: inline-block;
}

.width--5of9 {
  width: 55.5555555% !important;
  display: inline-block;
}

.width--7of9 {
  width: 77.7777777% !important;
  display: inline-block;
}

.width--8of9 {
  width: 88.8888888% !important;
  display: inline-block;
}

.width--1of10 {
  width: 10% !important;
  display: inline-block;
}

.width--3of10 {
  width: 30% !important;
  display: inline-block;
}

.width--7of10 {
  width: 70% !important;
  display: inline-block;
}

.width--9of10 {
  width: 90% !important;
  display: inline-block;
}

.width--1of12 {
  width: 8.3333333% !important;
  display: inline-block;
}

.width--5of12 {
  width: 41.6666666% !important;
  display: inline-block;
}

.width--7of12 {
  width: 58.3333333% !important;
  display: inline-block;
}

.width--11of12 {
  width: 91.6666666% !important;
  display: inline-block;
}

@media screen and (min-width: 481px) {
  .width-tab--0 {
    width: 0% !important;
    display: none;
  }
  .width-tab--1of1,
  .width-tab--2of2,
  .width-tab--3of3,
  .width-tab--4of4,
  .width-tab--5of5,
  .width-tab--6of6 {
    width: 100% !important;
    display: inline-block;
  }
  .width-tab--1of2,
  .width-tab--2of4,
  .width-tab--3of6,
  .width-tab--4of8,
  .width-tab--5of10,
  .width-tab--6of12 {
    width: 50% !important;
    display: inline-block;
  }
  .width-tab--1of3,
  .width-tab--2of6,
  .width-tab--3of9,
  .width-tab--4of12 {
    width: 33.33333% !important;
    display: inline-block;
  }
  .width-tab--2of3,
  .width-tab--4of6,
  .width-tab--6of9,
  .width-tab--8of12 {
    width: 66.66666% !important;
    display: inline-block;
  }
  .width-tab--1of4,
  .width-tab--2of8,
  .width-tab--3of12 {
    width: 25% !important;
    display: inline-block;
  }
  .width-tab--3of4,
  .width-tab--6of8,
  .width-tab--9of12 {
    width: 75% !important;
    display: inline-block;
  }
  .width-tab--1of5,
  .width-tab--2of10 {
    width: 20% !important;
    display: inline-block;
  }
  .width-tab--2of5,
  .width-tab--4of10 {
    width: 40% !important;
    display: inline-block;
  }
  .width-tab--3of5,
  .width-tab--6of10 {
    width: 60% !important;
    display: inline-block;
  }
  .width-tab--4of5,
  .width-tab--8of10 {
    width: 80% !important;
    display: inline-block;
  }
  .width-tab--1of6,
  .width-tab--2of12 {
    width: 16.66666% !important;
    display: inline-block;
  }
  .width-tab--5of6,
  .width-tab--10of12 {
    width: 83.33333% !important;
    display: inline-block;
  }
  .width-tab--1of8 {
    width: 12.5% !important;
    display: inline-block;
  }
  .width-tab--3of8 {
    width: 37.5% !important;
    display: inline-block;
  }
  .width-tab--5of8 {
    width: 62.5% !important;
    display: inline-block;
  }
  .width-tab--7of8 {
    width: 87.5% !important;
    display: inline-block;
  }
  .width-tab--1of9 {
    width: 11.1111111% !important;
    display: inline-block;
  }
  .width-tab--2of9 {
    width: 22.2222222% !important;
    display: inline-block;
  }
  .width-tab--4of9 {
    width: 44.4444444% !important;
    display: inline-block;
  }
  .width-tab--5of9 {
    width: 55.5555555% !important;
    display: inline-block;
  }
  .width-tab--7of9 {
    width: 77.7777777% !important;
    display: inline-block;
  }
  .width-tab--8of9 {
    width: 88.8888888% !important;
    display: inline-block;
  }
  .width-tab--1of10 {
    width: 10% !important;
    display: inline-block;
  }
  .width-tab--3of10 {
    width: 30% !important;
    display: inline-block;
  }
  .width-tab--7of10 {
    width: 70% !important;
    display: inline-block;
  }
  .width-tab--9of10 {
    width: 90% !important;
    display: inline-block;
  }
  .width-tab--1of12 {
    width: 8.3333333% !important;
    display: inline-block;
  }
  .width-tab--5of12 {
    width: 41.6666666% !important;
    display: inline-block;
  }
  .width-tab--7of12 {
    width: 58.3333333% !important;
    display: inline-block;
  }
  .width-tab--11of12 {
    width: 91.6666666% !important;
    display: inline-block;
  }
}
@media screen and (min-width: 721px) {
  .width-lap--0 {
    width: 0% !important;
    display: none;
  }
  .width-lap--1of1,
  .width-lap--2of2,
  .width-lap--3of3,
  .width-lap--4of4,
  .width-lap--5of5,
  .width-lap--6of6 {
    width: 100% !important;
    display: inline-block;
  }
  .width-lap--1of2,
  .width-lap--2of4,
  .width-lap--3of6,
  .width-lap--4of8,
  .width-lap--5of10,
  .width-lap--6of12 {
    width: 50% !important;
    display: inline-block;
  }
  .width-lap--1of3,
  .width-lap--2of6,
  .width-lap--3of9,
  .width-lap--4of12 {
    width: 33.33333% !important;
    display: inline-block;
  }
  .width-lap--2of3,
  .width-lap--4of6,
  .width-lap--6of9,
  .width-lap--8of12 {
    width: 66.66666% !important;
    display: inline-block;
  }
  .width-lap--1of4,
  .width-lap--2of8,
  .width-lap--3of12 {
    width: 25% !important;
    display: inline-block;
  }
  .width-lap--3of4,
  .width-lap--6of8,
  .width-lap--9of12 {
    width: 75% !important;
    display: inline-block;
  }
  .width-lap--1of5,
  .width-lap--2of10 {
    width: 20% !important;
    display: inline-block;
  }
  .width-lap--2of5,
  .width-lap--4of10 {
    width: 40% !important;
    display: inline-block;
  }
  .width-lap--3of5,
  .width-lap--6of10 {
    width: 60% !important;
    display: inline-block;
  }
  .width-lap--4of5,
  .width-lap--8of10 {
    width: 80% !important;
    display: inline-block;
  }
  .width-lap--1of6,
  .width-lap--2of12 {
    width: 16.66666% !important;
    display: inline-block;
  }
  .width-lap--5of6,
  .width-lap--10of12 {
    width: 83.33333% !important;
    display: inline-block;
  }
  .width-lap--1of8 {
    width: 12.5% !important;
    display: inline-block;
  }
  .width-lap--3of8 {
    width: 37.5% !important;
    display: inline-block;
  }
  .width-lap--5of8 {
    width: 62.5% !important;
    display: inline-block;
  }
  .width-lap--7of8 {
    width: 87.5% !important;
    display: inline-block;
  }
  .width-lap--1of9 {
    width: 11.1111111% !important;
    display: inline-block;
  }
  .width-lap--2of9 {
    width: 22.2222222% !important;
    display: inline-block;
  }
  .width-lap--4of9 {
    width: 44.4444444% !important;
    display: inline-block;
  }
  .width-lap--5of9 {
    width: 55.5555555% !important;
    display: inline-block;
  }
  .width-lap--7of9 {
    width: 77.7777777% !important;
    display: inline-block;
  }
  .width-lap--8of9 {
    width: 88.8888888% !important;
    display: inline-block;
  }
  .width-lap--1of10 {
    width: 10% !important;
    display: inline-block;
  }
  .width-lap--3of10 {
    width: 30% !important;
    display: inline-block;
  }
  .width-lap--7of10 {
    width: 70% !important;
    display: inline-block;
  }
  .width-lap--9of10 {
    width: 90% !important;
    display: inline-block;
  }
  .width-lap--1of12 {
    width: 8.3333333% !important;
    display: inline-block;
  }
  .width-lap--5of12 {
    width: 41.6666666% !important;
    display: inline-block;
  }
  .width-lap--7of12 {
    width: 58.3333333% !important;
    display: inline-block;
  }
  .width-lap--11of12 {
    width: 91.6666666% !important;
    display: inline-block;
  }
}
@media screen and (min-width: 1024px) {
  .width-desk--0 {
    width: 0% !important;
    display: none;
  }
  .width-desk--1of1,
  .width-desk--2of2,
  .width-desk--3of3,
  .width-desk--4of4,
  .width-desk--5of5,
  .width-desk--6of6 {
    width: 100% !important;
    display: inline-block;
  }
  .width-desk--1of2,
  .width-desk--2of4,
  .width-desk--3of6,
  .width-desk--4of8,
  .width-desk--5of10,
  .width-desk--6of12 {
    width: 50% !important;
    display: inline-block;
  }
  .width-desk--1of3,
  .width-desk--2of6,
  .width-desk--3of9,
  .width-desk--4of12 {
    width: 33.33333% !important;
    display: inline-block;
  }
  .width-desk--2of3,
  .width-desk--4of6,
  .width-desk--6of9,
  .width-desk--8of12 {
    width: 66.66666% !important;
    display: inline-block;
  }
  .width-desk--1of4,
  .width-desk--2of8,
  .width-desk--3of12 {
    width: 25% !important;
    display: inline-block;
  }
  .width-desk--3of4,
  .width-desk--6of8,
  .width-desk--9of12 {
    width: 75% !important;
    display: inline-block;
  }
  .width-desk--1of5,
  .width-desk--2of10 {
    width: 20% !important;
    display: inline-block;
  }
  .width-desk--2of5,
  .width-desk--4of10 {
    width: 40% !important;
    display: inline-block;
  }
  .width-desk--3of5,
  .width-desk--6of10 {
    width: 60% !important;
    display: inline-block;
  }
  .width-desk--4of5,
  .width-desk--8of10 {
    width: 80% !important;
    display: inline-block;
  }
  .width-desk--1of6,
  .width-desk--2of12 {
    width: 16.66666% !important;
    display: inline-block;
  }
  .width-desk--5of6,
  .width-desk--10of12 {
    width: 83.33333% !important;
    display: inline-block;
  }
  .width-desk--1of8 {
    width: 12.5% !important;
    display: inline-block;
  }
  .width-desk--3of8 {
    width: 37.5% !important;
    display: inline-block;
  }
  .width-desk--5of8 {
    width: 62.5% !important;
    display: inline-block;
  }
  .width-desk--7of8 {
    width: 87.5% !important;
    display: inline-block;
  }
  .width-desk--1of9 {
    width: 11.1111111% !important;
    display: inline-block;
  }
  .width-desk--2of9 {
    width: 22.2222222% !important;
    display: inline-block;
  }
  .width-desk--4of9 {
    width: 44.4444444% !important;
    display: inline-block;
  }
  .width-desk--5of9 {
    width: 55.5555555% !important;
    display: inline-block;
  }
  .width-desk--7of9 {
    width: 77.7777777% !important;
    display: inline-block;
  }
  .width-desk--8of9 {
    width: 88.8888888% !important;
    display: inline-block;
  }
  .width-desk--1of10 {
    width: 10% !important;
    display: inline-block;
  }
  .width-desk--3of10 {
    width: 30% !important;
    display: inline-block;
  }
  .width-desk--7of10 {
    width: 70% !important;
    display: inline-block;
  }
  .width-desk--9of10 {
    width: 90% !important;
    display: inline-block;
  }
  .width-desk--1of12 {
    width: 8.3333333% !important;
    display: inline-block;
  }
  .width-desk--5of12 {
    width: 41.6666666% !important;
    display: inline-block;
  }
  .width-desk--7of12 {
    width: 58.3333333% !important;
    display: inline-block;
  }
  .width-desk--11of12 {
    width: 91.6666666% !important;
    display: inline-block;
  }
}
@media screen and (min-width: 1200px) {
  .width-desk-wide--0 {
    width: 0% !important;
    display: none;
  }
  .width-desk-wide--1of1,
  .width-desk-wide--2of2,
  .width-desk-wide--3of3,
  .width-desk-wide--4of4,
  .width-desk-wide--5of5,
  .width-desk-wide--6of6 {
    width: 100% !important;
    display: inline-block;
  }
  .width-desk-wide--1of2,
  .width-desk-wide--2of4,
  .width-desk-wide--3of6,
  .width-desk-wide--4of8,
  .width-desk-wide--5of10,
  .width-desk-wide--6of12 {
    width: 50% !important;
    display: inline-block;
  }
  .width-desk-wide--1of3,
  .width-desk-wide--2of6,
  .width-desk-wide--3of9,
  .width-desk-wide--4of12 {
    width: 33.33333% !important;
    display: inline-block;
  }
  .width-desk-wide--2of3,
  .width-desk-wide--4of6,
  .width-desk-wide--6of9,
  .width-desk-wide--8of12 {
    width: 66.66666% !important;
    display: inline-block;
  }
  .width-desk-wide--1of4,
  .width-desk-wide--2of8,
  .width-desk-wide--3of12 {
    width: 25% !important;
    display: inline-block;
  }
  .width-desk-wide--3of4,
  .width-desk-wide--6of8,
  .width-desk-wide--9of12 {
    width: 75% !important;
    display: inline-block;
  }
  .width-desk-wide--1of5,
  .width-desk-wide--2of10 {
    width: 20% !important;
    display: inline-block;
  }
  .width-desk-wide--2of5,
  .width-desk-wide--4of10 {
    width: 40% !important;
    display: inline-block;
  }
  .width-desk-wide--3of5,
  .width-desk-wide--6of10 {
    width: 60% !important;
    display: inline-block;
  }
  .width-desk-wide--4of5,
  .width-desk-wide--8of10 {
    width: 80% !important;
    display: inline-block;
  }
  .width-desk-wide--1of6,
  .width-desk-wide--2of12 {
    width: 16.66666% !important;
    display: inline-block;
  }
  .width-desk-wide--5of6,
  .width-desk-wide--10of12 {
    width: 83.33333% !important;
    display: inline-block;
  }
  .width-desk-wide--1of8 {
    width: 12.5% !important;
    display: inline-block;
  }
  .width-desk-wide--3of8 {
    width: 37.5% !important;
    display: inline-block;
  }
  .width-desk-wide--5of8 {
    width: 62.5% !important;
    display: inline-block;
  }
  .width-desk-wide--7of8 {
    width: 87.5% !important;
    display: inline-block;
  }
  .width-desk-wide--1of9 {
    width: 11.1111111% !important;
    display: inline-block;
  }
  .width-desk-wide--2of9 {
    width: 22.2222222% !important;
    display: inline-block;
  }
  .width-desk-wide--4of9 {
    width: 44.4444444% !important;
    display: inline-block;
  }
  .width-desk-wide--5of9 {
    width: 55.5555555% !important;
    display: inline-block;
  }
  .width-desk-wide--7of9 {
    width: 77.7777777% !important;
    display: inline-block;
  }
  .width-desk-wide--8of9 {
    width: 88.8888888% !important;
    display: inline-block;
  }
  .width-desk-wide--1of10 {
    width: 10% !important;
    display: inline-block;
  }
  .width-desk-wide--3of10 {
    width: 30% !important;
    display: inline-block;
  }
  .width-desk-wide--7of10 {
    width: 70% !important;
    display: inline-block;
  }
  .width-desk-wide--9of10 {
    width: 90% !important;
    display: inline-block;
  }
  .width-desk-wide--1of12 {
    width: 8.3333333% !important;
    display: inline-block;
  }
  .width-desk-wide--5of12 {
    width: 41.6666666% !important;
    display: inline-block;
  }
  .width-desk-wide--7of12 {
    width: 58.3333333% !important;
    display: inline-block;
  }
  .width-desk-wide--11of12 {
    width: 91.6666666% !important;
    display: inline-block;
  }
}
/**
 * _typo.scss
 *
 * Author: Marian Friedmann
 *
 * Alt Text Styles.
 *
 * ## alignment 
 * - text--left
 * - text--right
 * - text--center
 *
 * ## utilities 
 * - text--secondary
 * - text--inherit-color
 * - text--no-wrap
 * - text--large
 *
 * Usage:
 * <div class="text--large">
 *   <h1>Lorem Ipsum</h1>
 *   <p>Lorem ipsum</p>
 * </div>
 *
 */
/**
 * Inherit ancestor's text color
 */
.text--inherit-color {
  color: inherit !important;
}

/**
 * Prevent text from wrapping
 */
.text--no-wrap {
  white-space: nowrap !important;
}

/**
 * Display text in secondary font
 */
.text--secondary {
  font-family: "Open Sans", sans-serif !important;
}

/**
 * Display larger text
 */
.text--large {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.5;
}

.text--left {
  text-align: left;
}

.text--right {
  text-align: right;
}

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

@media screen and (min-width: 481px) {
  .text-tab--left {
    text-align: left;
  }
  .text-tab--right {
    text-align: right;
  }
  .text-tab--center {
    text-align: center;
  }
}
@media screen and (min-width: 721px) {
  .text-lap--left {
    text-align: left;
  }
  .text-lap--right {
    text-align: right;
  }
  .text-lap--center {
    text-align: center;
  }
}
@media screen and (min-width: 1024px) {
  .text-desk--left {
    text-align: left;
  }
  .text-desk--right {
    text-align: right;
  }
  .text-desk--center {
    text-align: center;
  }
}
@media screen and (min-width: 1200px) {
  .text-desk-wide--left {
    text-align: left;
  }
  .text-desk-wide--right {
    text-align: right;
  }
  .text-desk-wide--center {
    text-align: center;
  }
}
/**
 * _layout.scss
 *
 *
 */
.clearfix:before, .career-reader__form .widget:before, .clearfix:after, .career-reader__form .widget:after {
  content: " ";
  display: table;
}
.clearfix:after, .career-reader__form .widget:after {
  clear: both;
}
.clearfix, .career-reader__form .widget {
  /**
   * For IE 6/7 only
   * Include this rule to trigger hasLayout and contain floats.
   */
  *zoom: 1;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0A0A0B;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
          box-shadow: none;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
        transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
        transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    -ms-transform-origin: 100%;
        transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden; /* fix firefox animation glitch */
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
          animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut;
}

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

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item {
  /**
  	This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
  	calculation of the height of the owl-item that breaks page layouts
   */
}
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform 100ms ease;
  transition: -webkit-transform 100ms ease;
  transition: transform 100ms ease;
  transition: transform 100ms ease, -webkit-transform 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transform: scale(1.3, 1.3);
      -ms-transform: scale(1.3, 1.3);
          transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

/**
 * userstyle imports
 *
 * e.g. @import 'nav';
 */
.main {
  width: 100%;
  max-width: 1175px;
  height: auto;
  margin: 30px auto;
  padding: 0 15px;
}
@media screen and (min-width: 721px) {
  .main {
    padding: 0 30px;
  }
}
@media screen and (min-width: 1200px) {
  .main {
    padding: 0;
    margin: 100px auto;
  }
}

.invisible {
  opacity: 0;
  position: fixed;
  left: 0;
  top: 0;
  height: 0;
  width: 0;
}

img[width], img[height] {
  max-width: 100%;
}

@media screen and (min-width: 1024px) {
  .big-space-top {
    margin-top: 330px;
  }
}

.pic-link-zoom {
  display: block;
}
.pic-link-zoom-border {
  overflow: hidden;
  max-width: 268px;
  width: 100%;
  background: #000;
}
.pic-link-zoom img {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transform: scale(0.94);
      -ms-transform: scale(0.94);
          transform: scale(0.94);
  -webkit-transform-origin: bottom center;
      -ms-transform-origin: bottom center;
          transform-origin: bottom center;
}
.pic-link-zoom:hover img {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.mod_article {
  background-image: none !important;
  position: relative;
}
.mod_article:before {
  content: "";
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background-position: right center;
  background-size: auto 90%;
  z-index: -1;
}

.grid--bottom .grid__item {
  vertical-align: bottom;
}

.width-350 {
  width: 100%;
  max-width: 350px;
}

.width-570 {
  width: 100%;
  max-width: 570px;
}

.max-width-600 {
  width: 100%;
  max-width: 600px;
}

body.ie {
  -ms-overflow-x: hidden;
  overflow-x: hidden;
}

h1 {
  font-size: 28px;
  line-height: 34px;
  color: #0A0A0B;
  font-weight: normal;
}
@media screen and (min-width: 1024px) {
  h1 {
    font-size: 32px;
    line-height: 42px;
  }
}

h2 {
  color: #0A0A0B;
  font-size: 26px;
  line-height: 33px;
  font-weight: normal;
}
@media screen and (min-width: 1024px) {
  h2 {
    font-size: 28px;
    line-height: 36px;
  }
}

h3 {
  color: #0A0A0B;
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
}

.headline-black h1, .headline-black h2, .headline-black h3, .headline-black h4, .headline-black h5, .headline-black h6 {
  color: #0A0A0B;
}

.headline-no-space {
  margin: 0;
}
.headline-no-space h1, .headline-no-space h2, .headline-no-space h3, .headline-no-space h4, .headline-no-space h5, .headline-no-space h6 {
  margin: 0;
}

.ce_text h3 {
  margin: 0;
}

p {
  font-size: 14px;
}

ul, ol {
  margin: 0;
  margin-left: 15px;
}
ul li, ol li {
  font-size: 14px;
}

p a, span a {
  color: #666;
}
p a:hover, span a:hover {
  color: #9d9c9c;
  text-decoration: none;
}

.black-headline {
  color: #0A0A0B;
}

.no-bottom-space h2 {
  margin-bottom: 0;
}

.black-text p, .black-text h1, .black-text h2, .black-text h3, .black-text h4, .black-text h5, .black-text h6 {
  color: #0A0A0B !important;
}

.button-t1 {
  text-transform: uppercase;
  font-size: 12px;
  background-color: #0A0A0B;
  color: #ffffff;
  border: 1px solid #0A0A0B;
  padding: 11px 20px 11px 20px;
  display: inline-block;
  text-align: center;
  margin-bottom: 20px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  letter-spacing: 1.2px;
}
.button-t1 a {
  color: #ffffff;
  padding: 11px 20px 11px 20px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.button-t1 a:hover {
  color: #0A0A0B;
  text-decoration: none;
}
.button-t1:hover {
  text-decoration: none;
  color: #0A0A0B;
  background-color: #ffffff;
}

.button-100 {
  width: 100%;
}

.breakout {
  background: #0A0A0B top center no-repeat;
  color: #ffffff;
  overflow: hidden;
}
.breakout h1, .breakout h2, .breakout h3, .breakout h4, .breakout h5, .breakout h6 {
  color: #ffffff;
}

.breakout-strichband {
  position: relative;
  margin: 180px 0 80px 0;
}
.breakout-strichband:before, .breakout-strichband:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 33px;
  display: block;
  left: 0;
  top: -86px;
  background-image: url(/files/thomas-sabo/images/breakout-strichband.png);
  background-repeat: repeat;
}
@media screen and (min-width: 1024px) {
  .breakout-strichband:before, .breakout-strichband:after {
    height: 86px;
  }
}
.breakout-strichband:after {
  top: auto;
  bottom: -86px;
}

.navigation .language-switch {
  margin-top: 25px;
}
@media screen and (min-width: 721px) {
  .navigation .language-switch {
    position: absolute;
    right: 40px;
    top: 70px;
  }
}
@media screen and (min-width: 1024px) {
  .navigation .language-switch {
    display: none;
  }
}
.navigation .language-switch .level_1 {
  margin: 0;
  padding: 0;
  list-style: none;
}
.navigation .language-switch .level_1 li {
  display: inline-block;
  position: relative;
  font-size: 12px;
  padding: 0 6px 0 1px;
}
.navigation .language-switch .level_1 li:after {
  content: "";
  position: absolute;
  right: 0;
  top: 3px;
  width: 1px;
  height: 10px;
  background-color: #9d9c9c;
  display: block;
}
@media screen and (min-width: 721px) {
  .navigation .language-switch .level_1 li:after {
    background-color: #ffffff;
  }
}
.navigation .language-switch .level_1 li:last-child:after {
  display: none;
}
.navigation .language-switch .level_1 li span, .navigation .language-switch .level_1 li a {
  color: #9d9c9c;
}
@media screen and (min-width: 721px) {
  .navigation .language-switch .level_1 li span, .navigation .language-switch .level_1 li a {
    color: #ffffff;
  }
}

.navigation-secondary {
  margin-top: 50px;
}
@media screen and (min-width: 1024px) {
  .navigation-secondary {
    display: none;
  }
}
.navigation-secondary .level_1 {
  margin: 0;
  padding: 0;
  list-style: none;
}
.navigation-secondary .level_1 li {
  font-size: 12px;
  text-transform: uppercase;
}
.navigation-secondary .level_1 li a, .navigation-secondary .level_1 li span {
  color: #9d9c9c;
}

.header {
  width: 100%;
  height: 52px;
  position: fixed;
  left: 0;
  top: 0;
  background-color: #ffffff;
  padding: 14px 0 10px 0;
  z-index: 2;
}
@media screen and (min-width: 721px) {
  .header {
    height: 116px;
    padding: 30px 0;
  }
}
@media screen and (min-width: 1024px) {
  .header {
    height: 130px;
    padding: 47px 0 40px 0;
    position: relative;
  }
}
.header .icon--logo {
  background-size: contain;
}
.header__logo {
  margin: 0 auto;
  display: block;
  width: 150px;
  height: 30px;
}
@media screen and (min-width: 721px) {
  .header__logo {
    width: 260px;
    height: 48px;
  }
}
@media screen and (min-width: 1024px) {
  .header__logo {
    width: 345px;
    height: 73px;
    margin-bottom: 20px;
  }
}

header {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 52px;
  z-index: 2;
}
@media screen and (min-width: 1024px) {
  header {
    position: relative;
    height: auto;
  }
}

.burger {
  width: 16px;
  height: 14px;
  position: absolute;
  top: 20px;
  right: 42px;
  z-index: 30;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
@media screen and (min-width: 721px) {
  .burger {
    top: 40px;
    width: 26px;
    height: 24px;
  }
}
@media screen and (min-width: 1024px) {
  .burger {
    display: none;
  }
}
.burger span {
  background-color: #0A0A0B;
  display: block;
  width: 16px;
  height: 2px;
  position: absolute;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  top: 0;
  -webkit-box-shadow: 0 4px 0 0 #0A0A0B, 0 8px 0 0 #0A0A0B, 0 12px 0 0 #0A0A0B;
          box-shadow: 0 4px 0 0 #0A0A0B, 0 8px 0 0 #0A0A0B, 0 12px 0 0 #0A0A0B;
  -webkit-transition: top 0.2s 0.2s ease-in-out, margin 0.2s 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out, -webkit-box-shadow 0.2s 0.2s ease-in-out;
  transition: top 0.2s 0.2s ease-in-out, margin 0.2s 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out, -webkit-box-shadow 0.2s 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, top 0.2s 0.2s ease-in-out, box-shadow 0.2s 0.2s ease-in-out, margin 0.2s 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, top 0.2s 0.2s ease-in-out, box-shadow 0.2s 0.2s ease-in-out, margin 0.2s 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out, -webkit-box-shadow 0.2s 0.2s ease-in-out;
}
@media screen and (min-width: 721px) {
  .burger span {
    width: 26px;
    height: 3px;
    -webkit-box-shadow: 0 8px 0 0 #0A0A0B, 0 16px 0 0 #0A0A0B, 0 24px 0 0 #0A0A0B;
            box-shadow: 0 8px 0 0 #0A0A0B, 0 16px 0 0 #0A0A0B, 0 24px 0 0 #0A0A0B;
  }
}
.burger span:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #0A0A0B;
  top: 0;
  left: 0;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  display: block;
}

.navigation {
  width: 100%;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
  background: #ffffff;
  position: absolute;
  padding: 50px 20px 30px 20px;
  text-align: center;
}
@media screen and (min-width: 721px) {
  .navigation {
    top: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .navigation {
    text-align: center;
    padding: 26px 0 24px;
    margin: 0 auto;
    top: auto;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    position: relative;
  }
  .navigation:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #0A0A0B;
    max-width: 1175px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    top: 0;
  }
}

.mod_navigation .level_1 {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 50px;
}
@media screen and (min-width: 1024px) {
  .mod_navigation .level_1 {
    margin-top: 0;
  }
}
.mod_navigation .level_1 li {
  position: relative;
  font-size: 18px;
  text-transform: uppercase;
  line-height: 40px;
}
@media screen and (min-width: 1024px) {
  .mod_navigation .level_1 li {
    display: inline-block;
    text-transform: none;
    padding: 0 23px;
    line-height: 30px;
  }
  .mod_navigation .level_1 li:last-child:after {
    display: none;
  }
  .mod_navigation .level_1 li:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #9d9c9c;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .mod_navigation .level_1 li:after {
    background-color: #0A0A0B;
  }
}
.mod_navigation .level_1 li span {
  color: #0A0A0B;
}
@media screen and (min-width: 1024px) {
  .mod_navigation .level_1 li span {
    color: #0A0A0B;
  }
}
.mod_navigation .level_1 li a {
  color: #9d9c9c;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  padding: 10px 12px 8px 12px;
}
@media screen and (min-width: 1024px) {
  .mod_navigation .level_1 li a {
    color: #0A0A0B;
  }
}
.mod_navigation .level_1 li a:hover {
  text-decoration: none;
}
@media screen and (min-width: 1024px) {
  .mod_navigation .level_1 li a:hover {
    color: #0A0A0B;
    background-color: #ffffff;
  }
}
.mod_navigation .level_1 li a:hover:after {
  width: 70%;
}

.nav-active header .navigation {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.nav-active .burger span {
  -webkit-transition: top 0.2s ease-in-out, margin 0.2s ease-in-out, -webkit-transform 0.2s 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out;
  transition: top 0.2s ease-in-out, margin 0.2s ease-in-out, -webkit-transform 0.2s 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out;
  transition: transform 0.2s 0.2s ease-in-out, top 0.2s ease-in-out, box-shadow 0.2s ease-in-out, margin 0.2s ease-in-out;
  transition: transform 0.2s 0.2s ease-in-out, top 0.2s ease-in-out, box-shadow 0.2s ease-in-out, margin 0.2s ease-in-out, -webkit-transform 0.2s 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out;
  -webkit-box-shadow: 0 0 0 0 #0A0A0B, 0 0 0 0 #0A0A0B, 0 0 0 0 #0A0A0B;
          box-shadow: 0 0 0 0 #0A0A0B, 0 0 0 0 #0A0A0B, 0 0 0 0 #0A0A0B;
  top: 50%;
  margin-top: -1px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.nav-active .burger span:after {
  -webkit-transition: -webkit-transform 0.2s 0.2s ease-in-out;
  transition: -webkit-transform 0.2s 0.2s ease-in-out;
  transition: transform 0.2s 0.2s ease-in-out;
  transition: transform 0.2s 0.2s ease-in-out, -webkit-transform 0.2s 0.2s ease-in-out;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.hero {
  width: 100%;
  margin-top: 52px;
  overflow: hidden;
}
@media screen and (min-width: 721px) {
  .hero {
    margin-top: 116px;
  }
}
@media screen and (min-width: 1024px) {
  .hero {
    margin-top: 0;
  }
}
.hero__image {
  width: 100%;
  height: 450px;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 721px) {
  .hero__image {
    height: 450px;
  }
}
@media screen and (min-width: 1024px) {
  .hero__image {
    height: 700px;
  }
}
.hero__image img {
  color: #c00;
  position: absolute;
  height: 100%;
  width: auto;
  max-width: none;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.hero__inhalt {
  position: relative;
  background-color: #0A0A0B;
}
@media screen and (min-width: 721px) {
  .hero__inhalt {
    background-color: transparent;
  }
}
.hero__inhalt__content {
  color: #ffffff;
  left: 20px;
  font-family: "Open Sans", sans-serif;
  padding: 14px 45px 30px 14px;
}
@media screen and (min-width: 721px) {
  .hero__inhalt__content {
    padding: 0;
    right: 20%;
    left: auto;
    position: absolute;
    bottom: 15%;
  }
}
.hero__inhalt__content h1, .hero__inhalt__content p {
  color: #0A0A0B;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
}
.hero__inhalt__content h1 {
  margin-bottom: 0;
  font-weight: normal;
}
.hero__inhalt__content p {
  margin-top: 5px;
  line-height: 22px;
  margin-bottom: 8px;
  font-size: 18px;
}
@media screen and (min-width: 721px) {
  .hero__inhalt__content p {
    font-size: 24px;
    line-height: 28px;
  }
}
.hero__inhalt__content h1, .hero__inhalt__content h2, .hero__inhalt__content p {
  color: #0A0A0B;
  background-color: rgba(255, 255, 255, 0.7);
  padding: 10px;
  display: none;
}
.hero__inhalt__content--left {
  left: 20px;
}
@media screen and (min-width: 721px) {
  .hero__inhalt__content--left {
    right: auto;
    left: 20%;
  }
}
.hero__inhalt__content--bottom-center {
  top: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0;
  right: inherit;
  position: absolute;
  width: 100%;
  text-align: center;
  padding: 16px 20px;
}
.hero__inhalt__content--white h1, .hero__inhalt__content--white h2 {
  color: #fff;
}
.hero__inhalt__content__button {
  display: inline-block;
  background-color: #ffffff;
  color: #0A0A0B;
  font-size: 20px;
  line-height: 31px;
  padding: 17px 50px;
  margin-top: 12px;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.hero__inhalt__content__button:hover {
  background-color: #0A0A0B;
  color: #ffffff;
  text-decoration: none;
}
@media screen and (min-width: 721px) {
  .hero__inhalt__content__button:hover {
    background-color: #ffffff;
    color: #0A0A0B;
  }
}
.hero__inhalt__content__button--white {
  background-color: #ffffff;
  color: #0A0A0B;
}
.hero__inhalt__content__button--white:hover {
  background-color: #fef3dc;
  color: #e4c889;
}

.hero__slider {
  position: relative;
}
.hero__slider .owl-dots {
  position: absolute;
  bottom: 50px;
  width: 100%;
  text-align: center;
}
.hero__slider .owl-dots .owl-dot {
  width: 16px;
  height: 16px;
  display: inline-block;
  margin: 0 5px;
  vertical-align: middle;
  background: #0A0A0B;
}
.hero__slider .owl-dots .owl-dot.active {
  -webkit-box-shadow: 0 0 0 2px #ffffff;
          box-shadow: 0 0 0 2px #ffffff;
}

.profil-hero {
  position: relative;
}
.profil-hero__background {
  height: 450px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 721px) {
  .profil-hero__background {
    height: 900px;
  }
}
@media screen and (min-width: 1024px) {
  .profil-hero__background {
    height: 1000px;
  }
}
@media screen and (min-width: 1200px) {
  .profil-hero__background {
    height: 1170px;
  }
}
.profil-hero__background img {
  color: #c00;
  position: absolute;
  height: 100%;
  width: auto;
  max-width: none;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.profil-hero__inner {
  background-color: #0A0A0B;
  width: 100%;
  padding: 40px 50px 30px 50px;
}
@media screen and (min-width: 1024px) {
  .profil-hero__inner__wrap {
    position: absolute;
    width: 100%;
    max-width: 1150px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    height: 100%;
    top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .profil-hero__inner {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    max-width: 560px;
  }
  .profil-hero--left .profil-hero__inner {
    left: 0;
  }
  .profil-hero--right .profil-hero__inner {
    right: 0;
  }
}
.profil-hero__inner h1, .profil-hero__inner h2 {
  color: #ffffff;
  margin: 0;
}
.profil-hero__inner__content {
  margin-top: 20px;
}

.teaser-module {
  margin: 50px 15px;
}
@media screen and (min-width: 1024px) {
  .teaser-module {
    margin: 120px 15px;
  }
}
.teaser-module__item {
  margin: 0 auto;
  width: 100%;
}
.teaser-module__item p {
  color: #0A0A0B;
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
  text-align: center;
  margin: 10px 0 20px 0;
}
@media screen and (min-width: 721px) {
  .teaser-module__item p {
    margin: 20px 0 30px 0;
  }
}
@media screen and (min-width: 1024px) {
  .teaser-module__item p {
    margin: 30px 0 0;
  }
}
.teaser-module__item img {
  display: block;
  margin: 0 auto;
}

.footer {
  background: #0A0A0B;
  height: 65px;
}
.footer__inner {
  position: relative;
  height: 100%;
  width: 100%;
  max-width: 1175px;
  margin: 0 auto;
}
.footer__inner ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer__inner ul li {
  display: inline-block;
  position: relative;
  padding: 0 8px 0 3px;
}
.footer__inner ul li.active {
  color: #ffffff;
}
.footer__inner ul li:after {
  content: "";
  position: absolute;
  right: 0;
  top: 3px;
  width: 1px;
  height: 15px;
  background-color: #ffffff;
  display: block;
}
.footer__inner ul li:last-child:after {
  display: none;
}
.footer__inner ul li a {
  color: #ffffff;
}
.footer__inner .footer__links {
  padding-left: 20px;
  padding-top: 12px;
}
@media screen and (min-width: 1200px) {
  .footer__inner .footer__links {
    padding-left: 0;
  }
}
.footer__inner .footer__language {
  position: absolute;
  left: 20px;
  top: 34px;
}
@media screen and (min-width: 721px) {
  .footer__inner .footer__language {
    left: auto;
    right: 70px;
    top: 12px;
  }
}
.footer__inner .footer__scroll-top {
  background-color: #fff;
  width: 47px;
  height: 47px;
  border: 5px solid #0A0A0B;
  background-position: center center;
  position: absolute;
  right: 0;
  top: -28px;
  display: block;
  outline: none;
}

.map__intro {
  width: 100%;
  max-width: 1175px;
  margin: 0 auto;
  padding-top: 60px;
}
.map__intro__text {
  max-width: 500px;
  font-size: 14px;
  line-height: 19px;
}

.map {
  position: relative;
  padding: 50px 15px 100px 15px;
}
@media screen and (min-width: 1024px) {
  .map {
    padding: 270px 15px 170px 15px;
  }
}
.map__inner {
  max-width: 1519px;
  margin: 0 auto;
  position: relative;
}
.map__image {
  position: relative;
}
.map__image img {
  display: block;
}
.map__dots {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
@media screen and (min-width: 1024px) {
  .map__dots {
    display: none;
  }
}
.map__dots__item {
  height: 43px;
  width: 25px;
  position: absolute;
  -webkit-transform: translate(-50%, -100%);
      -ms-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
  cursor: pointer;
}
.map__dots__item:focus {
  outline: none;
}
.map__dots__item--1 {
  left: 27%;
  top: 31%;
}
.map__dots__item--2 {
  left: 47%;
  top: 29%;
}
.map__dots__item--3 {
  left: 52%;
  top: 80%;
}
.map__dots__item--4 {
  left: 56%;
  top: 35%;
}
.map__dots__item--5 {
  left: 76%;
  top: 40%;
}
.map__dots__item--active svg path {
  fill: #000;
}
@media screen and (min-width: 1024px) {
  .map__descriptions {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
.map__descriptions__item {
  display: none;
}
.map__descriptions__item h2 {
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 12px;
}
.map__descriptions__item p {
  margin: 0;
  font-size: 14px;
}
@media screen and (min-width: 1024px) {
  .map__descriptions__item {
    display: block;
    position: absolute;
  }
  .map__descriptions__item#amerika {
    text-align: right;
    width: 260px;
    -webkit-transform: translate(-100%, -100%);
        -ms-transform: translate(-100%, -100%);
            transform: translate(-100%, -100%);
    left: 27%;
    top: 31%;
    padding-bottom: 260px;
    border-right: 1px solid #FFF;
    padding-right: 10px;
  }
  .map__descriptions__item#europa {
    width: 390px;
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
    left: 47%;
    top: 29%;
    padding-bottom: 300px;
    border-left: 1px solid #FFF;
    padding-left: 10px;
  }
  .map__descriptions__item#naher-osten-suedwestasien {
    width: 290px;
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
    left: 56%;
    top: 35%;
    padding-bottom: 190px;
    border-left: 1px solid #FFF;
    padding-left: 10px;
  }
  .map__descriptions__item#afrika {
    width: 220px;
    left: 52%;
    top: 80%;
    padding-top: 110px;
    border-left: 1px solid #FFF;
    padding-left: 10px;
  }
  .map__descriptions__item#asien {
    width: 250px;
    left: 76%;
    top: 40%;
    padding-top: 370px;
    border-left: 1px solid #FFF;
    padding-left: 10px;
  }
}
.map__descriptions__item--active {
  display: block;
}

.laden-gallery__intro {
  width: 100%;
  max-width: 1175px;
  margin: 0 auto;
  margin-bottom: 50px;
  padding-top: 100px;
  padding-left: 20px;
}

.laden-gallery {
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 481px) {
  .laden-gallery .grid {
    width: 999999px;
  }
}
.laden-gallery__sidetext {
  width: 100%;
  max-width: 1150px;
  margin: 0 auto;
  text-align: right;
  display: block;
  color: #9d9c9c;
  margin-top: -10px;
  padding: 0 20px;
}
.laden-gallery__items {
  padding: 0 15px;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.laden-gallery__item {
  position: relative;
  text-align: center;
  margin: 0 0 34px;
  cursor: pointer;
}
.laden-gallery__item img {
  display: block;
}
.laden-gallery__item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(10, 10, 11, 0.7);
  border: 3px solid #fff;
  opacity: 0;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.laden-gallery__item__content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  width: 100%;
  opacity: 0;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.laden-gallery__item__content .laden-gallery__icon {
  width: 38px;
  height: 38px;
  border: 2px solid #9d9c9c;
  background-position: center center;
  margin: 0 auto;
  margin-top: 20px;
}
.laden-gallery__item__content .laden-gallery__icon a {
  display: none;
}
.laden-gallery__item__content h2 {
  font-size: 24px;
  margin-bottom: 12px;
}
.laden-gallery__item__content__text {
  font-size: 14px;
}
.laden-gallery__item--active:before {
  opacity: 1;
}
@media screen and (min-width: 1024px) {
  .laden-gallery__item--active:before {
    opacity: 0;
  }
}
.laden-gallery__item--active .laden-gallery__item__content {
  opacity: 1;
}
@media screen and (min-width: 1024px) {
  .laden-gallery__item--active .laden-gallery__item__content {
    opacity: 0;
  }
}
@media screen and (min-width: 1024px) {
  .laden-gallery__item:hover:before {
    opacity: 1;
  }
  .laden-gallery__item:hover .laden-gallery__item__content {
    opacity: 1;
  }
}
.laden-gallery__arrow, .std-slider .owl-prev,
.std-slider .owl-next {
  width: 60px;
  height: 125px;
  background-color: rgba(10, 10, 11, 0.8);
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: none;
  cursor: pointer;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.laden-gallery__arrow:hover, .std-slider .owl-prev:hover,
.std-slider .owl-next:hover {
  background-color: #0A0A0B;
}
@media screen and (min-width: 481px) {
  .laden-gallery__arrow, .std-slider .owl-prev,
  .std-slider .owl-next {
    display: block;
  }
}
@media screen and (min-width: 1024px) {
  .laden-gallery__arrow, .std-slider .owl-prev,
  .std-slider .owl-next {
    width: 120px;
    height: 250px;
  }
}
.laden-gallery__arrow--prev, .std-slider .owl-prev {
  left: 0;
}
.laden-gallery__arrow--next, .std-slider .owl-next {
  right: 0;
}
.laden-gallery__arrow:focus, .std-slider .owl-prev:focus,
.std-slider .owl-next:focus {
  outline: none;
}
.laden-gallery__arrow .icon--gallery-next, .std-slider .owl-prev .icon--gallery-next,
.std-slider .owl-next .icon--gallery-next, .laden-gallery__arrow .icon--gallery-prev, .std-slider .owl-prev .icon--gallery-prev,
.std-slider .owl-next .icon--gallery-prev {
  width: 17px;
  height: 52px;
  display: none;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
@media screen and (min-width: 481px) {
  .laden-gallery__arrow .icon--gallery-next, .std-slider .owl-prev .icon--gallery-next,
  .std-slider .owl-next .icon--gallery-next, .laden-gallery__arrow .icon--gallery-prev, .std-slider .owl-prev .icon--gallery-prev,
  .std-slider .owl-next .icon--gallery-prev {
    display: block;
  }
}
@media screen and (min-width: 1024px) {
  .laden-gallery__arrow .icon--gallery-next, .std-slider .owl-prev .icon--gallery-next,
  .std-slider .owl-next .icon--gallery-next, .laden-gallery__arrow .icon--gallery-prev, .std-slider .owl-prev .icon--gallery-prev,
  .std-slider .owl-next .icon--gallery-prev {
    width: 34px;
    height: 104px;
  }
}

@media screen and (min-width: 481px) {
  .width--slider {
    width: 575px;
  }
}

.mfp-content {
  position: relative;
}
.mfp-content .mfp-counter {
  display: none;
}
.mfp-content .mfp-close {
  position: absolute;
  bottom: 0;
  display: block;
  top: auto;
  color: #ffffff;
  font-weight: normal;
  font-family: "Open Sans", sans-serif;
  font-size: 26px;
}
.mfp-content .mfp-close:after {
  content: "schließen";
  position: absolute;
  right: 25px;
  top: 0;
  font-size: 14px;
  color: #ffffff;
  font-weight: normal;
  font-family: "Open Sans", sans-serif;
}

.big-form label {
  font-size: 22px;
  color: #9d9c9c;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
}
.big-form legend {
  font-size: 22px;
  font-family: "Open Sans", sans-serif;
}
.big-form .widget-radio fieldset {
  border: none;
  -webkit-appearance: none;
}
.big-form .widget-radio fieldset legend {
  color: #9d9c9c;
  text-transform: uppercase;
  margin-bottom: 20px;
  display: inline-block;
}
.big-form .widget-radio fieldset span {
  display: inline-block;
}
.big-form .widget-radio fieldset label {
  color: #9d9c9c;
}
.big-form .widget-radio fieldset input {
  display: none;
}
.big-form .widget-radio fieldset .checked label {
  color: #0A0A0B;
}
.big-form #lbl_1_0 {
  margin-left: 70px;
  padding-right: 40px;
  position: relative;
}
.big-form #lbl_1_0:after {
  content: "\e60d\e60e";
  color: #0A0A0B;
  position: absolute;
  right: 10px;
}
.big-form .widget-checkbox fieldset {
  border: none;
  -webkit-appearance: none;
}
.big-form .widget-checkbox fieldset legend {
  font-size: 18px;
  color: #9d9c9c;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.big-form .widget-checkbox fieldset label {
  margin-top: -25px;
}
.big-form .widget-checkbox fieldset span {
  display: block;
  position: relative;
  margin-bottom: 20px;
}
.big-form .widget-checkbox fieldset span .checker {
  position: relative;
  border: 3px solid #0A0A0B;
  width: 23px;
  height: 24px;
}
.big-form .widget-checkbox fieldset span .checker span {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.big-form .widget-checkbox fieldset span .checker .checked {
  position: relative;
  background-image: none;
}
.big-form .widget-checkbox fieldset span .checker .checked:before {
  content: "";
  position: absolute;
  right: -10px;
  top: -5px;
  width: 26px;
  height: 21px;
  background-size: contain;
  display: block;
}
.big-form .widget-checkbox fieldset span .checker input {
  -webkit-appearance: none;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
}
.big-form .widget-checkbox fieldset span label {
  padding-left: 80px;
  display: block;
  font-size: 14px;
  color: #0A0A0B;
  text-transform: none;
}
.big-form .widget-headline {
  padding-left: 148px;
  font-size: 12px;
  color: #9d9c9c;
}
.big-form .widget-upload {
  margin: 50px 0;
}
.big-form .widget-upload input {
  background-color: #0A0A0B;
  height: 180px;
  width: 100%;
}
.big-form .widget-text,
.big-form .widget-password {
  position: relative;
}
.big-form .widget-text label .mandatory,
.big-form .widget-password label .mandatory {
  position: absolute;
  right: 0;
}
.big-form .widget-text input,
.big-form .widget-password input {
  border: none;
  border-bottom: 2px solid #9d9c9c;
  -webkit-appearance: none;
  position: absolute;
  right: 10px;
  width: 100%;
  max-width: 220px;
}
.big-form .widget-text input:focus,
.big-form .widget-password input:focus {
  outline: none;
}
.big-form .widget-text .input-mail,
.big-form .widget-password .input-mail {
  margin-bottom: 40px;
}
.big-form .widget-text .input-mail input,
.big-form .widget-password .input-mail input {
  position: relative;
}
.big-form .widget-text .input-mail input:after,
.big-form .widget-password .input-mail input:after {
  content: "Die hier angegebene E-Mail-Adresse wird als Korrespondenz-E-Mail und als Login verwendet.";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 300px;
  height: 40px;
}

.career-list__filter-descriptions {
  font-size: 18px;
  color: #9d9c9c;
  font-weight: bold;
  text-transform: uppercase;
}
@media screen and (min-width: 1024px) {
  .career-list__filter-descriptions {
    font-size: 24px;
  }
}

.selector {
  position: relative;
  color: #0A0A0B;
  font-size: 18px;
  text-transform: uppercase;
  display: inline;
  background-image: none !important;
  padding-right: 24px;
  font-family: "Open Sans", sans-serif;
}
@media screen and (min-width: 1024px) {
  .selector {
    font-size: 24px;
  }
}
.selector:before {
  content: "";
  position: absolute;
  right: 0;
  top: 1px;
  width: 17px;
  height: 12px;
  background-size: contain;
  display: block;
}
@media screen and (min-width: 1024px) {
  .selector:before {
    top: 3px;
  }
}
.selector select {
  -webkit-appearance: none;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 100%;
  width: 100%;
  opacity: 0;
}

.switchable-double-grid {
  margin: 100px 0;
}
.switchable-double-grid__image {
  width: 100%;
  max-width: 560px;
  height: 300px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
}
@media screen and (min-width: 721px) {
  .switchable-double-grid__image {
    height: 370px;
  }
}

.switchable-double-grid-type2__item {
  margin-top: 90px;
}
.switchable-double-grid-type2__image {
  width: 100%;
  max-width: 750px;
  height: 370px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.switchable-double-grid__video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
}
.switchable-double-grid__video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 1024px) {
  .profile-double-grid .grid--reversed h2 {
    margin-top: 50px;
  }
}
.profile-double-grid .grid--reversed img {
  margin-top: 80px;
}
@media screen and (min-width: 1024px) {
  .profile-double-grid .grid--reversed img {
    margin-top: -100px;
  }
}

.special-grid {
  margin-top: 260px;
}
.special-grid__right-image {
  margin-top: -160px;
}
@media screen and (min-width: 1024px) {
  .special-grid__headline--main {
    margin-bottom: 150px;
  }
}
.special-grid--text-right-bottom {
  margin-top: 160px;
  margin-bottom: 100px;
}
.special-grid__right--bottom img {
  margin: 0 auto;
  display: block;
}

.special-grid-type-2 {
  margin-top: 100px;
}
@media screen and (min-width: 1024px) {
  .special-grid-type-2 {
    margin: 0;
  }
}
.special-grid-type-2-image--right {
  margin-top: 50px;
}
@media screen and (min-width: 1024px) {
  .special-grid-type-2-image--right {
    margin-top: 0;
  }
}

.breakout__inner-wrapper {
  width: 100%;
  max-width: 1175px;
  margin: 0 auto;
  padding: 100px 15px;
}
@media screen and (min-width: 721px) {
  .breakout__inner-wrapper {
    padding: 100px 30px;
  }
}

.fadein-content {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 120.9742895805%;
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .fadein-content {
    margin-top: -130px;
  }
  .fadein-content.fadein-content--watches {
    margin-top: 60px;
  }
}
.fadein-content--watches {
  padding-bottom: 49.4908350305%;
}
.fadein-content__item {
  position: absolute;
  top: 0;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}
.fadein-content--watches .fadein-content__item {
  bottom: 0;
  top: auto;
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
  opacity: 0;
}
.fadein-content--active .fadein-content__item {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.fadein-content--active.fadein-content--watches .fadein-content__item {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}
.fadein-content__item--1 {
  width: 23.4100135318%;
  height: 52.5727069351%;
  left: 0.1353179973%;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.fadein-content--watches .fadein-content__item--1 {
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  width: 22.7087576375%;
  height: 89.9176954733%;
  left: 0%;
  z-index: 1;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.fadein-content--watches.fadein-content--active .fadein-content__item--1 {
  -webkit-transition: 1s 1s ease-in-out;
  transition: 1s 1s ease-in-out;
}
.fadein-content__item--2 {
  width: 17.9972936401%;
  height: 95.4138702461%;
  left: 13.802435724%;
  -webkit-transition: 0.2s 0.3s ease-in-out;
  transition: 0.2s 0.3s ease-in-out;
}
.fadein-content--watches .fadein-content__item--2 {
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  width: 25.967413442%;
  height: 91.5637860082%;
  left: 16.4969450102%;
  z-index: 2;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.fadein-content--watches.fadein-content--active .fadein-content__item--2 {
  -webkit-transition: 1s 0.5s ease-in-out;
  transition: 1s 0.5s ease-in-out;
}
.fadein-content__item--3 {
  width: 25.1691474966%;
  height: 73.937360179%;
  left: 23.951285521%;
  -webkit-transition: 0.4s 0.3s ease-in-out;
  transition: 0.4s 0.3s ease-in-out;
}
.fadein-content--watches .fadein-content__item--3 {
  width: 28.9205702648%;
  height: 99.3827160494%;
  left: 35.3360488798%;
  z-index: 3;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.fadein-content--watches.fadein-content--active .fadein-content__item--3 {
  -webkit-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
}
.fadein-content__item--4 {
  width: 23.6806495264%;
  height: 36.2416107383%;
  left: 36.400541272%;
  -webkit-transition: 0.6s 0.3s ease-in-out;
  transition: 0.6s 0.3s ease-in-out;
}
.fadein-content--watches .fadein-content__item--4 {
  -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
          transform-origin: right center;
  width: 25.967413442%;
  height: 91.5637860082%;
  left: 56.4154786151%;
  z-index: 2;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.fadein-content--watches.fadein-content--active .fadein-content__item--4 {
  -webkit-transition: 1s 0.5s ease-in-out;
  transition: 1s 0.5s ease-in-out;
}
.fadein-content__item--5 {
  width: 23.4100135318%;
  height: 60.2908277405%;
  left: 55.2097428958%;
  -webkit-transition: 0.8s 0.3s ease-in-out;
  transition: 0.8s 0.3s ease-in-out;
}
.fadein-content--watches .fadein-content__item--5 {
  -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
          transform-origin: right center;
  width: 22.7087576375%;
  height: 89.9176954733%;
  left: 77.1894093686%;
  z-index: 1;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.fadein-content--watches.fadein-content--active .fadein-content__item--5 {
  -webkit-transition: 1s 1s ease-in-out;
  transition: 1s 1s ease-in-out;
}
.fadein-content__item--6 {
  width: 25.3044654939%;
  height: 84.6756152125%;
  left: 64.2760487145%;
  -webkit-transition: 1s 0.3s ease-in-out;
  transition: 1s 0.3s ease-in-out;
}
.fadein-content__item--7 {
  width: 24.7631935047%;
  height: 40.4921700224%;
  left: 73.0717185386%;
  -webkit-transition: 1.2s 0.3s ease-in-out;
  transition: 1.2s 0.3s ease-in-out;
}
.fadein-content__wrapper {
  display: block;
  position: relative;
}

.career-map {
  width: 100%;
  height: 0;
  padding-bottom: 47.476635514%;
  background-size: cover;
  background-position: center;
  position: relative;
  margin: 50px 0;
}
@media screen and (min-width: 1024px) {
  .career-map {
    margin: 70px 0;
  }
}
.career-map__wrapper {
  margin: 90px 0;
}
.career-map__item {
  width: 22px;
  height: 38px;
  display: block;
  position: absolute;
  -webkit-transform: translate(-50%, -100%);
      -ms-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
  color: #0A0A0B;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.career-map__item--de {
  left: 51%;
  top: 34%;
}
.career-map__item--es {
  left: 47.5%;
  top: 40%;
}
.career-map__item--gb {
  left: 48%;
  top: 31%;
}
.career-map__item--ie {
  left: 46.2%;
  top: 31.5%;
}
.career-map__item--fr {
  left: 49.6%;
  top: 36%;
}
.career-map__item--ch {
  left: 50.6%;
  top: 36.8%;
}
.career-map__item span {
  width: 40px;
  height: 40px;
  background: #ffffff;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  display: block;
  position: absolute;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.35);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.35);
  line-height: 42px;
  text-align: center;
  top: -25px;
  right: -27px;
  color: #0A0A0B;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
@media screen and (min-width: 1024px) {
  .career-map__item:hover {
    margin-top: -5px;
  }
}
.career-map__item:hover span {
  background: #0A0A0B;
  color: #ffffff;
}

.career-reader__content iframe {
  width: 100%;
  height: 1700px;
}
@media screen and (min-width: 481px) {
  .career-reader__content iframe {
    height: 1460px;
  }
}
@media screen and (min-width: 721px) {
  .career-reader__content iframe {
    height: 1130px;
  }
}
@media screen and (min-width: 1200px) {
  .career-reader__content iframe {
    height: 1100px;
  }
}
.career-reader__form {
  max-width: 520px;
  margin: 0 auto;
}
.career-reader__form .widget {
  display: block;
  margin-bottom: 12px;
  line-height: 28px;
}
.career-reader__form .widget label, .career-reader__form .widget legend {
  font-size: 22px;
  font-family: "Open Sans", sans-serif;
  color: #9d9c9c;
  text-transform: uppercase;
  -webkit-appearance: none;
}
@media screen and (min-width: 481px) {
  .career-reader__form .widget label, .career-reader__form .widget legend {
    width: 145px;
    float: left;
  }
}
.career-reader__form .widget label span.mandatory, .career-reader__form .widget legend span.mandatory {
  display: none;
}
.career-reader__form .widget fieldset {
  border: none;
  margin: 0;
}
.career-reader__form .widget-radio fieldset {
  border: none;
  -webkit-appearance: none;
}
.career-reader__form .widget-radio span {
  display: inline-block;
}
.career-reader__form .widget-radio span.checked label {
  color: #0A0A0B;
}
.career-reader__form .widget-radio span label {
  float: none;
  cursor: pointer;
}
.career-reader__form .widget-radio span input {
  display: none;
}
.career-reader__form .widget-radio span:after {
  content: "\e60d\e60e";
  color: #0A0A0B;
  font-size: 24px;
  margin: 0 15px;
}
.career-reader__form .widget-radio span:last-child:after {
  display: none;
}
.career-reader__form .widget-text {
  position: relative;
}
.career-reader__form .widget-text input {
  display: block;
  border: none;
  border-bottom: 2px solid #9d9c9c;
  -webkit-appearance: none;
  width: 100%;
}
.career-reader__form .widget-text input:focus {
  outline: none;
}
@media screen and (min-width: 481px) {
  .career-reader__form .widget-text input {
    float: left;
    width: -webkit-calc(100% - 145px);
    width: calc(100% - 145px);
  }
}
.career-reader__form .widget-text.mandatory:before {
  content: "*";
  font-size: 22px;
  font-family: "Open Sans", sans-serif;
  color: #9d9c9c;
  position: absolute;
  top: 0;
  right: 0;
}
.career-reader__form .widget-headline {
  width: 100%;
  width: -webkit-calc(100% - 145px);
  width: calc(100% - 145px);
  margin-left: auto;
  font-size: 14px;
  color: #9d9c9c;
  line-height: 20px;
}
.career-reader__form .widget-upload {
  margin-top: 50px;
  margin-bottom: 55px;
}
.career-reader__form .widget-upload label {
  width: 100%;
  margin-bottom: 20px;
}
.career-reader__form .widget-upload .uploader {
  background: #000;
  color: #FFF;
  clear: both;
  height: 200px;
  background-position: 30px center;
  position: relative;
  cursor: pointer;
  padding-left: 100px;
  overflow: hidden;
}
@media screen and (min-width: 721px) {
  .career-reader__form .widget-upload .uploader {
    padding-left: 120px;
    background-position: 40px center;
    height: 180px;
  }
}
.career-reader__form .widget-upload .uploader input {
  -webkit-appearance: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.career-reader__form .widget-upload .uploader .filename {
  display: block;
  font-size: 24px;
  text-transform: uppercase;
  margin-top: 30px;
  width: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 50px;
}
@media screen and (min-width: 721px) {
  .career-reader__form .widget-upload .uploader .filename {
    margin-top: 50px;
  }
}
.career-reader__form .widget-upload .uploader .action {
  font-size: 14px;
  line-height: 20px;
  max-width: 320px;
  padding-right: 50px;
  display: block;
}
.career-reader__form .widget-checkbox legend {
  margin-bottom: 25px;
}
.career-reader__form .widget-checkbox span {
  display: block;
  margin-bottom: 30px;
  position: relative;
  clear: both;
}
.career-reader__form .widget-checkbox label {
  float: none;
  padding-left: 70px;
  display: block;
  width: 100%;
  font-size: 14px;
  text-transform: none;
  color: #000;
  line-height: 20px;
}
.career-reader__form .widget-checkbox .checker {
  position: absolute;
  border: 3px solid #0A0A0B;
  width: 23px;
  height: 24px;
  top: 0;
  left: 0;
  cursor: pointer;
}
.career-reader__form .widget-checkbox .checker span {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.career-reader__form .widget-checkbox .checker .checked {
  position: relative;
  background-image: none;
}
.career-reader__form .widget-checkbox .checker .checked:before {
  content: "";
  position: absolute;
  right: -10px;
  top: -5px;
  width: 26px;
  height: 21px;
  background-size: contain;
  display: block;
}
.career-reader__form .widget-checkbox .checker input {
  -webkit-appearance: none;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
}
.career-reader__form .submit_container input {
  height: 55px;
  line-height: 49px;
  border: 3px solid #000;
  width: 100%;
  background: transparent;
  text-transform: uppercase;
  font-size: 24px;
  font-family: "Open Sans", sans-serif;
  cursor: pointer;
}

.log-in-form {
  font-size: 22px;
  color: #9d9c9c;
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
}

.career-list {
  margin-top: 20px;
}
@media screen and (min-width: 1024px) {
  .career-list {
    margin-top: 80px;
  }
}
.career-list .extra-width {
  width: 268px;
}
.career-list__items {
  margin: 0;
  list-style: none;
  margin-bottom: 80px;
}
.career-list__items .career-list__title {
  margin: 50px 0 0 0;
}
.career-list__items .career-list__title a {
  color: #9d9c9c;
  font-size: 18px;
}
@media screen and (min-width: 1024px) {
  .career-list__items .career-list__title a {
    font-size: 24px;
  }
}
.career-list__items .career-list__whatsapp {
  display: inline-block;
  color: #25D366;
  margin-top: 10px;
  padding-left: 24px;
  background-image: none !important;
  position: relative;
  text-transform: uppercase;
}
.career-list__items .career-list__whatsapp:before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
}
.career-list__items .career-list__info {
  margin: 0;
  list-style: none;
}
.career-list__items .career-list__info li {
  display: inline-block;
  position: relative;
  padding-right: 15px;
}
.career-list__items .career-list__info li:last-child:after {
  display: none;
}
.career-list__items .career-list__info li:after {
  content: "";
  position: absolute;
  right: 5px;
  top: 2px;
  width: 1px;
  height: 16px;
  background-color: #000;
}
.career-list__items .career-list__info__type {
  position: relative;
  background-image: none;
  padding-left: 17px;
}
.career-list__items .career-list__info__type:before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 12px;
  height: 12px;
  display: block;
  background-size: contain;
}
.career-list__items .career-list__info__location {
  position: relative;
  background-image: none;
  padding-left: 13px;
}
.career-list__items .career-list__info__location:before {
  content: "";
  position: absolute;
  left: 2px;
  top: 4px;
  width: 8px;
  height: 14px;
  display: block;
  background-size: contain;
}

.staff h3 {
  margin: 0;
  margin-top: 20px;
}
.staff__item {
  margin-top: 50px;
}
@media screen and (min-width: 1024px) {
  .staff__item {
    margin-top: 0;
  }
}

table {
  width: 100% !important;
  font-size: 14px;
}
table td {
  vertical-align: top;
  padding-right: 40px;
}
table td strong {
  font-family: "Open Sans", sans-serif;
}

.time-ray {
  position: relative;
  background-color: #FBFBFB;
  color: #343434;
}
.time-ray__button {
  position: absolute;
  top: 220px;
  width: 34px;
  height: 104px;
  z-index: 1;
}
.time-ray__button--next {
  right: 20px;
}
.time-ray__button--prev {
  left: 20px;
}
.time-ray__headline {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  padding: 60px 20px 80px 20px;
  color: #343434;
}
@media screen and (min-width: 1024px) {
  .time-ray__headline {
    padding: 60px 0 80px 0;
  }
}
.time-ray__wrapper {
  width: 100%;
  overflow: hidden;
  padding-top: 12px;
  cursor: -webkit-grab;
  cursor: grab;
  height: 442px;
  position: relative;
}
.time-ray__wrapper:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
html.touch .time-ray__wrapper {
  overflow: auto;
}
.time-ray__slider {
  height: 430px;
  line-height: 430px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.time-ray__item {
  width: 2px;
  height: 22px;
  display: inline-block;
  background: #C4C4C4;
  margin: 0 23px;
  vertical-align: bottom;
  color: #9d9c9c;
  text-decoration: none;
  font-size: 24px;
  position: relative;
  outline: none !important;
}
.time-ray__item--info {
  height: 64px;
  -webkit-box-shadow: 0 0 0 0 #ffffff;
          box-shadow: 0 0 0 0 #ffffff;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.time-ray__item--info:hover {
  color: #9d9c9c;
  -webkit-box-shadow: 0 -11px 0 0 #ffffff;
          box-shadow: 0 -11px 0 0 #ffffff;
  text-decoration: none;
}
.time-ray__item--large {
  height: 100px;
}
.time-ray__item--active {
  height: 430px;
  -webkit-box-shadow: 0 -11px 0 0 #ffffff !important;
          box-shadow: 0 -11px 0 0 #ffffff !important;
  cursor: default;
  background-color: #E4C889;
}
.time-ray__item--active .time-ray__image {
  width: 230px;
}
@media screen and (min-width: 481px) {
  .time-ray__item--active .time-ray__image {
    width: 350px;
    left: -370px;
  }
}
.time-ray__item--active .time-ray__text {
  max-height: 500px;
}
.time-ray__item--desk {
  display: none;
}
@media screen and (min-width: 481px) {
  .time-ray__item--desk {
    display: inline-block;
  }
}
.time-ray__label {
  display: block;
  position: absolute;
  bottom: 100%;
  -webkit-transform: translateY(16px);
      -ms-transform: translateY(16px);
          transform: translateY(16px);
  left: 12px;
  color: #343434;
  background-color: #FBFBFB;
  z-index: 1;
  line-height: 1.3em;
  vertical-align: middle;
  font-family: "Open Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
}
.time-ray__image {
  max-width: none;
  display: block;
  width: 0;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin: 0 0 0 12px;
}
@media screen and (min-width: 481px) {
  .time-ray__image {
    position: absolute;
    top: -12px;
    left: -20px;
    margin: 0;
  }
}
.time-ray__text {
  width: 230px;
  font-size: 14px;
  line-height: 20px;
  color: #343434;
  overflow: hidden;
  max-height: 0;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin: 20px 0 20px 12px;
}
@media screen and (min-width: 481px) {
  .time-ray__text {
    width: 360px;
    position: absolute;
    top: 20px;
    left: 12px;
    margin: 0;
  }
}

.author-teaser {
  margin-bottom: 80px;
}
.author-teaser__headline {
  color: #0A0A0B;
  text-transform: none;
  font-size: 24px;
  max-width: 300px;
  line-height: 32px;
}
@media screen and (min-width: 1024px) {
  .author-teaser__headline {
    font-size: 32px;
    line-height: 42px;
  }
}
.author-teaser__item {
  margin-bottom: 20px;
}
.author-teaser__link {
  margin: 0;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;
  background-color: #FBFBFB;
  background-position: center;
  background-size: 50% auto;
}
.author-teaser__link img {
  display: block;
  margin: 0;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.author-list {
  padding: 0 20px;
}
.author-list .owl-nav button {
  width: 32px;
  height: 32px;
  background-color: #0A0A0B !important;
  display: block;
  position: absolute;
  top: 50%;
  left: -20px;
  z-index: 1;
  margin-top: -16px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.author-list .owl-nav button span {
  display: none;
}
.author-list .owl-nav button.owl-next {
  left: auto;
  right: -20px;
}
.author-list .owl-nav button.owl-prev {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.author-list .owl-nav button.disabled {
  opacity: 0;
  pointer-events: none;
}
.author-list .owl-nav button:focus {
  outline: none;
}
.author-list .owl-nav button:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
}
.author-list__item {
  width: 130px;
}
@media screen and (min-width: 1024px) {
  .author-list__item {
    width: 150px;
  }
}
.author-list__link {
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;
  background-color: #FBFBFB;
  background-position: center;
  background-size: 50% auto;
}
.author-list__link:focus {
  outline: none;
}
.author-list__link:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background-color: #8D8D8D;
  mix-blend-mode: color;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.author-list__link img {
  display: block;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.author-list__link--active:after {
  opacity: 0;
}
.author-list__info {
  display: none;
}
.author-list__detail__inner {
  margin-top: 40px;
}
.author-list__name {
  color: #0A0A0B;
  font-size: 32px;
  line-height: 42px;
  margin-bottom: 20px;
  text-transform: none;
}
.author-list__meta {
  font-weight: 500;
  margin-bottom: 20px;
  font-size: 14px;
}
.author-list__meta__item {
  display: inline-block;
  margin-right: 20px;
}
.author-list__more {
  margin-bottom: 24px;
  color: #000;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  display: inline-block;
  position: relative;
}
.author-list__more:after {
  content: "";
  display: block;
  width: 5px;
  height: 9px;
  position: absolute;
  top: 3px;
  right: -10px;
  background-repeat: repeat;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-position: -2px 0;
}
.author-list__more:hover {
  text-decoration: none;
  color: #000;
}
.author-list__more:hover:after {
  background-position: 7px 0;
}
.author-list__news {
  margin-top: 40px;
}
@media screen and (min-width: 1024px) {
  .author-list__news {
    margin-top: 0;
  }
}
.author-list__news__info {
  margin-bottom: 10px;
}
.author-list__news a {
  color: #0A0A0B;
  font-size: 16px;
}
.author-list__news a img {
  display: block;
  margin-bottom: 10px;
}
.author-list__news a:hover {
  color: #0A0A0B;
}

.blog-list {
  margin-bottom: 60px;
  margin-top: 20px;
}
.blog-list__control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 6px;
  width: 100%;
  border-bottom: 2px solid #e2e2e2;
  margin-bottom: 16px;
  padding: 60px 6px 12px;
}
.blog-list__control__button {
  display: block;
  width: 24px;
  height: 24px;
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  opacity: 0.5;
}
.blog-list__control__button.active {
  opacity: 1;
}
.blog-list__item {
  margin-top: 80px;
}
.blog-list__item:first-child {
  margin-top: 0;
}
.blog-list__item .image_container {
  margin: 0;
}
.blog-list__item .image_container img {
  display: block;
}
.blog-list__info {
  font-size: 10px;
  color: #888;
  margin-bottom: 16px;
}
.blog-list h2 {
  font-size: 24px;
  margin-bottom: 13px;
  line-height: 26px;
}
.blog-list h2 a {
  color: #000;
}
.blog-list a.more {
  margin-bottom: 24px;
  color: #000;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  display: inline-block;
  position: relative;
}
.blog-list a.more:after {
  content: "";
  display: block;
  width: 5px;
  height: 9px;
  position: absolute;
  top: 3px;
  right: -10px;
  background-repeat: repeat;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-position: -2px 0;
}
.blog-list a.more:hover {
  text-decoration: none;
}
.blog-list a.more:hover:after {
  background-position: 7px 0;
}
.blog-list__authors__item {
  display: inline-block;
  margin-right: 16px;
}
.blog-list__authors__link {
  display: block;
  width: 48px;
  height: 48px;
  background-color: #FBFBFB;
  background-size: 50% auto;
  background-position: center;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  overflow: hidden;
}
.blog-list__authors__link:focus {
  outline: none;
}
.blog-list__authors__link img {
  display: block;
  margin: 0;
}
.blog-list .pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 50px;
}
.blog-list .pagination a {
  display: block;
  width: 200px;
  height: 42px;
  line-height: 42px;
  background-color: #000;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  margin: 0;
  font-size: 12px;
}
.blog-list .pagination a:hover {
  text-decoration: none;
  background-color: #fff;
  color: #000;
  -webkit-box-shadow: inset 0 0 0 1px #000;
          box-shadow: inset 0 0 0 1px #000;
}
.blog-list .pagination a.button--white {
  background-color: #fff;
  color: #000;
  -webkit-box-shadow: inset 0 0 0 1px #000;
          box-shadow: inset 0 0 0 1px #000;
}
.blog-list .pagination a.button--white:hover {
  background-color: #000;
  color: #fff;
}
.blog-list .pagination a.all-news-grid {
  display: none;
}
.blog-list .pagination a.all-news-list {
  display: block;
}
.blog-list--grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 12px;
}
.blog-list--grid .blog-list__item {
  margin-top: 0;
  width: 100%;
}
@media screen and (min-width: 721px) {
  .blog-list--grid .blog-list__item {
    width: -webkit-calc(50% - 6px);
    width: calc(50% - 6px);
  }
}
@media screen and (min-width: 1024px) {
  .blog-list--grid .blog-list__item {
    width: -webkit-calc(33.3333333333% - 8px);
    width: calc(33.3333333333% - 8px);
  }
}
.blog-list--grid .blog-list__item .grid__item {
  width: 100% !important;
  margin-bottom: 12px !important;
}
.blog-list--grid .blog-list__item .layout_latest .blog-list__info,
.blog-list--grid .blog-list__item .layout_latest .teaser,
.blog-list--grid .blog-list__item .layout_latest .more,
.blog-list--grid .blog-list__item .layout_latest .blog-list__authors {
  display: none;
}
.blog-list--grid .blog-list__item .layout_latest h2 {
  font-size: 18px;
  margin-bottom: 13px;
  line-height: 22px;
}
.blog-list--grid .blog-list__item .layout_latest h2 a {
  color: #000;
}
.blog-list--grid .blog-list__item .image_container img {
  width: 100%;
}
.blog-list--grid .pagination {
  width: 100%;
  min-width: 100%;
}
.blog-list--grid .pagination a.all-news-list {
  display: none;
}
.blog-list--grid .pagination a.all-news-grid {
  display: block;
}

.author-detail {
  margin-bottom: 90px;
}
.author-detail__image {
  padding-top: 21px;
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: 32px;
}
@media screen and (min-width: 721px) {
  .author-detail__image {
    margin: 0 0 24px;
    padding-top: 0;
  }
}
.author-detail__image img {
  display: block;
}
.author-detail__info h2 {
  color: #000;
  font-size: 32px;
  line-height: 35px;
  text-transform: none;
  margin-bottom: 8px;
}
.author-detail__meta {
  font-weight: 500;
  margin-bottom: 20px;
  font-size: 14px;
}
.author-detail__meta__item {
  display: inline-block;
  margin-right: 20px;
}

.blog-full__hero {
  width: 100vw;
  left: 50%;
  position: relative;
  margin-left: -50vw;
  margin-bottom: 32px;
}
@media screen and (min-width: 721px) {
  .blog-full__hero {
    margin-bottom: 90px;
    margin-top: -30px;
  }
}
@media screen and (min-width: 1200px) {
  .blog-full__hero {
    margin-top: -100px;
  }
}
.blog-full__info {
  margin-bottom: 50px;
}
.blog-full__info h1 {
  font-size: 32px;
  line-height: 42px;
  color: #000;
  margin-bottom: 24px;
}
.blog-full__meta {
  font-size: 10px;
  color: #888;
  margin-bottom: 16px;
}
.blog-full__authors__item {
  display: inline-block;
  margin-right: 16px;
}
.blog-full__authors__link {
  display: block;
  width: 48px;
  height: 48px;
  background-color: #FBFBFB;
  background-size: 50% auto;
  background-position: center;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  overflow: hidden;
  margin-bottom: 24px;
}
.blog-full__authors__link:focus {
  outline: none;
}
.blog-full__authors__link img {
  display: block;
  margin: 0;
}
.blog-full__share {
  font-size: 16px;
}
.blog-full__share__list {
  list-style: none;
  margin: 15px 0 0;
  padding: 0;
}
.blog-full__share__item {
  display: inline-block;
  margin-right: 10px;
}
.blog-full__share__link {
  width: 20px;
  height: 20px;
  display: block;
  text-indent: 30px;
  overflow: hidden;
}
.blog-full__share__link:focus {
  outline: none;
}

.ce_comments {
  margin-top: 90px;
}
.ce_comments h2 {
  font-size: 24px;
  color: #000;
  margin-bottom: 42px;
  text-transform: none;
}
.ce_comments h3 {
  text-transform: none;
  font-size: 20px;
  color: #000;
  margin: 0;
}
.ce_comments p.info {
  font-size: 10px;
  color: #888;
  margin-bottom: 16px;
}
.ce_comments .media__img img {
  display: block;
  width: 48px;
  height: 48px;
  margin: 0;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}
.ce_comments .comment {
  font-size: 14px;
  line-height: 24px;
  color: #888;
}
.ce_comments .comment_default {
  margin-bottom: 30px;
}
.ce_comments .reply {
  background-color: #fbfbfb;
  padding: 20px;
}
.ce_comments .reply p:last-child {
  margin-bottom: 0;
}
.ce_comments .form {
  background-color: #fbfbfb;
  margin-left: -20px;
  margin-right: -20px;
  padding: 20px;
}
@media screen and (min-width: 721px) {
  .ce_comments .form {
    padding: 32px;
    margin-left: 0;
    margin-right: 0;
  }
}
.ce_comments .form .widget {
  margin-bottom: 16px;
}
.ce_comments .form .widget label {
  font-size: 12px;
  color: #888;
  margin-bottom: 4px;
  display: block;
}
.ce_comments .form .widget input,
.ce_comments .form .widget textarea {
  width: 100%;
  display: block;
  height: 42px;
  line-height: 40px;
  border: 1px solid #ddd;
  -webkit-border-radius: 0;
          border-radius: 0;
  background-color: #fff;
  padding: 0 14px;
  font-size: 14px;
  color: #000;
  border-radius: 0;
}
.ce_comments .form .widget input:focus,
.ce_comments .form .widget textarea:focus {
  outline: none;
}
.ce_comments .form .widget textarea {
  resize: none;
  height: 289px;
  line-height: 24px;
  padding: 14px;
}
.ce_comments .form .widget-checkbox label {
  display: inline-block;
  line-height: 20px;
  vertical-align: middle;
  margin: 0;
  font-size: 12px;
  max-width: -webkit-calc(100% - 30px);
  max-width: calc(100% - 30px);
  vertical-align: top;
}
.ce_comments .form .widget-checkbox label a {
  color: #000;
  text-decoration: underline;
}
.ce_comments .form .widget-checkbox .checker {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #000;
  vertical-align: top;
  margin-right: 3px;
}
.ce_comments .form .widget-checkbox .checker span {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.ce_comments .form .widget-checkbox .checker span.checked {
  background-position: center;
}
.ce_comments .form .widget-checkbox .checker input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-appearance: none;
  opacity: 0;
  padding: 0;
  cursor: pointer;
}
.ce_comments .form .submit_container input {
  display: block;
  width: 200px;
  height: 42px;
  line-height: 42px;
  background-color: #000;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  font-size: 12px;
  -webkit-appearance: none;
  border: none;
  margin: 0;
  -webkit-border-radius: 0;
          border-radius: 0;
}
.ce_comments .form .submit_container input:hover {
  text-decoration: none;
  background-color: #fff;
  color: #000;
  -webkit-box-shadow: inset 0 0 0 1px #000;
          box-shadow: inset 0 0 0 1px #000;
}

.mobile-slider {
  position: relative;
}
.mobile-slider__wrapper {
  margin: 0 60px;
}
.mobile-slider__item {
  height: 150px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
@media screen and (min-width: 481px) {
  .mobile-slider__item {
    height: 240px;
  }
}
@media screen and (min-width: 721px) {
  .mobile-slider .owl-nav {
    display: none;
  }
}
.mobile-slider .owl-nav .owl-prev {
  text-indent: -999999px;
  width: 15px;
  height: 41px;
  position: absolute;
  left: -40px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.mobile-slider .owl-nav .owl-prev:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-size: contain;
}
.mobile-slider .owl-nav .owl-next {
  text-indent: -999999px;
  width: 15px;
  height: 41px;
  position: absolute;
  right: -40px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.mobile-slider .owl-nav .owl-next:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-size: contain;
}

.std-slider__item {
  position: relative;
}
.std-slider__item__background {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 500px;
  height: 100vh;
}
.std-slider__item__inner {
  background-color: #0A0A0B;
  width: 100%;
  padding: 35px;
}
.std-slider__item__inner h1, .std-slider__item__inner h2 {
  color: #ffffff;
}
.std-slider__item__inner h1 {
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .std-slider__item__inner {
    position: absolute;
    top: 100px;
    max-width: 560px;
  }
  .std-slider__item--left .std-slider__item__inner {
    left: 300px;
  }
  .std-slider__item--right .std-slider__item__inner {
    right: 300px;
  }
}
.std-slider .owl-prev,
.std-slider .owl-next {
  text-indent: -9999px;
  overflow: hidden;
}
.std-slider .owl-prev:before,
.std-slider .owl-next:before {
  content: "";
  width: 17px;
  height: 52px;
  display: none;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
}
@media screen and (min-width: 481px) {
  .std-slider .owl-prev:before,
  .std-slider .owl-next:before {
    display: block;
  }
}
@media screen and (min-width: 1024px) {
  .std-slider .owl-prev:before,
  .std-slider .owl-next:before {
    width: 34px;
    height: 104px;
  }
}
.cookie-banner {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  padding: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: rgba(10, 10, 11, 0.5);
}
.cookie-banner--hide {
  opacity: 0;
}
@media screen and (min-width: 721px) {
  .cookie-banner {
    padding: 28px;
  }
}
.cookie-banner__inner {
  background-color: #ffffff;
  max-width: 1140px;
  width: 100%;
  padding: 16px;
  max-height: 100%;
  overflow: auto;
  font-size: 12px;
  line-height: 17px;
}
@media screen and (min-width: 721px) {
  .cookie-banner__inner {
    padding: 32px;
  }
}
.cookie-banner__options {
  margin-top: 16px;
}
.cookie-banner__options p {
  font-size: 12px;
  line-height: 17px;
}
.cookie-banner__options .checker {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #000;
  vertical-align: top;
  margin-right: 8px;
}
.cookie-banner__options .checker.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.cookie-banner__options .checker span {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.cookie-banner__options .checker span.checked {
  background-position: center;
}
.cookie-banner__options .checker input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-appearance: none;
  opacity: 0;
  padding: 0;
  cursor: pointer;
}
.cookie-banner__buttons {
  margin-top: 32px;
}
.cookie-banner__buttons__item {
  display: block;
  margin: 0 auto;
  -webkit-appearance: none;
  border: none;
  background-color: transparent;
  text-decoration: underline;
  cursor: pointer;
  font-size: 12px;
  padding: 0;
}
.cookie-banner__buttons__item--accept {
  background-color: #0A0A0B;
  color: #ffffff;
  text-decoration: none;
  width: 100%;
  max-width: 300px;
  text-align: center;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  margin-bottom: 20px;
}

body {
  overflow-x: hidden;
}
body.scroll-hidden {
  overflow-y: hidden;
}

.contact-bubble {
  position: fixed;
  right: 0;
  bottom: 0;
  padding: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  z-index: 100;
  -webkit-transition: 0.4s ease-in-out 0.6s;
  transition: 0.4s ease-in-out 0.6s;
  pointer-events: none;
}
@media screen and (max-width: 720px) {
  .contact-bubble {
    width: 100%;
    height: 100%;
  }
}
.contact-bubble:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  -webkit-transition: 0.4s ease-in-out 0.4s;
  transition: 0.4s ease-in-out 0.4s;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: -1;
}
@media screen and (min-width: 721px) {
  .contact-bubble:before {
    display: none;
  }
}
@media screen and (min-width: 721px) {
  .contact-bubble {
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
  }
}
.contact-bubble__overlay {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-border-radius: 16px;
          border-radius: 16px;
  max-width: 375px;
  padding: 20px;
  overflow: hidden;
  margin-bottom: 16px;
  background-color: #ffffff;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  max-height: 0vh;
}
@media screen and (min-width: 721px) {
  .contact-bubble__overlay {
    -webkit-transition: 0.4s ease-in-out 0.4s;
    transition: 0.4s ease-in-out 0.4s;
    -webkit-box-shadow: 2px 2px 15px 1px rgba(0, 0, 0, 0.2);
            box-shadow: 2px 2px 15px 1px rgba(0, 0, 0, 0.2);
  }
}
.contact-bubble__overlay__image {
  margin-bottom: 8px;
}
.contact-bubble__overlay__image img {
  display: block;
  object-fit: cover;
  object-position: center;
  -webkit-border-radius: 16px;
          border-radius: 16px;
  overflow: hidden;
}
.contact-bubble__overlay__content .contact-bubble_text {
  display: block;
  margin-bottom: 35px;
}
.contact-bubble__overlay__content .contact-bubble_buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.contact-bubble__overlay__content .contact-bubble_buttons a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  color: #0A0A0B;
  text-decoration: none;
}
.contact-bubble__overlay__content .contact-bubble_buttons a span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50px;
  height: 50px;
  background-color: #fbfbfb;
  background-position: center;
  background-repeat: no-repeat;
}
.contact-bubble__toggle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 55px;
  height: 55px;
  background-color: #e4c889;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  margin-left: auto;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  pointer-events: auto;
}
.contact-bubble__toggle span {
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
}
.contact-bubble__toggle span.icon--chat {
  display: block;
  width: 30px;
  height: 30px;
}
.contact-bubble__toggle span.icon--close {
  display: none;
  width: 14px;
  height: 14px;
}
@media screen and (max-width: 720px) {
  .contact-bubble.active {
    height: 100%;
    width: 100%;
  }
}
.contact-bubble.active:before {
  opacity: 1;
}
.contact-bubble.active .contact-bubble__overlay {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  max-height: 100vh;
}
.contact-bubble.active .contact-bubble__toggle {
  background-color: #888888;
}
.contact-bubble.active .contact-bubble__toggle .icon--chat {
  display: none;
}
.contact-bubble.active .contact-bubble__toggle .icon--close {
  display: block;
}

.whatsapp-bubble {
  display: block;
  width: 48px;
  height: 48px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 10;
  background-color: #25D366;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
  text-indent: -9999px;
}
@media screen and (min-width: 1024px) {
  .whatsapp-bubble {
    bottom: 50px;
    text-indent: inherit;
    overflow: visible;
    width: 60px;
    height: 60px;
    background-size: 30px;
  }
}
.whatsapp-bubble:hover span {
  opacity: 1;
}
.whatsapp-bubble span {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-calc(100% + 10px);
  width: calc(100% + 10px);
  font-size: 10px;
  text-align: center;
  color: black;
  opacity: 0;
  background-color: white;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: absolute;
  left: 50%;
  top: 100%;
  text-decoration: none;
  margin-top: 5px;
}
@media screen and (min-width: 1024px) {
  .whatsapp-bubble span {
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}