/*!
	Theme Name: ...
	Theme URI: 
	Description: Theme for 
	Version: 1.0.0
	Author: Nicholas Seiler
*/
/*------------------------------------*\
	Normalize
\*------------------------------------*/
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

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

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

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

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

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

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

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

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

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

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

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

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

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

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

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

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

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

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

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

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

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

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

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

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

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

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

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

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

/**
 * 1. Address 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 */ }

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

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

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

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

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

/*------------------------------------*\
	Settings
\*------------------------------------*/
/*------------------------------------*\
	MIXIN
\*------------------------------------*/
/*------------------------------------*\
	GRID (Neat)
\*------------------------------------*/
.row::after {
  clear: both;
  content: "";
  display: block; }
.row.flex {
  display: flex; }
.row.block {
  display: block; }
.row.none {
  display: none; }
.row.collapse {
  margin-left: -20px;
  margin-right: -20px;
  width: calc(100% + 40px); }

.col.flex {
  display: flex; }
.col.block {
  display: block; }
.col.none {
  display: none; }

.col_no-shift {
  left: calc(0% - 20px + 20px);
  position: relative; }

.col.flex_1 {
  order: 1; }

.col_1 {
  width: calc(8.3333333333% - 21.6666666667px);
  float: left;
  margin-left: 20px; }

.col_shift_1 {
  left: calc(8.3333333333% - 21.6666666667px + 20px);
  position: relative; }

.col.flex_2 {
  order: 2; }

.col_2 {
  width: calc(16.6666666667% - 23.3333333333px);
  float: left;
  margin-left: 20px; }

.col_shift_2 {
  left: calc(16.6666666667% - 23.3333333333px + 20px);
  position: relative; }

.col.flex_3 {
  order: 3; }

.col_3 {
  width: calc(25% - 25px);
  float: left;
  margin-left: 20px; }

.col_shift_3 {
  left: calc(25% - 25px + 20px);
  position: relative; }

.col.flex_4 {
  order: 4; }

.col_4 {
  width: calc(33.3333333333% - 26.6666666667px);
  float: left;
  margin-left: 20px; }

.col_shift_4 {
  left: calc(33.3333333333% - 26.6666666667px + 20px);
  position: relative; }

.col.flex_5 {
  order: 5; }

.col_5 {
  width: calc(41.6666666667% - 28.3333333333px);
  float: left;
  margin-left: 20px; }

.col_shift_5 {
  left: calc(41.6666666667% - 28.3333333333px + 20px);
  position: relative; }

.col.flex_6 {
  order: 6; }

.col_6 {
  width: calc(50% - 30px);
  float: left;
  margin-left: 20px; }

.col_shift_6 {
  left: calc(50% - 30px + 20px);
  position: relative; }

.col.flex_7 {
  order: 7; }

.col_7 {
  width: calc(58.3333333333% - 31.6666666667px);
  float: left;
  margin-left: 20px; }

.col_shift_7 {
  left: calc(58.3333333333% - 31.6666666667px + 20px);
  position: relative; }

.col.flex_8 {
  order: 8; }

.col_8 {
  width: calc(66.6666666667% - 33.3333333333px);
  float: left;
  margin-left: 20px; }

.col_shift_8 {
  left: calc(66.6666666667% - 33.3333333333px + 20px);
  position: relative; }

.col.flex_9 {
  order: 9; }

.col_9 {
  width: calc(75% - 35px);
  float: left;
  margin-left: 20px; }

.col_shift_9 {
  left: calc(75% - 35px + 20px);
  position: relative; }

.col.flex_10 {
  order: 10; }

.col_10 {
  width: calc(83.3333333333% - 36.6666666667px);
  float: left;
  margin-left: 20px; }

.col_shift_10 {
  left: calc(83.3333333333% - 36.6666666667px + 20px);
  position: relative; }

.col.flex_11 {
  order: 11; }

.col_11 {
  width: calc(91.6666666667% - 38.3333333333px);
  float: left;
  margin-left: 20px; }

.col_shift_11 {
  left: calc(91.6666666667% - 38.3333333333px + 20px);
  position: relative; }

.col.flex_12 {
  order: 12; }

.col_12 {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px; }

.col_shift_12 {
  left: calc(100% - 40px + 20px);
  position: relative; }

@media (max-width: "500px" (-1)) {
  .row::after {
    clear: both;
    content: "";
    display: block; }
  .row.flex_xs {
    display: flex; }
  .row.block_xs {
    display: block; }
  .row.none_xs {
    display: none; }
  .row.collapse_xs {
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px); }

  .col.flex_xs {
    display: flex; }
  .col.block_xs {
    display: block; }
  .col.none_xs {
    display: none; }

  .col_no-shift_xs {
    left: calc(0% - 20px + 20px);
    position: relative; }

  .col.flex_1_xs {
    order: 1; }

  .col_1_xs {
    width: calc(8.3333333333% - 21.6666666667px);
    float: left;
    margin-left: 20px; }

  .col_shift_1_xs {
    left: calc(8.3333333333% - 21.6666666667px + 20px);
    position: relative; }

  .col.flex_2_xs {
    order: 2; }

  .col_2_xs {
    width: calc(16.6666666667% - 23.3333333333px);
    float: left;
    margin-left: 20px; }

  .col_shift_2_xs {
    left: calc(16.6666666667% - 23.3333333333px + 20px);
    position: relative; }

  .col.flex_3_xs {
    order: 3; }

  .col_3_xs {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px; }

  .col_shift_3_xs {
    left: calc(25% - 25px + 20px);
    position: relative; }

  .col.flex_4_xs {
    order: 4; }

  .col_4_xs {
    width: calc(33.3333333333% - 26.6666666667px);
    float: left;
    margin-left: 20px; }

  .col_shift_4_xs {
    left: calc(33.3333333333% - 26.6666666667px + 20px);
    position: relative; }

  .col.flex_5_xs {
    order: 5; }

  .col_5_xs {
    width: calc(41.6666666667% - 28.3333333333px);
    float: left;
    margin-left: 20px; }

  .col_shift_5_xs {
    left: calc(41.6666666667% - 28.3333333333px + 20px);
    position: relative; }

  .col.flex_6_xs {
    order: 6; }

  .col_6_xs {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px; }

  .col_shift_6_xs {
    left: calc(50% - 30px + 20px);
    position: relative; }

  .col.flex_7_xs {
    order: 7; }

  .col_7_xs {
    width: calc(58.3333333333% - 31.6666666667px);
    float: left;
    margin-left: 20px; }

  .col_shift_7_xs {
    left: calc(58.3333333333% - 31.6666666667px + 20px);
    position: relative; }

  .col.flex_8_xs {
    order: 8; }

  .col_8_xs {
    width: calc(66.6666666667% - 33.3333333333px);
    float: left;
    margin-left: 20px; }

  .col_shift_8_xs {
    left: calc(66.6666666667% - 33.3333333333px + 20px);
    position: relative; }

  .col.flex_9_xs {
    order: 9; }

  .col_9_xs {
    width: calc(75% - 35px);
    float: left;
    margin-left: 20px; }

  .col_shift_9_xs {
    left: calc(75% - 35px + 20px);
    position: relative; }

  .col.flex_10_xs {
    order: 10; }

  .col_10_xs {
    width: calc(83.3333333333% - 36.6666666667px);
    float: left;
    margin-left: 20px; }

  .col_shift_10_xs {
    left: calc(83.3333333333% - 36.6666666667px + 20px);
    position: relative; }

  .col.flex_11_xs {
    order: 11; }

  .col_11_xs {
    width: calc(91.6666666667% - 38.3333333333px);
    float: left;
    margin-left: 20px; }

  .col_shift_11_xs {
    left: calc(91.6666666667% - 38.3333333333px + 20px);
    position: relative; }

  .col.flex_12_xs {
    order: 12; }

  .col_12_xs {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px; }

  .col_shift_12_xs {
    left: calc(100% - 40px + 20px);
    position: relative; } }
