@charset "UTF-8";
/* Import styles */
/* main: ../../main.scss*/
/*! 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.
 */
/* @import url(https://fonts.googleapis.com/css?family=Crimson+Text:400,400italic,600,700|Kalam:400,700); */
/* @import url(https://code.cdn.mozilla.net/fonts/fira.css); */

/* crimson-text-regular - latin */
@font-face {
  font-family: 'Crimson Text';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('/assets/fonts/crimson-text-v19-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/assets/fonts/crimson-text-v19-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* crimson-text-italic - latin */
@font-face {
  font-family: 'Crimson Text';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('/assets/fonts/crimson-text-v19-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/assets/fonts/crimson-text-v19-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* crimson-text-600 - latin */
@font-face {
  font-family: 'Crimson Text';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('/assets/fonts/crimson-text-v19-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/assets/fonts/crimson-text-v19-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* crimson-text-600italic - latin */
@font-face {
  font-family: 'Crimson Text';
  font-style: italic;
  font-weight: 600;
  src: local(''),
       url('/assets/fonts/crimson-text-v19-latin-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/assets/fonts/crimson-text-v19-latin-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* crimson-text-700 - latin */
@font-face {
  font-family: 'Crimson Text';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('/assets/fonts/crimson-text-v19-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/assets/fonts/crimson-text-v19-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* crimson-text-700italic - latin */
@font-face {
  font-family: 'Crimson Text';
  font-style: italic;
  font-weight: 700;
  src: local(''),
       url('/assets/fonts/crimson-text-v19-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/assets/fonts/crimson-text-v19-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* fira-sans-300 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('/assets/fonts/fira-sans-v16-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/assets/fonts/fira-sans-v16-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* fira-sans-regular - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('/assets/fonts/fira-sans-v16-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/assets/fonts/fira-sans-v16-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* fira-sans-500 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('/assets/fonts/fira-sans-v16-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/assets/fonts/fira-sans-v16-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* fira-sans-600 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('/assets/fonts/fira-sans-v16-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/assets/fonts/fira-sans-v16-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* fira-sans-700 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('/assets/fonts/fira-sans-v16-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/assets/fonts/fira-sans-v16-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* fira-sans-800 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 800;
  src: local(''),
       url('/assets/fonts/fira-sans-v16-latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/assets/fonts/fira-sans-v16-latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* fira-sans-600 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('/assets/fonts/fira-sans-v16-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/assets/fonts/fira-sans-v16-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* fira-sans-500 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('/assets/fonts/fira-sans-v16-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/assets/fonts/fira-sans-v16-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* fira-sans-700 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('/assets/fonts/fira-sans-v16-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/assets/fonts/fira-sans-v16-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* fira-sans-800 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 800;
  src: local(''),
       url('/assets/fonts/fira-sans-v16-latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/assets/fonts/fira-sans-v16-latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* kalam-300 - latin */
@font-face {
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('/assets/fonts/kalam-v16-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/assets/fonts/kalam-v16-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* kalam-regular - latin */
@font-face {
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('/assets/fonts/kalam-v16-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/assets/fonts/kalam-v16-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* kalam-700 - latin */
@font-face {
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('/assets/fonts/kalam-v16-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/assets/fonts/kalam-v16-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


html {
	font-family: sans-serif;
	/* 1 */
	-ms-text-size-adjust: 100%;
	/* 2 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

td,
th {
	padding: 0;
}

/* main: ../../main.scss*/
/*---------------------------------
           NeutronCSS
---------------------------------*/
body {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

/*--------- End of NeutronCSS ---------*/
/* main: ../main.scss*/
/* Helper: breakpoints
 --------------------------------------------- */
/* main: ../main.scss*/
/* Fonts
 --------------------------------------------- */
/* main: ../main.scss*/
/* Blue */
/* Red */
/* Grey */
/* Green */
/* Yellow */
/* Rosa */
/* White */
/* Black */
/* main: ../main.scss*/
/* Layout
--------------------------------------------- */
/* Mixin: layout template
--------------------------------------------- */
/* Mixin: grid - Use to add a grid based column to element
-------------------------------------------------------------- */
/* Grid Defaults */
/* Mixin: grid-spacing - Use to add gutters to grid columns
-------------------------------------------------------------- */
/* Functions: offset, width, height - Return the map value
-------------------------------------------------------------- */
/* main: ../main.scss*/
/* Helper: clearfix
 --------------------------------------------- */
/* main: ../main.scss*/
/* helpers: box model
 --------------------------------------------- */
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

/* main: ../main.scss*/
/* helpers: outline
 --------------------------------------------- */
* {
	outline: 0;
}

input::-moz-focus-inner {
	border: 0;
}

/* main: ../main.scss*/
/* helpers: Selection styles
 --------------------------------------------- */
::-moz-selection {
	background: #1f3662;
	color: #fff;
	text-shadow: none;
}

::selection {
	background: #1f3662;
	color: #fff;
	text-shadow: none;
}

/* main: ../main.scss*/
/* Helper: display-inline
 --------------------------------------------- */
/* main: ../main.scss*/
/* Helper: display-inline
 --------------------------------------------- */
/* main: ../main.scss*/
/* Helper: coverbackground
 --------------------------------------------- */
/* main: ../main.scss*/
/* Helper: clearfix
 --------------------------------------------- */
.visible, .isVisible {
	display: block;
	visibility: visible !important;
}

/* main: ../main.scss*/
/* Helper: clearfix
 --------------------------------------------- */
.invisible, .isInvisible {
	visibility: hidden;
	display: none;
	max-height: 0 !important;
}

.isInvisibleOnMobile {
	visibility: hidden;
	display: none;
	max-height: 0 !important;
}

@media (min-width: 48em) {
	.isInvisibleOnMobile {
		display: block;
		visibility: visible;
	}
}

.isVisibleFromLaptop {
	visibility: hidden;
	display: none;
	max-height: 0 !important;
}

@media (min-width: 48em) {
	.isVisibleFromLaptop {
		visibility: inherit;
	}
}

@media (min-width: 64em) {
	.isVisibleFromLaptop {
		visibility: inherit;
	}
}

@media (min-width: 70em) {
	.isVisibleFromLaptop {
		visibility: inherit;
	}
}

.isInvisibleFromTablet {
	visibility: inherit;
}

@media (min-width: 48em) {
	.isInvisibleFromTablet {
		visibility: hidden;
		display: none;
		max-height: 0 !important;
	}
}

@media (min-width: 64em) {
	.isInvisibleFromTablet {
		visibility: hidden;
		display: none;
		max-height: 0 !important;
	}
}

@media (min-width: 70em) {
	.isInvisibleFromTablet {
		visibility: hidden;
		display: none;
		max-height: 0 !important;
	}
}

/* main: ../main.scss*/
/* helpers: hyphens
 --------------------------------------------- */
/* main: ../../main.scss*/
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-moz-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);
	-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;
	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: 0;
}

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

/* main: ../../main.scss*/
/* Slider */
.slick-loading .slick-list {
	background: #fff url("../styles/libraries/slick/ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
	font-family: "slick";
	src: url("../styles/libraries/slick/fonts/slick.eot");
	src: url("../styles/libraries/slick/fonts/slick.eot?#iefix") format("embedded-opentype"), url("../styles/libraries/slick/fonts/slick.woff") format("woff"), url("../styles/libraries/slick/fonts/slick.ttf") format("truetype"), url("../styles/libraries/slick/fonts/slick.svg#slick") format("svg");
	font-weight: normal;
	font-style: normal;
}

/* 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%;
	margin-top: -10px;
	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: 0.75;
}

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

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

@media (min-width: 48em) {
	.slick-prev:before, .slick-next:before {
		font-size: 35px;
	}
}

.slick-prev {
	left: 10px;
	z-index: 99;
}

@media (min-width: 48em) {
	.slick-prev {
		left: -45px;
	}
}

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

.slick-prev:before {
	content: "←";
	background: url("../img/decoration/icons/icons_link_right.svg") no-repeat;
}

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

.slick-next {
	right: 25px;
	z-index: 99;
}

@media (min-width: 48em) {
	.slick-next {
		right: -35px;
	}
}

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

.slick-next:before {
	content: "→";
	background: url("../img/decoration/icons/icons_link_left.svg") no-repeat;
}

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

/* Dots */
.slick-dots {
	position: absolute;
	bottom: 15px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0;
	width: 100%;
	z-index: 100;
}

.slick-dots li {
	position: relative;
	display: inline-block;
	height: 20px;
	width: 20px;
	margin: 0 2px;
	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: 10px;
	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: 0.75;
}

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

.slick-dots li.slick-active button:before {
	color: #ffffff;
	opacity: 1;
}

/* delete */
/* main: ../main.scss*/
/* Widths and Heights
--------------------------------------------- */
body, html {
	height: 100%;
}

/* Fonts and line styles
 --------------------------------------------- */
html, body {
	/* Set the font family for all the elements in the page */
	font-family: "Crimson Text", serif;
	/* Sets the font weight for all the elements in the page */
	font-weight: 400;
	/* Defines the base font size and the base calculation size for em units. Why left at 16px? See: http://goo.gl/iSKO37 and http://goo.gl/fRGMCT */
	font-size: 16px;
}

body {
	background: #ffffff;
	color: #1f3662;
	margin-top: 80px;
}

@media (min-width: 64em) {
	body {
		margin-top: 105px;
	}
}

/* main: ../main.scss*/
.headercontainer {
	background: #ffffff;
	-webkit-box-shadow: 1px 3px 33px -5px rgba(153, 153, 153, 0.75);
	-moz-box-shadow: 1px 3px 33px -5px rgba(153, 153, 153, 0.75);
	box-shadow: 1px 3px 33px -5px rgba(153, 153, 153, 0.75);
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 100;
}

@media (min-width: 48em) {
	.headercontainer {
		position: fixed;
	}
}

header {
	display: table;
	width: 95%;
	margin: 0 auto;
}

@media (min-width: 48em) {
	header {
		width: 95%;
	}
}

header .figurehead {
	display: table-cell;
	vertical-align: middle;
	width: 200px;
}

@media (min-width: 64em) {
	header .figurehead {
		width: 245px;
	}
}

header .navigation {
	position: absolute;
	display: block;
	width: 100%;
	top: 80px;
	left: 0;
	z-index: 100;
	text-align: center;
	vertical-align: middle;
	padding-bottom: 0;
}

@media (min-width: 64em) {
	header .navigation {
		position: inherit;
		display: table-cell;
		width: auto;
		padding-bottom: 0;
		visibility: visible !important;
		height: auto !important;
	}
}

header .navtrigger {
	position: relative;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 55px;
	height: auto;
}

@media (min-width: 64em) {
	header .navtrigger {
		display: none;
	}
}

/* main: ../main.scss*/
section {
	width: 100%;
	margin: 0 auto;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}

section:before, section:after {
	content: " ";
	display: table;
}

section:after {
	clear: both;
}

section {
	*zoom: 1;
}

section:first-of-type {
	padding-top: 25px;
}

section.isWhite, section.weiss {
	background: #ffffff;
}

section.isBlue, section.blau {
	background: #1f3662;
	color: #ffffff;
}

section.isLightgrey, section.grau {
	background: #F4F6F8;
}

section.hasNoBorder {
	padding-top: 0 !important;
}

section.isOnTop {
	position: relative;
	z-index: 99;
}

/* main: ../main.scss*/
footer {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	color: #ffffff !important;
	width: 90%;
	padding-top: 25px;
	padding-bottom: 25px;
}

footer:after {
	content: "";
	display: table;
	clear: both;
}

footer > *:nth-child(1n+1) {
	width: calc(100% - 2% - 2% + 2% + 2%);
	float: left;
	margin: 2%;
	clear: left;
	margin-left: 0;
	margin-right: 0;
}

@media (min-width: 48em) {
	footer {
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	footer:after {
		content: "";
		display: table;
		clear: both;
	}
	footer > *:nth-child(5n+1) {
		width: calc(20% - 2% - 2% + 0.4% + 0.4%);
		float: left;
		margin: 2%;
		clear: left;
		margin-left: 0;
	}
	footer > *:nth-child(5n+2) {
		width: calc(20% - 2% - 2% + 0.4% + 0.4%);
		float: left;
		margin: 2%;
		clear: none;
	}
	footer > *:nth-child(5n+3) {
		width: calc(20% - 2% - 2% + 0.4% + 0.4%);
		float: left;
		margin: 2%;
		clear: none;
	}
	footer > *:nth-child(5n+4) {
		width: calc(20% - 2% - 2% + 0.4% + 0.4%);
		float: left;
		margin: 2%;
		clear: none;
	}
	footer > *:nth-child(5n+5) {
		width: calc(20% - 2% - 2% + 0.4% + 0.4%);
		float: left;
		margin: 2%;
		clear: none;
		margin-right: 0;
	}
}

footer li a {
	font-size: 1em;
}

@media (min-width: 48em) {
	footer li a {
		font-size: 0.8em;
	}
}

@media (min-width: 64em) {
	footer li a {
		font-size: 1em;
	}
}

footer li a:hover {
	color: #d51116;
}

.footer-label {
	font-family: "Fira Sans", sans-serif;
	font-size: 1em;
	font-weight: 700;
	line-height: 1.2em;
	padding-bottom: 10px;
}

@media (min-width: 48em) {
	.footer-label {
		font-size: 1em;
	}
}

.footer-bar {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background: #ffffff;
	border-bottom: 10px solid #d51116;
}

.footer-bar:after {
	content: "";
	display: table;
	clear: both;
}

.footer-bar > *:nth-child(1n+1) {
	width: calc(100%);
	float: left;
	clear: left;
	margin-left: 0;
	margin-right: 0;
}

.footer-bar-content {
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 5%;
	padding-right: 5%;
}

.footer-logo {
	display: inline-block;
	height: 50px;
	margin-top: 0;
	margin-bottom: 5px;
	margin-right: 0;
}

@media (min-width: 48em) {
	.footer-logo {
		margin-bottom: 0;
		margin-right: 25px;
	}
}

@media (min-width: 48em) {
	.footer-newsletter {
		width: 280px !important;
	}
}

/* main: ../main.scss*/
span a,
span a:active,
span a:visited,
span a:hover,
p a,
p a:active,
p a:visited,
p a:hover {
	text-decoration: none;
	color: #d51116;
}

a,
a[href^=tel] {
	color: inherit;
	text-decoration: none;
}

a[href^=mailto] {
	color: #1f3662;
	text-decoration: none;
}

.pfeil, .download {
	display: block;
	text-decoration: none;
	color: #d51116;
	margin-top: 0;
	margin-bottom: 0;
}

.pfeil:after, .download:after {
	display: inline-block;
	content: "";
	margin-top: 0;
	margin-bottom: -5px;
	margin-left: 10px;
	margin-right: 0;
	padding: 0;
	width: 20px;
	height: 20px;
	background: transparent url("../img/decoration/icons/icons_link_left.svg") no-repeat;
}

.download:after {
	background: transparent url("../img/decoration/icons/icons_download.svg") no-repeat;
}

/* main: ../main.scss*/
.navigation {
	display: table;
	font-family: "Fira Sans", sans-serif;
	background-color: #ffffff;
	border-bottom: 1px solid #8f9baf;
	width: 100%;
	padding-top: 0;
	padding-right: 0;
}

@media (min-width: 48em) {
	.navigation {
		display: block;
		border: 0;
		padding-right: 30px;
	}
}

@media (min-width: 64em) {
	.navigation {
		padding-top: 15px;
		padding-right: 0;
	}
}

.navigation-primary {
	display: table-header-group;
	background: #fff;
	border-bottom: 1px solid #d5d5d5;
	text-align: left;
}

@media (min-width: 48em) {
	.navigation-primary {
		display: block;
		border-bottom: 0;
		font-size: 0.7em;
		text-align: right;
	}
}

@media (min-width: 70em) {
	.navigation-primary {
		font-size: 0.8em;
	}
}

.navigation-secondary {
	display: table-footer-group;
	background-color: #fff;
	border-bottom: 1px solid #d5d5d5;
	color: rgba(31, 54, 98, 0.3);
	font-size: 0.9em;
	text-align: left;
}

@media (min-width: 48em) {
	.navigation-secondary {
		display: block;
		border-bottom: 0;
		font-size: 0.7em;
		text-align: right;
	}
}

@media (min-width: 70em) {
	.navigation-secondary {
		font-size: 0.8em;
	}
}

.navigation-secondary .navigation-list {
	margin-bottom: 15px;
	list-style: none;
}

@media (min-width: 48em) {
	.navigation-secondary .navigation-listitem a {
		padding-top: 15px;
		padding-bottom: 3px;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 6px;
		margin-left: 10px;
		margin-right: 0;
	}
}

.navigation-secondary img {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-bottom: -5px;
}

.navigation-list {
	position: relative !important;
}

.navigation-listitem {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 90vw;
}

@media (min-width: 48em) {
	.navigation-listitem {
		display: inline;
		width: auto;
	}
}

.navigation-listitem a {
	text-decoration: none;
	color: inherit;
	display: block;
	margin: 0;
	padding: 15px;
}

@media (min-width: 48em) {
	.navigation-listitem a {
		display: inline;
		padding-top: 15px;
		padding-bottom: 3px;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 12px;
		margin-left: 20px;
		margin-right: 0;
	}
}

@media (min-width: 64em) {
	.navigation-listitem a {
		margin-left: 20px;
	}
}

@media (min-width: 70em) {
	.navigation-listitem a {
		margin-left: 25px;
	}
}

.navigation-listitem a.hover, .navigation-listitem a:hover, .navigation-listitem a.active.hover, .navigation-listitem a.active:hover {
	background: #d51116;
	color: #ffffff;
}

@media (min-width: 48em) {
	.navigation-listitem a.hover, .navigation-listitem a:hover, .navigation-listitem a.active.hover, .navigation-listitem a.active:hover {
		background: transparent;
		color: #d51116;
		border-bottom: 2px solid #d51116;
	}
}

.navigation-listitem a.active {
	background: #1f3662;
	color: #ffffff;
}

@media (min-width: 48em) {
	.navigation-listitem a.active {
		background: transparent;
		color: #d51116;
		border-bottom: 2px solid #d51116;
	}
}

.subnavigation-list {
	list-style: none;
	text-align: left;
	white-space: nowrap;
	display: block;
	position: relative;
	zoom: 1;
	left: 0;
	top: 0;
	width: 100%;
	min-width: 100%;
	padding: 0;
	margin: 0;
}
.navigation-listitem:last-child .subnavigation-list {
    left: auto;
    right: -20px;
}
@media (min-width: 48em) {
	.subnavigation-list {
		position: absolute;
		top: 18px;
		left: 20px;
		width: auto;
		min-width: 180px;
		z-index: 99;
	}
}

@media (min-width: 70em) {
	.subnavigation-list {
		left: 25px;
	}
}

.subnavigation-list li {
	position: relative;
	display: block;
}

.subnavigation-list li a {
	display: block;
	background: #d1d8e1;
	color: #1f3662;
	font-weight: 300;
	margin: 0;
	padding: 10px 15px;
	border-top: 1px solid #ffffff;
}

@media (min-width: 48em) {
	.subnavigation-list li a {
		text-align: left;
		padding: 10px 15px;
		border-top: 1px solid #ffffff;
	}
}

.subnavigation-list li a.active, .subnavigation-list li a.active:hover, .subnavigation-list li a:hover {
	background: #1f3662;
	color: #ffffff;
	border-bottom: 0;
}

/* main: ../main.scss*/
.button, .feature-button, .cover-button {
	background-color: #F4F6F8;
	color: #1f3662;
	font-family: "Fira Sans", sans-serif;
	font-size: 1em;
	font-weight: 500;
	line-height: 1.4em;
	letter-spacing: 1px;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	margin-top: 30px;
	margin-bottom: 20px;
	margin-left: 2px;
	margin-right: 2px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 25px;
	padding-right: 25px;
	min-width: 200px;
	width: auto;
	cursor: pointer;
}

@media (min-width: 48em) {
	.button, .feature-button, .cover-button {
		font-size: 1.1em;
	}
}

.isLightgrey .button, .isLightgrey .feature-button, .isLightgrey .cover-button, .grau .button, .grau .feature-button, .grau .cover-button {
	background-color: #1f3662;
	color: #ffffff;
}

.isDeepblue .button, .isDeepblue .feature-button, .isDeepblue .cover-button, .blau .button, .blau .feature-button, .blau .cover-button {
	background-color: #ffffff;
	color: #1f3662;
}

/* main: ../main.scss*/
blockquote {
	display: block;
	font-size: 1.2em;
	font-style: italic;
	color: #8f9baf;
	padding: 0;
	margin: 25px 0;
	width: 100%;
}

@media (min-width: 48em) {
	blockquote {
		font-size: 1.5em;
		margin: 25px -10%;
		width: 120%;
	}
}

/* main: ../main.scss*/
.lines-button {
	background: transparent;
	border: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	outline: 0;
}

.lines-button .lines {
	position: absolute;
	display: block;
	right: 0;
}

.lines {
	background: #d51116;
	position: relative;
	display: inline-block;
	width: 2rem;
	height: 0.3rem;
	-webkit-transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
	transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

.lines:before, .lines:after {
	background: #d51116;
	content: '';
	position: absolute;
	display: inline-block;
	width: 2rem;
	height: 0.3rem;
	right: 0;
	-webkit-transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
	transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-transform-origin: 0.14285714rem center;
	-ms-transform-origin: 0.14285714rem center;
	transform-origin: 0.14285714rem center;
}

.lines:before {
	top: 0.55rem;
}

.lines:after {
	top: -0.55rem;
}

.lines-button.close {
	-webkit-transform: scale3d(0.8, 0.8, 0.8);
	transform: scale3d(0.8, 0.8, 0.8);
}

.lines-button.x.close .lines {
	background: transparent;
}

.lines-button.x.close .lines:before, .lines-button.x.close .lines:after {
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	top: 0;
	width: 2rem;
}

.lines-button.x.close .lines:before {
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
}

.lines-button.x.close .lines:after {
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
}

/* main: ../main.scss*/
em {
	font-weight: bold;
	font-style: normal;
	color: #1b9ad7;
}

/* main: ../main.scss*/
iframe.intern {
	display: block;
	width: 100%;
	height: 90%;
	min-height: 800px;
	margin-top: 25px;
}

/* main: ../main.scss*/
.image {
	display: block;
	padding: 0;
	margin: 25px 0;
	width: 100%;
}

@media (min-width: 48em) {
	.image {
		margin: 50px -10%;
		width: 120%;
			margin: 50px 0%;
			width: 100%;
		/* set aspect ratio for child image
        overflow: hidden;
        height: 200px;
        */
	}
}
@media (min-width: 90em) {
	.image {
		margin: 50px -10%;
		width: 120%;
			margin: 50px -5%;
			width: 110%;
		/* set aspect ratio for child image
        overflow: hidden;
        height: 200px;
        */
	}
	.image img.smalimg {
		margin: 50px -0%;
		width: 100%;
	}
}

.image img {
	display: block;
	width: 100%;
}

.images {
	display: block;
	padding: 0;
	margin: 25px 0;
	width: 100%;
}

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

.images:after {
	clear: both;
}

.images {
	*zoom: 1;
}

@media (min-width: 48em) {
	.images {
		margin-top: 50px;
		margin-bottom: 25px;
		margin-left: -10%;
		margin-right: -10%;
		width: 126%;
	}
}

.images a,
.images img {
	display: block;
	width: 100%;
}

.images img + img {
	padding-top: 25px;
}

.images a.zwei,
.images img.zwei {
	display: block;
	float: left;
	width: 100%;
	margin: 0 auto;
	padding-top: 0;
	padding-bottom: 25px;
	padding-left: 0;
	padding-right: 0;
}

@media (min-width: 48em) {
	.images a.zwei,
	.images img.zwei {
		width: 48%;
		padding-left: 1%;
		padding-right: 1%;
	}
}

.images a.drei,
.images img.drei {
	display: block;
	float: left;
	width: 100%;
	padding-top: 0;
	padding-bottom: 15px;
	padding-left: 0;
	padding-right: 0;
}

@media (min-width: 48em) {
	.images a.drei,
	.images img.drei {
		width: 32%;
		padding-bottom: 15px;
		padding-left: 1%;
		padding-right: 1%;
	}
}

.images a img.vier,
.images img.vier {
	display: block;
	float: left;
	width: 100%;
	padding-top: 0;
	padding-bottom: 15px;
	padding-left: 0;
	padding-right: 0;
}

@media (min-width: 48em) {
	.images a img.vier,
	.images img.vier {
		width: 23%;
		padding-bottom: 15px;
		padding-left: 1%;
		padding-right: 1%;
	}
}

.clickable {
	cursor: pointer;
	cursor: hand;
}

/* main: ../main.scss*/
/* Fonts families & Font styles
 --------------------------------------------- */
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-family: "Crimson Text", serif;
	text-decoration: none;
}

/* Margins, Paddings and Borders
 --------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

h1 {
	font-family: "Fira Sans", sans-serif;
	font-size: 1.6em;
	font-weight: 500;
	line-height: 1.3em;
	letter-spacing: 1px;
	padding-bottom: 10px;
	border-bottom: 2px solid #1f3662;
}

@media (min-width: 48em) {
	h1 {
		font-size: 2.2em;
	}
}

.isDeepblue h1, .blau h1 {
	border-bottom-color: #ffffff;
}

h2 {
	font-family: "Fira Sans", sans-serif;
	font-size: 1.4em;
	font-weight: 500;
	line-height: 1.4em;
	letter-spacing: 1px;
}

@media (min-width: 48em) {
	h2 {
		font-size: 1.6em;
	}
}

h3 {
	font-family: "Fira Sans", sans-serif;
	font-size: 1.2em;
	font-weight: 500;
	line-height: 1.4em;
	letter-spacing: 1px;
}

@media (min-width: 48em) {
	h3 {
		font-size: 1.2em;
	}
}

h4 {
	font-size: 1.4em;
	font-weight: 700;
	line-height: 1.4em;
	letter-spacing: 1px;
	color: #8f9baf;
}

@media (min-width: 48em) {
	h4 {
		font-size: 1.6em;
	}
}

h5 {
	font-size: 1.2em;
	font-weight: 700;
	line-height: 1.2em;
	padding-top: 20px;
	color: #8f9baf;
}

@media (min-width: 48em) {
	h5 {
		font-size: 1.2em;
	}
}

h6 {
	font-family: "Fira Sans", sans-serif;
	font-size: 1em;
	font-weight: 700;
	line-height: 1.2em;
	padding-bottom: 10px;
}

@media (min-width: 48em) {
	h6 {
		font-size: 1em;
	}
}

/* main: ../main.scss*/
hr {
	border: 0;
	height: 10px;
}

/* main: ../main.scss*/
p {
	display: block;
	font-weight: 400;
	line-height: 1.2em;
	margin-top: 1em;
	margin-bottom: 2em;
}

@media (min-width: 480px) {
	p {
		font-size: 1.1em;
		line-height: 1.5em;
	}
}

p.isMicro {
	font-size: 0.75em;
	font-weight: 300;
	line-height: 1.3em;
	margin: 0;
}

p.isWhite {
	color: #ffffff;
}

/* main: ../main.scss*/
ul, ol {
	font-size: 1em;
	font-weight: 400;
	line-height: 1.2em;
	margin-top: 0;
	padding-left: 20px;
}

@media (min-width: 48em) {
	ul, ol {
		font-size: 1.1em;
		line-height: 1.5em;
	}
}

/* main: ../main.scss*/
aside {
	position: absolute;
	display: block;
	text-decoration: none;
	padding-top: 75px;
	width: 150px;
	visibility: hidden;
	display: none;
}

@media (min-width: 60em) {
	aside {
		display: block;
		width: 165px;
		height: auto;
		visibility: visible;
	}
}

@media (min-width: 70em) {
	aside {
		display: block;
		width: 200px;
		height: auto;
		visibility: visible;
	}
}

@media (min-width: 80em) {
	aside {
		display: block;
		width: 250px;
		height: auto;
		visibility: visible;
	}
}

@media (min-width: 90em) {
	aside {
		width: 190px;
			width: 290px;
	}
}

aside ul {
	list-style-type: none;
}

aside .asite-item {
	font-family: "Fira Sans", sans-serif;
	font-size: 0.7em;
		font-size: 0.8em;
	text-align: right;
		text-align: left;
		//color: #8f9baf;
	line-height: 1.2em;
	padding-bottom: 10px;
		padding-left: 27px;
}

aside .asite-item:before {
	content: ">  ";
    	display: inline-block;
    	content: "";
    	margin-top: 0;
    	margin-bottom: -5px;
    	margin-left: -27px;
    	margin-right: 7px;
   		padding: 0;
    	width: 20px;
    	height: 20px;
    	background: transparent url("../img/decoration/icons/icons_link_left.svg") no-repeat;
}

aside .asite-item:hover {
	color: #d51116;
}

.aside--isSticky {
	overflow: visible;
	position: absolute;
	left: 0;
	top: 150%;
	padding: 0;
	margin: 0;
	height: 0;
	visibility: hidden;
	display: none;
	z-index: 100;
}

@media (min-width: 48em) {
	.aside--isSticky {
		display: block;
		float: right;
		width: 80px;
		height: 120px;
		visibility: visible;
	}
}

.aside--isSticky .stickybox-icon {
	display: block;
	width: 100%;
	height: 100%;
	height: auto;
}

/* main: ../main.scss*/
input[type="radio"], input[type="checkbox"] {
	display: none;
}

input[type="radio"] + label span, input[type="checkbox"] + label span {
	display: inline-block;
	width: 25px;
	height: 25px;
	margin: -5px 6px 5px 0;
	vertical-align: middle;
	background-image: url("../img/decoration/checkbox_unchecked.png");
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100% 100%;
	cursor: pointer;
}

input[type="radio"] + label span.isBlue, input[type="checkbox"] + label span.isBlue {
	background-image: url("../img/decoration/checkbox_unchecked_blue.png");
	color: #ffffff;
}

input[type="radio"]:checked + label span, input[type="checkbox"]:checked + label span {
	background-image: url("../img/decoration/checkbox_checked.png");
}

input[type="radio"]:checked + label span.isBlue, input[type="checkbox"]:checked + label span.isBlue {
	background-image: url("../img/decoration/checkbox_checked_blue.png");
}

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

input[type="file"] + label {
	line-height: 30px;
}

label {
	display: block;
	font-size: 1.1em;
	margin-top: 12px;
	margin-right: 20px;
}

form, fieldset {
	border: none;
}

.kontaktform .text-field, .kontaktform .text-field--blue, .kontaktform .text-area, .kontaktform .text-area--blue {
	background-color: #F4F6F8;
	margin-bottom: 5px;
}

.isLightgrey .kontaktform .text-field, .isLightgrey .kontaktform .text-field--blue, .isLightgrey .kontaktform .text-area, .isLightgrey .kontaktform .text-area--blue {
	background-color: #ffffff;
}

.kontaktform.hasMarginOnTop {
	margin-top: 50px;
}

.kontaktform .button, .kontaktform .feature-button, .kontaktform .cover-button {
	background-color: rgba(31, 54, 98, 0.3);
	color: #ffffff !important;
	float: right;
}

.kontaktform .formrow {
	display: flex;
	flex-wrap: wrap;
}

@media (min-width: 48em) {
	.kontaktform .formrow {
		flex-wrap: nowrap;
	}
}

.kontaktform .formrow .small {
	flex: 1 1 100%;
}

@media (min-width: 48em) {
	.kontaktform .formrow .small {
		flex: 0 1 33%;
	}
}

.kontaktform .formrow .medium {
	flex: 1 1 100%;
}

@media (min-width: 48em) {
	.kontaktform .formrow .medium {
		flex: 0 1 50%;
	}
}

.kontaktform .formrow .large {
	flex: 1 1 100%;
}

@media (min-width: 48em) {
	.kontaktform .formrow .large {
		flex: 0 1 66%;
	}
}

.kontaktform .formrow .full {
	flex: 1 1 100%;
}

@media (min-width: 48em) {
	.kontaktform .formrow .full {
		flex: 0 0 100%;
	}
}

.kontaktform .formrow > * {
	margin-left: 0;
	margin-right: 0;
}

@media (min-width: 48em) {
	.kontaktform .formrow > * {
		margin-left: 5px;
		margin-right: 5px;
	}
}

.kontaktform .formrow > *:first-child {
	margin-left: 0;
}

.kontaktform .formrow > *:last-child {
	margin-right: 0;
}

.kontaktform .formrow.isUpload {
	flex-wrap: wrap;
	justify-content: space-around;
	background-color: #1f3662;
	margin-top: 8px;
	margin-bottom: 8px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

.kontaktform .formrow.isUpload .small {
	flex: 1 1 100%;
}

@media (min-width: 48em) {
	.kontaktform .formrow.isUpload .small {
		flex: 0 1 46%;
	}
}

.kontaktform .formrow.isUpload > p {
	padding-top: 10px !important;
	margin-left: 5px;
}

@media (min-width: 48em) {
	.kontaktform .formrow.isUpload > p {
		margin-left: 8px;
	}
}

.kontaktform .formrow.isLogin {
	padding-top: 30px;
	padding-bottom: 30px;
}

.text-field, .text-field--blue, .text-area, .text-area--blue {
	background: #F4F6F8;
	color: #1f3662;
	font-size: 0.9em;
	border: 0;
	-webkit-border-radius: 0px;
	width: 100%;
	height: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 0 !important;
	margin-top: 5px;
	margin-bottom: 5px;
}

.text-field--blue {
	background: #e8f5fb;
}

.text-area, .text-area--blue {
	height: 152px;
	margin-bottom: 10px;
}

.text-area--blue {
	background: #e8f5fb;
}

.dropdown {
	background: #F4F6F8;
	color: #1f3662 !important;
	font-family: "Fira Sans", sans-serif;
	font-size: 1em;
	font-weight: 500;
	line-height: 1.4em;
	letter-spacing: 1px;
	text-decoration: none;
	text-align: left;
	border: 0;
	-webkit-border-radius: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url("../img/decoration/dropdown_background.png");
	background-position: right center;
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 0;
	margin-right: 2px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 25px;
	padding-right: 25px;
	min-width: 280px;
	width: 280px;
}

@media (min-width: 48em) {
	.dropdown {
		font-size: 1.1em;
		min-width: 300px;
		width: auto;
	}
}

.dropdown.isBlue {
	background-image: url("../img/decoration/dropdown_background_blue.png");
}

/* main: ../main.scss*/
.youtubes {
	display: block;
	width: 100%;
	padding: 0;
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left: 0;
	margin-right: 0;
}

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

.youtubes:after {
	clear: both;
}

.youtubes {
	*zoom: 1;
}

@media (min-width: 48em) {
	.youtubes {
		width: 126%;
		margin-top: 50px;
		margin-bottom: 25px;
		margin-left: -10%;
		margin-right: -10%;
	}
}

.youtubes .youtube,
.youtubes .youtube.ein,
.youtubes .youtube.eins {
	position: relative;
	display: block;
	width: 100%;
	height: 0;
	margin: 1% 0;
	padding-top: 0;
	padding-bottom: 52%;
	/* 16:9 */
	padding-left: 0;
	padding-right: 0;
}

@media (min-width: 48em) {
	.youtubes .youtube,
	.youtubes .youtube.ein,
	.youtubes .youtube.eins {
		display: inline-block;
		width: 94%;
		margin: 1% 1%;
		padding-left: 1%;
		padding-right: 1%;
	}
}

.youtubes .youtube.zwei {
	width: 100%;
}

@media (min-width: 48em) {
	.youtubes .youtube.zwei {
		width: 46%;
		padding-bottom: 25%;
		/* 16:9 */
	}
}

.youtubes .youtube.drei {
	width: 100%;
}

@media (min-width: 48em) {
	.youtubes .youtube.drei {
		width: 30%;
		padding-bottom: 16.5%;
		/* 16:9 */
	}
}

.youtubes .youtube.vier {
	width: 100%;
}

@media (min-width: 48em) {
	.youtubes .youtube.vier {
		width: 46%;
		padding-bottom: 25%;
		/* 16:9 */
	}
}

@media (min-width: 64em) {
	.youtubes .youtube.vier {
		width: 22%;
		padding-bottom: 12%;
		/* 16:9 */
	}
}

.youtubes iframe {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* main: ../main.scss*/
.article {
	text-align: left;
}

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

.article:after {
	clear: both;
}

.article {
	*zoom: 1;
}

.article {
	width: 90%;
	margin: 0 auto;
	padding-top: 25px;
	padding-bottom: 25px;
}

@media (min-width: 48em) {
	.article {
		width: 80%;
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

@media (min-width: 64em) {
	.article {
		width: 750px;
	}
}

.article h1, .article h2, .article h3 {
	margin-top: 50px;
}

.article h4 {
	margin-top: 25px;
}

.article h1:first-of-type {
	margin-top: 0;
}

.article li a,
.article li a:active,
.article li a:visited,
.article li a:hover {
	text-decoration: none;
	color: #d51116;
	white-space: nowrap;
}

.article p {
	clear: both;
	width: 100%;
	margin: 0 auto;
	padding-top: 20px;
}

.article h1 + ul, .article h2 + ul {
	padding-top: 20px;
}

.article .article-snipplet {
	display: block;
	margin-bottom: 10px;
}

@media (min-width: 48em) {
	.article .article-snipplet {
		margin-bottom: 0;
	}
}

.article .withouthTopBorder {
	margin-top: 0 !important;
}

.article--withouthTopBorder {
	padding-top: 0;
}

@media (min-width: 48em) {
	.article--withouthTopBorder {
		padding-top: 0;
	}
}

.article .position {
	color: #1b9ad7;
}

.article-column {
	float: none;
	width: 100%;
	margin-top: 25px;
}

@media (min-width: 48em) {
	.article-column {
		float: left;
		width: 50%;
		margin-top: 25px;
	}
}

.article-column .profile {
	display: block;
	width: 120px;
}

/* main: ../main.scss*/
.directory {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	width: 100%;
	height: auto;
}

@media (min-width: 64em) {
	.directory {
		flex-direction: row;
		height: 780px;
		min-height: 780px;
	}
}

.directory-map {
	flex: 1 1 100%;
	order: 1;
	height: 780px;
	min-height: 780px;
}

@media (min-width: 64em) {
	.directory-map {
		flex: 1 1 auto;
		order: 2;
		height: 780px;
		min-height: 780px;
	}
}

.directory-map .map {
	display: block;
	width: 100%;
	height: 100%;
}

.directory-dashboard {
	flex: 0 0 100%;
	order: 2;
}

@media (min-width: 64em) {
	.directory-dashboard {
		flex: 0 0 430px;
		order: 1;
	}
}

.directory-dashboard .directory-intro {
	padding-top: 30px;
	padding-bottom: 30px;
	padding-right: 3.1vw;
	padding-left: 3.1vw;
	margin: 0;
}

@media (min-width: 64em) {
	.directory-dashboard .directory-intro {
		padding-top: 30px;
		padding-bottom: 10px;
	}
}

.directory-dashboard .directory-intro {
	background-color: #1f3662;
	color: #ffffff;
}

.directory-dashboard .directory-intro .directory-title {
	position: relative;
	font-size: 1.8em;
	letter-spacing: 0;
	padding-bottom: 18px;
}

.directory-dashboard .directory-intro .directory-title::after {
	position: absolute;
	display: block;
	content: '';
	bottom: 0;
	width: 40%;
	left: 0;
	border-bottom: 2px solid #ffffff;
}

.directory-dashboard .directory-intro p {
	margin-bottom: 15px;
}

.directory-dashboard .directory-filter {
	padding-top: 30px;
	padding-bottom: 30px;
	padding-right: 3.1vw;
	padding-left: 3.1vw;
	margin: 0;
}

@media (min-width: 64em) {
	.directory-dashboard .directory-filter {
		padding-top: 30px;
		padding-bottom: 10px;
	}
}

.directory-dashboard .directory-selection {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	clear: both;
}

.directory-dashboard .directory-selection .directory-selection-options {
	flex: 1 1 auto;
}

/* main: ../main.scss*/
.downloads {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	margin-bottom: 40px;
}

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

.downloads > *:nth-child(1n+1) {
	width: calc(100%);
	float: left;
	clear: left;
	margin-left: 0;
	margin-right: 0;
}

.downloads .downloads-masthead {
	background-color: #8f9baf;
	padding-top: 15px;
	padding-bottom: 12px;
	padding-left: 20px;
	padding-right: 20px;
}

.downloads .downloads-masthead .downloads-masthead-title {
	color: #ffffff !important;
	margin: 0;
	padding: 0;
}

.downloads .download-item {
	background-color: #ffffff;
	border-bottom: 1px solid #8f9baf;
	padding: 10px 25px 10px 20px;
}

.downloads .download-item:hover {
	background-color: #e8f5fb;
}

.downloads .download-item:after {
	display: block;
	float: right;
	content: "";
	margin-top: 0;
	margin-bottom: -5px;
	margin-left: 10px;
	margin-right: 0;
	padding: 0;
	width: 20px;
	height: 20px;
	background: transparent url("../img/decoration/icons/icons_download.svg") no-repeat;
}

/* main: ../main.scss*/
.figurehead {
	height: 80px;
	margin: 0 auto;
	text-align: left;
}

@media (min-width: 64em) {
	.figurehead {
		height: 105px;
	}
}

.figurehead-logo {
	display: block;
	width: 180px;
	height: 54px;
}

@media (min-width: 64em) {
	.figurehead-logo {
		width: 245px;
		height: 74px;
	}
}

/* main: ../main.scss*/
.feature {
	background: #1f3662;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	color: #ffffff;
	display: table;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 48%;
	min-height: 250px;
}

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

.feature:after {
	clear: both;
}

.feature {
	*zoom: 1;
}

@media (min-width: 22em) {
	.feature {
		height: 300px;
	}
}

@media (min-width: 48em) {
	.feature {
		background-position: center center;
		height: 430px;
	}
}

@media (min-width: 90em) {
	.feature {
		height: 500px;
	}
}

@media (min-width: 105em) {
	.feature {
		height: 650px;
	}
}

.feature-content {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	margin: 0 auto;
	padding-top: 25px;
	padding-bottom: 25px;
	width: 90%;
	height: 100%;
}

@media (min-width: 48em) {
	.feature-content {
		padding-top: 50px;
		padding-bottom: 50px;
		width: 90%;
	}
}

.feature-title {
	font-weight: 800;
	border: 0;
}

@media (min-width: 48em) {
	.feature-title {
		width: auto;
		text-align: center;
	}
}

.feature-button {
	background: #1f3662;
	color: #ffffff !important;
}

/* main: ../main.scss*/
.explainer {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	background: #e8f5fb;
	width: 100%;
	padding: 25px;
	margin-top: 25px;
	margin-bottom: 25px;
}

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

.explainer > *:nth-child(2n+1) {
	width: calc(16.66667% - 8px - 8px + 4px + 4px);
	float: left;
	margin: 8px;
	clear: left;
	margin-left: 0;
}

.explainer > *:nth-child(2n+2) {
	width: calc(83.33333% - 8px - 8px + 4px + 4px);
	float: left;
	margin: 8px;
	clear: none;
	margin-right: 0;
}

.explainer .explainer-icon {
	display: block;
	margin: 0 auto;
	width: 35px;
	height: 35px;
}

@media (min-width: 48em) {
	.explainer .explainer-icon {
		width: 50px;
		height: 50px;
	}
}

.explainer .explainer-avatar {
	display: block;
	margin: 0 auto;
	width: 50px;
	height: 50px;
}

@media (min-width: 48em) {
	.explainer .explainer-avatar {
		width: 90px;
		height: 90px;
	}
}

.explainer p {
	margin: 0;
	padding: 0;
}

.explainer .position {
	color: #1b9ad7;
}

/* main: ../main.scss*/
/* main: ../main.scss*/
.callingcard {
	text-align: right;
}

.callingcard-label {
	font-size: 0.5em;
	font-weight: bold;
	line-height: 1.5em;
}

@media (min-width: 22em) {
	.callingcard-label {
		font-size: 0.6em;
	}
}

@media (min-width: 48em) {
	.callingcard-label {
		font-size: 0.7em;
	}
}

.callingcard-number {
	font-size: 0.6em;
	font-weight: bold;
	line-height: 0.8em;
}

@media (min-width: 22em) {
	.callingcard-number {
		font-size: 1em;
		line-height: 0.8em;
	}
}

@media (min-width: 48em) {
	.callingcard-number {
		font-size: 1.2em;
	}
}

/* main: ../main.scss*/
.columns {
	width: 100%;
}

@media (min-width: 48em) {
	.columns {
		margin: 50px -20%;
		width: 140%;
			margin: 50px -10%;
			width: 120%;
	}
}

.column {
	display: inline-block;
	text-align: center;
	width: 100%;
	margin-top: 25px;
	margin-bottom: 25px;
	vertical-align: top;
}

@media (min-width: 48em) {
	.column {
		width: 49.5%;
	}
}

@media (min-width: 64em) {
	.column {
		width: 24%;
	}
}

.column .column-image {
	display: block;
	width: 100px;
	margin: 0 auto;
	margin-bottom: 25px;
	-ms-interpolation-mode: bicubic;
}

.column .column-headline, .column .column-subheadline {
	display: block;
	font-weight: bold;
	line-height: 1.4em;
	text-align: center;
	margin: 0 auto;
	width: 80%;
}

@media (min-width: 64em) {
	.column .column-headline, .column .column-subheadline {
		width: 100%;
	}
}

.column .column-subheadline {
	color: #1b9ad7;
}

.column .column-description {
	display: block;
	width: 80%;
	margin: 0 auto;
	padding-top: 10px !important;
}

@media (min-width: 64em) {
	.column .column-description {
		width: 90%;
	}
}

.column a {
	min-width: 100px;
}

@media (min-width: 64em) {
	.column a {
		min-width: 100px;
	}
}

.column.eins, .column.eine, .column.eins, .column.ein {
	width: 100%;
}

.column.zwei {
	width: 100%;
}

@media (min-width: 48em) {
	.column.zwei {
		width: 50%;
	}
}

@media (min-width: 64em) {
	.column.zwei {
		width: 50%;
	}
}

.column.zwei:nth-of-type(2n + 1) {
	padding-left: 0;
}

@media (min-width: 48em) {
	.column.zwei:nth-of-type(2n + 1) {
		padding-left: 15%;
	}
}

.column.zwei:nth-of-type(2n) {
	padding-right: 0;
}

@media (min-width: 48em) {
	.column.zwei:nth-of-type(2n) {
		padding-right: 15%;
	}
}

.column.drei {
	width: 100%;
}

@media (min-width: 48em) {
	.column.drei {
		width: 33%;
	}
}

@media (min-width: 64em) {
	.column.drei {
		width: 33%;
	}
}

.column.profil .column-image {
	width: 140px;
	-ms-interpolation-mode: bicubic;
}

.column.praesident .column-image {
	width: 80%;
	-ms-interpolation-mode: bicubic;
}

@media (min-width: 48em) {
	.column.praesident .column-image {
		width: 70%;
	}
}

@media (min-width: 64em) {
	.column.praesident .column-image {
		width: 90%;
	}
}

/* main: ../main.scss*/
.card {
	display: inline-block;
	text-align: center;
	font-size: 0;
	/* removes the default margin for inline-blocks */
	width: 100%;
	margin-top: 25px;
	margin-bottom: 0;
	vertical-align: top;
}

@media (min-width: 30em) {
	.card {
		margin-top: 50px;
		margin-bottom: 25px;
		width: 32%;
	}
}

@media (min-width: 48em) {
	.card {
		width: 32.8%;
	}
}

.card .card-image {
	display: block;
	width: 99%;
	margin: 0 auto;
	margin-bottom: 0;
	-ms-interpolation-mode: bicubic;
}

@media (min-width: 48em) {
	.card .card-image {
		margin-bottom: 25px;
	}
}

.card.zwei {
	width: 100%;
}

@media (min-width: 30em) {
	.card.zwei {
		width: 49%;
	}
}

.card.vier {
	width: 100%;
}

@media (min-width: 30em) {
	.card.vier {
		width: 49%;
	}
}

@media (min-width: 64em) {
	.card.vier {
		width: 24.6%;
	}
}

/* main: ../main.scss*/
.hero {
	background-color: #F4F6F8;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	color: #ffffff;
	text-align: justify;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	display: table;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 48%;
	min-height: 250px;
}
.hero.home {
	background-color: #F4F6F8;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	color: #ffffff;
	text-align: justify;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	display: table;
	padding: 0;
	margin: 0;
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 1;
	min-height: 33.33333vw;
	height: 33.33333vw;
}

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

.hero:after {
	clear: both;
}

.hero {
	*zoom: 1;
}

@media (min-width: 22em) {
	.hero {
		height: 300px;
	}
}

@media (min-width: 48em) {
	.hero {
		background-position: top center;
		height: 460px;
	}
}

@media (min-width: 90em) {
	.hero {
		height: 500px;
	}
}

@media (min-width: 105em) {
	.hero {
		height: 650px;
	}
}

.hero--large {
	min-height: 250px;
}

@media (min-width: 22em) {
	.hero--large {
		height: 300px;
	}
}

@media (min-width: 48em) {
	.hero--large {
		background-position: top center;
		height: 660px;
	}
}

@media (min-width: 90em) {
	.hero--large {
		height: 700px;
	}
}

@media (min-width: 105em) {
	.hero--large {
		height: 850px;
	}
}

.hero-content {
	position: relative;
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	margin: 0 auto;
	padding-top: 25px;
	padding-bottom: 25px;
	width: 90%;
	height: 100%;
}

@media (min-width: 48em) {
	.hero-content {
		padding-top: 50px;
		padding-bottom: 50px;
		width: 90%;
	}
}

.hero-title {
	font-family: "Fira Sans", sans-serif;
	font-size: 2em;
	line-height: 1em;
	font-weight: 800;
	letter-spacing: 1px;
	background-color: rgba(31, 54, 98, 0.85);
	display: table;
	width: auto;
	padding-top: 15px;
	padding-bottom: 8px;
	padding-left: 30px;
	padding-right: 30px;
	margin-top: 10px;
}

@media (min-width: 48em) {
	.hero-title {
		font-size: 3.8em;
		line-height: 1.4em;
	}
}

.hero-counter {
	position: absolute;
	display: none;
	visibility: hidden;
	background-repeat: no-repeat;
	background-size: 100%;
	cursor: pointer;
	top: 130px;
	right: 50px;
	width: 170px;
	height: 190px;
	margin: 0 auto;
}

@media (min-width: 64em) {
	.hero-counter {
		display: block;
		visibility: visible;
	}
}

.hero-counter .hero-counter-number {
	display: block;
	font-family: "Fira Sans", sans-serif;
	font-size: 3.6em;
	font-weight: 700;
	letter-spacing: 2px;
	text-align: center;
	color: #d51116;
	margin-top: 17px;
	width: 100%;
}

.hero-counter .hero-counter-label {
	display: block;
	font-family: "Fira Sans", sans-serif;
	font-size: 1em;
	line-height: 1.3em;
	font-weight: 700;
	letter-spacing: 0;
	text-align: center;
	color: #1f3662;
	margin-top: -10px;
	width: 100%;
	hyphens: none;
}

/* hero teaser */
.hero .teaser150 {
	position:absolute; 
	width:120px; 
	height:202px; 
	width:198px; 
	height:198px; 
	overflow:hidden;
	bottom:22px; 
	bottom:-20px; 
	right:-10px; 
	z-index:1;
	border:0px solid #ff0000;
}
.hero .image150 {
	width:100%; 
	height:auto; 
}
.teaserHQB {
    position: absolute;
    width: 202px;
    height: auto;
    overflow: hidden;
    bottom: -4px;
    bottom: -46px;
    right: 200px;
    z-index: 1;
    border: 0px solid #ff0000;
}
.hero .imageHQB {
	width:100%; 
	height:auto; 
}

/* hero teaser home */

.hero.home .teaser150 {
	position:absolute; 
	width:120px; 
	height:202px; 
	width:198px; 
	height:198px; 
	overflow:hidden;
	bottom:22px; 
	bottom:20px; 
	right:calc(50% + 240px); 
	right:calc(50% + 20px); 
	z-index:1;
	border:0px solid #ff0000;
}
.hero.home .image150 {
	width:100%; 
	height:auto; 
}
.hero.home .teaserHQB {
    position: absolute;
    width: 202px;
    height: auto;
    overflow: hidden;
    bottom: -4px;
    bottom: 0px;
    right:calc(50% + 20px);
    z-index: 1;
    border: 0px solid #ff0000;
}
.hero.home .imageHQB {
	width:100%; 
	height:auto; 
}







@media (min-width: 64em) {
	.hero .teaser150 {
		bottom:32px; 
		bottom:-20px; 
	}
	.hero .teaserHQB {
		bottom:6px; 
		bottom:-46px; 
	}

}

@media (max-width: 762px) {
   .hero .teaser150 {
		width: 135px;
		height: auto;
		bottom: -26px;
		right: -10px;
   }
   .teaserHQB {
		width: 135px;
		height: auto;
		bottom: -37px;
		right: 130px;
   }
	.hero.home .teaser150 {
		width: 135px;
		height: auto;
   }
   .hero.home .teaserHQB {
		width: 135px;
		height: auto;
   }
   
}

@media (max-width: 1400px) {
	.hero.home .teaser150 {
		width: 13.5vw;
		height: 13.5vw; 
		top: 18.0vw;
		right: calc(50% + 15.0vw);
   }
   .hero.home .teaserHQB {
		width: 13.5vw;
		height: auto;
		top: 18.0vw;
		right: calc(50% + 1.0vw);
   }
   
}






@media (max-width: 480px) {
    .hero-content {
		vertical-align: top;
    }
   .hero-title {
		font-size: 1.7em;
		padding-left: 20px;
		padding-right: 20px;
    }
}


/* main: ../main.scss*/
.beg {
	background: #1f3662;
	width: 100%;
	height: calc(100vh - 80px);
	margin: 0;
	padding: 0;
	outline: 0;
}

@media (min-width: 48em) {
	.beg {
		height: calc(100vh - 105px);
	}
}

.beg-block {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	color: #ffffff;
	display: table;
	padding: 0;
	margin: 0;
	width: 100%;
	height: calc(100vh - 80px);
	outline: 0;
}

.beg-block:before, .beg-block:after {
	content: " ";
	display: table;
}

.beg-block:after {
	clear: both;
}

.beg-block {
	*zoom: 1;
}

@media (min-width: 48em) {
	.beg-block {
		height: calc(100vh - 105px);
	}
}

.beg-content {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	margin: 0 auto;
	padding-top: 25px;
	padding-bottom: 25px;
	width: 90%;
	height: 100%;
}

@media (min-width: 48em) {
	.beg-content {
		padding-top: 50px;
		padding-bottom: 50px;
		width: 60%;
	}
}

.beg-content > p {
	display: none;
}

.beg-title {
	font-family: "Fira Sans", sans-serif;
	font-size: 2em;
	font-weight: 800;
	line-height: 1em;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;
	border-bottom: 0;
	display: table;
	width: 100%;
}

@media (min-width: 48em) {
	.beg-title {
		font-size: 5em;
		line-height: 1.2em;
	}
}

.beg-subtitle {
	display: table;
	width: auto;
	display: none;
}

.beg-toggle {
	position: absolute;
	font-family: "Fira Sans", sans-serif;
	font-size: 1.3em;
	font-weight: 800;
	color: #ffffff;
	cursor: pointer;
	margin-top: 5%;
	top: 80px;
	right: 0;
	width: 170px;
	z-index: 1;
}

@media (min-width: 30em) {
	.beg-toggle {
		right: 5px;
	}
}

@media (min-width: 48em) {
	.beg-toggle {
		margin-top: 0;
		top: 50%;
		right: 25px;
	}
}

.beg-toggle img {
	float: right;
	width: 40px;
	margin-top: -20px;
}

/* Arrows */
.beg-prev,
.beg-next {
	position: absolute;
	display: block;
	height: 20px;
	width: 20px;
	line-height: 0px;
	font-size: 0px;
	cursor: pointer;
	background: transparent;
	color: transparent;
	margin-left: -10px;
	padding: 0;
	border: none;
	outline: none;
}

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

.beg-prev:hover:before, .beg-prev:focus:before,
.beg-next:hover:before,
.beg-next:focus:before {
	opacity: 0.75;
}

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

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

@media (min-width: 48em) {
	.beg-prev:before, .beg-next:before {
		font-size: 80px;
	}
}

.beg-prev {
	left: 50%;
	top: 25px;
	z-index: 50;
}

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

.beg-prev:before {
	content: "←";
	background: url("../img/decoration/icons/icons_arrow_up.svg") no-repeat;
}

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

.beg-next {
	left: 50%;
	bottom: 30px;
	bottom: 80px;
	z-index: 50;
}

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

.beg-next:before {
	content: "→";
	background: url("../img/decoration/icons/icons_arrow_down.svg") no-repeat;
}

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

.beg-dots {
	position: absolute;
	top: 50%;
	bottom: 0;
	left: 15px;
	list-style: none;
	padding: 0;
	width: 100px;
	z-index: 100;
	margin-top: -5%;
	display: none !important;
	visibility: hidden !important;
}

@media (min-width: 48em) {
	.beg-dots {
		display: block !important;
		visibility: visible !important;
	}
}

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

.beg-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;
}

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

.beg-dots li button:hover:before, .beg-dots li button:focus:before {
	opacity: 0.75;
}

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

.beg-dots li.slick-active button:before {
	color: #ffffff;
	opacity: 1;
}

/* main: ../main.scss*/
.history {
	background: #1f3662;
	width: 100%;
	height: calc(100vh - 80px);
	margin: 0;
	padding: 0;
}

@media (min-width: 48em) {
	.history {
		height: calc(100vh - 105px);
	}
}

.history-block {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	color: #ffffff;
	display: table;
	padding: 0;
	margin: 0;
	width: 100%;
	height: calc(100vh - 80px);
}

.history-block:before, .history-block:after {
	content: " ";
	display: table;
}

.history-block:after {
	clear: both;
}

.history-block {
	*zoom: 1;
}

@media (min-width: 48em) {
	.history-block {
		height: calc(100vh - 105px);
	}
}

.history-content {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	margin: 0 auto;
	padding-top: 25px;
	padding-bottom: 25px;
	width: 90%;
	height: 100%;
}

@media (min-width: 48em) {
	.history-content {
		padding-top: 50px;
		padding-bottom: 50px;
		width: 60%;
	}
}

.history-content > p {
	display: none;
}

.history-heading, .history-title {
	font-family: "Fira Sans", sans-serif;
	font-size: 2em;
	line-height: 1em;
	font-weight: 800;
	letter-spacing: 1px;
	border-bottom: 0;
	text-align: center;
	display: table;
	width: 100%;
}

@media (min-width: 48em) {
	.history-heading, .history-title {
		font-size: 5em;
		line-height: 1.2em;
	}
}

.history-title {
	text-align: left;
	opacity: 0.6;
	display: none;
}

.history-subtitle {
	display: table;
	width: auto;
	display: none;
}

.history-toggle {
	position: absolute;
	font-family: "Fira Sans", sans-serif;
	font-size: 0.7em;
	font-weight: 800;
	color: #ffffff;
	cursor: pointer;
	margin-top: 5%;
	top: 80px;
	right: 0;
	width: 130px;
	z-index: 1;
}

@media (min-width: 30em) {
	.history-toggle {
		right: 5px;
	}
}

@media (min-width: 48em) {
	.history-toggle {
		top: 50%;
		right: 25px;
	}
}

.history-toggle img {
	float: right;
	width: 25px;
	margin-top: -13px;
}

/* Arrows */
.history-prev,
.history-next {
	position: absolute;
	display: block;
	height: 20px;
	width: 20px;
	line-height: 0px;
	font-size: 0px;
	cursor: pointer;
	background: transparent;
	color: transparent;
	margin-left: -10px;
	padding: 0;
	border: none;
	outline: none;
}

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

.history-prev:hover:before, .history-prev:focus:before,
.history-next:hover:before,
.history-next:focus:before {
	opacity: 0.75;
}

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

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

@media (min-width: 48em) {
	.history-prev:before, .history-next:before {
		font-size: 30px;
	}
}

.history-prev {
	left: 50%;
	top: 25px;
	z-index: 50;
}

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

.history-prev:before {
	content: "←";
	background: url("../img/decoration/icons/icons_arrow_up.svg") no-repeat;
}

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

.history-next {
	left: 50%;
	bottom: 30px;
	z-index: 50;
}

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

.history-next:before {
	content: "→";
	background: url("../img/decoration/icons/icons_arrow_down.svg") no-repeat;
}

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

.history-dots {
	position: absolute;
	top: 50%;
	bottom: 0;
	left: 15px;
	list-style: none;
	padding: 0;
	width: 100px;
	z-index: 100;
	margin-top: -8%;
	display: none !important;
	visibility: none !important;
}

@media (min-width: 48em) {
	.history-dots {
		display: block !important;
		visibility: visible !important;
	}
}

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

.history-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;
}

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

.history-dots li button:hover:before, .history-dots li button:focus:before {
	opacity: 0.75;
}

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

.history-dots li.slick-active button:before {
	color: #ffffff;
	opacity: 1;
}

/* main: ../main.scss*/
.jobs:before, .jobs:after {
	content: " ";
	display: table;
}

.jobs:after {
	clear: both;
}

.jobs {
	*zoom: 1;
}

.jobs {
	width: 90%;
	margin: 0 auto;
	padding-top: 25px;
	padding-bottom: 25px;
}
h2.job-name {
	background: #1f3662; 
	color: #fff; 
	padding: 20px;;
}

@media (min-width: 48em) {
	.jobs {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

@media (min-width: 70em) {
	.jobs {
		width: 1000px;
	}
}

@media (min-width: 70em) {
	.jobs {
		margin-bottom: 50px;
	}
}

.job-dashboard {
	display: block;
	background-color: #1f3662;
	color: #ffffff;
	padding: 25px 25px;
}

.job-dashboard:before, .job-dashboard:after {
	content: " ";
	display: table;
}

.job-dashboard:after {
	clear: both;
}

.job-dashboard {
	*zoom: 1;
}

@media (min-width: 80em) {
	.job-dashboard {
		padding: 25px 45px;
	}
}

.job-dashboard .job-dashboard-selection {
	float: left;
	width: 100%;
}

@media (min-width: 48em) {
	.job-dashboard .job-dashboard-selection {
		width: 50%;
	}
}

.job-dashboard .job-dashboard-filter {
	float: left;
	font-size: 0.9rem;
	width: 100%;
}

@media (min-width: 30em) {
	.job-dashboard .job-dashboard-filter {
		width: 50%;
	}
}

@media (min-width: 48em) {
	.job-dashboard .job-dashboard-filter {
		width: 25%;
	}
}

@media (min-width: 64em) {
	.job-dashboard .job-dashboard-filter {
		font-size: 1rem;
	}
}

.job-dashboard .dropdown {
	min-width: auto;
	width: 90%;
	margin-top: 7px;
	margin-bottom: 25px;
}

@media (min-width: 48em) {
	.job-dashboard .dropdown {
		width: 90%;
		margin-bottom: 0;
	}
}

.job-items .job-item {
	background-image: url("../img/decoration/icons/icons_arrow_right_red.svg");
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 35px 35px;
	background-color: #ffffff;
	border-bottom: 1px solid #8f9baf;
	font-family: "Fira Sans", sans-serif;
	padding: 10px 0 10px 20px;
}

.job-items .job-item:before, .job-items .job-item:after {
	content: " ";
	display: table;
}

.job-items .job-item:after {
	clear: both;
}

.job-items .job-item {
	*zoom: 1;
}

@media (min-width: 70em) {
	.job-items .job-item {
		background-position: right 20px center;
	}
}

.job-items .job-item:hover {
	background-color: #e8f5fb;
}

.job-items .job-item .job-info {
	display: block;
	float: none;
	font-size: 0.8rem;
	line-height: 1.2rem;
	text-align: left;
	width: 100%;
	padding-right: 40px;
}

@media (min-width: 48em) {
	.job-items .job-item .job-info {
		float: left;
		text-align: right !important;
		width: 15%;
	}
}

.job-items .job-item .job-info .job-info-title,
.job-items .job-item .job-info .job-info-content {
	display: inline;
}

@media (min-width: 48em) {
	.job-items .job-item .job-info .job-info-title,
	.job-items .job-item .job-info .job-info-content {
		display: block;
	}
}

.job-items .job-item .job-description {
	display: table;
	float: left;
	font-size: 1.2rem;
	line-height: 1.2rem;
	text-align: left;
	width: 100%;
	height: 40px;
}

@media (min-width: 48em) {
	.job-items .job-item .job-description {
		float: left;
		width: 85%;
	}
}

.job-items .job-item .job-description a {
	display: table-cell;
	vertical-align: middle;
	padding-right: 40px;
}

@media (min-width: 70em) {
	.job-items .job-item .job-description a {
		padding-right: 45px;
	}
}

/* main: ../main.scss*/
.maps {
	border: none;
	pointer-events: none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 300px;
	padding: 0;
}

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

.maps:after {
	clear: both;
}

.maps {
	*zoom: 1;
}

@media (min-width: 48em) {
	.maps {
		height: 500px;
		pointer-events: auto;
	}
}

.maps iframe {
	width: 100%;
	height: 100%;
}

.marker-infobox {
	font-family: "Crimson Text", serif;
	background-color: #fff;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	width: 250px;
}

.marker-infobox p {
	line-height: 1rem;
	margin: 0;
	margin-bottom: 5px;
}

.marker-infobox a, .marker-infobox a:active, .marker-infobox a:visited {
	color: #d51116;
}

.marker-infobox a:hover {
	color: #1f3662;
}

.map-container {
	cursor: pointer;
	width: 100%;
	height: 300px;
	margin: 0;
	padding: 0;
}

@media (min-width: 70em) {
	.map-container {
		height: 500px;
	}
}

.map-container .google-map {
	border: 0;
	pointer-events: none;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

/* main: ../main.scss*/
.gallery {
	margin-top: 25px;
	margin-bottom: 25px;
}

@media (min-width: 48em) {
	.gallery {
		margin-top: 50px;
		margin-bottom: 50px;
	}
}

.gallery img {
	display: block;
	width: 100%;
}

/* main: ../main.scss*/
.mediaobject {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

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

.mediaobject > *:nth-child(1n+1) {
	width: calc(100%);
	float: left;
	clear: left;
	margin-left: 0;
	margin-right: 0;
}

@media (min-width: 480px) {
	.mediaobject {
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.mediaobject:after {
		content: "";
		display: table;
		clear: both;
	}
	.mediaobject > *:nth-child(1n+1) {
		width: calc(100% - 2% - 2% + 2% + 2%);
		float: left;
		margin: 2%;
		clear: left;
		margin-left: 0;
		margin-right: 0;
	}
}

@media (min-width: 768px) {
	.mediaobject {
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.mediaobject:after {
		content: "";
		display: table;
		clear: both;
	}
	.mediaobject > *:nth-child(2n+1) {
		width: calc(50% - 2% - 2% + 1% + 1%);
		float: left;
		margin: 2%;
		clear: left;
		margin-left: 0;
	}
	.mediaobject > *:nth-child(2n+2) {
		width: calc(50% - 2% - 2% + 1% + 1%);
		float: left;
		margin: 2%;
		clear: none;
		margin-right: 0;
	}
}

.mediaobject .mediaobject-title {
	margin-top: 20px;
}

@media (min-width: 768px) {
	.mediaobject .mediaobject-title {
		margin-top: 0;
	}
}

.mediaobject--narrow {
	margin-bottom: 35px !important;
}

.mediaobject--narrow > *, .mediaobject--narrow img {
	width: 100%;
}

@media (min-width: 48em) {
	.mediaobject--narrow h3 {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
}

.mediaobject {
	margin-top: 50px;
}

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

.mediaobject:after {
	clear: both;
}

.mediaobject {
	*zoom: 1;
}

@media (min-width: 48em) {
	.mediaobject {
		margin-top: 25px !important;
	}
}

.mediaobject-image {
	float: left;
	width: 31.33333%;
	margin-left: 1%;
	margin-right: 1%;
}

.mediaobject-text {
	float: left;
	width: 64.66667%;
	margin-left: 1%;
	margin-right: 1%;
	text-align: left;
	padding-left: 20px;
}

/* main: ../main.scss*/
.marquee {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: none;
	visibility: hidden;
}

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

.marquee > *:nth-child(1n+1) {
	width: calc(100%);
	float: left;
	clear: left;
	margin-left: 0;
	margin-right: 0;
}

@media (min-width: 64em) {
	.marquee {
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
		display: block;
		visibility: visible;
	}
	.marquee:after {
		content: "";
		display: table;
		clear: both;
	}
	.marquee > *:nth-child(3n+1) {
		width: calc(33.33333% - 5px - 5px + 1.66667px + 1.66667px);
		float: left;
		margin: 5px;
		clear: left;
		margin-left: 0;
	}
	.marquee > *:nth-child(3n+2) {
		width: calc(33.33333% - 5px - 5px + 1.66667px + 1.66667px);
		float: left;
		margin: 5px;
		clear: none;
	}
	.marquee > *:nth-child(3n+3) {
		width: calc(33.33333% - 5px - 5px + 1.66667px + 1.66667px);
		float: left;
		margin: 5px;
		clear: none;
		margin-right: 0;
	}
}

.marquee > div {
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 300px;
	margin-top: 0;
	margin-bottom: 25px;
}

@media (min-width: 64em) {
	.marquee > div {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
}

@media (min-width: 105em) {
	.marquee > div {
		height: 400px;
	}
}

.marquee-description {
	position: absolute;
	bottom: 0;
	background-color: #1f3662;
	opacity: 0.9;
	color: #ffffff;
	vertical-align: bottom;
	padding: 15px 23px;
	font-size: 1.4em;
	width: 100%;
	height: 85px;
}

.marquee-description:after {
	position: absolute;
	bottom: 14px;
	right: 14px;
	content: "";
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 0;
	padding: 0;
	width: 20px;
	height: 20px;
	background: transparent url("../img/decoration/icons/icons_arrow_right_white.svg") no-repeat;
}

/* delete */
/* main: ../main.scss*/
.newsletter {
	display: flex;
	background-color: #8C9CB2;
	color: #ffffff;
	font-family: "Fira Sans", sans-serif;
	justify-content: center;
	width: 100%;
	height: 45px;
	max-width: 100%;
	padding-left: 1.2rem;
	margin-top: 10px;
}

@media (min-width: 30em) {
	.newsletter {
		max-width: 280px;
	}
}

@media (min-width: 48em) {
	.newsletter {
		max-width: 100%;
	}
}

@media (min-width: 70em) {
	.newsletter {
		max-width: 100%;
	}
}

.newsletter .newsletter-field {
	flex: 2;
	border: 0;
	background-color: transparent;
}

.newsletter .newsletter-button {
	background-color: #ffffff;
	color: #1f3662;
	font-family: "Fira Sans", sans-serif;
	font-size: 1.1rem;
	font-weight: 600;
	text-align: center;
	line-height: 45px;
	height: 45px;
	width: 50px;
}

.newsletter .newsletter-button:hover {
	background-color: rgba(31, 54, 98, 0.85);
	color: #ffffff;
}

.newsletter ::-webkit-input-placeholder {
	color: #ffffff;
}

.newsletter :-moz-placeholder {
	/* Firefox 18- */
	color: #ffffff;
}

.newsletter ::-moz-placeholder {
	/* Firefox 19+ */
	color: #ffffff;
}

.newsletter :-ms-input-placeholder {
	color: #ffffff;
}

.isLoading {
	background-image: url("../img/helpers/icon_loading.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
}

.isOk {
	background-image: url("../img/helpers/icon_check.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 32px 32px;
}

.isWrong {
	background-color: #febabb;
	color: #d51116;
	-webkit-transition: background-color 1s;
	-moz-transition: background-color 1s;
	-o-transition: background-color 1s;
	transition: background-color 1s;
}

.isWrong .newsletter-button, .isWrong .newsletter-button:hover {
	background-color: #d51116;
}

/* main: ../main.scss*/
.quote {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	font-family: "Kalam", cursive;
	margin-top: 50px;
}

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

.quote > *:nth-child(1n+1) {
	width: calc(100%);
	float: left;
	clear: left;
	margin-left: 0;
	margin-right: 0;
}

@media (min-width: 48em) {
	.quote {
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 25px !important;
	}
	.quote:after {
		content: "";
		display: table;
		clear: both;
	}
	.quote > *:nth-child(2n+1) {
		width: calc(25% - 4% - 4% + 2% + 2%);
		float: left;
		margin: 4%;
		clear: left;
		margin-left: 0;
	}
	.quote > *:nth-child(2n+2) {
		width: calc(75% - 4% - 4% + 2% + 2%);
		float: left;
		margin: 4%;
		clear: none;
		margin-right: 0;
	}
}

.quote .quote-title, .quote .quote-autor {
	font-family: "Kalam", cursive;
	font-size: 1em;
	font-weight: 700;
	margin-top: 20px;
	margin-bottom: 15px;
}

@media (min-width: 48em) {
	.quote .quote-title, .quote .quote-autor {
		font-size: 1.2em;
		margin-top: 0;
	}
}

.quote .quote-image {
	display: block;
	width: 150px;
	margin: 0 auto;
	margin-bottom: 25px;
}

@media (min-width: 48em) {
	.quote .quote-image {
		width: 150px;
		margin-bottom: 0;
	}
}

.quote .quote-autor {
	color: #1b9ad7;
	font-weight: 400;
}

.quote p {
	padding-top: 0 !important;
	padding-bottom: 15px;
}

/* main: ../main.scss*/
.postits {
	width: 100%;
	margin-bottom: 0;
}

@media (min-width: 48em) {
	.postits {
		margin-top: 0;
		margin-bottom: 25px;
		margin-left: -20%;
		margin-right: -20%;
		width: 140%;
	}
}

.postit {
	font-family: "Kalam", cursive;
	width: 100%;
	margin-top: 19px;
	margin-left: 0.5%;
	margin-right: 0.5%;
	margin-bottom: 19px;
	padding-top: 35px;
	padding-bottom: 25px;
	padding-left: 25px;
	padding-right: 25px;
}

@media (min-width: 48em) {
	.postit {
		width: 46%;
	}
}

.postit .clip {
	position: absolute;
	display: block;
	top: -10px;
	right: 0;
	width: 60px;
}

.postit--rosa {
	background-color: #f8e8e8;
}

.postit--yellow {
	background-color: #fcf6e9;
}

.postit--blue {
	background-color: #e8f5fb;
}

/* main: ../main.scss*/
.search {
	position: static;
	display: flex;
	background-color: #1f3662;
	color: #8f9baf;
	justify-content: center;
	width: 100%;
	height: auto;
	padding: 15px;
	margin-bottom: 25px;
	z-index: 100;
}

@media (min-width: 48em) {
	.search {
		position: fixed;
		display: flex;
		top: 65px;
		right: 220px;
		width: 600px;
		height: auto;
		padding: 40px;
		margin-bottom: 0;
		z-index: 100;
	}
}

.search .search-field {
	flex: 5;
	border: 0;
	background-color: #ffffff;
	padding-left: 15px;
}

.search .search-button {
	flex: 2;
	background-color: #8f9baf;
	border: 0;
	color: #ffffff;
	font-weight: 400;
	text-align: center;
	line-height: 45px;
	height: 45px;
}

.search .search-button:hover {
	background-color: #d51116;
	border: 0;
	color: #ffffff;
}

/* main: ../main.scss*/
.teasers {
	display: flex;
	justify-content: flex-start;
	align-content: flex-start;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left: 0;
}

@media (min-width: 48em) {
	.teasers {
		width: 102%;
		margin-top: 50px;
		margin-bottom: 50px;
		margin-left: -1%;
	}
}

.teaser {
	flex: 0 1 100%;
	margin-bottom: 25px;
}

@media (min-width: 48em) {
	.teaser {
		flex: 1 1 100%;
		padding: 0 1%;
	}
}

.teaser.zwei {
	flex: 0 0 100%;
}

@media (min-width: 48em) {
	.teaser.zwei {
		flex: 0 1 50%;
		padding: 0 1%;
	}
}

.teaser.drei {
	flex: 1 1 100%;
}

@media (min-width: 48em) {
	.teaser.drei {
		flex: 0 1 33.3%;
		padding: 0 1.2%;
	}
}

.teaser.vier {
	flex: 1 1 100%;
}

@media (min-width: 48em) {
	.teaser.vier {
		flex: 0 1 50%;
		padding: 0 1%;
	}
}

@media (min-width: 64em) {
	.teaser.vier {
		flex: 0 1 25%;
	}
}

.teaser .teaser-image {
	display: block;
	width: 100%;
	-ms-interpolation-mode: bicubic;
}

.teaser .teaser-headline, .teaser .teaser-subheadline {
	display: block;
	font-weight: bold;
	line-height: 1.4em;
	text-align: center;
	margin: 0 auto;
	width: 80%;
}

@media (min-width: 64em) {
	.teaser .teaser-headline, .teaser .teaser-subheadline {
		width: 100%;
	}
}

.teaser .teaser-subheadline {
	color: #1b9ad7;
}

.teaser .teaser-description {
	display: block;
	width: 80%;
	margin: 0 auto;
	padding-top: 10px !important;
}

@media (min-width: 64em) {
	.teaser .teaser-description {
		width: 90%;
	}
}

.teaser a {
	min-width: 100px;
}

@media (min-width: 64em) {
	.teaser a {
		min-width: 100px;
	}
}

/* main: ../main.scss*/
/* Breakpoints
 *
 * Use this file for declaring styles on the fly
 * and trying out things. Once done, copy the
 * stills to its final destination.
 --------------------------------------------- */
/* Check if these are being used */
.empty {
	display: block;
	background-color: #1f3662;
	height: 100%;
	width: 100%;
}

.news {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}

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

.news > *:nth-child(1n+1) {
	width: calc(100% - 1% - 1% + 1% + 1%);
	float: left;
	margin: 1%;
	clear: left;
	margin-left: 0;
	margin-right: 0;
}

@media (min-width: 768px) {
	.news {
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.news:after {
		content: "";
		display: table;
		clear: both;
	}
	.news > *:nth-child(3n+1) {
		width: calc(33.33333% - 2% - 2% + 0.66667% + 0.66667%);
		float: left;
		margin: 2%;
		clear: left;
		margin-left: 0;
	}
	.news > *:nth-child(3n+2) {
		width: calc(33.33333% - 2% - 2% + 0.66667% + 0.66667%);
		float: left;
		margin: 2%;
		clear: none;
	}
	.news > *:nth-child(3n+3) {
		width: calc(33.33333% - 2% - 2% + 0.66667% + 0.66667%);
		float: left;
		margin: 2%;
		clear: none;
		margin-right: 0;
	}
}

.options {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 35px;
}

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

.options > *:nth-child(1n+1) {
	width: calc(100%);
	float: left;
	clear: left;
	margin-left: 0;
	margin-right: 0;
}

@media (min-width: 768px) {
	.options {
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.options:after {
		content: "";
		display: table;
		clear: both;
	}
	.options > *:nth-child(3n+1) {
		width: calc(33.33333% - 4px - 4px + 1.33333px + 1.33333px);
		float: left;
		margin: 4px;
		clear: left;
		margin-left: 0;
	}
	.options > *:nth-child(3n+2) {
		width: calc(33.33333% - 4px - 4px + 1.33333px + 1.33333px);
		float: left;
		margin: 4px;
		clear: none;
	}
	.options > *:nth-child(3n+3) {
		width: calc(33.33333% - 4px - 4px + 1.33333px + 1.33333px);
		float: left;
		margin: 4px;
		clear: none;
		margin-right: 0;
	}
}

/* cover */
.cover {
	background: #1f3662;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	color: #ffffff;
	display: table;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 48%;
	min-height: 400px;
}

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

.cover:after {
	clear: both;
}

.cover {
	*zoom: 1;
}

@media (min-width: 48em) {
	.cover {
		background-position: center center;
		height: 100%;
	}
}

.cover-content {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	margin: 0 auto;
	padding-top: 25px;
	padding-bottom: 25px;
	width: 90%;
	height: 100%;
}

@media (min-width: 48em) {
	.cover-content {
		padding-top: 50px;
		padding-bottom: 50px;
		width: 90%;
	}
}

.cover-title {
	font-weight: 800;
	border: 0;
}

@media (min-width: 48em) {
	.cover-title {
		width: auto;
		text-align: center;
	}
}

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