@charset "UTF-8";
@font-face { font-family: "Trade Gothic LT W01 Light"; src: url("../fonts/1489724/dc61b9f1-7609-475e-af7d-8b2b5deb401d.eot?#iefix"); src: url("../fonts/1489724/dc61b9f1-7609-475e-af7d-8b2b5deb401d.eot?#iefix") format("eot"), url("../fonts/1489724/655d9d2d-89f2-4a22-8374-53dc74dfec80.woff2") format("woff2"), url("../fonts/1489724/3490ccd3-6e42-49ba-9733-7af1e400a3b4.woff") format("woff"), url("../fonts/1489724/c44646ee-cf36-4809-92b4-9b4f292a2ca1.ttf") format("truetype"); }

@font-face { font-family: "Trade Gothic LT W01 Bold"; src: url("../fonts/1489748/d1380d7c-6e23-49c9-bac2-0f927e77eb17.eot?#iefix"); src: url("../fonts/1489748/d1380d7c-6e23-49c9-bac2-0f927e77eb17.eot?#iefix") format("eot"), url("../fonts/1489748/2bd4e485-6e2d-478c-94c7-9a7cabf8e98d.woff2") format("woff2"), url("../fonts/1489748/3e9c6e62-e41c-408b-bef3-ffa454301b17.woff") format("woff"), url("../fonts/1489748/a74675c3-a15b-41ed-8409-e90f921c3cb8.ttf") format("truetype"); }

/*! Flickity v2.0.10
http://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled { position: relative; }

.flickity-enabled:focus { outline: none; }

.flickity-viewport { overflow: hidden; position: relative; height: 100%; }

.flickity-slider { position: absolute; width: 100%; height: 100%; }

/* draggable */
.flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab; }

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing; }