@media (min-width: 500px) {
  .row::after {
    clear: both;
    content: "";
    display: block; }
  .row.flex_s {
    display: flex; }
  .row.block_s {
    display: block; }
  .row.none_s {
    display: none; }
  .row.collapse_s {
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px); }

  .col.flex_s {
    display: flex; }
  .col.block_s {
    display: block; }
  .col.none_s {
    display: none; }

  .col_no-shift_s {
    left: calc(0% - 20px + 20px);
    position: relative; }

  .col.flex_1_s {
    order: 1; }

  .col_1_s {
    width: calc(8.3333333333% - 21.6666666667px);
    float: left;
    margin-left: 20px; }

  .col_shift_1_s {
    left: calc(8.3333333333% - 21.6666666667px + 20px);
    position: relative; }

  .col.flex_2_s {
    order: 2; }

  .col_2_s {
    width: calc(16.6666666667% - 23.3333333333px);
    float: left;
    margin-left: 20px; }

  .col_shift_2_s {
    left: calc(16.6666666667% - 23.3333333333px + 20px);
    position: relative; }

  .col.flex_3_s {
    order: 3; }

  .col_3_s {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px; }

  .col_shift_3_s {
    left: calc(25% - 25px + 20px);
    position: relative; }

  .col.flex_4_s {
    order: 4; }

  .col_4_s {
    width: calc(33.3333333333% - 26.6666666667px);
    float: left;
    margin-left: 20px; }

  .col_shift_4_s {
    left: calc(33.3333333333% - 26.6666666667px + 20px);
    position: relative; }

  .col.flex_5_s {
    order: 5; }

  .col_5_s {
    width: calc(41.6666666667% - 28.3333333333px);
    float: left;
    margin-left: 20px; }

  .col_shift_5_s {
    left: calc(41.6666666667% - 28.3333333333px + 20px);
    position: relative; }

  .col.flex_6_s {
    order: 6; }

  .col_6_s {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px; }

  .col_shift_6_s {
    left: calc(50% - 30px + 20px);
    position: relative; }

  .col.flex_7_s {
    order: 7; }

  .col_7_s {
    width: calc(58.3333333333% - 31.6666666667px);
    float: left;
    margin-left: 20px; }

  .col_shift_7_s {
    left: calc(58.3333333333% - 31.6666666667px + 20px);
    position: relative; }

  .col.flex_8_s {
    order: 8; }

  .col_8_s {
    width: calc(66.6666666667% - 33.3333333333px);
    float: left;
    margin-left: 20px; }

  .col_shift_8_s {
    left: calc(66.6666666667% - 33.3333333333px + 20px);
    position: relative; }

  .col.flex_9_s {
    order: 9; }

  .col_9_s {
    width: calc(75% - 35px);
    float: left;
    margin-left: 20px; }

  .col_shift_9_s {
    left: calc(75% - 35px + 20px);
    position: relative; }

  .col.flex_10_s {
    order: 10; }

  .col_10_s {
    width: calc(83.3333333333% - 36.6666666667px);
    float: left;
    margin-left: 20px; }

  .col_shift_10_s {
    left: calc(83.3333333333% - 36.6666666667px + 20px);
    position: relative; }

  .col.flex_11_s {
    order: 11; }

  .col_11_s {
    width: calc(91.6666666667% - 38.3333333333px);
    float: left;
    margin-left: 20px; }

  .col_shift_11_s {
    left: calc(91.6666666667% - 38.3333333333px + 20px);
    position: relative; }

  .col.flex_12_s {
    order: 12; }

  .col_12_s {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px; }

  .col_shift_12_s {
    left: calc(100% - 40px + 20px);
    position: relative; } }
@media (min-width: 768px) {
  .row::after {
    clear: both;
    content: "";
    display: block; }
  .row.flex_sm {
    display: flex; }
  .row.block_sm {
    display: block; }
  .row.none_sm {
    display: none; }
  .row.collapse_sm {
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px); }

  .col.flex_sm {
    display: flex; }
  .col.block_sm {
    display: block; }
  .col.none_sm {
    display: none; }

  .col_no-shift_sm {
    left: calc(0% - 20px + 20px);
    position: relative; }

  .col.flex_1_sm {
    order: 1; }

  .col_1_sm {
    width: calc(8.3333333333% - 21.6666666667px);
    float: left;
    margin-left: 20px; }

  .col_shift_1_sm {
    left: calc(8.3333333333% - 21.6666666667px + 20px);
    position: relative; }

  .col.flex_2_sm {
    order: 2; }

  .col_2_sm {
    width: calc(16.6666666667% - 23.3333333333px);
    float: left;
    margin-left: 20px; }

  .col_shift_2_sm {
    left: calc(16.6666666667% - 23.3333333333px + 20px);
    position: relative; }

  .col.flex_3_sm {
    order: 3; }

  .col_3_sm {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px; }

  .col_shift_3_sm {
    left: calc(25% - 25px + 20px);
    position: relative; }

  .col.flex_4_sm {
    order: 4; }

  .col_4_sm {
    width: calc(33.3333333333% - 26.6666666667px);
    float: left;
    margin-left: 20px; }

  .col_shift_4_sm {
    left: calc(33.3333333333% - 26.6666666667px + 20px);
    position: relative; }

  .col.flex_5_sm {
    order: 5; }

  .col_5_sm {
    width: calc(41.6666666667% - 28.3333333333px);
    float: left;
    margin-left: 20px; }

  .col_shift_5_sm {
    left: calc(41.6666666667% - 28.3333333333px + 20px);
    position: relative; }

  .col.flex_6_sm {
    order: 6; }

  .col_6_sm {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px; }

  .col_shift_6_sm {
    left: calc(50% - 30px + 20px);
    position: relative; }

  .col.flex_7_sm {
    order: 7; }

  .col_7_sm {
    width: calc(58.3333333333% - 31.6666666667px);
    float: left;
    margin-left: 20px; }

  .col_shift_7_sm {
    left: calc(58.3333333333% - 31.6666666667px + 20px);
    position: relative; }

  .col.flex_8_sm {
    order: 8; }

  .col_8_sm {
    width: calc(66.6666666667% - 33.3333333333px);
    float: left;
    margin-left: 20px; }

  .col_shift_8_sm {
    left: calc(66.6666666667% - 33.3333333333px + 20px);
    position: relative; }

  .col.flex_9_sm {
    order: 9; }

  .col_9_sm {
    width: calc(75% - 35px);
    float: left;
    margin-left: 20px; }

  .col_shift_9_sm {
    left: calc(75% - 35px + 20px);
    position: relative; }

  .col.flex_10_sm {
    order: 10; }

  .col_10_sm {
    width: calc(83.3333333333% - 36.6666666667px);
    float: left;
    margin-left: 20px; }

  .col_shift_10_sm {
    left: calc(83.3333333333% - 36.6666666667px + 20px);
    position: relative; }

  .col.flex_11_sm {
    order: 11; }

  .col_11_sm {
    width: calc(91.6666666667% - 38.3333333333px);
    float: left;
    margin-left: 20px; }

  .col_shift_11_sm {
    left: calc(91.6666666667% - 38.3333333333px + 20px);
    position: relative; }

  .col.flex_12_sm {
    order: 12; }

  .col_12_sm {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px; }

  .col_shift_12_sm {
    left: calc(100% - 40px + 20px);
    position: relative; } }
