/*!
 * bsnwebsite - Letzter Build: 2021-09-02
 *
 *		\
 *		 \ji
 *		 /.(((
 *		(,/"(((__,--.
 *				) _( /{
 *			!|| " :|| 
 *			!||	 :|| 
 *			'''	 ''' 
 *
 * Hey you! Yes you! We should talk.
 * We're always searching for front- and backend unicorns: http://www.neuwaerts.de/jobs
 *
 * Unicorns: Felix Wahner <felix.wahner@neuwaerts.de>, Rolf Braase <rolf.braase@neuwaerts.de>, Pascal Franzke <pascal.franzke@neuwaerts.de>, Johannes Fischer-Happel<johannes.fischer-happel@neuwaerts.de>
 *
 * Copyright (c) 2021
 * All rights reserved! Created by neuwaerts GmbH: neue Wege gehen (http://www.neuwaerts.de)
**/

@charset "UTF-8";
/* CONFIG */
/*

Config
====
*/
/*

## Schrift

```
<p style="font-size: 16px;">Diese Schrifft hat die base-font-size</p>
```
*/
/*

SASS: Funktionen
====

Functions, immer cool und gut zu wissen

 */
/*

## EM und REM

Berechnet anhand der $base-font-size den EM oder rem wert

bei EM kann man jedoch auch als 2ten parameter eine ersetzt $base-font-size zum berechnen übergeben

```
<pre>
.klasse {
	font-size: em(16);
	font-size: em(16, 18);
	font-size: rem(16);
}
</pre>


```

*/
/*
## Layout
*/
/*

## Farben

```
<div class="dummy-block" style="background-color: #EA5E13;color: white;">orange</div>
<div class="dummy-block" style="background-color: #5390D0;color: white;">blue</div>
<div class="dummy-block" style="background-color: #DDE9F6;color: white;">lightblue</div>
<div class="dummy-block" style="background-color: #666666;color: white;">text</div>
<div class="dummy-block" style="background-color: #4D4D4D;color: white;">grey</div>
```
*/
/*

## Externe Farben

```
<div class="dummy-block" style="background-color: #00ACED;">Twitter</div>
<div class="dummy-block" style="background-color: #4C66A4;">facebook</div>
<div class="dummy-block" style="background-color: #DD4B39;">google+</div>
<div class="dummy-block" style="background-color: #006567;">xing</div>
<div class="dummy-block" style="background-color: #CC181E;">youtube</div>
```
*/
/*

## Foundation Media Query Breakpoints

```
<pre>
@media &#x23;{$small-up} {}		// > 0
@media &#x23;{$small-only} {} 	// 0 - 640

@media &#x23;{$medium-up} {} 	// > 640
@media &#x23;{$medium-only} {} 	// 641 - 1024

@media &#x23;{$large-up} {}		// > 1024
@media &#x23;{$large-only} {} 	// 1025 - 1280 

@media &#x23;{$xlarge-up} {} 	// > 1280
@media &#x23;{$xlarge-only} {} 	// 1281 - 1920

@media &#x23;{$xxlarge-up} {} 	// > 1920
@media &#x23;{$xxlarge-only} {}	// 1921 - ∞
</pre>
```
*/
/*

## Fonts
```
<pre>
$base-font: 'Open-Sans', 'Arial', 'Helvetica', sans-serif;
</pre>
```
*/
/*

SASS: Mixins
====

Mixins, etwas was der Perfekte Webdeveloper DJ beherscht

 */
/*

## Hover- und Focus-Styles

Shortcut um Hover- und Focus-Styles an einem Element zu definieren.

```
<pre>
a,
button {
	@include hover {
		text-decoration: underline;
	}
}

... wird zu ...

a:hover,
button:hover {
	text-decoration: underline;
}
</pre>
```

 */
/*

## Vertical Align

Vertical Algin einfach gemacht ;)

```
<pre>
@include vertical-align;
</pre>
```

 */
/*

## Select all input with text

```
<pre>
@include input-text {
	color: red;
}
</pre>
```

 */
/*

## Ellipsis

Fügt eine horizontale Ellipsis ans Textende.

```
<pre>
.selector {
	@include ellipsis;
}
</pre>
```

 */
/*

## Text visuell verbergen

Blendet Text aus, ohne die Zugänglchkeit für Screenreader zu unterminieren.

```
<pre>
.selector {
	@include hide-text;
}

.inline-block-selector {
	@include hide-text (inline-block);
}</pre>
```

 */
/*

## Mixin Media-Query

```
<pre>
.selector {
	@include mediaUp(1200px) {
		background-color: blue;
	}
}

.selector {
	@include mediaDown(1200px) {
		background-color: blue;
	}
}

.selector {
	@include mediaBetween(800px, 1200px) {
		background-color: blue;
	}
}
</pre>
```

 */
/*

Reset
====
html5doctor.com Reset Stylesheet
v1.6.1
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

blockquote, q {
  quotes: none; }

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

strong {
  font-weight: normal; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  margin: 0;
  vertical-align: middle; }

ul,
ol {
  list-style: none; }

i {
  font-style: normal; }

html {
  -webkit-text-size-adjust: none; }

button {
  background: none; }

/*

Icons
====

*/
/*

## Iconmoon


```
<div><span class="dummy-200">Close: </span><span class="icon icon--close"></span></div>
```

*/
.icon,
.fa {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .icon:before,
  .fa:before {
    display: inline-block; }

.icon-sport-athletics2:before {
  content: "\e924"; }

.icon-sport-paralympics:before {
  content: "\e925"; }

.icon-sport-soccertennis2:before {
  content: "\e926"; }

.icon-sport-waterpolo:before {
  content: "\e927"; }

.icon-button-x .path1:before {
  content: "\e900";
  color: black; }

.icon-button-x .path2:before {
  content: "\e901";
  margin-left: -1em;
  color: white; }

.icon-checkbox_off:before {
  content: "\e902"; }

.icon-checkbox_on:before {
  content: "\e903"; }

.icon-list-off:before {
  content: "\e904"; }

.icon-list-on:before {
  content: "\e905"; }

.icon-map-off:before {
  content: "\e906"; }

.icon-results:before {
  content: "\e907"; }

.icon-sport-athletics_standard:before {
  content: "\e908"; }

.icon-sport-bosseln:before {
  content: "\e909"; }

.icon-sport-bowling:before {
  content: "\e90a"; }

.icon-sport-cycling:before {
  content: "\e90b"; }

.icon-sport-fistball:before {
  content: "\e90c"; }

.icon-sport-goalball:before {
  content: "\e90d"; }

.icon-sport-gymnastics:before {
  content: "\e90e"; }

.icon-sport-hiking:before {
  content: "\e90f"; }

.icon-sport-hiphop:before {
  content: "\e910"; }

.icon-sport-judo:before {
  content: "\e911"; }

.icon-sport-motiongames:before {
  content: "\e912"; }

.icon-sport-ninepins:before {
  content: "\e913"; }

.icon-sport-nordicwalking:before {
  content: "\e914"; }

.icon-sport-prellball:before {
  content: "\e915"; }

.icon-sport-riding:before {
  content: "\e916"; }

.icon-sport-rolltorball:before {
  content: "\e917"; }

.icon-sport-sailing:before {
  content: "\e918"; }

.icon-sport-sitzball:before {
  content: "\e919"; }

.icon-sport-sitzvolleyball:before {
  content: "\e91a"; }

.icon-sport-sledgehockey2:before {
  content: "\e91b"; }

.icon-sport-soccer:before {
  content: "\e91c"; }

.icon-sport-soccertennis .path1:before {
  content: "\e91d";
  color: black; }

.icon-sport-soccertennis .path2:before {
  content: "\e91e";
  margin-left: -1em;
  color: white; }

.icon-sport-soccertennis .path3:before {
  content: "\e91f";
  margin-left: -1em;
  color: black; }

.icon-sport-soccertennis .path4:before {
  content: "\e920";
  margin-left: -1em;
  color: black; }

.icon-sport-volleyball:before {
  content: "\e921"; }

.icon-sport-watergymnastics:before {
  content: "\e922"; }

.icon-sport-zeitlupenball:before {
  content: "\e923"; }

.icon-video .path1:before {
  content: "\e92a";
  color: white; }

.icon-video .path2:before {
  content: "\e92b";
  margin-left: -1em;
  color: #5390d0; }

.icon-important:before {
  content: "\e60f"; }

.icon-facebook:before,
.fa-facebook:before {
  content: "\e60e"; }

.icon-information:before {
  content: "\e613"; }

.icon-arrowhead-up:before {
  content: "\e600"; }

.icon-close:before {
  content: "\e601"; }

.icon-list:before {
  content: "\e602"; }

.icon-play:before {
  content: "\e603"; }

.icon-arrowhead-left:before {
  content: "\e604"; }

.icon-arrowhead-right:before {
  content: "\e605"; }

.icon-arrow-right:before {
  content: "\e606"; }

.icon-arrowhead-down:before {
  content: "\e607"; }

.icon-calendar:before {
  content: "\e608"; }

.icon-contact:before {
  content: "\e609"; }

.icon-disability:before {
  content: "\e60a"; }

.icon-document:before {
  content: "\e60b"; }

.icon-download:before {
  content: "\e60c"; }

.icon-email:before,
.fa-envelope:before {
  content: "\e60d"; }

.icon-home:before {
  content: "\e610"; }

.icon-hook:before {
  content: "\e611"; }

.icon-hyperlink:before {
  content: "\e612"; }

.icon-map:before {
  content: "\e615"; }

.icon-news:before {
  content: "\e616"; }

.icon-search:before {
  content: "\e617"; }

.icon-selection:before {
  content: "\e618"; }

.icon-sport:before {
  content: "\e619"; }

.icon-sport-archery:before {
  content: "\e61a"; }

.icon-sport-athletics:before {
  content: "\e61b"; }

.icon-sport-badminton:before {
  content: "\e61c"; }

.icon-sport-basketball:before {
  content: "\e61d"; }

.icon-sport-boccia:before {
  content: "\e61e"; }

.icon-sport-canoe:before {
  content: "\e61f"; }

.icon-sport-childrenandyouth:before {
  content: "\e620"; }

.icon-sport-curling:before {
  content: "\e621"; }

.icon-sport-dancing:before {
  content: "\e622"; }

.icon-sport-fencing:before {
  content: "\e623"; }

.icon-sport-handbike:before {
  content: "\e624"; }

.icon-sport-kart:before {
  content: "\e625"; }

.icon-sport-masssports:before {
  content: "\e626"; }

.icon-sport-rowing:before {
  content: "\e627"; }

.icon-sport-rugby:before {
  content: "\e628"; }

.icon-sport-scubadive:before {
  content: "\e629"; }

.icon-sport-shooting:before {
  content: "\e62a"; }

.icon-sport-sledgehockey:before {
  content: "\e62b"; }

.icon-sport-swimming:before {
  content: "\e62c"; }

.icon-sport-tabletennis:before {
  content: "\e62d"; }

.icon-sport-tennis:before {
  content: "\e62e"; }

.icon-sport-waterski:before {
  content: "\e62f"; }

.icon-sport-wheelchairhockey:before {
  content: "\e630"; }

.icon-sport-wightlifting:before {
  content: "\e631"; }

.icon-sport-wintersports:before {
  content: "\e632"; }

.icon-twitter:before,
.fa-twitter:before {
  content: "\e633"; }

/*
	Foundation Global Classes
	No Zänks. We do our own resets and normalizations
*/
meta.foundation-version {
  font-family: "/5.5.3/"; }

meta.foundation-mq-small {
  font-family: "/only screen/";
  width: 0; }

meta.foundation-mq-small-only {
  font-family: "/only screen and (max-width: 40em)/";
  width: 0; }

meta.foundation-mq-medium {
  font-family: "/only screen and (min-width:40.0625em)/";
  width: 40.0625em; }

meta.foundation-mq-medium-only {
  font-family: "/only screen and (min-width:40.0625em) and (max-width:64em)/";
  width: 40.0625em; }

meta.foundation-mq-large {
  font-family: "/only screen and (min-width:64.0625em)/";
  width: 64.0625em; }

meta.foundation-mq-large-only {
  font-family: "/only screen and (min-width:64.0625em) and (max-width:80em)/";
  width: 64.0625em; }

meta.foundation-mq-xlarge {
  font-family: "/only screen and (min-width:80.0625em)/";
  width: 80.0625em; }

meta.foundation-mq-xlarge-only {
  font-family: "/only screen and (min-width:80.0625em) and (max-width:120em)/";
  width: 80.0625em; }

meta.foundation-mq-xxlarge {
  font-family: "/only screen and (min-width:120.0625em)/";
  width: 120.0625em; }

meta.foundation-data-attribute-namespace {
  font-family: false; }

.row {
  margin: 0 auto;
  max-width: 75rem;
  width: 100%; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }
  .row.collapse > .column,
  .row.collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row .row {
    margin: 0 -0.625rem;
    max-width: none;
    width: auto; }
    .row .row:before, .row .row:after {
      content: " ";
      display: table; }
    .row .row:after {
      clear: both; }
    .row .row.collapse {
      margin: 0;
      max-width: none;
      width: auto; }
      .row .row.collapse:before, .row .row.collapse:after {
        content: " ";
        display: table; }
      .row .row.collapse:after {
        clear: both; }

.column,
.columns {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 100%;
  float: left; }

.column + .column:last-child,
.columns + .column:last-child, .column +
.columns:last-child,
.columns +
.columns:last-child {
  float: right; }

.column + .column.end,
.columns + .column.end, .column +
.columns.end,
.columns +
.columns.end {
  float: left; }

@media only screen {
  .small-push-0 {
    position: relative;
    left: 0;
    right: auto; }
  .small-pull-0 {
    position: relative;
    right: 0;
    left: auto; }
  .small-push-1 {
    position: relative;
    left: 8.333333%;
    right: auto; }
  .small-pull-1 {
    position: relative;
    right: 8.333333%;
    left: auto; }
  .small-push-2 {
    position: relative;
    left: 16.666667%;
    right: auto; }
  .small-pull-2 {
    position: relative;
    right: 16.666667%;
    left: auto; }
  .small-push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .small-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .small-push-4 {
    position: relative;
    left: 33.333333%;
    right: auto; }
  .small-pull-4 {
    position: relative;
    right: 33.333333%;
    left: auto; }
  .small-push-5 {
    position: relative;
    left: 41.666667%;
    right: auto; }
  .small-pull-5 {
    position: relative;
    right: 41.666667%;
    left: auto; }
  .small-push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .small-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .small-push-7 {
    position: relative;
    left: 58.333333%;
    right: auto; }
  .small-pull-7 {
    position: relative;
    right: 58.333333%;
    left: auto; }
  .small-push-8 {
    position: relative;
    left: 66.666667%;
    right: auto; }
  .small-pull-8 {
    position: relative;
    right: 66.666667%;
    left: auto; }
  .small-push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .small-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .small-push-10 {
    position: relative;
    left: 83.333333%;
    right: auto; }
  .small-pull-10 {
    position: relative;
    right: 83.333333%;
    left: auto; }
  .small-push-11 {
    position: relative;
    left: 91.666667%;
    right: auto; }
  .small-pull-11 {
    position: relative;
    right: 91.666667%;
    left: auto; }
  .column,
  .columns {
    position: relative;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    float: left; }
  .small-1 {
    width: 8.333333%; }
  .small-2 {
    width: 16.666667%; }
  .small-3 {
    width: 25%; }
  .small-4 {
    width: 33.333333%; }
  .small-5 {
    width: 41.666667%; }
  .small-6 {
    width: 50%; }
  .small-7 {
    width: 58.333333%; }
  .small-8 {
    width: 66.666667%; }
  .small-9 {
    width: 75%; }
  .small-10 {
    width: 83.333333%; }
  .small-11 {
    width: 91.666667%; }
  .small-12 {
    width: 100%; }
  .small-offset-0 {
    margin-left: 0 !important; }
  .small-offset-1 {
    margin-left: 8.333333% !important; }
  .small-offset-2 {
    margin-left: 16.666667% !important; }
  .small-offset-3 {
    margin-left: 25% !important; }
  .small-offset-4 {
    margin-left: 33.333333% !important; }
  .small-offset-5 {
    margin-left: 41.666667% !important; }
  .small-offset-6 {
    margin-left: 50% !important; }
  .small-offset-7 {
    margin-left: 58.333333% !important; }
  .small-offset-8 {
    margin-left: 66.666667% !important; }
  .small-offset-9 {
    margin-left: 75% !important; }
  .small-offset-10 {
    margin-left: 83.333333% !important; }
  .small-offset-11 {
    margin-left: 91.666667% !important; }
  .small-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto; }
  .column.small-centered,
  .columns.small-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .column.small-uncentered,
  .columns.small-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .column.small-centered:last-child,
  .columns.small-centered:last-child {
    float: none; }
  .column.small-uncentered:last-child,
  .columns.small-uncentered:last-child {
    float: left; }
  .column.small-uncentered.opposite,
  .columns.small-uncentered.opposite {
    float: right; }
  .row.small-collapse > .column,
  .row.small-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.small-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row.small-uncollapse > .column,
  .row.small-uncollapse > .columns {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    float: left; } }

@media only screen and (min-width: 40.0625em) {
  .medium-push-0 {
    position: relative;
    left: 0;
    right: auto; }
  .medium-pull-0 {
    position: relative;
    right: 0;
    left: auto; }
  .medium-push-1 {
    position: relative;
    left: 8.333333%;
    right: auto; }
  .medium-pull-1 {
    position: relative;
    right: 8.333333%;
    left: auto; }
  .medium-push-2 {
    position: relative;
    left: 16.666667%;
    right: auto; }
  .medium-pull-2 {
    position: relative;
    right: 16.666667%;
    left: auto; }
  .medium-push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .medium-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .medium-push-4 {
    position: relative;
    left: 33.333333%;
    right: auto; }
  .medium-pull-4 {
    position: relative;
    right: 33.333333%;
    left: auto; }
  .medium-push-5 {
    position: relative;
    left: 41.666667%;
    right: auto; }
  .medium-pull-5 {
    position: relative;
    right: 41.666667%;
    left: auto; }
  .medium-push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .medium-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .medium-push-7 {
    position: relative;
    left: 58.333333%;
    right: auto; }
  .medium-pull-7 {
    position: relative;
    right: 58.333333%;
    left: auto; }
  .medium-push-8 {
    position: relative;
    left: 66.666667%;
    right: auto; }
  .medium-pull-8 {
    position: relative;
    right: 66.666667%;
    left: auto; }
  .medium-push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .medium-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .medium-push-10 {
    position: relative;
    left: 83.333333%;
    right: auto; }
  .medium-pull-10 {
    position: relative;
    right: 83.333333%;
    left: auto; }
  .medium-push-11 {
    position: relative;
    left: 91.666667%;
    right: auto; }
  .medium-pull-11 {
    position: relative;
    right: 91.666667%;
    left: auto; }
  .column,
  .columns {
    position: relative;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    float: left; }
  .medium-1 {
    width: 8.333333%; }
  .medium-2 {
    width: 16.666667%; }
  .medium-3 {
    width: 25%; }
  .medium-4 {
    width: 33.333333%; }
  .medium-5 {
    width: 41.666667%; }
  .medium-6 {
    width: 50%; }
  .medium-7 {
    width: 58.333333%; }
  .medium-8 {
    width: 66.666667%; }
  .medium-9 {
    width: 75%; }
  .medium-10 {
    width: 83.333333%; }
  .medium-11 {
    width: 91.666667%; }
  .medium-12 {
    width: 100%; }
  .medium-offset-0 {
    margin-left: 0 !important; }
  .medium-offset-1 {
    margin-left: 8.333333% !important; }
  .medium-offset-2 {
    margin-left: 16.666667% !important; }
  .medium-offset-3 {
    margin-left: 25% !important; }
  .medium-offset-4 {
    margin-left: 33.333333% !important; }
  .medium-offset-5 {
    margin-left: 41.666667% !important; }
  .medium-offset-6 {
    margin-left: 50% !important; }
  .medium-offset-7 {
    margin-left: 58.333333% !important; }
  .medium-offset-8 {
    margin-left: 66.666667% !important; }
  .medium-offset-9 {
    margin-left: 75% !important; }
  .medium-offset-10 {
    margin-left: 83.333333% !important; }
  .medium-offset-11 {
    margin-left: 91.666667% !important; }
  .medium-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto; }
  .column.medium-centered,
  .columns.medium-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .column.medium-uncentered,
  .columns.medium-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .column.medium-centered:last-child,
  .columns.medium-centered:last-child {
    float: none; }
  .column.medium-uncentered:last-child,
  .columns.medium-uncentered:last-child {
    float: left; }
  .column.medium-uncentered.opposite,
  .columns.medium-uncentered.opposite {
    float: right; }
  .row.medium-collapse > .column,
  .row.medium-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.medium-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row.medium-uncollapse > .column,
  .row.medium-uncollapse > .columns {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    float: left; }
  .push-0 {
    position: relative;
    left: 0;
    right: auto; }
  .pull-0 {
    position: relative;
    right: 0;
    left: auto; }
  .push-1 {
    position: relative;
    left: 8.333333%;
    right: auto; }
  .pull-1 {
    position: relative;
    right: 8.333333%;
    left: auto; }
  .push-2 {
    position: relative;
    left: 16.666667%;
    right: auto; }
  .pull-2 {
    position: relative;
    right: 16.666667%;
    left: auto; }
  .push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .push-4 {
    position: relative;
    left: 33.333333%;
    right: auto; }
  .pull-4 {
    position: relative;
    right: 33.333333%;
    left: auto; }
  .push-5 {
    position: relative;
    left: 41.666667%;
    right: auto; }
  .pull-5 {
    position: relative;
    right: 41.666667%;
    left: auto; }
  .push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .push-7 {
    position: relative;
    left: 58.333333%;
    right: auto; }
  .pull-7 {
    position: relative;
    right: 58.333333%;
    left: auto; }
  .push-8 {
    position: relative;
    left: 66.666667%;
    right: auto; }
  .pull-8 {
    position: relative;
    right: 66.666667%;
    left: auto; }
  .push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .push-10 {
    position: relative;
    left: 83.333333%;
    right: auto; }
  .pull-10 {
    position: relative;
    right: 83.333333%;
    left: auto; }
  .push-11 {
    position: relative;
    left: 91.666667%;
    right: auto; }
  .pull-11 {
    position: relative;
    right: 91.666667%;
    left: auto; } }