/* ---- previous/next buttons ---- */
.flickity-prev-next-button { position: absolute; top: 50%; width: 2.75rem; height: 2.75rem; border: none; border-radius: 50%; background: white; background: rgba(255, 255, 255, 0.75); cursor: pointer; /* vertically center */ -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.flickity-prev-next-button:hover { background: white; }

.flickity-prev-next-button:focus { outline: none; -webkit-box-shadow: 0 0 0 0.3125rem #09F; box-shadow: 0 0 0 0.3125rem #09F; }

.flickity-prev-next-button:active { opacity: 0.6; }

.flickity-prev-next-button.previous { left: 0.625rem; }

.flickity-prev-next-button.next { right: 0.625rem; }

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous { left: auto; right: 0.625rem; }

.flickity-rtl .flickity-prev-next-button.next { right: auto; left: 0.625rem; }

.flickity-prev-next-button:disabled { opacity: 0.3; cursor: auto; }

.flickity-prev-next-button svg { position: absolute; left: 20%; top: 20%; width: 60%; height: 60%; }

.flickity-prev-next-button .arrow { fill: #333; }

/* ---- page dots ---- */
.flickity-page-dots { position: absolute; width: 100%; bottom: -1.5625rem; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1; }

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot { display: inline-block; width: 0.625rem; height: 0.625rem; margin: 0 0.5rem; background: #333; border-radius: 50%; opacity: 0.25; cursor: pointer; }

.flickity-page-dots .dot.is-selected { opacity: 1; }

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

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

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

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

caption, td, th { text-align: left; font-weight: normal; vertical-align: middle; }

template { display: none; }

button { background-color: transparent; }

body { font-family: "Trade Gothic LT W01 Light", Arial, Verdana, sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.8125; padding-top: 4.375rem; }

@media (min-width: 790px) { body { padding-top: 7.5625rem; } }

a { text-decoration: none; }

a, a:link, a:visited { color: #000; }

a:hover, a:focus, a:active { color: #64b4e6; }

strong { font-family: "Trade Gothic LT W01 Bold", Arial, Verdana, sans-serif; }

em { color: #64b4e6; }

small { font-size: 0.875rem; }

button { cursor: pointer; border: none; }

ul, ol { margin: 1em 0; padding-left: 1em; list-style: square; }

table { width: 100%; }

td, th { padding: .5em; }

td:first-child, th:first-child { padding-left: 0; }

td:last-child, th:last-child { padding-right: 0; }

th { font-family: "Trade Gothic LT W01 Bold", Arial, Verdana, sans-serif; }

h1 { font-family: "Trade Gothic LT W01 Bold", Arial, Verdana, sans-serif; font-size: 1.625rem; font-weight: 400; line-height: 1.294117647; letter-spacing: 0.02em; text-transform: uppercase; }

@media (min-width: 42.51em) { h1 { font-size: 2.125rem; } }

h2 { font-family: "Trade Gothic LT W01 Bold", Arial, Verdana, sans-serif; font-size: 1.375rem; font-weight: 400; line-height: 1.454545455; }

h3 { font-family: "Trade Gothic LT W01 Bold", Arial, Verdana, sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.454545455; }

p { margin: 1em 0; }

input[type=text], input[type=search], input[type=number], input[type=password], input[type=email], input[type=date], select { -webkit-box-sizing: border-box; box-sizing: border-box; height: 1.9375rem; padding: 0.1875rem 0; border: 0.0625rem solid #000; border-width: 0 0 0.0625rem; border-radius: 0; font-size: 1rem; line-height: 1.5em; color: #000; }

input[type=text], input[type=search], input[type=number], input[type=password], input[type=email], input[type=date] { -webkit-appearance: none; }

input[type=submit], button { border-radius: 0; }

select { padding: 0; line-height: 1.875rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-right: 2.1875rem; background: transparent url(../images/form/arrow-down.svg) no-repeat right center; }

option { padding: 0; }

::-webkit-input-placeholder { color: #7d7d7d; }

:-ms-input-placeholder { color: #7d7d7d; }

::-ms-input-placeholder { color: #7d7d7d; }

::placeholder { color: #7d7d7d; }

.o-content { max-width: 65.625rem; margin: 0 auto; padding: 0 1.25rem; }

@media (min-width: 42.51em) { .o-content { padding: 0 1.875rem; } }

@media (min-width: 28.76em) { .o-content__narrow { padding-left: 8.5714285714%; padding-right: 8.5714285714%; } }

.o-grid { margin: -2.8125rem 0 0; }

.o-grid:after { content: ""; display: table; clear: both; }

.o-grid__col { float: left; margin-right: 2.8571428571%; margin-top: 2.8125rem; }

.o-grid--xs .o-grid__col { width: 100%; margin-right: 0; }

@media (min-width: 42.51em) { .o-grid--xs .o-grid__col { width: 48.5714285714%; margin-right: 2.8571428571%; }
  .o-grid--xs .o-grid__col:nth-of-type(2n) { margin-right: 0; } }

.o-grid--xsr .o-grid__col { width: 100%; margin-right: 0; }

@media (min-width: 42.51em) { .o-grid--xsr .o-grid__col { width: 48.5714285714%; margin-right: 2.8571428571%; }
  .o-grid--xsr .o-grid__col:nth-of-type(2n-1) { float: right; margin-right: 0; } }

.o-grid--xsn .o-grid__col { width: 100%; margin-right: 0; }

@media (min-width: 28.76em) { .o-grid--xsn { padding-left: 8.5714285714%; padding-right: 8.5714285714%; } }

@media (min-width: 28.76em) and (max-width: 42.5em) { .o-grid--xsn .o-grid__col { width: 100%; } }

@media (min-width: 42.51em) { .o-grid--xsn .o-grid__col { width: 48.275862069%; margin-right: 3.4482758621%; }
  .o-grid--xsn .o-grid__col:nth-of-type(2n) { margin-right: 0; }
  .o-grid--xsn .o-grid__col--wide { width: 100%; margin-right: 0; } }

.o-grid--xsnr .o-grid__col { width: 100%; margin-right: 0; }

@media (min-width: 28.76em) { .o-grid--xsnr { padding-left: 8.5714285714%; padding-right: 8.5714285714%; } }

@media (min-width: 28.76em) and (max-width: 42.5em) { .o-grid--xsnr .o-grid__col { width: 100%; } }

@media (min-width: 42.51em) { .o-grid--xsnr .o-grid__col { width: 48.275862069%; margin-right: 3.4482758621%; }
  .o-grid--xsnr .o-grid__col:nth-of-type(2n-1) { float: right; margin-right: 0; } }

.o-grid--s .o-grid__col { width: 100%; }

@media (min-width: 42.51em) { .o-grid--s .o-grid__col { width: 31.4285714286%; }
  .o-grid--s .o-grid__col:nth-of-type(3n) { margin-right: 0; } }

.o-grid--staff .o-grid__col { width: 100%; }

@media (min-width: 28.76em) { .o-grid--staff .o-grid__col { margin-right: 1.4084507042%; } }

@media (min-width: 28.76em) and (max-width: 60em) { .o-grid--staff .o-grid__col { width: 49.2957746479%; }
  .o-grid--staff .o-grid__col:nth-of-type(2n) { margin-right: 0; } }

@media (min-width: 60.01em) { .o-grid--staff .o-grid__col { width: 32.3943661972%; }
  .o-grid--staff .o-grid__col:nth-of-type(3n) { margin-right: 0; } }

.o-strip { padding: 3.75rem 0; }

.o-strip + .o-strip { border-top: 0.0625rem solid #000; }

.o-strip--append { padding-bottom: 0; }

.o-strip--append + .o-strip { border: none; }

.o-flexpic { max-width: 100%; height: auto; margin: 0 auto; }

.o-flexpic--s { width: 50%; }

.o-flexpic--m { width: 75%; }

.o-flexpic--pub { width: 75%; max-width: 12.5rem; }

.header { background-color: #283273; color: #fff; padding: 0.9375rem 0; line-height: 2.5625rem; font-size: 1rem; position: fixed; width: 100%; top: 0; left: 0; right: 0; z-index: 1; }

.header a { text-transform: uppercase; padding: .5em 0; }

.header a, .header a:link, .header a:visited { color: #fff; }

@media (min-width: 790px) { .header { overflow: hidden; padding: 2.5rem 0; font-size: 0.75rem; }
  .header a { padding: 0; } }

.header__content { max-width: 65.625rem; margin: 0 auto; background-color: #283273; padding: 0 1.25rem; }

@media (min-width: 28.76em) { .header__content { padding: 0 1.875rem; } }

.header__logo { display: block; padding: 0 !important; margin-top: 0.5625rem; height: 1.3125rem; float: left; }

.header__logo img { display: block; width: auto; height: 1.3125rem; }

@media (min-width: 28.76em) and (max-width: 42.5em) { .header__logo { position: absolute; top: 0.9375rem; left: 50%; margin-left: -5.25rem; } }

@media (min-width: 42.51em) { .header__logo { padding-top: 0; height: 2.5625rem; margin-top: 0; }
  .header__logo img { height: 2.5625rem; } }

.header__navs { -webkit-box-sizing: border-box; box-sizing: border-box; clear: both; position: fixed; padding: 0.9375rem 0.3125rem; top: 4.375rem; width: 100%; right: -100%; bottom: 0; background-color: #283273; z-index: 1; -webkit-transition: right .2s ease; transition: right .2s ease; overflow-y: auto; -webkit-overflow-scrolling: touch; }

.header__navs.is-active { right: 0; }

@media (min-width: 790px) { .header__navs { clear: none; position: static; top: auto; left: auto; right: auto; bottom: auto; display: inline-block; float: right; width: auto; padding: 0; } }

.header__nav-toggle { position: relative; float: right; margin-right: -0.5rem; }

@media (min-width: 790px) { .header__nav-toggle { display: none; } }

.header__nav a { display: block; font-family: "Trade Gothic LT W01 Bold", Arial, Verdana, sans-serif; padding-left: 0.9375rem; padding-right: 0.9375rem; }

.header__nav a.is-active, .header__nav a.is-active:link, .header__nav a.is-active:visited { color: #64b4e6; }

@media (min-width: 790px) { .header__nav { float: right; }
  .header__nav a { display: inline; } }

.header__secondary-nav a { display: inline-block; text-transform: uppercase; padding-left: 0.9375rem; padding-right: 0.9375rem; }

.header__secondary-nav a.is-active, .header__secondary-nav a.is-active:link, .header__secondary-nav a.is-active:visited { color: #64b4e6; }

@media (min-width: 790px) { .header__secondary-nav { margin-left: 1.25rem; float: right; }
  .header__secondary-nav a { padding-left: 0.125rem; padding-right: 0.125rem; } }

@media (min-width: 60.01em) { .header__secondary-nav { margin-left: 4.375rem; } }

.footer { border-top: 0.0625rem solid #000; padding: 0.9375rem 0 3.125rem; font-size: 0.75rem; }
.footer_dsgvo { padding: 0; }
.support img, .dsgvo-img { padding: 0 0 1em; margin: 0 auto; }
.dsgvo-img { max-height: 122px; }
.footer-img { max-height: 140px; }
.trusted_logo { border: 0; margin: 2em auto 0; width:130px; height:auto; display: block; }
@media (max-width: 920px) { 
  .dsgvo-img { max-height: 80px; max-width: 90%; } 
  .trusted_logo { width: 100px !important; }
  .support__logo { max-width: 11rem !important; }
}
@media (max-width: 600px) { 
  .dsgvo-img { max-height: 122px; } 
  .trusted_logo { width: 140px !important; }
  .support__logo { max-width: 13rem !important; }
  .footer .o-grid__col {
    margin-top: 1em !important;
  }
  .footer .o-grid__col .h3_off { display: none; }
  .footer .u-b-mar-l {
      margin-bottom: 1rem !important;
  }
}
.footer_dsgvo h3 { padding: 1em 0 0; text-align: left; }
.footer__content { max-width: 65.625rem; margin: 0 auto; padding: 0 1.25rem; }

@media (min-width: 42.51em) { .footer__content { padding: 0 1.875rem; } }

.footer__copyright { text-transform: uppercase; }

.footer__nav { display: block; }

.footer__nav a::before { content: '| '; padding: 0 0.3125rem; }

@media (max-width: 42.5em) { .footer__nav a:first-child::before { content: none; padding-left: 0; } }

@media (min-width: 42.51em) { .footer__nav { display: inline; } }

.footer__tools { display: block; text-align: center; }

@media (min-width: 42.51em) { .footer__tools { display: inline; text-align: left; } }

.footer__up { border: 0.125rem solid #64b4e6; display: inline-block; min-width: 11.25rem; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0.75rem 2.1875rem 0.625rem; line-height: 1.125rem; min-height: 2.75rem; margin: 1.875rem auto 0; text-align: center; font-family: "Trade Gothic LT W01 Bold", Arial, Verdana, sans-serif; color: #283273; text-transform: uppercase; cursor: pointer; font-size: 0.875rem; }

.footer__up:link, .footer__up:visited, .footer__up:hover { color: #64b4e6; }

@media (min-width: 42.51em) { .footer__up { font-size: inherit; padding: 0; margin: 0; border: none; line-height: inherit; min-height: 0; min-width: 0; display: inline-block; float: right; text-align: left; }
  .footer__up:link, .footer__up:visited, .footer__up:hover { color: #283273; } }

.footer__up-arrow { display: none; }

@media (min-width: 42.51em) { .footer__up-arrow { display: inline; margin-left: .5em; vertical-align: middle; } }

.nav-toggle { padding: 0; width: 2.5rem; height: 2.5rem; outline: none; cursor: pointer; }

.nav-toggle__icon { position: absolute; top: 50%; left: 0.5rem; margin-top: -0.0625rem; width: 1.5rem; height: 0.125rem; background-color: #fff; }

.nav-toggle__icon:before { display: block; content: ''; position: absolute; top: -0.5rem; width: 1.5rem; height: 0.125rem; background-color: #fff; }

.nav-toggle__icon:after { display: block; content: ''; position: absolute; bottom: -0.5rem; width: 1.5rem; height: 0.125rem; background-color: #fff; }

.nav-toggle.is-active .nav-toggle__icon { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.nav-toggle.is-active .nav-toggle__icon:before { top: 0; opacity: 0; }

.nav-toggle.is-active .nav-toggle__icon:after { bottom: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }

.banner { padding: 6.25rem 0; font-size: 1.375rem; background-color: #283273; color: #fff; }

.banner__content { position: relative; margin: 0 auto; max-width: 65.625rem; padding: 0 1.25rem; }

@media (min-width: 42.51em) { .banner__content { padding: 0 1.875rem; } }

.banner__title { font-family: "Trade Gothic LT W01 Bold", Arial, Verdana, sans-serif; font-size: 1.625rem; font-weight: 400; line-height: 1.294117647; letter-spacing: 0.02em; text-transform: uppercase; color: #64b4e6; }

@media (min-width: 42.51em) { .banner__title { font-size: 2.125rem; } }

.banner__cta { position: absolute; top: 50%; right: 1.875rem; margin-top: -5.625rem; }

@media (min-width: 42.51em) { .banner__text { padding-right: 13.75rem; } }

.button { display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0.125rem solid #64b4e6; padding: 0.75rem 2.1875rem 0.625rem; vertical-align: middle; font-size: 0.875rem; line-height: 1.125rem; min-height: 2.75rem; font-family: "Trade Gothic LT W01 Bold", Arial, Verdana, sans-serif; text-align: center; text-transform: uppercase; background-color: transparent; color: #64b4e6; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.button:link, .button:visited { color: #64b4e6; }

.button:hover, .button:focus, .button:active { color: #64b4e6; }

.badge { display: block; width: 11.25rem; height: 4.375rem; padding: 3.4375rem 0 3.4375rem; border-radius: 50%; background-color: #64b4e6; text-align: center; font-size: 1.6875rem; line-height: 2.1875rem; font-family: "Trade Gothic LT W01 Bold", Arial, Verdana, sans-serif; color: #fff; -webkit-transform: rotate(10deg); -ms-transform: rotate(10deg); transform: rotate(10deg); }

.badge:link, .badge:visited { color: #fff; }

.flag { display: block; width: 2.5rem; }

.quote { margin: 1em 0; }

.quote__content { font-family: "Trade Gothic LT W01 Bold", Arial, Verdana, sans-serif; margin: 0; }

.quote__origin { display: block; font-size: 0.875rem; }

.quote--de .quote__content::before { content: "„"; }

.quote--de .quote__content::after { content: "“"; }

.quote--en .quote__content::before { content: "“"; }

.quote--en .quote__content::after { content: "”"; }

.quote--xl .quote__content { font-size: 1.375rem; line-height: 1.454545455; }

@media (min-width: 60.01em) { .quote--xl .quote__content { font-size: 2.125rem; line-height: 1.294117647; } }

.quote--xl .quote__origin { font-size: 1rem; }

.splash { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #283273; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#team-header { min-height: calc(100vw * 0.1455) !important; background: url(../images/Bild_Mitarbeiterseite.jpg) no-repeat; background-size: cover; }
#splash { min-height: calc(100vw * 0.4029) !important; background: url(../images/decode-start-desktop.jpg) no-repeat; background-size: cover; }

@media (max-width: 992px) { #splash { background-size: contain; } }
@media (max-width: 600px) { #splash { min-height: calc(100vw * 0.605) !important; background: url(../images/decode-start-mobile.jpg) no-repeat; background-size: contain; } .splash__content { max-width: 90%; padding: 2.125rem 1.25rem 4.25rem; } }
/* @media (min-width: 28.76em) and (max-width: 42.5em) and (min-height: 451px) { .splash { min-height: 17.5rem; } }
@media (min-width: 28.76em) and (max-width: 42.5em) and (min-height: 501px) { .splash { min-height: 20.625rem; } }
@media (min-width: 28.76em) and (max-width: 42.5em) and (min-height: 551px) { .splash { min-height: 23.75rem; } }
@media (min-width: 28.76em) and (max-width: 42.5em) and (min-height: 601px) { .splash { min-height: 26.875rem; } }
@media (min-width: 42.51em) and (min-height: 701px) { .splash { min-height: 28.125rem; } }
@media (min-width: 42.51em) and (min-height: 751px) { .splash { min-height: 31.25rem; } }
@media (min-width: 42.51em) and (min-height: 801px) { .splash { min-height: 34.375rem; } }
@media (min-width: 42.51em) and (min-height: 851px) { .splash { min-height: 37.5rem; } }
@media (min-width: 42.51em) and (min-height: 901px) { .splash { min-height: 40.625rem; } }
@media (min-width: 42.51em) and (min-height: 951px) { .splash { min-height: 43.75rem; } } */

.splash__content { max-width: 56.25rem; margin: 0 auto; padding: 3.125rem 1.25rem 6.25rem; text-align: left; }

@media (max-width: 480px) { .splash__content { padding: 0 1rem 2rem; max-width: 95%; } }
@media (max-width: 400px) { .splash__content { padding: 1rem 1rem 2rem; } .splash__button { bottom: -20px !important; }}

.splash__head { color: #fff; font-family: "Trade Gothic LT W01 Bold", Arial, Verdana, sans-serif; font-size: 1.375rem; font-weight: 400; line-height: 1.454545455; text-transform: uppercase; }

@media (min-width: 42.51em) and (max-width: 60em) { .splash__head { font-size: 1.625rem; } }

@media (min-width: 60.01em) { .splash__head { font-family: "Trade Gothic LT W01 Bold", Arial, Verdana, sans-serif; font-size: 1.625rem; font-weight: 400; line-height: 1.294117647; letter-spacing: 0.02em; text-transform: uppercase; } }

@media (min-width: 60.01em) and (min-width: 42.51em) { .splash__head { font-size: 2.125rem; } }

.splash__subhead { color: #64b4e6; font-family: "Trade Gothic LT W01 Bold", Arial, Verdana, sans-serif; font-size: 1.375rem; font-weight: 400; line-height: 1.454545455; text-transform: uppercase; }

@media (min-width: 42.51em) and (max-width: 60em) { .splash__subhead { font-size: 1.625rem; } }

@media (min-width: 60.01em) { .splash__subhead { font-family: "Trade Gothic LT W01 Bold", Arial, Verdana, sans-serif; font-size: 1.625rem; font-weight: 400; line-height: 1.294117647; letter-spacing: 0.02em; text-transform: uppercase; } }

@media (min-width: 60.01em) and (min-width: 42.51em) { .splash__subhead { font-size: 2.125rem; } }

.splash__button { border: none; width: 3.125rem; height: 3.125rem; margin-left: -1.5625rem; position: absolute; bottom: 0; left: 50%; text-indent: -999em; background: transparent url("../images/splash/arrow.svg") no-repeat center 0; -webkit-transition: background-position .3s ease; transition: background-position .3s ease; background-size: 75%; cursor: pointer; }

.splash__button:hover, .splash__button:focus { background-position: center 0.3125rem; }

@media (min-width: 790px) { .splash__button { width: 6.25rem; height: 6.25rem; margin-left: -3.125rem; background-size: 100%; }
  .splash__button:hover, .splash__button:focus { background-position: center 0.625rem; } }

.slider { padding: 1.875rem 0 3.75rem; font-size: 1.375rem; background-color: #283273; color: #fff; }

@media (min-width: 42.51em) { .slider { padding: 3.75rem 0 6.25rem; } }

.slider__container { max-width: 65.625rem; margin: 0 auto; padding: 0 1.25rem; }

@media (min-width: 42.51em) { .slider__container { padding: 0 1.875rem; } }

.slider__content { -webkit-box-sizing: border-box; box-sizing: border-box; }

@media (min-width: 28.76em) { .slider__content { padding-left: 8.5714285714%; padding-right: 8.5714285714%; } }

.slider__cell { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 0 0.0625rem; }

.flickity-prev-next-button { display: none; width: 1.875rem; height: 6.25rem; background: transparent url(../images/flickity/arrows.svg) no-repeat left center !important; }

.flickity-prev-next-button .arrow { fill: white; }

.flickity-prev-next-button svg { display: none; }

.flickity-prev-next-button.next { background-position: right center !important; }

.flickity-prev-next-button:hover { opacity: .8; }

.flickity-page-dots { display: block; width: auto; left: 0; right: 0; }

.flickity-page-dots .dot { background-color: #64b4e6; }

.flickity-page-dots .dot.is-selected { background-color: #fff; }

.fat-list { list-style: none; margin: 0; padding: 0; counter-reset: list-items; }

.fat-list__item { counter-increment: list-items; position: relative; padding-left: 3.75rem; margin: 2.8125rem 0; }

@media (min-width: 28.76em) { .fat-list__item { padding-left: 6.25rem; } }

.fat-list__number { position: absolute; left: 0; top: 0; overflow: hidden; width: 2.5rem; height: 2.5rem; background-color: #283273; border-radius: 50%; text-align: center; font-family: "Trade Gothic LT W01 Bold", Arial, Verdana, sans-serif; font-size: 1.375rem; line-height: 2.5rem; color: #fff; -webkit-box-shadow: 0.125rem 0.125rem 0.25rem rgba(0, 0, 0, 0.3); box-shadow: 0.125rem 0.125rem 0.25rem rgba(0, 0, 0, 0.3); }

.fat-list__number::before { content: counter(list-items); }

@media (min-width: 28.76em) { .fat-list__number { width: 3.875rem; height: 3.875rem; font-size: 2.125rem; line-height: 3.875rem; } }

.fat-list__head { margin: 0; }

.fat-list__head + p { margin-top: 0; }

.simple-list { list-style: none; margin: 0; padding: 0; }

.simple-list__item { margin-bottom: 1.8125em; }

.staff-member { overflow: hidden; width: 100%; }

.staff-member__toggle { display: block; -webkit-transition: color .3s ease; transition: color .3s ease; }

.staff-member__toggle:hover, .staff-member__toggle:focus, .staff-member__toggle:active { color: #000; }

.staff-member__toggle:hover .staff-member__portrait, .staff-member__toggle:focus .staff-member__portrait, .staff-member__toggle:active .staff-member__portrait { opacity: .8; }

.staff-member__portrait { display: block; margin-bottom: 0.9375rem; width: 100%; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; }

.staff-member__degree { font-size: 1rem; font-family: "Trade Gothic LT W01 Light", Arial, Verdana, sans-serif; }

.staff-member__details { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; position: fixed; top: 0; right: -100%; bottom: 0; width: 100%; background-color: #eae9e7; z-index: 2; opacity: .1; -webkit-transition: right .3s ease, opacity .3s ease; transition: right .3s ease, opacity .3s ease; }

@media (min-width: 42.51em) { .staff-member__details { top: 7.5625rem; width: 36rem; right: -36rem; } }

@media (min-width: 60.01em) { .staff-member__details { width: 41rem; right: -41rem; } }

.staff-member__details.is-visible { right: 0; opacity: 1; }

.staff-member__details-pane { position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; }

.staff-member__details-content { padding: 4.25rem 0.9375rem 0.9375rem 0.9375rem; }

@media (min-width: 42.51em) and (max-width: 60em) { .staff-member__details-content { padding: 3.75rem 8.625rem 3.75rem 3.75rem; } }

@media (min-width: 60.01em) { .staff-member__details-content { padding: 6.25rem 11.125rem 6.25rem 6.25rem; } }

.staff-member__desc { margin: 1.8125em 0; }

.staff-member__email { margin-bottom: 1.8125em; }

.staff-member__close { overflow: hidden; position: absolute; right: 0.9375rem; top: 0.9375rem; width: 2.375rem; height: 2.375rem; padding: 0; border: 0.0625rem solid #b2b2b2; text-indent: -999em; background: #eae9e7 url(../images/staff-member/close.svg) no-repeat center; }

@media (min-width: 42.51em) and (max-width: 60em) { .staff-member__close { right: 3.75rem; top: 3.75rem; } }

@media (min-width: 60.01em) { .staff-member__close { right: 6.25rem; top: 6.25rem; } }

.sticker { width: 7rem; height: 7rem; border-radius: 50%; background-color: #c1e2f5; -webkit-box-shadow: 0.125rem 0.125rem 0.25rem rgba(0, 0, 0, 0.3); box-shadow: 0.125rem 0.125rem 0.25rem rgba(0, 0, 0, 0.3); }

.sticker > img { display: block; width: 100%; }

.sticker--flex { width: 100%; height: auto; max-width: 20rem; -webkit-box-shadow: 0.3125rem 0.3125rem 1.5625rem rgba(0, 0, 0, 0.25); box-shadow: 0.3125rem 0.3125rem 1.5625rem rgba(0, 0, 0, 0.25); }

.sticker--flex > img { width: 100%; height: auto; }

.form__field--radio { overflow: hidden; }

.form__field--has-error { color: #c83a14; }

.form__text { width: 100%; }

.form__field--has-error .form__text { border-color: #c83a14; color: #c83a14; }

.form__field--has-error .form__text::-webkit-input-placeholder { color: #d99b8b; }

.form__field--has-error .form__text:-ms-input-placeholder { color: #d99b8b; }

.form__field--has-error .form__text::-ms-input-placeholder { color: #d99b8b; }

.form__field--has-error .form__text::placeholder { color: #d99b8b; }

.form__text--link { font-size: 0.75rem !important; max-width: 100%; width: 37.5rem; }

.form__select { width: 100%; }

.form__field--has-error .form__select { border-color: #c83a14; }

.form__radio { float: left; padding: 0.4375rem 0 0.5rem; font-size: 1rem; line-height: 1em; margin-right: 2em; }

.form__checkbox { padding: 0.4375rem 0 0.5rem; font-size: 1rem; line-height: 1em; }

.form__errors { font-family: "Trade Gothic LT W01 Bold", Arial, Verdana, sans-serif; color: #c83a14; }

.form__hint { margin: 0.625rem 0; line-height: 1.25; }

.form__hint a { text-decoration: underline; }

.uniform__potty { position: absolute; left: -624.9375rem; }

@-webkit-keyframes sample-1 { 0% { -webkit-box-shadow: 0 0 0.0625rem rgba(0, 0, 0, 0); box-shadow: 0 0 0.0625rem rgba(0, 0, 0, 0);
    -webkit-transform: scale(1);
            transform: scale(1); }
  20% { -webkit-box-shadow: 0 0 0.0625rem rgba(0, 0, 0, 0); box-shadow: 0 0 0.0625rem rgba(0, 0, 0, 0);
    -webkit-transform: scale(1);
            transform: scale(1); }
  25% { -webkit-box-shadow: 0.0625rem 0.0625rem 0.3125rem rgba(0, 0, 0, 0.3); box-shadow: 0.0625rem 0.0625rem 0.3125rem rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1.3);
            transform: scale(1.3); }
  45% { -webkit-box-shadow: 0.0625rem 0.0625rem 0.3125rem rgba(0, 0, 0, 0.3); box-shadow: 0.0625rem 0.0625rem 0.3125rem rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1.3);
            transform: scale(1.3); }
  50% { -webkit-box-shadow: 0 0 0.0625rem rgba(0, 0, 0, 0); box-shadow: 0 0 0.0625rem rgba(0, 0, 0, 0);
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes sample-1 { 0% { -webkit-box-shadow: 0 0 0.0625rem rgba(0, 0, 0, 0); box-shadow: 0 0 0.0625rem rgba(0, 0, 0, 0);
    -webkit-transform: scale(1);
            transform: scale(1); }
  20% { -webkit-box-shadow: 0 0 0.0625rem rgba(0, 0, 0, 0); box-shadow: 0 0 0.0625rem rgba(0, 0, 0, 0);
    -webkit-transform: scale(1);
            transform: scale(1); }
  25% { -webkit-box-shadow: 0.0625rem 0.0625rem 0.3125rem rgba(0, 0, 0, 0.3); box-shadow: 0.0625rem 0.0625rem 0.3125rem rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1.3);
            transform: scale(1.3); }
  45% { -webkit-box-shadow: 0.0625rem 0.0625rem 0.3125rem rgba(0, 0, 0, 0.3); box-shadow: 0.0625rem 0.0625rem 0.3125rem rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1.3);
            transform: scale(1.3); }
  50% { -webkit-box-shadow: 0 0 0.0625rem rgba(0, 0, 0, 0); box-shadow: 0 0 0.0625rem rgba(0, 0, 0, 0);
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes sample-2 { 0% { -webkit-box-shadow: 0 0 0.0625rem rgba(0, 0, 0, 0); box-shadow: 0 0 0.0625rem rgba(0, 0, 0, 0);
    -webkit-transform: scale(1);
            transform: scale(1); }
  45% { -webkit-box-shadow: 0 0 0.0625rem rgba(0, 0, 0, 0); box-shadow: 0 0 0.0625rem rgba(0, 0, 0, 0);
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% { -webkit-box-shadow: 0.0625rem 0.0625rem 0.3125rem rgba(0, 0, 0, 0.3); box-shadow: 0.0625rem 0.0625rem 0.3125rem rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1.3);
            transform: scale(1.3); }
  70% { -webkit-box-shadow: 0.0625rem 0.0625rem 0.3125rem rgba(0, 0, 0, 0.3); box-shadow: 0.0625rem 0.0625rem 0.3125rem rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1.3);
            transform: scale(1.3); }
  75% { -webkit-box-shadow: 0 0 0.0625rem rgba(0, 0, 0, 0); box-shadow: 0 0 0.0625rem rgba(0, 0, 0, 0);
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes sample-2 { 0% { -webkit-box-shadow: 0 0 0.0625rem rgba(0, 0, 0, 0); box-shadow: 0 0 0.0625rem rgba(0, 0, 0, 0);
    -webkit-transform: scale(1);
            transform: scale(1); }
  45% { -webkit-box-shadow: 0 0 0.0625rem rgba(0, 0, 0, 0); box-shadow: 0 0 0.0625rem rgba(0, 0, 0, 0);
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% { -webkit-box-shadow: 0.0625rem 0.0625rem 0.3125rem rgba(0, 0, 0, 0.3); box-shadow: 0.0625rem 0.0625rem 0.3125rem rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1.3);
            transform: scale(1.3); }
  70% { -webkit-box-shadow: 0.0625rem 0.0625rem 0.3125rem rgba(0, 0, 0, 0.3); box-shadow: 0.0625rem 0.0625rem 0.3125rem rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1.3);
            transform: scale(1.3); }
  75% { -webkit-box-shadow: 0 0 0.0625rem rgba(0, 0, 0, 0); box-shadow: 0 0 0.0625rem rgba(0, 0, 0, 0);
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes sample-3 { 0% { -webkit-box-shadow: 0 0 0.0625rem rgba(0, 0, 0, 0); box-shadow: 0 0 0.0625rem rgba(0, 0, 0, 0);
    -webkit-transform: scale(1);
            transform: scale(1); }
  70% { -webkit-box-shadow: 0 0 0.0625rem rgba(0, 0, 0, 0); box-shadow: 0 0 0.0625rem rgba(0, 0, 0, 0);
    -webkit-transform: scale(1);
            transform: scale(1); }
  75% { -webkit-box-shadow: 0.0625rem 0.0625rem 0.3125rem rgba(0, 0, 0, 0.3); box-shadow: 0.0625rem 0.0625rem 0.3125rem rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1.3);
            transform: scale(1.3); }
  95% { -webkit-box-shadow: 0.0625rem 0.0625rem 0.3125rem rgba(0, 0, 0, 0.3); box-shadow: 0.0625rem 0.0625rem 0.3125rem rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1.3);
            transform: scale(1.3); }
  100% { -webkit-box-shadow: 0 0 0.0625rem rgba(0, 0, 0, 0); box-shadow: 0 0 0.0625rem rgba(0, 0, 0, 0);
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes sample-3 { 0% { -webkit-box-shadow: 0 0 0.0625rem rgba(0, 0, 0, 0); box-shadow: 0 0 0.0625rem rgba(0, 0, 0, 0);
    -webkit-transform: scale(1);
            transform: scale(1); }
  70% { -webkit-box-shadow: 0 0 0.0625rem rgba(0, 0, 0, 0); box-shadow: 0 0 0.0625rem rgba(0, 0, 0, 0);
    -webkit-transform: scale(1);
            transform: scale(1); }
  75% { -webkit-box-shadow: 0.0625rem 0.0625rem 0.3125rem rgba(0, 0, 0, 0.3); box-shadow: 0.0625rem 0.0625rem 0.3125rem rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1.3);
            transform: scale(1.3); }
  95% { -webkit-box-shadow: 0.0625rem 0.0625rem 0.3125rem rgba(0, 0, 0, 0.3); box-shadow: 0.0625rem 0.0625rem 0.3125rem rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1.3);
            transform: scale(1.3); }
  100% { -webkit-box-shadow: 0 0 0.0625rem rgba(0, 0, 0, 0); box-shadow: 0 0 0.0625rem rgba(0, 0, 0, 0);
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes neuron-2 { 0% { opacity: 0; }
  20% { opacity: 0; }
  25% { opacity: 1; }
  45% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 0; } }

@keyframes neuron-2 { 0% { opacity: 0; }
  20% { opacity: 0; }
  25% { opacity: 1; }
  45% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 0; } }

@-webkit-keyframes neuron-3 { 0% { opacity: 0; }
  45% { opacity: 0; }
  50% { opacity: 1; }
  70% { opacity: 1; }
  75% { opacity: 0; }
  100% { opacity: 0; } }

@keyframes neuron-3 { 0% { opacity: 0; }
  45% { opacity: 0; }
  50% { opacity: 1; }
  70% { opacity: 1; }
  75% { opacity: 0; }
  100% { opacity: 0; } }

@-webkit-keyframes neuron-4 { 0% { opacity: 0; }
  70% { opacity: 0; }
  75% { opacity: 1; }
  95% { opacity: 1; }
  100% { opacity: 0; } }

@keyframes neuron-4 { 0% { opacity: 0; }
  70% { opacity: 0; }
  75% { opacity: 1; }
  95% { opacity: 1; }
  100% { opacity: 0; } }

.network { width: 75%; margin: 0 auto; }

.network__samples { padding-bottom: 2.1875rem; }

.network__samples:after { content: ""; display: table; clear: both; }

.network__sample { width: 26%; margin-right: 11%; float: left; overflow: hidden; border-radius: 50%; }

.network__sample > img { display: block; width: 100%; }

.network__sample:last-child { margin-right: 0; }

.network__sample:nth-child(1) { -webkit-animation-name: sample-1; animation-name: sample-1; -webkit-animation-duration: 6s; animation-duration: 6s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; background-color: #b4466e; }

.network__sample:nth-child(2) { -webkit-animation-name: sample-2; animation-name: sample-2; -webkit-animation-duration: 6s; animation-duration: 6s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; background-color: #64b4e6; }

.network__sample:nth-child(3) { -webkit-animation-name: sample-3; animation-name: sample-3; -webkit-animation-duration: 6s; animation-duration: 6s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; background-color: #f5c846; }

.network__neurons { clear: both; position: relative; width: 70%; margin: 0 15%; }

.network__neurons > img { width: 100%; }

.network__neuron { background-color: #fff; }

.network__neuron img { width: 100%; }

.network__neuron:nth-child(2), .network__neuron:nth-child(3), .network__neuron:nth-child(4) { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.network__neuron:nth-child(2) { -webkit-animation-name: neuron-2; animation-name: neuron-2; -webkit-animation-duration: 6s; animation-duration: 6s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.network__neuron:nth-child(3) { -webkit-animation-name: neuron-3; animation-name: neuron-3; -webkit-animation-duration: 6s; animation-duration: 6s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.network__neuron:nth-child(4) { -webkit-animation-name: neuron-4; animation-name: neuron-4; -webkit-animation-duration: 6s; animation-duration: 6s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.codes { width: 100%; overflow: hidden; }

.codes__block { float: left; margin-right: 0.9615384615%; width: 19.2307692308%; height: 7.5rem; line-height: 7.5rem; background: #000 no-repeat center; background-size: cover; text-align: center; font-family: "Trade Gothic LT W01 Bold", Arial, Verdana, sans-serif; font-size: 5.5rem; color: #fff; text-shadow: 0.1875rem 0.1875rem 0.1875rem rgba(0, 0, 0, 0.7); }

.codes__block:last-child { margin-right: 0; }

@media (min-width: 28.76em) and (max-width: 42.5em) { .codes__block { height: 10rem; line-height: 10rem; font-size: 7.375rem; } }

@media (min-width: 42.51em) and (max-width: 60em) { .codes__block { height: 14.375rem; line-height: 14.375rem; font-size: 10.625rem; } }

@media (min-width: 60.01em) { .codes__block { height: 16.875rem; line-height: 16.875rem; font-size: 12.5rem; } }

.codes__block--apple { background-image: url(../images/codes/apple--s.jpg); }

@media (min-width: 42.51em) { .codes__block--apple { background-image: url(../images/codes/apple--m.jpg); } }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .codes__block--apple { background-image: url(../images/codes/apple--m.jpg); } }

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 42.51em), (min-resolution: 192dpi) and (min-width: 42.51em), (min-resolution: 2dppx) and (min-width: 42.51em) { .codes__block--apple { background-image: url(../images/codes/apple--l.jpg); } }

.codes__block--ben-jerry { background-image: url(../images/codes/ben-jerry--s.jpg); }

@media (min-width: 42.51em) { .codes__block--ben-jerry { background-image: url(../images/codes/ben-jerry--m.jpg); } }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .codes__block--ben-jerry { background-image: url(../images/codes/ben-jerry--m.jpg); } }

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 42.51em), (min-resolution: 192dpi) and (min-width: 42.51em), (min-resolution: 2dppx) and (min-width: 42.51em) { .codes__block--ben-jerry { background-image: url(../images/codes/ben-jerry--l.jpg); } }

.codes__block--milka { background-image: url(../images/codes/milka--s.jpg); }

@media (min-width: 42.51em) { .codes__block--milka { background-image: url(../images/codes/milka--m.jpg); } }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .codes__block--milka { background-image: url(../images/codes/milka--m.jpg); } }

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 42.51em), (min-resolution: 192dpi) and (min-width: 42.51em), (min-resolution: 2dppx) and (min-width: 42.51em) { .codes__block--milka { background-image: url(../images/codes/milka--l.jpg); } }

.codes__block--cornetto { background-image: url(../images/codes/cornetto--s.jpg); }

@media (min-width: 42.51em) { .codes__block--cornetto { background-image: url(../images/codes/cornetto--m.jpg); } }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .codes__block--cornetto { background-image: url(../images/codes/cornetto--m.jpg); } }

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 42.51em), (min-resolution: 192dpi) and (min-width: 42.51em), (min-resolution: 2dppx) and (min-width: 42.51em) { .codes__block--cornetto { background-image: url(../images/codes/cornetto--l.jpg); } }

.codes__block--oreo { background-image: url(../images/codes/oreo--s.jpg); }

@media (min-width: 42.51em) { .codes__block--oreo { background-image: url(../images/codes/oreo--m.jpg); } }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .codes__block--oreo { background-image: url(../images/codes/oreo--m.jpg); } }

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 42.51em), (min-resolution: 192dpi) and (min-width: 42.51em), (min-resolution: 2dppx) and (min-width: 42.51em) { .codes__block--oreo { background-image: url(../images/codes/oreo--l.jpg); } }

.codes__block--chips { background-image: url(../images/codes/chips--s.jpg); }

@media (min-width: 42.51em) { .codes__block--chips { background-image: url(../images/codes/chips--m.jpg); } }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .codes__block--chips { background-image: url(../images/codes/chips--m.jpg); } }

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 42.51em), (min-resolution: 192dpi) and (min-width: 42.51em), (min-resolution: 2dppx) and (min-width: 42.51em) { .codes__block--chips { background-image: url(../images/codes/chips--l.jpg); } }

.codes__block--dishwasher { background-image: url(../images/codes/dishwasher--s.jpg); }

@media (min-width: 42.51em) { .codes__block--dishwasher { background-image: url(../images/codes/dishwasher--m.jpg); } }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .codes__block--dishwasher { background-image: url(../images/codes/dishwasher--m.jpg); } }

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 42.51em), (min-resolution: 192dpi) and (min-width: 42.51em), (min-resolution: 2dppx) and (min-width: 42.51em) { .codes__block--dishwasher { background-image: url(../images/codes/dishwasher--l.jpg); } }

.codes__block--lips { background-image: url(../images/codes/lips--s.jpg); }

@media (min-width: 42.51em) { .codes__block--lips { background-image: url(../images/codes/lips--m.jpg); } }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .codes__block--lips { background-image: url(../images/codes/lips--m.jpg); } }

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 42.51em), (min-resolution: 192dpi) and (min-width: 42.51em), (min-resolution: 2dppx) and (min-width: 42.51em) { .codes__block--lips { background-image: url(../images/codes/lips--l.jpg); } }

.codes__block--magnum { background-image: url(../images/codes/magnum--s.jpg); }

@media (min-width: 42.51em) { .codes__block--magnum { background-image: url(../images/codes/magnum--m.jpg); } }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .codes__block--magnum { background-image: url(../images/codes/magnum--m.jpg); } }

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 42.51em), (min-resolution: 192dpi) and (min-width: 42.51em), (min-resolution: 2dppx) and (min-width: 42.51em) { .codes__block--magnum { background-image: url(../images/codes/magnum--l.jpg); } }

.codes__block--o2 { background-image: url(../images/codes/o2--s.jpg); }

@media (min-width: 42.51em) { .codes__block--o2 { background-image: url(../images/codes/o2--m.jpg); } }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .codes__block--o2 { background-image: url(../images/codes/o2--m.jpg); } }

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 42.51em), (min-resolution: 192dpi) and (min-width: 42.51em), (min-resolution: 2dppx) and (min-width: 42.51em) { .codes__block--o2 { background-image: url(../images/codes/o2--l.jpg); } }

.codes__block--prov { background-image: url(../images/codes/prov--s.jpg); }

@media (min-width: 42.51em) { .codes__block--prov { background-image: url(../images/codes/prov--m.jpg); } }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .codes__block--prov { background-image: url(../images/codes/prov--m.jpg); } }

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 42.51em), (min-resolution: 192dpi) and (min-width: 42.51em), (min-resolution: 2dppx) and (min-width: 42.51em) { .codes__block--prov { background-image: url(../images/codes/prov--l.jpg); } }

.codes__block--shampoo { background-image: url(../images/codes/shampoo--s.jpg); }

@media (min-width: 42.51em) { .codes__block--shampoo { background-image: url(../images/codes/shampoo--m.jpg); } }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .codes__block--shampoo { background-image: url(../images/codes/shampoo--m.jpg); } }

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 42.51em), (min-resolution: 192dpi) and (min-width: 42.51em), (min-resolution: 2dppx) and (min-width: 42.51em) { .codes__block--shampoo { background-image: url(../images/codes/shampoo--l.jpg); } }

.codes__block--tabasco { background-image: url(../images/codes/tabasco--s.jpg); }

@media (min-width: 42.51em) { .codes__block--tabasco { background-image: url(../images/codes/tabasco--m.jpg); } }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .codes__block--tabasco { background-image: url(../images/codes/tabasco--m.jpg); } }

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 42.51em), (min-resolution: 192dpi) and (min-width: 42.51em), (min-resolution: 2dppx) and (min-width: 42.51em) { .codes__block--tabasco { background-image: url(../images/codes/tabasco--l.jpg); } }

.support__logo { display: block; max-width: 13.75rem; margin: 0.625rem auto; margin: 0.625rem 0; }

@media (min-width: 60em) { .support__logo { margin: 0.625rem 0; } }

.u-alpha { font-family: "Trade Gothic LT W01 Bold", Arial, Verdana, sans-serif; font-size: 1.625rem; font-weight: 400; line-height: 1.294117647; letter-spacing: 0.02em; text-transform: uppercase; }

@media (min-width: 42.51em) { .u-alpha { font-size: 2.125rem; } }

.u-beta { font-family: "Trade Gothic LT W01 Bold", Arial, Verdana, sans-serif; font-size: 1.375rem; font-weight: 400; line-height: 1.454545455; }

.u-strap { font-family: "Trade Gothic LT W01 Bold", Arial, Verdana, sans-serif; font-size: 1.375rem; font-weight: 400; line-height: 1.454545455; color: #283273; text-transform: none; }

.u-txt-secondary { color: #64b4e6; }

.u-append-next { padding-bottom: 0; margin-bottom: 0; }

.u-append-next + * { margin-top: 0; }

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

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

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

.u-txt-good { color: #3fae29 !important; }

.u-txt-bad { color: #c83a14 !important; }

@media (min-width: 42.51em) and (max-width: 60em) { .u-txt-pageteaser { min-height: 7.25em; } }

@media (min-width: 60.01em) { .u-txt-pageteaser { min-height: 5.4375em; } }

.u-txt-copytext a:link { text-decoration: underline; }

.u-mar-xs { margin: 0.3125rem !important; }

.u-mar-s { margin: 0.625rem !important; }

.u-mar-m { margin: 0.9375rem !important; }

.u-mar-l { margin: 1.875rem !important; }

.u-mar-xl { margin: 2.8125rem !important; }

.u-mar-xxl { margin: 3.75rem !important; }

.u-mar-xxxl { margin: 6.25rem !important; }

.u-t-mar-xs { margin-top: 0.3125rem !important; }

.u-t-mar-s { margin-top: 0.625rem !important; }

.u-t-mar-m { margin-top: 0.9375rem !important; }

.u-t-mar-l { margin-top: 1.875rem !important; }

.u-t-mar-xl { margin-top: 2.8125rem !important; }

.u-t-mar-xxl { margin-top: 3.75rem !important; }

.u-t-mar-xxxl { margin-top: 6.25rem !important; }

.u-b-mar-xs { margin-bottom: 0.3125rem !important; }

.u-b-mar-s { margin-bottom: 0.625rem !important; }

.u-b-mar-m { margin-bottom: 0.9375rem !important; }

.u-b-mar-l { margin-bottom: 1.875rem !important; }

.u-b-mar-xl { margin-bottom: 2.8125rem !important; }

.u-b-mar-xxl { margin-bottom: 3.75rem !important; }

.u-b-mar-xxxl { margin-bottom: 6.25rem !important; }

.u-v-mar-xs { margin-top: 0.3125rem !important; margin-bottom: 0.3125rem !important; }

.u-v-mar-s { margin-top: 0.625rem !important; margin-bottom: 0.625rem !important; }

.u-v-mar-m { margin-top: 0.9375rem !important; margin-bottom: 0.9375rem !important; }

.u-v-mar-l { margin-top: 1.875rem !important; margin-bottom: 1.875rem !important; }

.u-v-mar-xl { margin-top: 2.8125rem !important; margin-bottom: 2.8125rem !important; }

.u-v-mar-xxl { margin-top: 3.75rem !important; margin-bottom: 3.75rem !important; }

.u-v-mar-xxxl { margin-top: 6.25rem !important; margin-bottom: 6.25rem !important; }

.u-l-mar-xs { margin-left: 0.3125rem !important; }

.u-l-mar-s { margin-left: 0.625rem !important; }

.u-l-mar-m { margin-left: 0.9375rem !important; }

.u-l-mar-l { margin-left: 1.875rem !important; }

.u-l-mar-xl { margin-left: 2.8125rem !important; }

.u-l-mar-xxl { margin-left: 3.75rem !important; }

.u-l-mar-xxxl { margin-left: 6.25rem !important; }

.u-r-mar-xs { margin-right: 0.3125rem !important; }

.u-r-mar-s { margin-right: 0.625rem !important; }

.u-r-mar-m { margin-right: 0.9375rem !important; }

.u-r-mar-l { margin-right: 1.875rem !important; }

.u-r-mar-xl { margin-right: 2.8125rem !important; }

.u-r-mar-xxl { margin-right: 3.75rem !important; }

.u-r-mar-xxxl { margin-right: 6.25rem !important; }

.u-h-mar-xs { margin-left: 0.3125rem !important; margin-right: 0.3125rem !important; }

.u-h-mar-s { margin-left: 0.625rem !important; margin-right: 0.625rem !important; }

.u-h-mar-m { margin-left: 0.9375rem !important; margin-right: 0.9375rem !important; }

.u-h-mar-l { margin-left: 1.875rem !important; margin-right: 1.875rem !important; }

.u-h-mar-xl { margin-left: 2.8125rem !important; margin-right: 2.8125rem !important; }

.u-h-mar-xxl { margin-left: 3.75rem !important; margin-right: 3.75rem !important; }

.u-h-mar-xxxl { margin-left: 6.25rem !important; margin-right: 6.25rem !important; }

.u-t-pad-xs { padding-top: 0.3125rem !important; }

.u-t-pad-s { padding-top: 0.625rem !important; }

.u-t-pad-m { padding-top: 0.9375rem !important; }

.u-t-pad-l { padding-top: 1.875rem !important; }

.u-t-pad-xl { padding-top: 2.8125rem !important; }

.u-t-pad-xxl { padding-top: 3.75rem !important; }

.u-t-pad-xxxl { padding-top: 6.25rem !important; }

.u-b-pad-xs { padding-bottom: 0.3125rem !important; }

.u-b-pad-s { padding-bottom: 0.625rem !important; }

.u-b-pad-m { padding-bottom: 0.9375rem !important; }

.u-b-pad-l { padding-bottom: 1.875rem !important; }

.u-b-pad-xl { padding-bottom: 2.8125rem !important; }

.u-b-pad-xxl { padding-bottom: 3.75rem !important; }

.u-b-pad-xxxl { padding-bottom: 6.25rem !important; }

.u-v-pad-xs { padding-top: 0.3125rem !important; padding-bottom: 0.3125rem !important; }

.u-v-pad-s { padding-top: 0.625rem !important; padding-bottom: 0.625rem !important; }

.u-v-pad-m { padding-top: 0.9375rem !important; padding-bottom: 0.9375rem !important; }

.u-v-pad-l { padding-top: 1.875rem !important; padding-bottom: 1.875rem !important; }

.u-v-pad-xl { padding-top: 2.8125rem !important; padding-bottom: 2.8125rem !important; }

.u-v-pad-xxl { padding-top: 3.75rem !important; padding-bottom: 3.75rem !important; }

.u-v-pad-xxxl { padding-top: 6.25rem !important; padding-bottom: 6.25rem !important; }

.u-l-pad-xs { padding-left: 0.3125rem !important; }

.u-l-pad-s { padding-left: 0.625rem !important; }

.u-l-pad-m { padding-left: 0.9375rem !important; }

.u-l-pad-l { padding-left: 1.875rem !important; }

.u-l-pad-xl { padding-left: 2.8125rem !important; }

.u-l-pad-xxl { padding-left: 3.75rem !important; }

.u-l-pad-xxxl { padding-left: 6.25rem !important; }

.u-r-pad-xs { padding-right: 0.3125rem !important; }

.u-r-pad-s { padding-right: 0.625rem !important; }

.u-r-pad-m { padding-right: 0.9375rem !important; }

.u-r-pad-l { padding-right: 1.875rem !important; }

.u-r-pad-xl { padding-right: 2.8125rem !important; }

.u-r-pad-xxl { padding-right: 3.75rem !important; }

.u-r-pad-xxxl { padding-right: 6.25rem !important; }

.u-h-pad-xs { padding-left: 0.3125rem !important; padding-right: 0.3125rem !important; }

.u-h-pad-s { padding-left: 0.625rem !important; padding-right: 0.625rem !important; }

.u-h-pad-m { padding-left: 0.9375rem !important; padding-right: 0.9375rem !important; }

.u-h-pad-l { padding-left: 1.875rem !important; padding-right: 1.875rem !important; }

.u-h-pad-xl { padding-left: 2.8125rem !important; padding-right: 2.8125rem !important; }

.u-h-pad-xxl { padding-left: 3.75rem !important; padding-right: 3.75rem !important; }

.u-h-pad-xxxl { padding-left: 6.25rem !important; padding-right: 6.25rem !important; }

.u-seamless { padding: 0 !important; margin: 0 !important; }

.u-seamless-b { padding-bottom: 0 !important; margin-bottom: 0 !important; }

.u-seamless-t { padding-top: 0 !important; margin-top: 0 !important; }

.u-no-t-pad { padding-top: 0 !important; }

.u-no-r-pad { padding-right: 0 !important; }

.u-no-b-pad { padding-bottom: 0 !important; }

.u-no-l-pad { padding-left: 0 !important; }

.u-no-t-mar { margin-top: 0 !important; }

.u-no-r-mar { margin-right: 0 !important; }

.u-no-b-mar { margin-bottom: 0 !important; }

.u-no-l-mar { margin-left: 0 !important; }

.u-fl-right { float: right; }

.u-fl-left { float: left; }

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

.is-hidden { display: none; }

.is-frozen { overflow: hidden; }

@media (min-width: 42.51em) { .is-frozen { overflow: auto; } }

@media (max-width: 28.75em) { .is-hidden-for-phones-down { display: none !important; } }

@media (min-width: 28.76em) { .is-hidden-for-phones-up { display: none !important; } }

@media (max-width: 42.5em) { .is-hidden-for-phablets-down { display: none !important; } }

@media (min-width: 42.51em) { .is-hidden-for-phablets-up { display: none !important; } }

@media (max-width: 60em) { .is-hidden-for-tablets-down { display: none !important; } }

@media (min-width: 60.01em) { .is-hidden-for-tablets-up { display: none !important; } }

@media (max-width: 75em) { .is-hidden-for-desktops-down { display: none !important; } }

@media (min-width: 75.01em) { .is-hidden-for-desktops-up { display: none !important; } }

.u-page-anchor::before { display: block; content: ""; height: 7.5625rem; margin: -7.5625rem 0 0; }

.u-link-external { display: inline-block; width: 1.5rem; height: 1.5rem; margin: 0 .25em; background: transparent url(../images/shared/external-link.svg); background-size: 1.5rem 1.5rem; text-indent: -999em; vertical-align: baseline; }

.u-link-external + .u-link-external { margin-left: 0; }
.staff-member__position { line-height: 1.35em; min-height: 2.75em; }
.staff-member__position span { font-size: .9em; }


@media (max-width: 1100px) { 
  .trusted_logo {
      width: 110px;
  }
  .footer-img {
      max-height: 120px;
  }
}

@media (max-width: 790px) { 
  .footer .o-grid__col {
      margin-right: 2.8571428571%;
      margin-top: 2.8125rem;
      width: 45%;
      display: grid;
      text-align: center !important;
  }  
  .footer_dsgvo h3 {
      text-align: center;
  }
  .footer-img {
    margin: 0 auto;
  }
}

@media (max-width: 500px) {
    .trusted_logo {
        width: 100px !important;
    }
    .footer-img {
        max-height: 110px;
    }
}