@media (min-width: 1024px) {
  .row::after {
    clear: both;
    content: "";
    display: block; }
  .row.flex_m {
    display: flex; }
  .row.block_m {
    display: block; }
  .row.none_m {
    display: none; }
  .row.collapse_m {
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px); }

  .col.flex_m {
    display: flex; }
  .col.block_m {
    display: block; }
  .col.none_m {
    display: none; }

  .col_no-shift_m {
    left: calc(0% - 20px + 20px);
    position: relative; }

  .col.flex_1_m {
    order: 1; }

  .col_1_m {
    width: calc(8.3333333333% - 21.6666666667px);
    float: left;
    margin-left: 20px; }

  .col_shift_1_m {
    left: calc(8.3333333333% - 21.6666666667px + 20px);
    position: relative; }

  .col.flex_2_m {
    order: 2; }

  .col_2_m {
    width: calc(16.6666666667% - 23.3333333333px);
    float: left;
    margin-left: 20px; }

  .col_shift_2_m {
    left: calc(16.6666666667% - 23.3333333333px + 20px);
    position: relative; }

  .col.flex_3_m {
    order: 3; }

  .col_3_m {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px; }

  .col_shift_3_m {
    left: calc(25% - 25px + 20px);
    position: relative; }

  .col.flex_4_m {
    order: 4; }

  .col_4_m {
    width: calc(33.3333333333% - 26.6666666667px);
    float: left;
    margin-left: 20px; }

  .col_shift_4_m {
    left: calc(33.3333333333% - 26.6666666667px + 20px);
    position: relative; }

  .col.flex_5_m {
    order: 5; }

  .col_5_m {
    width: calc(41.6666666667% - 28.3333333333px);
    float: left;
    margin-left: 20px; }

  .col_shift_5_m {
    left: calc(41.6666666667% - 28.3333333333px + 20px);
    position: relative; }

  .col.flex_6_m {
    order: 6; }

  .col_6_m {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px; }

  .col_shift_6_m {
    left: calc(50% - 30px + 20px);
    position: relative; }

  .col.flex_7_m {
    order: 7; }

  .col_7_m {
    width: calc(58.3333333333% - 31.6666666667px);
    float: left;
    margin-left: 20px; }

  .col_shift_7_m {
    left: calc(58.3333333333% - 31.6666666667px + 20px);
    position: relative; }

  .col.flex_8_m {
    order: 8; }

  .col_8_m {
    width: calc(66.6666666667% - 33.3333333333px);
    float: left;
    margin-left: 20px; }

  .col_shift_8_m {
    left: calc(66.6666666667% - 33.3333333333px + 20px);
    position: relative; }

  .col.flex_9_m {
    order: 9; }

  .col_9_m {
    width: calc(75% - 35px);
    float: left;
    margin-left: 20px; }

  .col_shift_9_m {
    left: calc(75% - 35px + 20px);
    position: relative; }

  .col.flex_10_m {
    order: 10; }

  .col_10_m {
    width: calc(83.3333333333% - 36.6666666667px);
    float: left;
    margin-left: 20px; }

  .col_shift_10_m {
    left: calc(83.3333333333% - 36.6666666667px + 20px);
    position: relative; }

  .col.flex_11_m {
    order: 11; }

  .col_11_m {
    width: calc(91.6666666667% - 38.3333333333px);
    float: left;
    margin-left: 20px; }

  .col_shift_11_m {
    left: calc(91.6666666667% - 38.3333333333px + 20px);
    position: relative; }

  .col.flex_12_m {
    order: 12; }

  .col_12_m {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px; }

  .col_shift_12_m {
    left: calc(100% - 40px + 20px);
    position: relative; } }
@media (min-width: 1200px) {
  .row::after {
    clear: both;
    content: "";
    display: block; }
  .row.flex_l {
    display: flex; }
  .row.block_l {
    display: block; }
  .row.none_l {
    display: none; }
  .row.collapse_l {
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px); }

  .col.flex_l {
    display: flex; }
  .col.block_l {
    display: block; }
  .col.none_l {
    display: none; }

  .col_no-shift_l {
    left: calc(0% - 20px + 20px);
    position: relative; }

  .col.flex_1_l {
    order: 1; }

  .col_1_l {
    width: calc(8.3333333333% - 21.6666666667px);
    float: left;
    margin-left: 20px; }

  .col_shift_1_l {
    left: calc(8.3333333333% - 21.6666666667px + 20px);
    position: relative; }

  .col.flex_2_l {
    order: 2; }

  .col_2_l {
    width: calc(16.6666666667% - 23.3333333333px);
    float: left;
    margin-left: 20px; }

  .col_shift_2_l {
    left: calc(16.6666666667% - 23.3333333333px + 20px);
    position: relative; }

  .col.flex_3_l {
    order: 3; }

  .col_3_l {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px; }

  .col_shift_3_l {
    left: calc(25% - 25px + 20px);
    position: relative; }

  .col.flex_4_l {
    order: 4; }

  .col_4_l {
    width: calc(33.3333333333% - 26.6666666667px);
    float: left;
    margin-left: 20px; }

  .col_shift_4_l {
    left: calc(33.3333333333% - 26.6666666667px + 20px);
    position: relative; }

  .col.flex_5_l {
    order: 5; }

  .col_5_l {
    width: calc(41.6666666667% - 28.3333333333px);
    float: left;
    margin-left: 20px; }

  .col_shift_5_l {
    left: calc(41.6666666667% - 28.3333333333px + 20px);
    position: relative; }

  .col.flex_6_l {
    order: 6; }

  .col_6_l {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px; }

  .col_shift_6_l {
    left: calc(50% - 30px + 20px);
    position: relative; }

  .col.flex_7_l {
    order: 7; }

  .col_7_l {
    width: calc(58.3333333333% - 31.6666666667px);
    float: left;
    margin-left: 20px; }

  .col_shift_7_l {
    left: calc(58.3333333333% - 31.6666666667px + 20px);
    position: relative; }

  .col.flex_8_l {
    order: 8; }

  .col_8_l {
    width: calc(66.6666666667% - 33.3333333333px);
    float: left;
    margin-left: 20px; }

  .col_shift_8_l {
    left: calc(66.6666666667% - 33.3333333333px + 20px);
    position: relative; }

  .col.flex_9_l {
    order: 9; }

  .col_9_l {
    width: calc(75% - 35px);
    float: left;
    margin-left: 20px; }

  .col_shift_9_l {
    left: calc(75% - 35px + 20px);
    position: relative; }

  .col.flex_10_l {
    order: 10; }

  .col_10_l {
    width: calc(83.3333333333% - 36.6666666667px);
    float: left;
    margin-left: 20px; }

  .col_shift_10_l {
    left: calc(83.3333333333% - 36.6666666667px + 20px);
    position: relative; }

  .col.flex_11_l {
    order: 11; }

  .col_11_l {
    width: calc(91.6666666667% - 38.3333333333px);
    float: left;
    margin-left: 20px; }

  .col_shift_11_l {
    left: calc(91.6666666667% - 38.3333333333px + 20px);
    position: relative; }

  .col.flex_12_l {
    order: 12; }

  .col_12_l {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px; }

  .col_shift_12_l {
    left: calc(100% - 40px + 20px);
    position: relative; } }
