/* MOVE */

.login-form-container button.submit-button {
  margin-top: 20px;
}

.faq-menu summary::-webkit-details-marker {
  display: none;
}

.faq-menu summary {
  outline: none;
  cursor: pointer;
}

.faq .faq-menu-sidebar .menu .title .icon:before {
  transform: rotate(-90deg) !important;
  -webkit-transform: rotate(-90deg) !important;

}

.faq .faq-menu-sidebar .menu details[open] .title .icon::before {
  transform: rotate(0deg) !important;
  -webkit-transform: rotate(0deg) !important;
}

.subscribe-newsletter__cta {
  font-weight: 700;
  font-size: 24px;
  color: #3D3D3B;
  text-transform: uppercase;
  border: 3px solid rgba(61, 61, 59, 0.32);
  padding: 0 6px 0 23px;
  display: inline-block;
  line-height: 2.1em;
  transition: border .2s ease-out;
  background: transparent;
  white-space: nowrap;
  border-radius: 0;
  margin-left: auto;
  margin-right: auto;
}

.subscribe-newsletter--form .subscribe-newsletter__cta .arrow-link {
  padding-right: 71px;
}

.subscribe-newsletter__cta .arrow-link:after {
  width: 45px;
  height: 16px;
  top: calc(50% - 8px);
  right: 18px;
  transform: translateX(0);
}

.subscribe-newsletter__cta .arrow-link:hover {
  transform: translateX(6px)
}

/* /MOVE */

@charset "UTF-8";
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.shaded-comp-slider .slide img {
  display: none;
}

.shaded-comp-slider .slick-initialized .slide img {
  display: block;
}

/* Slider */
/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}

.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}

.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}

.slick-prev:before {
  content: "←";
}

[dir="rtl"] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}

.slick-next:before {
  content: "→";
}

[dir="rtl"] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

.slick-dotted.slick-slider {
  margin-bottom: 0;
}

.slick-dots {
  bottom: 0;
  height: 27px;
  line-height: 0;
}

.slick-dots > li {
  height: 27px;
  width: 15px;
  text-align: center;
  margin: 0;
  line-height: 0;
  vertical-align: top;
}

.slick-dots > li button {
  background: rgba(255, 255, 255, 0.6);
  width: 3px;
  padding: 0;
  display: inline-block;
  height: 20px;
}

.slick-dots > li button:before {
  content: none;
}

.slick-dots > li.slick-active button {
  width: 6px;
  background: white;
  height: 27px;
}

/*

Original highlight.js style (c) Ivan Sagalaev <maniac@softwaremaniacs.org>

*/
.code-container {
  padding: 21px 0 21px 25px;
  background: #F0F0F0;
  background: transparent url("../images/blog-spec-bg.jpg") no-repeat center;
  background-size: cover;
}

.code-container:after {
  content: '';
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.9);
  z-index: 1;
}

.code-container pre {
  position: relative;
  z-index: 2;
  max-height: 300px;
  padding-right: 25px;
}

.hljs {
  display: block;
  overflow-x: auto;
  padding: .5em;
}

/* Base color: saturation 0; */
.hljs,
.hljs-subst {
  color: #444;
}

.hljs-comment {
  color: #888888;
}

.hljs-keyword,
.hljs-attribute,
.hljs-selector-tag,
.hljs-meta-keyword,
.hljs-doctag,
.hljs-name {
  font-weight: bold;
}

/* User color: hue: 0 */
.hljs-type,
.hljs-string,
.hljs-number,
.hljs-selector-id,
.hljs-selector-class,
.hljs-quote,
.hljs-template-tag,
.hljs-deletion {
  color: #880000;
}

.hljs-title,
.hljs-section {
  color: #880000;
  font-weight: bold;
}

.hljs-regexp,
.hljs-symbol,
.hljs-variable,
.hljs-template-variable,
.hljs-link,
.hljs-selector-attr,
.hljs-selector-pseudo {
  color: #BC6060;
}

/* Language color: hue: 90; */
.hljs-literal {
  color: #78A960;
}

.hljs-built_in,
.hljs-bullet,
.hljs-code,
.hljs-addition {
  color: #397300;
}

/* Meta color: hue: 200 */
.hljs-meta {
  color: #1f7199;
}

.hljs-meta-string {
  color: #4d99bf;
}

/* Misc effects */
.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}

a.swipebox:after {
  content: none !important;
}

a.swipebox.shaded-comp--content {
  display: block !important;
}

/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
html.swipebox-html.swipebox-touch {
  overflow: hidden !important;
}

#swipebox-overlay img {
  border: none !important;
}

#swipebox-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999 !important;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#swipebox-container {
  position: relative;
  width: 100%;
  height: 100%;
}

#swipebox-slider {
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  white-space: nowrap;
  position: absolute;
  display: none;
  cursor: pointer;
}

#swipebox-slider .slide {
  height: 100%;
  width: 100%;
  line-height: 1px;
  text-align: center;
  display: inline-block;
}

#swipebox-slider .slide:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}

#swipebox-slider .slide img,
#swipebox-slider .slide .swipebox-video-container,
#swipebox-slider .slide .swipebox-inline-container {
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  vertical-align: middle;
}

#swipebox-slider .slide .swipebox-video-container {
  background: none;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 5%;
  box-sizing: border-box;
}

#swipebox-slider .slide .swipebox-video-container .swipebox-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}

#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}

#swipebox-slider .slide-loading {
  background: url(../images/swipebox/loader.gif) no-repeat center center;
}

#swipebox-bottom-bar,
#swipebox-top-bar {
  transition: 0.5s;
  position: absolute;
  left: 0;
  z-index: 999;
  height: 50px;
  width: 100%;
}

#swipebox-title {
  display: block;
  width: 100%;
  text-align: center;
}

#swipebox-prev,
#swipebox-next,
#swipebox-close {
  background-repeat: no-repeat;
  border: none !important;
  text-decoration: none !important;
  cursor: pointer;
  width: 50px;
  height: 50px;
  top: 0;
}

#swipebox-arrows {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 50px;
}

#swipebox-prev {
  background-position: -32px 13px;
  float: left;
}

#swipebox-next {
  background-position: -78px 13px;
  float: right;
}

#swipebox-close {
  top: 0;
  right: 0;
  position: absolute;
  z-index: 9999;
  background-position: 15px 12px;
}

.swipebox-no-close-button #swipebox-close {
  display: none;
}

#swipebox-prev.disabled,
#swipebox-next.disabled {
  opacity: 0.3;
}

.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
  -webkit-animation: rightSpring 0.3s;
  animation: rightSpring 0.3s;
}

.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
  -webkit-animation: leftSpring 0.3s;
  animation: leftSpring 0.3s;
}

.swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: all .3s ease;
  content: ' ';
  position: absolute;
  z-index: 999;
  top: 0;
  height: 100%;
  width: 20px;
  opacity: 0;
}

.swipebox-touch #swipebox-container:before {
  left: 0;
  box-shadow: inset 10px 0px 10px -8px #656565;
}

.swipebox-touch #swipebox-container:after {
  right: 0;
  box-shadow: inset -10px 0px 10px -8px #656565;
}

.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before {
  opacity: 1;
}

.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
  opacity: 1;
}

@-webkit-keyframes rightSpring {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}

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

@-webkit-keyframes leftSpring {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}

@keyframes leftSpring {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}

@media screen and (min-width: 800px) {
  #swipebox-close {
    right: 10px;
  }

  #swipebox-arrows {
    width: 92%;
    max-width: 800px;
  }
}

/* Skin
--------------------------*/
#swipebox-overlay {
  background: #0d0d0d;
}

#swipebox-bottom-bar,
#swipebox-top-bar {
  text-shadow: 1px 1px 1px black;
  background: #000;
  opacity: 0.95;
}

#swipebox-top-bar {
  color: white !important;
  font-size: 15px;
  line-height: 43px;
  font-family: Helvetica, Arial, sans-serif;
}

.swipebox-html body {
  overflow: hidden;
}

.swipebox-html #swipebox-overlay {
  background: transparent;
}

.swipebox-html #swipebox-container {
  background: rgba(0, 0, 0, 0.9);
  overflow: hidden;
}

.swipebox-html #swipebox-bottom-bar {
  bottom: 0;
  position: static;
}

.swipebox-html #swipebox-bottom-bar,
.swipebox-html #swipebox-top-bar {
  transition: none;
  background: transparent;
}

.swipebox-html #swipebox-close {
  background: transparent;
  height: 22px;
  width: 22px;
  right: 25px;
  top: 25px;
  font-size: 23px;
  text-align: center;
  font-weight: 400;
  -webkit-transform: scaleX(1.4);
  transform: scaleX(1.4);
  font-stretch: expanded;
}

.swipebox-html #swipebox-close:before {
  content: 'X';
  color: #fff;
}

.swipebox-html #swipebox-slider {
  cursor: default;
}

.swipebox-html #swipebox-prev,
.swipebox-html #swipebox-next {
  background: transparent;
  height: 80%;
  width: 60px;
  position: absolute;
  top: 10%;
  right: 5px;
  float: none;
  padding: 0 20px;
  cursor: pointer;
  -webkit-transform: scale(-1);
  transform: scale(-1);
}

.swipebox-html #swipebox-prev:after,
.swipebox-html #swipebox-next:after {
  content: '';
  background: url("../images/preview-slider-arrow-desktop-white.svg") no-repeat scroll center;
  background-size: contain;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  display: block;
}

.swipebox-html #swipebox-prev {
  -webkit-transform: scale(1);
  transform: scale(1);
  left: 5px;
  right: auto;
}

.swipebox-html #swipebox-slider .slide img {
  max-width: calc(100% - 160px);
}

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html,
button,
input,
select,
textarea {
  color: #222;
}

body {
  font-size: 1em;
  line-height: 1.5;
}