@media only screen and (min-width: 64.0625em) {
  .large-push-0 {
    position: relative;
    left: 0;
    right: auto; }
  .large-pull-0 {
    position: relative;
    right: 0;
    left: auto; }
  .large-push-1 {
    position: relative;
    left: 8.333333%;
    right: auto; }
  .large-pull-1 {
    position: relative;
    right: 8.333333%;
    left: auto; }
  .large-push-2 {
    position: relative;
    left: 16.666667%;
    right: auto; }
  .large-pull-2 {
    position: relative;
    right: 16.666667%;
    left: auto; }
  .large-push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .large-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .large-push-4 {
    position: relative;
    left: 33.333333%;
    right: auto; }
  .large-pull-4 {
    position: relative;
    right: 33.333333%;
    left: auto; }
  .large-push-5 {
    position: relative;
    left: 41.666667%;
    right: auto; }
  .large-pull-5 {
    position: relative;
    right: 41.666667%;
    left: auto; }
  .large-push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .large-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .large-push-7 {
    position: relative;
    left: 58.333333%;
    right: auto; }
  .large-pull-7 {
    position: relative;
    right: 58.333333%;
    left: auto; }
  .large-push-8 {
    position: relative;
    left: 66.666667%;
    right: auto; }
  .large-pull-8 {
    position: relative;
    right: 66.666667%;
    left: auto; }
  .large-push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .large-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .large-push-10 {
    position: relative;
    left: 83.333333%;
    right: auto; }
  .large-pull-10 {
    position: relative;
    right: 83.333333%;
    left: auto; }
  .large-push-11 {
    position: relative;
    left: 91.666667%;
    right: auto; }
  .large-pull-11 {
    position: relative;
    right: 91.666667%;
    left: auto; }
  .column,
  .columns {
    position: relative;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    float: left; }
  .large-1 {
    width: 8.333333%; }
  .large-2 {
    width: 16.666667%; }
  .large-3 {
    width: 25%; }
  .large-4 {
    width: 33.333333%; }
  .large-5 {
    width: 41.666667%; }
  .large-6 {
    width: 50%; }
  .large-7 {
    width: 58.333333%; }
  .large-8 {
    width: 66.666667%; }
  .large-9 {
    width: 75%; }
  .large-10 {
    width: 83.333333%; }
  .large-11 {
    width: 91.666667%; }
  .large-12 {
    width: 100%; }
  .large-offset-0 {
    margin-left: 0 !important; }
  .large-offset-1 {
    margin-left: 8.333333% !important; }
  .large-offset-2 {
    margin-left: 16.666667% !important; }
  .large-offset-3 {
    margin-left: 25% !important; }
  .large-offset-4 {
    margin-left: 33.333333% !important; }
  .large-offset-5 {
    margin-left: 41.666667% !important; }
  .large-offset-6 {
    margin-left: 50% !important; }
  .large-offset-7 {
    margin-left: 58.333333% !important; }
  .large-offset-8 {
    margin-left: 66.666667% !important; }
  .large-offset-9 {
    margin-left: 75% !important; }
  .large-offset-10 {
    margin-left: 83.333333% !important; }
  .large-offset-11 {
    margin-left: 91.666667% !important; }
  .large-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto; }
  .column.large-centered,
  .columns.large-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .column.large-uncentered,
  .columns.large-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .column.large-centered:last-child,
  .columns.large-centered:last-child {
    float: none; }
  .column.large-uncentered:last-child,
  .columns.large-uncentered:last-child {
    float: left; }
  .column.large-uncentered.opposite,
  .columns.large-uncentered.opposite {
    float: right; }
  .row.large-collapse > .column,
  .row.large-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.large-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row.large-uncollapse > .column,
  .row.large-uncollapse > .columns {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    float: left; }
  .push-0 {
    position: relative;
    left: 0;
    right: auto; }
  .pull-0 {
    position: relative;
    right: 0;
    left: auto; }
  .push-1 {
    position: relative;
    left: 8.333333%;
    right: auto; }
  .pull-1 {
    position: relative;
    right: 8.333333%;
    left: auto; }
  .push-2 {
    position: relative;
    left: 16.666667%;
    right: auto; }
  .pull-2 {
    position: relative;
    right: 16.666667%;
    left: auto; }
  .push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .push-4 {
    position: relative;
    left: 33.333333%;
    right: auto; }
  .pull-4 {
    position: relative;
    right: 33.333333%;
    left: auto; }
  .push-5 {
    position: relative;
    left: 41.666667%;
    right: auto; }
  .pull-5 {
    position: relative;
    right: 41.666667%;
    left: auto; }
  .push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .push-7 {
    position: relative;
    left: 58.333333%;
    right: auto; }
  .pull-7 {
    position: relative;
    right: 58.333333%;
    left: auto; }
  .push-8 {
    position: relative;
    left: 66.666667%;
    right: auto; }
  .pull-8 {
    position: relative;
    right: 66.666667%;
    left: auto; }
  .push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .push-10 {
    position: relative;
    left: 83.333333%;
    right: auto; }
  .pull-10 {
    position: relative;
    right: 83.333333%;
    left: auto; }
  .push-11 {
    position: relative;
    left: 91.666667%;
    right: auto; }
  .pull-11 {
    position: relative;
    right: 91.666667%;
    left: auto; } }

[class*="block-grid-"] {
  display: block;
  padding: 0;
  margin: 0 -0.625rem; }
  [class*="block-grid-"]:before, [class*="block-grid-"]:after {
    content: " ";
    display: table; }
  [class*="block-grid-"]:after {
    clear: both; }
  [class*="block-grid-"] > li {
    display: block;
    float: left;
    height: auto;
    padding: 0 0.625rem 1.25rem; }

@media only screen {
  .small-block-grid-1 > li {
    list-style: none;
    width: 100%; }
    .small-block-grid-1 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }
  .small-block-grid-2 > li {
    list-style: none;
    width: 50%; }
    .small-block-grid-2 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }
  .small-block-grid-3 > li {
    list-style: none;
    width: 33.333333%; }
    .small-block-grid-3 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }
  .small-block-grid-4 > li {
    list-style: none;
    width: 25%; }
    .small-block-grid-4 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }
  .small-block-grid-5 > li {
    list-style: none;
    width: 20%; }
    .small-block-grid-5 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }
  .small-block-grid-6 > li {
    list-style: none;
    width: 16.666667%; }
    .small-block-grid-6 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }
  .small-block-grid-7 > li {
    list-style: none;
    width: 14.285714%; }
    .small-block-grid-7 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }
  .small-block-grid-8 > li {
    list-style: none;
    width: 12.5%; }
    .small-block-grid-8 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }
  .small-block-grid-9 > li {
    list-style: none;
    width: 11.111111%; }
    .small-block-grid-9 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }
  .small-block-grid-10 > li {
    list-style: none;
    width: 10%; }
    .small-block-grid-10 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }
  .small-block-grid-11 > li {
    list-style: none;
    width: 9.090909%; }
    .small-block-grid-11 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }
  .small-block-grid-12 > li {
    list-style: none;
    width: 8.333333%; }
    .small-block-grid-12 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }

@media only screen and (min-width: 40.0625em) {
  .medium-block-grid-1 > li {
    list-style: none;
    width: 100%; }
    .medium-block-grid-1 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }
  .medium-block-grid-2 > li {
    list-style: none;
    width: 50%; }
    .medium-block-grid-2 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }
  .medium-block-grid-3 > li {
    list-style: none;
    width: 33.333333%; }
    .medium-block-grid-3 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }
  .medium-block-grid-4 > li {
    list-style: none;
    width: 25%; }
    .medium-block-grid-4 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }
  .medium-block-grid-5 > li {
    list-style: none;
    width: 20%; }
    .medium-block-grid-5 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }
  .medium-block-grid-6 > li {
    list-style: none;
    width: 16.666667%; }
    .medium-block-grid-6 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }
  .medium-block-grid-7 > li {
    list-style: none;
    width: 14.285714%; }
    .medium-block-grid-7 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }
  .medium-block-grid-8 > li {
    list-style: none;
    width: 12.5%; }
    .medium-block-grid-8 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }
  .medium-block-grid-9 > li {
    list-style: none;
    width: 11.111111%; }
    .medium-block-grid-9 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }
  .medium-block-grid-10 > li {
    list-style: none;
    width: 10%; }
    .medium-block-grid-10 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }
  .medium-block-grid-11 > li {
    list-style: none;
    width: 9.090909%; }
    .medium-block-grid-11 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }
  .medium-block-grid-12 > li {
    list-style: none;
    width: 8.333333%; }
    .medium-block-grid-12 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }

@media only screen and (min-width: 64.0625em) {
  .large-block-grid-1 > li {
    list-style: none;
    width: 100%; }
    .large-block-grid-1 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }
  .large-block-grid-2 > li {
    list-style: none;
    width: 50%; }
    .large-block-grid-2 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }
  .large-block-grid-3 > li {
    list-style: none;
    width: 33.333333%; }
    .large-block-grid-3 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }
  .large-block-grid-4 > li {
    list-style: none;
    width: 25%; }
    .large-block-grid-4 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }
  .large-block-grid-5 > li {
    list-style: none;
    width: 20%; }
    .large-block-grid-5 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }
  .large-block-grid-6 > li {
    list-style: none;
    width: 16.666667%; }
    .large-block-grid-6 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }
  .large-block-grid-7 > li {
    list-style: none;
    width: 14.285714%; }
    .large-block-grid-7 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }
  .large-block-grid-8 > li {
    list-style: none;
    width: 12.5%; }
    .large-block-grid-8 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }
  .large-block-grid-9 > li {
    list-style: none;
    width: 11.111111%; }
    .large-block-grid-9 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }
  .large-block-grid-10 > li {
    list-style: none;
    width: 10%; }
    .large-block-grid-10 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }
  .large-block-grid-11 > li {
    list-style: none;
    width: 9.090909%; }
    .large-block-grid-11 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }
  .large-block-grid-12 > li {
    list-style: none;
    width: 8.333333%; }
    .large-block-grid-12 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }

/* small displays */
@media only screen {
  .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important; }
  .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important; }
  .visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }
  .hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px; }
  table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important; }
  thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important; }
  tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important; }
  tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row; }
  th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important; } }

/* medium displays */
@media only screen and (min-width: 40.0625em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important; }
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important; }
  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }
  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px; }
  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important; }
  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important; }
  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important; }
  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row; }
  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important; } }

/* large displays */
@media only screen and (min-width: 64.0625em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important; }
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important; }
  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }
  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px; }
  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important; }
  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important; }
  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important; }
  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row; }
  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important; } }

/* xlarge displays */
@media only screen and (min-width: 80.0625em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important; }
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important; }
  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }
  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px; }
  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important; }
  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important; }
  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important; }
  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row; }
  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xlarge, td.show-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important; } }

/* xxlarge displays */
@media only screen and (min-width: 120.0625em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important; }
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important; }
  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }
  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px; }
  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xlarge, table.hide-for-xlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important; }
  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important; }
  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important; }
  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row; }
  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.hide-for-xlarge-down, td.hide-for-xlarge-down, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up, th.show-for-xxlarge, td.show-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important; } }

/* Orientation targeting */
.show-for-landscape,
.hide-for-portrait {
  display: inherit !important; }

.hide-for-landscape,
.show-for-portrait {
  display: none !important; }

/* Specific visibility for tables */
table.hide-for-landscape, table.show-for-portrait {
  display: table !important; }

thead.hide-for-landscape, thead.show-for-portrait {
  display: table-header-group !important; }

tbody.hide-for-landscape, tbody.show-for-portrait {
  display: table-row-group !important; }

tr.hide-for-landscape, tr.show-for-portrait {
  display: table-row !important; }

td.hide-for-landscape, td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
  display: table-cell !important; }

@media only screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: inherit !important; }
  .hide-for-landscape,
  .show-for-portrait {
    display: none !important; }
  /* Specific visibility for tables */
  table.show-for-landscape, table.hide-for-portrait {
    display: table !important; }
  thead.show-for-landscape, thead.hide-for-portrait {
    display: table-header-group !important; }
  tbody.show-for-landscape, tbody.hide-for-portrait {
    display: table-row-group !important; }
  tr.show-for-landscape, tr.hide-for-portrait {
    display: table-row !important; }
  td.show-for-landscape, td.hide-for-portrait,
  th.show-for-landscape,
  th.hide-for-portrait {
    display: table-cell !important; } }

@media only screen and (orientation: portrait) {
  .show-for-portrait,
  .hide-for-landscape {
    display: inherit !important; }
  .hide-for-portrait,
  .show-for-landscape {
    display: none !important; }
  /* Specific visibility for tables */
  table.show-for-portrait, table.hide-for-landscape {
    display: table !important; }
  thead.show-for-portrait, thead.hide-for-landscape {
    display: table-header-group !important; }
  tbody.show-for-portrait, tbody.hide-for-landscape {
    display: table-row-group !important; }
  tr.show-for-portrait, tr.hide-for-landscape {
    display: table-row !important; }
  td.show-for-portrait, td.hide-for-landscape,
  th.show-for-portrait,
  th.hide-for-landscape {
    display: table-cell !important; } }

/* Touch-enabled device targeting */
.show-for-touch {
  display: none !important; }

.hide-for-touch {
  display: inherit !important; }

.touch .show-for-touch {
  display: inherit !important; }

.touch .hide-for-touch {
  display: none !important; }

/* Specific visibility for tables */
table.hide-for-touch {
  display: table !important; }

.touch table.show-for-touch {
  display: table !important; }

thead.hide-for-touch {
  display: table-header-group !important; }

.touch thead.show-for-touch {
  display: table-header-group !important; }

tbody.hide-for-touch {
  display: table-row-group !important; }

.touch tbody.show-for-touch {
  display: table-row-group !important; }

tr.hide-for-touch {
  display: table-row !important; }

.touch tr.show-for-touch {
  display: table-row !important; }

td.hide-for-touch {
  display: table-cell !important; }

.touch td.show-for-touch {
  display: table-cell !important; }

th.hide-for-touch {
  display: table-cell !important; }

.touch th.show-for-touch {
  display: table-cell !important; }

/* Screen reader-specific classes */
.show-for-sr {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px; }

.show-on-focus {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px; }
  .show-on-focus:focus, .show-on-focus:active {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }

/* Print visibility */
.print-only,
.show-for-print {
  display: none !important; }

@media print {
  .print-only,
  .show-for-print {
    display: block !important; }
  .hide-on-print,
  .hide-for-print {
    display: none !important; }
  table.show-for-print {
    display: table !important; }
  thead.show-for-print {
    display: table-header-group !important; }
  tbody.show-for-print {
    display: table-row-group !important; }
  tr.show-for-print {
    display: table-row !important; }
  td.show-for-print {
    display: table-cell !important; }
  th.show-for-print {
    display: table-cell !important; } }

/**
 * InputfieldForm CSS file for FormBuilder with non-Legacy frameworks
 *
 */
.InputfieldForm textarea,
.InputfieldForm .InputfieldMaxWidth {
  width: 100%; }

.InputfieldForm input[type="text"],
.InputfieldForm input[type="password"],
.InputfieldForm input[type="date"],
.InputfieldForm input[type="datetime"],
.InputfieldForm input[type="datetime-local"],
.InputfieldForm input[type="month"],
.InputfieldForm input[type="week"],
.InputfieldForm input[type="email"],
.InputfieldForm input[type="number"],
.InputfieldForm input[type="search"],
.InputfieldForm input[type="tel"],
.InputfieldForm input[type="time"],
.InputfieldForm input[type="url"],
.InputfieldForm input[type="color"],
.InputfieldForm select,
.InputfieldForm textarea {
  margin: 0; }

.InputfieldForm,
.InputfieldForm *,
.InputfieldForm *:before,
.InputfieldForm *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.InputfieldForm .Inputfields {
  height: auto;
  list-style: none;
  padding: 0; }

.InputfieldForm .Inputfield {
  list-style: none;
  display: block; }

.InputfieldForm .Inputfield {
  clear: both;
  margin: 0 0 1.5em 0; }
  .InputfieldForm .Inputfield:not(fieldset) {
    padding: 0; }

.InputfieldForm fieldset,
.InputfieldForm .InputfieldFieldset {
  margin: 0 0 1.5em 0;
  padding-bottom: 0; }

.InputfieldForm .InputfieldStateCollapsed .InputfieldHeader {
  opacity: 0.5; }
  .InputfieldForm .InputfieldStateCollapsed .InputfieldHeader:after {
    content: " \2026"; }

.InputfieldForm .InputfieldStateCollapsed .InputfieldContent {
  display: none; }

.InputfieldForm .InputfieldHidden {
  display: none; }

.InputfieldForm .description,
.InputfieldForm .notes {
  margin: 0.25em 0; }

.InputfieldForm .Inputfield:not(.InputfieldStateCollapsed) > .InputfieldHeaderHidden > span {
  display: none; }

.InputfieldFormWidths {
  /** the following have to do with column widths **********************************************/ }
  .InputfieldFormWidths input[type=text],
  .InputfieldFormWidths input[type=email],
  .InputfieldFormWidths input[type=url],
  .InputfieldFormWidths input[type=number],
  .InputfieldFormWidths select,
  .InputfieldFormWidths textarea {
    width: 100%; }
  .InputfieldFormWidths .InputfieldColumnWidth {
    /* an Inputfield that has a percentage width assigned to it */
    float: left;
    clear: none;
    margin-left: 0;
    margin-right: 0; }
    .InputfieldFormWidths .InputfieldColumnWidth > .InputfieldHeader,
    .InputfieldFormWidths .InputfieldColumnWidth > .InputfieldContent {
      padding-left: 1.5em; }
  .InputfieldFormWidths .InputfieldColumnWidthFirst,
  .InputfieldFormWidths .InputfieldColumnWidth + .InputfieldSubmit,
  .InputfieldFormWidths .InputfieldColumnWidthFirstTmp,
  .InputfieldFormWidths .InputfieldColumnWidthFirst.InputfieldStateHidden + .Inputfield {
    /* first Inputfield with a percent width... */
    /* ...or the last percentage-width Inputifeld before the submit button */
    clear: both; }
    .InputfieldFormWidths .InputfieldColumnWidthFirst > .InputfieldHeader,
    .InputfieldFormWidths .InputfieldColumnWidthFirst > .InputfieldContent,
    .InputfieldFormWidths .InputfieldColumnWidth + .InputfieldSubmit > .InputfieldHeader,
    .InputfieldFormWidths .InputfieldColumnWidth + .InputfieldSubmit > .InputfieldContent,
    .InputfieldFormWidths .InputfieldColumnWidthFirstTmp > .InputfieldHeader,
    .InputfieldFormWidths .InputfieldColumnWidthFirstTmp > .InputfieldContent,
    .InputfieldFormWidths .InputfieldColumnWidthFirst.InputfieldStateHidden + .Inputfield > .InputfieldHeader,
    .InputfieldFormWidths .InputfieldColumnWidthFirst.InputfieldStateHidden + .Inputfield > .InputfieldContent {
      padding-left: 0; }
  .InputfieldFormWidths .description {
    margin: 0.25em 0; }
  .InputfieldFormWidths .notes {
    margin: 0.25em 0; }

/*** state toggles *******************************************************/
.InputfieldStateToggle {
  cursor: pointer; }
  .InputfieldStateToggle i.toggle-icon {
    /* the open/close icon that goes with most Inputfields */
    float: right;
    padding-right: 0.25em; }
  .InputfieldStateToggle i.toggle-icon {
    padding-right: 0.5em;
    line-height: 1.7em; }
  .InputfieldStateToggle i + i {
    margin-right: 0.5em;
    margin-left: 0; }

/*** misc ******************************************************************/
.InputfieldStateRequired > .InputfieldHeader:first-child:after {
  /* Required state: Add asterisk to indicate field is required */
  content: '*';
  margin-left: 0.25em;
  color: red; }

.FormBuilderFrameworkLegacy .Inputfields > .Inputfield > .InputfieldContent:before,
.FormBuilderFrameworkLegacy .Inputfields > .Inputfield > .InputfieldContent:after, .FormBuilderFrameworkLegacy:after,
.FormBuilderFrameworkDefault .Inputfields > .Inputfield > .InputfieldContent:before,
.FormBuilderFrameworkDefault .Inputfields > .Inputfield > .InputfieldContent:after,
.FormBuilderFrameworkDefault:after {
  content: " ";
  display: table; }

.FormBuilderFrameworkLegacy .Inputfields > .Inputfield > .InputfieldContent:after, .FormBuilderFrameworkLegacy:after,
.FormBuilderFrameworkDefault .Inputfields > .Inputfield > .InputfieldContent:after,
.FormBuilderFrameworkDefault:after {
  clear: both; }

.InputfieldSelect ul,
.InputfieldRadios ul,
.InputfieldCheckboxes ul {
  margin: 0; }
  .InputfieldSelect ul li,
  .InputfieldRadios ul li,
  .InputfieldCheckboxes ul li {
    margin: 0; }

#wrap_Inputfield- {
  display: none; }

/****************************************************************************
 * Render Value Mode 
 *
 * Used when only values are being rendered in the form (no inputs)
 *
 */
.InputfieldRenderValueMode .InputfieldSelect li,
.InputfieldRenderValueMode .InputfieldRadios li,
.InputfieldRenderValueMode .InputfieldCheckboxes li {
  margin: 0; }

.InputfieldRenderValueMode .InputfieldSubmit,
.InputfieldRenderValueMode .InputfieldButton {
  display: none; }

.pw-no-select {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  /* prevent selection of this element */ }

/* 
 * Global Styles
 */
.FormBuilder .fieldset-description {
  margin-bottom: 1rem; }

.FormBuilder input.hasDatepicker {
  width: 50% !important;
  margin-right: 0.5rem; }

.FormBuilder button[type="submit"] {
  float: right; }

.FormBuilder .ui-datepicker-trigger {
  cursor: pointer;
  position: relative;
  height: 36px;
  width: 36px;
  color: transparent;
  background: transparent;
  font-family: 'icomoon'; }
  .FormBuilder .ui-datepicker-trigger:after {
    position: absolute;
    left: 3px;
    top: 2px;
    color: #5390D0;
    content: "\e608";
    font-size: 1.75rem; }