@media (min-width: 1600px) {
  .row::after {
    clear: both;
    content: "";
    display: block; }
  .row.flex_xl {
    display: flex; }
  .row.block_xl {
    display: block; }
  .row.none_xl {
    display: none; }
  .row.collapse_xl {
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px); }

  .col.flex_xl {
    display: flex; }
  .col.block_xl {
    display: block; }
  .col.none_xl {
    display: none; }

  .col_no-shift_xl {
    left: calc(0% - 20px + 20px);
    position: relative; }

  .col.flex_1_xl {
    order: 1; }

  .col_1_xl {
    width: calc(8.3333333333% - 21.6666666667px);
    float: left;
    margin-left: 20px; }

  .col_shift_1_xl {
    left: calc(8.3333333333% - 21.6666666667px + 20px);
    position: relative; }

  .col.flex_2_xl {
    order: 2; }

  .col_2_xl {
    width: calc(16.6666666667% - 23.3333333333px);
    float: left;
    margin-left: 20px; }

  .col_shift_2_xl {
    left: calc(16.6666666667% - 23.3333333333px + 20px);
    position: relative; }

  .col.flex_3_xl {
    order: 3; }

  .col_3_xl {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px; }

  .col_shift_3_xl {
    left: calc(25% - 25px + 20px);
    position: relative; }

  .col.flex_4_xl {
    order: 4; }

  .col_4_xl {
    width: calc(33.3333333333% - 26.6666666667px);
    float: left;
    margin-left: 20px; }

  .col_shift_4_xl {
    left: calc(33.3333333333% - 26.6666666667px + 20px);
    position: relative; }

  .col.flex_5_xl {
    order: 5; }

  .col_5_xl {
    width: calc(41.6666666667% - 28.3333333333px);
    float: left;
    margin-left: 20px; }

  .col_shift_5_xl {
    left: calc(41.6666666667% - 28.3333333333px + 20px);
    position: relative; }

  .col.flex_6_xl {
    order: 6; }

  .col_6_xl {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px; }

  .col_shift_6_xl {
    left: calc(50% - 30px + 20px);
    position: relative; }

  .col.flex_7_xl {
    order: 7; }

  .col_7_xl {
    width: calc(58.3333333333% - 31.6666666667px);
    float: left;
    margin-left: 20px; }

  .col_shift_7_xl {
    left: calc(58.3333333333% - 31.6666666667px + 20px);
    position: relative; }

  .col.flex_8_xl {
    order: 8; }

  .col_8_xl {
    width: calc(66.6666666667% - 33.3333333333px);
    float: left;
    margin-left: 20px; }

  .col_shift_8_xl {
    left: calc(66.6666666667% - 33.3333333333px + 20px);
    position: relative; }

  .col.flex_9_xl {
    order: 9; }

  .col_9_xl {
    width: calc(75% - 35px);
    float: left;
    margin-left: 20px; }

  .col_shift_9_xl {
    left: calc(75% - 35px + 20px);
    position: relative; }

  .col.flex_10_xl {
    order: 10; }

  .col_10_xl {
    width: calc(83.3333333333% - 36.6666666667px);
    float: left;
    margin-left: 20px; }

  .col_shift_10_xl {
    left: calc(83.3333333333% - 36.6666666667px + 20px);
    position: relative; }

  .col.flex_11_xl {
    order: 11; }

  .col_11_xl {
    width: calc(91.6666666667% - 38.3333333333px);
    float: left;
    margin-left: 20px; }

  .col_shift_11_xl {
    left: calc(91.6666666667% - 38.3333333333px + 20px);
    position: relative; }

  .col.flex_12_xl {
    order: 12; }

  .col_12_xl {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px; }

  .col_shift_12_xl {
    left: calc(100% - 40px + 20px);
    position: relative; } }