a {
  color: #00e;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
img {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/* Prevent callout

.nocallout {
  -webkit-touch-callout: none;
}

.pressed {
  background-color: rgba(0, 0, 0, 0.7);
}
*/
/* A hack for HTML5 contenteditable attribute on mobile */
textarea[contenteditable] {
  -webkit-appearance: none;
}

/* A workaround for S60 3.x and 5.0 devices which do not animated gif images if
   they have been set as display: none

.gifhidden {
  position: absolute;
  left: -100%;
}*/
/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0;
  direction: ltr;
  display: block;
  overflow: hidden;
  text-align: left;
  text-indent: -999em;
}

.ir br {
  display: none;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u


.hidden {
  display: none !important;
  visibility: hidden;
}
*/
/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v


.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
*/
/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p


.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
*/
/*
 * Hide visually and from screenreaders, but maintain layout


.invisible {
  visibility: hidden;
}*/
/**
 * Clearfix helper
 * Used to contain floats: h5bp.com/q


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

.clearfix::after {
  clear: both;
}
*/
/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 800px) {
  /* Style adjustments for viewports that meet the condition */
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  /* Style adjustments for viewports that meet the condition */
}

/*! 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,
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 styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * 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
   ========================================================================== */
/**
 * Remove margin
 */
figure {
  margin: 0;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  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"] {
  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 */
  /* 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;
}

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

/* Blockquote
   ========================================================================== */
blockquote {
  margin: 0;
}

* {
  box-sizing: border-box;
}

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

.form-group label {
  font-weight: 300;
  font-size: 20px;
  color: #686863;
}

.form-group label + .form-group--input-container {
  margin-top: 8px;
}

.form-group input, .form-group textarea {
  width: 100%;
  border: none;
  font-weight: 600;
  font-size: 18px;
  color: #686863;
  padding: 8px 13px 9px 13px;
  outline: none !important;
}

.form-group + .form-group,
.form-group-row + .form-group-row {
  margin-top: 20px;
}

.form-group-row .response-message {
  text-align: center;
}

.form-group-row .response-message.error {
  font-style: italic;
  font-weight: normal;
  color: #730f0f;
}

.form-group-row .response-message.success {
  font-weight: 700;
  color: #3AA4A5;
}

.submit-button {
  width: 100%;
  font-size: 20px;
  color: #3D3D3B;
  letter-spacing: 0px;
  background: #F5CE6A;
  border: none;
  text-transform: uppercase;
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: -webkit-transform .2s ease-out;
  transition: transform .2s ease-out;
}

@media (min-width: 1024px) {
  .submit-button {
    font-size: calc(20px + (28 - 20) * ((100vw - 1024px) / (1440 - 1024)));
  }
}

@media (min-width: 1440px) {
  .submit-button {
    font-size: 28px;
  }
}

.submit-button.arrow-link {
  padding: 5px 8px;
}

.submit-button.arrow-link:after {
  content: none;
}

.submit-button span {
  display: inline-block;
  position: relative;
  padding-right: 55px;
}

.submit-button span:after {
  content: '';
  position: absolute;
  display: block;
  width: 45px;
  height: 16px;
  right: 0;
  top: calc(50% - 8px);
  background: transparent url("../images/headline-link-arrow.svg") no-repeat center;
  background-size: contain;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  transition: -webkit-transform .2s ease-out;
  transition: transform .2s ease-out;
}

.submit-button:hover {
  -webkit-transform: perspective(1px) scale(0.99);
  transform: perspective(1px) scale(0.99);
}

.submit-button:hover span:after {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}

.ui.dropdown {
  padding-left: 12px !important;
}

.ui.dropdown > .text {
  font-weight: 600 !important;
  font-size: 18px;
  color: #686863 !important;
  padding-left: 0;
  line-height: 1.4em;
}

.ui.search.dropdown > span.sizer {
  font-size: 18px;
  font-weight: 600;
}

.ui.multiple.dropdown > .text {
  margin: 0 !important;
  line-height: 1.4em;
}

.ui.selection.active.dropdown:hover {
  box-shadow: none !important;
}

.ui.selection.dropdown {
  padding-top: .625em;
  padding-bottom: .625em;
  line-height: 1.4em !important;
  min-height: 2.813em;
}

@media (min-width: 1024px) {
  .ui.selection.dropdown {
    padding-top: calc(10px + (7 - 10) * ((100vw - 1024px) / (1440 - 1024)));
  }
}

@media (min-width: 1440px) {
  .ui.selection.dropdown {
    padding-top: 7px;
  }
}

@media (min-width: 1024px) {
  .ui.selection.dropdown {
    padding-bottom: calc(10px + (7 - 10) * ((100vw - 1024px) / (1440 - 1024)));
  }
}

@media (min-width: 1440px) {
  .ui.selection.dropdown {
    padding-bottom: 7px;
  }
}

.ui.selection.dropdown .menu > .message {
  display: none;
}

.ui.selection.dropdown > .dropdown.icon {
  margin: 0;
  padding: 0;
  height: 10px;
  width: 16px;
  top: calc(50% - 5px);
  right: 11px;
  -webkit-transform: rotate(0);
  transform: rotate(0);
  transition: -webkit-transform .2s ease-out;
  transition: transform .2s ease-out;
  opacity: 1;
}

.ui.selection.dropdown > .dropdown.icon:before {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  background: transparent url("../images/form-select-icon.svg") no-repeat center !important;
  background-size: contain;
}

.ui.selection.dropdown.active > .dropdown.icon {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.ui.selection.dropdown .filtered.item,
.ui.selection.dropdown.checkbox-menu .filtered.item {
  display: block !important;
}

.ui.selection.dropdown .item {
  font-weight: 300;
}

.ui.selection.dropdown .item .dropdown-checkbox {
  vertical-align: top;
  height: 18px;
  width: 18px;
  background: #DBDBDB;
  display: inline-block;
  margin-right: 18px;
  position: relative;
  vertical-align: middle;
}

.ui.selection.dropdown .item.active {
  font-weight: 300;
  color: #686863;
}

.ui.selection.dropdown .item.selected {
  color: #686863;
  background: transparent;
}

.ui.selection.dropdown .item.active .dropdown-checkbox:after,
.ui.selection.dropdown .item.select-all--selected .dropdown-checkbox:after {
  position: absolute;
  font-size: 14px;
  line-height: 18px;
  top: 0px;
  left: 0;
  text-align: center;
  opacity: 1;
  color: #3AA4A5;
  transition: none;
  font-family: Checkbox;
  content: '\e800';
}

.ui.dropdown .menu > .item {
  font-size: 18px;
  color: #686863;
}

@media (min-width: 768px) {
  .ui.dropdown .menu > .item {
    font-size: calc(18px + (24 - 18) * ((100vw - 768px) / (1440 - 768)));
  }
}

@media (min-width: 1440px) {
  .ui.dropdown .menu > .item {
    font-size: 24px;
  }
}

.ui.selection.dropdown .menu > .item {
  padding: .64283rem 12px !important;
  border-top: none;
}

.ui.selection.dropdown .menu > .item.selected {
  background: transparent;
}

.ui.selection.active.dropdown .menu {
  margin-top: 3px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.22);
}

.ui.selection.dropdown .item .dropdown-checkbox {
  margin-right: .75em;
}

.ui.multiple.dropdown > .label {
  background: transparent;
  color: #686863;
  font-size: 18px;
  box-shadow: none;
  padding: 0;
  margin: 0;
  line-height: 1.4em;
  font-weight: 600;
}

.ui.multiple.dropdown > .label i.icon {
  display: none;
}

.ui.multiple.dropdown > .label:after {
  content: ',\00a0';
}

.ui.multiple.dropdown > .label:last-of-type:after {
  content: '';
}

.ui.multiple.dropdown .item.filtered {
  display: none !important;
}

.ui.multiple.dropdown .item.selected {
  background: #F0F0F0;
  color: #000;
}

.ui.multiple.dropdown.search .default.text.filtered + .menu .item.filtered {
  display: none !important;
}

.ui.multiple.dropdown.search-tags > .menu {
  display: none !important;
}

.ui.multiple.dropdown.label--button {
  padding-top: 5px;
  padding-bottom: 0;
  padding-left: 4px !important;
  min-height: 45px;
}

@media (min-width: 768px) {
  .ui.multiple.dropdown.label--button {
    min-height: calc(45px + (54 - 45) * ((100vw - 768px) / (1440 - 768)));
  }
}

@media (min-width: 1440px) {
  .ui.multiple.dropdown.label--button {
    min-height: 54px;
  }
}

.ui.multiple.dropdown.label--button > .label {
  /* line-height: 20px; */
  font-weight: 300;
  background: #3AA4A5;
  color: #fff;
  padding: 0 10px 0 9px;
  margin: 0 9px 4px 0;
  font-size: 22px;
  line-height: 35px;
}

@media (min-width: 768px) {
  .ui.multiple.dropdown.label--button > .label {
    font-size: calc(22px + (32 - 22) * ((100vw - 768px) / (1440 - 768)));
  }
}

@media (min-width: 1440px) {
  .ui.multiple.dropdown.label--button > .label {
    font-size: 32px;
  }
}

@media (min-width: 768px) {
  .ui.multiple.dropdown.label--button > .label {
    line-height: calc(35px + (45 - 35) * ((100vw - 768px) / (1440 - 768)));
  }
}

@media (min-width: 1440px) {
  .ui.multiple.dropdown.label--button > .label {
    line-height: 45px;
  }
}

.ui.multiple.dropdown.label--button > .label:after {
  content: none;
}

.ui.multiple.dropdown.label--button > .label i.icon {
  margin: 0 0 0 7px;
  height: 35px;
  width: 20px;
  position: relative;
  background: transparent url("../images/form-x.svg") no-repeat center/contain !important;
  cursor: pointer;
  display: inline-block;
  -webkit-transform: perspective(1px) scale(1);
  transform: perspective(1px) scale(1);
  transition: -webkit-transform .2s ease-out;
  transition: transform .2s ease-out;
}

@media (min-width: 768px) {
  .ui.multiple.dropdown.label--button > .label i.icon {
    height: calc(35px + (45 - 35) * ((100vw - 768px) / (1440 - 768)));
  }
}

@media (min-width: 1440px) {
  .ui.multiple.dropdown.label--button > .label i.icon {
    height: 45px;
  }
}

.ui.multiple.dropdown.label--button > .label i.icon:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.ui.multiple.dropdown.label--button > .label:hover i.icon {
  -webkit-transform: perspective(1px) scale(0.85);
  transform: perspective(1px) scale(0.85);
}

.ui.input input {
  padding-top: .63em;
  padding-bottom: .62em;
}

/*input[type="file"] {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
  padding: 0;
}

input[type="file"] + label {
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  margin-right: 10px;
  border: 2px solid #3AA4A5;
  background: transparent;
  line-height: 41px;
  padding: 0 13px;
  font-size: 16px;
  text-transform: uppercase;
  color: #3D3D3B;
  font-weight: 700;
  vertical-align: top;
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: -webkit-transform .2s ease-out;
  transition: transform .2s ease-out;
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
}

@media (min-width: 320px) {
  input[type="file"] + label {
    font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  input[type="file"] + label {
    font-size: 20px;
  }
}

input[type="file"] + label:hover {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}

@media (min-width: 768px) {
  input[type="file"] + label {
    width: auto;
  }
}

@media (min-width: 768px) {
  input[type="file"] + label {
    max-width: calc(215px + (630 - 215) * ((100vw - 768px) / (1440 - 768)));
  }
}

@media (min-width: 1440px) {
  input[type="file"] + label {
    max-width: 630px;
  }
}

input[type="file"]:focus + label,
input[type="file"].has-focus + label {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}

input[type="file"] + label * {
  !* pointer-events: none; *!
  !* in case of FastClick lib use *!
}

input[type="file"] + label svg {
  width: 1em;
  height: 1em;
  vertical-align: middle;
  fill: currentColor;
  margin-top: -0.25em;
  !* 4px *!
  margin-right: 0.25em;
  !* 4px *!
}*/

.flowing-text {
  padding: 20px 0 20px;
  font-size: 16px;
  line-height: 1.6364em;
  color: #3D3D3B;
}

@media (min-width: 320px) {
  .flowing-text {
    font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .flowing-text {
    font-size: 22px;
  }
}

.flowing-text a {
  font-weight: 600;
  display: inline-block;
  position: relative;
}

.flowing-text a:after {
  content: '';
  display: block;
  height: 2px;
  width: 100%;
  background: #fff;
  left: 0;
  bottom: 3px;
  -webkit-transform: scale(0);
  transform: scale(0);
  transition: -webkit-transform .2s ease-out;
  transition: transform .2s ease-out;
  position: absolute;
}

.flowing-text a:hover:after {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.flowing-text p {
  line-height: 1.6364em;
}

.flowing-text .abstract {
  font-size: 18px;
  color: #3AA4A5;
  line-height: 1.4231em;
  margin-bottom: 20px;
}

@media (min-width: 320px) {
  .flowing-text .abstract {
    font-size: calc(18px + (26 - 18) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .flowing-text .abstract {
    font-size: 26px;
  }
}

.flowing-text .abstract p {
  margin: 0;
}

.flowing-text .abstract p + p {
  margin-bottom: 1.4em;
}

.flowing-text .abstract:last-child {
  margin-bottom: 0;
}

.flowing-text .shaded-comp {
  margin-bottom: 30px !important;
}

.flowing-text .shaded-comp:not(:first-child) {
  margin-top: 30px;
}

.flowing-text .content-width:after {
  content: '';
  display: block;
  clear: both;
}

.flowing-text .cite {
  background: transparent url("../images/search-form-bg.jpg") no-repeat center scroll;
  background-size: cover;
  color: #fff;
  padding: 48px 0;
  margin-top: 80px;
  margin-bottom: 73px;
  line-height: 1.4231em;
  font-size: 18px;
  position: relative;
}

@media (min-width: 320px) {
  .flowing-text .cite {
    font-size: calc(18px + (26 - 18) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .flowing-text .cite {
    font-size: 26px;
  }
}

.flowing-text .cite:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  height: 100%;
  width: 100%;
  background: rgba(58, 164, 165, 0.95);
}

.flowing-text .cite p {
  position: relative;
  margin: 0 auto;
  width: 290px;
}

@media (min-width: 320px) {
  .flowing-text .cite p {
    width: calc(290px + (1233 - 290) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .flowing-text .cite p {
    width: 1233px;
  }
}

.flowing-text .cite p:first-child {
  position: relative;
}

.flowing-text .cite p:first-child:before {
  content: '\201D';
  font-size: 180px;
  display: block;
  float: left;
  overflow: hidden;
  line-height: 138px;
  height: 50px;
  width: 60px;
  margin: 20px 20px 10px 0;
  text-align: center;
}

.flowing-text .cite .author {
  font-weight: 600;
  display: block;
  margin-top: 10px;
  font-size: 16px;
}

@media (min-width: 320px) {
  .flowing-text .cite .author {
    font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .flowing-text .cite .author {
    font-size: 22px;
  }
}

.flowing-text .cite .author:before {
  content: '– ';
}

.flowing-text--headline {
  display: inline-block;
  font-weight: 600;
  font-size: 18px;
  color: #3AA4A5;
  line-height: normal;
  margin-top: 40px;
  margin-bottom: 21px;
  clear: both;
}

@media (min-width: 320px) {
  .flowing-text--headline {
    font-size: calc(18px + (26 - 18) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .flowing-text--headline {
    font-size: 26px;
  }
}

.flowing-text--full-width {
  width: 100vw;
  position: relative;
  margin-left: -50vw;
  left: 50%;
}

.flowing-text .flowing-text--headline + ol,
.flowing-text .flowing-text--headline + ul {
  margin-top: 0;
}

.flowing-text ol,
.flowing-text ul:not(.slick-dots) {
  list-style: none;
  padding-left: 0;
  margin-top: 40px;
  margin-bottom: 40px;
}

.flowing-text ol:first-child,
.flowing-text ul:not(.slick-dots):first-child {
  margin-top: 0px;
}

.flowing-text ol:last-child,
.flowing-text ul:not(.slick-dots):last-child {
  margin-bottom: 0px;
}

.flowing-text ol li,
.flowing-text ul:not(.slick-dots) li {
  position: relative;
  padding-left: 24px;
}

@media (min-width: 320px) {
  .flowing-text ol li,
  .flowing-text ul:not(.slick-dots) li {
    padding-left: calc(24px + (36 - 24) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .flowing-text ol li,
  .flowing-text ul:not(.slick-dots) li {
    padding-left: 36px;
  }
}

.flowing-text ol li:before,
.flowing-text ul:not(.slick-dots) li:before {
  color: #3AA4A5;
  position: absolute;
}

.flowing-text ol {
  counter-reset: section;
}

.flowing-text ol li:before {
  counter-increment: section;
  content: counters(section, ".") ".";
  top: 0;
  left: 6px;
  font-weight: 600;
}

.flowing-text ul:not(.slick-dots) li:before {
  content: '\2022';
  left: 10px;
}

@media (min-width: 768px) {
  .flowing-text .cite p {
    padding-left: 78px;
  }

  .flowing-text .cite p:first-child:before {
    float: none;
    position: absolute;
    top: 5px;
    left: 0;
    margin-top: 0;
  }
}

.arrow-link {
  position: relative;
  padding-right: 58px;
}

.arrow-link:after {
  content: '';
  position: absolute;
  display: block;
  width: 51px;
  height: 18px;
  right: 0;
  top: calc(50% - 9px);
  background: transparent url("../images/headline-link-arrow.svg") no-repeat center;
  background-size: contain;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  transition: -webkit-transform .2s ease-out;
  transition: transform .2s ease-out;
}

.arrow-link[data-brand="github"] {
  padding-left: 80px;
}

.arrow-link[data-brand="github"]:before {
  content: '';
  position: absolute;
  display: block;
  width: 40px;
  height: 70%;
  position: absolute;
  left: 0;
  background: transparent url("../images/github-icon.svg") no-repeat center;
  background-size: contain;
  top: 15%;
}

.headline-container {
  text-align: center;
  padding-left: 0;
  padding-right: 0;
  padding-top: 42px;
  padding-bottom: 32px;
}

@media (min-width: 320px) {
  .headline-container {
    padding-top: calc(42px + (95 - 42) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .headline-container {
    padding-top: 95px;
  }
}

@media (min-width: 320px) {
  .headline-container {
    padding-bottom: calc(32px + (44 - 32) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .headline-container {
    padding-bottom: 44px;
  }
}

.headline {
  font-weight: 300;
  font-size: 28px;
  color: #686863;
  margin: 0;
  line-height: 1.286em;
}

@media (min-width: 320px) {
  .headline {
    font-size: calc(28px + (60 - 28) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .headline {
    font-size: 60px;
  }
}

.headline-link {
  font-weight: 700;
  font-size: 16px;
  color: #686863;
  text-transform: uppercase;
  padding-right: 40px;
}

@media (min-width: 320px) {
  .headline-link {
    font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .headline-link {
    font-size: 22px;
  }
}

.headline-link:after {
  top: 50%;
  width: 34px;
  height: 12px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.headline-link:hover:after {
  -webkit-transform: translateY(-50%) translateX(4px);
  transform: translateY(-50%) translateX(4px);
}

@media (min-width: 1024px) {
  .headline-container {
    text-align: left;
  }

  .headline-container.has-link {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .headline {
    color: #3D3D3B;
  }

  .headline-link {
    color: #3D3D3B;
    padding-right: 51px;
  }

  .headline-link:after {
    width: 45px;
    height: 16px;
  }
}

.preview-slider {
  position: relative;
  padding-bottom: 52px;
}

@media (min-width: 320px) {
  .preview-slider {
    padding-bottom: calc(52px + (150 - 52) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .preview-slider {
    padding-bottom: 150px;
  }
}

.preview-slider-text-navigation {
  display: none;
}

.preview-item,
.shaded-comp--container {
  outline: none;
}

.preview-item:before,
.shaded-comp--container:before {
  content: attr(data-category-name);
  font-weight: 700;
  font-size: 18px;
  display: block;
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 8px;
  line-height: 23px;
  color: #3AA4A5;
}

.preview-item.slick-slide:before {
  opacity: 0;
  transition: opacity .1s ease-out 0s;
}

.preview-item.slick-slide.slick-active:before {
  opacity: 1;
  transition: opacity .1s ease-out .2s;
}

a.preview-item .shaded-comp--content {
  overflow: hidden;
}

a.preview-item .shaded-comp--content img {
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: -webkit-transform .2s ease-out;
  transition: transform .2s ease-out;
}

a.preview-item:hover .shaded-comp--content img {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}

.preview-item-content {
  color: #3D3D3B;
  line-height: 31px;
  padding-top: 10px;
  width: calc(100% - 30px);
  max-width: 370px;
  margin: 0 auto;
  font-size: 18px;
  line-height: 1.73em;
}

@media (min-width: 320px) {
  .preview-item-content {
    font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .preview-item-content {
    font-size: 22px;
  }
}

.preview-items.slick-slider .slick-arrow {
  width: calc(19px + 6.2vw);
  height: 39px;
  background: transparent url("../images/preview-slider-arrow.svg") no-repeat center;
  background-size: 19px auto;
  position: absolute;
  left: 0;
  top: -8px;
  cursor: pointer;
  -webkit-transform: none;
  transform: none;
  padding: 0 3.2vw;
  z-index: 4;
}

.preview-items.slick-slider .slick-arrow:before {
  content: none;
}

.preview-items.slick-slider .slick-arrow.slick-next {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  left: auto;
  right: 0;
}

@media (min-width: 400px) {
  .preview-item .preview-item-wrapper {
    max-width: 370px;
    margin: 0 auto;
    margin-right: auto;
  }

  .preview-item .shaded-comp {
    width: 100%;
    margin-left: 0;
  }

  .preview-item-content {
    width: calc(100% - 10px);
    max-width: none;
  }
}

.preview-items {
  margin: 0 auto;
}

@media (min-width: 800px) {
  .preview-items {
    width: calc(746px + (1285 - 746) * ((100vw - 800px) / (1440 - 800)));
  }
}

@media (min-width: 1440px) {
  .preview-items {
    width: 1285px;
  }
}

@media (min-width: 800px) {
  .preview-item {
    margin: 0 26px;
  }

  .preview-item:before {
    text-align: right;
    padding-right: 5px;
  }

  .preview-slider-1 .preview-item .preview-item-wrapper {
    max-width: none;
  }

  .preview-items[data-show="1"] .preview-item {
    position: relative;
  }

  .preview-items[data-show="1"] .preview-item:before {
    position: absolute;
    left: calc(50% + 32px);
    top: 30px;
  }

  .preview-items[data-show="1"] .preview-item .shaded-comp {
    width: 50%;
    float: left;
    margin-right: 22px;
    margin-bottom: 12px;
  }

  .preview-items[data-show="1"] .preview-item .preview-item-content {
    padding-top: 76px;
    margin: 0;
  }

  .preview-items[data-show="1"] .preview-item-wrapper {
    position: relative;
  }

  .preview-slider-navigation .slide-arrow[data-direction="next"] {
    right: 0;
  }

  .preview-items.slick-slider {
    position: static;
  }

  .preview-items.slick-slider .slick-arrow {
    background-image: url("../images/preview-slider-arrow-desktop.svg");
    background-size: 32px auto;
    width: 32px;
    height: 100%;
    left: 0%;
    padding: 0;
  }

  .preview-items.slick-slider .slick-arrow.slick-next {
    right: 0;
  }
}

@media (min-width: 1024px) {
  .preview-item:before {
    padding-right: 10px;
  }

  .preview-slider--text-nav .preview-slider-navigation {
    display: none;
  }

  .preview-slider--text-nav .preview-slider-text-navigation {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto 48px;
  }

  .preview-slider--text-nav .navigation-item {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    font-size: 20px;
    line-height: 1.73em;
    color: #3AA4A5;
    margin: 0 10px;
    position: relative;
    padding: 0 10px;
    overflow: hidden;
    padding-bottom: 8px;
    white-space: nowrap;
    display: block;
    text-overflow: ellipsis;
    font-weight: 400;
    cursor: pointer;
  }

  .preview-slider--text-nav .navigation-item:after {
    content: '';
    width: 100%;
    height: 2px;
    display: block;
    position: absolute;
    left: 0;
    bottom: 5px;
    background: #3AA4A5;
    transition: bottom .2s ease-out, height .2s ease-out;
  }

  .preview-slider--text-nav .navigation-item.active:after {
    height: 7px;
    bottom: 0;
  }

  .preview-slider--text-nav .navigation-item:hover:after {
    bottom: 3px;
    transition: bottom .1s ease-out, height .2s ease-out;
  }

  .preview-slider--text-nav .navigation-item.active:hover:after {
    bottom: 0;
  }

  .preview-items[data-show="1"] .shaded-comp {
    margin-top: 30px;
    margin-left: 10px;
  }

  .preview-items[data-show="1"] .shaded-comp--content {
    -webkit-transform: translate(-20px, -30px);
    transform: translate(-20px, -30px);
  }

  .preview-items[data-show="1"] .shaded-comp--subtext {
    padding-top: 14px;
    padding-bottom: 11px;
    margin-top: -30px;
  }
}

@media (min-width: 1024px) {
  .preview-slider--text-nav .preview-slider-text-navigation {
    width: calc(903px + (1253 - 903) * ((100vw - 1024px) / (1440 - 1024)));
  }
}

@media (min-width: 1440px) {
  .preview-slider--text-nav .preview-slider-text-navigation {
    width: 1253px;
  }
}

@media (min-width: 1200px) {
  .preview-slider--text-nav .navigation-item {
    font-size: 22px;
  }
}

.share-list.content-width {
  margin-top: 30px;
}

.share-list .share-list--headline {
  font-size: 16px;
  color: #3AA4A5;
  margin-bottom: 12px;
}

@media (min-width: 320px) {
  .share-list .share-list--headline {
    font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .share-list .share-list--headline {
    font-size: 22px;
  }
}

.share-list .share-list--items a {
  display: inline-block;
  height: 40px;
  width: 40px;
  margin: 0 4px;
  color: #fff;
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: -webkit-transform .2s ease-out;
  transition: transform .2s ease-out;
  text-decoration: none;
}

.share-list .share-list--items a:hover {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}

.share-list .share-list--items a i.icon {
  display: block;
  font-size: 23px;
  height: 100%;
  width: 100%;
  line-height: 40px;
  background: #4A4A4A;
}

.share-list .share-list--items.inverted a {
  color: #3AA4A5;
  width: auto;
}

.share-list .share-list--items.inverted a i.icon {
  font-size: 28px;
  background: transparent;
}

.share-list .share-list--items a i.facebook {
  background: #43619C;
}

.share-list .share-list--items a i.twitter {
  background: #24A9E6;
}

.share-list .share-list--items a i.linkedin {
  background: #187FB8;
}

.share-list .share-list--items a i.instagram {
  background: #4A4A4A;
}

.share-list .share-list--items a i.xing {
  background: #006565;
}

.intro {
  position: relative;
}

.intro-slider {
  position: relative;
  min-height: 262px;
}

@media (min-width: 320px) {
  .intro-slider {
    min-height: calc(262px + (850 - 262) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .intro-slider {
    min-height: 850px;
  }
}

.intro-slider:after {
  position: absolute;
  z-index: 1;
  content: '';
  top: 0;
  height: 30.5343%;
  width: 100%;
  left: 0;
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, white 0%, white 23%, rgba(255, 255, 255, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0);
  /* IE6-9 */
}

.intro-slider .slick-arrow {
  width: 32px;
  height: 100%;
  background: transparent url("../images/intro-slider-arrow.svg") no-repeat center;
  background-size: contain;
  left: 0;
  z-index: 3;
  top: 0;
  cursor: pointer;
  -webkit-transform: none;
  transform: none;
}

.intro-slider .slick-arrow:before {
  content: none;
}

.intro-slider .slick-arrow.slick-next {
  -webkit-transform: scale(-1);
  transform: scale(-1);
  left: auto;
  right: 0;
}

.intro-slide {
  position: relative;
  height: 262px;
  outline: none;
  height: 262px;
}

@media (min-width: 320px) {
  .intro-slide {
    height: calc(262px + (850 - 262) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .intro-slide {
    height: 850px;
  }
}

.intro-slide img.background-image {
  object-fit: cover;
  object-position: center;
  font-family: "object-fit: cover; object-position: center";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.intro-slide .slide-content {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
}

.intro-slide .slide-content .slide-header {
  margin: 0 0 2px;
}

.intro-slide .slide-content .slide-header .slide-header-content {
  padding: 5px 12px;
  line-height: 1.25em;
  display: inline-block;
  background: rgba(58, 164, 165, 0.95);
  font-size: 32px;
}

.intro-slide .slide-content .slide-description {
  background: rgba(58, 164, 165, 0.85);
  font-size: 22px;
  padding: 3px 12px 4px;
  display: inline-block;
  line-height: 1.182em;
}

.intro-slide .slide-content .slide-header,
.intro-slide .slide-content .slide-description {
  opacity: 0;
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
  transition: -webkit-transform .6s ease-out .2s, opacity .6s ease-out .2s;
  transition: transform .6s ease-out .2s, opacity .6s ease-out .2s;
}

.intro-slide .slide-content .slide-description {
  transition-delay: .4s, .4s;
  transition-duration: .5s, .5s;
}

.intro-slide.slick-current .slide-header, .intro-slide.slick-current .slide-description {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.intro-slide.hide-content .slide-header, .intro-slide.hide-content .slide-description {
  opacity: 0;
  -webkit-transform: translateX(-20px);
  transform: translateX(-20px);
  transition-delay: 0s, 0s;
  transition-duration: 1s, 1s;
}

.intro-wrapper {
  position: relative;
  outline: none;
  min-height: 262px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media (min-width: 320px) {
  .intro-wrapper {
    min-height: calc(262px + (560 - 262) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .intro-wrapper {
    min-height: 560px;
  }
}

.intro-wrapper img.background-image {
  object-fit: cover;
  object-position: center;
  font-family: "object-fit: cover; object-position: center";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.intro-wrapper .intro-content {
  position: absolute;
  color: #fff;
  padding-top: 49px;
}

.intro-wrapper .intro-content .intro-header {
  margin: 0;
}

.intro-wrapper .intro-content .intro-header .intro-header-content {
  padding: 5px 12px;
  line-height: 1.25em;
  display: inline-block;
  background: rgba(58, 164, 165, 0.95);
  font-size: 32px;
}

.intro-wrapper .intro-content .intro-description {
  background: #268080;
  font-size: 22px;
  padding: 3px 12px 4px;
  display: inline-block;
  line-height: 1.182em;
}

.intro-wrapper .intro-content.has-much-content .intro-header .intro-header-content {
  margin-bottom: 0px;
  font-size: 24px;
  padding: 5px 12px;
}

@media (min-width: 500px) {
  .intro-wrapper .intro-content.has-much-content .intro-header .intro-header-content {
    margin-bottom: calc(0px + (5 - 0) * ((100vw - 500px) / (1440 - 500)));
  }
}

@media (min-width: 1440px) {
  .intro-wrapper .intro-content.has-much-content .intro-header .intro-header-content {
    margin-bottom: 5px;
  }
}

@media (min-width: 500px) {
  .intro-wrapper .intro-content.has-much-content .intro-header .intro-header-content {
    font-size: calc(24px + (48 - 24) * ((100vw - 500px) / (1440 - 500)));
  }
}

@media (min-width: 1440px) {
  .intro-wrapper .intro-content.has-much-content .intro-header .intro-header-content {
    font-size: 48px;
  }
}

@media (min-width: 500px) {
  .intro-wrapper .intro-content.has-much-content .intro-header .intro-header-content {
    max-width: calc(500px + (1233 - 500) * ((100vw - 500px) / (1440 - 500)));
  }
}

@media (min-width: 1440px) {
  .intro-wrapper .intro-content.has-much-content .intro-header .intro-header-content {
    max-width: 1233px;
  }
}

.intro-wrapper .intro-content.has-much-content .intro-description {
  font-size: 18px;
}

@media (min-width: 500px) {
  .intro-wrapper .intro-content.has-much-content .intro-description {
    font-size: calc(18px + (32 - 18) * ((100vw - 500px) / (1440 - 500)));
  }
}

@media (min-width: 1440px) {
  .intro-wrapper .intro-content.has-much-content .intro-description {
    font-size: 32px;
  }
}

.intro-tiny .intro-wrapper {
  height: 202px;
  min-height: 0;
}

@media (min-width: 320px) {
  .intro-tiny .intro-wrapper {
    height: calc(202px + (328 - 202) * ((100vw - 320px) / (1024 - 320)));
  }
}

@media (min-width: 1024px) {
  .intro-tiny .intro-wrapper {
    height: 328px;
  }
}

.intro-tiny .intro-wrapper.color-overlay:after {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background: rgba(58, 164, 165, 0.95);
}

.intro-tiny .intro-wrapper .intro-content {
  z-index: 2;
  bottom: calc(50% - 49px);
  text-align: center;
  width: 100%;
  left: 0;
}

.intro-tiny .intro-wrapper .intro-content .intro-header .intro-header-content {
  background: transparent;
}

@media (min-width: 500px) {
  .intro-slide .slide-content,
  .intro-wrapper .intro-content {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .intro-tiny .intro-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 49px;
  }

  .intro-tiny .intro-wrapper .intro-content {
    -webkit-transform: none;
    transform: none;
    margin: 0 auto;
    position: static;
    text-align: left;
  }
}

.intro-tiny .intro-wrapper .intro-content {
  width: 290px;
}

@media (min-width: 320px) {
  .intro-tiny .intro-wrapper .intro-content {
    width: calc(290px + (1233 - 290) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .intro-tiny .intro-wrapper .intro-content {
    width: 1233px;
  }
}

@media (min-width: 500px) {
  .intro-slide .slide-content {
    bottom: calc(0px + (108 - 0) * ((100vw - 500px) / (1440 - 500)));
  }
}

@media (min-width: 1440px) {
  .intro-slide .slide-content {
    bottom: 108px;
  }
}

@media (min-width: 500px) {
  .intro-slide .slide-content {
    width: calc(500px + (1232 - 500) * ((100vw - 500px) / (1440 - 500)));
  }
}

@media (min-width: 1440px) {
  .intro-slide .slide-content {
    width: 1232px;
  }
}

@media (min-width: 500px) {
  .intro-slide .slide-content .slide-header .slide-header-content {
    font-size: calc(32px + (110 - 32) * ((100vw - 500px) / (1440 - 500)));
  }
}

@media (min-width: 1440px) {
  .intro-slide .slide-content .slide-header .slide-header-content {
    font-size: 110px;
  }
}

@media (min-width: 500px) {
  .intro-slide .slide-content .slide-description {
    font-size: calc(22px + (48 - 22) * ((100vw - 500px) / (1440 - 500)));
  }
}

@media (min-width: 1440px) {
  .intro-slide .slide-content .slide-description {
    font-size: 48px;
  }
}

@media (min-width: 500px) {
  .intro-wrapper .intro-content {
    bottom: calc(0px + (47 - 0) * ((100vw - 500px) / (1440 - 500)));
  }
}

@media (min-width: 1440px) {
  .intro-wrapper .intro-content {
    bottom: 47px;
  }
}

@media (min-width: 500px) {
  .intro-wrapper .intro-content {
    width: calc(500px + (1232 - 500) * ((100vw - 500px) / (1440 - 500)));
  }
}

@media (min-width: 1440px) {
  .intro-wrapper .intro-content {
    width: 1232px;
  }
}

@media (min-width: 500px) {
  .intro-wrapper .intro-content .intro-header .intro-header-content {
    font-size: calc(32px + (80 - 32) * ((100vw - 500px) / (1440 - 500)));
  }
}

@media (min-width: 1440px) {
  .intro-wrapper .intro-content .intro-header .intro-header-content {
    font-size: 80px;
  }
}

@media (min-width: 500px) {
  .intro-wrapper .intro-content .intro-description {
    font-size: calc(22px + (48 - 22) * ((100vw - 500px) / (1440 - 500)));
  }
}

@media (min-width: 1440px) {
  .intro-wrapper .intro-content .intro-description {
    font-size: 48px;
  }
}

@media (min-width: 1024px) {
  .intro-slide .slide-content .slide-description {
    background: transparent !important;
  }

  .intro-slide .slide-content .slide-header .slide-header-content,
  .intro-wrapper .intro-content .intro-header .intro-header-content {
    line-height: 1.17em;
    padding-top: 0;
    padding-bottom: 0;
  }

  .intro-tiny .intro-wrapper .intro-content {
    bottom: calc(50% - 80px);
  }

  .intro-tiny .intro-wrapper .intro-content .intro-header .intro-header-content {
    padding: 0;
  }
}

.shaded-comp {
  position: relative;
  width: calc(100% - 10px);
  margin-left: 10px;
  margin-top: 10px;
  background: #3AA4A5;
  display: block;
  max-width: 100%;
}

.preview-item[data-category="news"]:before,
.preview-item[data-category="blog"]:before {
  color: #3AA4A5 !important;
}

.preview-item[data-category="news"] .shaded-comp,
.preview-item[data-category="blog"] .shaded-comp {
  background: #3AA4A5 !important;
}

.shaded-comp--container {
  margin: 0 auto 40px;
  max-width: 370px;
}

.shaded-comp--content {
  width: calc(100% + 5px);
  z-index: 2;
  top: 0;
  -webkit-transform: translate(-10px, -10px);
  transform: translate(-10px, -10px);
}

.shaded-comp--content img {
  width: 100%;
  display: block;
}

.shaded-comp--content[data-shape="square-image"] img, .shaded-comp--content[data-shape="rectangle-image"] img {
  object-fit: cover;
  object-position: center;
  font-family: "object-fit: cover; object-position: center";
  height: 100%;
}

.shaded-comp--content[data-shape="square-image"] {
  height: 270px;
}

@media (min-width: 320px) {
  .shaded-comp--content[data-shape="square-image"] {
    height: calc(270px + (320 - 270) * ((100vw - 320px) / (1024 - 320)));
  }
}

@media (min-width: 1024px) {
  .shaded-comp--content[data-shape="square-image"] {
    height: 320px;
  }
}

.shaded-comp--content[data-shape="rectangle-image"] {
  height: 207px;
}

@media (min-width: 320px) {
  .shaded-comp--content[data-shape="rectangle-image"] {
    height: calc(207px + (320 - 207) * ((100vw - 320px) / (1024 - 320)));
  }
}

@media (min-width: 1024px) {
  .shaded-comp--content[data-shape="rectangle-image"] {
    height: 320px;
  }
}

.shaded-comp-slider {
  padding-bottom: 25px;
}

.shaded-comp-slider .slick-arrow {
  height: 35px;
  width: 45px;
  background: transparent url("../images/arrow-white.svg") no-repeat center;
  background-size: 45px auto;
  position: absolute;
  left: 15px;
  top: auto;
  bottom: -35px;
  cursor: pointer;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  z-index: 4;
}

.shaded-comp-slider .slick-arrow:before {
  content: none;
}

.shaded-comp-slider .slick-arrow.slick-next {
  -webkit-transform: none;
  transform: none;
  left: auto;
  right: 0;
}

.shaded-comp-slider .slick-list,
.shaded-comp-slider .slick-track {
  height: 100%;
}

.shaded-comp-slider .slide {
  height: 100%;
}

.shaded-comp-slider .slide img {
  object-fit: cover;
  object-position: center;
  font-family: "object-fit: cover; object-position: center";
}

.shaded-comp-slider .slick-dots {
  bottom: -35px;
  z-index: 3;
}

.shaded-comp--subtext {
  color: #FFFFFF;
  margin: 0;
  padding: 3px 11px 4px;
  margin-top: -10px;
}

.shaded-comp--subtext.title {
  font-weight: 300;
  font-size: 26px;
  line-height: 1.28em;
  letter-spacing: 0.006em;
}

.shaded-comp--subtext.headline {
  font-weight: 600;
  font-size: 22px;
  line-height: 1.364em;
}

.shaded-comp--subtext .title {
  padding: 6px 0;
  line-height: 1.2em;
}

@media (min-width: 500px) {
  .shaded-comp--subtext.title {
    font-size: calc(26px + (36 - 26) * ((100vw - 500px) / (1440 - 500)));
  }
}

@media (min-width: 1440px) {
  .shaded-comp--subtext.title {
    font-size: 36px;
  }
}

@media (min-width: 500px) {
  .shaded-comp--subtext.headline {
    font-size: calc(22px + (26 - 22) * ((100vw - 500px) / (1440 - 500)));
  }
}

@media (min-width: 1440px) {
  .shaded-comp--subtext.headline {
    font-size: 26px;
  }
}

@media (min-width: 800px) {
  .shaded-comp-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    width: 100%;
    max-width: 810px;
  }

  .shaded-comp-list .shaded-comp--container {
    width: calc(50% - 30px);
    margin: 15px;
    max-width: 370px;
  }

  .shaded-comp.float-right {
    float: right;
    margin-bottom: 0;
    margin-left: 55px;
    width: auto;
    max-width: 50%;
  }

  .shaded-comp.float-right.width-half {
    max-width: 590px;
    width: 50%;
  }

  .shaded-comp.float-left {
    float: left;
    margin-bottom: 0;
    margin-right: 55px;
    width: auto;
    max-width: 50%;
  }

  .shaded-comp.float-left.width-half {
    max-width: 590px;
    width: 50%;
  }
}

@media (min-width: 1024px) {
  .shaded-comp--content {
    width: 100%;
  }

  .shaded-comp-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    width: 100%;
    max-width: 12330px;
  }

  .shaded-comp-list .shaded-comp--container {
    width: calc((100% / 3) - 30px);
    margin: 15px;
  }
}

.cta-column {
  display: block;
  background: #3AA4A5;
  color: #fff;
  text-align: center;
  margin: 0 auto;
}

.cta-column .arrow-link:after {
  background-image: url("../images/cta-column--button-arrow.svg");
}

.cta-column:hover .arrow-link:after {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}

.cta-column:hover .cta-column--icon {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.cta-column--content {
  padding: 35px 6.25% 16px;
  position: relative;
}

.cta-column--icon {
  position: absolute;
  width: 100%;
  height: 100px;
  left: 0;
  top: 28px;
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: -webkit-transform .2s ease-out;
  transition: transform .2s ease-out;
}

.cta-column--icon img {
  -webkit-transform: translate(-50%, -5%);
  transform: translate(-50%, -5%);
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
}

.cta-column--title {
  font-size: 40px;
  font-weight: 300;
  margin: 93px auto 6px;
  text-transform: uppercase;
  max-width: 300px;
}

.cta-column--description {
  font-size: 26px;
  line-height: 1.2308em;
  min-height: 52px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  letter-spacing: 0.003em;
  max-width: 300px;
  margin: 0 auto;
}

.cta-column--description .vertical-align-container {
  width: 100%;
}

.cta-column--description b, .cta-column--description strong {
  font-weight: 600;
}

.cta-column--description a {
  color: inherit;
  font-weight: 600;
}

.cta-column--button {
  background: rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
  font-weight: 700;
  font-size: 24px;
  padding: 17px 10px;
  line-height: 1.2917em;
}

.cta-column--button-text {
  display: inline-block;
}

@media (min-width: 1024px) {
  .cta-colums {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .cta-column {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    padding-bottom: 83px;
    max-width: none;
  }

  .cta-column--icon {
    top: 33px;
  }

  .cta-column--content {
    padding-top: 132px;
    height: 100%;
  }

  .cta-column--title {
    margin-top: 4px;
    margin-top: 8px;
  }

  .cta-column--description {
    height: calc(100% - 60px);
    max-width: none;
    min-height: 0;
  }

  .cta-column--button {
    width: 100%;
    bottom: 0;
    position: absolute;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

@media (min-width: 1024px) {
  .cta-column--description {
    font-size: calc(26px + (33 - 26) * ((100vw - 1024px) / (1440 - 1024)));
  }
}

@media (min-width: 1440px) {
  .cta-column--description {
    font-size: 33px;
  }
}

@media (min-width: 1024px) {
  .cta-column--button {
    font-size: calc(24px + (28 - 24) * ((100vw - 1024px) / (1440 - 1024)));
  }
}

@media (min-width: 1440px) {
  .cta-column--button {
    font-size: 28px;
  }
}

.description-block {
  padding: 60px 0 78px;
  overflow: hidden;
}

.description-block a {
  font-weight: 600;
}

.description-block--headline {
  font-weight: 300;
  font-size: 40px;
  font-size: 22px;
  color: #3AA4A5;
  line-height: 0.95em;
  margin: 0 0 5px;
}

@media (min-width: 320px) {
  .description-block--headline {
    font-size: calc(22px + (40 - 22) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .description-block--headline {
    font-size: 40px;
  }
}

.description-block--subinfo {
  font-weight: 600;
  font-size: 16px;
  color: #ABABAB;
  margin: 0;
  line-height: 0.95em;
}

@media (min-width: 320px) {
  .description-block--subinfo {
    font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .description-block--subinfo {
    font-size: 20px;
  }
}

.description-block--text {
  font-size: 16px;
  color: #3D3D3B;
  line-height: 1.64em;
  margin: 15px 0 0;
}

@media (min-width: 320px) {
  .description-block--text {
    font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .description-block--text {
    font-size: 22px;
  }
}

.description-block .shaded-comp-slider,
.description-block .shaded-comp {
  margin-bottom: 40px;
}

.specs {
  clear: both;
  padding: 74px 0;
  padding-bottom: 74px;
}

@media (min-width: 320px) {
  .specs {
    padding-bottom: calc(74px + (106 - 74) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .specs {
    padding-bottom: 106px;
  }
}

.description-block + .specs {
  padding-top: 0;
}

.specs-item {
  text-align: center;
  padding: 27px 21px;
  border: 2px solid #E4E4E3;
  border-width: 0 0 2px;
}

.specs-item:last-child {
  border-bottom-width: 0;
}

.specs-item:first-child:last-child {
  border-width: 0;
}

.spec-headline {
  font-weight: 700;
  font-size: 20px;
  color: #3AA4A5;
  margin: 0 0 7px;
  text-overflow: ellipsis;
  overflow: hidden;
}

@media (min-width: 320px) {
  .spec-headline {
    font-size: calc(20px + (22 - 20) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .spec-headline {
    font-size: 22px;
  }
}

.spec-info {
  font-size: 16px;
  color: #3D3D3B;
}

.spec-info a {
  color: #3D3D3B !important;
  text-decoration: underline;
}

@media (min-width: 1024px) {
  .spec-info {
    font-size: calc(16px + (22 - 16) * ((100vw - 1024px) / (1440 - 1024)));
  }
}

@media (min-width: 1440px) {
  .spec-info {
    font-size: 22px;
  }
}

@media (min-width: 500px) {
  .specs {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .specs-item {
    width: 50%;
  }

  .specs-item:nth-child(2n+1) {
    border-right-width: 2px;
  }

  .specs-item:nth-last-child(2):nth-child(odd) {
    border-bottom-width: 0;
  }
}

@media (min-width: 800px) {
  .spec-col-3 .specs-item {
    width: calc(100% / 3);
  }

  .spec-col-3 .specs-item:nth-child(2n) {
    border-right-width: 2px;
  }

  .spec-col-3 .specs-item:nth-child(3n) {
    border-right-width: 0;
  }

  .spec-col-3 .specs-item:nth-last-child(3):nth-child(3n+1) {
    border-bottom-width: 0;
  }

  .spec-col-3 .specs-item:nth-last-child(2):nth-child(even) {
    border-bottom-width: 0;
  }

  .spec-col-3 .specs-item:nth-last-child(2):nth-child(3n) {
    border-bottom-width: 1px;
  }
}

@media (min-width: 800px) and (max-width: 1099px) {
  .spec-col-4 .specs-item,
  .spec-col-5 .specs-item {
    width: calc(100% / 3);
  }

  .spec-col-4 .specs-item:nth-child(2n),
  .spec-col-5 .specs-item:nth-child(2n) {
    border-right-width: 2px;
  }

  .spec-col-4 .specs-item:nth-child(3n),
  .spec-col-5 .specs-item:nth-child(3n) {
    border-right-width: 0;
  }

  .spec-col-4 .specs-item:nth-last-child(3):nth-child(3n+1),
  .spec-col-5 .specs-item:nth-last-child(3):nth-child(3n+1) {
    border-bottom-width: 0;
  }

  .spec-col-4 .specs-item:nth-last-child(2):nth-child(even),
  .spec-col-5 .specs-item:nth-last-child(2):nth-child(even) {
    border-bottom-width: 0;
  }

  .spec-col-4 .specs-item:nth-last-child(2):nth-child(3n),
  .spec-col-5 .specs-item:nth-last-child(2):nth-child(3n) {
    border-bottom-width: 1px;
  }
}

@media (min-width: 1100px) {
  .spec-col-4 .specs-item {
    width: 25%;
  }

  .spec-col-4 .specs-item:nth-child(2n), .spec-col-4 .specs-item:nth-child(3n) {
    border-right-width: 2px;
  }

  .spec-col-4 .specs-item:nth-child(4n) {
    border-right-width: 0;
    border-bottom-width: 2px;
  }

  .spec-col-4 .specs-item:last-child:nth-child(4n+1), .spec-col-4 .specs-item:last-child:nth-child(4n+2), .spec-col-4 .specs-item:last-child:nth-child(4n+3), .spec-col-4 .specs-item:last-child:nth-child(4n) {
    border-bottom-width: 0;
  }

  .spec-col-4 .specs-item:nth-last-child(2):nth-child(4n+1), .spec-col-4 .specs-item:nth-last-child(2):nth-child(4n+2), .spec-col-4 .specs-item:nth-last-child(2):nth-child(4n+3) {
    border-bottom-width: 0;
  }

  .spec-col-4 .specs-item:nth-last-child(3):nth-child(4n+1), .spec-col-4 .specs-item:nth-last-child(3):nth-child(4n+2) {
    border-bottom-width: 0;
  }

  .spec-col-4 .specs-item:nth-last-child(4):nth-child(4n+1) {
    border-bottom-width: 0;
  }
}

@media (min-width: 1100px) and (max-width: 1279px) {
  .spec-col-5 .specs-item {
    width: 25%;
  }

  .spec-col-5 .specs-item:nth-child(2n), .spec-col-5 .specs-item:nth-child(3n) {
    border-right-width: 2px;
  }

  .spec-col-5 .specs-item:nth-child(4n) {
    border-right-width: 0;
    border-bottom-width: 2px;
  }

  .spec-col-5 .specs-item:last-child:nth-child(4n+1), .spec-col-5 .specs-item:last-child:nth-child(4n+2), .spec-col-5 .specs-item:last-child:nth-child(4n+3), .spec-col-5 .specs-item:last-child:nth-child(4n) {
    border-bottom-width: 0;
  }

  .spec-col-5 .specs-item:nth-last-child(2):nth-child(4n+1), .spec-col-5 .specs-item:nth-last-child(2):nth-child(4n+2), .spec-col-5 .specs-item:nth-last-child(2):nth-child(4n+3) {
    border-bottom-width: 0;
  }

  .spec-col-5 .specs-item:nth-last-child(3):nth-child(4n+1), .spec-col-5 .specs-item:nth-last-child(3):nth-child(4n+2) {
    border-bottom-width: 0;
  }

  .spec-col-5 .specs-item:nth-last-child(4):nth-child(4n+1) {
    border-bottom-width: 0;
  }
}

@media (min-width: 1280px) {
  .spec-col-5 .specs-item {
    width: 20%;
  }

  .spec-col-5 .specs-item:nth-child(2n), .spec-col-5 .specs-item:nth-child(3n), .spec-col-5 .specs-item:nth-child(4n) {
    border-right-width: 2px;
  }

  .spec-col-5 .specs-item:nth-child(5n) {
    border-right-width: 0;
    border-bottom-width: 2px;
  }

  .spec-col-5 .specs-item:last-child:nth-child(5n+1), .spec-col-5 .specs-item:last-child:nth-child(5n+2), .spec-col-5 .specs-item:last-child:nth-child(5n+3), .spec-col-5 .specs-item:last-child:nth-child(5n+4), .spec-col-5 .specs-item:last-child:nth-child(5n) {
    border-bottom-width: 0;
  }

  .spec-col-5 .specs-item:nth-last-child(2):nth-child(5n+1), .spec-col-5 .specs-item:nth-last-child(2):nth-child(5n+2), .spec-col-5 .specs-item:nth-last-child(2):nth-child(5n+3), .spec-col-5 .specs-item:nth-last-child(2):nth-child(5n+4) {
    border-bottom-width: 0;
  }

  .spec-col-5 .specs-item:nth-last-child(3):nth-child(5n+1), .spec-col-5 .specs-item:nth-last-child(3):nth-child(5n+2), .spec-col-5 .specs-item:nth-last-child(3):nth-child(5n+3) {
    border-bottom-width: 0;
  }

  .spec-col-5 .specs-item:nth-last-child(4):nth-child(5n+1), .spec-col-5 .specs-item:nth-last-child(4):nth-child(5n+2) {
    border-bottom-width: 0;
  }

  .spec-col-5 .specs-item:nth-last-child(5):nth-child(5n+1) {
    border-bottom-width: 0;
  }
}

.search-form {
  background: transparent no-repeat scroll center;
  background-size: cover;
  padding: 0;
  padding-top: 30px;
  padding-bottom: 35px;
  border-bottom: 1px solid #979797;
}

@media (min-width: 320px) {
  .search-form {
    padding-top: calc(30px + (50 - 30) * ((100vw - 320px) / (1024 - 320)));
  }
}

@media (min-width: 1024px) {
  .search-form {
    padding-top: 50px;
  }
}

@media (min-width: 320px) {
  .search-form {
    padding-bottom: calc(35px + (50 - 35) * ((100vw - 320px) / (1024 - 320)));
  }
}

@media (min-width: 1024px) {
  .search-form {
    padding-bottom: 50px;
  }
}

.search-form .ui.stackable.grid.form-group-row {
  margin-left: -1rem !important;
  margin-right: -1rem !important;
  margin: 0;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.search-form .ui.stackable.grid .form-group {
  padding-bottom: 0 !important;
  padding-top: 1.4286rem;
}

.search-form .submit-button.arrow-link {
  padding: 0 8px;
  line-height: 45px;
}

@media (min-width: 768px) {
  .search-form .submit-button.arrow-link {
    line-height: calc(49px + (50 - 49) * ((100vw - 768px) / (1440 - 768)));
  }
}

@media (min-width: 1440px) {
  .search-form .submit-button.arrow-link {
    line-height: 50px;
  }
}

.detail-filter--container {
  position: relative;
}

.detail-filter--container .ui.fluid.result {
  line-height: normal;
}

.detail-filter--container .ui.search > .input {
  width: 100%;
}

.detail-filter--container .ui.search > .input i.icon.more {
  width: 39px;
  height: 100%;
  opacity: 1;
  background: transparent url("../images/form-more.svg") no-repeat center;
}

.detail-filter--result {
  padding-top: .625em;
  padding-bottom: .625em;
  padding-left: 12px;
  cursor: pointer;
  word-wrap: break-word;
  line-height: 1.4em;
  white-space: normal;
  outline: 0;
  min-height: 2.813em;
  background: #FFF;
  color: rgba(0, 0, 0, 0.87);
  box-shadow: none;
  border: none;
  border-radius: 0;
  transition: box-shadow .1s ease, width .1s ease;
  width: 100%;
}

@media (min-width: 1024px) {
  .detail-filter--result {
    padding-top: calc(10px + (7 - 10) * ((100vw - 1024px) / (1440 - 1024)));
  }
}

@media (min-width: 1440px) {
  .detail-filter--result {
    padding-top: 7px;
  }
}

@media (min-width: 1024px) {
  .detail-filter--result {
    padding-bottom: calc(10px + (7 - 10) * ((100vw - 1024px) / (1440 - 1024)));
  }
}

@media (min-width: 1440px) {
  .detail-filter--result {
    padding-bottom: 7px;
  }
}

@media (min-width: 768px) {
  .detail-filter--result {
    min-height: calc(49px + (50 - 49) * ((100vw - 768px) / (1440 - 768)));
  }
}

@media (min-width: 1440px) {
  .detail-filter--result {
    min-height: 50px;
  }
}

.detail-filter--result span, .detail-filter--result a {
  display: inline-block;
  color: #686863;
  font-size: 18px;
  line-height: 1.4em;
  font-weight: 600;
}

.detail-filter--result span:after, .detail-filter--result a:after {
  content: ',\00a0';
}

.detail-filter--result span:last-of-type:after, .detail-filter--result a:last-of-type:after {
  content: none;
}

.detail-filter--result .and-more {
  display: none;
}

.detail-filter--result .and-more:before {
  content: '\00a0\00a0';
}

.detail-filter--result .and-more i {
  font-style: normal;
}

.detail-filter--result .and-more.visible {
  display: inline-block;
}

.detail-filter-row {
  position: relative;
}

.detail-filter {
  background: #fff;
  width: calc(100% - 2rem);
  left: 1rem;
  margin: 0 auto;
  position: absolute;
  top: 60px;
  z-index: 2;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.22);
  height: 43px;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  padding-right: 0 !important;
  padding-left: 0 !important;
  transition: height .2s ease-in, width .2s ease-in, opacity .2s ease-in, visibility 0s linear .2s;
}

.detail-filter.show {
  overflow: visible;
  opacity: 1;
  visibility: visible;
  width: calc(100% - 2rem + 2px);
  transition: height .2s ease-out, width .2s ease-out, opacity .2s ease-out, visibility 0s linear 0s;
}

.detail-filter i.icon.less {
  width: 39px;
  height: 43px;
  z-index: 4;
  opacity: 1;
  right: 0;
  top: 0;
  position: absolute;
  background: transparent url("../images/form-less.svg") no-repeat center;
}

.detail-filter--category {
  padding: 30px 15px 55px;
  border-left: 10px solid #3AA4A5;
}

.detail-filter--category + .detail-filter--category {
  position: relative;
}

.detail-filter--category + .detail-filter--category:before {
  content: '';
  background: #EFEFEF;
  height: 1px;
  width: calc(100% + 10px);
  display: block;
  position: absolute;
  top: 0;
  left: -10px;
}

.detail-filter--category .ui.checkbox {
  padding: .22620476em 0;
  width: 100%;
  line-height: 1.88889em;
  font-size: 18px;
}

.detail-filter--category .ui.checkbox label {
  font-size: 18px;
  padding-left: 38px;
}

.detail-filter--category .ui.checkbox label:before {
  height: 24px;
  width: 24px;
  top: calc(50% - 12px);
  background: #DBDBDB !important;
  border-radius: 0px;
  border: none;
}

.detail-filter--category .ui.checkbox input:checked ~ label:after {
  color: #3AA4A5;
  top: calc(50% - 8px);
  font-size: 18px;
  line-height: 16px;
  left: 3px;
}

.detail-filter--category .ui.selection.active.dropdown {
  box-shadow: none !important;
}

.detail-filter--category .ui.selection.active.dropdown:hover {
  box-shadow: none !important;
}

.detail-filter--category .ui.selection.dropdown .menu {
  margin-top: 3px;
  box-shadow: none !important;
}

.detail-filter--category .ui.selection.dropdown .menu > .item {
  background: #F0F0F0;
  border-top: none;
}

.detail-filter--category .ui.multiple.search.dropdown > input.search {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.4em;
  margin-left: .342857em !important;
  font-size: 18px;
}

@media (min-width: 768px) {
  .detail-filter--category .ui.multiple.search.dropdown > input.search {
    font-size: calc(18px + (26 - 18) * ((100vw - 768px) / (1440 - 768)));
  }
}

@media (min-width: 1440px) {
  .detail-filter--category .ui.multiple.search.dropdown > input.search {
    font-size: 26px;
  }
}

.detail-filter--category .ui.search.selection.dropdown > span.sizer {
  font-size: 18px;
}

@media (min-width: 768px) {
  .detail-filter--category .ui.search.selection.dropdown > span.sizer {
    font-size: calc(18px + (26 - 18) * ((100vw - 768px) / (1440 - 768)));
  }
}

@media (min-width: 1440px) {
  .detail-filter--category .ui.search.selection.dropdown > span.sizer {
    font-size: 26px;
  }
}

.detail-filter--category-title {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 18px;
  color: #3AA4A5;
  margin: 0;
}

.detail-filter .ui.selection.dropdown {
  background: #F0F0F0;
}

.detail-filter--select-button {
  width: 100%;
  border: none;
  background: #F5CE6A;
  padding: 7px 10px 6px;
  font-weight: 300;
  font-size: 20px;
  color: #3D3D3B;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .detail-filter--select-button {
    font-size: calc(20px + (28 - 20) * ((100vw - 768px) / (1440 - 768)));
  }
}

@media (min-width: 1440px) {
  .detail-filter--select-button {
    font-size: 28px;
  }
}

@media (min-width: 768px) {
  .detail-filter .ui.selection.dropdown {
    min-height: calc(45px + (50 - 45) * ((100vw - 768px) / (1440 - 768)));
  }
}

@media (min-width: 1440px) {
  .detail-filter .ui.selection.dropdown {
    min-height: 50px;
  }
}

.reset-detail-search {
  text-align: right;
  margin-top: 0;
}

.reset-detail-search--button {
  font-size: 14px;
  color: #686863;
  border: none;
  background: transparent;
}

@media (min-width: 320px) {
  .reset-detail-search--button {
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .reset-detail-search--button {
    font-size: 18px;
  }
}

.reset-detail-search--button span {
  line-height: 30px;
  display: inline-block;
  vertical-align: middle;
}

.reset-detail-search--button i.icon.delete {
  vertical-align: middle;
  margin: 0 0 0 7px;
  height: 30px;
  width: 20px;
  position: relative;
  background: transparent url("../images/form-x.svg") no-repeat center/contain !important;
  cursor: pointer;
  display: inline-block;
  -webkit-transform: perspective(1px) scale(1);
  transform: perspective(1px) scale(1);
  transition: -webkit-transform .2s ease-out;
  transition: transform .2s ease-out;
}

.reset-detail-search--button i.icon.delete:before {
  content: none;
}

.reset-detail-search--button:hover i.icon.delete {
  -webkit-transform: perspective(1px) scale(0.85);
  transform: perspective(1px) scale(0.85);
}

@media (min-width: 768px) {
  .form-group-row--3 .form-group + .form-group {
    margin-top: 0;
  }

  .ui.grid.form-group-row--2 {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .ui.grid.form-group-row--2 .form-goup {
    margin-top: 0;
  }

  .detail-filter--category {
    padding: 30px 30px 55px 20px;
  }

  .detail-filter {
    width: calc(50% - 2rem);
  }

  .detail-filter-row .submit-container {
    margin-top: 0;
  }
}

@media (min-width: 768px) {
  .form-group label {
    font-size: calc(20px + (24 - 20) * ((100vw - 768px) / (1440 - 768)));
  }
}

@media (min-width: 1440px) {
  .form-group label {
    font-size: 24px;
  }
}

@media (min-width: 768px) {
  .ui.dropdown > .text,
  .detail-filter--result span, .detail-filter--result a,
  .ui.multiple.dropdown > .label {
    font-size: calc(18px + (26 - 18) * ((100vw - 768px) / (1440 - 768)));
  }
}

@media (min-width: 1440px) {
  .ui.dropdown > .text,
  .detail-filter--result span, .detail-filter--result a,
  .ui.multiple.dropdown > .label {
    font-size: 26px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .ui[class*="three column"].grid > .column:not(.row) {
    width: 50%;
  }

  .ui.grid > [class*="three column"].row > .column {
    width: 50% !important;
  }
}

@media (min-width: 1024px) {
  .ui.grid.form-group-row--2 .detail-filter--container {
    width: calc(100% / 3 * 2) !important;
  }

  .ui.grid.form-group-row--2 .submit-container {
    width: calc(100% / 3) !important;
  }

  .detail-filter {
    width: calc(100% / 3 * 2 - 2rem);
  }
}

.stand-out-info {
  background: #268080;
  color: #fff;
  text-align: center;
  font-size: 16px;
}

@media (min-width: 320px) {
  .stand-out-info {
    font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .stand-out-info {
    font-size: 22px;
  }
}

.stand-out-info + .stand-out-info {
  margin-top: 10px;
}

.stand-out-info .stand-out-info--headline-container {
  padding-top: 42px;
  padding-bottom: 32px;
  background: #3AA4A5;
  background-size: cover;
  overflow: hidden;
  position: relative;
  -webkit-transform: translate(-10px, -10px);
  transform: translate(-10px, -10px);
}

@media (min-width: 320px) {
  .stand-out-info .stand-out-info--headline-container {
    padding-top: calc(42px + (36 - 42) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .stand-out-info .stand-out-info--headline-container {
    padding-top: 36px;
  }
}

@media (min-width: 320px) {
  .stand-out-info .stand-out-info--headline-container {
    padding-bottom: calc(32px + (36 - 32) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .stand-out-info .stand-out-info--headline-container {
    padding-bottom: 36px;
  }
}

.stand-out-info .stand-out-info--headline-container img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  font-family: "object-fit: cover; object-position: center";
  position: absolute;
  opacity: .1;
  top: 0;
  left: 0;
}

.stand-out-info .headline {
  font-size: 24px;
  color: #fff;
}

@media (min-width: 320px) {
  .stand-out-info .headline {
    font-size: calc(24px + (40 - 24) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .stand-out-info .headline {
    font-size: 40px;
  }
}

.stand-out-info a {
  color: #fff;
}

.stand-out-info .stand-out-info--content {
  padding: 44px 0 70px;
}

.stand-out-info .specs {
  padding: 0;
}

.stand-out-info .specs-item {
  border-color: rgba(255, 255, 255, 0.2);
}

.stand-out-info .spec-headline {
  color: #fff;
  font-weight: 300;
  font-size: 22px;
  margin-bottom: 1.36em;
}

@media (min-width: 320px) {
  .stand-out-info .spec-headline {
    font-size: calc(22px + (28 - 22) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .stand-out-info .spec-headline {
    font-size: 28px;
  }
}

.stand-out-info .spec-info {
  color: #fff;
}

.stand-out-info .tag-list {
  margin-top: 10px;
}

.stand-out-info .tag-list span {
  color: #fff;
  background: rgba(58, 164, 165, 0.95);
}

.stand-out-info .cta-container {
  margin: 27px 0 40px;
}

.stand-out-info button {
  font-weight: 300;
  font-size: 20px;
  color: #3D3D3B;
  text-transform: uppercase;
  background: #000;
  background: #F5CE6A;
  border: none;
  padding: 3px 22px;
}

@media (min-width: 320px) {
  .stand-out-info button {
    font-size: calc(20px + (26 - 20) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .stand-out-info button {
    font-size: 26px;
  }
}

.stand-out-info:last-child {
  margin-bottom: 50px;
}

@media (min-width: 500px) {
  .stand-out-info .specs-item:nth-last-child(2):nth-child(odd) {
    border-bottom-width: 2px;
  }
}

@media (min-width: 500px) {
  .stand-out-info .specs-item:nth-child(2n+1) {
    border-right-width: 0;
  }
}

@media (min-width: 500px) {
  .stand-out-info .specs-item {
    width: 1000%;
  }
}

@media (min-width: 768px) {
  .stand-out-info .specs-item:nth-last-child(2):nth-child(odd) {
    border-bottom-width: 0;
  }
}

@media (min-width: 768px) {
  .stand-out-info .specs-item:nth-child(2n+1) {
    border-right-width: 2px;
  }
}

@media (min-width: 768px) {
  .stand-out-info {
    text-align: left;
  }

  .stand-out-info .specs-item {
    width: 50%;
    text-align: left;
  }

  .stand-out-info .specs-item .spec-headline {
    text-align: center;
  }
}

@media (min-width: 1024px) {
  .stand-out-info .result-item .content-width {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    position: relative;
  }

  .stand-out-info .result-item .content-width:before, .stand-out-info .result-item .content-width:after {
    content: '';
    height: 100%;
    width: 4px;
    background: rgba(255, 255, 255, 0.2);
    display: block;
    position: absolute;
  }

  .stand-out-info .result-item .content-width:before {
    left: 213px;
  }

  .stand-out-info .result-item .content-width:after {
    right: 328px;
  }

  .stand-out-info .stand-out-info--headline-container {
    text-align: left;
  }

  .stand-out-info .result-item--titel {
    width: 213px;
    padding-right: 21px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .stand-out-info .result-item--description {
    width: calc(100% - 213px - 328px);
    padding: 10px 21px 10px 27px;
    margin: 0;
  }

  .stand-out-info .result-item--more-info {
    width: 328px;
    text-align: center;
    padding-left: 21px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .stand-out-info .result-item--more-info .arrow-link.button {
    font-size: 26px;
  }
}

.tag-list {
  padding-bottom: 41px;
}

.tag-list > span {
  display: inline-block;
  margin-bottom: 8px;
  background: #E4E4E3;
  color: #3D3D3B;
  padding: 0 8px;
  font-size: 16px;
  margin-right: 8px;
}

@media (min-width: 320px) {
  .tag-list > span {
    font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .tag-list > span {
    font-size: 22px;
  }
}

.mry-grid {
  margin: 0 -30px;
}

.mry-grid .mry-grid-item {
  width: 100%;
  padding: 10px 30px 30px;
}

.mry-grid .mry-grid-item > * {
  display: block;
  margin: 0;
}

.mry-grid .mry-grid-item.mry-grid-sizer {
  padding: 0;
}

.mry-grid .mry-grid-item .shaded-comp {
  color: #fff;
  font-size: 16px;
}

@media (min-width: 320px) {
  .mry-grid .mry-grid-item .shaded-comp {
    font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .mry-grid .mry-grid-item .shaded-comp {
    font-size: 22px;
  }
}

.mry-grid .mry-grid-item .shaded-comp .link {
  text-decoration: underline;
}

.mry-grid .mry-grid-item .shaded-comp .strong {
  font-weight: 600;
}

.mry-grid .mry-grid-item .shaded-comp .intro {
  font-size: 12px;
}

@media (min-width: 320px) {
  .mry-grid .mry-grid-item .shaded-comp .intro {
    font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .mry-grid .mry-grid-item .shaded-comp .intro {
    font-size: 16px;
  }
}

.mry-grid .mry-grid-item .shaded-comp--content > .post {
  position: relative;
  padding: 17px 13px;
  line-height: 1.25em;
}

.mry-grid .mry-grid-item .shaded-comp--content > .post .seperate {
  margin: 7px 0;
  display: block;
}

.mry-grid .mry-grid-item .shaded-comp--content > .post .seperate:first-child {
  margin-top: 0;
}

.mry-grid .mry-grid-item .shaded-comp--content > .post .seperate:last-child {
  margin-bottom: 0;
}

.mry-grid .mry-grid-item .shaded-comp--subtext {
  padding-top: 9px;
  padding-bottom: 11px;
}

.mry-grid .mry-grid-item .shaded-comp--subtext-header {
  border-bottom: 1px solid #fff;
  padding-bottom: 11px;
  margin-bottom: 5px;
}

.mry-grid .mry-grid-item .shaded-comp--subtext-footer {
  font-size: 14px;
}

@media (min-width: 320px) {
  .mry-grid .mry-grid-item .shaded-comp--subtext-footer {
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .mry-grid .mry-grid-item .shaded-comp--subtext-footer {
    font-size: 16px;
  }
}

.mry-grid .mry-grid-item .shaded-comp--subtext-footer .title {
  font-weight: 600;
}

.mry-grid .mry-grid-item .shaded-comp--subtext-footer .date {
  line-height: normal;
  line-height: .7em;
}

@media (min-width: 600px) {
  .mry-grid .mry-grid-item {
    width: 50%;
    float: left;
  }
}

@media (min-width: 1024px) {
  .mry-grid .mry-grid-item {
    width: calc(100% / 3);
    float: left;
  }
}

.mry-grid-item .preview-item[data-category="facebook"] .shaded-comp--subtext-footer,
.mry-grid-item .preview-item[data-category="twitter"] .shaded-comp--subtext-footer,
.mry-grid-item .preview-item[data-category="youtube"] .shaded-comp--subtext-footer {
  position: relative;
  padding-right: 50px;
  min-height: 38px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.mry-grid-item .preview-item[data-category="facebook"] .shaded-comp--subtext-footer .title, .mry-grid-item .preview-item[data-category="facebook"] .shaded-comp--subtext-footer .date,
.mry-grid-item .preview-item[data-category="twitter"] .shaded-comp--subtext-footer .title,
.mry-grid-item .preview-item[data-category="twitter"] .shaded-comp--subtext-footer .date,
.mry-grid-item .preview-item[data-category="youtube"] .shaded-comp--subtext-footer .title,
.mry-grid-item .preview-item[data-category="youtube"] .shaded-comp--subtext-footer .date {
  width: 100%;
}

.mry-grid-item .preview-item[data-category="facebook"] .shaded-comp--subtext-footer:after,
.mry-grid-item .preview-item[data-category="twitter"] .shaded-comp--subtext-footer:after,
.mry-grid-item .preview-item[data-category="youtube"] .shaded-comp--subtext-footer:after {
  content: '\f16a';
  position: absolute;
  right: 0;
  height: 100%;
  width: 40px;
  font-size: 1.8em;
  top: 0;
  display: inline-block;
  opacity: 1;
  font-family: Icons;
  font-style: normal;
  font-weight: 400;
  text-decoration: inherit;
  text-align: center;
  speak: none;
  font-smoothing: antialiased;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.mry-grid-item .preview-item[data-category="facebook"] .shaded-comp--subtext-footer:after {
  content: '\f230';
}

.mry-grid-item .preview-item[data-category="twitter"] .shaded-comp--subtext-footer:after {
  content: '\f099';
}

.mry-grid-item .preview-item[data-category="youtube"] .shaded-comp--subtext-footer:after {
  content: '\f16a';
}

.mry-grid-item .preview-item[data-category="facebook"]:before {
  color: #3C5A99;
}

.mry-grid-item .preview-item[data-category="facebook"] .shaded-comp {
  background: #3C5A99;
}

.mry-grid-item .preview-item[data-category="facebook"] .shaded-comp--content {
  background: transparent url("../images/community-bg-twitter.jpg") no-repeat center;
  background-size: cover;
  position: relative;
}

.mry-grid-item .preview-item[data-category="facebook"] .shaded-comp--content:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(69, 100, 164, 0.95);
}

.mry-grid-item .preview-item[data-category="youtube"]:before {
  color: #D0021B;
}

.mry-grid-item .preview-item[data-category="youtube"] .shaded-comp {
  background: #EE0000;
}

.mry-grid-item .preview-item[data-category="twitter"]:before {
  color: #00A1F7;
}

.mry-grid-item .preview-item[data-category="twitter"] .shaded-comp {
  background: #00A1F7;
}

.mry-grid-item .preview-item[data-category="twitter"] .shaded-comp--content {
  background: transparent url("../images/community-bg-twitter.jpg") no-repeat center;
  background-size: cover;
  position: relative;
}

.mry-grid-item .preview-item[data-category="twitter"] .shaded-comp--content:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(32, 171, 245, 0.95);
}

.video-box .video-box-container {
  width: 100%;
  position: relative;
  overflow: hidden;
  display: block;
}

.video-box .video-box-container .play-button {
  position: absolute;
  height: 40px;
  width: 40px;
  top: calc(50% - 20px);
  left: calc(50% - 20px);
  background: url("./themes/Netidee/images/play.svg") no-repeat scroll center;
  background-size: contain;
  display: block;
  border: none;
  padding: 0;
  margin: 0;
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: -webkit-transform .2s ease-out;
  transition: transform .2s ease-out;
  background-image: url("./themes/Netidee/images/play.svg");
}

.video-box .video-box-container .play-button:after {
  content: none;
}

.video-box .video-box-container:hover .play-button {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.swipebox-html .video-box .video-box-container {
  -webkit-transform: none;
  transform: none;
  box-shadow: none;
}

#swipebox-slider .slide .swipebox-video-container {
  max-width: none;
  width: 90%;
  padding: 0;
}

#swipebox-slider .slide .swipebox-video-container video {
  width: 100%;
  max-width: 1440px;
}

#swipebox-overlay iframe body {
  background: transparent;
}

@media (min-width: 600px) {
  .video-box {
    width: 50%;
    max-width: 580px;
  }

  .video-box .video-box-container .play-button {
    height: 60px;
    width: 60px;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
  }
}

html,
body {
  margin: 0;
  padding: 0;
}

body {
  position: relative;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 300;
  box-sizing: border-box;
  min-height: 100%;
  font-size: 16px;
  color: #4A4A4A;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a:focus, button {
  outline: none;
}

a,
a:visited {
  text-decoration: none;
}

main {
  margin: 0 auto;
  position: relative;
}

main a {
  color: #3AA4A5;
}

main p a {
  font-weight: 600;
}

a[href^="tel"] {
  cursor: default;
  text-decoration: none;
}

::-moz-selection,
footer ::-moz-selection {
  color: #fff;
  background: #3AA4A5;
}

::selection,
footer ::selection {
  color: #fff;
  background: #3AA4A5;
}

pre {
  margin: 0;
}

pre code {
  font-size: 15px;
  line-height: normal;
}

.content-width {
  margin: 0 auto;
  width: 290px;
}

@media (min-width: 320px) {
  .content-width {
    width: calc(290px + (1233 - 290) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .content-width {
    width: 1233px;
  }
}

.loader {
  margin: 0 auto;
  height: 15px;
  width: 15px;
}

.loader:after {
  content: '';
  display: block;
  border: 2px solid #3AA4A5;
  border-bottom-color: transparent;
  border-radius: 50%;
  height: 100%;
  width: 100%;
  -webkit-animation: rotateLoader 2s linear infinite;
  animation: rotateLoader 2s linear infinite;
}

.loader span {
  display: none;
}

@-webkit-keyframes rotateLoader {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotateLoader {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

div > .alert:not(.form),
div > .success:not(.form) {
  position: fixed;
  right: 0;
  width: 280px;
  bottom: 70px;
  padding-right: 30px;
  background: #f56c6a;
  margin-bottom: 0;
  font-weight: 300;
  font-size: 18px;
  box-shadow: 0px 0 12px 2px rgba(0, 0, 0, 0.2);
  line-height: normal;
  -webkit-animation: alertMsg 7s;
  animation: alertMsg 7s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  opacity: 0;
  padding: 20px;
  color: white;
  z-index: 99999 !important;
  transition: none;
}

@media (min-width: 320px) {
  div > .alert:not(.form),
  div > .success:not(.form) {
    width: calc(280px + (400 - 280) * ((100vw - 320px) / (768 - 320)));
  }
}

@media (min-width: 768px) {
  div > .alert:not(.form),
  div > .success:not(.form) {
    width: 400px;
  }
}

@media (min-width: 320px) {
  div > .alert:not(.form),
  div > .success:not(.form) {
    bottom: calc(70px + (120 - 70) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  div > .alert:not(.form),
  div > .success:not(.form) {
    bottom: 120px;
  }
}

div > .alert:not(.form) a,
div > .success:not(.form) a {
  display: inline-block;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  position: relative;
}

div > .alert:not(.form) a:after,
div > .success:not(.form) a:after {
  content: '';
  display: block;
  height: 1px;
  width: 100%;
  color: #fff;
  bottom: 0;
  left: 0;
  position: absolute;
  background: #fff;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  transition: -webkit-transform .2s ease-out;
  transition: transform .2s ease-out;
}

div > .alert:not(.form) a:hover:after,
div > .success:not(.form) a:hover:after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

div > .alert:not(.form) .closebtn,
div > .success:not(.form) .closebtn {
  margin: 0;
  position: absolute;
  top: 10px;
  right: 10px;
}

div > .alert:not(.form) .closebtn:hover,
div > .success:not(.form) .closebtn:hover {
  color: #fff;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}

div > .success:not(form) {
  background: #3AA4A5;
}

@-webkit-keyframes alertMsg {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
  }
  30% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
  }
}

@keyframes alertMsg {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
  }
  30% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
  }
}


.footer {
  background: #3AA4A5;
  color: #fff;
}

.footer a {
  color: #fff;
}

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

.footer-menu-row {
  padding: 56px 0 35px;
  text-transform: uppercase;
}

.footer-menu-row .footer-menu {
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.footer-menu-row .footer-menu .link-list-head {
  font-weight: 700;
  font-size: 18px;
  color: #FFFFFF;
  text-transform: uppercase;
  margin-bottom: 13px;
}

.footer-menu-row .footer-menu .links-column {
  -webkit-flex: 1 0 50%;
  -ms-flex: 1 0 50%;
  flex: 1 0 50%;
}

.footer-menu-row .footer-menu .links-column a {
  line-height: 1.69em;
  position: relative;
  display: inline-block;
}

.footer-menu-row .footer-menu .links-column a:after {
  content: '';
  position: absolute;
  bottom: 5px;
  height: 1px;
  width: 100%;
  background: #fff;
  display: block;
  left: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  transition: -webkit-transform .2s ease-out;
  transition: transform .2s ease-out;
}

.footer-menu-row .footer-menu .links-column a:hover:after {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.footer-menu-row .footer-menu .links-column + .links-column {
  margin-top: 33px;
}

.footer-menu-row .footer-menu .links-column:nth-child(2) {
  margin-top: 0;
}

.footer-menu-row .footer-logo {
  display: block;
  position: relative;
  width: 250px;
  height: 63px;
  margin: 36px auto 0;
}

.footer-menu-row .footer-logo img {
  object-fit: contain;
  object-position: center;
  font-family: "object-fit: contain; object-position: center";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.footer-bottom {
  background: #268080;
  text-align: center;
  padding: 11px;
  line-height: 22px;
}

.footer-bottom a {
  text-decoration: underline;
}

.footer-bottom .copyright-company a {
  text-decoration: none;
}

@media (min-width: 600px) {
  .footer-menu-row .footer-menu {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto 50px;
    max-width: 600px;
  }

  .footer-menu-row .footer-menu .links-column {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    margin-top: 0 !important;
  }
}

@media (min-width: 600px) {
  .footer-menu-row .footer-menu .links-column a {
    font-size: calc(16px + (18 - 16) * ((100vw - 600px) / (1180 - 600)));
  }
}

@media (min-width: 1180px) {
  .footer-menu-row .footer-menu .links-column a {
    font-size: 18px;
  }
}

@media (min-width: 600px) {
  .footer-menu-row .footer-menu .link-list-head {
    font-size: calc(18px + (20 - 18) * ((100vw - 600px) / (1180 - 600)));
  }
}

@media (min-width: 1180px) {
  .footer-menu-row .footer-menu .link-list-head {
    font-size: 20px;
  }
}

@media (min-width: 1024px) {
  .footer-menu-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 40px;
  }

  .footer-menu-row .footer-menu {
    width: calc(100% - 350px);
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: none;
  }

  .footer-menu-row .footer-menu .links-column {
    text-align: left;
  }

  .footer-menu-row .footer-menu .link-list-head {
    margin-bottom: 10px;
  }

  .footer-menu-row .footer-logo {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
  }

  .footer-menu-row .footer-menu .links-column a {
    line-height: 38px;
  }

  .footer-bottom {
    font-size: 18px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .footer-bottom > *:before {
    content: '|';
    padding: 0 7px;
  }

  .footer-bottom > *:first-child:before {
    content: none;
    padding: 0;
  }
}

@media (min-width: 1024px) {
  .footer-menu-row .footer-logo {
    width: calc(250px + (400 - 250) * ((100vw - 1024px) / (1440 - 1024)));
  }
}

@media (min-width: 1440px) {
  .footer-menu-row .footer-logo {
    width: 400px;
  }
}

@media (min-width: 1024px) {
  .footer-menu-row .footer-logo {
    height: calc(63px + (100 - 63) * ((100vw - 1024px) / (1440 - 1024)));
  }
}

@media (min-width: 1440px) {
  .footer-menu-row .footer-logo {
    height: 100px;
  }
}

@media (min-width: 1024px) {
  .footer-menu-row .footer-menu {
    width: calc(550px + (731 - 550) * ((100vw - 1024px) / (1440 - 1024)));
  }
}

@media (min-width: 1440px) {
  .footer-menu-row .footer-menu {
    width: 731px;
  }
}

.subscribe-newsletter {
  text-align: center;
  margin-bottom: -5px;
}

.subscribe-newsletter .shaded-comp {
  background: #DDBB63;
  margin-top: 5px;
}

.subscribe-newsletter .shaded-comp--content {
  -webkit-transform: translate(-10px, -5px);
  transform: translate(-10px, -5px);
}

.subscribe-newsletter--content {
  background: #F5CE6A url("../images/subscribe-newsletter-bg.jpg") no-repeat center;
  background-size: cover;
  padding: 33px 0;
}

.subscribe-newsletter--info,
.subscribe-newsletter--cta {
  width: 90.625%;
  margin: 0 auto;
}

.subscribe-newsletter--info {
  font-weight: 300;
  font-size: 18px;
  color: #51514C;
  margin-bottom: 20px;
  line-height: 1.38em;
}

.subscribe-newsletter--cta {
  font-weight: 300;
  font-size: 28px;
  color: #51514C;
  line-height: 31px;
  margin-bottom: 26px;
}

.subscribe-newsletter--form input, .subscribe-newsletter--form button {
  width: 100%;
  display: block;
  font-weight: 700;
  font-size: 16px;
  color: #3D3D3B;
}

.subscribe-newsletter--form input {
  border: solid #51514C;
  border-width: 0 0 2px 0;
  background: transparent;
  padding: 4px 6px 4px;
  text-align: center;
  width: 90.625%;
  max-width: 380px;
  margin: 0 auto 21px;
}

.subscribe-newsletter--form input::-webkit-input-placeholder {
  color: #3D3D3B;
  text-transform: uppercase;
}

.subscribe-newsletter--form input::-moz-placeholder {
  color: #3D3D3B;
  text-transform: uppercase;
}

.subscribe-newsletter--form input:-ms-input-placeholder {
  color: #3D3D3B;
  text-transform: uppercase;
}

.subscribe-newsletter--form input::placeholder {
  color: #3D3D3B;
  text-transform: uppercase;
}

.subscribe-newsletter--form input:focus::-webkit-input-placeholder {
  color: rgba(61, 61, 59, 0.3);
}

.subscribe-newsletter--form input:focus::-moz-placeholder {
  color: rgba(61, 61, 59, 0.3);
}

.subscribe-newsletter--form input:focus:-ms-input-placeholder {
  color: rgba(61, 61, 59, 0.3);
}

.subscribe-newsletter--form input:focus::placeholder {
  color: rgba(61, 61, 59, 0.3);
}

.subscribe-newsletter--form button {
  border: 2px solid rgba(61, 61, 59, 0.32);
  background: transparent;
  padding: 6px;
  margin: 0 auto;
  text-transform: uppercase;
  transition: border .2s ease-out;
}

.subscribe-newsletter--form button:hover {
  border-color: rgba(61, 61, 59, 0.64);
}

.subscribe-newsletter--form .arrow-link {
  padding-right: 40px;
}

.subscribe-newsletter--form .arrow-link:after {
  width: 34px;
  height: 12px;
  top: calc(50% - 6px);
  -webkit-transform: translateX(0);
  transform: translateX(0);
  transition: -webkit-transform .2s ease-out;
  transition: transform .2s ease-out;
}

.subscribe-newsletter--form .arrow-link:hover:after {
  -webkit-transform: translateX(6px);
  transform: translateX(6px);
}

.subscribe-newsletter button[type="submit"],
.subscribe-newsletter .submit-button {
  font-weight: 700;
  font-size: 18px;
  color: #3D3D3B;
  text-transform: uppercase;
  border: 3px solid rgba(61, 61, 59, 0.32);
  padding: 0 6px 0 23px;
  display: inline-block;
  line-height: 2.1em;
  transition: border .2s ease-out;
  background: transparent;
  white-space: nowrap;
  border-radius: 0;
}

.subscribe-newsletter button[type="submit"] .arrow-link,
.subscribe-newsletter .submit-button .arrow-link {
  font-size: 18px;
  padding-right: 71px;
}

@media (min-width: 320px) {
  .subscribe-newsletter button[type="submit"] .arrow-link,
  .subscribe-newsletter .submit-button .arrow-link {
    font-size: calc(18px + (26 - 18) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .subscribe-newsletter button[type="submit"] .arrow-link,
  .subscribe-newsletter .submit-button .arrow-link {
    font-size: 26px;
  }
}

.subscribe-newsletter button[type="submit"] .arrow-link:after,
.subscribe-newsletter .submit-button .arrow-link:after {
  width: 45px;
  height: 16px;
  top: calc(50% - 8px);
  right: 18px;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.subscribe-newsletter button[type="submit"]:hover .arrow-link:after,
.subscribe-newsletter .submit-button:hover .arrow-link:after {
  -webkit-transform: translateX(6px);
  transform: translateX(6px);
}

.subscribe-newsletter--full-form-container {
  display: none;
}

.subscribe-newsletter--full-form-container .content-width,
.subscribe-newsletter--full-form-container .ui.form {
  margin: 0 auto;
  width: 290px;
  max-width: 400px;
}

@media (min-width: 320px) {
  .subscribe-newsletter--full-form-container .content-width,
  .subscribe-newsletter--full-form-container .ui.form {
    width: calc(290px + (1233 - 290) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .subscribe-newsletter--full-form-container .content-width,
  .subscribe-newsletter--full-form-container .ui.form {
    width: 1233px;
  }
}

.subscribe-newsletter--full-form-container button.secondary {
  border: 2px solid #3AA4A5;
  background: transparent;
  line-height: 41px;
  width: 100%;
  -webkit-transform: perspective(1px) scale(1);
  transform: perspective(1px) scale(1);
  font-weight: 700;
  font-size: 18px;
  line-height: 2.1em;
  color: #3D3D3B;
  text-transform: uppercase;
  padding: 0 6px;
}

.subscribe-newsletter--full-form-container button.secondary:hover {
  -webkit-transform: perspective(1px) scale(0.99);
  transform: perspective(1px) scale(0.99);
}

.subscribe-newsletter--full-form-container .ui.form label {
  font-size: 20px;
  font-weight: 300;
  color: #686863 !important;
  text-align: left;
  display: block;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .subscribe-newsletter--full-form-container .ui.form label {
    font-size: calc(20px + (24 - 20) * ((100vw - 768px) / (1440 - 768)));
  }
}

@media (min-width: 1440px) {
  .subscribe-newsletter--full-form-container .ui.form label {
    font-size: 24px;
  }
}

.subscribe-newsletter--full-form-container .ui.form input[type="text"],
.subscribe-newsletter--full-form-container .ui.form input[type="email"] {
  font-size: 18px;
  padding-top: 7px;
  padding-bottom: 7px;
  line-height: 1.5em;
  border-radius: 0;
  font-weight: 600;
  color: #686863;
  padding: 8px 13px 9px 13px;
  outline: none !important;
  border: none;
  margin-top: 8px;
}

@media (min-width: 768px) {
  .subscribe-newsletter--full-form-container .ui.form input[type="text"],
  .subscribe-newsletter--full-form-container .ui.form input[type="email"] {
    font-size: calc(18px + (24 - 18) * ((100vw - 768px) / (1440 - 768)));
  }
}

@media (min-width: 1440px) {
  .subscribe-newsletter--full-form-container .ui.form input[type="text"],
  .subscribe-newsletter--full-form-container .ui.form input[type="email"] {
    font-size: 24px;
  }
}

.subscribe-newsletter--full-form-container .ui.form .ui.selection.dropdown {
  margin-top: 8px;
}

.subscribe-newsletter--full-form-container .ui.form .field .prompt.label {
  text-align: left;
  background: transparent !important;
  border: 0 !important;
  padding: 3px 0;
}

.subscribe-newsletter--full-form {
  padding: 30px 0;
}

.subscribe-newsletter--full-form .form-group {
  text-align: left;
}

.subscribe-newsletter--full-form .subscribe-newsletter--submit-container {
  margin-top: 30px;
}

@media (min-width: 425px) {
  .subscribe-newsletter--form button {
    width: 380px;
  }

  .subscribe-newsletter--content {
    padding-bottom: 35px;
  }
}

@media (min-width: 760px) {
  .subscribe-newsletter--form {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 70%;
    max-width: 671px;
    margin: 0 auto;
  }

  .subscribe-newsletter--form input {
    margin: 0 29px 0 0;
    max-width: none;
    border-bottom-width: 3px;
  }

  .subscribe-newsletter--form button {
    max-width: 242px;
    margin: 0;
    border-width: 3px;
  }
}

@media (min-width: 1024px) {
  .subscribe-newsletter {
    margin-bottom: -10px;
  }

  .subscribe-newsletter .shaded-comp {
    margin-top: 10px;
  }

  .subscribe-newsletter .shaded-comp--content {
    -webkit-transform: translate(-10px, -10px);
    transform: translate(-10px, -10px);
  }

  .subscribe-newsletter--form input {
    border-bottom-width: 4px;
  }
}

@media (min-width: 425px) {
  .subscribe-newsletter--info {
    font-size: calc(18px + (48 - 18) * ((100vw - 425px) / (1440 - 425)));
  }
}

@media (min-width: 1440px) {
  .subscribe-newsletter--info {
    font-size: 48px;
  }
}

@media (min-width: 425px) {
  .subscribe-newsletter--info {
    margin-bottom: calc(20px + (13 - 20) * ((100vw - 425px) / (1024 - 425)));
  }
}

@media (min-width: 1024px) {
  .subscribe-newsletter--info {
    margin-bottom: 13px;
  }
}

@media (min-width: 425px) {
  .subscribe-newsletter--cta {
    font-size: calc(28px + (60 - 28) * ((100vw - 425px) / (1440 - 425)));
  }
}

@media (min-width: 1440px) {
  .subscribe-newsletter--cta {
    font-size: 60px;
  }
}

@media (min-width: 425px) {
  .subscribe-newsletter--cta {
    margin-bottom: calc(26px + (42 - 26) * ((100vw - 425px) / (1440 - 425)));
  }
}

@media (min-width: 1440px) {
  .subscribe-newsletter--cta {
    margin-bottom: 42px;
  }
}

@media (min-width: 760px) {
  .subscribe-newsletter--form input, .subscribe-newsletter--form button {
    font-size: calc(16px + (26 - 16) * ((100vw - 760px) / (1440 - 760)));
  }
}

@media (min-width: 1440px) {
  .subscribe-newsletter--form input, .subscribe-newsletter--form button {
    font-size: 26px;
  }
}

.preview-section--blog {
  background: transparent url("../images/blog-bg.jpg") no-repeat center;
  background-size: cover;
}

.blog .share-list {
  text-align: center;
}

.blog-specs {
  background: transparent url("../images/blog-spec-bg.jpg") no-repeat center;
  background-size: cover;
  position: relative;
  padding: 70px 0 56px;
}

.blog-specs:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.95);
}

.blog-specs > * {
  position: relative;
}

.blog-specs .blog-tags {
  border-bottom: 2px solid #E4E4E3;
}

.blog-specs .tag-list {
  padding-bottom: 41px;
}

.blog-specs .tag-list span {
  display: inline-block;
  margin-bottom: 8px;
  background: #E4E4E3;
  color: #3D3D3B;
  padding: 0 8px;
  font-size: 16px;
  margin-right: 8px;
}

@media (min-width: 320px) {
  .blog-specs .tag-list span {
    font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .blog-specs .tag-list span {
    font-size: 22px;
  }
}

.blog-specs .specs {
  padding-bottom: 0;
}

.blog-specs--headline,
.blog-specs .spec-headline {
  font-weight: 700;
  font-size: 22px;
  color: #3AA4A5;
  font-size: 20px;
}

@media (min-width: 320px) {
  .blog-specs--headline,
  .blog-specs .spec-headline {
    font-size: calc(20px + (22 - 20) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .blog-specs--headline,
  .blog-specs .spec-headline {
    font-size: 22px;
  }
}

.blog-presentation {
  padding: 90px 0 100px;
  font-size: 16px;
}

@media (min-width: 320px) {
  .blog-presentation {
    font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .blog-presentation {
    font-size: 22px;
  }
}

.blog-presentation--headline {
  font-weight: 300;
  margin: 0 0 1em;
  font-size: 20px;
  color: #3AA4A5;
  text-align: center;
}

@media (min-width: 320px) {
  .blog-presentation--headline {
    font-size: calc(20px + (28 - 20) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .blog-presentation--headline {
    font-size: 28px;
  }
}

.blog-presentation--image {
  max-width: 100%;
}

.blog-presentation--image img {
  width: 100%;
  max-height: 250px;
  object-fit: contain;
  object-position: center;
  font-family: "object-fit: contain; object-position: center";
}

.blog-presentation--content-box {
  margin-top: 1em;
}

.blog-presentation--more-info.specs {
  padding-top: 2em;
  padding-bottom: 0;
}

.blog-presentation--more-info .contact-info a[href^="mailto:"],
.blog-presentation--more-info .contact-info a[href^="tel:"] {
  display: block;
  text-decoration: none;
  line-height: normal;
  font-size: 18px;
}

@media (min-width: 320px) {
  .blog-presentation--more-info .contact-info a[href^="mailto:"],
  .blog-presentation--more-info .contact-info a[href^="tel:"] {
    font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .blog-presentation--more-info .contact-info a[href^="mailto:"],
  .blog-presentation--more-info .contact-info a[href^="tel:"] {
    font-size: 22px;
  }
}

.blog-presentation--more-info .contact-info a[href^="mailto:"] {
  display: inline-block;
  position: relative;
}

.blog-presentation--more-info .contact-info a[href^="mailto:"]:after {
  position: absolute;
  display: block;
  bottom: 2px;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #3D3D3B;
  -webkit-transform: scale(0);
  transform: scale(0);
  transition: -webkit-transform .2s ease-out;
  transition: transform .2s ease-out;
}

.blog-presentation--more-info .contact-info a[href^="mailto:"]:hover:after {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.blog-presentation--more-info .contact-info .share-list {
  margin-top: 10px;
  text-align: center;
}

.blog-comments {
  background: transparent url("../images/blog-spec-bg.jpg") no-repeat center;
  background-size: cover;
  position: relative;
  padding: 70px 0 100px;
}

.blog-comments:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.95);
}

.blog-comments .content-width {
  position: relative;
}

.blog-comments .search-result--header .result-counter {
  color: #3D3D3B;
}

.blog-comments-form {
  padding-bottom: 51px;
}

.blog-comments-form input, .blog-comments-form textarea {
  font-size: 18px;
  padding-top: 7px;
  padding-bottom: 7px;
  line-height: 1.5em;
}

@media (min-width: 768px) {
  .blog-comments-form input, .blog-comments-form textarea {
    font-size: calc(18px + (24 - 18) * ((100vw - 768px) / (1440 - 768)));
  }
}

@media (min-width: 1440px) {
  .blog-comments-form input, .blog-comments-form textarea {
    font-size: 24px;
  }
}

.blog .submit-container {
  text-align: right;
}

.blog .submit-button {
  font-weight: 700;
  font-size: 16px;
  color: #3D3D3B;
  padding: 0 13px;
  line-height: 45px;
}

@media (min-width: 768px) {
  .blog .submit-button {
    font-size: calc(16px + (22 - 16) * ((100vw - 768px) / (1440 - 768)));
  }
}

@media (min-width: 1440px) {
  .blog .submit-button {
    font-size: 22px;
  }
}

.blog-comments-list {
  position: relative;
}

.blog-comments-list--comment {
  position: relative;
  border-top: 2px solid #E4E4E3;
  padding: 60px 0;
  font-size: 16px;
}

@media (min-width: 320px) {
  .blog-comments-list--comment {
    font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .blog-comments-list--comment {
    font-size: 22px;
  }
}

.blog-comments-list--comment .shaded-comp {
  position: static;
  top: 60px;
  left: 0;
  height: 80px;
  width: 80px;
  margin: 5px auto 10px;
}

.blog-comments-list--comment .shaded-comp .shaded-comp--content {
  height: 100%;
  width: 100%;
  -webkit-transform: translate(-5px, -5px);
  transform: translate(-5px, -5px);
}

.blog-comments-list--comment .shaded-comp img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  font-family: "object-fit: cover; object-position: center";
}

.blog-comments-list--comment .comment-author {
  font-weight: 700;
  line-height: normal;
}

.blog-comments-list--comment .comment-author,
.blog-comments-list--comment .comment-date {
  color: #3AA4A5;
}

.blog-comments-list--comment:last-child {
  padding-bottom: 0;
}

.blog-comments-list--comment .report-comment-container {
  margin: 10px 0 0 auto;
  text-align: right;
}

.blog-comments-list--comment .report-comment-trigger {
  display: inline-block;
  font-weight: 600;
  font-size: 16px;
  color: #686863;
  cursor: pointer;
}

@media (min-width: 320px) {
  .blog-comments-list--comment .report-comment-trigger {
    font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .blog-comments-list--comment .report-comment-trigger {
    font-size: 20px;
  }
}

.blog-comments-list--comment .report-comment-trigger + .popup {
  text-align: center;
}

.blog-comments-list--comment .report-comment-headline {
  color: #686863;
  margin-bottom: .7em;
  font-size: 16px;
}

@media (min-width: 320px) {
  .blog-comments-list--comment .report-comment-headline {
    font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .blog-comments-list--comment .report-comment-headline {
    font-size: 18px;
  }
}

.blog-comments-list--comment button.report-comment {
  font-weight: 600;
  font-size: 16px;
  line-height: 34px;
  color: #686863;
  width: auto;
  padding: 0 15px;
}

@media (min-width: 320px) {
  .blog-comments-list--comment button.report-comment {
    font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .blog-comments-list--comment button.report-comment {
    font-size: 18px;
  }
}

.blog-event--info .maps {
  height: 270px;
  background: rgba(0, 0, 0, 0.3);
}

.blog-event--info .blog-event--content {
  background: transparent url("../images/blog-spec-bg.jpg") no-repeat center;
  background-size: cover;
  position: relative;
  padding: 65px 0;
  text-align: center;
  color: #fff;
  font-size: 16px;
}

@media (min-width: 320px) {
  .blog-event--info .blog-event--content {
    font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .blog-event--info .blog-event--content {
    font-size: 22px;
  }
}

.blog-event--info .blog-event--content:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(58, 164, 165, 0.95);
}

.blog-event--info .blog-event--content > * {
  position: relative;
}

.blog-event--info .blog-event--content button {
  border: 3px solid rgba(255, 255, 255, 0.3);
  background: transparent;
  font-weight: 700;
  font-size: 16px;
  color: #FFFFFF;
  text-transform: uppercase;
  padding: 10px 18px;
  line-height: calc(1.1em - 3px);
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: -webkit-transform .2s ease-out, border-color .2s ease-out;
  transition: transform .2s ease-out, border-color .2s ease-out;
}

@media (min-width: 320px) {
  .blog-event--info .blog-event--content button {
    font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .blog-event--info .blog-event--content button {
    font-size: 22px;
  }
}

.blog-event--info .blog-event--content button:hover {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
  border-color: #fff;
}

.blog-event--info .blog-event--content-headline {
  font-size: 20px;
  margin: 0;
}

@media (min-width: 320px) {
  .blog-event--info .blog-event--content-headline {
    font-size: calc(20px + (26 - 20) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .blog-event--info .blog-event--content-headline {
    font-size: 26px;
  }
}

.blog-event--info .blog-event--content-address {
  margin: 7px 0 15px;
}

.blog-event--register {
  padding: 100px 0 120px;
  font-size: 18px;
}

@media (min-width: 768px) {
  .blog-event--register {
    font-size: calc(18px + (22 - 18) * ((100vw - 768px) / (1440 - 768)));
  }
}

@media (min-width: 1440px) {
  .blog-event--register {
    font-size: 22px;
  }
}

.blog-event--register input {
  background: #F7F7F7;
  font-size: 18px;
  padding-top: 7px;
  padding-bottom: 7px;
  line-height: 1.5em;
}

@media (min-width: 768px) {
  .blog-event--register input {
    font-size: calc(18px + (24 - 18) * ((100vw - 768px) / (1440 - 768)));
  }
}

@media (min-width: 1440px) {
  .blog-event--register input {
    font-size: 24px;
  }
}

.blog-event--register .register-checkbox-headline {
  display: block;
  margin-bottom: 8px;
}

.blog-event--register-headline {
  font-size: 30px;
  font-weight: 300;
  margin: 0 0 20px;
  margin-bottom: 20px;
  line-height: 1.2em;
}

@media (min-width: 768px) {
  .blog-event--register-headline {
    font-size: calc(30px + (60 - 30) * ((100vw - 768px) / (1440 - 768)));
  }
}

@media (min-width: 1440px) {
  .blog-event--register-headline {
    font-size: 60px;
  }
}

@media (min-width: 768px) {
  .blog-event--register-headline {
    margin-bottom: calc(20px + (54 - 20) * ((100vw - 768px) / (1440 - 768)));
  }
}

@media (min-width: 1440px) {
  .blog-event--register-headline {
    margin-bottom: 54px;
  }
}

.blog-event--register-form .form-group label {
  font-size: 18px;
}

@media (min-width: 768px) {
  .blog-event--register-form .form-group label {
    font-size: calc(18px + (22 - 18) * ((100vw - 768px) / (1440 - 768)));
  }
}

@media (min-width: 1440px) {
  .blog-event--register-form .form-group label {
    font-size: 22px;
  }
}

.blog-event--register-form .checkbox {
  color: #3D3D3B;
  display: block;
  padding-top: 8px;
  padding-bottom: 8px;
}

.blog-event--register-form .checkbox label {
  display: inline-block;
  cursor: pointer;
}

.blog-event--register-form .checkbox label:before {
  border: none;
  background: #DBDBDB !important;
  border-radius: 0;
  width: 18px;
  height: 18px;
}

.blog-event--register-form .checkbox label:after {
  color: #3AA4A5 !important;
  font-size: 15px;
}

.blog-event--register-form-info {
  margin-top: 34px;
  margin-bottom: 51px;
}

@media (min-width: 375px) {
  .blog-comments-list--comment .shaded-comp {
    margin: 5px 0 0 5px;
    position: absolute;
  }

  .blog-comments-list--comment .comment-author-info {
    min-height: 85px;
    padding-left: 100px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: .7em;
  }

  .blog-comments-list--comment .comment-author-info > * {
    width: 100%;
  }
}

@media (min-width: 555px) {
  .blog-comments-list--comment .comment-author-info {
    display: block;
    min-height: 0;
  }

  .blog-comments-list--comment .comment-text {
    padding-left: 100px;
  }
}

@media (min-width: 768px) {
  .blog .share-list {
    text-align: left;
  }

  .blog .submit-container {
    text-align: right;
  }

  .blog .submit-button {
    width: auto;
  }

  .blog-comments-form--form {
    padding-left: 180px;
    background: transparent url("../images/blog-comments-form-icon.svg") no-repeat;
  }

  .blog-comments-list--comment .shaded-comp {
    height: 110px;
    width: 110px;
    margin: 10px 0 0 10px;
  }

  .blog-comments-list--comment .shaded-comp .shaded-comp--content {
    -webkit-transform: translate(-10px, -10px);
    transform: translate(-10px, -10px);
  }

  .blog-comments-list--comment .comment-author-info,
  .blog-comments-list--comment .comment-text {
    padding-left: 150px;
  }

  .blog-comments-list--comment .comment-author-info {
    padding-top: 5px;
  }

  .blog-comments-list--comment .report-comment-trigger {
    position: absolute;
    top: 60px;
    right: 0;
  }

  .blog-event--info {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .blog-event--info > div {
    width: 50%;
  }

  .blog-event--info .maps {
    height: auto;
    min-height: 350px;
  }

  .blog-event--info .blog-event--content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: left;
    padding-left: 42px;
  }

  .blog-event--info .blog-event--content > * {
    width: 100%;
  }

  .blog-event--register-form {
    padding-left: 180px;
  }
}

@media (min-width: 1024px) {
  .blog-presentation--headline {
    text-align: left;
  }

  .blog-presentation--content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .blog-presentation--content .blog-presentation--image {
    width: 32%;
  }

  .blog-presentation--content .blog-presentation--image img {
    max-height: none;
  }

  .blog-presentation--content .blog-presentation--content-box {
    width: 68%;
    padding-right: 30px;
    margin-top: 0;
  }

  .blog-comments-list--comment .shaded-comp {
    height: 150px;
    width: 150px;
    margin: 10px 0 0 10px;
  }

  .blog-comments-list--comment .comment-author-info,
  .blog-comments-list--comment .comment-text {
    padding-left: 188px;
  }

  .blog-comments-list--comment .comment-author-info {
    padding-top: 5px;
  }
}

body[data-category="projects"] .intro-wrapper .intro-content .intro-header .intro-header-content {
  background: rgba(132, 193, 126, 0.95);
}

body[data-category="projects"] .intro-wrapper .intro-content .intro-description {
  background: #67A761;
}

body[data-category="projects"] .preview-section--blog .shaded-comp {
  background: #84C17E;
}

body[data-category="projects"] .shaded-comp--container:before {
  color: #84C17E;
}

body[data-category="projects"] .shaded-comp--container .shaded-comp {
  background: #84C17E;
}

body[data-category="projects"] .preview-item:before, body[data-category="projects"] .shaded-comp--container:before {
  color: #84C17E;
}

body[data-category="projects"] .description-block--headline {
  color: #84C17E;
}

@media (min-width: 800px) {
  body[data-category="projects"] .shaded-comp--container:before {
    text-align: right;
    padding-right: 10px;
  }
}

.project-details .description-block .shaded-comp {
  background: #84C17E;
}

.project-details .spec-headline {
  color: #84C17E;
}

.project-team {
  background: transparent url("../images/blog-bg.jpg") no-repeat center;
  background-size: cover;
  border-top: 1px solid #979797;
  padding-bottom: 30px;
}

@media (min-width: 320px) {
  .project-team {
    padding-bottom: calc(30px + (99 - 30) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .project-team {
    padding-bottom: 99px;
  }
}

.project-team .shaded-comp--subtext .name {
  font-weight: 600;
  font-size: 22px;
  color: #FFFFFF;
  margin: 0;
  line-height: normal;
}

@media (min-width: 320px) {
  .project-team .shaded-comp--subtext .name {
    font-size: calc(22px + (26 - 22) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .project-team .shaded-comp--subtext .name {
    font-size: 26px;
  }
}

.project-team .shaded-comp--subtext .position {
  font-weight: 300;
  font-size: 18px;
  color: #FFFFFF;
  margin: 0;
  line-height: normal;
}

@media (min-width: 320px) {
  .project-team .shaded-comp--subtext .position {
    font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .project-team .shaded-comp--subtext .position {
    font-size: 22px;
  }
}

.project-results {
  background: #67A761;
  color: #fff;
  text-align: center;
}

.project-results .headline-container {
  padding-top: 42px;
  padding-bottom: 32px;
  background: #84C17E;
  background-size: cover;
  overflow: hidden;
  position: relative;
  -webkit-transform: translate(-10px, -10px);
  transform: translate(-10px, -10px);
}

@media (min-width: 320px) {
  .project-results .headline-container {
    padding-top: calc(42px + (36 - 42) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .project-results .headline-container {
    padding-top: 36px;
  }
}

@media (min-width: 320px) {
  .project-results .headline-container {
    padding-bottom: calc(32px + (36 - 32) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .project-results .headline-container {
    padding-bottom: 36px;
  }
}

.project-results .headline-container img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  font-family: "object-fit: cover; object-position: center";
  position: absolute;
  opacity: .1;
  top: 0;
  left: 0;
}

.project-results .headline {
  font-size: 24px;
  color: #fff;
  padding-left: 10px;
}

@media (min-width: 320px) {
  .project-results .headline {
    font-size: calc(24px + (40 - 24) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .project-results .headline {
    font-size: 40px;
  }
}

.project-results a {
  color: #fff;
}

.project-results .result-item {
  padding: 25px 0;
  border-bottom: 3px solid #fff;
}

.project-results .result-item:last-child {
  border-bottom: none;
}

.project-results .result-item--titel {
  font-size: 20px;
  margin-bottom: 12px;
}

@media (min-width: 320px) {
  .project-results .result-item--titel {
    font-size: calc(20px + (28 - 20) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .project-results .result-item--titel {
    font-size: 28px;
  }
}

.project-results .result-item--titel .subtitle {
  display: block;
  font-weight: 600;
  font-size: 18px;
}

@media (min-width: 320px) {
  .project-results .result-item--titel .subtitle {
    font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .project-results .result-item--titel .subtitle {
    font-size: 22px;
  }
}

.project-results .result-item--description {
  font-size: 16px;
  margin-bottom: 12px;
}

@media (min-width: 320px) {
  .project-results .result-item--description {
    font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .project-results .result-item--description {
    font-size: 22px;
  }
}

.project-results .result-item--more-info {
  font-size: 20px;
}

.project-results .result-item--more-info a {
  font-weight: 600;
  font-size: 20px;
  color: #FFFFFF;
}

.project-results .result-item--more-info .arrow-link.button {
  text-transform: uppercase;
  border: 4px solid rgba(255, 255, 255, 0.3);
  padding: 5px 70px 5px 31px;
  margin-top: 16px;
  display: inline-block;
}

.project-results .result-item--more-info .arrow-link.button:after {
  height: 16px;
  width: 45px;
  background-image: url("../images/arrow-white.svg");
  right: 19px;
  top: calc(50% - 7px);
}

.project-results .result-item--more-info .arrow-link.button:hover:after {
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
}

.project-results .result-item--more-info .arrow-link.button[data-brand="github"] {
  padding-left: 60px;
}

.project-results .result-item--more-info .arrow-link.button[data-brand="github"]:before {
  left: 10px;
}

.similar-projects {
  border-top: 1px solid #979797;
  padding-bottom: 115px;
}

.similar-projects .preview-slider {
  padding-bottom: 0;
}

@media (min-width: 800px) {
  .preview-section--projects a.shaded-comp .shaded-comp--subtext {
    padding-right: 70px;
    position: relative;
  }

  .preview-section--projects a.shaded-comp .shaded-comp--subtext:after {
    content: '';
    position: absolute;
    display: block;
    width: 34px;
    height: 12px;
    top: calc(50% - 6px);
    right: 20px;
    background: transparent url("../images/arrow-white.svg") no-repeat;
    background-size: contain;
  }
}

@media (min-width: 1024px) {
  .project-results .result-item .content-width {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    position: relative;
  }

  .project-results .result-item .content-width:before, .project-results .result-item .content-width:after {
    content: '';
    height: 100%;
    width: 4px;
    background: rgba(255, 255, 255, 0.2);
    display: block;
    position: absolute;
  }

  .project-results .result-item .content-width:before {
    left: 213px;
  }

  .project-results .result-item .content-width:after {
    right: 328px;
  }

  .project-results .result-item--titel {
    width: 213px;
    padding-right: 21px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .project-results .result-item--description {
    width: calc(100% - 213px - 328px);
    padding: 10px 21px 10px 27px;
    margin: 0;
  }

  .project-results .result-item--more-info {
    width: 328px;
    text-align: center;
    padding-left: 21px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .project-results .result-item--more-info .arrow-link.button {
    font-size: 26px;
  }
}

body[data-category="scholarships"] .intro-wrapper .intro-content .intro-header .intro-header-content {
  background: rgba(92, 189, 212, 0.95);
}

body[data-category="scholarships"] .intro-wrapper .intro-content .intro-description {
  background: #429FB5;
}

body[data-category="scholarships"] .preview-section--blog .shaded-comp {
  background: #5CBDD4;
}

body[data-category="scholarships"] .shaded-comp--container:before {
  color: #5CBDD4;
}

body[data-category="scholarships"] .shaded-comp--container .shaded-comp {
  background: #5CBDD4;
}

body[data-category="scholarships"] .preview-item:before, body[data-category="scholarships"] .shaded-comp--container:before {
  color: #5CBDD4;
}

body[data-category="scholarships"] .description-block--headline {
  color: #5CBDD4;
}

@media (min-width: 800px) {
  body[data-category="projects"] .shaded-comp--container:before {
    text-align: right;
    padding-right: 10px;
  }
}

.scholarship-details .description-block .shaded-comp {
  background: #5CBDD4;
}

.scholarship-details .spec-headline {
  color: #5CBDD4;
}

.shaded-comp[data-subtext="person"] .shaded-comp--subtext .name {
  font-weight: 600;
  font-size: 22px;
  color: #FFFFFF;
  margin: 0;
  line-height: normal;
}

@media (min-width: 320px) {
  .shaded-comp[data-subtext="person"] .shaded-comp--subtext .name {
    font-size: calc(22px + (26 - 22) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .shaded-comp[data-subtext="person"] .shaded-comp--subtext .name {
    font-size: 26px;
  }
}

.shaded-comp[data-subtext="person"] .shaded-comp--subtext .position {
  font-weight: 300;
  font-size: 18px;
  color: #FFFFFF;
  margin: 0;
  line-height: normal;
}

@media (min-width: 320px) {
  .shaded-comp[data-subtext="person"] .shaded-comp--subtext .position {
    font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .shaded-comp[data-subtext="person"] .shaded-comp--subtext .position {
    font-size: 22px;
  }
}

body[data-category="scholarships"] .project-results {
  background: #429FB5;
  color: #fff;
  text-align: center;
}

body[data-category="scholarships"] .project-results .headline-container {
  padding-top: 42px;
  padding-bottom: 32px;
  background: #5CBDD4;
  background-size: cover;
  overflow: hidden;
  position: relative;
  -webkit-transform: translate(-10px, -10px);
  transform: translate(-10px, -10px);
}

@media (min-width: 320px) {
  body[data-category="scholarships"] .project-results .headline-container {
    padding-top: calc(42px + (36 - 42) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  body[data-category="scholarships"] .project-results .headline-container {
    padding-top: 36px;
  }
}

@media (min-width: 320px) {
  body[data-category="scholarships"] .project-results .headline-container {
    padding-bottom: calc(32px + (36 - 32) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  body[data-category="scholarships"] .project-results .headline-container {
    padding-bottom: 36px;
  }
}

body[data-category="scholarships"] .project-results .headline-container img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  font-family: "object-fit: cover; object-position: center";
  position: absolute;
  opacity: .1;
  top: 0;
  left: 0;
}

body[data-category="scholarships"] .project-results .headline {
  font-size: 24px;
  color: #fff;
}

@media (min-width: 320px) {
  body[data-category="scholarships"] .project-results .headline {
    font-size: calc(24px + (40 - 24) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  body[data-category="scholarships"] .project-results .headline {
    font-size: 40px;
  }
}

body[data-category="scholarships"] .project-results a {
  color: #fff;
}

body[data-category="scholarships"] .project-results .result-item {
  padding: 25px 0;
  border-bottom: 3px solid #fff;
}

body[data-category="scholarships"] .project-results .result-item:last-child {
  border-bottom: none;
}

body[data-category="scholarships"] .project-results .result-item--titel {
  font-size: 20px;
  margin-bottom: 12px;
}

@media (min-width: 320px) {
  body[data-category="scholarships"] .project-results .result-item--titel {
    font-size: calc(20px + (28 - 20) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  body[data-category="scholarships"] .project-results .result-item--titel {
    font-size: 28px;
  }
}

body[data-category="scholarships"] .project-results .result-item--titel .subtitle {
  display: block;
  font-weight: 600;
  font-size: 18px;
}

@media (min-width: 320px) {
  body[data-category="scholarships"] .project-results .result-item--titel .subtitle {
    font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  body[data-category="scholarships"] .project-results .result-item--titel .subtitle {
    font-size: 22px;
  }
}

body[data-category="scholarships"] .project-results .result-item--description {
  font-size: 16px;
  margin-bottom: 12px;
}

@media (min-width: 320px) {
  body[data-category="scholarships"] .project-results .result-item--description {
    font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  body[data-category="scholarships"] .project-results .result-item--description {
    font-size: 22px;
  }
}

body[data-category="scholarships"] .project-results .result-item--more-info {
  font-size: 20px;
}

body[data-category="scholarships"] .project-results .result-item--more-info a {
  font-weight: 600;
  font-size: 20px;
  color: #FFFFFF;
}

body[data-category="scholarships"] .project-results .result-item--more-info .arrow-link.button {
  text-transform: uppercase;
  border: 4px solid rgba(255, 255, 255, 0.3);
  padding: 5px 70px 5px 31px;
  margin-top: 16px;
  display: inline-block;
}

body[data-category="scholarships"] .project-results .result-item--more-info .arrow-link.button:after {
  height: 16px;
  width: 45px;
  background-image: url("../images/arrow-white.svg");
  right: 19px;
  top: calc(50% - 7px);
}

body[data-category="scholarships"] .project-results .result-item--more-info .arrow-link.button:hover:after {
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
}

body[data-category="scholarships"] .project-results .result-item--more-info .arrow-link.button[data-brand="github"] {
  padding-left: 60px;
}

body[data-category="scholarships"] .project-results .result-item--more-info .arrow-link.button[data-brand="github"]:before {
  left: 10px;
}

.similar-projects {
  border-top: 1px solid #979797;
  padding-bottom: 115px;
}

@media (min-width: 800px) {
  .preview-section--projects a.shaded-comp .shaded-comp--subtext {
    padding-right: 70px;
    position: relative;
  }

  .preview-section--projects a.shaded-comp .shaded-comp--subtext:after {
    content: '';
    position: absolute;
    display: block;
    width: 34px;
    height: 12px;
    top: calc(50% - 6px);
    right: 20px;
    background: transparent url("../images/arrow-white.svg") no-repeat;
    background-size: contain;
  }
}

@media (min-width: 1024px) {
  .project-results .result-item .content-width {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    position: relative;
  }

  .project-results .result-item .content-width:before, .project-results .result-item .content-width:after {
    content: '';
    height: 100%;
    width: 4px;
    background: rgba(255, 255, 255, 0.2);
    display: block;
    position: absolute;
  }

  .project-results .result-item .content-width:before {
    left: 213px;
  }

  .project-results .result-item .content-width:after {
    right: 328px;
  }

  .project-results .result-item--titel {
    width: 213px;
    padding-right: 21px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .project-results .result-item--description {
    width: calc(100% - 213px - 328px);
    padding: 10px 21px 10px 27px;
    margin: 0;
  }

  .project-results .result-item--more-info {
    width: 328px;
    text-align: center;
    padding-left: 21px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .project-results .result-item--more-info .arrow-link.button {
    font-size: 26px;
  }
}

body[data-category="science"] .intro-wrapper .intro-content .intro-header .intro-header-content {
  background: rgba(95, 115, 178, 0.95);
}

body[data-category="science"] .intro-wrapper .intro-content .intro-description {
  background: #4a5783;
}

body[data-category="science"] .preview-section--blog .shaded-comp {
  background: #5F73B2;
}

body[data-category="science"] .shaded-comp--container:before {
  color: #5F73B2;
}

body[data-category="science"] .shaded-comp--container .shaded-comp {
  background: #5F73B2;
}

body[data-category="science"] .preview-item:before, body[data-category="science"] .shaded-comp--container:before {
  color: #5F73B2;
}

body[data-category="science"] .description-block--headline {
  color: #5F73B2;
}

@media (min-width: 800px) {
  body[data-category="projects"] .shaded-comp--container:before {
    text-align: right;
    padding-right: 10px;
  }
}

.science-details .description-block .shaded-comp {
  background: #5F73B2;
}

.science-details .spec-headline {
  color: #5F73B2;
}

.shaded-comp[data-subtext="person"] .shaded-comp--subtext .name {
  font-weight: 600;
  font-size: 22px;
  color: #FFFFFF;
  margin: 0;
  line-height: normal;
}

@media (min-width: 320px) {
  .shaded-comp[data-subtext="person"] .shaded-comp--subtext .name {
    font-size: calc(22px + (26 - 22) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .shaded-comp[data-subtext="person"] .shaded-comp--subtext .name {
    font-size: 26px;
  }
}

.shaded-comp[data-subtext="person"] .shaded-comp--subtext .position {
  font-weight: 300;
  font-size: 18px;
  color: #FFFFFF;
  margin: 0;
  line-height: normal;
}

@media (min-width: 320px) {
  .shaded-comp[data-subtext="person"] .shaded-comp--subtext .position {
    font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .shaded-comp[data-subtext="person"] .shaded-comp--subtext .position {
    font-size: 22px;
  }
}

body[data-category="science"] .project-results {
  background: #4a5783;
  color: #fff;
  text-align: center;
}

body[data-category="science"] .project-results .headline-container {
  padding-top: 42px;
  padding-bottom: 32px;
  background: #5F73B2;
  background-size: cover;
  overflow: hidden;
  position: relative;
  -webkit-transform: translate(-10px, -10px);
  transform: translate(-10px, -10px);
}

@media (min-width: 320px) {
  body[data-category="science"] .project-results .headline-container {
    padding-top: calc(42px + (36 - 42) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  body[data-category="science"] .project-results .headline-container {
    padding-top: 36px;
  }
}

@media (min-width: 320px) {
  body[data-category="science"] .project-results .headline-container {
    padding-bottom: calc(32px + (36 - 32) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  body[data-category="science"] .project-results .headline-container {
    padding-bottom: 36px;
  }
}

body[data-category="science"] .project-results .headline-container img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  font-family: "object-fit: cover; object-position: center";
  position: absolute;
  opacity: .1;
  top: 0;
  left: 0;
}

body[data-category="science"] .project-results .headline {
  font-size: 24px;
  color: #fff;
}

@media (min-width: 320px) {
  body[data-category="science"] .project-results .headline {
    font-size: calc(24px + (40 - 24) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  body[data-category="science"] .project-results .headline {
    font-size: 40px;
  }
}

body[data-category="science"] .project-results a {
  color: #fff;
}

body[data-category="science"] .project-results .result-item {
  padding: 25px 0;
  border-bottom: 3px solid #fff;
}

body[data-category="science"] .project-results .result-item:last-child {
  border-bottom: none;
}

body[data-category="science"] .project-results .result-item--titel {
  font-size: 20px;
  margin-bottom: 12px;
}

@media (min-width: 320px) {
  body[data-category="science"] .project-results .result-item--titel {
    font-size: calc(20px + (28 - 20) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  body[data-category="science"] .project-results .result-item--titel {
    font-size: 28px;
  }
}

body[data-category="science"] .project-results .result-item--titel .subtitle {
  display: block;
  font-weight: 600;
  font-size: 18px;
}

@media (min-width: 320px) {
  body[data-category="science"] .project-results .result-item--titel .subtitle {
    font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  body[data-category="science"] .project-results .result-item--titel .subtitle {
    font-size: 22px;
  }
}

body[data-category="science"] .project-results .result-item--description {
  font-size: 16px;
  margin-bottom: 12px;
}

@media (min-width: 320px) {
  body[data-category="science"] .project-results .result-item--description {
    font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  body[data-category="science"] .project-results .result-item--description {
    font-size: 22px;
  }
}

body[data-category="science"] .project-results .result-item--more-info {
  font-size: 20px;
}

body[data-category="science"] .project-results .result-item--more-info a {
  font-weight: 600;
  font-size: 20px;
  color: #FFFFFF;
}

body[data-category="science"] .project-results .result-item--more-info .arrow-link.button {
  text-transform: uppercase;
  border: 4px solid rgba(255, 255, 255, 0.3);
  padding: 5px 70px 5px 31px;
  margin-top: 16px;
  display: inline-block;
}

body[data-category="science"] .project-results .result-item--more-info .arrow-link.button:after {
  height: 16px;
  width: 45px;
  background-image: url("../images/arrow-white.svg");
  right: 19px;
  top: calc(50% - 7px);
}

body[data-category="science"] .project-results .result-item--more-info .arrow-link.button:hover:after {
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
}

body[data-category="science"] .project-results .result-item--more-info .arrow-link.button[data-brand="github"] {
  padding-left: 60px;
}

body[data-category="science"] .project-results .result-item--more-info .arrow-link.button[data-brand="github"]:before {
  left: 10px;
}

.similar-projects {
  border-top: 1px solid #979797;
  padding-bottom: 115px;
}

@media (min-width: 800px) {
  .preview-section--projects a.shaded-comp .shaded-comp--subtext {
    padding-right: 70px;
    position: relative;
  }

  .preview-section--projects a.shaded-comp .shaded-comp--subtext:after {
    content: '';
    position: absolute;
    display: block;
    width: 34px;
    height: 12px;
    top: calc(50% - 6px);
    right: 20px;
    background: transparent url("../images/arrow-white.svg") no-repeat;
    background-size: contain;
  }
}

@media (min-width: 1024px) {
  .project-results .result-item .content-width {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    position: relative;
  }

  .project-results .result-item .content-width:before, .project-results .result-item .content-width:after {
    content: '';
    height: 100%;
    width: 4px;
    background: rgba(255, 255, 255, 0.2);
    display: block;
    position: absolute;
  }

  .project-results .result-item .content-width:before {
    left: 213px;
    top: 0;
  }

  .project-results .result-item .content-width:after {
    right: 328px;
    top: 0;
  }

  .project-results .result-item--titel {
    width: 213px;
    padding-right: 21px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .project-results .result-item--description {
    width: calc(100% - 213px - 328px);
    padding: 10px 21px 10px 27px;
    margin: 0;
  }

  .project-results .result-item--more-info {
    width: 328px;
    text-align: center;
    padding-left: 21px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .project-results .result-item--more-info .arrow-link.button {
    font-size: 26px;
  }
}

.search-result {
  padding-bottom: 0;
  transition: padding-bottom .2s ease-out;
  padding-top: 55px;
  color: #686863;
}

.search-form--form .ui.multiple.search.dropdown > input.search,
.search-form--form .ui.search.selection.dropdown > span.sizer {
  font-size: 18px;
}

@media (min-width: 768px) {
  .search-form--form .ui.multiple.search.dropdown > input.search,
  .search-form--form .ui.search.selection.dropdown > span.sizer {
    font-size: calc(18px + (26 - 18) * ((100vw - 768px) / (1440 - 768)));
  }
}

@media (min-width: 1440px) {
  .search-form--form .ui.multiple.search.dropdown > input.search,
  .search-form--form .ui.search.selection.dropdown > span.sizer {
    font-size: 26px;
  }
}

.search-form--form .ui.multiple.search.dropdown > input.search {
  margin: .25240952em 0 .25240952em .64285714em;
}

.search-form--form .ui.selection.dropdown .item,
.search-form--form .ui.selection.dropdown .filtered.item,
.search-form--form .ui.selection.dropdown .item.active,
.search-form--form .ui.selection.dropdown .item.selected {
  color: #686863 !important;
  background: transparent !important;
  font-weight: 300 !important;
}

.search-form--form .ui.selection.dropdown {
  height: 2.813em;
}

.search-form--form .ui.selection.dropdown:not(.search-tags) a.ui.label {
  display: inline;
  white-space: nowrap;
  visibility: hidden;
}

.search-form--form .ui.selection.dropdown:not(.search-tags) a.ui.label:not(.search-tags).value-list {
  visibility: visible;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.search-result--empty-result .search-result--empty-result-text {
  font-size: 20px;
  text-align: center;
  margin: 2em 0 3em;
}

@media (min-width: 768px) {
  .search-result--empty-result .search-result--empty-result-text {
    font-size: calc(20px + (40 - 20) * ((100vw - 768px) / (1440 - 768)));
  }
}

@media (min-width: 1440px) {
  .search-result--empty-result .search-result--empty-result-text {
    font-size: 40px;
  }
}

.search-result--header {
  margin-bottom: 40px;
}

@media (min-width: 320px) {
  .search-result--header {
    margin-bottom: calc(40px + (52 - 40) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .search-result--header {
    margin-bottom: 52px;
  }
}

.search-result--header .result-counter {
  color: #686863;
  font-size: 30px;
  white-space: normal;
}

@media (min-width: 768px) {
  .search-result--header .result-counter {
    font-size: calc(30px + (60 - 30) * ((100vw - 768px) / (1440 - 768)));
  }
}

@media (min-width: 1440px) {
  .search-result--header .result-counter {
    font-size: 60px;
  }
}

.search-result--header .result-counter span {
  font-weight: 600;
}

.search-result--header .result-menu {
  text-align: right;
  font-size: 0;
  max-width: 450px;
  margin: 0 0 0 auto;
}

.search-result--header .result-menu button, .search-result--header .result-menu .button {
  padding: 2px 6px 3px;
  display: inline-block;
  background: transparent;
  border: 2px solid #3AA4A5;
  font-weight: 700;
  font-size: 16px;
  color: #686863;
  margin-top: 5px;
  margin-left: 5px;
}

@media (min-width: 768px) {
  .search-result--header .result-menu button, .search-result--header .result-menu .button {
    font-size: calc(16px + (20 - 16) * ((100vw - 768px) / (1440 - 768)));
  }
}

@media (min-width: 1440px) {
  .search-result--header .result-menu button, .search-result--header .result-menu .button {
    font-size: 20px;
  }
}

@media (min-width: 768px) {
  .search-result--header .result-menu button, .search-result--header .result-menu .button {
    margin-top: calc(5px + (10 - 5) * ((100vw - 768px) / (1440 - 768)));
  }
}

@media (min-width: 1440px) {
  .search-result--header .result-menu button, .search-result--header .result-menu .button {
    margin-top: 10px;
  }
}

@media (min-width: 768px) {
  .search-result--header .result-menu button, .search-result--header .result-menu .button {
    margin-left: calc(5px + (10 - 5) * ((100vw - 768px) / (1440 - 768)));
  }
}

@media (min-width: 1440px) {
  .search-result--header .result-menu button, .search-result--header .result-menu .button {
    margin-left: 10px;
  }
}

.search-result--header .result-menu .open-details {
  white-space: nowrap;
}

.search-result--header .result-menu .open-details .close {
  display: none;
}

.search-result--header .result-menu .open-details .open {
  display: inline;
}

.search-result--header .result-menu .open-details.all-open .close {
  display: inline;
}

.search-result--header .result-menu .open-details.all-open .open {
  display: none;
}

.search-result--list {
  margin-bottom: 69px;
}




  .search-result--list .result-item--head {
    min-height: 130px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .search-result--list .result-item--head .result-item--info {
    width: 160px;
    padding-bottom: 0;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }

  .search-result--list .result-item--head .result-item--summary {
    width: calc(100% - 160px);
    padding-left: 138px;
    padding-top: 10px;
    padding-right: 15px;
  }


@media (min-width: 768px) {
  .search-result--header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .search-result--header .result-counter {
    width: 280px;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  .search-result--header .result-counter {
    width: calc(280px + (550 - 280) * ((100vw - 768px) / (1440 - 768)));
  }
}

@media (min-width: 768px) and (min-width: 1440px) {
  .search-result--header .result-counter {
    width: 550px;
  }
}

@media (min-width: 768px) {
  .search-result--header .result-menu {
    padding-left: 30px;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    max-width: none;
    padding-top: 4px;
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  .search-result--header .result-menu {
    padding-top: calc(4px + (21 - 4) * ((100vw - 768px) / (1440 - 768)));
  }
}

@media (min-width: 768px) and (min-width: 1440px) {
  .search-result--header .result-menu {
    padding-top: 21px;
  }
}

.people .intro-wrapper .intro-content .intro-header .intro-header-content {
  font-size: 24px;
  background: rgba(58, 164, 165, 0.95);
  padding: 5px 12px;
}

@media (min-width: 320px) {
  .people .intro-wrapper .intro-content .intro-header .intro-header-content {
    font-size: calc(24px + (60 - 24) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .people .intro-wrapper .intro-content .intro-header .intro-header-content {
    font-size: 60px;
  }
}

.people .intro-wrapper .intro-content .intro-description {
  font-size: 18px;
  background: rgba(43, 141, 142, 0.95);
}

@media (min-width: 320px) {
  .people .intro-wrapper .intro-content .intro-description {
    font-size: calc(18px + (26 - 18) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .people .intro-wrapper .intro-content .intro-description {
    font-size: 26px;
  }
}

.people .similar-projects {
  background: transparent url("../images/blog-spec-bg.jpg") no-repeat center;
  background-size: cover;
  position: relative;
  border-top: 1px solid #979797;
  padding-bottom: 30px;
}

@media (min-width: 320px) {
  .people .similar-projects {
    padding-bottom: calc(30px + (99 - 30) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .people .similar-projects {
    padding-bottom: 99px;
  }
}

.people .similar-projects:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.95);
}

.people .similar-projects > * {
  position: relative;
}

.people .similar-projects .shaded-comp--subtext .name {
  font-weight: 600;
  font-size: 22px;
  color: #FFFFFF;
  margin: 0;
  line-height: normal;
}

@media (min-width: 320px) {
  .people .similar-projects .shaded-comp--subtext .name {
    font-size: calc(22px + (26 - 22) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .people .similar-projects .shaded-comp--subtext .name {
    font-size: 26px;
  }
}

.people .similar-projects .shaded-comp--subtext .position {
  font-weight: 300;
  font-size: 18px;
  color: #FFFFFF;
  margin: 0;
  line-height: normal;
}

@media (min-width: 320px) {
  .people .similar-projects .shaded-comp--subtext .position {
    font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .people .similar-projects .shaded-comp--subtext .position {
    font-size: 22px;
  }
}

.about .preview-item-wrapper .specs-item {
  border: none;
  width: 100%;
}

.register .intro-wrapper .intro-content.has-much-content .intro-header .intro-header-content, .contact .intro-wrapper .intro-content.has-much-content .intro-header .intro-header-content {
  font-size: 24px;
}

@media (min-width: 320px) {
  .register .intro-wrapper .intro-content.has-much-content .intro-header .intro-header-content, .contact .intro-wrapper .intro-content.has-much-content .intro-header .intro-header-content {
    font-size: calc(24px + (60 - 24) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .register .intro-wrapper .intro-content.has-much-content .intro-header .intro-header-content, .contact .intro-wrapper .intro-content.has-much-content .intro-header .intro-header-content {
    font-size: 60px;
  }
}

.register .blog-event--register, .contact .blog-event--register {
  background: transparent url("../images/blog-spec-bg.jpg") no-repeat center;
  background-size: cover;
  position: relative;
}

.register .blog-event--register:before, .contact .blog-event--register:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.95);
}

.register .blog-event--register > *, .contact .blog-event--register > * {
  position: relative;
}

.register .blog-event--register input, .contact .blog-event--register input {
  background: #fff;
}

.register .submit-button,
.register button.secondary, .contact .submit-button,
.contact button.secondary {
  font-weight: 700;
  font-size: 16px;
  color: #3D3D3B;
  padding: 0 13px;
  line-height: 45px;
  text-transform: uppercase;
  width: 100%;
}

@media (min-width: 768px) {
  .register .submit-button,
  .register button.secondary, .contact .submit-button,
  .contact button.secondary {
    font-size: calc(16px + (20 - 16) * ((100vw - 768px) / (1440 - 768)));
  }
}

@media (min-width: 1440px) {
  .register .submit-button,
  .register button.secondary, .contact .submit-button,
  .contact button.secondary {
    font-size: 20px;
  }
}

.register .button-container, .contact .button-container {
  margin-bottom: 20px;
}

@media (min-width: 320px) {
  .register .button-container, .contact .button-container {
    margin-bottom: calc(20px + (40 - 20) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .register .button-container, .contact .button-container {
    margin-bottom: 40px;
  }
}

.register .button-container button, .contact .button-container button {
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: -webkit-transform .2s ease-out;
  transition: transform .2s ease-out;
}

.register .button-container button:hover, .contact .button-container button:hover {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}

.register .button-container button.secondary, .contact .button-container button.secondary {
  border: 2px solid #3AA4A5;
  background: transparent;
  line-height: 41px;
}

.register .button-container button + button, .contact .button-container button + button {
  margin-top: 10px;
}

.register .button-container--info, .contact .button-container--info {
  display: block;
  font-size: 14px;
  margin-left: 10px;
  margin-top: 10px;
  text-align: right;
}

@media (min-width: 768px) {
  .register .button-container--info, .contact .button-container--info {
    font-size: calc(14px + (18 - 14) * ((100vw - 768px) / (1440 - 768)));
  }
}

@media (min-width: 1440px) {
  .register .button-container--info, .contact .button-container--info {
    font-size: 18px;
  }
}

@media (min-width: 768px) {
  .register .submit-container,
  .contact .submit-container {
    text-align: right;
  }

  .register .submit-button,
  .register button.secondary,
  .contact .submit-button,
  .contact button.secondary {
    width: auto;
  }

  .register form,
  .contact form {
    padding-left: 180px;
    background: transparent url("../images/register-form-icon.svg") no-repeat;
  }

  .register form button + button,
  .contact form button + button {
    margin-top: 0;
    margin-left: 10px;
  }

  .register form .button-container--info,
  .contact form .button-container--info {
    display: inline;
    text-align: left;
    margin-left: 10px;
  }
}

.contact .contact-cta-container {
  padding-top: 20px;
}

.contact .contact-cta {
  min-height: 90px;
  padding-left: 120px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  background: transparent no-repeat 10px center;
  background-size: contain;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 340px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .contact .contact-cta {
    min-height: calc(90px + (160 - 90) * ((100vw - 768px) / (1440 - 768)));
  }
}

@media (min-width: 1440px) {
  .contact .contact-cta {
    min-height: 160px;
  }
}

@media (min-width: 768px) {
  .contact .contact-cta {
    padding-left: calc(120px + (190 - 120) * ((100vw - 768px) / (1440 - 768)));
  }
}

@media (min-width: 1440px) {
  .contact .contact-cta {
    padding-left: 190px;
  }
}

.contact .contact-cta[href^="tel"] {
  background-image: url("../images/contact-icon-tel.svg");
}

.contact .contact-cta[href^="mailto"] {
  background-image: url("../images/contact-icon-mail.svg");
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: -webkit-transform .2s ease-out;
  transition: transform .2s ease-out;
}

.contact .contact-cta[href^="mailto"]:hover {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}

.contact .contact-cta + .contact-cta {
  margin-top: 40px;
}

.contact .contact-cta-definition {
  display: block;
  width: 100%;
  font-weight: 600;
  font-size: 18px;
  color: rgba(58, 164, 164, 0.95);
  line-height: normal;
}

@media (min-width: 768px) {
  .contact .contact-cta-definition {
    font-size: calc(18px + (24 - 18) * ((100vw - 768px) / (1440 - 768)));
  }
}

@media (min-width: 1440px) {
  .contact .contact-cta-definition {
    font-size: 24px;
  }
}

.contact .contact-cta-action {
  font-weight: 300;
  font-size: 20px;
  color: #3D3D3B;
}

@media (min-width: 768px) {
  .contact .contact-cta-action {
    font-size: calc(20px + (36 - 20) * ((100vw - 768px) / (1440 - 768)));
  }
}

@media (min-width: 1440px) {
  .contact .contact-cta-action {
    font-size: 36px;
  }
}

@media (min-width: 768px) {
  .contact .contact-cta-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .contact .contact-cta {
    max-width: none;
    width: 50%;
    margin-left: 0;
    margin-right: 0;
  }

  .contact .contact-cta + .contact-cta {
    margin-top: 0;
  }
}

.submit .intro-wrapper .intro-content .intro-header .intro-header-content {
  font-size: 24px;
  background: rgba(58, 164, 165, 0.95);
  padding: 5px 12px;
  margin-bottom: 0;
}

@media (min-width: 320px) {
  .submit .intro-wrapper .intro-content .intro-header .intro-header-content {
    font-size: calc(24px + (60 - 24) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .submit .intro-wrapper .intro-content .intro-header .intro-header-content {
    font-size: 60px;
  }
}

.submit .intro-wrapper .intro-content .intro-description {
  font-size: 18px;
  background: rgba(43, 141, 142, 0.95);
}

@media (min-width: 320px) {
  .submit .intro-wrapper .intro-content .intro-description {
    font-size: calc(18px + (26 - 18) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .submit .intro-wrapper .intro-content .intro-description {
    font-size: 26px;
  }
}

.submit .cta-column:hover .arrow-link:after {
  -webkit-transform: none;
  transform: none;
}

.submit .cta-column--description {
  font-size: 16px;
  line-height: 1.6364em;
  height: auto;
  max-width: none;
  min-height: 0;
  letter-spacing: 0;
  display: block;
}

@media (min-width: 320px) {
  .submit .cta-column--description {
    font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .submit .cta-column--description {
    font-size: 22px;
  }
}

.submit .cta-column--description .cta-column--button {
  background: transparent !important;
  position: static;
}

.submit .cta-column--button {
  background: rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
  font-weight: 700;
  font-size: 24px;
  padding: 17px 10px;
  line-height: 1.2917em;
  color: #fff;
  display: block;
}

.submit .cta-column--button:hover .arrow-link:after {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}

.submit .cta-column--button-text {
  display: inline-block;
}

.submit .subscribe-newsletter--content {
  padding: 58px 0 50px;
}

.submit .subscribe-newsletter--form {
  text-align: center;
  display: block;
}

.submit .subscribe-newsletter--form .arrow-link {
  font-weight: 700;
  font-size: 18px;
  color: #3D3D3B;
  text-transform: uppercase;
  display: inline-block;
  line-height: 2.1em;
  transition: border .2s ease-out;
}

@media (min-width: 320px) {
  .submit .subscribe-newsletter--form .arrow-link {
    font-size: calc(18px + (26 - 18) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .submit .subscribe-newsletter--form .arrow-link {
    font-size: 26px;
  }
}

.submit .subscribe-newsletter--form .arrow-link:after {
  width: 45px;
  height: 16px;
  top: calc(50% - 8px);
  right: 18px;
}

.submit .subscribe-newsletter--form .arrow-link:hover {
  border-color: rgba(61, 61, 59, 0.64);
}

.submit .preview-section {
  padding-bottom: 115px;
}

.submit .preview-section .headline-container {
  padding-top: 42px;
}

@media (min-width: 320px) {
  .submit .preview-section .headline-container {
    padding-top: calc(42px + (88 - 42) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .submit .preview-section .headline-container {
    padding-top: 88px;
  }
}

.submit .illustration-column {
  margin: 0 auto;
  max-width: 400px;
}

.submit .illustration-column + .illustration-column {
  margin-top: 50px;
}

.submit .illustration-column--icon {
  height: 200px;
  margin: 0 auto 15px;
}

.submit .illustration-column--icon img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: center;
  font-family: "object-fit: contain; object-position: center";
}

.submit .illustration-column--content {
  font-size: 16px;
  text-align: center;
}

@media (min-width: 320px) {
  .submit .illustration-column--content {
    font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .submit .illustration-column--content {
    font-size: 20px;
  }
}

.submit .illustration-column--content a {
  font-weight: 600;
}

@media (min-width: 768px) {
  .submit .illustration-column-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -50px;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .submit .illustration-column-list .illustration-column {
    width: calc(50% - 39px);
    margin-top: 50px;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }
}

@media (min-width: 1024px) {
  .submit .cta-column {
    padding-bottom: 65px;
  }

  .submit .cta-column--content {
    padding-bottom: 75px;
    position: relative;
  }

  .submit .cta-column--description .cta-column--button {
    position: absolute;
    bottom: 10px;
    left: 0;
  }

  .submit .illustration-column--icon {
    height: auto;
  }

  .submit .illustration-column-list .illustration-column {
    width: calc(25% - 39px);
  }
}

.submit-detail .intro-wrapper .intro-content .intro-header .intro-header-content {
  background: transparent !important;
  font-size: 32px;
}

@media (min-width: 500px) {
  .submit-detail .intro-wrapper .intro-content .intro-header .intro-header-content {
    font-size: calc(32px + (60 - 32) * ((100vw - 500px) / (1440 - 500)));
  }
}

@media (min-width: 1440px) {
  .submit-detail .intro-wrapper .intro-content .intro-header .intro-header-content {
    font-size: 60px;
  }
}

.submit-detail .intro-wrapper {
  height: auto !important;
  display: block;
  padding: 55px 0;
}

.submit-detail .intro-wrapper .submit-action-container {
  position: relative;
  z-index: 2;
  margin-top: 20px;
  text-align: center;
}

.submit-detail .intro-wrapper .submit-action-container .counter {
  line-height: calc(2.36em - 4px);
  border: 2px solid #fff;
  font-weight: 300;
  font-size: 22px;
  color: #FFFFFF;
  display: inline-block;
  width: 100%;
  max-width: 650px;
  cursor: default;
}

@media (min-width: 320px) {
  .submit-detail .intro-wrapper .submit-action-container .counter {
    font-size: calc(22px + (34 - 22) * ((100vw - 320px) / (1440 - 320)));
    width: 120%;
  }
}

@media (min-width: 1440px) {
  .submit-detail .intro-wrapper .submit-action-container .counter {
    font-size: 34px;
  }
}

.submit-detail .intro-wrapper .submit-action-container .counter span {
  font-weight: 600;
}

.submit-detail .intro-wrapper .submit-action-container .submit-now--button-container {
  margin-top: 0.3705em;
  font-size: 22px;
  width: 120%;
}

@media (min-width: 320px) {
  .submit-detail .intro-wrapper .submit-action-container .submit-now--button-container {
    font-size: calc(22px + (34 - 22) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .submit-detail .intro-wrapper .submit-action-container .submit-now--button-container {
    font-size: 34px;
  }
}

.submit-detail .intro-wrapper .submit-action-container .submit-now--button-container .submit-now--button {
  display: inline-block;
  background: #F5CE6A;
  line-height: 2.36em;
  text-transform: uppercase;
  width: 100%;
  max-width: 380px;
}

.submit-detail .intro-wrapper .submit-action-container .submit-now--button-container .arrow-link {
  font-weight: 700;
  color: #3D3D3B;
}

.submit-detail .submit-now {
  color: #3AA4A5;
  padding-top: 4em;
  padding-bottom: 3.9em;
  font-size: 18px;
  text-align: center;
}

@media (min-width: 320px) {
  .submit-detail .submit-now {
    font-size: calc(18px + (26 - 18) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .submit-detail .submit-now {
    font-size: 26px;
  }
}

.submit-detail .submit-now .submit-now--button-container {
  margin-top: 1.64705em;
  font-size: 22px;
}

@media (min-width: 320px) {
  .submit-detail .submit-now .submit-now--button-container {
    font-size: calc(22px + (34 - 22) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .submit-detail .submit-now .submit-now--button-container {
    font-size: 34px;
  }
}

.submit-detail .submit-now .submit-now--button-container .submit-now--button {
  display: inline-block;
  background: #F5CE6A;
  line-height: 2.36em;
  text-transform: uppercase;
  width: 100%;
  max-width: 380px;
}

.submit-detail .submit-now .submit-now--button-container .arrow-link {
  font-weight: 700;
  color: #3D3D3B;
}

.submit-detail .project-results .result-item--titel .subtitle {
  font-weight: 300;
  font-size: 16px;
}

@media (min-width: 320px) {
  .submit-detail .project-results .result-item--titel .subtitle {
    font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .submit-detail .project-results .result-item--titel .subtitle {
    font-size: 22px;
  }
}

.submit-detail .preview-section .specs {
  padding-top: 0;
  padding-bottom: 0;
}

.submit-detail .accordion {
  color: #fff;
  counter-reset: accordionitem;
}

.submit-detail .accordion .title,
.submit-detail .accordion .content {
  background: #3AA4A5;
}

.submit-detail .accordion .title {
  margin-top: 10px;
  min-height: 100px;
  padding: 19px 50px 19px 80px !important;
  position: relative;
  font-weight: 700;
  font-size: 18px;
  color: #FFFFFF;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  counter-increment: accordionitem;
}

@media (min-width: 320px) {
  .submit-detail .accordion .title {
    font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .submit-detail .accordion .title {
    font-size: 24px;
  }
}

.submit-detail .accordion .title:before {
  content: counter(accordionitem);
  background: rgba(0, 0, 0, 0.2);
  width: 60px;
  left: 0;
  font-size: 30px;
}

@media (min-width: 320px) {
  .submit-detail .accordion .title:before {
    font-size: calc(30px + (48 - 30) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .submit-detail .accordion .title:before {
    font-size: 48px;
  }
}

.submit-detail .accordion .title:before, .submit-detail .accordion .title .icon {
  position: absolute;
  top: 0;
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.submit-detail .accordion .title .icon {
  width: 40px;
  right: 0;
  font-size: 2em;
  margin: 0;
}

.submit-detail .accordion .title .icon:before {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: -webkit-transform .2s ease-out;
  transition: transform .2s ease-out;
}

.submit-detail .accordion .title.active .icon:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.submit-detail .accordion .content {
  border-top: 2px solid rgba(0, 0, 0, 0.2);
  padding: 1.05em 1.3em !important;
}

.submit-detail .flowing-text .accordion .content ol li:before,
.submit-detail .flowing-text .accordion .content ul:not(.slick-dots) li:before {
  color: #fff;
}

.submit-details-summary {
  background: transparent url("../images/blog-spec-bg.jpg") no-repeat center/cover;
  position: relative;
  color: #fff;
}

.submit-details-summary a {
  color: #fff !important;
}

.submit-details-summary:before {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  background: rgba(58, 164, 165, 0.95);
}

.submit-details-summary > * {
  position: relative;
}

.submit-details-summary .headline {
  color: #fff;
  text-align: center;
}

.submit-details-summary-steps {
  counter-reset: step;
  padding-bottom: 78px;
}

@media (min-width: 320px) {
  .submit-details-summary-steps {
    padding-bottom: calc(78px + (135 - 78) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .submit-details-summary-steps {
    padding-bottom: 135px;
  }
}

.submit-details-summary-step {
  color: #fff;
}

.submit-details-summary-step + .submit-details-summary-step {
  margin-top: 50px;
}

.submit-detail-sticky-footer {
  position: fixed;
  bottom: 0;
  background: #3AA4A5;
  width: 100vw;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
  padding-top: 15px;
  padding-bottom: 15px;
  z-index: 400;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  transition: -webkit-transform .2s ease-out;
  transition: transform .2s ease-out;
}

.submit-detail-sticky-footer.visible {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.submit-detail-sticky-footer > .content-width {
  text-align: center;
}

.submit-detail-sticky-footer .submit-detail-sticky-footer--content {
  font-weight: 600;
  font-size: 16px;
  color: #FFFFFF;
}

@media (min-width: 768px) {
  .submit-detail-sticky-footer .submit-detail-sticky-footer--content {
    font-size: calc(16px + (22 - 16) * ((100vw - 768px) / (1440 - 768)));
  }
}

@media (min-width: 1440px) {
  .submit-detail-sticky-footer .submit-detail-sticky-footer--content {
    font-size: 22px;
  }
}

.submit-detail-sticky-footer .submit-detail-sticky-footer--button .submit-now--button-container {
  margin-top: 0.5705em;
  font-size: 16px;
}

@media (min-width: 768px) {
  .submit-detail-sticky-footer .submit-detail-sticky-footer--button .submit-now--button-container {
    font-size: calc(20px + (34 - 20) * ((100vw - 768px) / (1440 - 768)));
  }
}

@media (min-width: 1440px) {
  .submit-detail-sticky-footer .submit-detail-sticky-footer--button .submit-now--button-container {
    font-size: 34px;
  }
}

.submit-detail-sticky-footer .submit-detail-sticky-footer--button .submit-now--button-container .submit-now--button {
  display: inline-block;
  background: #F5CE6A;
  line-height: 2.36em;
  text-transform: uppercase;
  width: 100%;
  max-width: 300px;
}

.submit-detail-sticky-footer .submit-detail-sticky-footer--button .submit-now--button-container .arrow-link {
  font-weight: 700;
  color: #3D3D3B;
}

body[data-category="projects"] .submit-details-summary-overview .shaded-comp {
  background: #669664;
}

body[data-category="science"] .submit-details-summary-overview .shaded-comp {
  background: #4a5a8b;
}

body[data-category="scholarships"] .submit-details-summary-overview .shaded-comp {
  background: #4793a6;
}

body .submit-details-summary-overview .shaded-comp {
  background: #2e8082;
}

@media (min-width: 500px) {
  .submit-detail .intro-tiny .intro-wrapper .intro-content {
    position: relative;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .submit-details-summary-step:nth-child(2) .submit-details-summary-step--icon {
    width: 150px;
    height: 150px;
  }
}

.submit-details-summary-step--headline {
  counter-increment: step;
  font-weight: 700;
  font-size: 20px;
  margin: 0 0 .2em;
}

@media (min-width: 320px) {
  .submit-details-summary-step--headline {
    font-size: calc(20px + (28 - 20) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .submit-details-summary-step--headline {
    font-size: 28px;
  }
}

.submit-details-summary-step--headline:before {
  content: counter(step) ". ";
}

.submit-details-summary-step--icon {
  width: 200px;
  height: 200px;
  margin: 0 auto 30px;
}

.submit-details-summary-step--icon .shaded-comp {
  background: transparent !important;
  width: 100%;
  height: 100%;
  margin: 0 !important;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.submit-details-summary-step--icon .shaded-comp--content {
  width: 100%;
  height: 100%;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.submit-details-summary-step--icon .shaded-comp--content img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: center;
  font-family: "object-fit: contain; object-position: center";
}

@media (min-width: 768px) {
  .submit-detail .submit-now .submit-now--button-container .submit-now--button {
    width: auto;
    max-width: none;
    padding: 0 2.3em;
  }

  .submit-detail .accordion .title {
    padding-left: 122px !important;
    padding-right: 90px !important;
  }

  .submit-detail .accordion .title:before {
    width: 100px;
  }

  .submit-detail .accordion .title .icon {
    width: 70px;
  }

  .submit-details-summary-step {
    position: relative;
    padding-left: 250px;
    min-height: 200px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .submit-details-summary-step .submit-details-summary-step--headline,
  .submit-details-summary-step .submit-details-summary-step--content  {
    width: 100%;
  }

  .submit-details-summary-step:nth-child(2) .submit-details-summary-step--icon .shaded-comp--content {
    width: 60%;
    height: 60%;
  }

  .submit-details-summary-step--icon {
    position: absolute;
    left: 0;
    top: calc(50% - 100px);
    margin-bottom: 0;
  }

  .submit-details-summary-step--icon .shaded-comp {
    background: rgba(255, 255, 255, 0.4) !important;
  }

  .submit-details-summary-step--icon .shaded-comp--content {
    width: 80%;
    height: 80%;
  }

  .submit-details-summary-step--icon .next-step-arrow {
    display: block;
    position: absolute;
    width: 5px;
    bottom: -17px;
    background: #fff;
    left: calc(50% - 2px);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    transition: bottom .15s ease-out;
  }

  .submit-details-summary-step--icon .next-step-arrow:after {
    display: block;
    content: '';
    position: absolute;
    bottom: -2px;
    width: 65px;
    height: 30px;
    background: transparent url("../images/next-step-arrow.svg") no-repeat center/contain;
    left: -30px;
  }

  .submit-details-summary-step {
    position: relative;
    z-index: 1;
    cursor: default;
  }

  .submit-details-summary-step .shaded-comp {
    margin: 0;
    transition: background .15s ease-out .0s, margin .15s ease-out .0s;
    position: relative;
  }

  .submit-details-summary-step .shaded-comp:after {
    content: '';
    top: 0;
    left: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.2);
    z-index: -1;
    opacity: 0;
    transition: opacity .15s ease-out 0s, -webkit-transform .15s ease-out 0s;
    transition: opacity .15s ease-out 0s, transform .15s ease-out 0s;
  }

  .submit-details-summary-step .shaded-comp .submit-details-summary-step--icon-arrow {
    position: absolute;
    height: 70px;
    width: 0;
    top: calc(50% - 35px);
    right: 0;
    overflow: hidden;
    transition: width .15s ease-out 0s, right .15s ease-out 0s;
  }

  .submit-details-summary-step .shaded-comp .submit-details-summary-step--icon-arrow:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 35px 0 35px 35px;
    border-color: transparent transparent transparent rgba(255, 255, 255, 0.4);
    right: 0;
    transition: border .15s ease-out 0s;
  }

  .submit-details-summary-step:hover .shaded-comp {
    margin: -10px 0 0 -10px !important;
    background: white !important;
    transition-delay: 0s, 0s;
  }

  .submit-details-summary-step:hover .shaded-comp:after {
    opacity: 1;
    -webkit-transform: translate(10px, 10px);
    transform: translate(10px, 10px);
    transition-delay: 0s, 0s;
    z-index: -1;
  }

  .submit-details-summary-step:hover .shaded-comp .submit-details-summary-step--icon-arrow {
    width: 35px;
    right: -35px;
  }

  .submit-details-summary-step:hover .shaded-comp .submit-details-summary-step--icon-arrow:before {
    border-color: transparent transparent transparent white;
  }

  .submit-detail-sticky-footer {
    padding-top: 0;
    padding-bottom: 0;
  }

  .submit-detail-sticky-footer .content-width {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .submit-detail-sticky-footer .submit-detail-sticky-footer--content {
    padding: 10px 60px 10px 0;
    text-align: left;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .submit-detail-sticky-footer .submit-detail-sticky-footer--button .submit-now--button-container {
    margin-top: 0;
    height: 100%;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .submit-detail-sticky-footer .submit-detail-sticky-footer--button .submit-now--button-container .submit-now--button {
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 46px;
    max-width: none;
  }

  .submit-detail-sticky-footer .submit-detail-sticky-footer--button .submit-now--button-container .submit-now--button .arrow-link {
    white-space: nowrap;
    line-height: 1.93em;
  }
}

@media (min-width: 768px) {
  .submit-details-summary-step + .submit-details-summary-step {
    margin-top: calc(50px + (92 - 50) * ((100vw - 768px) / (1440 - 768)));
  }
}

@media (min-width: 1440px) {
  .submit-details-summary-step + .submit-details-summary-step {
    margin-top: 92px;
  }
}

@media (min-width: 1024px) {
  .submit-detail .project-results .content-width:before {
    content: none;
  }

  .submit-detail .project-results .content-width .result-item--titel {
    width: calc(100% - 328px);
  }

  .submit-detail .project-results .content-width .result-item--more-info .arrow-link.button {
    margin-top: 0;
  }

  .submit-details-summary-step {
    padding-left: 320px;
    min-height: 270px;
  }

  .submit-details-summary-step--icon {
    width: 270px;
    height: 270px;
    top: calc(50% - 135px);
  }
}

@media (min-width: 1024px) {
  .submit-details-summary-step {
    padding-left: calc(374px + (416 - 374) * ((100vw - 1024px) / (1440 - 1024)));
  }
}

@media (min-width: 1440px) {
  .submit-details-summary-step {
    padding-left: 416px;
  }
}

@media (min-width: 1024px) {
  .submit-details-summary-step {
    min-height: 324px;
  }

  .submit-details-summary-step--icon {
    width: 324px;
    height: 324px;
    top: calc(50% - 162px);
  }

  .submit-detail .intro-wrapper {
    padding-top: 135px;
  }

  .submit-detail .intro-wrapper .intro-content {
    padding-top: 0;
  }

  .submit-detail .intro-tiny .intro-wrapper .intro-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .submit-detail .intro-tiny .intro-wrapper .intro-content .submit-action-container {
    width: auto;
    margin: 0;
  }

  .submit-detail .intro-tiny .intro-wrapper .intro-content .submit-action-container .counter {
    padding: 0 28px;
    white-space: nowrap;
    max-width: none;
  }

  .submit-detail .intro-tiny .intro-wrapper .intro-content .submit-action-container .submit-now--button-container .submit-now--button {
    max-width: none;
  }
}

.faq-search--form {
  margin-top: 10px;
}

.faq-search--form .default.text {
  color: #fff !important;
  font-weight: 300 !important;
}

.faq-search--form .ui.selection.dropdown {
  background: transparent !important;
  color: #fff;
  border-bottom: 2px solid #fff;
  padding-left: 0;
  box-shadow: none !important;
}

.faq-search--form .ui.selection.dropdown .search.icon {
  color: #fff;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  font-size: 18px;
}

@media (min-width: 500px) {
  .faq-search--form .ui.selection.dropdown .search.icon {
    font-size: calc(18px + (29 - 18) * ((100vw - 500px) / (1440 - 500)));
  }
}

@media (min-width: 1440px) {
  .faq-search--form .ui.selection.dropdown .search.icon {
    font-size: 29px;
  }
}

.faq-search--form .ui.selection.dropdown button[type="submit"] {
  border: none;
  background: transparent;
  position: absolute;
  right: 0;
  bottom: 5px;
  padding-right: 0;
  z-index: 2;
}

.faq-search--form .ui.multiple.dropdown.label-button {
  min-height: 40px;
}

@media (min-width: 500px) {
  .faq-search--form .ui.multiple.dropdown.label-button {
    min-height: calc(40px + (50 - 40) * ((100vw - 500px) / (1440 - 500)));
  }
}

@media (min-width: 1440px) {
  .faq-search--form .ui.multiple.dropdown.label-button {
    min-height: 50px;
  }
}

.faq-search--form .ui.multiple.search.dropdown > .text,
.faq-search--form .ui.multiple.dropdown.label--button > .label,
.faq-search--form .ui.multiple.search.dropdown > input.search,
.faq-search--form .ui.search.selection.dropdown > span.sizer {
  margin: 0 0 !important;
  font-size: 18px;
  line-height: 30px;
}

@media (min-width: 500px) {
  .faq-search--form .ui.multiple.search.dropdown > .text,
  .faq-search--form .ui.multiple.dropdown.label--button > .label,
  .faq-search--form .ui.multiple.search.dropdown > input.search,
  .faq-search--form .ui.search.selection.dropdown > span.sizer {
    font-size: calc(18px + (32 - 18) * ((100vw - 500px) / (1440 - 500)));
  }
}

@media (min-width: 1440px) {
  .faq-search--form .ui.multiple.search.dropdown > .text,
  .faq-search--form .ui.multiple.dropdown.label--button > .label,
  .faq-search--form .ui.multiple.search.dropdown > input.search,
  .faq-search--form .ui.search.selection.dropdown > span.sizer {
    font-size: 32px;
  }
}

@media (min-width: 500px) {
  .faq-search--form .ui.multiple.search.dropdown > .text,
  .faq-search--form .ui.multiple.dropdown.label--button > .label,
  .faq-search--form .ui.multiple.search.dropdown > input.search,
  .faq-search--form .ui.search.selection.dropdown > span.sizer {
    line-height: calc(30px + (40 - 30) * ((100vw - 500px) / (1440 - 500)));
  }
}

@media (min-width: 1440px) {
  .faq-search--form .ui.multiple.search.dropdown > .text,
  .faq-search--form .ui.multiple.dropdown.label--button > .label,
  .faq-search--form .ui.multiple.search.dropdown > input.search,
  .faq-search--form .ui.search.selection.dropdown > span.sizer {
    line-height: 40px;
  }
}

.faq-search--form .ui.multiple.dropdown.label--button > .label i.icon {
  height: 30px;
}

@media (min-width: 500px) {
  .faq-search--form .ui.multiple.dropdown.label--button > .label i.icon {
    height: calc(30px + (40 - 30) * ((100vw - 500px) / (1440 - 500)));
  }
}

@media (min-width: 1440px) {
  .faq-search--form .ui.multiple.dropdown.label--button > .label i.icon {
    height: 40px;
  }
}

.faq-search--form .ui.multiple.dropdown.label--button > .label,
.faq-search--form .ui.multiple.dropdown.label--button > .label {
  margin-right: 7px !important;
  margin-bottom: 6px !important;
}

.faq-search--form .ui.multiple.dropdown.label--button > .label {
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
  font-weight: 600;
}

.faq .intro-tiny .intro-wrapper {
  height: auto;
  padding-top: 99px;
  display: block;
  padding-bottom: 30px;
}

.faq .intro-tiny .intro-wrapper .intro-content {
  padding-top: 0;
  display: block;
  position: relative;
  bottom: auto;
}

.faq .intro-tiny .intro-wrapper .intro-content .intro-header-content {
  padding-left: 0;
  padding-right: 0;
}

.faq .intro-wrapper .intro-content .intro-header .intro-header-content {
  font-size: 32px;
}

@media (min-width: 500px) {
  .faq .intro-wrapper .intro-content .intro-header .intro-header-content {
    font-size: calc(32px + (60 - 32) * ((100vw - 500px) / (1440 - 500)));
  }
}

@media (min-width: 1440px) {
  .faq .intro-wrapper .intro-content .intro-header .intro-header-content {
    font-size: 60px;
  }
}

.faq .faq-item + .faq-item {
  margin-top: 4em;
}

.faq .faq-item {
  overflow: hidden;
}

.faq .faq-item a:after {
  background: #3D3D3B !important;
}

.faq .faq-section {
  font-weight: 300;
  padding-bottom: 0px;
  width: 100%;
  margin: 60px 0 40px;
  font-size: 16px;
  color: #3AA4A5;
  border-bottom: 1px solid rgba(58, 164, 165, 0.3);
}

@media (min-width: 320px) {
  .faq .faq-section {
    font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .faq .faq-section {
    font-size: 18px;
  }
}

.faq .faq-section:first-child {
  margin-top: 0;
}

.faq .faq-content .faq-item {
  position: relative;
}

.faq .faq-content .anchor {
  height: 1px;
  position: absolute;
  left: -2px;
  top: -130px;
  width: 1px;
}

.faq .faq-menu-sidebar {
  position: fixed;
  width: 220px;
  right: 0;
  top: 49px;
  background: #fff;
  height: calc(100vh - 49px);
  z-index: 8;
  box-shadow: 0px 0px 5px 0px transparent;
  padding: 20px 10px;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  transition: -webkit-transform .2s ease-out, box-shadow .2s ease-out;
  transition: transform .2s ease-out, box-shadow .2s ease-out;
}

.faq .faq-menu-sidebar.show {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
}

.faq .faq-menu-sidebar.show .faq-menu-trigger .icon {
  -webkit-transform: translateX(0) scalex(-1);
  transform: translateX(0) scalex(-1);
}

.faq .faq-menu-sidebar.show .faq-menu-trigger:hover .icon {
  -webkit-transform: translateX(2px) scalex(-1);
  transform: translateX(2px) scalex(-1);
}

.faq .faq-menu-sidebar .faq-menu-trigger {
  position: absolute;
  top: calc(50% - 25px);
  left: -40px;
  width: 40px;
  height: 50px;
  background: #fff;
  box-shadow: -5px 0px 6px 0px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

.faq .faq-menu-sidebar .faq-menu-trigger .icon {
  font-size: 2em;
  line-height: 50px;
  height: 50px;
  -webkit-transform: translateX(0) scalex(1);
  transform: translateX(0) scalex(1);
  transition: -webkit-transform .2s ease-out;
  transition: transform .2s ease-out;
  width: 100%;
}

.faq .faq-menu-sidebar .faq-menu-trigger:hover .icon {
  -webkit-transform: translateX(-2px) scalex(1);
  transform: translateX(-2px) scalex(1);
}

.faq .faq-menu-sidebar .faq-menu {
  overflow: auto;
  overflow-x: hidden;
  max-height: 100vh;
}

.faq .faq-menu-sidebar .menu {
  width: calc(100% - 5px);
  font-size: 16px;
}

@media (min-width: 500px) {
  .faq .faq-menu-sidebar .menu {
    font-size: calc(16px + (22 - 16) * ((100vw - 500px) / (1440 - 500)));
  }
}

@media (min-width: 1440px) {
  .faq .faq-menu-sidebar .menu {
    font-size: 22px;
  }
}

.faq .faq-menu-sidebar .menu a {
  font-weight: 300;
  color: #3D3D3B;
  display: block;
  line-height: 1.5em;
  padding: 2px 8px;
}

.faq .faq-menu-sidebar .menu a:after {
  content: none;
}

.faq .faq-menu-sidebar .menu > .item .title {
  margin-top: 0;
}

.faq .faq-menu-sidebar .menu .title {
  font-weight: 700;
  color: #3AA4A5;
  text-transform: uppercase;
  position: relative;
  margin-top: 3px;
}

.faq .faq-menu-sidebar .menu .title .icon {
  margin: 0 0 0 .25rem;
  height: 100%;
  font-size: 1.4em;
  vertical-align: top;
  width: .9em;
}

.faq .faq-menu-sidebar .menu .title .icon:before {
  display: block;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: -webkit-transform .2s ease-out;
  transition: transform .2s ease-out;
}

.faq .faq-menu-sidebar .menu .title.active .icon:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.faq .faq-menu-sidebar .menu .title + .content {
  padding-top: 0px;
}

.faq .faq-menu-sidebar .menu .content-menu a:hover {
  color: #000;
}

.faq .faq-menu-sidebar .menu .content-menu a.active {
  -webkit-transform: none;
  transform: none;
  padding: 0;
  color: #fff;
  display: block;
}

.faq .faq-menu-sidebar .menu .content-menu a.active span {
  padding: 2px 8px;
  background: #3AA4A5;
  display: inline-block;
}

.faq .faq-menu-sidebar .menu .content-menu .item:last-child {
  margin-bottom: 8px;
}

.faq .faq-menu-sidebar .menu .content-menu .item:last-child span {
  padding-bottom: 2px;
}

.faq .faq-menu-sidebar .menu .content-menu .active:last-child {
  padding-bottom: 0;
}

@media (min-width: 1024px) {
  .faq .intro-tiny .intro-wrapper {
    padding-top: 160px;
  }

  .faq .faq-item {
    position: relative;
  }

  .faq-content .content-width {
    position: relative;
  }

  .faq-content .content-width .anchor {
    height: 1px;
    position: absolute;
    left: -2px;
    top: -130px;
    width: 1px;
  }

  .faq-content .content-width .faq-list {
    width: calc(100% - 270px);
    padding-right: 30px;
    border-right: 2px solid rgba(58, 164, 165, 0.21);
  }

  .faq-content .content-width .faq-menu-trigger {
    display: none !important;
  }

  .faq-content .content-width .faq-menu-sidebar {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: none;
    transform: none;
    background: transparent;
    width: 270px;
    padding-left: 26px;
    padding-right: 0;
    padding-top: 0;
  }

  .faq-content .content-width .faq-menu .ui.sticky.fixed {
    max-height: calc(100vh - 141px - 30px);
    overflow: auto;
  }

  .faq-content .content-width .faq-menu.bottom {
    position: absolute;
  }
}

@media (min-width: 1200px) {
  .faq-content .content-width .faq-list {
    width: calc(100% - 330px);
  }

  .faq-content .content-width .faq-menu-sidebar {
    width: 330px;
  }
}

/************************************
**  overwrites
************************************/
@media (min-width: 1024px) {
  .faq .faq-menu-sidebar .faq-menu {
    max-height: none;
  }

  .faq .faq-menu-sidebar .faq-menu .menu > .item + .item {
    margin-top: 20px;
  }

  .faq .faq-menu .menu a {
    font-size: 18px;
    line-height: normal;
    margin-bottom: 7px;
  }

  .faq .faq-menu .menu a:last-child {
    margin-bottom: 0 !important;
  }

  .faq .faq-menu-scroll-wrapper {
    overflow: hidden;
    position: absolute;
  }

  .faq .faq-menu-scroll-wrapper.fixed {
    position: fixed;
    top: 110px;
    width: 244px;
  }

  .faq .faq-menu {
    height: calc(100vh - 140px);
    overflow: auto;
    padding-right: 35px;
    box-sizing: content-box;
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .faq .faq-menu-scroll-wrapper.fixed {
    position: fixed;
    top: 110px;
    width: 304px;
  }
}

.faq .faq-item {
  padding-bottom: 4em;
}

.faq .faq-item + .faq-item {
  margin-top: 0;
}

.faq .faq-menu-sidebar .menu a {
  padding-top: 0;
  padding-bottom: 0;
}

.faq .faq-menu-sidebar .menu a span {
  display: inline-block;
  padding-top: 2px;
  padding-bottom: 2px;
}

.faq .faq-item {
  transition: height .2s ease-out, opacity .2s ease-out, visibility 0s linear 0s, padding-bottom .2s ease-out;
  opacity: 1;
}

.faq .faq-item.hide-faq-item {
  padding-bottom: 0;
  height: 0;
  visibility: hidden;
  opacity: 0;
  transition: height .2s ease-out, opacity .2s ease-out, visibility 0s linear .2s, padding-bottom .2s ease-out;
}

.faq .content-menu > .item {
  transition: height .2s ease-out, opacity .0s ease-out, visibility 0s linear 0s, margin-bottom .2s ease-out;
  opacity: 1;
}

.faq .content-menu > .item.hide-faq-item {
  visibility: hidden;
  opacity: 0;
  height: 0;
  transition: height .2s ease-out, opacity 0s ease-out, visibility 0s linear .2s, margin-bottom .2s ease-out;
  margin-bottom: 0;
}

.faq .hide-faq-content {
  display: none !important;
}

.faq .no-matches {
  font-style: italic;
  font-size: 1em;
  text-align: center;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity .3s ease-out, visibility 0s linear;
}

.faq .no-matches.show {
  height: 40px;
  margin: 20px auto 70px;
  opacity: 1;
  visibility: visible;
}

.ressourcen .faq-search--form .ui.selection.dropdown button[type="submit"] {
  z-index: 200;
}

.ressourcen .stand-out-info {
  font-size: 16px;
  text-align: left;
}

@media (min-width: 320px) {
  .ressourcen .stand-out-info {
    font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .ressourcen .stand-out-info {
    font-size: 22px;
  }
}

.ressourcen .stand-out-info .stand-out-info--content {
  padding: 0;
}

.ressourcen .stand-out-info .result-item--description-headline {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 4px;
}

@media (min-width: 320px) {
  .ressourcen .stand-out-info .result-item--description-headline {
    font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .ressourcen .stand-out-info .result-item--description-headline {
    font-size: 22px;
  }
}

.ressourcen .stand-out-info .result-item {
  padding: 40px 0;
}

.ressourcen .stand-out-info .result-item .arrow-link-container {
  text-align: center;
  margin-top: 20px;
}

.ressourcen .stand-out-info .result-item .arrow-link {
  font-weight: 700;
  font-size: 16px;
  color: #FFFFFF;
  text-transform: uppercase;
  display: inline-block;
}

@media (min-width: 320px) {
  .ressourcen .stand-out-info .result-item .arrow-link {
    font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .ressourcen .stand-out-info .result-item .arrow-link {
    font-size: 20px;
  }
}

.ressourcen .stand-out-info .result-item .arrow-link:after {
  background-image: url("../images/arrow-white.svg");
  height: 16px;
  width: 45px;
  top: calc(50% - 8px);
}

.ressourcen .stand-out-info .result-item .tag-list {
  padding-bottom: 0;
}

.ressourcen .stand-out-info .result-item + .result-item {
  border-top: 2px solid #fff;
}

.ressourcen .stand-out-info--headline-container-flex .headline {
  text-align: center;
}

.ressourcen .ressources-tag-container .search-tags .default.text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ressourcen .result-list .no-matches {
  text-align: center;
  display: none;
}

.ressourcen .result-list .no-matches.show {
  height: 40px;
  margin: 60px auto 20px;
  display: block;
}

.ressourcen .result-item.hide-result-item {
  display: none;
}

@media (min-width: 1024px) {
  .ressourcen .stand-out-info .result-item .content-width:before, .ressourcen .stand-out-info .result-item .content-width:after {
    content: none;
  }

  .ressourcen .stand-out-info .result-item .content-width .result-item--description {
    width: calc(100% - 270px);
    padding: 0 30px 0 0;
  }

  .ressourcen .stand-out-info .result-item .content-width .result-item--more-info  {
    width: 270px;
  }

  .ressourcen .stand-out-info .result-item .arrow-link-container {
    margin-top: 0;
    text-align: right;
  }

  .ressourcen .stand-out-info--headline-container-flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .ressourcen .stand-out-info--headline-container-flex .headline {
    text-align: left;
  }

  .ressourcen .stand-out-info--headline-container .search-form-container {
    width: 52%;
  }

  .ressourcen .stand-out-info--headline-container .headline {
    width: 47%;
  }
}

.press .press-content {
  padding-bottom: 85px;
}

.press .press-content-contacts {
  background: transparent url("../images/contact-icon-press.svg") no-repeat top center;
  background-size: auto 90px;
  padding-top: 110px;
  text-align: center;
}

.press .press-content-contacts--headline {
  font-weight: 600;
  font-size: 26px;
  font-size: 20px;
  color: rgba(58, 164, 164, 0.95);
}

@media (min-width: 320px) {
  .press .press-content-contacts--headline {
    font-size: calc(20px + (26 - 20) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .press .press-content-contacts--headline {
    font-size: 26px;
  }
}

.press .press-content-contacts--contact {
  color: #686863;
}

.press .press-content-contacts--contact + .press-content-contacts--contact {
  margin-top: 20px;
}

.press .press-content-contacts--contact a {
  color: #686863;
  font-weight: 600;
  text-decoration: underline;
}

.press .press-content-contacts--contact a[href^="tel:"] {
  font-weight: 300;
  text-decoration: none;
}

.press .press-material {
  background: transparent url("../images/blog-spec-bg.jpg") no-repeat center;
  background-size: cover;
  position: relative;
  padding: 93px 0 92px;
  border-top: 1px solid #979797;
}

.press .press-material:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.95);
}

.press .press-material > * {
  position: relative;
}

.press .press-material-header-container {
  text-align: center;
}

.press .press-material-header-container .blog-event--register-headline {
  margin-bottom: 10px;
}

.press .press-material-header-container {
  margin-bottom: 20px;
}

.press .press-button {
  font-weight: 700;
  font-size: 16px;
  color: #686863;
  letter-spacing: 0px;
  border: 2px solid #3AA4A5;
  padding: 3px 35px 3px 12px;
  display: inline-block;
  position: relative;
  white-space: nowrap;
  text-transform: uppercase;
}

@media (min-width: 320px) {
  .press .press-button {
    font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .press .press-button {
    font-size: 20px;
  }
}

.press .press-button:after {
  position: absolute;
  content: '';
  display: inline-block;
  background: transparent url("../images/download-icon.svg") no-repeat center;
  background-size: contain;
  height: calc(100% - 10px);
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 21px;
  margin-left: 5px;
}

.press .press-material-list-item {
  color: #3AA4A5;
  font-size: 16px;
  text-align: right;
  padding: 26px 0;
}

@media (min-width: 320px) {
  .press .press-material-list-item {
    font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .press .press-material-list-item {
    font-size: 22px;
  }
}

.press .press-material-list-item .press-material-list-item--content {
  text-align: left;
  margin-bottom: 20px;
}

.press .press-material-list-item--headline {
  font-size: 18px;
}

@media (min-width: 320px) {
  .press .press-material-list-item--headline {
    font-size: calc(18px + (26 - 18) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .press .press-material-list-item--headline {
    font-size: 26px;
  }
}

.press .press-material-list-item + .press-material-list-item {
  border-top: 2px solid #E4E4E3;
}

.press .press-slideshow {
  border-top: none;
}

.press .press-slideshow:before {
  background: rgba(58, 164, 165, 0.95);
}

.press .press-slideshow .preview-slider {
  padding-bottom: 0;
}

.press .press-slideshow .press-button,
.press .press-slideshow .blog-event--register-headline {
  color: #fff;
}

.press .press-slideshow .press-button {
  border-color: rgba(255, 255, 255, 0.3);
}

.press .press-slideshow .press-button:after {
  background-image: url("../images/download-icon-white.svg");
}

.press .press-slideshow .press-slideshow-container {
  max-height: 100px;
}

.press .press-slideshow .press-slideshow-container .press-slideshow-image {
  max-height: 0;
}

.press .press-slideshow .press-slideshow-container img {
  display: none;
}

.press .press-slideshow .press-slideshow-container.slick-initialized {
  max-height: none;
}

.press .press-slideshow .press-slideshow-container.slick-initialized .press-slideshow-image {
  max-height: none;
}

.press .press-slideshow .press-slideshow-container.slick-initialized img {
  display: block;
}

.press .press-slideshow .press-slideshow-image-container {
  padding: 0 19px;
}

.press .press-slideshow .press-slideshow-image {
  position: relative;
  margin: 0 19px;
}

.press .press-slideshow .press-slideshow-image:after {
  content: '';
  position: relative;
  padding-top: 66.42857%;
  width: 100%;
  display: block;
  left: 0;
  top: 0;
}

.press .press-slideshow .press-slideshow-image img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  font-family: "object-fit: cover; object-position: center";
}

.press .press-slideshow .preview-items.slick-slider .slick-arrow {
  background-image: url("../images/preview-slider-arrow-white.svg");
  top: -50px;
}

.press .press-sending-out {
  background: transparent;
  padding-bottom: 113px;
}

.press .press-sending-out:before {
  content: '';
}

.press .press-sending-out .press-button {
  margin-bottom: 20px;
}

.press .press-sending-out .press-sending-out-list-item {
  border-bottom: 2px solid #E4E4E3;
  margin-top: 70px;
}

.press .press-sending-out .press-sending-out-list-item:first-child {
  margin-top: 0px;
}

.press .press-sending-out .press-sending-out-list-item .press-material-list-item {
  padding-bottom: 0;
}

.press .press-sending-out .press-sending-out-list-item .flowing-text {
  padding-top: 0;
  padding-bottom: 15px;
}

.press .press-sending-out .accordion {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.press .press-sending-out .accordion .title {
  text-transform: uppercase;
  color: #3AA4A5;
  font-weight: 600;
  font-size: 14px;
  position: relative;
  padding-top: 0px;
}

@media (min-width: 320px) {
  .press .press-sending-out .accordion .title {
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .press .press-sending-out .accordion .title {
    font-size: 18px;
  }
}

.press .press-sending-out .accordion .title .icon {
  margin: 0 0 0 .2rem;
  height: 100%;
  font-size: 1.6em;
  vertical-align: top;
  width: .9em;
}

.press .press-sending-out .accordion .title .icon:before {
  display: block;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: -webkit-transform .2s ease-out;
  transition: transform .2s ease-out;
}

.press .press-sending-out .accordion .title .read-on {
  display: inline;
}

.press .press-sending-out .accordion .title .close-accordion {
  display: none;
}

.press .press-sending-out .accordion .title.active .read-on {
  display: none;
}

.press .press-sending-out .accordion .title.active .close-accordion {
  display: inline;
}

.press .press-sending-out .accordion .title.active .icon:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.press .press-sending-out .accordion .content {
  padding-bottom: 63px !important;
}

@media (min-width: 800px) {
  .press .press-slideshow .preview-items {
    margin: 0 auto;
  }
}

@media (min-width: 800px) and (min-width: 800px) {
  .press .press-slideshow .preview-items {
    width: calc(732px + (1271 - 732) * ((100vw - 800px) / (1440 - 800)));
  }
}

@media (min-width: 800px) and (min-width: 1440px) {
  .press .press-slideshow .preview-items {
    width: 1271px;
  }
}

@media (min-width: 800px) {
  .press .press-slideshow .preview-slider .slick-arrow {
    display: block !important;
  }
}

@media (min-width: 800px) {
  .press .press-content-contacts {
    background-position: left center;
    background-size: auto 160px;
    padding-left: 210px;
    text-align: left;
    padding-top: 0;
    margin-top: 65px;
    min-height: 160px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .press .press-content-contacts--contact-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
  }

  .press .press-content-contacts--contact {
    margin-top: 0 !important;
    margin-bottom: 20px;
    line-height: normal;
  }

  .press .press-content-contacts--contact:not(:last-child) {
    margin-right: 60px;
  }
}

@media (min-width: 800px) and (min-width: 768px) {
  .press .press-content-contacts--contact:not(:last-child) {
    margin-right: calc(60px + (100 - 60) * ((100vw - 768px) / (1440 - 768)));
  }
}

@media (min-width: 800px) and (min-width: 1440px) {
  .press .press-content-contacts--contact:not(:last-child) {
    margin-right: 100px;
  }
}

@media (min-width: 800px) {
  .press .press-content-contacts--headline {
    margin-bottom: 5px;
  }

  .press .press-material-header-container,
  .press .press-material-list-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .press .press-material-list-item--content {
    padding-right: 30px;
  }

  .press .press-material-list-item--headline {
    margin-top: -6px;
  }
}

@media (min-width: 800px) {
  .press .press-material-list-item:last-child {
    padding-bottom: 0;
  }

  .press .press-sending-out .press-button {
    margin-bottom: 0;
  }

  .press .press-slideshow .preview-items.slick-slider .slick-arrow {
    background-image: url("../images/preview-slider-arrow-desktop-white.svg");
    top: -8px;
  }
}

.community .community-filter {
  color: #fff;
  line-height: 1.6364em;
  background: transparent url("../images/blog-spec-bg.jpg") no-repeat center;
  background-size: cover;
  position: relative;
}

.community .community-filter:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(58, 164, 165, 0.95);
}

.community .community-filter .title {
  font-weight: 600;
  position: relative;
  padding-top: 0px;
  text-transform: uppercase;
}

.community .community-filter .title .icon {
  margin: 0 0 0 .2rem;
  height: 100%;
  font-size: 1.4em;
  vertical-align: top;
  width: .9em;
}

.community .community-filter .title .icon:before {
  display: block;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: -webkit-transform .2s ease-out;
  transition: transform .2s ease-out;
}

.community .community-filter .title.active .icon:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.community .community-filter .accordion button {
  width: 100%;
  max-width: 300px;
  position: relative;
  padding: 10px 24px;
  margin: 1px auto;
}

.community .community-filter .accordion button .icon {
  font-size: 1.6em;
  width: .9em;
  margin: 0 .2rem 0 0;
  height: 100%;
  vertical-align: top;
  opacity: 1;
}

.community .community-filter .accordion button.active-community-button {
  background: rgba(0, 0, 0, 0.2);
}

.community .community-filter .community-filter-list {
  padding: 8px 0;
}

.community .community-filter .content {
  text-align: center;
}

.community .community-filter button, .community .community-filter button:active, .community .community-filter button:hover, .community .community-filter button:focus, .community .community-filter button:visited {
  color: #fff !important;
  background: transparent;
  border-radius: 0px;
  font-size: 16px;
  font-weight: 600;
}

@media (min-width: 320px) {
  .community .community-filter button, .community .community-filter button:active, .community .community-filter button:hover, .community .community-filter button:focus, .community .community-filter button:visited {
    font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .community .community-filter button, .community .community-filter button:active, .community .community-filter button:hover, .community .community-filter button:focus, .community .community-filter button:visited {
    font-size: 22px;
  }
}

.community .community-filter button:hover {
  cursor: pointer;
}

.community .community-filter .become-member {
  padding-top: 10px;
  border-top: 2px solid rgba(255, 255, 255, 0.3);
  text-align: center;
  padding-bottom: 8px;
}

.community .community-filter .arrow-link {
  font-size: 16px;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
}

@media (min-width: 320px) {
  .community .community-filter .arrow-link {
    font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .community .community-filter .arrow-link {
    font-size: 22px;
  }
}

.community .community-filter .arrow-link:after {
  background-image: url("../images/arrow-white.svg");
  height: 16px;
  width: 45px;
  top: calc(50% - 8px);
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.community .community-filter .arrow-link:hover:after {
  -webkit-transform: translateX(6px);
  transform: translateX(6px);
}

.community .community-results {
  padding: 63px 0 81px;
}

.community .search-result--show-more-items {
  margin-top: 100px;
  padding-bottom: 0;
}

.community .mry-grid-item.hidden {
  display: none;
}

.community .mry-grid-item.mry-grid-sizer {
  display: block !important;
}

.community-results--empty {
  text-align: center;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 30px;
}

.community-results--empty.hidden {
  display: none;
}

@media (min-width: 768px) {
  .community .community-filter .content {
    padding-top: 0 !important;
  }

  .community .ui.accordion .title:not(.ui) {
    display: none;
  }

  .community .ui.accordion .accordion .title ~ .content, .community .ui.accordion .title ~ .content {
    display: block;
  }

  .community .ui.accordion .accordion .title ~ .content .community-filter-list--item, .community .ui.accordion .title ~ .content .community-filter-list--item {
    display: inline-block;
    opacity: 1;
    transition: opacity .2s ease-out;
  }

  .community .ui.accordion .accordion .title ~ .content .community-filter-list--item:hover, .community .ui.accordion .title ~ .content .community-filter-list--item:hover {
    opacity: 0.85;
  }

  .community .ui.accordion .accordion .title ~ .content button, .community .ui.accordion .title ~ .content button {
    padding: 10px 6px;
    margin: 0 10px;
    width: auto;
    max-width: none;
  }

  .community .ui.accordion .accordion .title ~ .content .ui.button:not(.icon) > .icon:not(.button), .community .ui.accordion .title ~ .content .ui.button:not(.icon) > .icon:not(.button) {
    margin-right: 9px;
    margin-left: 0;
  }
}

@media (min-width: 1220px) {
  .community .community-filter .content-width {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
  }

  .community .ui.accordion .accordion .title ~ .content button, .community .ui.accordion .title ~ .content button {
    margin: 0;
  }

  .community .community-filter .content {
    text-align: left;
    margin-left: -6px;
  }

  .community .community-filter .become-member {
    border-top: none;
    white-space: nowrap;
  }
}

@media (min-width: 1220px) {
  .community .community-filter {
    padding-top: calc(9px + (21 - 9) * ((100vw - 1220px) / (1440 - 1220)));
  }
}

@media (min-width: 1440px) {
  .community .community-filter {
    padding-top: 21px;
  }
}

@media (min-width: 1220px) {
  .community .community-filter {
    padding-bottom: calc(9px + (21 - 9) * ((100vw - 1220px) / (1440 - 1220)));
  }
}

@media (min-width: 1440px) {
  .community .community-filter {
    padding-bottom: 21px;
  }
}

.community .ui.accordion .accordion .title ~ .content button, .community .ui.accordion .title ~ .content button {
  margin: 0;
}

@media (min-width: 1220px) {
  .community .ui.accordion .accordion .title ~ .content button, .community .ui.accordion .title ~ .content button {
    margin-right: calc(10px + (22 - 10) * ((100vw - 1220px) / (1440 - 1220)));
  }
}

@media (min-width: 1440px) {
  .community .ui.accordion .accordion .title ~ .content button, .community .ui.accordion .title ~ .content button {
    margin-right: 22px;
  }
}

.discover .intro {
  position: relative;
}

.discover .intro > img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  font-family: "object-fit: cover; object-position: center";
}

.discover .intro-wrapper {
  position: relative;
  background: rgba(58, 164, 165, 0.95);
  padding-top: 49px;
  padding-bottom: 70px;
}

@media (min-width: 320px) {
  .discover .intro-wrapper {
    padding-bottom: calc(70px + (110 - 70) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .discover .intro-wrapper {
    padding-bottom: 110px;
  }
}

.discover .intro form {
  width: auto;
  max-width: 90%;
  margin: 0 auto;
  color: #fff;
  padding-top: 55px;
}

@media (min-width: 320px) {
  .discover .intro form {
    padding-top: calc(55px + (99 - 55) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .discover .intro form {
    padding-top: 99px;
  }
}

.discover .intro form .discover-search--form-selects {
  font-size: 24px;
}

@media (min-width: 320px) {
  .discover .intro form .discover-search--form-selects {
    font-size: calc(24px + (60 - 24) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .discover .intro form .discover-search--form-selects {
    font-size: 60px;
  }
}

.discover .intro form .ui.dropdown {
  padding-left: 0 !important;
  transition: opacity .2s ease-out;
}

.discover .intro form .ui.dropdown:hover {
  opacity: 0.8;
}

.discover .intro form .ui.dropdown i.icon {
  width: .5em;
  margin-right: .4em;
  line-height: 1em;
}

.discover .intro form .ui.dropdown.active {
  opacity: 1 !important;
}

.discover .intro form .ui.dropdown > .text {
  color: #fff !important;
  font-weight: 600;
  font-size: inherit;
  text-decoration: underline;
}

.discover .intro form .search-tags.ui.dropdown {
  margin-top: 2.2em;
}

.discover .intro form .search-tags.ui.dropdown > .text {
  text-decoration: none;
  white-space: nowrap;
  max-width: 90%;
  text-overflow: ellipsis;
  overflow: hidden;
}

.discover .intro form .ui.inline.dropdown .menu {
  position: absolute;
  z-index: 10;
  background: transparent;
  box-shadow: none;
  margin-top: -6.14285714rem;
  margin-left: -1.14285714rem;
}

.discover .intro form .ui.inline.dropdown .menu .item {
  font-size: 20px;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: left;
  transform-origin: left;
  transition: -webkit-transform .2s ease-out;
  transition: transform .2s ease-out;
  font-weight: 300;
}

@media (min-width: 320px) {
  .discover .intro form .ui.inline.dropdown .menu .item {
    font-size: calc(20px + (38 - 20) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .discover .intro form .ui.inline.dropdown .menu .item {
    font-size: 38px;
  }
}

.discover .intro form .ui.inline.dropdown .menu .item.clone {
  font-size: 24px;
  background: transparent;
  font-weight: 600;
  color: #3AA4A5;
  text-decoration: underline;
}

@media (min-width: 320px) {
  .discover .intro form .ui.inline.dropdown .menu .item.clone {
    font-size: calc(24px + (60 - 24) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .discover .intro form .ui.inline.dropdown .menu .item.clone {
    font-size: 60px;
  }
}

.discover .intro form .ui.inline.dropdown .menu .item.active {
  display: none;
}

.discover .intro form .ui.inline.dropdown .menu .item:hover {
  background: transparent;
  -webkit-transform: scale(1.14);
  transform: scale(1.14);
}

.discover .intro form .ui.inline.dropdown .menu + .menu-overlay {
  opacity: 0;
  transition: opacity .2s ease-out;
}

.discover .intro form .ui.inline.dropdown .menu.transition + .menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 9;
  background: rgba(255, 255, 255, 0.95);
  opacity: 1;
}

.discover .intro form .ui.inline.dropdown .menu.transition.hidden + .menu-overlay {
  height: 0;
  width: 0;
  opacity: 0;
  transition: height 0s linear .2s, width 0s linear .2s, opacity .2s ease-out;
}

.discover .community-results .arrow-link-container {
  text-align: right;
  margin-top: 20px;
}

.discover .community-results .arrow-link-container .arrow-link {
  font-weight: 700;
  font-size: 22px;
  font-size: 16px;
  color: #686863;
  text-transform: uppercase;
}

@media (min-width: 320px) {
  .discover .community-results .arrow-link-container .arrow-link {
    font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .discover .community-results .arrow-link-container .arrow-link {
    font-size: 22px;
  }
}

.discover .community-results .arrow-link-container .arrow-link:after {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.discover .community-results .arrow-link-container .arrow-link:hover:after {
  -webkit-transform: translateX(6px);
  transform: translateX(6px);
}

.discover .community-results .preview-item .shaded-comp--content-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: rgba(58, 164, 165, 0.9);
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 21px 14px 24px;
  overflow: hidden;
  opacity: 0;
  transition: opacity .2s ease-out;
}

.discover .community-results .preview-item .shaded-comp--content-overlay.calculated {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.discover .community-results .preview-item .shaded-comp--content-overlay .shaded-comp--content-overlay-text {
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  transition: -webkit-transform .2s ease-out;
  transition: transform .2s ease-out;
  line-height: 1.46em;
}

.discover .community-results .preview-item:hover .shaded-comp--content-overlay {
  opacity: 1;
}

.discover .community-results .preview-item:hover .shaded-comp--content-overlay .shaded-comp--content-overlay-text {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.discover .community-results .preview-item:hover .shaded-comp--subtext:after {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.discover .community-results .preview-item .shaded-comp--subtext {
  padding-right: 60px;
  position: relative;
}

.discover .community-results .preview-item .shaded-comp--subtext:after {
  position: absolute;
  content: '';
  background: transparent url("../images/arrow-white.svg") no-repeat center;
  background-size: contain;
  height: 16px;
  width: 45px;
  top: calc(50% - 8px);
  right: 15px;
  opacity: 0;
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
  transition: opacity .2s ease-out, -webkit-transform .2s ease-out;
  transition: opacity .2s ease-out, transform .2s ease-out;
}

@media (min-width: 768px) {
  .discover .community-results .search-result--header {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .discover .community-results .arrow-link-container {
    margin-top: 0;
  }
}

.nosuchpage {
  padding-top: 80px;
}

.nosuchpage .error-description-container {
  min-height: calc(100vh - 410px);
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  font-size: 18px;
}

@media (min-width: 320px) {
  .nosuchpage .error-description-container {
    font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .nosuchpage .error-description-container {
    font-size: 24px;
  }
}

.nosuchpage .error-description-container h2 {
  font-size: 24px;
  line-height: normal;
  background: rgba(58, 164, 165, 0.95);
  padding: 20px;
  font-weight: 300;
  color: #fff;
}

@media (min-width: 320px) {
  .nosuchpage .error-description-container h2 {
    font-size: calc(24px + (48 - 24) * ((100vw - 320px) / (1440 - 320)));
  }
}

@media (min-width: 1440px) {
  .nosuchpage .error-description-container h2 {
    font-size: 48px;
  }
}

.user-pass-content-width {
  font-size: 30px;
}

@media (min-width: 768px) {
  .user-pass-content-width {
    font-size: calc(30px + (60 - 30) * ((100vw - 768px) / (1440 - 768)));
  }
}

@media (min-width: 1440px) {
  .user-pass-content-width {
    font-size: 60px;
  }
}

.user-pass-content-width form.user-pass {
  margin-top: 20px;
  font-size: 18px;
}

@media (min-width: 768px) {
  .user-pass-content-width form.user-pass {
    margin-top: calc(20px + (54 - 20) * ((100vw - 768px) / (1440 - 768)));
  }
}

@media (min-width: 1440px) {
  .user-pass-content-width form.user-pass {
    margin-top: 54px;
  }
}

@media (min-width: 768px) {
  .user-pass-content-width form.user-pass {
    font-size: calc(18px + (22 - 18) * ((100vw - 768px) / (1440 - 768)));
  }
}

@media (min-width: 1440px) {
  .user-pass-content-width form.user-pass {
    font-size: 22px;
  }
}

.user-pass-content-width form.user-pass p {
  margin-top: 1em;
}

.cc_banner-wrapper .cc_container {
  font-family: inherit;
  background: rgba(47, 47, 47, 0.98);
}

.cc_banner-wrapper .cc_container a {
  background: #F5CE6A;
  color: #3D3D3B;
  font-weight: 600;
}

.cc_banner-wrapper .cc_more_info {
  color: #fff !important;
  background: transparent !important;
  text-decoration: underline;
  opacity: 1;
  transition: opacity .2s ease-out;
}

.cc_banner-wrapper .cc_more_info:hover {
  opacity: .7;
}

.cta-column[data-category="projects"] .cta-column--button {
  background: #6BA965;
}

.cta-column[data-category="scholarships"] .cta-column--button {
  background: #3F9AAF;
}

.cta-column[data-category="science"] .cta-column--button {
  background: #495C99;
}

.cta-column[data-category="projects"] {
  background: #84C17E;
}

.preview-item[data-category="projects"] {
  color: #84C17E;
}

.preview-item[data-category="projects"]:before {
  color: #84C17E;
}

.preview-item[data-category="projects"] .shaded-comp {
  background: #84C17E;
}

.preview-slider--text-nav .navigation-item[data-category="projects"] {
  color: #84C17E;
}

.preview-slider--text-nav .navigation-item[data-category="projects"]:after {
  background: #84C17E;
}

.intro-slide[data-category="projects"] .slide-header .slide-header-content,
.intro-slide[data-category="projects"] .slide-content .slide-description {
  background: rgba(132, 193, 126, 0.85);
}

.detail-filter--category[data-category="projects"] {
  border-left-color: #84C17E;
}

.detail-filter--category[data-category="projects"] .detail-filter--category-title {
  color: #84C17E;
}

.result-item > .result-item[data-category="projects"]:before,
.result-item > .result-item[data-category="projects"] .result-item--summary-headline,
.result-item > .result-item[data-category="projects"] .result-item--content .ui.accordion .title:not(.ui) .links a,
.result-item > .result-item[data-category="projects"] .result-item--content .ui.accordion .title:not(.ui) .show-more-container button,
.result-item > .result-item[data-category="projects"] .result-item--content-headline {
  color: #84C17E;
}

.result-item > .result-item[data-category="projects"]:after {
  background: #84C17E;
}

body[data-category="projects"] .flowing-text .abstract,
body[data-category="projects"] .flowing-text--headline,
body[data-category="projects"] .flowing-text ol li:before,
body[data-category="projects"] .flowing-text ul:not(.slick-dots) li:before,
body[data-category="projects"] .spec-headline {
  color: #84C17E;
}

body[data-category="projects"] .shaded-comp,
body[data-category="projects"] .flowing-text .cite:before,
body[data-category="projects"] .submit-detail-sticky-footer {
  background: #84C17E;
}

body[data-category="projects"] ::-moz-selection {
  color: #fff;
  background: #84C17E;
}

body[data-category="projects"] ::selection {
  color: #fff;
  background: #84C17E;
}

body[data-category="projects"] main a {
  color: #84C17E;
}

.blog[data-category="projects"] .blog-specs--headline, .blog[data-category="projects"] .blog-specs .spec-headline,
.blog[data-category="projects"] .blog-presentation--headline,
.blog[data-category="projects"] .share-list .share-list--items.inverted a,
.blog[data-category="projects"] .blog-comments-list--comment .comment-author, .blog[data-category="projects"] .blog-comments-list--comment .comment-date,
.blog[data-category="projects"] .share-list .share-list--headline {
  color: #84C17E;
}

.submit-detail[data-category="projects"] .submit-now {
  color: #84C17E;
}

.submit-detail[data-category="projects"] .intro-tiny .intro-wrapper.color-overlay:after,
.submit-detail[data-category="projects"] .submit-details-summary:before {
  background: rgba(132, 193, 126, 0.95);
}

.submit-detail[data-category="projects"] .accordion .title, .submit-detail[data-category="projects"] .accordion .content {
  background: #84C17E;
}

.discover .intro[data-category="projects"] .intro-wrapper {
  background: rgba(132, 193, 126, 0.95);
}

.discover .community-results .preview-item[data-category="projects"] .shaded-comp--content-overlay {
  background: rgba(132, 193, 126, 0.9);
}

.cta-column[data-category="scholarships"] {
  background: #5CBDD4;
}

.preview-item[data-category="scholarships"] {
  color: #5CBDD4;
}

.preview-item[data-category="scholarships"]:before {
  color: #5CBDD4;
}

.preview-item[data-category="scholarships"] .shaded-comp {
  background: #5CBDD4;
}

.preview-slider--text-nav .navigation-item[data-category="scholarships"] {
  color: #5CBDD4;
}

.preview-slider--text-nav .navigation-item[data-category="scholarships"]:after {
  background: #5CBDD4;
}

.intro-slide[data-category="scholarships"] .slide-header .slide-header-content,
.intro-slide[data-category="scholarships"] .slide-content .slide-description {
  background: rgba(92, 189, 212, 0.85);
}

.detail-filter--category[data-category="scholarships"] {
  border-left-color: #5CBDD4;
}

.detail-filter--category[data-category="scholarships"] .detail-filter--category-title {
  color: #5CBDD4;
}

.result-item > .result-item[data-category="scholarships"]:before,
.result-item > .result-item[data-category="scholarships"] .result-item--summary-headline,
.result-item > .result-item[data-category="scholarships"] .result-item--content .ui.accordion .title:not(.ui) .links a,
.result-item > .result-item[data-category="scholarships"] .result-item--content .ui.accordion .title:not(.ui) .show-more-container button,
.result-item > .result-item[data-category="scholarships"] .result-item--content-headline {
  color: #5CBDD4;
}

.result-item > .result-item[data-category="scholarships"]:after {
  background: #5CBDD4;
}

body[data-category="scholarships"] .flowing-text .abstract,
body[data-category="scholarships"] .flowing-text--headline,
body[data-category="scholarships"] .flowing-text ol li:before,
body[data-category="scholarships"] .flowing-text ul:not(.slick-dots) li:before,
body[data-category="scholarships"] .spec-headline {
  color: #5CBDD4;
}

body[data-category="scholarships"] .shaded-comp,
body[data-category="scholarships"] .flowing-text .cite:before,
body[data-category="scholarships"] .submit-detail-sticky-footer {
  background: #5CBDD4;
}

body[data-category="scholarships"] ::-moz-selection {
  color: #fff;
  background: #5CBDD4;
}

body[data-category="scholarships"] ::selection {
  color: #fff;
  background: #5CBDD4;
}

body[data-category="scholarships"] main a {
  color: #5CBDD4;
}

.blog[data-category="scholarships"] .blog-specs--headline, .blog[data-category="scholarships"] .blog-specs .spec-headline,
.blog[data-category="scholarships"] .blog-presentation--headline,
.blog[data-category="scholarships"] .share-list .share-list--items.inverted a,
.blog[data-category="scholarships"] .blog-comments-list--comment .comment-author, .blog[data-category="scholarships"] .blog-comments-list--comment .comment-date,
.blog[data-category="scholarships"] .share-list .share-list--headline {
  color: #5CBDD4;
}

.submit-detail[data-category="scholarships"] .submit-now {
  color: #5CBDD4;
}

.submit-detail[data-category="scholarships"] .intro-tiny .intro-wrapper.color-overlay:after,
.submit-detail[data-category="scholarships"] .submit-details-summary:before {
  background: rgba(92, 189, 212, 0.95);
}

.submit-detail[data-category="scholarships"] .accordion .title, .submit-detail[data-category="scholarships"] .accordion .content {
  background: #5CBDD4;
}

.discover .intro[data-category="scholarships"] .intro-wrapper {
  background: rgba(92, 189, 212, 0.95);
}

.discover .community-results .preview-item[data-category="scholarships"] .shaded-comp--content-overlay {
  background: rgba(92, 189, 212, 0.9);
}

.cta-column[data-category="science"] {
  background: #5F73B2;
}

.preview-item[data-category="science"] {
  color: #5F73B2;
}

.preview-item[data-category="science"]:before {
  color: #5F73B2;
}

.preview-item[data-category="science"] .shaded-comp {
  background: #5F73B2;
}

.preview-slider--text-nav .navigation-item[data-category="science"] {
  color: #5F73B2;
}

.preview-slider--text-nav .navigation-item[data-category="science"]:after {
  background: #5F73B2;
}

.intro-slide[data-category="science"] .slide-header .slide-header-content,
.intro-slide[data-category="science"] .slide-content .slide-description {
  background: rgba(95, 115, 178, 0.85);
}

.detail-filter--category[data-category="science"] {
  border-left-color: #5F73B2;
}

.detail-filter--category[data-category="science"] .detail-filter--category-title {
  color: #5F73B2;
}

.result-item > .result-item[data-category="science"]:before,
.result-item > .result-item[data-category="science"] .result-item--summary-headline,
.result-item > .result-item[data-category="science"] .result-item--content .ui.accordion .title:not(.ui) .links a,
.result-item > .result-item[data-category="science"] .result-item--content .ui.accordion .title:not(.ui) .show-more-container button,
.result-item > .result-item[data-category="science"] .result-item--content-headline {
  color: #5F73B2;
}

.result-item > .result-item[data-category="science"]:after {
  background: #5F73B2;
}

body[data-category="science"] .flowing-text .abstract,
body[data-category="science"] .flowing-text--headline,
body[data-category="science"] .flowing-text ol li:before,
body[data-category="science"] .flowing-text ul:not(.slick-dots) li:before,
body[data-category="science"] .spec-headline {
  color: #5F73B2;
}

body[data-category="science"] .shaded-comp,
body[data-category="science"] .flowing-text .cite:before,
body[data-category="science"] .submit-detail-sticky-footer {
  background: #5F73B2;
}

body[data-category="science"] ::-moz-selection {
  color: #fff;
  background: #5F73B2;
}

body[data-category="science"] ::selection {
  color: #fff;
  background: #5F73B2;
}

body[data-category="science"] main a {
  color: #5F73B2;
}

.blog[data-category="science"] .blog-specs--headline, .blog[data-category="science"] .blog-specs .spec-headline,
.blog[data-category="science"] .blog-presentation--headline,
.blog[data-category="science"] .share-list .share-list--items.inverted a,
.blog[data-category="science"] .blog-comments-list--comment .comment-author, .blog[data-category="science"] .blog-comments-list--comment .comment-date,
.blog[data-category="science"] .share-list .share-list--headline {
  color: #5F73B2;
}

.submit-detail[data-category="science"] .submit-now {
  color: #5F73B2;
}

.submit-detail[data-category="science"] .intro-tiny .intro-wrapper.color-overlay:after,
.submit-detail[data-category="science"] .submit-details-summary:before {
  background: rgba(95, 115, 178, 0.95);
}

.submit-detail[data-category="science"] .accordion .title, .submit-detail[data-category="science"] .accordion .content {
  background: #5F73B2;
}

.discover .intro[data-category="science"] .intro-wrapper {
  background: rgba(95, 115, 178, 0.95);
}

.discover .community-results .preview-item[data-category="science"] .shaded-comp--content-overlay {
  background: rgba(95, 115, 178, 0.9);
}