.FormBuilder .error {
  color: #EA5E13;
  padding: 0.25rem;
  font-weight: 500; }

/*
 * Custom Radio Inputs
 */
.InputfieldRadios {
  overflow: hidden; }
  .InputfieldRadios .InputfieldStateToggle {
    display: none !important; }
  .InputfieldRadios .description {
    margin: 0 0 0.5rem; }
    @media only screen and (min-width: 40.0625em) {
      .InputfieldRadios .description {
        margin: 0;
        float: right;
        text-align: left;
        width: 70%; } }
    @media only screen and (min-width: 64.0625em) {
      .InputfieldRadios .description {
        width: 85%;
        padding-right: 33%; } }

@media only screen and (min-width: 40.0625em) {
  .InputfieldRadiosColumns {
    width: 30%;
    float: left; } }

@media only screen and (min-width: 64.0625em) {
  .InputfieldRadiosColumns {
    width: 15%; } }

.InputfieldRadiosColumns li {
  float: left; }

.InputfieldRadiosColumns input[type="radio"] {
  display: none; }

.InputfieldRadiosColumns input[type="radio"] + span {
  cursor: pointer;
  position: relative;
  padding-left: 1.25rem; }
  .InputfieldRadiosColumns input[type="radio"] + span:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 14px;
    height: 14px;
    border: 1px solid #5390D0;
    border-radius: 50%; }

.InputfieldRadiosColumns input[type="radio"]:checked + span:after {
  content: '';
  position: absolute;
  top: 6px;
  left: 4px;
  width: 6px;
  height: 6px;
  background: #5390D0;
  border-radius: 50%; }

/*
 * Custom Checkbox
 */
.InputfieldCheckbox > .InputfieldStateToggle {
  display: none; }

.InputfieldCheckbox input[type="checkbox"] {
  display: none; }

.InputfieldCheckbox input[type="checkbox"] + span {
  cursor: pointer;
  position: relative;
  display: block;
  padding-left: 2rem; }
  @media only screen and (min-width: 40.0625em) {
    .InputfieldCheckbox input[type="checkbox"] + span {
      width: 70%; } }
  .InputfieldCheckbox input[type="checkbox"] + span:before {
    content: '';
    position: absolute;
    top: 4px;
    left: 0;
    width: 14px;
    height: 14px;
    border: 1px solid #5390D0; }

.InputfieldCheckbox input[type="checkbox"]:checked + span:after {
  font-family: 'icomoon';
  content: "\e611";
  font-size: 0.5rem;
  color: #5390D0;
  position: absolute;
  top: 0;
  left: 3px; }

/* 
 * Formular Anmeldung zur Aus- und Fortbildung
 */
.InputfieldStateRequired > .InputfieldHeader:first-child:after {
  color: #666666; }

.Inputfield_courses,
.Inputfield_behinderung_oder_chronische_erkrankung,
.Inputfield_abweichende_rechnungsanschrift,
.Inputfield_alternative_rechnungsadresse,
.Inputfield_bestatigung,
.Inputfield_assistenzbedarf,
.Inputfield_weitere_angaben {
  padding-bottom: 2rem !important;
  border-bottom: 1px dotted #666666;
  margin-bottom: 2rem; }

@media only screen and (min-width: 64.0625em) {
  .Inputfield_datenschutz .Inputfield .description,
  .Inputfield_datenschutz .fieldset-description {
    padding-right: 33%; } }

.Inputfield_datenschutz .InputfieldRadiosColumns {
  float: none; }

.Inputfield_datenschutz .InputfieldStateToggle {
  display: block !important;
  margin-top: 20px; }

.Inputfield_datenschutz .InputfieldRadiosColumns {
  margin-top: 10px; }

.Inputfield_datenschutz .InputfieldRadios .description {
  float: none;
  width: 100%; }

.Inputfield_courses .ui-state-default,
.Inputfield_courses .ui-state-hover {
  background: transparent !important; }

.Inputfield_courses .asmListItemHandle {
  display: none; }

.Inputfield_courses .asmSelect {
  margin-top: 0.5rem; }
  @media only screen and (min-width: 64.0625em) {
    .Inputfield_courses .asmSelect {
      width: 40%; } }

.Inputfield_courses .asmList li {
  clear: both;
  margin-top: 1rem;
  font-weight: 400 !important;
  position: relative;
  border-radius: 5px;
  padding: 5px 1em 5px 2em;
  position: relative;
  border: 1px dotted #ccc; }
  .Inputfield_courses .asmList li:before {
    font-family: 'icomoon';
    font-size: 1em;
    content: "\e611";
    position: absolute;
    left: 10px;
    top: 5px;
    color: #5390D0; }

.Inputfield_courses .asmListItemLabel {
  display: inline-block;
  width: 70%; }
  @media only screen and (min-width: 64.0625em) {
    .Inputfield_courses .asmListItemLabel {
      width: 40%; } }

.Inputfield_courses .asmListItemRemove {
  color: #5390D0 !important;
  padding: 0.75rem 1rem;
  float: right; }
  @media only screen and (min-width: 64.0625em) {
    .Inputfield_courses .asmListItemRemove {
      width: auto; } }

.Inputfield_kontaktdaten legend,
.Inputfield_vereinsdaten_2 legend {
  opacity: 0; }

.FormBuilderErrors {
  padding-bottom: 20px; }
  .FormBuilderErrors .alert {
    position: relative;
    margin-left: 1.2rem;
    padding-bottom: 10px; }
    .FormBuilderErrors .alert:before {
      top: 0rem;
      content: '\25CF';
      position: absolute;
      left: -0.9rem; }
    .FormBuilderErrors .alert:first-child {
      margin-left: 0;
      color: #EA5E13;
      font-size: 1.1875rem;
      line-height: 1.625rem;
      margin-bottom: 1.5rem;
      display: block;
      font-weight: 500; }
      .FormBuilderErrors .alert:first-child:before {
        display: none; }

.Inputfield_personliche_daten,
.Inputfield_kontaktdaten {
  margin-bottom: 4rem !important; }

.Inputfield_ubernachtung {
  margin-bottom: 2rem !important; }

@media only screen and (min-width: 64.0625em) {
  .Inputfield_personliche_daten > .InputfieldContent,
  .Inputfield_kontaktdaten > .InputfieldContent,
  .Inputfield_vereinsdaten > .InputfieldContent,
  .Inputfield_vereinsdaten_2 > .InputfieldContent {
    width: 80%; }
  .Inputfield_behinderung_oder_chronische_erkrankung > .InputfieldContent {
    width: 40%; }
  .Inputfield_alternative_rechnungsadresse > .InputfieldContent > .Inputfields {
    width: 40%; } }

@media only screen and (max-width: 40em) {
  .InputfieldFormWidths .Inputfield,
  .InputfieldForm fieldset, .InputfieldForm .InputfieldFieldset {
    clear: both !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-bottom: 1em !important; }
  .Inputfield .InputfieldContent,
  .InputfieldFormWidths .InputfieldColumnWidth > .InputfieldHeader,
  .InputfieldFormWidths .InputfieldColumnWidth > .InputfieldContent,
  .Inputfield .InputfieldHeader {
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: none !important;
    width: 100%; }
  .InputfieldFormWidths .Inputfield .InputfieldHeader {
    margin-bottom: 0; }
  .InputfieldFormNoWidths .Inputfield .InputfieldHeader {
    text-align: initial; } }

.youtube--video,
.vimeo--video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto; }
  .youtube--video iframe, .youtube--video object, .youtube--video embed,
  .vimeo--video iframe,
  .vimeo--video object,
  .vimeo--video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y; }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    display: none; }
  .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

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

/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

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

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

/* 
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; }
    .owl-theme .owl-nav [class*='owl-']:hover {
      background: #869791;
      color: #FFF;
      text-decoration: none; }
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .owl-theme .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #D6D6D6;
      display: block;
      -webkit-backface-visibility: visible;
      -webkit-transition: opacity 200ms ease;
      -moz-transition: opacity 200ms ease;
      -ms-transition: opacity 200ms ease;
      -o-transition: opacity 200ms ease;
      transition: opacity 200ms ease;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      border-radius: 30px; }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #869791; }

.owl-carousel--backend {
  display: block;
  overflow-x: scroll;
  white-space: nowrap; }
  .owl-carousel--backend > * {
    display: inline-block;
    white-space: nowrap; }

.owl-partner-theme {
  position: relative;
  padding: 0 2rem;
  text-align: center; }
  .owl-partner-theme .owl-stage {
    display: table; }
  .owl-partner-theme .owl-item {
    display: table-cell;
    vertical-align: middle;
    float: none !important; }
  .owl-partner-theme .owl-item img {
    display: inline-block;
    width: auto;
    max-width: 80%; }
  .owl-partner-theme .owl-dots {
    display: none; }
  .owl-partner-theme .owl-prev,
  .owl-partner-theme .owl-next {
    position: absolute;
    top: 50%;
    margin-top: -0.75rem;
    color: #5390D0;
    font-size: 1.5rem;
    line-height: 1;
    transition: color 0.2s; }
    .owl-partner-theme .owl-prev.disabled,
    .owl-partner-theme .owl-next.disabled {
      cursor: default !important;
      color: #DDE9F6; }
  .owl-partner-theme .owl-prev {
    left: 0; }
  .owl-partner-theme .owl-next {
    right: 0; }

.owl-content-theme {
  max-height: 490px; }
  .owl-content-theme .owl-item {
    max-height: 440px; }
  .owl-content-theme .owl-dots {
    position: relative;
    z-index: 2;
    text-align: center;
    padding-top: 1.25rem;
    height: 3rem;
    margin: 0 auto;
    width: 80%; }
  .owl-content-theme .owl-dot {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin: 0 0.33rem;
    border-radius: 50%;
    border: 2px solid #5390D0;
    background: white; }
    .owl-content-theme .owl-dot.active {
      background: #5390D0; }
  .owl-content-theme .owl-nav {
    height: 3rem;
    position: relative;
    z-index: 1;
    margin-bottom: -3rem; }
  .owl-content-theme .owl-prev,
  .owl-content-theme .owl-next {
    position: absolute;
    bottom: 0.25rem;
    color: #5390D0;
    font-size: 1.5rem;
    transition: color 0.2s; }
    .owl-content-theme .owl-prev.disabled,
    .owl-content-theme .owl-next.disabled {
      cursor: default !important;
      color: #DDE9F6; }
  .owl-content-theme .owl-prev {
    left: 0; }
  .owl-content-theme .owl-next {
    right: 0; }

.owl-stage-theme {
  height: 100%; }
  @media only screen and (min-width: 64.0625em) {
    .owl-stage-theme {
      padding-right: 0.625rem; } }
  .owl-stage-theme .owl-stage,
  .owl-stage-theme .owl-stage-outer,
  .owl-stage-theme .owl-item {
    height: 100%; }
  .owl-stage-theme .animated {
    animation-duration: 500ms; }
  .owl-stage-theme .teaser__title {
    opacity: 0;
    transform: translateX(20px) translateZ(0);
    transition: opacity 0.5s 0.5s, transform 0.5s 0.5s; }
  .owl-stage-theme .teaser__text {
    opacity: 0;
    transform: translateX(20px) translateZ(0);
    transition: opacity 0.5s 0.75s, transform 0.5s 0.75s; }
  .owl-stage-theme .owl-item.active .teaser__title {
    opacity: 1;
    transform: translateX(0px) translateZ(0); }
  .owl-stage-theme .owl-item.active .teaser__text {
    opacity: 1;
    transform: translateX(0px) translateZ(0); }
  .owl-stage-theme .owl-dots {
    position: absolute;
    left: 1rem;
    bottom: 1rem;
    text-align: left;
    width: 50%; }
    @media only screen and (min-width: 64.0625em) {
      .owl-stage-theme .owl-dots {
        left: 5rem;
        bottom: 3rem; } }
  .owl-stage-theme .owl-dot {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin: 0 0.33rem;
    border-radius: 50%;
    border: 2px solid white;
    background: transparent; }
    .owl-stage-theme .owl-dot.active {
      background: white; }
  .owl-stage-theme .owl-nav {
    display: none; }

/*!
 * shariff - v1.17.1 - 11.09.2015
 * https://github.com/heiseonline/shariff
 * Copyright (c) 2015 Ines Pauer, Philipp Busse, Sebastian Hilbig, Erich Kramer, Deniz Sesli
 * Licensed under the MIT license
 */
.fa-fw {
  width: 1.28571429em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none; }

.fa-ul > li {
  position: relative; }

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: .14285714em;
  text-align: center; }

.fa-li.fa-lg {
  left: -1.85714286em; }

.fa-border {
  padding: .2em .25em .15em;
  border: solid .08em #eee;
  border-radius: .1em; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left {
  margin-right: .3em; }

.fa.pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1); }

:root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-rotate-90 {
  -webkit-filter: none;
  filter: none; }

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

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

.shariff::after {
  clear: both; }

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

.shariff li {
  height: 35px;
  box-sizing: border-box;
  overflow: hidden; }

.shariff li a {
  color: #fff;
  position: relative;
  display: block;
  height: 35px;
  text-decoration: none;
  box-sizing: border-box; }

.shariff li .share_count, .shariff li .share_text {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  vertical-align: middle;
  line-height: 35px; }

.shariff li .fa {
  width: 35px;
  line-height: 35px;
  text-align: center;
  vertical-align: middle; }

.shariff li .share_count {
  padding: 0 8px;
  height: 33px;
  position: absolute;
  top: 1px;
  right: 1px; }

.shariff .orientation-horizontal {
  display: -webkit-box; }

.shariff .orientation-horizontal li {
  -webkit-box-flex: 1; }

.shariff .orientation-horizontal .info {
  -webkit-box-flex: 0; }