/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/
@font-face {
  font-family: 'Roboto';
  src: url(fonts//Roboto-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Roboto';
  src: url(fonts//Roboto-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Roboto';
  src: url(fonts//Roboto-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Roboto';
  src: url(fonts//Roboto-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }
/*------------------------------------*\
	THEMING
\*------------------------------------*/
/*------------------------------------*\
    MAIN
\*------------------------------------*/
/* global box-sizing */
*,
*:after,
*:before {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility; }

/* html element 62.5% font-size for REM use */
html {
  font-size: 62.5%;
  background-color: #dfff00; }

body {
  font: 300 16px "Roboto", Helvetica, Arial, sans-serif;
  color: #444; }

/* clear */
.clear:before,
.clear:after {
  content: ' ';
  display: table; }

.clear:after {
  clear: both; }

.clear {
  *zoom: 1; }

img {
  max-width: 100%;
  vertical-align: bottom; }

a {
  color: #444;
  text-decoration: none; }

a:hover {
  color: #444; }

a:focus {
  outline: 0; }

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

input:focus {
  outline: 0;
  border: 1px solid #04A4CC; }

input,
textarea,
button,
select,
label,
a,
div,
span {
  -webkit-tap-highlight-color: transparent; }

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
/* wrapper */
.wrapper {
  margin: 0 auto;
  position: relative; }

/*------------------------------------*\
    PAGES
\*------------------------------------*/
html, body {
  font-weight: 400;
  font-size: 5vw;
  line-height: 6vw;
  overflow-x: hidden;
  width: 100%; }
  @media (min-width: 500px) {
    html, body {
      font-size: 3.5vw;
      line-height: 4.2vw; } }
  @media (min-width: 768px) {
    html, body {
      font-size: 3vw;
      line-height: 3.6vw; } }
  @media (min-width: 1024px) {
    html, body {
      font-size: 2vw;
      line-height: 2.4vw; } }
  @media (min-width: 1200px) {
    html, body {
      font-size: 2vw;
      line-height: 2.4vw; } }

.container_content {
  margin: 0 auto;
  width: 92%;
  padding: 5.75rem 0 0; }
  @media (min-width: 1024px) {
    .container_content {
      width: 88%;
      padding: 4.5rem 0 0; } }
  .container_content .left_col {
    width: 100%;
    padding: 0 0 5rem;
    min-height: 1px; }
    .container_content .left_col .img_wrapper {
      border: 1px solid #000000; }
      @media (min-width: 1024px) {
        .container_content .left_col .img_wrapper {
          width: 99.5%; } }
      .container_content .left_col .img_wrapper img {
        width: 100%; }
    .container_content .left_col .img_sl {
      font-family: "Roboto", Helvetica, Arial, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 0.78rem;
      line-height: 1.014rem;
      letter-spacing: 0.00rem;
      color: #000000;
      font-weight: 600;
      padding: 0.25rem 0 0; }
      @media (min-width: 768px) {
        .container_content .left_col .img_sl {
          font-size: 0.67rem;
          line-height: 0.871rem; } }
      @media (min-width: 1024px) {
        .container_content .left_col .img_sl {
          font-size: 0.64rem;
          line-height: 0.832rem; } }
      @media (min-width: 1024px) {
        .container_content .left_col .img_sl {
          font-weight: 600; } }
    @media (min-width: 1024px) {
      .container_content .left_col {
        width: 42%;
        float: left;
        margin: 0 1% 0 0; } }
  .container_content .middle_col {
    border: 1px solid #000000; }
    .container_content .middle_col .col_inner {
      padding: 0.3rem 0.3rem; }
      .container_content .middle_col .col_inner h1, .container_content .middle_col .col_inner h2, .container_content .middle_col .col_inner h3, .container_content .middle_col .col_inner h4, .container_content .middle_col .col_inner h5, .container_content .middle_col .col_inner h6 {
        margin: 0; }
      .container_content .middle_col .col_inner h1, .container_content .middle_col .col_inner h2 {
        font-family: "Roboto", Helvetica, Arial, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 0.78rem;
        line-height: 1.014rem;
        letter-spacing: 0.00rem;
        color: #000000;
        font-weight: 600;
        border-bottom: 0.15rem solid #000000;
        line-height: 110%;
        display: inline;
        text-transform: uppercase; }
        @media (min-width: 768px) {
          .container_content .middle_col .col_inner h1, .container_content .middle_col .col_inner h2 {
            font-size: 0.67rem;
            line-height: 0.871rem; } }
        @media (min-width: 1024px) {
          .container_content .middle_col .col_inner h1, .container_content .middle_col .col_inner h2 {
            font-size: 0.64rem;
            line-height: 0.832rem; } }
        @media (min-width: 1024px) {
          .container_content .middle_col .col_inner h1, .container_content .middle_col .col_inner h2 {
            font-weight: 600; } }
      .container_content .middle_col .col_inner .text {
        font-family: "Roboto", Helvetica, Arial, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 0.78rem;
        line-height: 1.014rem;
        letter-spacing: 0.00rem;
        color: #000000; }
        @media (min-width: 768px) {
          .container_content .middle_col .col_inner .text {
            font-size: 0.67rem;
            line-height: 0.871rem; } }
        @media (min-width: 1024px) {
          .container_content .middle_col .col_inner .text {
            font-size: 0.64rem;
            line-height: 0.832rem; } }
        .container_content .middle_col .col_inner .text p {
          margin: 0;
          padding: 1em 0 0; }
          .container_content .middle_col .col_inner .text p a {
            text-decoration: underline;
            color: #000000; }
      .container_content .middle_col .col_inner .news_hl {
        font-family: "Roboto", Helvetica, Arial, sans-serif;
        font-weight: 500;
        font-style: normal;
        text-transform: uppercase;
        font-size: 0.9rem;
        line-height: 1.17rem;
        letter-spacing: 0.00rem;
        color: #000000;
        padding: 2rem 0 0; }
        @media (min-width: 768px) {
          .container_content .middle_col .col_inner .news_hl {
            font-size: 0.8rem;
            line-height: 1.04rem; } }
        @media (min-width: 1024px) {
          .container_content .middle_col .col_inner .news_hl {
            font-size: 0.75rem;
            line-height: 0.975rem; } }
      .container_content .middle_col .col_inner .news {
        padding: 1.2rem 0 0; }
      .container_content .middle_col .col_inner .newsBodytext p {
        padding: 0; }
      .container_content .middle_col .col_inner .module {
        padding: 0 0 1rem; }
        .container_content .middle_col .col_inner .module .module_nr {
          font-family: "Roboto", Helvetica, Arial, sans-serif;
          font-weight: 400;
          font-style: normal;
          font-size: 0.78rem;
          line-height: 1.014rem;
          letter-spacing: 0.00rem;
          color: #000000;
          font-weight: 600;
          border-bottom: 0.15rem solid #000000;
          line-height: 110%;
          display: inline-block;
          text-transform: uppercase;
          margin: 0 0 0.4rem; }
          @media (min-width: 768px) {
            .container_content .middle_col .col_inner .module .module_nr {
              font-size: 0.67rem;
              line-height: 0.871rem; } }
          @media (min-width: 1024px) {
            .container_content .middle_col .col_inner .module .module_nr {
              font-size: 0.64rem;
              line-height: 0.832rem; } }
          @media (min-width: 1024px) {
            .container_content .middle_col .col_inner .module .module_nr {
              font-weight: 600; } }
        .container_content .middle_col .col_inner .module h2 {
          font-family: "Roboto", Helvetica, Arial, sans-serif;
          font-weight: 400;
          font-style: normal;
          font-size: 0.78rem;
          line-height: 1.014rem;
          letter-spacing: 0.00rem;
          color: #000000;
          text-transform: uppercase;
          border: 0;
          display: block; }
          @media (min-width: 768px) {
            .container_content .middle_col .col_inner .module h2 {
              font-size: 0.67rem;
              line-height: 0.871rem; } }
          @media (min-width: 1024px) {
            .container_content .middle_col .col_inner .module h2 {
              font-size: 0.64rem;
              line-height: 0.832rem; } }
        .container_content .middle_col .col_inner .module .module_text {
          overflow: hidden;
          height: 0; }
          .container_content .middle_col .col_inner .module .module_text .module_text_inner {
            padding: 0.5rem 0 0; }
          .container_content .middle_col .col_inner .module .module_text p {
            font-family: "Roboto", Helvetica, Arial, sans-serif;
            font-weight: 400;
            font-style: normal;
            font-size: 0.78rem;
            line-height: 1.014rem;
            letter-spacing: 0.00rem;
            color: #000000;
            padding: 0; }
            @media (min-width: 768px) {
              .container_content .middle_col .col_inner .module .module_text p {
                font-size: 0.67rem;
                line-height: 0.871rem; } }
            @media (min-width: 1024px) {
              .container_content .middle_col .col_inner .module .module_text p {
                font-size: 0.64rem;
                line-height: 0.832rem; } }
            .container_content .middle_col .col_inner .module .module_text p strong {
              font-family: "Roboto", Helvetica, Arial, sans-serif;
              font-weight: 400;
              font-style: normal;
              font-size: 0.78rem;
              line-height: 1.014rem;
              letter-spacing: 0.00rem;
              color: #000000; }
              @media (min-width: 768px) {
                .container_content .middle_col .col_inner .module .module_text p strong {
                  font-size: 0.67rem;
                  line-height: 0.871rem; } }
              @media (min-width: 1024px) {
                .container_content .middle_col .col_inner .module .module_text p strong {
                  font-size: 0.64rem;
                  line-height: 0.832rem; } }
    @media (min-width: 1024px) {
      .container_content .middle_col {
        width: 42%;
        float: left; } }
  .container_content .right_col {
    float: left;
    width: 15%; }
    .container_content .right_col .bewerbungschluss_batch_ct .bewerbungschluss_batch {
      float: right;
      width: 6rem;
      height: 6rem;
      border: 0.05rem solid #000000;
      border-radius: 3rem;
      padding: 1.8rem 0 0;
      text-align: center;
      cursor: pointer;
      font-family: "Roboto", Helvetica, Arial, sans-serif;
      font-weight: 600;
      font-style: normal;
      text-transform: uppercase;
      font-size: 0.79rem;
      line-height: 0.869rem;
      letter-spacing: 0.00rem;
      color: #000000; }
      @media (min-width: 768px) {
        .container_content .right_col .bewerbungschluss_batch_ct .bewerbungschluss_batch {
          font-size: 0.69rem;
          line-height: 0.759rem; } }
      @media (min-width: 1024px) {
        .container_content .right_col .bewerbungschluss_batch_ct .bewerbungschluss_batch {
          font-size: 0.67rem;
          line-height: 0.737rem; } }
      .container_content .right_col .bewerbungschluss_batch_ct .bewerbungschluss_batch .bewerbungschluss_title {
        font-family: "Roboto", Helvetica, Arial, sans-serif;
        font-weight: 600;
        font-style: normal;
        text-transform: uppercase;
        font-size: 0.79rem;
        line-height: 0.869rem;
        letter-spacing: 0.00rem;
        color: #000000; }
        @media (min-width: 768px) {
          .container_content .right_col .bewerbungschluss_batch_ct .bewerbungschluss_batch .bewerbungschluss_title {
            font-size: 0.69rem;
            line-height: 0.759rem; } }
        @media (min-width: 1024px) {
          .container_content .right_col .bewerbungschluss_batch_ct .bewerbungschluss_batch .bewerbungschluss_title {
            font-size: 0.67rem;
            line-height: 0.737rem; } }
      .container_content .right_col .bewerbungschluss_batch_ct .bewerbungschluss_batch .bewerbungschluss_date {
        font-family: "Roboto", Helvetica, Arial, sans-serif;
        font-weight: 600;
        font-style: normal;
        text-transform: uppercase;
        font-size: 0.82rem;
        line-height: 0.902rem;
        letter-spacing: 0.00rem;
        color: #000000; }
        @media (min-width: 768px) {
          .container_content .right_col .bewerbungschluss_batch_ct .bewerbungschluss_batch .bewerbungschluss_date {
            font-size: 0.78rem;
            line-height: 0.858rem; } }
        @media (min-width: 1024px) {
          .container_content .right_col .bewerbungschluss_batch_ct .bewerbungschluss_batch .bewerbungschluss_date {
            font-size: 0.74rem;
            line-height: 0.814rem; } }

#headercontainer {
  padding: 0.5rem 0 0;
  float: none;
  -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.4);
  position: absolute;
  background-color: #dfff00;
  left: 0;
  right: 0;
  z-index: 1000; }
  @media (min-width: 1024px) {
    #headercontainer {
      padding: 0.4rem 0 0; } }

#headercontainer_top {
  padding: 0 4% 0; }
  @media (min-width: 1200px) {
    #headercontainer_top {
      padding: 0 6% 0; } }

#headerclaim {
  margin: 0;
  padding: 0 0 0.2rem;
  width: 100% !important;
  height: auto;
  border-bottom: 4px solid #000;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-weight: 200;
  font-style: normal;
  text-transform: uppercase;
  font-size: 0.68rem;
  line-height: 0.816rem;
  letter-spacing: 0.00rem;
  color: #000000; }
  @media (min-width: 768px) {
    #headerclaim {
      font-size: 0.75rem;
      line-height: 0.9rem; } }
  @media (min-width: 1024px) {
    #headerclaim {
      font-size: 0.76rem;
      line-height: 1.14rem; } }
  @media (min-width: 1024px) {
    #headerclaim {
      padding: 0; } }
  #headerclaim a {
    color: #000000; }

@media (min-width: 1024px) {
  #headerclaim .span-22 {
    float: left; } }
#headerclaim .span-22.inner_wrap_claim_top_line a {
  font-weight: 600; }

#nav_icon {
  width: 3rem;
  height: 2.5rem;
  float: left;
  background-image: url(img/icons/nav_icon.png);
  background-size: auto 70%;
  background-repeat: no-repeat;
  background-position: left 35%; }

#headerlogo > .inner_wrap_top_logo {
  float: right;
  height: auto;
  padding: 8px 0 16px; }

#headerlogo .csc-default {
  float: left;
  display: inline; }

#headerlogo > .inner_wrap_top_logo .csc-default img {
  height: 1.1rem;
  width: auto;
  margin: 0 0 0 20px; }

#headerclaim .span-22:first-child {
  padding: 0 0.5rem 0 0; }

#headerlogo > .inner_wrap_top_logo .csc-default .csc-textpic-imagewrap {
  height: 20px; }

#language_switch_container, #language_switch_container2 {
  width: auto;
  float: right; }

@media (min-width: 1024px) {
  #headerlogo {
    display: none; } }

#headerlogo2_ct {
  float: right;
  margin: 0; }

#headerlogo2 {
  display: none; }
  @media (min-width: 1024px) {
    #headerlogo2 {
      display: block; } }

#headerlogo2 .csc-default {
  float: left;
  height: 1.4rem; }

#headerlogo2 .csc-default img {
  height: 1.2rem;
  width: auto;
  margin: 0 0 0 20px; }

#language_switch_container2 {
  display: none; }
  @media (min-width: 1024px) {
    #language_switch_container2 {
      display: block; } }

#navigation_main {
  height: auto;
  width: 100%;
  display: none;
  background: #dfff00; }

#navigation_main_container, #navigation_main_container.span-19 {
  width: 92%;
  margin: 0 auto;
  min-height: auto;
  padding-bottom: 0.3rem; }
  @media (min-width: 1024px) {
    #navigation_main_container, #navigation_main_container.span-19 {
      padding-bottom: 0.1rem; } }
  @media (min-width: 1200px) {
    #navigation_main_container, #navigation_main_container.span-19 {
      width: 88%; } }

#navigation_main {
  display: none; }
  @media (min-width: 1024px) {
    #navigation_main {
      display: block; } }

#navigation_main, #navigation_main.span-24 {
  -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.4); }