.shariff .orientation-horizontal {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.shariff .orientation-horizontal li {
  float: left;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  width: 35px;
  margin-right: 3%;
  margin-bottom: 10px; }

.shariff .orientation-horizontal li:last-child {
  margin-right: 0; }

.shariff .orientation-horizontal li .share_text {
  display: block;
  text-indent: -9999px;
  padding-left: 3px; }

.shariff .orientation-horizontal li .share_count {
  display: none; }

.shariff .theme-grey .shariff-button a {
  background-color: #b0b0b0; }

.shariff .theme-grey .shariff-button .share_count {
  background-color: #ccc;
  color: #333; }

.shariff .theme-white .shariff-button {
  border: 1px solid #ddd; }

.shariff .theme-white .shariff-button a {
  background-color: #fff; }

.shariff .theme-white .shariff-button a:hover {
  background-color: #eee; }

.shariff .theme-white .shariff-button .share_count {
  background-color: #fff;
  color: #999; }

.shariff .orientation-vertical {
  min-width: 110px; }

.shariff .orientation-vertical li {
  display: block;
  width: 100%;
  margin: 5px 0; }

.shariff .orientation-vertical li .share_count {
  width: 24px;
  text-align: right; }

@media only screen and (min-width: 360px) {
  .shariff .orientation-horizontal li {
    margin-right: 1.8%;
    min-width: 80px;
    width: auto;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1; }
  .shariff .orientation-horizontal li .share_count {
    display: block; }
  .shariff .orientation-horizontal.col-1 li, .shariff .orientation-horizontal.col-2 li {
    min-width: 110px;
    max-width: 160px; }
  .shariff .orientation-horizontal.col-1 li .share_text, .shariff .orientation-horizontal.col-2 li .share_text {
    text-indent: 0;
    display: inline; }
  .shariff .orientation-horizontal.col-5 li, .shariff .orientation-horizontal.col-6 li {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none; } }

@media only screen and (min-width: 640px) {
  .shariff .orientation-horizontal.col-3 li {
    min-width: 110px;
    max-width: 160px; }
  .shariff .orientation-horizontal.col-3 li .share_text {
    text-indent: 0;
    display: inline; } }

@media only screen and (min-width: 640px) {
  .shariff .orientation-horizontal li {
    min-width: 110px;
    max-width: 160px; }
  .shariff .orientation-horizontal li .share_text {
    text-indent: 0;
    display: inline; }
  .shariff .orientation-horizontal.col-5 li, .shariff .orientation-horizontal.col-6 li {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1; } }

@media only screen and (min-width: 1024px) {
  .shariff li {
    height: 30px; }
  .shariff li a {
    height: 30px; }
  .shariff li .fa {
    width: 30px;
    line-height: 30px; }
  .shariff li .share_count, .shariff li .share_text {
    line-height: 30px; }
  .shariff li .share_count {
    height: 28px; } }

.shariff .addthis a {
  background-color: #f8694d; }

.shariff .addthis a:hover {
  background-color: #f75b44; }

.shariff .addthis .fa-plus {
  font-size: 14px; }

.shariff .addthis .share_count {
  color: #f8694d;
  background-color: #f1b8b0; }

.shariff .theme-white .addthis a {
  color: #f8694d; }

@media only screen and (min-width: 600px) {
  .shariff .addthis .fa-plus {
    font-size: 14px;
    position: relative;
    top: 1px; } }

.shariff .facebook a {
  background-color: #3b5998; }

.shariff .facebook a:hover {
  background-color: #4273c8; }

.shariff .facebook .fa-facebook {
  font-size: 22px; }

.shariff .facebook .share_count {
  color: #183a75;
  background-color: #99adcf; }

.shariff .theme-white .facebook a {
  color: #3b5998; }

@media only screen and (min-width: 600px) {
  .shariff .facebook .fa-facebook {
    font-size: 19px; } }

.shariff .googleplus a {
  background-color: #d34836; }

.shariff .googleplus a:hover {
  background-color: #f75b44; }

.shariff .googleplus .fa-google-plus {
  font-size: 22px; }

.shariff .googleplus .share_count {
  color: #a31601;
  background-color: #eda79d; }

.shariff .theme-white .googleplus a {
  color: #d34836; }

@media only screen and (min-width: 600px) {
  .shariff .googleplus .fa-google-plus {
    font-size: 19px;
    position: relative;
    top: 1px; } }

.shariff .info {
  border: 1px solid #ccc; }

.shariff .info a {
  color: #666;
  background-color: #fff; }

.shariff .info a:hover {
  background-color: #efefef; }

.shariff .info .fa-info {
  font-size: 20px;
  width: 33px; }

.shariff .info .share_text {
  display: block !important;
  text-indent: -9999px !important; }

.shariff .theme-grey .info a {
  background-color: #fff; }

.shariff .theme-grey .info a:hover {
  background-color: #efefef; }

.shariff .orientation-vertical .info {
  width: 35px;
  float: right; }

@media only screen and (min-width: 360px) {
  .shariff .orientation-horizontal .info {
    -webkit-flex: none !important;
    -ms-flex: none !important;
    flex: none !important;
    width: 35px;
    min-width: 35px !important; } }

@media only screen and (min-width: 1024px) {
  .shariff .info .fa-info {
    font-size: 16px;
    width: 23px; }
  .shariff .orientation-horizontal .info {
    width: 25px;
    min-width: 25px !important; }
  .shariff .orientation-vertical .info {
    width: 25px; } }

.shariff .linkedin a {
  background-color: #0077b5; }

.shariff .linkedin a:hover {
  background-color: #0369a0; }

.shariff .linkedin .fa-linkedin {
  font-size: 22px; }

.shariff .linkedin .share_count {
  color: #004785;
  background-color: #33AAE8; }

.shariff .theme-white .linkedin a {
  color: #0077b5; }

@media only screen and (min-width: 600px) {
  .shariff .linkedin .fa-linkedin {
    font-size: 19px; } }

.shariff .mail a {
  background-color: #999; }

.shariff .mail a:hover {
  background-color: #a8a8a8; }

.shariff .mail .fa-envelope {
  font-size: 21px; }

.shariff .theme-white .mail a {
  color: #999; }

@media only screen and (min-width: 600px) {
  .shariff .mail .fa-envelope {
    font-size: 18px; } }

.shariff .pinterest a {
  background-color: #bd081c; }

.shariff .pinterest a:hover {
  background-color: #d50920; }

.shariff .pinterest .fa-pinterest-p {
  font-size: 22px; }

.shariff .pinterest .share_count {
  color: #a31601;
  background-color: #eda79d; }

.shariff .theme-white .pinterest a {
  color: #bd081c; }

@media only screen and (min-width: 600px) {
  .shariff .pinterest .fa-pinterest-p {
    font-size: 19px;
    position: relative;
    top: 1px; } }

.shariff .twitter a {
  background-color: #55acee; }

.shariff .twitter a:hover {
  background-color: #32bbf5; }

.shariff .twitter .fa-twitter {
  font-size: 28px; }

.shariff .twitter .share_count {
  color: #0174a4;
  background-color: #96D4EE; }

.shariff .theme-white .twitter a {
  color: #55acee; }

@media only screen and (min-width: 600px) {
  .shariff .twitter .fa-twitter {
    font-size: 24px; } }

.shariff .whatsapp a {
  background-color: #5cbe4a; }

.shariff .whatsapp a:hover {
  background-color: #34af23; }

.shariff .whatsapp .fa-whatsapp {
  font-size: 28px; }

.shariff .theme-white .whatsapp a {
  color: #5cbe4a; }

@media only screen and (min-width: 600px) {
  .shariff .whatsapp .fa-whatsapp {
    font-size: 22px; } }

.shariff .xing a {
  background-color: #126567; }

.shariff .xing a:hover {
  background-color: #29888a; }

.shariff .xing .fa-xing {
  font-size: 22px; }

.shariff .xing .share_count {
  color: #15686a;
  background-color: #4fa5a7; }

.shariff .theme-white .xing a {
  color: #126567; }

@media only screen and (min-width: 600px) {
  .shariff .xing .fa-xing {
    font-size: 19px; } }

.shariff .orientation-horizontal {
  display: block;
  text-align: right; }

.shariff .orientation-horizontal li {
  display: inline-block;
  text-align: left;
  float: none;
  min-width: 0; }
  @media only screen and (min-width: 40.0625em) {
    .shariff .orientation-horizontal li {
      min-width: 80px; } }

.shariff .theme-white .shariff-button {
  padding: 0 .5rem; }

.shariff .theme-white .shariff-button a:hover {
  background: white; }

.shariff-button.mail:hover {
  border-color: #999; }

.shariff-button.facebook:hover {
  border-color: #4C66A4; }

.shariff-button.twitter:hover {
  border-color: #00ACED; }

/* required styles */
.leaflet-map-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-pane,
.leaflet-tile-container,
.leaflet-overlay-pane,
.leaflet-shadow-pane,
.leaflet-marker-pane,
.leaflet-popup-pane,
.leaflet-overlay-pane svg,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
  position: absolute;
  left: 0;
  top: 0; }

.leaflet-container {
  overflow: hidden;
  -ms-touch-action: none; }

.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none; }

.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block; }

/* map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container img {
  max-width: none !important; }

/* stupid Android 2 doesn't understand "max-width: none" properly */
.leaflet-container img.leaflet-image-layer {
  max-width: 15000px !important; }

.leaflet-tile {
  filter: inherit;
  visibility: hidden; }

.leaflet-tile-loaded {
  visibility: inherit; }

.leaflet-zoom-box {
  width: 0;
  height: 0; }

/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
  -moz-user-select: none; }

.leaflet-tile-pane {
  z-index: 2; }

.leaflet-objects-pane {
  z-index: 3; }

.leaflet-overlay-pane {
  z-index: 4; }

.leaflet-shadow-pane {
  z-index: 5; }

.leaflet-marker-pane {
  z-index: 6; }

.leaflet-popup-pane {
  z-index: 7; }

.leaflet-vml-shape {
  width: 1px;
  height: 1px; }

.lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute; }

/* control positioning */
.leaflet-control {
  position: relative;
  z-index: 7;
  pointer-events: auto; }

.leaflet-top,
.leaflet-bottom {
  position: absolute;
  z-index: 1000;
  pointer-events: none; }

.leaflet-top {
  top: 0; }

.leaflet-right {
  right: 0; }

.leaflet-bottom {
  bottom: 0; }

.leaflet-left {
  left: 0; }

.leaflet-control {
  float: left;
  clear: both; }

.leaflet-right .leaflet-control {
  float: right; }

.leaflet-top .leaflet-control {
  margin-top: 10px; }

.leaflet-bottom .leaflet-control {
  margin-bottom: 10px; }

.leaflet-left .leaflet-control {
  margin-left: 10px; }

.leaflet-right .leaflet-control {
  margin-right: 10px; }

/* zoom and fade animations */
.leaflet-fade-anim .leaflet-tile,
.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear; }

.leaflet-fade-anim .leaflet-tile-loaded,
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1; }

.leaflet-zoom-anim .leaflet-zoom-animated {
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); }

.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile,
.leaflet-touching .leaflet-zoom-animated {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none; }

.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden; }

/* cursors */
.leaflet-clickable {
  cursor: pointer; }

.leaflet-container {
  cursor: -webkit-grab;
  cursor: -moz-grab; }

.leaflet-popup-pane,
.leaflet-control {
  cursor: auto; }

.leaflet-dragging .leaflet-container,
.leaflet-dragging .leaflet-clickable {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing; }

/* visual tweaks */
.leaflet-container {
  background: #ddd;
  outline: 0; }

.leaflet-container a {
  color: #0078A8; }

.leaflet-container a.leaflet-active {
  outline: 2px solid orange; }

.leaflet-zoom-box {
  border: 2px dotted #38f;
  background: rgba(255, 255, 255, 0.5); }

/* general typography */
.leaflet-container {
  font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; }

/* general toolbar styles */
.leaflet-bar {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  border-radius: 4px; }

.leaflet-bar a,
.leaflet-bar a:hover {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: black; }

.leaflet-bar a,
.leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block; }

.leaflet-bar a:hover {
  background-color: #f4f4f4; }

.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.leaflet-bar a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none; }

.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb; }

.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px; }

/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  font: bold 18px 'Lucida Console', Monaco, monospace;
  text-indent: 1px; }

.leaflet-control-zoom-out {
  font-size: 20px; }

.leaflet-touch .leaflet-control-zoom-in {
  font-size: 22px; }

.leaflet-touch .leaflet-control-zoom-out {
  font-size: 24px; }

/* layers control */
.leaflet-control-layers {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background: #fff;
  border-radius: 5px; }

.leaflet-control-layers-toggle {
  background-image: url(images/layers.png);
  width: 36px;
  height: 36px; }

.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url(images/layers-2x.png);
  background-size: 26px 26px; }

.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px; }

.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none; }

.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative; }

.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: #333;
  background: #fff; }

.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px; }

.leaflet-control-layers label {
  display: block; }

.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -10px 5px -6px; }

/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
  background: #fff;
  background: rgba(255, 255, 255, 0.7);
  margin: 0; }

.leaflet-control-attribution,
.leaflet-control-scale-line {
  padding: 0 5px;
  color: #333; }

.leaflet-control-attribution a {
  text-decoration: none; }

.leaflet-control-attribution a:hover {
  text-decoration: underline; }

.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
  font-size: 11px; }

.leaflet-left .leaflet-control-scale {
  margin-left: 5px; }

.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px; }

.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background: #fff;
  background: rgba(255, 255, 255, 0.5); }

.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px; }

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777; }

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  box-shadow: none; }

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  border: 2px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box; }

/* popup */
.leaflet-popup {
  position: absolute;
  text-align: center; }

.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  border-radius: 12px; }

.leaflet-popup-content {
  margin: 13px 19px;
  line-height: 1.4; }

.leaflet-popup-content p {
  margin: 18px 0; }

.leaflet-popup-tip-container {
  margin: 0 auto;
  width: 40px;
  height: 20px;
  position: relative;
  overflow: hidden; }

.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;
  margin: -10px auto 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: white;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); }

.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 4px 0 0;
  text-align: center;
  width: 18px;
  height: 14px;
  font: 16px/14px Tahoma, Verdana, sans-serif;
  color: #c3c3c3;
  text-decoration: none;
  font-weight: bold;
  background: transparent; }

.leaflet-container a.leaflet-popup-close-button:hover {
  color: #999; }

.leaflet-popup-scrolled {
  overflow: auto;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd; }

.leaflet-oldie .leaflet-popup-content-wrapper {
  zoom: 1; }

.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); }

.leaflet-oldie .leaflet-popup-tip-container {
  margin-top: -1px; }

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999; }

/* div icon */
.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666; }

.leaflet-control-geocoder a {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block; }

.leaflet-control-geocoder {
  box-shadow: 0 1px 7px #999;
  background: #f8f8f9;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px; }

.leaflet-control-geocoder a {
  width: 36px;
  height: 36px; }

.leaflet-touch .leaflet-control-geocoder a {
  width: 44px;
  height: 44px; }

.leaflet-control-geocoder .leaflet-control-geocoder-form,
.leaflet-control-geocoder-expanded .leaflet-control-geocoder-toggle {
  display: none; }

.leaflet-control-geocoder-expanded .leaflet-control-geocoder-form {
  display: block;
  position: relative; }

.leaflet-control-geocoder-expanded .leaflet-control-geocoder-form {
  padding: 5px; }

.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
  -webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
  -moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
  -o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
  transition: transform 0.3s ease-out, opacity 0.3s ease-in; }

.marker-cluster-small {
  background-color: rgba(181, 226, 140, 0.6); }

.marker-cluster-small div {
  background-color: rgba(110, 204, 57, 0.6); }

.marker-cluster-medium {
  background-color: rgba(241, 211, 87, 0.6); }

.marker-cluster-medium div {
  background-color: rgba(240, 194, 12, 0.6); }

.marker-cluster-large {
  background-color: rgba(253, 156, 115, 0.6); }

.marker-cluster-large div {
  background-color: rgba(241, 128, 23, 0.6); }

/* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-small {
  background-color: #b5e28c; }

.leaflet-oldie .marker-cluster-small div {
  background-color: #6ecc39; }

.leaflet-oldie .marker-cluster-medium {
  background-color: #f1d357; }

.leaflet-oldie .marker-cluster-medium div {
  background-color: #f0c20c; }

.leaflet-oldie .marker-cluster-large {
  background-color: #fd9c73; }

.leaflet-oldie .marker-cluster-large div {
  background-color: #f18017; }

.marker-cluster {
  background-clip: padding-box;
  border-radius: 20px; }

.marker-cluster div {
  width: 30px;
  height: 30px;
  margin-left: 5px;
  margin-top: 5px;
  text-align: center;
  border-radius: 15px;
  font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif; }

.marker-cluster span {
  line-height: 30px; }

.leaflet-control-geocoder a {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block; }

.leaflet-control-geocoder {
  box-shadow: 0 1px 7px #999;
  background: #f8f8f9;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px; }

.leaflet-control-geocoder a {
  width: 36px;
  height: 36px; }

.leaflet-touch .leaflet-control-geocoder a {
  width: 44px;
  height: 44px; }

.leaflet-control-geocoder .leaflet-control-geocoder-form,
.leaflet-control-geocoder-expanded .leaflet-control-geocoder-toggle {
  display: none; }

.leaflet-control-geocoder-expanded .leaflet-control-geocoder-form {
  display: block;
  position: relative; }

.leaflet-control-geocoder-expanded .leaflet-control-geocoder-form {
  padding: 5px; }

/**
 * OVERRIDE
 */
.leaflet-container a {
  color: #5390D0; }

.leaflet-popup-content-wrapper {
  padding: 0;
  border-radius: 0; }

.leaflet-popup-content {
  margin: 0;
  line-height: inherit; }

.leaflet-container a.leaflet-popup-close-button {
  top: 13px;
  right: 6px;
  color: white; }
  .leaflet-container a.leaflet-popup-close-button:hover {
    color: white; }

.leaflet-popup-content p {
  margin: 0; }

.marker-cluster-small,
.marker-cluster-medium,
.marker-cluster-large {
  background-color: rgba(255, 255, 255, 0.66); }

.marker-cluster-small div,
.marker-cluster-medium div,
.marker-cluster-large div {
  color: white;
  font-weight: 500;
  background: #5390D0; }

.leaflet-top, .leaflet-bottom {
  z-index: 99; }

.leaflet-control-geocoder {
  display: none; }

/**
 * CUSTOM
 */
.map {
  max-height: 480px;
  margin-bottom: 1.5rem; }
  .map:after {
    content: '';
    display: block;
    padding-top: 100%; }
  @media only screen and (min-width: 64.0625em) {
    .map {
      max-height: 32rem; } }
  @media only screen and (min-width: 80.0625em) {
    .map {
      max-height: 42rem; } }

.map-popup-title {
  display: block;
  font-size: 1.1875rem;
  color: white;
  padding: 0.75rem 2rem 0.75rem 1rem;
  background: #5390D0; }

.map-popup-content {
  color: #5390D0;
  font-size: 0.9375rem;
  padding: 1.5rem 1rem; }

.ui-widget {
  font-family: 'Open Sans', sans-serif !important; }

.ui-datepicker th {
  font-weight: 500 !important; }

.ui-datepicker .ui-state-default {
  font-weight: 500 !important; }

/* Get the bourbon mixin from http://bourbon.io */
/* Reset */
.flip-clock-wrapper * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.flip-clock-wrapper a {
  cursor: pointer;
  text-decoration: none;
  color: #ccc; }

.flip-clock-wrapper a:hover {
  color: #fff; }

.flip-clock-wrapper ul {
  list-style: none; }

.flip-clock-wrapper.clearfix:before, .flip-clock-wrapper.tabs:before, .flip-clock-wrapper.nav-breadcrumb:before, .flip-clock-wrapper.news:before, .flip-clock-wrapper.teaser__content:before, .flip-clock-wrapper.filter:not(.filter--loading):before, .flip-clock-wrapper.filter__layer:before,
.flip-clock-wrapper.clearfix:after,
.flip-clock-wrapper.tabs:after,
.flip-clock-wrapper.nav-breadcrumb:after,
.flip-clock-wrapper.news:after,
.flip-clock-wrapper.teaser__content:after,
.flip-clock-wrapper.filter:not(.filter--loading):after,
.flip-clock-wrapper.filter__layer:after {
  content: " ";
  display: table; }

.flip-clock-wrapper.clearfix:after, .flip-clock-wrapper.tabs:after, .flip-clock-wrapper.nav-breadcrumb:after, .flip-clock-wrapper.news:after, .flip-clock-wrapper.teaser__content:after, .flip-clock-wrapper.filter:not(.filter--loading):after, .flip-clock-wrapper.filter__layer:after {
  clear: both; }

.flip-clock-wrapper.clearfix, .flip-clock-wrapper.tabs, .flip-clock-wrapper.nav-breadcrumb, .flip-clock-wrapper.news, .flip-clock-wrapper.teaser__content, .flip-clock-wrapper.filter:not(.filter--loading), .flip-clock-wrapper.filter__layer {
  *zoom: 1; }

/* Main */
.flip-clock-wrapper {
  font-size: 11px;
  -webkit-user-select: none; }

.flip-clock-meridium {
  background: none !important;
  box-shadow: 0 0 0 !important;
  font-size: 36px !important; }

.flip-clock-meridium a {
  color: #313333; }

.flip-clock-wrapper {
  text-align: center;
  position: relative;
  width: 100%;
  margin: 1em; }

.flip-clock-wrapper:before,
.flip-clock-wrapper:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.flip-clock-wrapper:after {
  clear: both; }

/* Skeleton */
.flip-clock-wrapper ul {
  position: relative;
  float: left;
  margin: 5px;
  width: 60px;
  height: 62px;
  font-size: 52px;
  font-weight: bold;
  line-height: 59px;
  border-radius: 6px;
  background: #000; }

.flip-clock-wrapper ul li {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 59px;
  text-decoration: none !important; }

.flip-clock-wrapper ul li:first-child {
  z-index: 2; }

.flip-clock-wrapper ul li a {
  display: block;
  height: 100%;
  -webkit-perspective: 200px;
  -moz-perspective: 200px;
  perspective: 200px;
  margin: 0 !important;
  overflow: visible !important;
  cursor: default !important; }

.flip-clock-wrapper ul li a div {
  z-index: 1;
  position: absolute;
  left: 0;
  width: 100%;
  height: 50%;
  font-size: 52px;
  overflow: hidden;
  outline: 1px solid transparent; }

.flip-clock-wrapper ul li a div .shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2; }

.flip-clock-wrapper ul li a div.up {
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  top: 0; }

.flip-clock-wrapper ul li a div.up:after {
  content: "";
  position: absolute;
  top: 44px;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 3px;
  background-color: rgba(255, 255, 255, 0.4); }

.flip-clock-wrapper ul li a div.down {
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
  bottom: 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px; }

.flip-clock-wrapper ul li a div div.inn {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 200%;
  color: #fff;
  text-shadow: 0 1px 2px #ECEDED;
  text-align: center;
  background-color: #EA5E13;
  border-radius: 6px;
  font-size: 52px; }

.flip-clock-wrapper ul li a div.up div.inn {
  top: 0; }

.flip-clock-wrapper ul li a div.down div.inn {
  bottom: 0; }

/* PLAY */
.flip-clock-wrapper ul.play li.flip-clock-before {
  z-index: 3; }

.flip-clock-wrapper .flip {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7); }

.flip-clock-wrapper ul.play li.flip-clock-active {
  -webkit-animation: asd 0.5s 0.5s linear both;
  -moz-animation: asd 0.5s 0.5s linear both;
  animation: asd 0.5s 0.5s linear both;
  z-index: 5; }

.flip-clock-divider {
  float: left;
  display: inline-block;
  position: relative;
  width: 20px;
  height: 100px; }

.flip-clock-divider:first-child {
  width: 0; }

.flip-clock-dot {
  display: block;
  background: #DEDEDE;
  width: 10px;
  height: 10px;
  position: absolute;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  left: 5px; }

.flip-clock-divider .flip-clock-label {
  position: absolute;
  top: -1.5em;
  right: -86px;
  color: #505559;
  text-transform: uppercase;
  text-shadow: none; }

.flip-clock-divider.minutes .flip-clock-label {
  right: -88px; }

.flip-clock-divider.seconds .flip-clock-label {
  right: -91px; }

.flip-clock-dot.top {
  top: 30px; }

.flip-clock-dot.bottom {
  bottom: 30px; }

@-webkit-keyframes asd {
  0% {
    z-index: 2; }
  20% {
    z-index: 4; }
  100% {
    z-index: 4; } }

@-moz-keyframes asd {
  0% {
    z-index: 2; }
  20% {
    z-index: 4; }
  100% {
    z-index: 4; } }

@-o-keyframes asd {
  0% {
    z-index: 2; }
  20% {
    z-index: 4; }
  100% {
    z-index: 4; } }

@keyframes asd {
  0% {
    z-index: 2; }
  20% {
    z-index: 4; }
  100% {
    z-index: 4; } }

.flip-clock-wrapper ul.play li.flip-clock-active .down {
  z-index: 2;
  -webkit-animation: turn 0.5s 0.5s linear both;
  -moz-animation: turn 0.5s 0.5s linear both;
  animation: turn 0.5s 0.5s linear both; }

@-webkit-keyframes turn {
  0% {
    -webkit-transform: rotateX(90deg); }
  100% {
    -webkit-transform: rotateX(0deg); } }

@-moz-keyframes turn {
  0% {
    -moz-transform: rotateX(90deg); }
  100% {
    -moz-transform: rotateX(0deg); } }

@-o-keyframes turn {
  0% {
    -o-transform: rotateX(90deg); }
  100% {
    -o-transform: rotateX(0deg); } }

@keyframes turn {
  0% {
    transform: rotateX(90deg); }
  100% {
    transform: rotateX(0deg); } }

.flip-clock-wrapper ul.play li.flip-clock-before .up {
  z-index: 2;
  -webkit-animation: turn2 0.5s linear both;
  -moz-animation: turn2 0.5s linear both;
  animation: turn2 0.5s linear both; }

@-webkit-keyframes turn2 {
  0% {
    -webkit-transform: rotateX(0deg); }
  100% {
    -webkit-transform: rotateX(-90deg); } }

@-moz-keyframes turn2 {
  0% {
    -moz-transform: rotateX(0deg); }
  100% {
    -moz-transform: rotateX(-90deg); } }

@-o-keyframes turn2 {
  0% {
    -o-transform: rotateX(0deg); }
  100% {
    -o-transform: rotateX(-90deg); } }

@keyframes turn2 {
  0% {
    transform: rotateX(0deg); }
  100% {
    transform: rotateX(-90deg); } }

.flip-clock-wrapper ul li.flip-clock-active {
  z-index: 3; }

/* SHADOW */
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.3s linear both; }

/*DOWN*/
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.2s linear both; }

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

@-moz-keyframes show {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-o-keyframes show {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes show {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

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

@-moz-keyframes hide {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-o-keyframes hide {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes hide {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot');
	src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.woff') format('woff'),
		url('../fonts/icomoon.ttf') format('truetype'),
		url('../fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/
/* Common styles of menus */
.dl-menuwrapper {
  width: 100%;
  /*max-width: 300px;
	float: left;*/
  position: relative;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  -webkit-perspective-origin: 50% 200%;
  perspective-origin: 50% 200%; }

/*
.dl-menuwrapper:first-child {
	margin-right: 100px;
}*/
.dl-menuwrapper button {
  background: #ccc;
  border: none;
  width: 48px;
  height: 45px;
  text-indent: -900em;
  overflow: hidden;
  position: relative;
  cursor: pointer; }

.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
  background: #aaa; }

.dl-menuwrapper button:after {
  content: '';
  position: absolute;
  width: 68%;
  height: 5px;
  background: #fff;
  top: 10px;
  left: 16%;
  box-shadow: 0 10px 0 #fff,  0 20px 0 #fff; }

.dl-menuwrapper ul {
  padding: 0;
  list-style: none;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.dl-menuwrapper li {
  position: relative; }

.dl-menuwrapper li a {
  display: block;
  position: relative;
  padding: 15px 20px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 300;
  color: #fff; }

.no-touch .dl-menuwrapper li a:hover {
  background: rgba(255, 248, 213, 0.1); }

.dl-menuwrapper li.dl-back > a {
  padding-left: 30px !important;
  background: rgba(0, 0, 0, 0.1); }

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
  position: absolute;
  top: 0;
  line-height: 50px;
  font-family: 'icomoon';
  speak: none;
  -webkit-font-smoothing: antialiased;
  content: "\e605"; }

.dl-menuwrapper li.dl-back:after {
  left: 10px;
  color: rgba(212, 204, 198, 0.7);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.dl-menuwrapper li > a:after {
  right: 10px;
  color: rgba(0, 0, 0, 0.5); }

.dl-menuwrapper .dl-menu {
  margin: 5px 0 0 0;
  position: absolute;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.dl-menuwrapper .dl-menu.dl-menu-toggle {
  transition: all 0.3s ease; }

.dl-menuwrapper .dl-menu.dl-menuopen {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0px);
  transform: translateY(0px); }

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
  display: none; }

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
  display: none; }

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
  display: block; }

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
  position: absolute;
  width: 100%;
  top: 50px;
  left: 0;
  margin: 0; }

/* Animation classes for moving out and in */
/*
.dl-menu.dl-animate-out-1 {
	-webkit-animation: MenuAnimOut1 0.4s;
	animation: MenuAnimOut1 0.4s;
}
*/
.dl-menu.dl-animate-out-2 {
  -webkit-animation: MenuAnimOut2 0.3s ease-in-out;
  animation: MenuAnimOut2 0.3s ease-in-out; }

/*
.dl-menu.dl-animate-out-3 {
	-webkit-animation: MenuAnimOut3 0.4s ease;
	animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
	-webkit-animation: MenuAnimOut4 0.4s ease;
	animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
	-webkit-animation: MenuAnimOut5 0.4s ease;
	animation: MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut1 {
	0% { }
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}
*/
@-webkit-keyframes MenuAnimOut2 {
  0% { }
  100% {
    -webkit-transform: translateX(-100%);
    opacity: 0; } }

/*
@-webkit-keyframes MenuAnimOut3 {
	0% { }
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut4 {
	0% { }
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut5 {
	0% { }
	100% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut1 {
	0% { }
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}
*/
@keyframes MenuAnimOut2 {
  0% { }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0; } }

/*
@keyframes MenuAnimOut3 {
	0% { }
	100% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut4 {
	0% { }
	100% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut5 {
	0% { }
	100% {
		-webkit-transform: translateY(40%);
		transform: translateY(40%);
		opacity: 0;
	}
}

.dl-menu.dl-animate-in-1 {
	-webkit-animation: MenuAnimIn1 0.3s;
	animation: MenuAnimIn1 0.3s;
}
*/
.dl-menu.dl-animate-in-2 {
  -webkit-animation: MenuAnimIn2 0.3s ease-in-out;
  animation: MenuAnimIn2 0.3s ease-in-out; }

/*
.dl-menu.dl-animate-in-3 {
	-webkit-animation: MenuAnimIn3 0.4s ease;
	animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
	-webkit-animation: MenuAnimIn4 0.4s ease;
	animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
	-webkit-animation: MenuAnimIn5 0.4s ease;
	animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}
*/
@-webkit-keyframes MenuAnimIn2 {
  0% {
    -webkit-transform: translateX(-100%);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0px);
    opacity: 1; } }

/*
@-webkit-keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}

@keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}
*/
@keyframes MenuAnimIn2 {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1; } }

/*
@keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
	-webkit-animation: SubMenuAnimIn1 0.4s ease;
	animation: SubMenuAnimIn1 0.4s ease;
}
*/
.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
  -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
  animation: SubMenuAnimIn2 0.3s ease-in-out; }

/*
.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
	-webkit-animation: SubMenuAnimIn3 0.4s ease;
	animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
	-webkit-animation: SubMenuAnimIn4 0.4s ease;
	animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
	-webkit-animation: SubMenuAnimIn5 0.4s ease;
	animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}
*/
@-webkit-keyframes SubMenuAnimIn2 {
  0% {
    -webkit-transform: translateX(100%);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0px);
    opacity: 1; } }

/*
@-webkit-keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}
*/
@keyframes SubMenuAnimIn2 {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1; } }

/*
@keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
	-webkit-animation: SubMenuAnimOut1 0.4s ease;
	animation: SubMenuAnimOut1 0.4s ease;
}
*/
.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
  -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
  animation: SubMenuAnimOut2 0.3s ease-in-out; }

/*
.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
	-webkit-animation: SubMenuAnimOut3 0.4s ease;
	animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
	-webkit-animation: SubMenuAnimOut4 0.4s ease;
	animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
	-webkit-animation: SubMenuAnimOut5 0.4s ease;
	animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
}
*/
@-webkit-keyframes SubMenuAnimOut2 {
  0% {
    -webkit-transform: translateX(0%);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(100%);
    opacity: 0; } }

/*
@-webkit-keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		opacity: 0;
	}
}
*/
@keyframes SubMenuAnimOut2 {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0; } }

/*
@keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-200px);
		transform: translateZ(-200px);
		opacity: 0;
	}
}
*/
/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
  position: relative;
  opacity: 1;
  -webkit-transform: none;
  transform: none; }

.no-js .dl-menuwrapper li .dl-submenu {
  display: block; }

.no-js .dl-menuwrapper li.dl-back {
  display: none; }

.no-js .dl-menuwrapper li > a:not(:only-child) {
  background: rgba(0, 0, 0, 0.1); }

.no-js .dl-menuwrapper li > a:not(:only-child):after {
  content: ''; }

/* Colors for demos */
/* Demo 1 */
/*
.demo-1 .dl-menuwrapper button {
	background: #c62860;
}

.demo-1 .dl-menuwrapper button:hover,
.demo-1 .dl-menuwrapper button.dl-active,
.demo-1 .dl-menuwrapper ul {
	background: #9e1847;
}
*/
/* Demo 2 */
/*
.demo-2 .dl-menuwrapper button {
	background: #e86814;
}

.demo-2 .dl-menuwrapper button:hover,
.demo-2 .dl-menuwrapper button.dl-active,
.demo-2 .dl-menuwrapper ul {
	background: #D35400;
}
*/
/* Demo 3 */
/*
.demo-3 .dl-menuwrapper button {
	background: #08cbc4;
}

.demo-3 .dl-menuwrapper button:hover,
.demo-3 .dl-menuwrapper button.dl-active,
.demo-3 .dl-menuwrapper ul {
	background: #00b4ae;
}
*/
/* Demo 4 */
/*
.demo-4 .dl-menuwrapper button {
	background: #90b912;
}

.demo-4 .dl-menuwrapper button:hover,
.demo-4 .dl-menuwrapper button.dl-active,
.demo-4 .dl-menuwrapper ul {
	background: #79a002;
}
*/
/* Demo 5 */
/*
.demo-5 .dl-menuwrapper button {
	background: #744783;
}

.demo-5 .dl-menuwrapper button:hover,
.demo-5 .dl-menuwrapper button.dl-active,
.demo-5 .dl-menuwrapper ul {
	background: #643771;
}
*/
/*
 * ============================
 *            CUSTOM
 * ============================
 */
.dl-menuwrapper {
  z-index: 100; }

.dl-menuwrapper .dl-menu,
.dl-menuwrapper > .dl-submenu {
  width: 680%;
  top: 3.5rem; }

.dl-menuwrapper .dl-menu {
  left: -0.625rem;
  margin: 0; }

.dl-menuwrapper button {
  background: white;
  margin: 0 auto;
  display: block; }

.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
  background: white; }

.dl-menuwrapper button:after {
  height: 4px;
  background: #5390D0;
  box-shadow: 0 10px 0 #5390D0, 0 20px 0 #5390D0; }

.dl-menuwrapper li {
  border-top: 1px dotted #666666; }

.dl-menuwrapper li.dl-subviewopen,
.dl-menuwrapper li.dl-back {
  border-top: none; }

.dl-menuwrapper li a {
  color: #666666;
  /*
	&:after {
		content: "\e606";
		font-family: 'icomoon';
		font-size: 1rem;
		color: $color_text;
		line-height: 1;
		position: absolute;
		right: 1rem;
		top: 50%;
		margin-top: -0.5rem;
	}*/ }
  .dl-menuwrapper li a:active {
    background: #eee; }

.dl-menuwrapper li.dl-back > a {
  color: white;
  background: #5390D0;
  padding: 15px 20px; }

/*
.fredi {display: none; position: absolute; top: 0; right: 0; background: #ddd; color: #666; text-decoration: none; padding: 0.5em}
.fredi.freditouch {display: block;}
.fredi:hover {text-decoration: underline;}
.frediwrapper {display: block; position: relative; z-index: 9998;}
.frediparent:hover {outline: 3px solid #ddd;}
.frediparent:hover > .frediwrapper > .fredi {display: block;}
*/
.fredi {
  background: #EA5E13 !important;
  color: #FFFFFF !important;
  font-size: 13px;
  padding: 5px; }

.frediparent:hover {
  outline: 3px solid #EA5E13 !important;
  box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.3) !important; }

#frediClose {
  position: absolute;
  right: 0 !important;
  top: 0 !important;
  left: auto !important;
  background: #EA5E13 !important;
  text-align: center;
  font-family: 'icomoon';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  #frediClose:before {
    display: inline-block;
    content: "\e601";
    color: #FFFFFF;
    font-size: 18px;
    top: 6px;
    position: relative; }

body.modal {
  margin-top: 0 !important; }

/*

Basic Stuff
====
*/
*, *:after, *:before {
  box-sizing: border-box; }

html {
  overflow-y: scroll; }

body {
  position: relative;
  font-family: 'Open Sans', sans-serif;
  font-size: 0.875rem;
  line-height: 1.4375rem;
  color: #666666; }

input,
select,
textarea,
button {
  font-family: inherit; }

a {
  text-decoration: none;
  color: inherit; }

img {
  max-width: 100%;
  height: auto; }

button {
  border: none; }

.row--full {
  max-width: none; }

.row--main {
  display: flex;
  flex-direction: column; }

@media only screen and (min-width: 40.0625em) {
  .row--main {
    display: block; } }

.column--maincolumn {
  order: 1; }

.column--sidebar {
  order: 3;
  margin-top: 3em; }

.column--additional {
  order: 2;
  margin-top: 3em; }

@media only screen and (min-width: 40.0625em) {
  .column--maincolumn {
    order: initial;
    margin-top: 0; }
  .column--sidebar {
    order: initial;
    margin-top: 0; }
  .column--additional {
    order: initial;
    margin-top: 0; } }

.body--fixed {
  position: fixed;
  overflow-x: hidden;
  width: 100%; }

.wrap {
  background: url(../images/background.svg) top center no-repeat;
  background-size: 100%;
  min-height: 500px;
  padding: 2rem 0.5rem 0; }
  @media only screen and (min-width: 40.0625em) {
    .wrap {
      padding: 2rem 1rem 0; } }

.wrap--grey {
  background: #4D4D4D;
  padding: 1.5rem 0;
  min-height: auto;
  color: white; }

.sidebar {
  margin-top: 5rem; }
  @media only screen and (min-width: 40.0625em) {
    .sidebar {
      margin-top: 0; } }

.wrap__inner {
  background: white;
  margin: 0 auto;
  padding: 1rem 0; }
  @media only screen and (min-width: 40.0625em) {
    .wrap__inner {
      padding: 2rem 0.5rem; } }
  @media only screen and (min-width: 64.0625em) {
    .wrap__inner {
      padding: 2rem 1rem; } }
  @media only screen and (min-width: 80.0625em) {
    .wrap__inner {
      padding: 2rem 3.5rem;
      max-width: 82rem; } }
  .wrap__inner--no-bottom {
    padding-bottom: 0; }

.js-black {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s 0s, visibility 0s 0.2s; }
  .js-black--active {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.2s, visibility 0.2s; }

.distance-0 {
  margin-bottom: 0 !important; }

.distance-0-75 {
  margin-bottom: 0.75rem !important; }

.distance-1 {
  margin-bottom: 1rem !important; }

.distance-2 {
  margin-bottom: 2rem !important; }

.distance-3 {
  margin-bottom: 3rem !important; }

.distance-4 {
  margin-bottom: 4rem !important; }

.distance-6 {
  margin-bottom: 6rem !important; }

.distance-8 {
  margin-bottom: 8rem !important; }

@media only screen {
  .small-distance-0 {
    margin-bottom: 0 !important; }
  .small-distance-0-75 {
    margin-bottom: 0.75rem !important; }
  .small-distance-1 {
    margin-bottom: 1rem !important; }
  .small-distance-2 {
    margin-bottom: 2rem !important; }
  .small-distance-3 {
    margin-bottom: 3rem !important; }
  .small-distance-4 {
    margin-bottom: 4rem !important; }
  .small-distance-6 {
    margin-bottom: 6rem !important; }
  .small-distance-8 {
    margin-bottom: 8rem !important; } }

@media only screen and (min-width: 40.0625em) {
  .medium-distance-0 {
    margin-bottom: 0 !important; }
  .medium-distance-0-75 {
    margin-bottom: 0.75rem !important; }
  .medium-distance-1 {
    margin-bottom: 1rem !important; }
  .medium-distance-2 {
    margin-bottom: 2rem !important; }
  .medium-distance-3 {
    margin-bottom: 3rem !important; }
  .medium-distance-4 {
    margin-bottom: 4rem !important; }
  .medium-distance-6 {
    margin-bottom: 6rem !important; }
  .medium-distance-8 {
    margin-bottom: 8rem !important; } }

@media only screen and (min-width: 64.0625em) {
  .large-distance-0 {
    margin-bottom: 0 !important; }
  .large-distance-0-75 {
    margin-bottom: 0.75rem !important; }
  .large-distance-1 {
    margin-bottom: 1rem !important; }
  .large-distance-2 {
    margin-bottom: 2rem !important; }
  .large-distance-3 {
    margin-bottom: 3rem !important; }
  .large-distance-4 {
    margin-bottom: 4rem !important; }
  .large-distance-6 {
    margin-bottom: 6rem !important; }
  .large-distance-8 {
    margin-bottom: 8rem !important; } }

.loading, .filter--loading {
  position: relative;
  opacity: 0.5; }
  .loading:after, .filter--loading:after {
    content: '';
    width: 1rem;
    height: 1rem;
    border: 1px solid #5390D0;
    border-width: 2px 0 0;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -0.5rem 0 0 -0.5rem;
    animation: btn-spin 1s infinite; }
  .loading--large:after {
    width: 2rem;
    height: 2rem;
    margin: -1rem 0 0 -1rem;
    border-width: 3px 0 0; }

/**
 *	Good Classes
 */
.clearfix:before, .tabs:before, .nav-breadcrumb:before, .news:before, .teaser__content:before, .filter:not(.filter--loading):before, .filter__layer:before,
.clearfix:after,
.tabs:after,
.nav-breadcrumb:after,
.news:after,
.teaser__content:after,
.filter:not(.filter--loading):after,
.filter__layer:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.clearfix:after, .tabs:after, .nav-breadcrumb:after, .news:after, .teaser__content:after, .filter:not(.filter--loading):after, .filter__layer:after {
  clear: both; }

.audible {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }

.disable-scroll {
  overflow: hidden; }

.hide {
  display: none; }

.show {
  display: block; }

.hidden {
  visibility: hidden; }

.visibile {
  visibility: visible; }

/* Image Replace */
.ir {
  display: block;
  text-indent: -999em;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr; }

/* Screen Reader safe hide */
.visuallyhidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }

.left {
  float: left !important; }

.right {
  float: right !important; }

.textcenter {
  text-align: center; }

/*

Header
====
*/
.header {
  padding: 0.5rem 0; }
  @media only screen and (min-width: 64.0625em) {
    .header {
      padding: 1.25rem 0 0;
      margin-bottom: 2rem; } }
  .header__logo-column {
    position: relative;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 66.666667%;
    left: 16.666667%;
    right: auto;
    float: left; }
    @media only screen and (min-width: 64.0625em) {
      .header__logo-column {
        position: relative;
        padding-left: 0.625rem;
        padding-right: 0.625rem;
        width: 100%;
        left: 0;
        right: auto;
        float: left; } }
    @media only screen and (min-width: 80.0625em) {
      .header__logo-column {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
        width: 16.666667%;
        float: left; } }
  .header__nav-column {
    position: relative;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 16.666667%;
    right: 66.666667%;
    left: auto;
    float: left; }
    @media only screen and (min-width: 64.0625em) {
      .header__nav-column {
        position: relative;
        padding-left: 0.625rem;
        padding-right: 0.625rem;
        width: 100%;
        right: 0;
        left: auto;
        float: left; } }
    @media only screen and (min-width: 80.0625em) {
      .header__nav-column {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
        width: 83.333333%;
        float: left; } }
  .header__logo {
    background: url(../images/bsn_logo_notext.png) center no-repeat;
    background-size: contain;
    height: 3rem;
    margin: 0 auto; }
    @media only screen and (min-width: 80.0625em) {
      .header__logo {
        float: left;
        width: 200px;
        height: 5.4375rem;
        background: url(../images/bsn_logo.png); } }
  .header__search {
    position: absolute;
    right: 0;
    top: 3.5rem;
    width: 550%;
    min-width: 300px;
    padding: 1rem;
    background: white;
    border-top: 1px dotted #666666;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px) translateZ(0);
    transition: transform 0.2s, opacity 0.2s, visibility 0.2s; }
    .header__search--open {
      opacity: 1;
      visibility: visible;
      transform: translateY(0) translateZ(0); }
  .header__search-toggle {
    display: block;
    width: 100%;
    cursor: pointer;
    color: #5390D0;
    line-height: 3rem;
    font-size: 1.25rem;
    text-align: center; }

/*

Footer
====
*/
.footer {
  padding-bottom: 4rem; }
  .footer__logorow {
    padding-top: 12px;
    text-align: center; }
    @media only screen and (min-width: 64.0625em) {
      .footer__logorow {
        text-align: left; } }
    .footer__logorow .icon {
      font-size: 1rem;
      margin-left: 0.25rem; }
    .footer__logorow a {
      border-bottom: 1px dotted transparent; }
      .footer__logorow a:hover {
        border-bottom-color: #666666; }
  .footer__link {
    display: inline-block;
    margin-right: 2rem;
    position: relative; }
    .footer__link:after {
      content: '';
      position: absolute;
      right: -1rem;
      border-right: 1px solid #666666;
      top: 0.25rem;
      height: 1em; }
    .footer__link:last-child:after {
      display: none; }

.partner {
  position: relative;
  border: 1px dotted #4D4D4D;
  border-width: 1px 0;
  padding: 1rem 0;
  margin-top: 3rem;
  margin-bottom: 2rem; }
  @media only screen and (min-width: 64.0625em) {
    .partner {
      margin-top: 0;
      padding: 2rem 0; } }
  .partner__title {
    position: absolute;
    top: -3rem;
    font-size: 1.1875rem; }
    @media only screen and (min-width: 64.0625em) {
      .partner__title {
        position: static;
        line-height: 4rem; } }
  @media only screen and (min-width: 64.0625em) {
    .partner + .partner {
      border-top: none;
      margin-top: -2rem; } }
  .partner__image {
    max-width: 160px;
    max-height: 90px; }
  .partner__logo-list {
    text-align: center; }
    @media only screen and (min-width: 40.0625em) {
      .partner__logo-list {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        flex-wrap: wrap; } }
  .partner__logo-link {
    display: block;
    margin-bottom: 10px; }
    @media only screen and (min-width: 40.0625em) {
      .partner__logo-link {
        flex-basis: 33%; } }

/*

Typografie
====

Allgemeine Angaben zur Typografie.

*/
/*

## Überschriften

```
<div class="distance-2">
	<h1 class="headline headline--1">The quick brown fox &hellip; .headline--1</h1>
	<h2 class="headline headline--2">The quick brown fox &hellip; .headline--2</h2>
	<h3 class="headline headline--3">The quick brown fox &hellip; .headline--3</h3>
	<h4 class="headline headline--4">The quick brown fox &hellip; .headline--4</h4>
	<h5 class="headline headline--5">The quick brown fox &hellip; .headline--5</h5>
	<h6 class="headline headline--6">The quick brown fox &hellip; .headline--6</h6>
</div>
<div class="distance-2">
	<h2 class="headline headline--2 headline--orange">.headline--orange</h2>
	<h3 class="headline headline--3 headline--orange">
		<i class="icon icon-document"></i>
		.headline--orange with icon
	</h3>
	<h2 class="headline headline--2 headline--blue">.headline--blue</h2>
</div>
<div class="distance-2">
	<h1 class="headline headline--2 headline--fond">.headline--fond</h1>
	<h2 class="headline headline--2 headline--fond">
		<i class="icon icon-document"></i>
		.headline--fond with icon
	</h2>
</div>
```

*/
.FormBuilder legend, .Inputfield_datenschutz legend, .Inputfield_datenschutz .InputfieldStateToggle, .headline, .richtext h1, .richtext h2, .richtext h3, .richtext h4, .richtext h5, .richtext h6 {
  display: block;
  font-weight: 500;
  margin-bottom: 0.75rem;
  /*
	hyphens: auto;
	-webkit-hyphens: auto;
	word-wrap: break-word;
	*/ }
  @media only screen and (min-width: 40.0625em) {
    .FormBuilder legend, .Inputfield_datenschutz legend, .Inputfield_datenschutz .InputfieldStateToggle, .headline, .richtext h1, .richtext h2, .richtext h3, .richtext h4, .richtext h5, .richtext h6 {
      margin-bottom: 1.5rem; } }
  .FormBuilder legend .icon, .Inputfield_datenschutz legend .icon, .Inputfield_datenschutz .InputfieldStateToggle .icon, .headline .icon, .richtext h1 .icon, .richtext h2 .icon, .richtext h3 .icon, .richtext h4 .icon, .richtext h5 .icon, .richtext h6 .icon {
    font-size: 1rem;
    margin-right: 0.25rem; }

.headline--1, .richtext h1 {
  font-size: 1.75rem;
  line-height: 2.125rem; }
  @media only screen and (min-width: 40.0625em) {
    .headline--1, .richtext h1 {
      font-size: 2.0625rem;
      line-height: 2.5rem; } }

.FormBuilder legend, .Inputfield_datenschutz legend, .headline--2, .richtext h2, .accordion__title {
  font-size: 1.1875rem;
  line-height: 1.625rem; }

.Inputfield_datenschutz .InputfieldStateToggle, .headline--3, .richtext h3 {
  font-size: 1.1875rem;
  line-height: 1.625rem;
  font-weight: 400; }

.headline--4, .richtext h4 {
  font-size: 0.875rem;
  line-height: 1.0625rem; }

.headline--5, .richtext h5 {
  font-size: 0.875rem;
  line-height: 1.0625rem;
  font-weight: 400; }

.headline--6, .richtext h6 {
  font-size: 0.75rem;
  line-height: 0.9375rem; }

.headline--orange {
  color: #EA5E13; }

.headline--blue {
  color: #5390D0; }

.headline--fond {
  font-weight: 400;
  background: #5390D0;
  color: white;
  padding: 0.75rem 1rem;
  border-radius: 5px;
  margin-bottom: 2rem; }
  .headline--fond--small {
    margin-bottom: 0.5rem; }

/*

## Richtext

Alle Richtext-Klassen sind auch als Standalone verfügbar: .p, .a, .ul, .ol, .dl

```

<div class="richtext">
	<h1>Level 1 Headline</h1>
	<p>
		Ceriatur <a href="#">anchor hyperlink</a> volo tem aspe nonsed que mos am, occuptatate voluptat. 
		<strong>strong dolorio doluptaspel modit</strong>, aut <em>em qui con rem volorias earuptius.</em>
	</p>
	<ul>
		<li>unordered list</li>
		<li>dolorio</li>
		<li>doluptaspel</li>
	</ul>
	<h2>Another Level 2 Headline</h2>
	<p>
		Ceriatur <a href="#">anchor hyperlink</a> volo tem aspe nonsed que mos am, occuptatate voluptat. 
		<strong>strong dolorio doluptaspel modit</strong>, aut <em>em qui con rem volorias earuptius.</em>
	</p>
	<p>
		Ceriatur aut etumenias volo tem aspe nonsed que mos am, occuptatate voluptat. Alitincia dolorio doluptaspel modit, aut eius qui con rem volorias earuptius. 
		Ceriatur aut etumenias volo tem aspe nonsed que mos am, occuptatate voluptat. Alitincia dolorio doluptaspel modit, aut eius qui con rem volorias earuptius.
		Ceriatur aut etumenias volo tem aspe nonsed que mos am, occuptatate voluptat. Alitincia dolorio doluptaspel modit, aut eius qui con rem volorias earuptius.
	</p>
	<ol>
		<li>ordered list</li>
		<li>dolorio</li>
		<li>doluptaspel</li>
	</ol>
	<h2>Another Level 2 Headline</h2>
	<p>
		Ceriatur <a href="#">anchor hyperlink</a> volo tem aspe nonsed que mos am, occuptatate voluptat. 
		<strong>strong dolorio doluptaspel modit</strong>, aut <em>em qui con rem volorias earuptius.</em>
	</p>
	<h3>A lovely Level 3 Headline</h3>
</div>
```

 */
.richtext p + h1, .richtext p + h2, .richtext p + h3, .richtext p + h4, .richtext p + h5, .richtext p + h6, .richtext
ul + h1, .richtext
ul + h2, .richtext
ul + h3, .richtext
ul + h4, .richtext
ul + h5, .richtext
ul + h6, .richtext
ol + h1, .richtext
ol + h2, .richtext
ol + h3, .richtext
ol + h4, .richtext
ol + h5, .richtext
ol + h6 {
  padding-top: 2rem; }

.p, .richtext p {
  margin-bottom: 1rem; }
  .p:last-child, .richtext p:last-child {
    margin-bottom: 0; }

.strong, .richtext strong,
.richtext b {
  font-weight: 500; }

.em, .richtext em,
.richtext i {
  font-style: italic; }

.ul, .richtext ul {
  list-style-type: none;
  padding-left: 1.2rem;
  margin-bottom: 1rem; }
  .ul:last-child, .richtext ul:last-child {
    margin-bottom: 0; }
  .ul li, .richtext ul li {
    margin-bottom: 0.25rem;
    position: relative; }
    .ul li:before, .richtext ul li:before {
      content: '\25CF';
      position: absolute;
      left: -0.9rem;
      top: 0rem; }

.ol, .richtext ol {
  list-style: decimal inside; }
  .ol li, .richtext ol li {
    margin-bottom: 0.25rem; }

.a, .richtext a {
  border-bottom: 1px dotted #666666; }
  .a:hover, .richtext a:hover {
    border-bottom-style: solid; }

/*
## Bilder im Text

<div class="richtext">
	<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>

	<figure class="align_left">
		<a href="http://placekitten.com/">
			<img alt="" src="http://placekitten.com/502/314" width="502" width="314">
		</a>
		<figcaption>Hier steht ihr Bildtitel</figcaption>
	</figure>

	<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>

	<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>

	<figure class="align_right">
		<a href="http://placekitten.com/">
			<img alt="" src="http://placekitten.com/502/314" width="502" width="314">
		</a>
		<figcaption>Hier steht ihr Bildtitel</figcaption>
	</figure>


	<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>

</div>

*/
@media only screen and (min-width: 40.0625em) {
  .richtext .align_left {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px; }
  .richtext .align_right {
    float: right;
    margin-left: 20px;
    margin-bottom: 10px; } }

@media only screen and (min-width: 40.0625em) {
  .richtext .align_left,
  .richtext .align_right {
    position: relative;
    top: 7px; } }

.richtext .align_left a,
.richtext .align_right a {
  border: none;
  display: block;
  line-height: 1; }

.richtext .align_left figcaption,
.richtext .align_right figcaption, .figcaption {
  font-size: .75rem;
  background: rgba(102, 102, 102, 0.14);
  padding: 2px 8px; }

/*

## Definitionsliste

```
<dl class="dl">
	<dt class="dl__dt">Lehrgangsnummer</dt>
	<dd class="dl__dd">15.243</dd>

	<dt class="dl__dt">Termine</dt>
	<dd class="dl__dd">18.09.2015 bis 20.09.2015</dd>

	<dt class="dl__dt">Ort</dt>
	<dd class="dl__dd">Sögel</dd>

	<dt class="dl__dt">Anmeldeschluss</dt>
	<dd class="dl__dd">07.08.2015</dd>
</dl>
```

*/
.dl, .richtext dl {
  margin-bottom: 1rem; }
  .dl__dt, .richtext dt {
    color: #5390D0;
    text-transform: uppercase;
    font-weight: 500;
    padding-top: 1rem; }
    @media only screen and (min-width: 64.0625em) {
      .dl__dt, .richtext dt {
        padding: 2rem 0;
        float: left;
        clear: left;
        width: 36.66%; } }
  .dl__dd, .richtext dd {
    padding-bottom: 1rem;
    border-bottom: 1px dotted #666666; }
    @media only screen and (min-width: 64.0625em) {
      .dl__dd, .richtext dd {
        padding: 2rem 0;
        padding-left: 36.66%; } }

/*

## Zitate

```
<blockquote class="blockquote">
	<p>... ärztlich verordneten&nbsp;Rehabilitationssport in Gruppen unter ärztlicher Betreuung und Überwachung, einschließlich Übungen für&nbsp;Menschen mit Behinderung&nbsp;oder von Behinderung bedrohte Frauen und Mädchen, die der Stärkung des Selbstbewusstseins dienen, ....</p>
</blockquote>
```

*/
.blockquote, .richtext blockquote {
  padding-left: 20px;
  border-left: 5px solid #ccc;
  quotes: "“" "”" "‘" "’";
  margin-left: 0; }
  .blockquote p, .richtext blockquote p {
    display: inline; }
  .blockquote:before, .richtext blockquote:before, .blockquote:after, .richtext blockquote:after {
    color: #ccc;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em; }
  .blockquote:after, .richtext blockquote:after {
    content: close-quote; }

/*

## Sonstiges

```
<div class="distance-2">
	<span class="uppercase">uppercase</span>
</div>
<div class="distance-2">
	<a class="upperlink" href="#">
		Details anzeigen
		<i class="icon icon-arrow-right"></i>
	</a>
</div>
<div class="distance-2">
	<a class="biglink">
		Ihre Suche war nicht erfolgreich?
		<i class="icon icon-arrowhead-right"></i>
	</a>
</div>


```

*/
.biglink {
  display: block;
  font-size: 0.875rem;
  line-height: 1.125rem;
  padding: 0.75rem 2rem 0.75rem 0.75rem;
  background: #5390D0;
  color: white; }
  @media only screen and (min-width: 64.0625em) {
    .biglink {
      font-size: 1.4375rem;
      line-height: 1.625rem;
      padding-left: 1.25rem;
      padding-right: 2.5rem; } }
  .biglink .icon {
    position: absolute;
    right: 1rem;
    top: 50%;
    margin-top: -0.5rem;
    transition: transform 0.2s;
    transform: translateZ(0); }
    @media only screen and (min-width: 64.0625em) {
      .biglink .icon {
        margin-top: -0.7rem;
        right: 1.5rem; } }
  .biglink:hover .icon {
    transform: translateX(10px) translateZ(0); }

.uppercase {
  text-transform: uppercase; }

.upperlink {
  display: block;
  text-transform: uppercase;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 2rem; }
  .upperlink .icon {
    float: right;
    line-height: inherit;
    font-size: 1.33rem;
    transition: transform 0.2s;
    transform: translateZ(0); }
  .upperlink:hover .icon {
    transform: translateX(10px) translateZ(0); }

/*

Content Elements
====

*/
.linklist {
  list-style: none;
  padding: 0;
  border-top: 1px dotted #666666; }
  .linklist li {
    position: relative;
    padding: 0.75rem 1.75rem;
    border-bottom: 1px dotted #666666; }
  .linklist a {
    color: #5390D0; }
  .linklist .icon {
    position: absolute;
    top: 0.75rem;
    left: 0;
    font-size: 1.2rem; }
  .linklist .icon-hyperlink {
    font-size: 0.9rem;
    top: 1rem; }
  .linklist--white {
    border-color: white; }
    .linklist--white li {
      border-color: white; }
    .linklist--white a {
      color: white; }
  .linklist--small li {
    padding: 0.5rem 0 0.5rem 1.33rem; }
  .linklist--small .icon {
    font-size: 0.9rem; }
  .linklist--small .icon-hyperlink {
    top: 0.75rem; }
  .linklist--search {
    margin-bottom: 20px; }

.note {
  position: relative;
  padding: 3rem 1.5rem 2.25rem;
  border: 1px dotted #EA5E13; }
  .note--blue {
    border-color: #5390D0; }
  .note__title {
    display: inline-block;
    position: relative;
    top: -3rem;
    left: -1.5rem;
    margin: -1px 0 -2rem -1px;
    padding: 0 1.5rem 1.75rem 0;
    font-size: 1.1875rem;
    font-weight: 500;
    line-height: 1.5;
    text-transform: uppercase;
    background: white;
    color: #EA5E13; }
    .note__title .icon {
      margin-right: 0.25rem;
      font-size: 1rem; }
    .note__title--blue {
      color: #5390D0; }
  .note__content {
    margin-top: -1rem; }

.accordion {
  border-top: 1px dotted #666666; }
  .accordion--large {
    border: none; }
  .accordion__item {
    padding: 0.75rem 0.5rem;
    border-bottom: 1px dotted #666666;
    transition: background 0.2s; }
    .accordion__item--active {
      transition: background 0.75s; }
      .accordion__item--active .accordion__content {
        display: block; }
      .accordion__item--active .icon {
        transform: rotate(90deg);
        transition: transform 0.5s !important; }
    .accordion__item--large {
      border: 0;
      padding: 0; }
    .accordion__item:not(.accordion__item--active):hover {
      cursor: pointer;
      background: #DDE9F6; }
  .accordion__title {
    position: relative;
    display: block;
    cursor: pointer;
    padding-right: 3rem; }
    .accordion__title .icon {
      position: absolute;
      right: 0.5rem;
      top: 0.25rem;
      font-size: 1.1rem;
      transition: transform 0.25s; }
    .accordion__title--large {
      font-size: 0.875rem;
      line-height: 1.125rem;
      padding: 0.75rem 2rem 0.75rem 0.75rem;
      background: #5390D0;
      color: white; }
      .accordion__title--large .icon {
        right: 1rem;
        top: 0.75rem; }
      @media only screen and (min-width: 64.0625em) {
        .accordion__title--large {
          font-size: 1.4375rem;
          line-height: 1.625rem;
          padding-left: 1.25rem;
          padding-right: 2.5rem; }
          .accordion__title--large .icon {
            top: 1rem; } }
  .accordion__content {
    display: none;
    padding-top: 0.75rem; }
    .accordion__content--backend {
      display: block; }
    .accordion__content--large {
      padding: 0.75rem; }
  .distance-0 + .accordion {
    margin-top: 0.75rem; }

.video-container {
  background: #4D4D4D; }
  .video-container__title {
    display: block;
    background: #4D4D4D;
    color: white;
    padding: 0.66rem; }
  .video-container__outer {
    max-width: 100%; }
  .video-container__video {
    display: block;
    width: 100%;
    height: 100%; }
  .video-container__list {
    padding-top: 1.75rem; }

.pw-oembed--video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto; }
  .pw-oembed--video iframe,
  .pw-oembed--video object,
  .pw-oembed--video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.tabs {
  border-bottom: 1px solid #5390D0; }
  .tabs__link {
    position: relative;
    float: left;
    background: #DDE9F6;
    text-align: center;
    border-right: 5px solid white;
    padding: 1rem 0.5rem;
    width: 50%;
    text-transform: uppercase;
    font-weight: 500;
    transition: background 0.2s, color 0.2s;
    outline: 0; }
    @media only screen and (min-width: 40.0625em) {
      .tabs__link {
        width: 33.33%;
        padding-left: 1rem;
        padding-right: 1rem; } }
    @media only screen and (min-width: 64.0625em) {
      .tabs__link {
        width: 25%; } }
    .tabs__link--active {
      color: white;
      background: #5390D0; }
  .tabs__content {
    display: none; }
    .tabs__content.active {
      display: block; }

.pager {
  font-size: 0.9375rem;
  font-weight: 500;
  text-align: center; }
  .pager--left {
    text-align: left; }
  .pager--right {
    text-align: right; }
  .pager__item {
    display: inline-block; }
    .pager__item:last-child .pager__link, .pager__item:last-child .MarkupPagerNavOn a, .MarkupPagerNavOn .pager__item:last-child a, .pager__item:last-child .MarkupPagerNavSeparator {
      border-right-width: 1px; }
  .pager__link, .MarkupPagerNavOn a, .MarkupPagerNavSeparator {
    cursor: pointer;
    display: block;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    color: #5390D0;
    border: 1px solid #5390D0;
    border-right-width: 0; }
    .pager__link--active, .MarkupPagerNavOn a,
    .pager__link a, .MarkupPagerNavOn a a, .MarkupPagerNavSeparator a {
      color: white;
      background: #5390D0; }
  .pager .icon {
    font-size: 1.25rem;
    position: relative;
    top: 2px; }

.MarkupPagerNavSeparator {
  display: inline-block;
  color: #c2c2c2;
  border: 1px solid #c2c2c2; }

.padded-grid {
  padding: 0 1rem; }

.jumplinks {
  position: fixed;
  width: 100%;
  height: 4rem;
  /* 40px  / 16px */
  top: -4rem;
  /* 40px  / 16px */
  left: 0;
  right: 0;
  z-index: 10; }

.jumplinks a:link,
.jumplinks a:visited {
  transition: all .2s ease-out;
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  height: 3rem;
  /* 39px / 28px */
  line-height: 3rem;
  background-color: rgba(255, 255, 255, 0.8);
  font-size: 1rem;
  /* 28px / 16px */
  font-weight: bold;
  white-space: nowrap;
  padding-left: 20px;
  border-bottom: 1px solid #EA5E13;
  /* 1px / 28px */
  font-weight: 700;
  color: #000;
  text-transform: uppercase; }

.jumplinks a:focus {
  top: 4rem;
  /* 40px  / 28px */
  outline: none; }

/*

Navigation
====

*/
/*

## Navigations element

Beispiel:

```
<div class="nav" data-module="nav">
	<ul class="nav__inner">
		<li class="nav__item"><a class="nav__link" href="#">Über uns</a></li>
		<li class="nav__item"><a class="nav__link" href="#">Rehabilitation</a></li>
		<li class="nav__item"><a class="nav__link" href="#">Bereiche</a></li>
		<li class="nav__item nav_item--active nav__item--open">
			<div class="nav__toggle">Vereine</div>
			<div class="nav__layer">
				<button class="nav__close">
					<i class="icon icon-close"></i>
				</button>
				<ul class="nav__subnav">
					<li class="nav__subitem"><a class="nav__sublink" href="#">Vereinsservice</a></li>
					<li class="nav__subitem"><a class="nav__sublink" href="#">Vereinssuche</a></li>
				</ul>
			</div>
		</li>
		<li class="nav__item"><a class="nav__link" href="#">Aus- &amp; Fortbildung</a></li>
		<li class="nav__item nav__item--search" data-module="search">
			<div class="nav__toggle"><i class="icon icon-search"></i></div>
		</li>
	</ul>
</div>
```

 */
.nav {
  font-size: 0.9375rem;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  height: 4rem;
  z-index: 100;
  color: black; }
  @media only screen and (min-width: 80.0625em) {
    .nav {
      text-align: right;
      height: 5.4375rem; } }
  .nav__inner {
    position: absolute;
    left: 0;
    bottom: -2rem;
    width: 100%; }
  .nav__item {
    position: relative;
    display: inline-block;
    margin: 0 3px;
    background: transparent;
    transition: background 0.2s, color 0.2s; }
    .nav__item:first-child {
      margin-left: 0; }
    .nav__item:last-child {
      margin-right: 0; }
    .nav__item:hover, .nav__item--current {
      color: #EA5E13; }
    .nav__item:active {
      outline: none; }
    .nav__item:before {
      visibility: hidden;
      content: '';
      position: absolute;
      top: -0;
      left: -0;
      width: 102%;
      height: 20px;
      background: url(../images/nav_mask.svg) top center no-repeat;
      background-size: 100% 100%;
      transform: translateY(0) translateZ(0);
      transition: transform 0.2s 0s, visibility 0s 0.2s; }
    .nav__item--search {
      margin-left: 12px; }
      .nav__item--search:after {
        content: '';
        position: absolute;
        left: -12px;
        top: 30px;
        height: 1rem;
        width: 2px;
        background: #666666; }
    .nav__item--active, .nav__item--open {
      background: #EA5E13;
      color: white !important; }
      .nav__item--active:before, .nav__item--open:before {
        visibility: visible;
        transform: translateY(-10px) translateZ(0);
        transition: transform 0.2s, visibility 0.2s; }
    .nav__item--open .nav__layer {
      opacity: 1;
      visibility: visible;
      transform: translateY(0) translateZ(0);
      transition: transform 0.2s, opacity 0.2s, visibility 0.2s; }
  .nav__link, .nav__toggle {
    font-family: "Open Sans", sans-serif;
    font-size: inherit;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
    display: inline-block;
    padding: 1.625rem 0.4375rem 2rem;
    letter-spacing: inherit;
    text-transform: inherit; }
    .nav__link:hover, .nav__link:active, .nav__link--active, .nav__toggle:hover, .nav__toggle:active, .nav__toggle--active {
      color: #EA5E13;
      outline: 0; }
    .nav__item--current .nav__link, .nav__item--current .nav__toggle {
      color: #EA5E13; }
    .nav__item--open .nav__link, .nav__item--open .nav__toggle {
      color: #FFFFFF; }
  .nav__layer {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 100%;
    border-top: 2rem solid #EA5E13;
    text-align: left;
    background: white;
    width: 480px;
    left: 50%;
    margin-left: -240px;
    transition: transform 0.8s, opacity 0.2s, visibility 0.2s;
    transform: translateY(-10px) translateZ(0); }
    .nav__layer--last {
      right: 0;
      left: auto;
      margin-left: 0; }
    .nav__layer--small {
      width: 320px;
      left: auto;
      margin-left: 0;
      right: 0; }
      @media only screen and (min-width: 1330px) {
        .nav__layer--small {
          right: -60px; } }
  .nav__close {
    position: absolute;
    right: 0;
    top: -2rem;
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    color: white;
    text-align: center;
    cursor: pointer;
    background: #4D4D4D; }
    .nav__close .icon {
      font-size: 0.6rem; }
  .nav__search {
    padding: 1rem; }
    .nav__search-input {
      display: block;
      padding: 0.5rem;
      width: 100%;
      margin: 0; }
    .nav__search-submit {
      display: block;
      cursor: pointer;
      padding: 0.5rem 0.75rem;
      width: 100%;
      border: 1px solid #ccc;
      border-radius: 3px; }
  .nav__subnav {
    padding: 1rem 3rem; }
  .nav__subitem {
    color: #4D4D4D;
    border-top: 1px dotted #4D4D4D; }
    .nav__subitem:last-child {
      border-bottom: 1px dotted #4D4D4D; }
  .nav__sublink {
    display: block;
    padding: 2rem; }
    .nav__sublink:after {
      content: "\e606";
      font-family: 'icomoon';
      font-size: 1.4rem;
      line-height: 1;
      float: right;
      transform: translateZ(0);
      transition: transform 0.2s; }
    .nav__sublink:hover:after {
      transform: translateX(10px) translateZ(0); }
    .nav__sublink:active {
      background: #eee; }

/*

## Footer Navigation

Beispiel:

```
<ul class="row show-for-medium-up nav-footer">
	<li class="nav-footer__group column medium-2 medium-offset-1">
		<a class="nav-footer__link" href="#">Über uns</a>
		<ul>
			<li class="nav-footer__item"><a href="#">Inklusion</a>
			<li class="nav-footer__item"><a href="#">Infos</a>
			<li class="nav-footer__item"><a href="#">Partner</a>
		</ul>
	</li>
	<li class="nav-footer__group column medium-2">
		<a class="nav-footer__link" href="#">Über uns</a>
		<ul>
			<li class="nav-footer__item"><a href="#">Inklusion</a>
			<li class="nav-footer__item"><a href="#">Infos</a>
			<li class="nav-footer__item"><a href="#">Partner</a>
		</ul>
	</li>
	<li class="nav-footer__group column medium-2">
		<a class="nav-footer__link" href="#">Über uns</a>
		<ul>
			<li class="nav-footer__item"><a href="#">Inklusion</a>
			<li class="nav-footer__item"><a href="#">Infos</a>
			<li class="nav-footer__item"><a href="#">Partner</a>
		</ul>
	</li>
	<li class="nav-footer__group column medium-2">
		<a class="nav-footer__link" href="#">Über uns</a>
		<ul>
			<li class="nav-footer__item"><a href="#">Inklusion</a>
			<li class="nav-footer__item"><a href="#">Infos</a>
			<li class="nav-footer__item"><a href="#">Partner</a>
		</ul>
	</li>
	<li class="nav-footer__group column medium-2 end">
		<a class="nav-footer__link" href="#">Über uns</a>
		<ul>
			<li class="nav-footer__item"><a href="#">Inklusion</a>
			<li class="nav-footer__item"><a href="#">Infos</a>
			<li class="nav-footer__item"><a href="#">Partner</a>
		</ul>
	</li>

</ul>
```

*/
.nav-footer {
  padding-top: 2rem; }
  .nav-footer__item {
    margin-bottom: 0.1875rem; }
  .nav-footer__link {
    display: inline-block;
    font-size: 1.1875rem;
    margin-bottom: 0.8125rem; }
  .nav-footer a {
    border-bottom: 1px dotted transparent; }
    .nav-footer a:hover {
      border-bottom: 1px dotted #666666; }
  .nav-footer__line {
    display: none; }
    @media (max-width: 64em) {
      .nav-footer__line {
        display: block;
        width: 100%;
        height: 1.5em; } }

/*

## Breadcrumb Navigation

Beispiel:

```
<ul class="nav-breadcrumb">
	<li class="nav-breadcrumb__item"><a href="#"><i class="icon icon-home"></i></a></li>
	<li class="nav-breadcrumb__item"><a href="#">Elternseite</a></li>
	<li class="nav-breadcrumb__item"><a href="#">Sub Sub Seite</a></li>
	<li class="nav-breadcrumb__item">Hier bin ich</li>
</ul>
```

*/
.nav-breadcrumb {
  margin-bottom: 2.5rem; }
  .nav-breadcrumb .icon {
    font-size: 1.25em;
    margin-right: 0.25rem; }
  .nav-breadcrumb__item {
    float: left; }
    .nav-breadcrumb__item:after {
      content: "\e605";
      font-family: 'icomoon';
      margin: 0 0.5rem;
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    .nav-breadcrumb__item:last-child:after {
      display: none; }
  .nav-breadcrumb a {
    border-bottom: 1px dotted transparent; }
    .nav-breadcrumb a:hover {
      border-bottom: 1px dotted #666666; }

/*

Sidebar
====

*/
.aside {
  margin-bottom: 2.5rem; }
  .aside--blue, .aside--orange, .aside--grey {
    padding: 1rem 0.75rem; }
  .aside--orange {
    background: #EA5E13;
    color: white; }
  .aside--blue {
    background: #5390D0;
    color: white; }
  .aside--grey {
    background: #f2f2f2; }
  .aside__title {
    display: block;
    font-size: 0.9375rem;
    line-height: 1.125rem;
    font-weight: 500;
    color: white;
    margin-bottom: 1rem; }

/*

Quickstart
====
*/
.quickstart {
  border-bottom: 1px solid #4d4d4d; }
  @media only screen and (min-width: 64.0625em) {
    .quickstart {
      margin-left: 0.625rem;
      background: #e5e5e5; } }
  .quickstart__title {
    margin-bottom: 0.25rem; }
    @media only screen and (min-width: 64.0625em) {
      .quickstart__title {
        margin-bottom: 1.5rem; } }
  .quickstart__text {
    line-height: 1.125rem; }
  .quickstart__image {
    position: absolute;
    right: 0;
    top: 0;
    width: 25%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: transform 0.2s; }
    @media only screen and (min-width: 64.0625em) {
      .quickstart__image {
        width: 50%; } }
  .quickstart__img-img {
    float: right;
    width: auto;
    height: auto;
    max-width: 40%;
    max-height: 7rem;
    margin-right: -1rem;
    margin-left: 1rem; }
  .quickstart__item {
    display: block;
    position: relative;
    overflow: hidden;
    border-top: 1px solid #4d4d4d;
    padding: 0.5rem 40% 0.5rem 0.5rem; }
    @media only screen and (min-width: 64.0625em) {
      .quickstart__item {
        padding: 1rem 60% 2rem 1.75rem; } }
    .quickstart__item:hover .icon, .quickstart__item:focus .icon {
      transform: translateX(10px) translateZ(0); }
    .quickstart__item:hover .quickstart__image, .quickstart__item:focus .quickstart__image {
      transform: translateX(15px) translateZ(0); }
    .quickstart__item .icon {
      position: absolute;
      top: 0.75rem;
      right: 30%;
      transition: transform 0.2s;
      font-size: 1.4rem; }
      @media only screen and (min-width: 64.0625em) {
        .quickstart__item .icon {
          top: auto;
          bottom: 1rem;
          right: 53%;
          font-size: 1.4rem; } }

/*
.js .quickstart {
	opacity: 0;
	transition: opacity 1s;

	&--visible {
		opacity: 1;
	}
}*/
/*

News List
====

Beispiel:

```
<div class="news">
	<div class="headline headline--2 headline--fond headline--fond--small">
		<i class="icon icon-news"></i> Aktuelles
	</div>
	<ul class="news__list">
		<li class="news__item"><a href="#">
			<div class="uppercase">12. Mai 2015</div>
			<strong class="news__headline">Tischtennis: 12. Slovenian Open</strong>
			<p>
				Johannes Urban schafft eines der besten Resultate seiner bisherigen Karriere
			</p>
		</a></li>
		<li class="news__item"><a href="#">
			<div class="uppercase">12. Mai 2015</div>
			<strong class="news__headline">Tischtennis: 12. Slovenian Open</strong>
			<p>
				Johannes Urban schafft eines der besten Resultate seiner bisherigen Karriere
			</p>
		</a></li>
	</ul>
</div>

<div class="news">
	<div class="headline headline--2 headline--fond headline--fond--small">
		<i class="icon icon-calendar"></i> Veranstaltungen
	</div>
	<ul class="news__list">
		<li class="news__item news__item--event"><a href="#">
			<div class="news__date">
				<div class="news__day">12.</div>Mai<br />2015
			</div>
			<div class="news__content">
				<strong class="news__headline">Tischtennis: 12. Slovenian Open</strong>
				<p>
					Deutschland bleibt erstklassig!
				</p>
			</div>
		</a></li>
		<li class="news__item news__item--event"><a href="#">
			<div class="news__date">
				<div class="news__day">12.</div>Mai<br />2015
			</div>
			<div class="news__content">
				<strong class="news__headline">Tischtennis: 12. Slovenian Open</strong>
				<p>
					Deutschland bleibt erstklassig!
				</p>
			</div>
		</a></li>
	</ul>
</div>
```

*/
.news {
  padding: 0 0.25rem; }
  @media only screen and (min-width: 40.0625em) {
    .news {
      padding: 0 1rem; } }
  .news__title {
    font-size: 1.1875rem;
    font-weight: 400;
    color: white;
    background: #5390D0;
    border-radius: 5px; }
    .news__title .icon {
      font-size: 1.25rem;
      margin-right: 0.25rem; }
  .news__list {
    margin-bottom: 1.75rem; }
    .news__list--aside {
      margin-bottom: 1rem; }
  .news__item {
    padding: 0.75rem 0;
    border-bottom: 1px dotted #4D4D4D;
    overflow: hidden; }
    .news__item--event {
      padding-top: 1rem; }
      .news__item--event:first-child {
        padding-top: 0.75rem; }
  .news__link {
    display: block; }
  .news__headline {
    font-size: 1.1875rem;
    line-height: 1.4375rem;
    font-weight: 500;
    color: #5390D0;
    margin-bottom: 2px; }
    .news__headline--small {
      font-size: 0.9375rem;
      line-height: 1.125rem; }
  .news__datecontainer {
    width: 75px;
    float: left;
    position: relative; }
    @media only screen and (min-width: 40.0625em) {
      .news__datecontainer {
        width: 150px; } }
    .news__datecontainer--events {
      width: 75px; }
  .news__date {
    font-size: 1em;
    /* change icon size */
    display: block;
    position: relative;
    background-color: #fff;
    border-radius: 0.6em;
    border: 1px solid rgba(83, 144, 208, 0.18);
    width: 65px;
    margin-bottom: 0; }
    @media only screen and (min-width: 40.0625em) {
      .news__date {
        float: left; } }
    @media only screen and (min-width: 40.0625em) {
      .news__date--end {
        float: right; } }
  .news__dash {
    display: block;
    padding: 5px 0;
    text-align: center;
    color: #5390D0; }
    @media only screen and (min-width: 40.0625em) {
      .news__dash {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -7px; } }
  .news__day, .news__month, .news__year {
    display: block;
    width: 100%;
    font-size: 1em;
    font-style: normal;
    text-align: center; }
  .news__month {
    position: absolute;
    top: 0;
    padding: 0.4em 0;
    color: #666;
    background-color: rgba(83, 144, 208, 0.18);
    border-radius: 0.6em;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    font-weight: 500;
    display: inline; }
  .news__day {
    font-size: 2em;
    padding-top: 1.4em; }
  .news__year {
    padding-top: 3px;
    color: #5390D0; }
  @media only screen and (min-width: 40.0625em) {
    .news__content {
      padding-left: 185px; } }
  @media only screen and (min-width: 40.0625em) {
    .news__content--events {
      padding-left: 75px; } }
  .news--aside {
    padding: 0; }

/*

Voting Elements
====

*/
@media only screen and (max-width: 40em) {
  .vote {
    margin-top: 1.2rem; } }

@media only screen and (max-width: 40em) {
  .vote__outer {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 100%;
    float: left; } }

@media only screen and (min-width: 40.0625em) {
  .vote {
    margin-bottom: 1.25rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 50%;
    float: left; } }

@media only screen and (min-width: 64.0625em) {
  .vote {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 33.333333%;
    float: left; } }

.vote__content {
  padding: 1.5rem;
  background: #e6e6e6; }

.vote__vote {
  position: relative;
  padding: 0.5rem;
  background: #5390D0;
  border: 1px solid #5390D0; }
  .vote__vote--active {
    background: #DDE9F6; }
    .vote__vote--active .btn, .vote__vote--active .FormBuilder button[type="submit"], .FormBuilder .vote__vote--active button[type="submit"], .vote__vote--active .Inputfield_courses .asmListItemRemove, .Inputfield_courses .vote__vote--active .asmListItemRemove {
      border-color: transparent;
      color: #666666; }
    .vote__vote--active:after {
      content: '';
      position: absolute;
      left: 0;
      bottom: -2px;
      width: 100%;
      height: 2px;
      background: #DDE9F6;
      z-index: 11; }

.vote__form-outer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: 0 .5rem;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transition: transform 0.8s, opacity 0.2s, visibility 0.2s;
  transform: translateY(-10px) translateZ(0); }
  @media only screen and (min-width: 40.0625em) {
    .vote__form-outer {
      padding: 0 2rem; } }
  @media only screen and (min-width: 80.0625em) {
    .vote__form-outer {
      padding: 0 4.5rem; } }
  .vote__form-outer--active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) translateZ(0);
    transition: transform 0.2s, opacity 0.2s, visibility 0.2s; }

.vote__form {
  border: 1px solid #5390D0;
  padding: 2rem;
  background: #DDE9F6; }

.vote__feedback {
  background: white;
  padding: 1rem;
  border-radius: 5px;
  max-width: 65rem; }

.vote__close {
  position: absolute;
  right: 0.625rem;
  top: 0;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  color: white;
  text-align: center;
  cursor: pointer;
  background: #4D4D4D; }
  .vote__close .icon {
    font-size: 0.6rem; }

@media only screen and (min-width: 64.0625em) {
  .vote__submit-outer {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0.625rem;
    max-width: 30rem; } }

.vote__tos {
  padding: 1rem 0;
  font-size: 0.75rem; }
  @media only screen and (min-width: 64.0625em) {
    .vote__tos {
      float: left;
      padding: 0 1.25rem 0 0; } }

/*

Teaser
====

*/
.teaser {
  position: relative;
  background: top center no-repeat;
  background-size: cover;
  padding-top: 40%;
  height: 100%; }
  .teaser--1-1, .teaser--2-1, .teaser--3-1 {
    padding-top: 0; }
    .teaser--1-1:after, .teaser--2-1:after, .teaser--3-1:after {
      content: '';
      display: block;
      padding-top: 100%; }
  .teaser--2-1:after {
    padding-top: 50%; }
  .teaser--3-1:after {
    padding-top: 33.33%; }
  .teaser--reveal-more {
    padding-top: 50%; }
  .teaser--small, .teaser--medium {
    padding-top: 0;
    padding-left: 33.33%; }
  .teaser--large {
    padding-top: 0;
    padding-left: 48%; }
  .teaser__author {
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    font-size: 9px;
    padding: 0.1em 0.5em;
    text-align: right;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5); }
    @media only screen and (min-width: 40.0625em) {
      .teaser__author {
        font-size: 12px; } }
  .teaser__content {
    position: relative;
    padding: 17.5% 1rem 5.25rem;
    height: 100%;
    background: url(../images/background_teaser_default.svg) top center no-repeat;
    background-size: 100%;
    color: white; }
    .teaser__content p {
      margin-bottom: 1rem; }
    .teaser__content--no-button {
      padding-bottom: 1rem; }
    .teaser__content--absolute {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: auto; }
    .teaser__content--blue {
      background-image: url(../images/background_teaser_default_blue.svg); }
    .teaser__content--small, .teaser__content--medium, .teaser__content--large {
      background-position: top right;
      background-size: 100% 100%; }
    .teaser__content--small {
      padding: 1.5rem 2rem 6.5rem 22.5%;
      background-image: url(../images/background_teaser_blue.svg); }
    .teaser__content--medium {
      padding: 4rem 1.5rem 5rem 20%;
      background-image: url(../images/background_teaser_orange.svg); }
    .teaser__content--large {
      padding: 3rem 2rem 7rem 20%;
      background-image: url(../images/background_teaser_orange_large.svg); }
      @media only screen and (min-width: 64.0625em) {
        .teaser__content--large {
          padding: 5rem 6rem 7rem 20%; } }
    @media only screen and (min-width: 40.0625em) {
      .teaser__content--stage {
        padding-left: 2rem;
        padding-right: 2rem; } }
    @media only screen and (min-width: 64.0625em) {
      .teaser__content--stage {
        position: absolute;
        left: 0;
        width: 100%;
        bottom: 0;
        height: auto;
        padding: 17.5% 3rem 8rem 5rem; } }
    @media only screen and (min-width: 80.0625em) {
      .teaser__content--stage {
        padding-right: 14rem; } }
  .teaser__title {
    display: block;
    font-size: 1.1875rem;
    line-height: 1.625rem;
    font-weight: 700;
    margin-bottom: 0.5rem; }
    .teaser__title--small {
      font-size: 1.4375rem;
      line-height: 1.75rem;
      font-weight: 500;
      margin-bottom: 1.25rem; }
    .teaser__title--medium {
      font-size: 2.0625rem;
      line-height: 2.5rem;
      font-weight: 500;
      margin-bottom: 1.75rem; }
    .teaser__title--large {
      font-size: 2.0625rem;
      line-height: 2.5rem;
      font-weight: 500;
      margin-bottom: 1.5rem; }
    @media only screen and (min-width: 64.0625em) {
      .teaser__title--stage {
        font-size: 2.0625rem;
        line-height: 2.5rem;
        font-weight: 500;
        margin-bottom: 1.5rem; } }
  .teaser__btn {
    position: absolute;
    left: 1rem;
    right: 1rem;
    bottom: 1rem; }
    .teaser__btn--small {
      left: 22.5%;
      right: 2rem;
      bottom: 1.5rem; }
    .teaser__btn--medium {
      left: 20%;
      right: 1.5rem;
      bottom: 1.5rem; }
    .teaser__btn--large {
      left: 20%;
      right: 2rem;
      bottom: 1.5rem; }
      @media only screen and (min-width: 64.0625em) {
        .teaser__btn--large {
          right: 3rem; } }
      @media only screen and (min-width: 80.0625em) {
        .teaser__btn--large {
          right: 6rem; } }
    @media only screen and (min-width: 64.0625em) {
      .teaser__btn--stage {
        bottom: 3rem;
        right: 6rem; } }

/*
## Default Teaser

```
<div class="row">
	<div class="column small-4">
		<div class="teaser" style="background-image: url(../../images/stage_img.jpg)">
			<div class="teaser__content">
				<strong class="teaser__title">Projekt Teaser</strong>
				<p>
					Apicaest vellorrum quid et, sere volorep elluptatem esti occusam et lam, quam qui optati nis.
				</p>
				<div class="teaser__btn">
					<a class="btn btn--large btn--white right" href="#">
						Mehr
					</a>
				</div>
			</div>
		</div>
	</div>
	<div class="column small-4">
		<div class="teaser" style="background-image: url(../../images/stage_img.jpg)">
			<div class="teaser__content">
				<strong class="teaser__title">Projekt Teaser</strong>
				<p>
					Apicaest vellorrum quid et, sere volorep elluptatem esti occusam et lam, quam qui optati nis.
				</p>
				<div class="teaser__btn">
					<a class="btn btn--large btn--white right" href="#">
						Mehr
					</a>
				</div>
			</div>
		</div>
	</div>
	<div class="column small-4">
		<div class="teaser" style="background-image: url(../../images/stage_img.jpg)">
			<div class="teaser__content">
				<strong class="teaser__title">Projekt Teaser</strong>
				<p>
					Apicaest vellorrum quid et, sere volorep elluptatem esti occusam et lam, quam qui optati nis.
				</p>
				<div class="teaser__btn">
					<a class="btn btn--large btn--white right" href="#">
						Mehr
					</a>
				</div>
			</div>
		</div>
	</div>
</div>
```

*/
/*
## Teaser Small

```
<div class="row">
	<div class="column small-6">
		<div class="teaser teaser--small" style="background-image: url(../../images/stage_img.jpg)">
			<div class="teaser__content teaser__content--small">
				<strong class="teaser__title teaser__title--small">Sportverein ist nicht dabei?</strong>
				<p>
					Kein Problem, füllt einfach das Formular aus und ihr werdet bald von allen gefunden!
				</p>
				<div class="teaser__btn teaser__btn--small">
					<a class="btn btn--white" href="#">
						Mehr
					</a>
				</div>
			</div>
		</div>
	</div>
	<div class="column small-6">
		<div class="teaser teaser--small" style="background-image: url(../../images/stage_img.jpg)">
			<div class="teaser__content teaser__content--small">
				<strong class="teaser__title teaser__title--small">Sportverein ist nicht dabei?</strong>
				<p>
					Kein Problem, füllt einfach das Formular aus und ihr werdet bald von allen gefunden!
				</p>
				<div class="teaser__btn teaser__btn--small">
					<a class="btn btn--white" href="#">
						Mehr
					</a>
				</div>
			</div>
		</div>
	</div>
</div>
```

*/
/*
## Teaser Medium

```
<div class="row">
	<div class="column small-8">
		<div class="teaser teaser--medium" style="background-image: url(../../images/stage_img.jpg)">
			<div class="teaser__content teaser__content--medium">
				<strong class="teaser__title teaser__title--medium">Teaser Medium</strong>
				<p class="p">
					Ugitatias sequam hilliscium quidi qui alique et aut harciae ceruptibus reseque rat.
				</p>
				<div class="teaser__btn teaser__btn--medium">
					<a class="btn btn--white btn--large right" href="#">
						mehr
					</a>
				</div>
			</div>
		</div>
	</div>
</div>
```

*/
/*
## Teaser Large

```
<div class="teaser teaser--large" style="background-image: url(../../images/stage_img.jpg)">
	<div class="teaser__content teaser__content--large">
		<strong class="teaser__title teaser__title--large">Teaser Large</strong>
		<p>
			Ugitatias sequam hilliscium quidi qui alique et aut harciae ceruptibus reseque rat.
		</p>
		<div class="teaser__btn teaser__btn--large">
			<a class="btn btn--white btn--large right" href="#">
				mehr
			</a>
		</div>
	</div>
</div>
```

*/
/*
## Fixed Ratio Teaser

1:1, 2:1, 3:1

```
<div class="row distance-2">
	<div class="column small-4">
		<div class="teaser teaser--1-1" style="background-image: url(../../images/candidate.jpg)">
			<div class="teaser__content teaser__content--absolute teaser__content--no-button">
				<h2 class="teaser__title teaser__title--small distance-0">Björn Behnke</h2>
			</div>
		</div>
	</div>
</div>
<div class="row distance-2">
	<div class="column small-6">
		<div class="teaser teaser--2-1" style="background-image: url(../../images/stage_img.jpg)">
			<div class="teaser__content teaser__content--absolute teaser__content--no-button">
				<h2 class="teaser__title teaser__title--small distance-0">Björn Behnke</h2>
			</div>
		</div>
	</div>
</div>
<div class="row distance-2">
	<div class="column small-8">
		<div class="teaser teaser--3-1" style="background-image: url(../../images/stage_img.jpg)">
			<div class="teaser__content teaser__content--absolute teaser__content--no-button">
				<h2 class="teaser__title teaser__title--small distance-0">Björn Behnke</h2>
			</div>
		</div>
	</div>
</div>
```

*/
/*

Formulare und Schaltflächen
====

*/
/*

## Standard Formular

Beispiel:

```
<form class="form" action="#" method="POST">
	<div class="form__item">
		<label class="form__label" for="vote_lastname">Nachname*</label>
		<input class="input--text" name="firstname" id="vote_lastname" type="text" />
	</div>
	<div class="form__item">
		<label class="form__label" for="vote_firstname">Vorname*</label>
		<input class="input--text" name="familyname" id="vote_firstname" type="text" />
	</div>
</form>
```

*/
.form__label, .FormBuilder label[for] {
  display: block;
  cursor: pointer;
  margin-bottom: 2px; }

.form__item {
  margin-bottom: 0.625rem;
  max-width: 30rem; }

/*

## Standard Buttons

Beispiel:

```
<table class="table">
	<tr class="table__tr">
		<td class="table__td">.btn</td>
		<td class="table__td"><button class="btn">Button</button></td>
	</tr>
	<tr class="table__tr">
		<td class="table__td">.btn.btn--bg-blue</td>
		<td class="table__td"><button class="btn btn--bg-blue">Button</button></td>
	</tr>
	<tr class="table__tr">
		<td class="table__td">.btn.btn--white-blue</td>
		<td class="table__td"><button class="btn btn--white-blue">Button</button></td>
	</tr>
	<tr class="table__tr">
		<td class="table__td">.btn.btn--white-orange</td>
		<td class="table__td"><button class="btn btn--white-orange">Button</button></td>
	</tr>
	<tr class="table__tr">
		<td class="table__td">.btn.btn--white-grey</td>
		<td class="table__td"><button class="btn btn--white-grey">Button</button></td>
	</tr>
	<tr class="table__tr">
		<td class="table__td">.btn.btn--large</td>
		<td class="table__td"><button class="btn btn--large">Button</button></td>
	</tr>
	<tr class="table__tr">
		<td class="table__td">.btn.btn--small</td>
		<td class="table__td"><button class="btn btn--small">Button</button></td>
	</tr>
	<tr class="table__tr">
		<td class="table__td">.btn.btn--full</td>
		<td class="table__td"><button class="btn btn--full">Button</button></td>
	</tr>
	<tr class="table__tr">
		<td class="table__td">.btn.btn--loading</td>
		<td class="table__td">
			<button class="btn btn--loading">Button</button>
			<button class="btn btn--bg-blue btn--loading">Button</button>
		</td>
	</tr>
</table>
```

*/
.btn, .FormBuilder button[type="submit"], .Inputfield_courses .asmListItemRemove {
  cursor: pointer;
  display: inline-block;
  font-size: 0.9375rem;
  font-weight: 500;
  text-transform: uppercase;
  padding: 0.75rem 1rem;
  color: #5390D0;
  border: 1px solid #5390D0;
  background: transparent; }
  .btn .icon, .FormBuilder button[type="submit"] .icon, .Inputfield_courses .asmListItemRemove .icon {
    margin-right: 0.25rem; }
  .btn:not(.btn--loading):hover, .FormBuilder button[type="submit"]:not(.btn--loading):hover, .Inputfield_courses .asmListItemRemove:not(.btn--loading):hover, .btn:not(.btn--loading):focus, .FormBuilder button[type="submit"]:not(.btn--loading):focus, .Inputfield_courses .asmListItemRemove:not(.btn--loading):focus {
    background: #5390D0;
    border-color: white;
    color: white; }
  .btn--white-orange {
    color: white;
    border-color: white; }
    .btn--white-orange:not(.btn--loading):hover, .btn--white-orange:not(.btn--loading):focus {
      background: white;
      color: #EA5E13; }
  .btn--white-blue {
    color: white;
    border-color: white; }
    .btn--white-blue:not(.btn--loading):hover, .btn--white-blue:not(.btn--loading):focus {
      background: white;
      color: #5390D0; }
  .btn--white-grey {
    color: white;
    border-color: white; }
    .btn--white-grey:not(.btn--loading):hover, .btn--white-grey:not(.btn--loading):focus {
      background: white;
      color: #4D4D4D; }
  .btn--bg-blue, .FormBuilder button[type="submit"] {
    color: white;
    background: #5390D0;
    border-color: none; }
    .btn--bg-blue:not(.btn--loading):hover, .FormBuilder button[type="submit"]:not(.btn--loading):hover, .btn--bg-blue:not(.btn--loading):focus, .FormBuilder button[type="submit"]:not(.btn--loading):focus {
      background: white;
      color: #5390D0;
      border-color: #5390D0; }
  .btn--large, .FormBuilder button[type="submit"] {
    padding-left: 2rem;
    padding-right: 2rem; }
  .btn--small, .Inputfield_courses .asmListItemRemove {
    font-weight: 400;
    padding: 0 2rem;
    border-radius: 3px; }
    .btn--small:hover, .Inputfield_courses .asmListItemRemove:hover, .btn--small:focus, .Inputfield_courses .asmListItemRemove:focus {
      transform: none; }
  .btn--small-font {
    font-size: 0.875rem; }
  .btn--full {
    width: 100%;
    text-align: center; }
  @media only screen and (max-width: 40em) {
    .btn--small-full {
      width: 100%;
      text-align: center; } }
  .btn--loading {
    cursor: default;
    color: transparent !important;
    opacity: 0.5;
    position: relative; }
    .btn--loading:after {
      content: '';
      width: 1rem;
      height: 1rem;
      border: 1px solid #5390D0;
      border-width: 2px 0 0;
      border-radius: 50%;
      position: absolute;
      left: 50%;
      top: 50%;
      margin: -0.5rem 0 0 -0.5rem;
      animation: btn-spin 1s infinite; }
    .btn--loading.btn--bg-blue:after, .FormBuilder button.btn--loading[type="submit"]:after {
      border-color: white; }
    .btn--loading.btn--white:after {
      border-color: white; }
  @media only screen and (min-width: 40.0625em) {
    .btn--accept {
      position: absolute;
      right: 70px;
      float: none;
      top: 30px; } }

@keyframes btn-spin {
  0% {
    transform: rotate(0deg) translateZ(0); }
  100% {
    transform: rotate(360deg) translateZ(0); } }

/*

## Standard Eingabefelder / .input

Beispiel:

```
<div class="distance-2">
	<input class="input--text" type="text" placeholder="Placerholder ..." />
</div>
<div>
	<input class="input--checkbox" type="checkbox" id="vote_tos" name="accepted_tos" />
	<label class="input--checkbox-label" for="vote_tos">Ich erkläre mich mit den AGB einverstanden*.</label>
</div>
```

*/
.input--text, .FormBuilder input[type="text"],
.FormBuilder input[type="email"] {
  border: 1px solid #5390D0;
  border-radius: 3px;
  height: 36px;
  line-height: 36px;
  padding: 0 0.5rem;
  width: 100%; }

.input--checkbox {
  display: none; }
  .input--checkbox-label {
    cursor: pointer;
    position: relative;
    display: block;
    padding-left: 1.5rem; }
    .input--checkbox-label:before {
      position: absolute;
      top: 4px;
      left: 0;
      content: "\e611";
      font-family: 'icomoon';
      font-size: 0.55rem;
      text-align: center;
      width: 14px;
      height: 14px;
      border: 1px solid #5390D0;
      background: white;
      color: transparent;
      line-height: 8px;
      transition: color 0.2s, line-height 0.2s; }
  .input--checkbox:checked + .input--checkbox-label:before {
    color: #5390D0;
    line-height: 14px; }

/*

Course
====

*/
.filter {
  margin-bottom: 1rem; }
  @media only screen and (min-width: 64.0625em) {
    .filter {
      background: #5390D0;
      padding: 6px 6px 0;
      margin-bottom: 0; }
      .filter:after {
        border-color: white; } }
  .filter--loading {
    position: relative;
    height: 4rem; }
    .filter--loading * {
      display: none !important; }
  @media only screen and (min-width: 64.0625em) {
    .filter__column-20, .filter__column-25, .filter__column-33, .filter__column-50, .filter__column-75 {
      float: left;
      width: 20%;
      padding-right: 6px; }
      .filter__column-20:last-child, .filter__column-25:last-child, .filter__column-33:last-child, .filter__column-50:last-child, .filter__column-75:last-child {
        padding-right: 0; } }
  @media only screen and (min-width: 64.0625em) {
    .filter__column-25 {
      width: 25%; } }
  @media only screen and (min-width: 64.0625em) {
    .filter__column-33 {
      width: 33.33333%; } }
  @media only screen and (min-width: 64.0625em) {
    .filter__column-50 {
      width: 50%; } }
  @media only screen and (min-width: 64.0625em) {
    .filter__column-75 {
      width: 75%; } }
  .filter__input, .filter__select {
    display: block;
    width: 100%;
    border: 4px solid #5390D0;
    background: white;
    padding: 0 1.25rem;
    margin-bottom: 0.625rem;
    color: #666666;
    font-size: 0.875rem;
    line-height: 1.33;
    height: 3.5rem;
    -webkit-appearance: none;
    border-radius: 0;
    text-align: left;
    display: flex;
    justify-content: center;
    flex-direction: column; }
    @media only screen and (min-width: 40.0625em) {
      .filter__input, .filter__select {
        border-width: 5px;
        height: 4rem; } }
    @media only screen and (min-width: 64.0625em) {
      .filter__input, .filter__select {
        border-width: 0 0 6px;
        height: 4.375rem;
        float: left;
        margin-right: 6px;
        margin-bottom: 0; } }
  .filter__select {
    position: relative;
    cursor: pointer;
    padding-right: 3rem; }
    .filter__select:before {
      content: '';
      border: 2rem solid transparent;
      border-bottom-color: white;
      position: absolute;
      bottom: -2rem;
      left: 50%;
      margin-left: -2rem;
      margin-bottom: -6px;
      opacity: 0;
      visibility: hidden;
      transition: transform 0.8s, opacity 0.2s, visibility 0.2s;
      transform: translateY(-10px) translateZ(0); }
    .filter__select:after {
      font-family: 'icomoon';
      font-size: 1.5rem;
      content: "\e607";
      position: absolute;
      right: 1rem;
      top: 50%;
      margin-top: -0.75rem;
      color: #5390D0;
      transform: translateZ(0);
      transition: transform 0.2s; }
    .filter__select:not(.filter__select--active):hover:after {
      transform: translateY(-3px) translateZ(0); }
    .filter__select--active {
      z-index: 100; }
      .filter__select--active:before {
        opacity: 1;
        visibility: visible;
        transform: translateY(0) translateZ(0);
        transition: transform 0.2s, opacity 0.2s, visibility 0.2s; }
  .filter__submit {
    display: block;
    cursor: pointer;
    width: 100%;
    color: white;
    background: #EA5E13;
    text-align: center;
    line-height: inherit;
    padding: 1.1875rem;
    border: 1px solid white;
    margin-top: 1rem;
    font-size: 1.1875rem; }
    @media only screen and (min-width: 64.0625em) {
      .filter__submit {
        float: left;
        width: auto;
        margin-top: 0; } }
  .filter__search {
    text-align: center; }
    @media only screen and (min-width: 64.0625em) {
      .filter__search {
        float: left;
        text-align: left; } }
  .filter__or {
    padding: 0.625rem 0; }
    @media only screen and (min-width: 64.0625em) {
      .filter__or {
        float: left;
        color: white;
        padding: 1.2rem 1rem 0 1rem; } }
    @media only screen and (min-width: 80.0625em) {
      .filter__or {
        padding-left: 2rem;
        padding-right: 2rem; } }
  .filter__tabs {
    overflow: hidden;
    display: inline-block;
    background: #5390D0;
    padding: 6px; }
    @media only screen and (min-width: 64.0625em) {
      .filter__tabs {
        float: right;
        padding: 0; } }
  .filter__tab {
    float: left;
    margin-right: 0.625rem; }
    .filter__tab:last-child {
      margin-right: 0; }
    .filter__tab.active .filter__button .icon-list:after {
      content: '\e904'; }
    .filter__tab.active .filter__button .icon-map:after {
      content: '\e906'; }
  .filter__button {
    display: block;
    cursor: pointer;
    background: #5390D0;
    color: white;
    border: 3px solid white;
    border-radius: 3px;
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
    text-align: center; }
    @media only screen and (min-width: 64.0625em) {
      .filter__button {
        border: none; } }
    .filter__button .icon {
      font-size: 0;
      line-height: 3.66rem; }
      .filter__button .icon:after {
        font-family: 'icomoon';
        display: inline-block;
        position: relative;
        font-size: 3rem; }
      .filter__button .icon-list:after {
        content: '\e905'; }
      .filter__button .icon-map:after {
        content: '\e615'; }
  .filter__set {
    text-align: center;
    padding-top: 0.5rem;
    margin-bottom: 1rem; }
    @media only screen and (min-width: 64.0625em) {
      .filter__set {
        text-align: left;
        padding-top: 1rem; } }
    .filter__set--loading {
      display: none; }
  .filter__set__item {
    cursor: pointer;
    display: inline-block;
    margin: 0 0.5rem 0.5rem; }
    .filter__set__item:hover {
      text-decoration: line-through; }
    .filter__set__item:before {
      content: "\e601";
      font-family: 'icomoon';
      font-size: 7px;
      text-align: center;
      line-height: 14px;
      color: white;
      background: #5390D0;
      display: inline-block;
      position: relative;
      width: 14px;
      height: 14px;
      top: -2px;
      border-radius: 2px;
      margin-right: 0.25rem; }
  .filter__layer {
    position: relative;
    padding: 1.75rem 1rem 2rem;
    background: white;
    border-bottom: 2px solid #4D4D4D;
    z-index: 100; }
    .filter__layer-outer {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      z-index: 100;
      margin-top: 2rem;
      opacity: 0;
      visibility: hidden;
      transition: transform 0.8s, opacity 0.2s, visibility 0.2s;
      transform: translateY(-10px) translateZ(0); }
      .filter__layer-outer--active {
        opacity: 1;
        visibility: visible;
        transform: translateY(0) translateZ(0);
        transition: transform 0.2s, opacity 0.2s, visibility 0.2s; }
    .filter__layer__intro {
      padding: 0 2rem 1rem 0.5rem;
      border-bottom: 1px dotted #666666;
      margin-bottom: 1.5rem; }
    .filter__layer__reset {
      cursor: pointer;
      display: block;
      margin-bottom: 10px; }
      @media only screen and (min-width: 40.0625em) {
        .filter__layer__reset {
          display: inline;
          text-align: left; } }
      .filter__layer__reset .icon {
        margin-right: 0.5rem; }
    .filter__layer__close {
      position: absolute;
      right: 0;
      top: 0;
      width: 2rem;
      height: 2rem;
      line-height: 2rem;
      color: white;
      text-align: center;
      cursor: pointer;
      background: #4D4D4D; }
      .filter__layer__close .icon {
        font-size: 0.6rem; }
  .filter__list {
    overflow: hidden;
    margin-bottom: 1rem; }
    @media only screen and (min-width: 64.0625em) {
      .filter__list {
        margin-bottom: 0; } }
    .filter__list__title {
      display: block;
      font-weight: 500;
      margin-bottom: 1rem; }
    .filter__list__item {
      margin-bottom: 0.75rem; }
      @media only screen and (min-width: 40.0625em) {
        .filter__list__item {
          float: left;
          width: 50%;
          margin-bottom: 1.25rem;
          padding-right: 1rem; }
          .filter__list__item:nth-child(2n+3) {
            clear: left; } }
      @media only screen and (min-width: 64.0625em) {
        .filter__list__item {
          width: 25%; }
          .filter__list__item:nth-child(2n+3) {
            clear: none; }
          .filter__list__item:nth-child(4n+5) {
            clear: left; } }
      .filter__list__item .icon {
        color: #5390D0;
        margin-right: 0.25rem; }
      .filter__list__item--active .filter__list__fond {
        background: #DDE9F6;
        padding-right: 1.75rem;
        transition: background 0.2s, padding 0.2s;
        /*&:hover {
						text-decoration: line-through;
					}*/ }
        .filter__list__item--active .filter__list__fond:after {
          opacity: 1;
          transition: opacity 0.2s; }
      @media only screen and (min-width: 64.0625em) {
        .filter__list__item--third {
          width: 33.33%; }
          .filter__list__item--third:nth-child(4n+5) {
            clear: none; }
          .filter__list__item--third:nth-child(3n+4) {
            clear: left; } }
      .filter__list__item--full {
        width: 100%;
        float: none; }
    .filter__list__fond {
      position: relative;
      cursor: pointer;
      border-radius: 2px;
      padding: 2px 4px;
      transition: background 0.2s, padding 0.2s; }
      .filter__list__fond:hover {
        background: #DDE9F6; }
      .filter__list__fond:after {
        position: absolute;
        right: 4px;
        bottom: 0;
        font-family: 'icomoon';
        font-size: 0.75rem;
        content: "\e611";
        color: #5390D0;
        opacity: 0;
        transition: opacity 0.1s; }

/*

Tags
====
*/
.tag__link {
  background: rgba(83, 144, 208, 0.18);
  border-radius: 0.1875rem;
  padding: 1px 3px;
  margin: 0 0.1875rem;
  text-decoration: none;
  transition: all .2s ease-in; }
  .tag__link:hover, .tag__link:focus {
    background: rgba(83, 144, 208, 0.8);
    color: #FFFFFF; }

.person {
  padding-bottom: 1.875rem;
  margin-bottom: 0.625rem;
  border-bottom: 1px dotted #ccc; }
  .person__personal-data {
    font-style: normal;
    margin-bottom: 0.625rem; }
  .person__image {
    position: relative;
    width: 5rem;
    margin-bottom: 0.3125rem; }
  .person__abbinder {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%; }

/*

Tile
====

*/
.tile {
  position: relative;
  background: #e6e6e6;
  padding: 1.5rem 1.5rem 4.5rem 1.5rem; }
  .tile--highlight {
    background: white;
    border: 1px solid #666666;
    padding: 1.5rem; }
  .tile__link {
    position: absolute;
    right: 1.5rem;
    left: 1.5rem;
    bottom: 1.25rem; }
    @media only screen and (min-width: 40.0625em) {
      .tile__link--checkbox {
        left: 2rem; } }
  .tile__dl {
    font-size: 0.75rem;
    line-height: 1.125rem;
    margin-bottom: 0.75rem;
    display: none; }
    @media only screen and (min-width: 40.0625em) {
      .tile__dl {
        display: block; } }
  .tile__dt {
    float: left;
    clear: left;
    width: 40%;
    padding-right: 1rem; }
  .tile__dd {
    padding-left: 40%; }
  .tile__status {
    background: url(../images/course_flag_yellow.svg);
    background-size: 100% 100%;
    font-size: 0.75rem;
    line-height: 1.125rem;
    padding: 0.5rem; }
    .tile__status--orange {
      background-image: url(../images/course_flag_orange.svg);
      color: white; }
  .tile__checkbox {
    display: none; }
  .tile__title {
    display: block;
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 1rem; }
  .tile__label {
    display: none;
    position: relative;
    top: -1rem;
    cursor: pointer;
    padding-left: 1.5rem; }
    @media only screen and (min-width: 64.0625em) {
      .tile__label {
        display: block; } }
    .tile__label:before {
      content: '';
      position: absolute;
      left: 0;
      top: 3px;
      width: 1rem;
      height: 1rem;
      border: 1px solid #5390D0;
      background: white; }
    .tile__label:after {
      font-family: 'icomoon';
      font-size: 0.66rem;
      content: "\e611";
      position: absolute;
      left: 3px;
      top: 0px;
      color: #5390D0;
      opacity: 0;
      transform: scale(0.25) translateZ(0);
      transition: opacity 0.2s, transform 0.2s; }
      .tile__checkbox:checked + .tile__label:after {
        opacity: 1;
        transform: scale(1) translateZ(0); }

.tile-fade-transition {
  opacity: 1;
  transition: opacity 0.5s, visibility 0.5s; }

.tile-fade-enter {
  opacity: 0; }

.tile-fade-leave {
  transition: none; }

.match-result {
  background: rgba(236, 237, 237, 0.4);
  padding: 0.9375rem;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.08); }
  @media only screen and (min-width: 40.0625em) {
    .match-result {
      padding: 1.875rem; } }
  .match-result__headline {
    font-size: 1.75rem;
    font-weight: normal;
    line-height: 1.5;
    text-transform: uppercase;
    background: rgba(102, 102, 102, 0.64);
    color: #fff;
    text-align: center;
    padding: 0.3125rem;
    margin-bottom: 1.875rem;
    clear: both; }
  .match-result__subheadline {
    background: #FFFFFF;
    padding: 0.3125rem;
    margin-bottom: 0.3125rem; }
  .match-result__number {
    text-align: center;
    font-weight: 700;
    padding-bottom: 0.3125rem; }
    .match-result__number--right {
      text-align: left; }
    .match-result__number--left {
      text-align: right; }
    .match-result__number--center {
      text-align: center; }
    .match-result__number--line {
      border-bottom: 1px dotted #ECEDED; }
    .match-result__number--final,
    .match-result__number--final strong {
      font-size: 2rem;
      font-weight: 700;
      color: #EA5E13; }
  .match-result__finalscore {
    padding: 0.9375rem 0.625rem 0.625rem 0.625rem;
    margin-top: 1.25rem; }

.countdown {
  background: rgba(236, 237, 237, 0.4);
  padding: 0.9375rem;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.08); }
  @media only screen and (min-width: 40.0625em) {
    .countdown {
      padding: 1.875rem; } }
  .countdown__alert {
    position: absolute;
    width: 0;
    height: 0;
    clip: rect(0, 0, 0, 0); }
  .countdown__headline {
    font-size: 1.75rem;
    font-weight: normal;
    line-height: 1.5;
    text-transform: uppercase;
    color: #FFFFFF;
    background: rgba(102, 102, 102, 0.64);
    text-align: center;
    padding: 0.3125rem;
    margin-bottom: 1.875rem;
    clear: both; }
  .countdown__time {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    flex-wrap: wrap; }
    @media only screen and (min-width: 780px) {
      .countdown__time {
        flex-wrap: nowrap; } }

.flip-clock-wrapper .flip {
  flex-basis: 20%; }
  @media only screen and (min-width: 780px) {
    .flip-clock-wrapper .flip {
      flex-basis: 33%; } }

@media only screen and (min-width: 780px) {
  .flip-clock-divider .flip-clock-label {
    top: -1.5em; } }

.flip-clock-divider {
  flex-basis: 100%; }
  @media only screen and (max-width: 779px) {
    .flip-clock-divider {
      height: 1.5rem;
      margin-top: 1rem;
      font-size: 1rem;
      float: none;
      display: block;
      width: auto; }
      .flip-clock-divider .flip-clock-label {
        position: relative;
        top: 0;
        right: 0 !important;
        left: 0;
        bottom: 0; }
      .flip-clock-divider .flip-clock-dot {
        display: none !important; } }
  @media only screen and (min-width: 780px) {
    .flip-clock-divider {
      flex-basis: 8.5%; } }
  @media only screen and (min-width: 780px) {
    .flip-clock-divider.minutes {
      display: block;
      flex-basis: 8.5%; }
      .flip-clock-divider.minutes .flip-clock-dot {
        display: block; } }

.flip {
  flex-shrink: 1; }

.course__full-warning {
  display: none; }
  .course__full-warning.active {
    display: block; }

/*

Listen und Tabellen
====

*/
/*

## Listen

```
<ul class="list list--bullet">
	<li class="list__listitem list__listitem--bullet">Beispiel Liste</li>
	<li class="list__listitem list__listitem--bullet">Beispiel Liste</li>
</ul>
<ol class="list list--number">
	<li class="list__listitem list__listitem--number">Beispiel Liste</li>
	<li class="list__listitem list__listitem--number">Beispiel Liste</li>
</ol>
```

*/
/*

## dt und dd

```
<dl class="dl">
	<dt class="dl__dt">Kaffe</dt>
	<dd class="dl__dd">Milch</dd>
	<dd class="dl__dd">Milchschaum</dt>
	<dd class="dl__dd">Zucker</dd>
	<dt class="dl__dt">Cappuccino</dt>
	<dd class="dl__dd">Mild</dd>
	<dd class="dl__dd">Zucker</dd>

</dl>
```
*/
/*

## Tabelle

```
<table class="table">
	<thead class="table__thead">
		<tr class="table_tr trable_tr--thead">
			<th class="table__th table__th--thead">thead th</th>
			<td class="table__td table__td--thead">thead td</td>
			<td class="table__td table__td--thead">thead td</td>
			<td class="table__td table__td--thead">thead td</td>
		</tr>
	</thead>
	<tbody class="table__tbody">
		<tr class="table_tr trable_tr--tbody">
			<th class="table__th table__th--tbody">tbody th</th>
			<td class="table__td table__td--tbody">tbody td</td>
			<td class="table__td table__td--tbody">tbody td</td>
			<td class="table__td table__td--tbody">tbody td</td>
		</tr>
	</tbody>
	<tfoot class="table__tfoot">
	<tr class="table_tr trable_tr--tfoot">
		<th class="table__th table__th--tfoot">tbody th</th>
		<td class="table__td table__td--tfoot">tbody td</td>
		<td class="table__td table__td--tfoot">tbody td</td>
		<td class="table__td table__td--tfoot">tbody td</td>
	</tr>
	</tfoot>
</table>
```
*/
.table__th, .table__td {
  padding: 1.25em 1em;
  text-align: left;
  border: 2px solid #FFFFFF; }

.table__td {
  color: #000000;
  background-color: #ECEDED; }

.table__th {
  color: #FFFFFF;
  background-color: #505559; }

.table {
  width: 100%; }