#navigation_main.open, #navigation_main.span-24.open {
  display: block; }

#navigation_main_container > li {
  letter-spacing: 0.02em;
  border-top: 1px solid #000000;
  list-style: none; }
  #navigation_main_container > li:first-child {
    border-top: 0; }
  @media (min-width: 1024px) {
    #navigation_main_container > li {
      display: block;
      float: left;
      border-top: 0; } }
  #navigation_main_container > li > a {
    font-weight: 600 !important; }
    #navigation_main_container > li > a:hover {
      opacity: 0.5; }

@media (min-width: 1024px) {
  #navigation_main_container > li:nth-child(1) {
    width: 14.8%; }

  #navigation_main_container > li:nth-child(2) {
    width: 14.4%; }

  #navigation_main_container > li:nth-child(3) {
    width: 11.8%; }

  #navigation_main_container > li:nth-child(4) {
    width: 17.4%; }

  #navigation_main_container > li:nth-child(5) {
    width: 13.1%; }

  #navigation_main_container > li:nth-child(6) {
    width: 13.7%; }

  #navigation_main_container > li:nth-child(7) {
    width: 9.3%; }

  #navigation_main_container > li:nth-child(8) {
    width: 4.5%; } }
@media (min-width: 1024px) {
  #navigation_main_container.en > li:nth-child(1) {
    width: 7.5%; }

  #navigation_main_container.en > li:nth-child(2) {
    width: 23.5%; }

  #navigation_main_container.en > li:nth-child(3) {
    width: 10%; }

  #navigation_main_container.en > li:nth-child(4) {
    width: 18.5%; }

  #navigation_main_container.en > li:nth-child(5) {
    width: 14%; }

  #navigation_main_container.en > li:nth-child(6) {
    width: 12.8%; }

  #navigation_main_container.en > li:nth-child(7) {
    width: 8.8%; }

  #navigation_main_container.en > li:nth-child(8) {
    width: 4%; } }
#navigation_main ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  #navigation_main ul li {
    float: none;
    padding: 0;
    width: 100%;
    display: block;
    line-height: 1.5em;
    margin: 0; }

#navigation_main li a, #navigation_main_container a:hover {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  font-size: 0.68rem;
  line-height: 1.224rem;
  letter-spacing: 0.00rem;
  color: #000000;
  float: none;
  padding: 0;
  width: 100%;
  display: block;
  border-bottom: 0;
  border-top: 1px solid #000;
  text-transform: uppercase;
  height: 1.3rem; }
  @media (min-width: 1024px) {
    #navigation_main li a, #navigation_main_container a:hover {
      font-size: 0.66rem;
      line-height: 1.188rem;
      font-weight: 600; } }
  @media (min-width: 1024px) {
    #navigation_main li a, #navigation_main_container a:hover {
      overflow: visible;
      white-space: nowrap;
      height: 1.25rem; } }

#navigation_main_container a:hover {
  opacity: 0.5; }

@media (min-width: 1024px) {
  #navigation_main #navigation_main_container > li > a, #navigation_main #navigation_main_container > li > a:hover {
    border-top: 0; } }

#navigation_main_container .level2 > li > a {
  padding: 0 0 0 0.5rem;
  text-transform: none; }
  @media (min-width: 1024px) {
    #navigation_main_container .level2 > li > a {
      padding: 0; } }

#navigation_main ul li.dummy {
  display: none; }
  @media (min-width: 1024px) {
    #navigation_main ul li.dummy {
      display: block; } }

@media (min-width: 1024px) {
  #navigation_main_container .level2 {
    display: none !important;
    cursor: pointer; } }

#navigation_main_container:hover .level2 {
  display: block !important; }

#language_switch_container {
  background: transparent;
  color: #000000;
  font-size: 0.75em;
  font-weight: bold;
  margin-right: 4%;
  padding-top: 0.5rem;
  padding-bottom: 2px;
  text-align: right;
  text-decoration: none; }
  @media (min-width: 1024px) {
    #language_switch_container {
      display: none; } }

#language_switch_container, #language_switch_container2 {
  width: auto;
  float: right;
  padding: 0 0 0.5rem; }

#language_switch_container a, #language_switch_container2 a {
  border: 1px solid #000;
  display: block;
  text-transform: uppercase;
  padding: 0.05rem 0.12rem 0;
  margin: 1px 0 0 0.2rem;
  font-weight: 400;
  color: #000;
  box-sizing: border-box;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  font-size: 0.6rem;
  line-height: 0.78rem;
  letter-spacing: 0.00rem;
  color: #000000; }

#language_switch_container a {
  float: left; }

#language_switch_container a.active, #language_switch_container2 a.active {
  margin: 0 0 0 0.2rem; }

.language_switch_container_class a.active, #language_switch_container2 a.active, #language_switch_container a.active {
  border: 2px solid #000;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box; }

#language_switch_container .wpml-ls {
  width: 200px; }
  #language_switch_container .wpml-ls .wpml-ls-item {
    display: inline-block;
    width: auto;
    margin: 0 0 0 0.5rem; }
    #language_switch_container .wpml-ls .wpml-ls-item .wpml-ls-link {
      margin: 0;
      border: 1px solid #000000;
      text-align: center;
      font-family: "Roboto", Helvetica, Arial, sans-serif;
      font-weight: 500;
      font-style: normal;
      text-transform: uppercase;
      font-size: 0.6rem;
      line-height: 0.78rem;
      letter-spacing: 0.00rem;
      color: #000000;
      height: auto;
      padding: 0.1rem 0.1rem; }
    #language_switch_container .wpml-ls .wpml-ls-item.wpml-ls-current-language > .wpml-ls-link {
      padding: 0.05rem 0.05rem; }

.wpml-ls-legacy-list-horizontal {
  padding: 0;
  border: 0; }

.wpml-ls-item.wpml-ls-current-language > .wpml-ls-link {
  border: 2px solid #000 !important;
  box-sizing: content-box !important;
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important; }

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

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  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);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

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

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

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

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

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
  outline: 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; }

.slick-dots {
  margin: 0;
  padding: 0.6rem 0 0;
  line-height: 0;
  list-style: none;
  text-align: center; }
  .slick-dots li {
    display: inline-block;
    padding: 0 0.25rem; }
    .slick-dots li button {
      padding: 0;
      margin: 0;
      font-size: 0;
      background: none;
      border: 0.08rem solid #000000;
      width: 0.55rem;
      height: 0.55rem;
      border-radius: 50%;
      transition: background 0.2s; }
      .slick-dots li button:focus {
        outline: none; }
    .slick-dots li.slick-active button {
      background: #000000; }

.slideshow_arrows {
  position: absolute;
  width: 100%; }
  .slideshow_arrows button.slick-arrow {
    position: absolute;
    z-index: 4;
    outline: none;
    font-size: 0;
    line-height: 0;
    border: 0;
    right: 0;
    height: 15rem;
    width: 2.5rem;
    background: none;
    background-image: url(img/icons/doppel-pfeil.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5rem auto; }
    .slideshow_arrows button.slick-arrow:first-child {
      right: 0;
      left: 0;
      transform: scaleX(-1); }
    @media (min-width: 500px) {
      .slideshow_arrows button.slick-arrow {
        height: 21.4rem; } }
    @media (min-width: 768px) {
      .slideshow_arrows button.slick-arrow {
        height: 20.1rem;
        width: 16vw;
        background-position: left center; } }
    @media (min-width: 1024px) {
      .slideshow_arrows button.slick-arrow {
        height: 22.5rem;
        width: 24vw; } }
  .slideshow_arrows.grundriss button.slick-arrow {
    height: 13.8rem; }
    @media (min-width: 500px) {
      .slideshow_arrows.grundriss button.slick-arrow {
        height: 19.7rem; } }
    @media (min-width: 768px) {
      .slideshow_arrows.grundriss button.slick-arrow {
        height: 19.6rem;
        width: 2.5rem; } }
    @media (min-width: 1024px) {
      .slideshow_arrows.grundriss button.slick-arrow {
        height: 29.4rem;
        width: 2.5rem; } }
    @media (min-width: 1200px) {
      .slideshow_arrows.grundriss button.slick-arrow {
        height: 23.5rem;
        width: 2.5rem; } }

.slideshow {
  line-height: 0; }
  .slideshow img {
    font-size: 0;
    line-height: 0; }
  .slideshow.fullwidth img {
    width: 100%; }
  .slideshow.variabel .slick-list {
    height: 42vw; }
    .slideshow.variabel .slick-list img {
      height: 42vw !important; }

.slideshow_overlay {
  position: absolute;
  width: 100%; }
  .slideshow_overlay .slideshow_overlay_left {
    left: 0; }
  .slideshow_overlay .slideshow_overlay_right {
    right: 0; }
  .slideshow_overlay .slideshow_overlay_left, .slideshow_overlay .slideshow_overlay_right {
    position: absolute;
    z-index: 4; }
    @media (min-width: 768px) {
      .slideshow_overlay .slideshow_overlay_left, .slideshow_overlay .slideshow_overlay_right {
        height: 20.1rem;
        width: 10vw;
        background-color: rgba(255, 255, 255, 0.45); } }
    @media (min-width: 1024px) {
      .slideshow_overlay .slideshow_overlay_left, .slideshow_overlay .slideshow_overlay_right {
        height: 22.5rem;
        width: 20vw; } }

.footer {
  border-top: 1px solid #000000;
  width: 92%;
  margin: 1rem auto 0; }
  @media (min-width: 1024px) {
    .footer {
      margin: 1rem auto 0; } }
  @media (min-width: 1200px) {
    .footer {
      width: 88%; } }
  .footer .footer_nav {
    padding: 0.3rem 0; }
    .footer .footer_nav ul {
      padding: 0;
      margin: 0; }
    .footer .footer_nav ul > li {
      list-style: none;
      padding: 0;
      margin: 0; }
      .footer .footer_nav ul > li a {
        font-family: "Roboto", Helvetica, Arial, sans-serif;
        font-weight: 500;
        font-style: normal;
        text-transform: uppercase;
        font-size: 0.68rem;
        line-height: 1.224rem;
        letter-spacing: 0.00rem;
        color: #000000; }
        @media (min-width: 1024px) {
          .footer .footer_nav ul > li a {
            font-size: 0.66rem;
            line-height: 1.188rem;
            font-weight: 600; } }
        .footer .footer_nav ul > li a:hover {
          opacity: 0.5; }

#bottomlogo {
  display: none; }

@media (min-width: 1024px) {
  #bottomlogo {
    width: 92%;
    margin: 2rem auto 0;
    display: block; }

  .inner_wrap_bottom_logo a {
    display: block;
    float: left; }

  .inner_wrap_bottom_logo a img {
    width: 100%;
    display: inline-block; }

  #staedel {
    width: 3%;
    padding: 0 0 0 1%; }

  #staedel img {
    width: 90%; }

  #liebighaus {
    width: 19%;
    text-align: center; }

  #liebighaus img {
    width: 74%;
    margin: 0 13%; }

  #mmk {
    width: 22%;
    text-align: center; }

  #mmk img {
    width: 100%;
    margin: 0; }

  #hist {
    width: 14%;
    text-align: center; }

  #hist img {
    width: 72%;
    margin: 0 14%; }

  #weltk {
    width: 18%;
    text-align: center; }

  #weltk img {
    width: 90%;
    margin: 0 5%; }

  #portikus {
    width: 13%;
    text-align: center; }

  #portikus img {
    width: 64%;
    margin: 0 18%; }

  #hfg {
    width: 9%;
    text-align: center; }

  #hfg img {
    width: 90%;
    margin: 0 0 0 10%; } }
@media (min-width: 1200px) {
  #bottomlogo {
    width: 88%; } }
.otgs-development-site-front-end {
  display: none !important; }

/*------------------------------------*\
    MISC
\*------------------------------------*/
::selection {
  background: #ecff66;
  color: #fff;
  text-shadow: none; }

::-webkit-selection {
  background: #ecff66;
  color: #fff;
  text-shadow: none; }

::-moz-selection {
  background: #ecff66;
  color: #fff;
  text-shadow: none; }

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/
.alignnone {
  margin: 5px 20px 20px 0; }

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto; }

.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

a img.alignnone {
  margin: 5px 20px 20px 0; }

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.wp-caption {
  background: #FFF;
  border: 1px solid #F0F0F0;
  max-width: 96%;
  padding: 5px 3px 10px;
  text-align: center; }

.wp-caption.alignnone {
  margin: 5px 20px 20px 0; }

.wp-caption.alignleft {
  margin: 5px 20px 20px 0; }

.wp-caption.alignright {
  margin: 5px 0 20px 20px; }

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto; }

.wp-caption .wp-caption-text,
.gallery-caption {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px; }

/*------------------------------------*\
    PRINT
\*------------------------------------*/
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important; }

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

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  tr, img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; } }

/*# sourceMappingURL=style.css.map */