/***************************************** festo styles *****/
/************ Copyright (c) 2014-2016 Festo AG & Co. KG *****/
/************************************************************/
/******************************** style (all browsers)  *****/
/************************************************************/
/****************************** last updated 2016-04-25 *****/
/* manual added 2015-08-04 Ngl: .teaser-height-default-content and .teaser-height-home-content   */
/* manual added 2015-08-07 Ngl: .img-footericon                                                  */
/* attention: .top-nav a:after - check if correct symbol included ▼                              */
/* ============================================================================================= */
/* ============================================================================================= */
/*! FESTO */
/*! Author: Jonas Hellwig, kulturbanause.de */
/* Version: 1.0.1 */
/* Last Update: 2015-05-07 */
/* Version: 1.0.2 */
/* Last Update: 2015-08-13 */
/* Version: 1.0.3 */
/* Last Update: 2015-09-04 */
/* Version: 1.0.4 */
/* Last Update: 2015-10-19 */
/* ============================================================================================= */
/* ============================================================================================= */
/* @import url('http://fast.fonts.net/t/1.css?apiType=css&projectid=2d625cbc-01e6-40a4-9e4e-e0990c6c51c7'); */
@font-face {
    font-family: 'Meta Offc W02 Normal';
    src: url('/stc/fw/layout/8bae3873-0739-4792-8e54-da668a6bbb04.eot?#iefix');
    src: url('/stc/fw/layout/8bae3873-0739-4792-8e54-da668a6bbb04.eot?#iefix') format('eot'),url('/stc/fw/layout/a34efb95-278a-4d83-b40b-5adfa10f9679.woff2') format('woff2'),url('/stc/fw/layout/2152f0c3-78d9-46a5-a850-fa36c1a4d4a6.woff') format('woff'),url('/stc/fw/layout/c41b302c-40f7-4211-97e1-4efb032a9fff.ttf') format('truetype'),url('/stc/fw/layout/0403fadb-897f-4804-b3e3-8e19f9b63472.svg#0403fadb-897f-4804-b3e3-8e19f9b63472') format('svg');
}
@font-face {
    font-family: 'MetaCompPro-Bold W02 Regular';
    src: url('/stc/fw/layout/3647ba2e-7b03-4fc3-90eb-b098badd9d6f.eot?#iefix');
    src: url('/stc/fw/layout/3647ba2e-7b03-4fc3-90eb-b098badd9d6f.eot?#iefix') format('eot'),url('/stc/fw/layout/9c63c3fd-317d-48c4-905e-a8dd9db662a1.woff2') format('woff2'),url('/stc/fw/layout/591023e1-fb9d-4504-9b3e-1ef43b14b083.woff') format('woff'),url('/stc/fw/layout/9a49cf9d-0f25-46fe-98f8-b7e908507604.ttf') format('truetype'),url('/stc/fw/layout/c56434ad-e6e3-4b71-b4c7-63deab4ebcdb.svg#c56434ad-e6e3-4b71-b4c7-63deab4ebcdb') format('svg');
}
/* ============================================================================================= */
/* Normalizer (CUSTOMIZED) */
/* normalize.css v3.0.1 | MIT License | git.io/normalize */
/* ============================================================================================= */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
    font-family: sans-serif; /* 1 */
        -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}
/**
 * Remove default margin.
 */
body {
    margin: 0;
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
    display: inline-block; /* 1 */
    vertical-align: baseline; /* 2 */
}
video {
    max-width: 100%;
    height: auto;
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
    display: none;
    height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
    display: none;
}
/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
    background: transparent;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
    outline: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
    border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
    font-family: "MetaCompPro-Bold W02 Regular", Arial, sans-serif;
    font-weight: normal;
}
/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
    font-style: italic;
}
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 1em;
    margin: .67em 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
    color: #000;
    background: #ff0;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
    font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -.5em;
}
sub {
    bottom: -.25em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img,
video {
    display: block;
    width: 100%;
    height: auto;
    border: 0;
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
    overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
    margin: 1em 0 2em 0;
}
figcaption {
    font-size: .85em;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
    box-sizing: content-box;
    height: 0;
    border:none;
    border-top:1px solid #eee;
}
/**
 * Contain overflow in all browsers.
 */
pre {
    overflow: auto;
}
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
    font: inherit; /* 2 */
    margin: 0; /* 3 */
    color: inherit; /* 1 */
}
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
    overflow: visible;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
    text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type='button'],
/* 1 */
input[type='reset'],
input[type='submit'] {
    cursor: pointer; /* 3 */
    -webkit-appearance: button; /* 2 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
    cursor: default;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
    line-height: normal;
}
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type='checkbox'],
input[type='radio'] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
    height: auto;
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type='search'] {
    /* 2 */
    box-sizing: content-box;
    -webkit-appearance: textfield; /* 1 */
}
/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
    -webkit-appearance: none;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
    margin: 0 2px;
    padding: .35em .625em .75em;
    border: 1px solid #c0c0c0;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
    padding: 0; /* 2 */
    border: 0; /* 1 */
}
/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
    overflow: auto;
}
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
    font-family: "MetaCompPro-Bold W02 Regular", Arial, sans-serif;
    font-weight: normal;
}
ul,
ol {
    padding-left: 0;
    list-style: none;
}
p {
    margin: 1.5em 0;
}

a {
    text-decoration: none;
    color: #0091dc;
}
a:hover,
a:focus {
    color: #131a1e;
    outline: none;
}

/* ============================================================================================= */
/* GRID */
/* ============================================================================================= */
* {
    box-sizing: border-box;
    /* A CSS box-sizing: border-box polyfill for IE 6/7. If you prefix the behavior property with a star, it will only be seen by IE6 & IE7, not by IE8+ (it's a hack) which is better for the performance on those newer browsers. The URL to the HTC file must be relative to your HTML(!) document, not relative to your CSS. That's why I'd advise you to use absolute paths like in the example. 
    https://github.com/Schepp/box-sizing-polyfill
    */
    *behavior: url(../js/boxsizing.htc);
}
/* 
    Container for fixed layouts. 
    F. e. layouts with flash-content or complex applications. 
    This class is actually not used 
*/
.container-fixed {
    width: 1100px !important;
}
/* Flexible container for all full-width elements */
.container {
    position: relative;
    max-width: 1100px;
    margin: 0 auto;
}
/* Grid columns */
.columns {
    float: left;
    padding-right: .8em;
    padding-left: .8em;
}
/* Grid rows */
.row {
    width: auto;
}
.row:before,
.row:after {
    display: table;
    content: ' ';
}
.row:after {
    clear: both;
}
/* Nested Grid */
.row .row {
    margin-right: -.8em;
    margin-left: -.8em;
}
/* Smaller padding for all colums at small screens */
@media screen and (min-width:47.5em) {
    .columns {
        padding-right: 1em;
        padding-left: 1em;
    }
    /* Nested Grid */
    .row .row {
        margin-right: -1em;
        margin-left: -1em;
    }
}
/* Push class for the grid */
.all-push {
    float: right;
}
.all-clear {
    clear: both;
}
/* Grid column-widths at very small screens */
@media screen and (max-width:31.1875em) {
    .xsmall-1 {
        width: 8.33333%;
    }
    .xsmall-2 {
        width: 16.66667%;
    }
    .xsmall-3 {
        width: 25%;
    }
    .xsmall-4 {
        width: 33.33333%;
    }
    .xsmall-5 {
        width: 41.66667%;
    }
    .xsmall-6 {
        width: 50%;
    }
    .xsmall-7 {
        width: 58.33333%;
    }
    .xsmall-8 {
        width: 66.66667%;
    }
    .xsmall-9 {
        width: 75%;
    }
    .xsmall-10 {
        width: 83.33333%;
    }
    .xsmall-11 {
        width: 91.66667%;
    }
    .xsmall-12 {
        width: 100%;
    }
    .xsmall-hide {
        display: none !important;
    }
    .xsmall-show {
        display: block  !important;
    }
}
/* Grid column-widths at small screens */
@media screen and (min-width:31.25em) and (max-width:47.4375em) {
    .small-1 {
        width: 8.33333%;
    }
    .small-2 {
        width: 16.66667%;
    }
    .small-3 {
        width: 25%;
    }
    .small-4 {
        width: 33.33333%;
    }
    .small-5 {
        width: 41.66667%;
    }
    .small-6 {
        width: 50%;
    }
    .small-7 {
        width: 58.33333%;
    }
    .small-8 {
        width: 66.66667%;
    }
    .small-9 {
        width: 75%;
    }
    .small-10 {
        width: 83.33333%;
    }
    .small-11 {
        width: 91.66667%;
    }
    .small-12 {
        width: 100%;
    }
    .small-clear {
        clear: both;
    }

    .small-hide {
        display: none  !important;
    }
    .small-show {
        display: block  !important;
    }
}
/* Grid column-widths at medium screens */
@media screen and (min-width:47.5em) and (max-width:63.6875em) {
    .medium-1 {
        width: 8.33333%;
    }
    .medium-2 {
        width: 16.66667%;
    }
    .medium-3 {
        width: 25%;
    }
    .medium-4 {
        width: 33.33333%;
    }
    .medium-5 {
        width: 41.66667%;
    }
    .medium-6 {
        width: 50%;
    }
    .medium-7 {
        width: 58.33333%;
    }
    .medium-8 {
        width: 66.66667%;
    }
    .medium-9 {
        width: 75%;
    }
    .medium-10 {
        width: 83.33333%;
    }
    .medium-11 {
        width: 91.66667%;
    }
    .medium-12 {
        width: 100%;
    }
    .medium-clear {
        clear: both;
    }

    .medium-hide {
        display: none  !important;
    }
    .medium-show {
        display: block  !important;
    }
}
/* Grid column-widths at large screens */
@media screen and (min-width:63.75em) {
    .large-1 {
        width: 8.33333%;
    }
    .large-2 {
        width: 16.66667%;
    }
    .large-3 {
        width: 25%;
    }
    .large-4 {
        width: 33.33333%;
    }
    .large-5 {
        width: 41.66667%;
    }
    .large-6 {
        width: 50%;
    }
    .large-7 {
        width: 58.33333%;
    }
    .large-8 {
        width: 66.66667%;
    }
    .large-9 {
        width: 75%;
    }
    .large-10 {
        width: 83.33333%;
    }
    .large-11 {
        width: 91.66667%;
    }
    .large-12 {
        width: 100%;
    }
    .large-clear {
        clear: both;
    }
    .large-offset-1 {
        margin-left: 8.33333%;
    }
    .large-offset-2 {
        margin-left: 16.66667%;
    }
    .large-offset-3 {
        margin-left: 25%;
    }
    .large-offset-4 {
        margin-left: 33.33333%;
    }
    .large-offset-5 {
        margin-left: 41.66667%;
    }
    .large-offset-6 {
        margin-left: 50%;
    }
    .large-offset-7 {
        margin-left: 58.33333%;
    }
    .large-offset-8 {
        margin-left: 66.66667%;
    }
    .large-offset-9 {
        margin-left: 75%;
    }
    .large-offset-10 {
        margin-left: 83.33333%;
    }
    .large-offset-11 {
        margin-left: 91.66667%;
    }
    .large-offset-12 {
        margin-left: 100%;
    }

    .large-hide {
        display: none  !important;
    }
    .large-show {
        display: block  !important;
    }
}

/* ============================================================================================= */
/* BASIC STRUCTURE */
/* ============================================================================================= */
body {
    font-family: 'Meta Offc W02 Normal', Arial, sans-serif;
    font-size: .938em;
    line-height: 150%;
    overflow-x: hidden;
    color: #2d3333;
    background: #ebeef4;
}
.site-main {
    position: relative;
    float: left;
    width: 100%;
}
/* .page-content contains the content of each page. Usually the main-content and the sidebar. */
.page-content {
    padding-top: 2.5em;
    padding-bottom: 3.5em;
    word-break: break-word;
    clear:both;
}
.container + .page-content {
    padding-top: 0;
}
.page-content ul,
.page-content ol,
.page-content dl {
    clear: both;
}
/* ============================================================================================= */
/* TYPOGRAPHY */
/* ============================================================================================= */
/* Selections */
::-moz-selection {
    color: #fff;
    background: #0091dc;
    text-shadow: none;
}
::selection {
    color: #fff;
    background: #0091dc;
    text-shadow: none;
}
/* Headlines */
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 140%;
    clear: both;
    font-family: "MetaCompPro-Bold W02 Regular", Arial, sans-serif;
    font-weight: normal;
}
.h1 {
    font-size: 1.9em;
}
@media screen and (min-width: 31.25em) {
    .h1 {
        font-size: 2em;
    }
}
@media screen and (min-width: 43.75em) {
    .h1 {
        font-size: 2.1em;
    }
}
@media screen and (min-width: 56.25em) {
    .h1 {
        font-size: 2.143em;
    }
}
.box > .h1 {
    margin-top: 1em;
}

.h1 + .h2 {
    margin-top: -.8em;
    margin-bottom: .5em;
    color: #969a9a;
}
.h2 {
    font-size: 1.3em;
    font-weight: normal;
}
@media screen and (min-width: 31.25em) {
    .h2 {
        font-size: 1.4em;
    }
}
@media screen and (min-width: 43.75em) {
    .h2 {
        font-size: 1.5em;
    }
}
@media screen and (min-width: 56.25em) {
    .h2 {
        font-size: 1.6em;
    }
}
.h3 {
    font-size: 1em;
}
@media screen and (min-width: 37.5em) {
    .h3 {
        font-size: 1.1em;
    }
}
@media screen and (min-width: 56.25em) {
    .h3 {
        font-size: 1.2em;
    }
}
.h3 + p,
.h4 + p,
.h5 + p,
.h6 + p {
    margin-top: -.5em;
}
.h2 + ul,
.h3 + ul,
.h4 + ul,
.h5 + ul,
.h6 + ul {
    margin-top: -.75em;
}
/* Leadtext */
.leadtext {
    font-size: 1em;
}
@media screen and (min-width: 37.5em) {
    .leadtext {
        font-size: 1.15em;
        line-height: 1.3em;
    }
}
@media screen and (min-width: 56.25em) {
    .leadtext {
        font-size: 1.3em;
        line-height: 1.3em;
    }
}
.h1 + .leadtext {
    margin-top: -.5em;
}
.leadtext + .h2,
.leadtext + .h3,
.leadtext + .h4 {
    margin-top: 1.5em;
}
/* ============================================================================================= */
/* HEADER */
/* Contains Logo, Navi, Search etc. */
/* ============================================================================================= */

.site-header {
    position: relative;
    float: left;
    width: 100%;
    padding-top: 20px;
    background: white;
}
@media screen and (min-width:53.125em) {
    .site-header {
        padding-top: 30px;
    }
    /* nav main background */
    .site-header:after {
        position: absolute;
        z-index: 1;
        bottom: 0;
        display: block;
        width: 100%;
        height: 55px;
        content: '';
        border-top: 3px solid #3d4347;
        background-color: #70767b;
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcwNzY3YiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzg1OGQ5MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
        background-image: -webkit-linear-gradient(bottom, #70767b 0%, #858d93 100%);
        background-image:         linear-gradient(bottom, #70767b 0%, #858d93 100%);
    }
}
/* ============================================================================================= */
/* SITE TOP */
/* Contains Top Navigation (small navigation at the very top of the page) */
/* ============================================================================================= */
.site-top {
    float: left;
    width: 100%;
    background: #f5f7fa;
}
@media screen and (max-width:53.0625em) {
    .site-top .columns {
        padding: 0;
    }
    .site-top .user-name {
        display: none !important;
    }
}
.top-nav ul {
    float: left;
    margin: .5em 0 0 0;
    padding: 0;
}
.top-nav li {
    float: left;
    list-style: none;
}
.top-nav a {
    font-size: .8em;
    display: block;
    margin-right: .2em;
    padding: .6em .7em .4em .7em;
    text-decoration: none;
    color: #626666;
    background-position: right top;
}
.top-nav a:after {
    font-size: .8em;
    content: ' ▼';
}
.top-nav a:hover {
    color: #0091dc;
}
.top-nav .active a {
    color: #0091dc;
    background-color: white;
}
/* ============================================================================================= */
/* LOGO */
/* ============================================================================================= */
.logo {
    float: right;
    width: 110px;
    height: 19px;
    margin-top: .75em;
    margin-bottom: 1.75em;
}
@media screen and (min-width:53.125em) {
    .logo {
        width: 130px;
        height: 23px;
        margin-top: -.2em;
        margin-bottom: 1.8em;
    }
}
/* ============================================================================================= */
/* SEARCH */
/* ============================================================================================= */
.site-search {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 1em;
    padding-bottom: 2px;
}
@media screen and (max-width:53.0625em) {
    .js .site-search {
        display: none;
    }
}
@media screen and (min-width:53.125em) {
    .site-search {
        position: absolute;
        top: -1em;
        left: 1em;
        width: 315px;
    }
}
.site-search input[type='search'] {
    box-sizing: border-box;
    width: 100%;
    padding: .8em 3.3em .7em .7em;
    -webkit-transition: all .15s ease-in-out;
            transition: all .15s ease-in-out;
    border: 1px solid #d8dce1;
    border-top-color: #969a9a;
    border-radius: 0;
    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1);
    -webkit-appearance: none;
}
.site-search:hover input[type='search'],
.site-search input[type='search']:focus {
    border: 1px solid #0ba0e2;
    outline: 0;
}
.search-submit-label {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 100%;
    text-indent: -999em;
    border: none;
}
.search-submit-label:hover {
    cursor: pointer;
    opacity: .5;
}
.search-submit-label .icon-search {
    position: relative;
    float: right;
    box-sizing: content-box;
    width: 24px;
    height: 24px;
    padding: 11px 10px 12px 10px;
    fill: #0091dc; /* change the color of the SVG */
}
/* Search toggle */
.search-toggle {
    position: absolute;
    top: 18px;
    left: 70px;
    display: block;
    width: 44px;
    height: 44px;
    cursor: pointer;
    text-indent: -999em;
}
.search-toggle:hover {
    opacity: .6;
}
.search-toggle .icon-search {
    position: relative;
    float: right;
    box-sizing: content-box;
    width: 24px;
    height: 24px;
    padding: 10px;
    fill: #626666; /* change the color of the SVG */
}
@media screen and (min-width:53.125em) {
    .search-toggle {
        display: none;
    }
}
/* ============================================================================================= */
/* MAIN NAVIGATION */
/* The Main Menu uses one breakpoint */
/* ============================================================================================= */
/* Global styles */
.site-nav {
    position: relative;
    z-index: 2;
}
.site-nav .btn {
    border-radius: 0;
}
.btn-cart-count {
    font-size: .75em;
    position: relative;
    margin-left: 7px;
    padding: 0 10px 3px;
    border-radius: 20px;
    text-shadow: none;
}
.site-nav ul {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}
.site-nav li {
    float: left;
    width: 100%;
}
.site-nav a {
    font-size: 1.1em;
    display: block;
    width: 100%;
    padding: .8em 1em .8em 1em;
    text-decoration: none;
}
.sub-menu {
    display: none;
}
/* hide icons on small screens */
@media screen and (max-width:28.125em) {
    .site-nav .btn {
        font-size: .9em;
    }
    .site-nav .btn svg {
        display: none;
    }
    .site-nav .btn-login,
    .site-nav .btn-logout,
    .site-nav .btn-cart {
        height: 44px !important;
    }
}
/* Styles for small screens */
@media screen and (max-width:53.0625em) {
    /* Bottons at top */
    .btn-registrieren {
        display: none !important;
    }
    .site-nav .btn-login,
    .site-nav .btn-logout,
    .site-nav .btn-cart {
        width: 49%;
        height: 50px;
        text-align: center;
    }
    .site-nav .btn-login,
    .site-nav .btn-logout {
        float: left;
    }
    .site-nav .btn-cart {
        float: right;
    }
    .btn-cart-count {
        top: -1px;
        color: #878d93;
        background: white;
    }
    /* Menu Toggle */
    .site-nav-toggle {
        position: absolute;
        top: 0;
        left: 16px;
        display: block;
        width: 40px;
        height: 40px;
        cursor: pointer;
        text-indent: -999em;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 22px 22px;
    }
    .svg .site-nav-toggle {
        background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22icon-menu%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%22-138%20140%2022%2022%22%20enable-background%3D%22new%20-138%20140%2022%2022%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20fill%3D%22%23009EE2%22%20d%3D%22M-116%2C151.8c0%2C0.7-0.5%2C1.2-1.2%2C1.2h-19.6c-0.7%2C0-1.2-0.5-1.2-1.2v-1.6c0-0.7%2C0.5-1.2%2C1.2-1.2h19.6%0D%0A%09c0.7%2C0%2C1.2%2C0.5%2C1.2%2C1.2V151.8z%22/%3E%0D%0A%3Cpath%20fill%3D%22%23009EE2%22%20d%3D%22M-116%2C143.8c0%2C0.7-0.5%2C1.2-1.2%2C1.2h-19.6c-0.7%2C0-1.2-0.5-1.2-1.2v-1.6c0-0.7%2C0.5-1.2%2C1.2-1.2h19.6%0D%0A%09c0.7%2C0%2C1.2%2C0.5%2C1.2%2C1.2V143.8z%22/%3E%0D%0A%3Cpath%20fill%3D%22%23009EE2%22%20d%3D%22M-116%2C159.8c0%2C0.7-0.5%2C1.2-1.2%2C1.2h-19.6c-0.7%2C0-1.2-0.5-1.2-1.2v-1.6c0-0.7%2C0.5-1.2%2C1.2-1.2h19.6%0D%0A%09c0.7%2C0%2C1.2%2C0.5%2C1.2%2C1.2V159.8z%22/%3E%0D%0A%3C/svg%3E%0D%0A');
    }
    .no-svg .site-nav-toggle {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAgUlEQVQ4T+2VwQ2AMAhF/+8CuoGO4GguVLuCI1lj4rW9G7GNBxeAQxO5cXkQ8gDCKGjEBRHOEXINqgXITPiYQHaqYEgill10oS/NEOzjXAr0yl2XURhFi+A6Y+eUdbub1M1sQcIxAaLsMX+PvzWuR2gtqa7HgiY99nErH0T3NYnkB13QLt1cTB1qAAAAAElFTkSuQmCC');
    }
    .site-nav-toggle:hover {
        opacity: .6;
    }
    .site-nav-toggle.open {
        background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22icon-close%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%22145%20150%2022%2022%22%20enable-background%3D%22new%20145%20150%2022%2022%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20fill%3D%22%23009EE2%22%20d%3D%22M165.6%2C168.1l-7.1-7.1l7.1-7.1c0%2C0%2C0.1%2C0%2C0.1-0.1c0.4-0.4%2C0.4-0.9%2C0-1.3l-1.3-1.3c-0.2-0.2-0.4-0.3-0.6-0.3%0D%0A%09s-0.5%2C0.1-0.6%2C0.3l-7.2%2C7.2l-7.2-7.2c-0.4-0.4-0.9-0.4-1.3%2C0l-1.3%2C1.3c-0.4%2C0.4-0.4%2C0.9%2C0%2C1.3c0%2C0%2C0%2C0%2C0.1%2C0.1l7.1%2C7.1l-7.1%2C7.1%0D%0A%09c0%2C0-0.1%2C0-0.1%2C0.1c-0.4%2C0.4-0.4%2C0.9%2C0%2C1.3l1.3%2C1.3c0.2%2C0.2%2C0.4%2C0.3%2C0.6%2C0.3s0.5-0.1%2C0.6-0.3l7.2-7.2l7.2%2C7.2%0D%0A%09c0.2%2C0.2%2C0.4%2C0.3%2C0.6%2C0.3c0.3%2C0%2C0.5-0.1%2C0.6-0.3l1.3-1.3C166.1%2C169.1%2C166.1%2C168.5%2C165.6%2C168.1C165.7%2C168.2%2C165.6%2C168.1%2C165.6%2C168.1z%0D%0A%09%22/%3E%0D%0A%3C/svg%3E%0D%0A');
    }
    .no-svg .site-nav-toggle.open {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAABNUlEQVQ4T7WVXRLBMBSFT3g2ePfTJbAC7ERrA7ZiARg7sANdAktgvDOMRyJNWlH56c0DD4ZM8vXknnNvGf70YZK7vrTAbzvxKwKrTxB39kHPW58H4M8dONti1ouzswq8OqXie6Rg/BoEL6BgLXWeLZB05wq8PAoYa2qVRLgBzXTxI2b9KC+FuMrrmQbBrVAcUGuMEbevCizrHACvgOoah8AJUBNcpVx6K9z/GJX919fXHhWp+F7xwZXruftuqF2xtyxfChxKix3avF/VTuV+pXTwb03lyeqcuxXb3C/dyg+3g12RAhezhNahJtiXUzwiaoeWwZTwEzu03NLE8FPaXw8hKpTY/vaxWRH+TzjsZdkj6Q/NQU+FupVvkPSm+tX0uqdybz5PbY3oXNPKtxnUPyuCyObmN4zY/BcJ3eFsAAAAAElFTkSuQmCC');
    }
    .js .site-nav {
        display: none;
        overflow: hidden;
    }
    .site-nav {
        float: left;
        width: 100%;
        margin-bottom: 1em;
    }
    .site-nav li {
        position: relative;
        clear: both;
    }
    .site-nav > ul > li.logged-in-items {
        margin-bottom: .5em;
    }
    .site-nav a {
        color: white;
        background: #878d93;
        box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.2);
        text-shadow: 0 1px 1px rgba(0,0,0,.4);
    }
    .site-nav .sub-menu a {
        background: #6b6f75;
    }
    .site-nav .sub-menu .sub-menu  a {
        background: #595d63;
    }
    .site-nav .sub-menu .sub-menu .sub-menu a {
        background: #494d52;
    }
    .site-nav a:hover,
    .site-nav a:active,
    .site-nav a:focus,
    .site-nav .sub-menu a:hover,
    .site-nav .sub-menu a:active,
    .site-nav .sub-menu a:focus,
    .site-nav .sub-menu .sub-menu a:hover,
    .site-nav .sub-menu .sub-menu a:active,
    .site-nav .sub-menu .sub-menu a:focus,
    .site-nav .sub-menu .sub-menu .sub-menu a:hover,
    .site-nav .sub-menu .sub-menu .sub-menu a:active,
    .site-nav .sub-menu .sub-menu .sub-menu a:focus {
        background: #3f4347;
    }
    .sub-menu-toggle {
        position: absolute;
        top: 0;
        right: 0;
        width: 55px;
        height: 55px;
        cursor: pointer;
        text-indent: -999em;
        background-color: rgba(0,0,0,.1);
        background-repeat: no-repeat;
        background-position: center 13px;
        background-size: 22px 22px;
    }
    .svg .sub-menu-toggle {
        background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22icon-smallarrow-d%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%0D%0A%09%20y%3D%220px%22%20width%3D%2222px%22%20height%3D%2222px%22%20viewBox%3D%22-138%20140%2022%2022%22%20enable-background%3D%22new%20-138%20140%2022%2022%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20fill%3D%22%23c0c4ca%22%20d%3D%22M-119.2%2C147.5l-1-1c-0.1-0.1-0.3-0.2-0.5-0.2c-0.2%2C0-0.4%2C0.1-0.5%2C0.2l-5.7%2C5.6l-5.7-5.6%0D%0A%09c-0.3-0.3-0.8-0.3-1%2C0l-1%2C1c-0.3%2C0.3-0.3%2C0.7%2C0%2C1c0%2C0%2C0%2C0%2C0.1%2C0l7.2%2C7.2c0.1%2C0.1%2C0.3%2C0.3%2C0.5%2C0.3c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0%0D%0A%09c0.2%2C0%2C0.4-0.2%2C0.5-0.3l7.2-7.1c0%2C0%2C0-0.1%2C0.1-0.1C-118.9%2C148.2-118.9%2C147.7-119.2%2C147.5z%22/%3E%0D%0A%3C/svg%3E%0D%0A');
    }
    .no-svg .sub-menu-toggle {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAA20lEQVQ4T2NkoBFgpJG5DKMGw0OWfkGx/+ipCUBrLzhamy0gJmKB6g0Y/zPk/+dmLXQ0NPwA04PiYpChIEUgyf+MDImEDAcb+o9hPzAJCAC1HHCwMXPEbvCR0wWMDP/7YZL4DEczlOE/w/+LjjbmBlgNBgkCNSQAXT0fn+EYaoCGMnCzOeAMCphh+AwnxlCQOThTBTbDwRqQfYPFpTiDAjkloBuOLAcKU3TvI8sTTMfYDCdkKN6gwOVyYgwl2mBYamH4/78An/dJCgpich82NQTDeNRgckOA9uUxAL4zdhcjWj9kAAAAAElFTkSuQmCC');
    }
    .sub-menu-toggle:hover {
        opacity: .5;
    }
    .svg .sub-menu-toggle.open {
        background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22icon-smallarrow-d%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%0D%0A%09%20y%3D%220px%22%20width%3D%2222px%22%20height%3D%2222px%22%20viewBox%3D%22-138%20140%2022%2022%22%20enable-background%3D%22new%20-138%20140%2022%2022%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20fill%3D%22%23C0C4CA%22%20d%3D%22M-134.7%2C154.6l1%2C1c0.1%2C0.1%2C0.3%2C0.2%2C0.5%2C0.2s0.4-0.1%2C0.5-0.2l5.7-5.6l5.7%2C5.6c0.3%2C0.3%2C0.8%2C0.3%2C1%2C0l1-1%0D%0A%09c0.3-0.3%2C0.3-0.7%2C0-1c0%2C0%2C0%2C0-0.1%2C0l-7.2-7.2c-0.1-0.1-0.3-0.3-0.5-0.3l0%2C0l0%2C0c-0.2%2C0-0.4%2C0.2-0.5%2C0.3l-7.2%2C7.1c0%2C0%2C0%2C0.1-0.1%2C0.1%0D%0A%09C-135%2C153.9-135%2C154.4-134.7%2C154.6z%22/%3E%0D%0A%3C/svg%3E%0D%0A');
    }
    .no-svg .sub-menu-toggle.open {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAA7klEQVQ4T+3UsRGCMBQG4PcsbGzcRCmkQQ/YwA3EDVzBCTwnMCO4QfTEQhrcwBVsaLSIiUe8gIkJBWcDbd59/PkTQGjpwZZc6OBPs/+vgqYZ6SHewmCydjlwp8QC5YOLEiTR1F/acCtcQ6VnxY0wzfMhFs8NlxJDup+4Fi5RysGxRBnCe/vIYKe8yIh/wSY0DnwiQHrOEhe8AttQmdQFr8Lp5YqAI3X7Mmm95zrOq9ry2ZWcq8Kn7IAIoVgUnZpQXXLG4BjP/EgP85sAxYMA4t6GqjgwNodBP4k9766FbZe+ybr1A2mCqbMd3P7/+AUC8GUXpjCmVAAAAABJRU5ErkJggg==');
    }
}
/* Styles for large screens */
@media screen and (min-width:53.125em) {
    .site-nav-toggle {
        display: none;
    }
    .site-nav {
        float: left;
        width: 100%;
    }
    .site-nav > ul > li > a {
        padding: 1em;
        color: white;
        text-shadow: 0 1px 1px rgba(0,0,0,.4);
    }
    .site-nav > ul > li > a:hover,
    .site-nav > ul > li > a:focus,
    .site-nav > ul > li:hover,
    .site-nav > ul > li:hover > a,
    .site-nav > ul > li.current-menu-item:hover > a {
        color: #2d3333 !important;
        outline: none;
        background: white;
        box-shadow: 0 -3px 0 0 #0ba0e2;
        text-shadow: none;
    }
    .site-nav .user-name:hover {
        background: transparent;
        box-shadow: none;
    }
    .site-nav .btn {
        position: absolute;
        top: -55px;
        display: block;
        width: auto;
        padding: 0;
        box-shadow: none !important;
    }
    .btn-label {
        /* hide text */
        display: none;
    }
    .site-nav .btn-registrieren {
        right: 280px;
        display: block !important;
    }
    .site-nav .btn-login {
        left: 485px;
    }
    .site-nav .btn-logout {
        left: 485px;
    }
    .site-nav .btn-cart {
        left: 360px;
    }
    .btn-cart-count {
        top: -5px;
        color: white;
        background: #0091dc;
    }
    .site-nav .btn:hover,
    .site-nav .btn:focus {
        opacity: .5;
        box-shadow: none;
    }
    .site-nav > ul li {
        float: left;
        width: auto;
    }
    /* Sub menu level 1 */
    .sub-menu-toggle {
        display: none;
    }
    .site-nav li:hover > .sub-menu,
    .site-nav li:active > .sub-menu {
        position: absolute;
        display: block;
    }
    .site-nav .sub-menu {
        z-index: 999;
        width: 300px;
    }
    .site-nav .sub-menu li {
        position: static;
        float: left;
        width: 100%;
    }
    .site-nav .sub-menu a {
        box-shadow: inset 1px 1px 0 0 rgba(0,0,0,.1);
        font-size:1em;
    }
    .site-nav .sub-menu li:hover > .sub-menu {
        top: 0;
        left: 300px;
        display: block;
        min-height:100%;
        background:#E8EBF1;
    }
    .has-sub-menu {
        position: relative;
    }
    .site-nav .sub-menu .has-sub-menu > a:after {
        position: absolute;
        right: 15px;
        content: ' >';
    }
    /* active menu item at level 1 */
    .site-nav > ul > li.current-menu-item > a {
        color: white;
        background: #63676d;
        box-shadow: 0 -3px 0 0 #0ba0e2;
    }
    .sub-menu a {
        background: white;
    }
    .sub-menu > li:hover > a,
    .sub-menu > li > a:focus {
        color: #2d3333;
        outline: none;
        background: #E8EBF1;
        box-shadow: inset 4px 0 #0091DC;
    }
    .has-sub-menu > .sub-menu {
        box-shadow: 3px 3px 5px 0 rgba(0,0,0,.2);
    }
    /* sub menu level 2 */
    .sub-menu .sub-menu {
        font-size: 1em;
    }
    .sub-menu .sub-menu a {
        background:#E8EBF1;
        color:#4A5252;
        box-shadow: none;
    }
    .sub-menu .sub-menu a:hover {
        background:#dee3e9;
        box-shadow:none;
    } 
    /* Add this class to the parent li of the sub-menu that should flyout to the left.  */
    .sub-next-left > .sub-menu {
        right: 0;
    }
    .sub-menu .sub-next-left > .sub-menu {
        right: 300px;
        left: auto !important;
    }
    .sub-menu .sub-next-left > .sub-menu a {
        background: #dee3e9;
    }
    /* sub-menu level 3 */
    .site-nav .sub-menu .sub-menu:hover .sub-menu {
        background:#dee3e9;
    }
    .sub-menu .sub-menu .sub-menu a {
        background:#dee3e9;
    }
    .sub-menu .sub-menu > li:hover > a {
        background-color: #dee3e9;
        box-shadow: none;
    }
    .sub-menu .sub-menu > li:hover > a:hover {
        color:#00a2db;
    }
    .sub-menu .sub-next-left > .sub-menu {
        box-shadow: none;
    }

    /* sub-menu level 4 */
    /* please do not use – too deep */
    .sub-menu .sub-menu .sub-menu .sub-menu { display:none !important; }
}
.nav-main-overlay {
    display: none;
    position: fixed;
    background: rgba(0,0,0,0.4);
    top:184px;
    right:0;
    left: 0;
    bottom: 0;
}
/* ============================================================================================= */
/* Slider */
/* The slider uses a script namend »slick«, so slick-specific CSS is prefixed with »slick-« 
/* ============================================================================================= */
.no-js .slider img {
    margin-bottom: 2em;
}
#slider-home h1 + p {
    margin-top:0;
}
#slider-home p {
    margin-bottom:0;
}
.box .slider {
    margin-bottom: 1.5em;
}
.slider  li {
    position: relative;
}
.slider-img {
    position: relative;
    margin: 0;
    padding: 0;
}
.slider-content {
    float: left;
    width: 100%;
    margin-bottom: 1em;
    padding: 1em 1em 2em 1em;
}
.box .slider-content {
    padding: .5em .75em .5em .75em;
}
.slider-content a {
    color:#0091dc;
}
.slider-content a:hover {
    color:white;
}
@media screen and (max-width:49.9375em) {
    .slider-home {
        margin-top: -2.5em;
        margin-right: -.8em;
        margin-left: -.8em;
    }
}
@media screen and (min-width:47.5em) and (max-width: 49.9375em) {
    .slider {
        margin-right: -1em;
        margin-left: -1em;
    }
}

@media screen and (min-width:50em) {
    .slider {
        margin-bottom: 2em;
        margin-top: -0.5em;
    }
    .box .slider {
        margin-top:0;
    }
    .slider-content {
        position: absolute;
        max-width: 400px;
        padding: 1em;
    }
    .slider-content h1 {
        font-size: 1.3em;
        margin: 0;
    }
    .box .slider-content h1 {
        font-size: 1em;
    }
    .slider-content p {
        font-size: .8em;
        margin: 0;
    }
}
/* Previous / Next Arrows */
.slick-prev,
.slick-next {
    position: absolute;
    top: -webkit-calc(((320px/2.275)/2) - 28px);
    top:         calc(((320px/2.275)/2) - 28px); /* 50% of image height - height of arrow */
    width: 34px;
    height: 55px;
    -webkit-transition: opacity .2s ease-in-out;
            transition: opacity .2s ease-in-out;
    text-indent: -9999px;
    border: none;
    outline: none;
    background-color: transparent;
    background-repeat: no-repeat;
}
.svg .slick-prev {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2236px%22%20height%3D%2255px%22%20viewBox%3D%220%200%2036%2055%22%20enable-background%3D%22new%200%200%2036%2055%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M23.6%2C38.5l1.6-1.6c0.2-0.2%2C0.3-0.5%2C0.3-0.8c0-0.3-0.1-0.6-0.3-0.8l-8.9-8.9l8.9-8.9c0.4-0.4%2C0.4-1.2%2C0-1.6%0D%0A%09l-1.6-1.6c-0.4-0.4-1.2-0.4-1.6%2C0c0%2C0%2C0%2C0.1-0.1%2C0.1L10.8%2C25.7c-0.2%2C0.2-0.3%2C0.5-0.3%2C0.8c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0%0D%0A%09c0%2C0.3%2C0.1%2C0.6%2C0.3%2C0.8L22%2C38.5c0%2C0%2C0%2C0.1%2C0.1%2C0.1C22.5%2C39%2C23.2%2C39%2C23.6%2C38.5z%22/%3E%0D%0A%3C/svg%3E%0D%0A');
}
.no-svg .slick-prev {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAA3CAYAAABkQuitAAABPUlEQVRYR+3W4RHBQBAFYNeBEnRACZSgAzqgAnSgBDrQAR1QghKoIN7OyEzGhLeX28WPvZn7tUnu8+6ykXp/NtKfeXoBYjsSCUVCLAFWjzMUCbEEWD3O0E8SqqpqhIWPmBfMaUrpxiB13XzLGpj+cxFBTbQoU1ALpv7hS4C2mpTMQB8wd0DGAElSdJiArDCiLQZZYopB1pgikAemM8gL0wnkickGeWOyQMAMcMMZs+7AdU/J6jOsEalfe4DWeNiq5YEbND2pmYwckCRzwhy2rDwHamchUoNkMaTkjsoCfQOVDfJGdQJ5ojqDvFBFIA9UMcgaZQJSoOSP/kHTp8xABKVunKagN6g90plp0pFrzEENlHxKrsAstBg3UA7g9VqXhAJUkgC7N7YsEmIJsHqcoUiIJcDqcYYiIZYAqz8AWfmIOMrQ3FUAAAAASUVORK5CYII=');
}
.svg .slick-next {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2236px%22%20height%3D%2255px%22%20viewBox%3D%220%200%2036%2055%22%20enable-background%3D%22new%200%200%2036%2055%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M12.4%2C14.5L10.8%2C16c-0.2%2C0.2-0.3%2C0.5-0.3%2C0.8c0%2C0.3%2C0.1%2C0.6%2C0.3%2C0.8l8.9%2C8.9l-8.9%2C8.9%0D%0A%09c-0.4%2C0.4-0.4%2C1.2%2C0%2C1.6l1.6%2C1.6c0.4%2C0.4%2C1.2%2C0.4%2C1.6%2C0c0%2C0%2C0-0.1%2C0.1-0.1l11.2-11.2c0.2-0.2%2C0.3-0.5%2C0.3-0.8c0%2C0%2C0%2C0%2C0%2C0%0D%0A%09c0%2C0%2C0%2C0%2C0%2C0c0-0.3-0.1-0.6-0.3-0.8L14%2C14.5c0%2C0%2C0-0.1-0.1-0.1C13.5%2C14%2C12.8%2C14%2C12.4%2C14.5z%22/%3E%0D%0A%3C/svg%3E%0D%0A');
}

.no-svg .slick-next {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAA3CAYAAABkQuitAAABJklEQVRYR+3XwQ3CMAwF0GYiViiT0BFgA5gANoBNugKjwATBkXqoUMu3k2/Ug5FQD0bN4zvENHUbe6WNeboAoY5EQpEQSgDVYw9FQigBVI89RE8o53yTm+7kfUopPdEC1rqpZYJ5yAKHaZGXXPdslBokmKMArl/fmI6ygHrBjAstoKLUoAKRlAa53D1RJtA/UGaQN6oK5ImqBnmhmkAeqGYQG0UBMVE00ISaj5b5cXWREXPWzDUa6Meh+RZIr515FBALUxJsBjExzSA2pgnkgakGeWGqQJ4YM8gbYwIJZu0fo+mcQYej+me/kg4VY0poYTTQMWbQhCrPZaV9g3YcoDbN6+qWWW7a8tkAofQioUgIJYDqsYciIZQAqsceioRQAqi+uT30AQuWkzgVhkymAAAAAElFTkSuQmCC');
}
/* Manual Breakpoints to vertical align arrows */
@media screen and (min-width:20em) {
    .slick-prev,
    .slick-next {
        top: -webkit-calc(((350px/2.275)/2) - 28px);
        top:         calc(((350px/2.275)/2) - 28px);
    }
}
@media screen and (min-width:21.875em) {
    .slick-prev,
    .slick-next {
        top: -webkit-calc(((400px/2.275)/2) - 28px);
        top:         calc(((400px/2.275)/2) - 28px);
    }
}
@media screen and (min-width:25em) {
    .slick-prev,
    .slick-next {
        top: -webkit-calc(((450px/2.275)/2) - 28px);
        top:         calc(((450px/2.275)/2) - 28px);
    }
}
@media screen and (min-width:28.125em) {
    .slick-prev,
    .slick-next {
        top: -webkit-calc(((500px/2.275)/2) - 28px);
        top:         calc(((500px/2.275)/2) - 28px);
    }
}
@media screen and (min-width:31.25em) {
    .slick-prev,
    .slick-next {
        top: -webkit-calc(((550px/2.275)/2) - 28px);
        top:         calc(((550px/2.275)/2) - 28px);
    }
}
@media screen and (min-width:34.375em) {
    .slick-prev,
    .slick-next {
        top: -webkit-calc(((600px/2.275)/2) - 28px);
        top:         calc(((600px/2.275)/2) - 28px);
    }
}
@media screen and (min-width:37.5em) {
    .slick-prev,
    .slick-next {
        top: -webkit-calc(((650px/2.275)/2) - 28px);
        top:         calc(((650px/2.275)/2) - 28px);
    }
}
@media screen and (min-width:40.625em) {
    .slick-prev,
    .slick-next {
        top: -webkit-calc(((700px/2.275)/2) - 28px);
        top:         calc(((700px/2.275)/2) - 28px);
    }
}
@media screen and (min-width:43.75em) {
    .slick-prev,
    .slick-next {
        top: -webkit-calc(((750px/2.275)/2) - 28px);
        top:         calc(((750px/2.275)/2) - 28px);
    }
}
@media screen and (min-width:46.875em) {
    .slick-prev,
    .slick-next {
        top: -webkit-calc(((800px/2.275)/2) - 28px);
        top:         calc(((800px/2.275)/2) - 28px);
    }
}
@media screen and (min-width:50em) {
    .slick-prev,
    .slick-next {
        top: -webkit-calc((100%/2.275));
        top:         calc((100%/2.275));
    }
}
/* hide arrows on touch-screens */
.no-touch .slick-prev,
.no-touch .slick-next {
    opacity: 0;
}
.no-touch .slider:hover .slick-prev,
.no-touch .slider:hover .slick-next {
    opacity: 1;
}
.slick-prev {
    left: 0;
}
.slick-next {
    right: 0;
}
/* bullet-point-navigation (dots) for the slider */
@media screen and (max-width:50em) {
    .slick-dots {
        display: none !important;
    }
}
.slick-dots {
    position: absolute;
    bottom: 10px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}
.slick-dots li button:before {
    font-family: 'slick';
    font-size: 40px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .5;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
    opacity: 1;
    color: white;
}

/* Slider content at small screens */
/* Classes for the background */
.slider-content-bottom-black {
    color: white;
    background: #131a1e;
}
.slider-content-bottom-white {
    color: #333;
    background: #fff;
}
.slider-content-bottom-blue {
    color: #fff;
    background: rgb(0,145,220);
}
/* Slider content at large screens (overlay box) */
@media screen and (min-width:50em) {
    
    .slider-content {
        font-size: 1.3em;
        line-height: 150%;
        height:auto !important; /* JS überschreiben! */ 
    }
    /* Classes for the overlay-position */
    
    .slider-content-overlay-tl {
        top:40px !important;
        left:40px !important;
    }
    .slider-content-overlay-tr {
        top:40px !important;
        right:40px !important;
    }
    .slider-content-overlay-br {
        bottom:30px !important;
        right:40px !important;
    }
    .slider-content-overlay-bl {
        bottom:30px !important;
        left:40px !important;
    }

    .box .slider-content-overlay-tl {
        top:20px !important;
        left:20px !important;
    }
    .box .slider-content-overlay-tr {
        top:20px !important;
        right:20px !important;
    }
    .box .slider-content-overlay-br {
        bottom:15px !important;
        right:20px !important;
    }
    .box .slider-content-overlay-bl {
        bottom:15px !important;
        left:20px !important;
    }
    /* Classes for the text-color */
    .slider-content-text-white {
        color: white;
    }
    .slider-content-text-black {
        color: #131a1e;
    }
    .slider-content-text-blue {
        color: #0091dc;
    }
    /* Classes for the overlay-color in different opacities */
    /* black overlay */
    .slider-content-overlay-black {
        background: rgba(0,0,0,1);
    }
    .slider-content-overlay-black-10 {
        background: rgba(0,0,0,.1);
    }
    .slider-content-overlay-black-20 {
        background: rgba(0,0,0,.2);
    }
    .slider-content-overlay-black-30 {
        background: rgba(0,0,0,.3);
    }
    .slider-content-overlay-black-40 {
        background: rgba(0,0,0,.4);
    }
    .slider-content-overlay-black-50 {
        background: rgba(0,0,0,.5);
    }
    .slider-content-overlay-black-60 {
        background: rgba(0,0,0,.6);
    }
    .slider-content-overlay-black-70 {
        background: rgba(0,0,0,.7);
    }
    .slider-content-overlay-black-80 {
        background: rgba(0,0,0,.8);
    }
    .slider-content-overlay-black-90 {
        background: rgba(0,0,0,.9);
    }
    /* white overlay */
    .slider-content-overlay-white {
        background: rgba(255,255,255,1);
    }
    .slider-content-overlay-white-10 {
        background: rgba(255,255,255,.1);
    }
    .slider-content-overlay-white-20 {
        background: rgba(255,255,255,.2);
    }
    .slider-content-overlay-white-30 {
        background: rgba(255,255,255,.3);
    }
    .slider-content-overlay-white-40 {
        background: rgba(255,255,255,.4);
    }
    .slider-content-overlay-white-50 {
        background: rgba(255,255,255,.5);
    }
    .slider-content-overlay-white-60 {
        background: rgba(255,255,255,.6);
    }
    .slider-content-overlay-white-70 {
        background: rgba(255,255,255,.7);
    }
    .slider-content-overlay-white-80 {
        background: rgba(255,255,255,.8);
    }
    .slider-content-overlay-white-90 {
        background: rgba(255,255,255,.9);
    }
    /* blue overlay */
    .slider-content-overlay-blue {
        background: rgba(0,145,220,1);
    }
    .slider-content-overlay-blue-10 {
        background: rgba(0,145,220,.1);
    }
    .slider-content-overlay-blue-20 {
        background: rgba(0,145,220,.2);
    }
    .slider-content-overlay-blue-30 {
        background: rgba(0,145,220,.3);
    }
    .slider-content-overlay-blue-40 {
        background: rgba(0,145,220,.4);
    }
    .slider-content-overlay-blue-50 {
        background: rgba(0,145,220,.5);
    }
    .slider-content-overlay-blue-60 {
        background: rgba(0,145,220,.6);
    }
    .slider-content-overlay-blue-70 {
        background: rgba(0,145,220,.7);
    }
    .slider-content-overlay-blue-80 {
        background: rgba(0,145,220,.8);
    }
    .slider-content-overlay-blue-90 {
        background: rgba(0,145,220,.9);
    }
}
/* slick.js default styling */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
/* ============================================================================================= */
/* BREADCRUMB */
/* ============================================================================================= */
.site-breadcrumb {
    font-size: .875em;
    margin-top: -1em;
    margin-bottom: 1em;
    margin-left: 1.1em;
    clear:both;
}
.site-breadcrumb ul {
    padding: 0;
}
.site-breadcrumb li:after {
    padding-left: .5em;
    content: ' >';
}
.site-breadcrumb > ul > li:last-child:after {
    content: '';
    display:none;
}
.site-breadcrumb li {
    display: inline-block;
    margin-right: .5em;
}
/* ============================================================================================= */
/* LISTS */
/* ============================================================================================= */
/* default styling */
.list {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}
.list li {
    padding-top: .4em;
    padding-bottom: .4em;
}
/* intended list */
.list-intended {
    margin-left: 2.5em;
}
/* lists with icons */
.list-icons .icon:before {
    background-position: top .3em center;
}
/* various lists. See Styleguide */
.list-disc {
    list-style: disc;
}
.list-circle {
    list-style: circle;
}
.list-decimal {
    list-style-type: decimal;
}
.list-decimal-leading-zero {
    list-style-type: decimal-leading-zero;
}
.list-stroke li:before {
    position: absolute;
    margin-left: -18px;
    content: '– ';
    color: #999;
}

/* ============================================================================================= */
/* IMAGES */
/* ============================================================================================= */
/* Different image sizes. See Styleguide */
@media screen and (min-width:34.375em) {
    .img-halfsize {
        width: 45%;
    }
    .img-onethirdsize {
        width: 33%;
    }
    .img-left {
        float: left;
        margin: .5em 1em 1em 0;
    }
    .img-right {
        float: right;
        margin: .5em 0 1em 1em;
    }
}
.img-footericon {
        width: 10%;
        display: inline;
}
/* Full-width-image for the »Big-Image«-Template */
.leadimg {
    width: -webkit-calc(100% + 2em);
    width:         calc(100% + 2em);
    margin: 0 0 1.5em -1em;
}
@media screen and (min-width:53.125em) {
    .leadimg {
        margin-top: 2em;
        margin-bottom: 2.5em;
    }
}
@media screen and (min-width:68.125em) {
    .leadimg {
        width: 100%;
        margin-left: 0;
    }
}
/* Captions */
figcaption {
    line-height: 1.5em;
    margin-top: .5em;
    margin-bottom: 1em;
    color: #969a9a;
}
/* ============================================================================================= */
/* TABLES */
/* ============================================================================================= */
/* tables */
.table {
    width: 100%;
    margin: 2em 0;
    border-collapse: collapse;
    word-break: normal;
}
.table th {
    padding: .5em;
    text-align: left;
}
.table td {
    padding: .5em;
    vertical-align: top;
}
/* table styling */
.table-standard {
    border-bottom: 1px solid #bbb;
}
.table-standard th {
    border: 1px solid #bbb;
    border-bottom: 3px solid #bbb;
    background: #f4f7fa;
}
.table-standard td {
    border: 1px solid #bbb;
}
/* table-scollable */
.table-scrollable {
    overflow-y: auto;
    width: 100%;
    margin: 0 0 1em;
}
.table-scrollable::-webkit-scrollbar {
    width: 14px;
    height: 14px;
    -webkit-appearance: none;
}
.table-scrollable::-webkit-scrollbar-thumb {
    border: 3px solid #fff;
    border-radius: 8px;
    background-color: rgba(0, 0, 0, .3);
}
/* ============================================================================================= */
/* ACCORDIONS */
/* ============================================================================================= */
p + .toggle {
    margin-top: 1.5em;
}
.js .toggle-content {
    display: none;
    margin-top: 1em;
}
.toggle:target .toggle-content,
.toggle-io .toggle-content {
    display:block;
}

/* Show Accordions in IE8 and lower */
.lt-ie9 .toggle-content {
    display: block !important;
}
.js .toggle-open-from-xsmall .toggle-header {
    background: none;
}
.js .toggle-open-from-xsmall .toggle-content {
    display: block;
}

@media screen and (min-width:31.25em) {
    .js .toggle-open-from-small .toggle-header {
        background: none;
    }
    .js .toggle-open-from-small .toggle-content {
        display: block;
    }
}
@media screen and (min-width:47.5em) {
    .js .toggle-open-from-medium .toggle-header {
        background: none !important;
    }
    .js .toggle-open-from-medium .toggle-content {
        display: block;
    }
}
@media screen and (min-width:63.75em) {
    .js .toggle-open-from-large .toggle-header {
        background: none;
    }
    .js .toggle-open-from-large .toggle-content {
        display: block;
    }
}
.js .toggle-header {
    padding-right:2.2em;
}
.toggle-header:hover {
    cursor: pointer;
}
.svg .toggle-header {
    background: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22icon-smallarrow-d%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%0D%0A%09%20y%3D%220px%22%20width%3D%2222px%22%20height%3D%2222px%22%20viewBox%3D%22-138%20140%2022%2022%22%20enable-background%3D%22new%20-138%20140%2022%2022%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20fill%3D%22%23c0c4ca%22%20d%3D%22M-119.2%2C147.5l-1-1c-0.1-0.1-0.3-0.2-0.5-0.2c-0.2%2C0-0.4%2C0.1-0.5%2C0.2l-5.7%2C5.6l-5.7-5.6%0D%0A%09c-0.3-0.3-0.8-0.3-1%2C0l-1%2C1c-0.3%2C0.3-0.3%2C0.7%2C0%2C1c0%2C0%2C0%2C0%2C0.1%2C0l7.2%2C7.2c0.1%2C0.1%2C0.3%2C0.3%2C0.5%2C0.3c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0%0D%0A%09c0.2%2C0%2C0.4-0.2%2C0.5-0.3l7.2-7.1c0%2C0%2C0-0.1%2C0.1-0.1C-118.9%2C148.2-118.9%2C147.7-119.2%2C147.5z%22/%3E%0D%0A%3C/svg%3E%0D%0A') right 0 no-repeat;
}
.no-svg .toggle-header {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAA20lEQVQ4T2NkoBFgpJG5DKMGw0OWfkGx/+ipCUBrLzhamy0gJmKB6g0Y/zPk/+dmLXQ0NPwA04PiYpChIEUgyf+MDImEDAcb+o9hPzAJCAC1HHCwMXPEbvCR0wWMDP/7YZL4DEczlOE/w/+LjjbmBlgNBgkCNSQAXT0fn+EYaoCGMnCzOeAMCphh+AwnxlCQOThTBTbDwRqQfYPFpTiDAjkloBuOLAcKU3TvI8sTTMfYDCdkKN6gwOVyYgwl2mBYamH4/78An/dJCgpich82NQTDeNRgckOA9uUxAL4zdhcjWj9kAAAAAElFTkSuQmCC') right 0 no-repeat;
}
.no-svg .toggle-open {
    background: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22icon-smallarrow-d%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%0D%0A%09%20y%3D%220px%22%20width%3D%2222px%22%20height%3D%2222px%22%20viewBox%3D%22-138%20140%2022%2022%22%20enable-background%3D%22new%20-138%20140%2022%2022%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20fill%3D%22%23C0C4CA%22%20d%3D%22M-134.7%2C154.6l1%2C1c0.1%2C0.1%2C0.3%2C0.2%2C0.5%2C0.2s0.4-0.1%2C0.5-0.2l5.7-5.6l5.7%2C5.6c0.3%2C0.3%2C0.8%2C0.3%2C1%2C0l1-1%0D%0A%09c0.3-0.3%2C0.3-0.7%2C0-1c0%2C0%2C0%2C0-0.1%2C0l-7.2-7.2c-0.1-0.1-0.3-0.3-0.5-0.3l0%2C0l0%2C0c-0.2%2C0-0.4%2C0.2-0.5%2C0.3l-7.2%2C7.1c0%2C0%2C0%2C0.1-0.1%2C0.1%0D%0A%09C-135%2C153.9-135%2C154.4-134.7%2C154.6z%22/%3E%0D%0A%3C/svg%3E%0D%0A') right 0 no-repeat;
}
.svg .toggle-open {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAA7klEQVQ4T+3UsRGCMBQG4PcsbGzcRCmkQQ/YwA3EDVzBCTwnMCO4QfTEQhrcwBVsaLSIiUe8gIkJBWcDbd59/PkTQGjpwZZc6OBPs/+vgqYZ6SHewmCydjlwp8QC5YOLEiTR1F/acCtcQ6VnxY0wzfMhFs8NlxJDup+4Fi5RysGxRBnCe/vIYKe8yIh/wSY0DnwiQHrOEhe8AttQmdQFr8Lp5YqAI3X7Mmm95zrOq9ry2ZWcq8Kn7IAIoVgUnZpQXXLG4BjP/EgP85sAxYMA4t6GqjgwNodBP4k9766FbZe+ybr1A2mCqbMd3P7/+AUC8GUXpjCmVAAAAABJRU5ErkJggg==') right 0 no-repeat;
}

.toggle:target .toggle-header {
   background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAA7klEQVQ4T+3UsRGCMBQG4PcsbGzcRCmkQQ/YwA3EDVzBCTwnMCO4QfTEQhrcwBVsaLSIiUe8gIkJBWcDbd59/PkTQGjpwZZc6OBPs/+vgqYZ6SHewmCydjlwp8QC5YOLEiTR1F/acCtcQ6VnxY0wzfMhFs8NlxJDup+4Fi5RysGxRBnCe/vIYKe8yIh/wSY0DnwiQHrOEhe8AttQmdQFr8Lp5YqAI3X7Mmm95zrOq9ry2ZWcq8Kn7IAIoVgUnZpQXXLG4BjP/EgP85sAxYMA4t6GqjgwNodBP4k9766FbZe+ybr1A2mCqbMd3P7/+AUC8GUXpjCmVAAAAABJRU5ErkJggg==') right 0 no-repeat;
}
.toggle:target .toggle-header.toggle-open {
   background: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22icon-smallarrow-d%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%0D%0A%09%20y%3D%220px%22%20width%3D%2222px%22%20height%3D%2222px%22%20viewBox%3D%22-138%20140%2022%2022%22%20enable-background%3D%22new%20-138%20140%2022%2022%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20fill%3D%22%23c0c4ca%22%20d%3D%22M-119.2%2C147.5l-1-1c-0.1-0.1-0.3-0.2-0.5-0.2c-0.2%2C0-0.4%2C0.1-0.5%2C0.2l-5.7%2C5.6l-5.7-5.6%0D%0A%09c-0.3-0.3-0.8-0.3-1%2C0l-1%2C1c-0.3%2C0.3-0.3%2C0.7%2C0%2C1c0%2C0%2C0%2C0%2C0.1%2C0l7.2%2C7.2c0.1%2C0.1%2C0.3%2C0.3%2C0.5%2C0.3c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0%0D%0A%09c0.2%2C0%2C0.4-0.2%2C0.5-0.3l7.2-7.1c0%2C0%2C0-0.1%2C0.1-0.1C-118.9%2C148.2-118.9%2C147.7-119.2%2C147.5z%22/%3E%0D%0A%3C/svg%3E%0D%0A') right 0 no-repeat;
}
/* Fix bad CMS-Code */
.toggle-content .toggle-open,
.toggle-content .toggle-header {
    background-image:none;
}
.box .toggle {
    margin-top: 0;
    margin-bottom: .75em;
    padding: .8em 1em .5em 1em;
    background: #f5f7fa;
    float: left;
    width: 100%;
}
.box .toggle-header {
    margin: 0;
}
.box .toggle-header:hover {
    color: #1499dc;
}
/* ============================================================================================= */
/* FORMS */
/* ============================================================================================= */
.form div {
    position: relative;
    float: left;
    width: 100%;
    margin: .5em 0;
}
.form label.error {
    display: none !important;
    width: 100%;
    margin-top: .5em;
    padding: 10px;
    border: 1px solid red;
}
.form input.error {
    border: 1px solid red;
}
.form fieldset {
    width: 100%;
    margin-bottom: 1em;
    padding: 0;
    border: 0;
}
.box .form fieldset {
    padding: 1em;
    background: #f5f7fa;
}
.form legend {
    font-family: "MetaCompPro-Bold W02 Regular", Arial, sans-serif;
    font-weight: normal;
    float: left;
    width: 100%;
    margin-bottom: 1em;
}
.form label {
    float: left;
    margin-bottom: .5em;
}
.form input,
.form textarea {
    float: right;
    width: 100%;
    margin-bottom: .5em;
    padding: .3em;
    color: black;
    border: 1px solid #bbb;
    border-radius: 1px;
    background: white;
    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1);
}
.form input:active,
.form input:focus,
.form textarea:active,
.form textarea:focus {
    border: 1px solid #1499dc;
    outline: none;
}
.form textarea {
    height: 100px;
    resize: vertical;
}
.form input[type='submit'],
.form input[type='reset'] {
    float: right;
    width: auto;
    margin-left: .5em;
}
/* graceful degradation for ie8 */
.form input[type='checkbox'],
.form input[type='radio'] {
    float: left;
    width: auto;
    margin-right: .75em;
    border: none;
    background: transparent;
}
/* better styling only for modern browser. To identify them, check for pseudoclass (:checked, :not(checked)) */
.form input[type='checkbox']:checked,
.form input[type='checkbox']:not(checked),
.form input[type='radio']:checked,
.form input[type='radio']:not(checked) {
    position: relative;
    visibility: hidden;
    margin: 0;
    padding: 0;
    background: transparent;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.form input[type='checkbox'] + label,
.form input[type='radio'] + label {
    cursor: pointer;
}
.form input[type='checkbox']:checked + label::before,
.form input[type='checkbox']:not(checked) + label::before,
.form input[type='radio']:checked + label::before,
.form input[type='radio']:not(checked) + label::before {
    position: relative;
    top: 4px;
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-right: 1em;
    content: ' ';
    border: 1px solid #bbb;
    border-radius: 1px;
    background: white;
    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1);
}
.form input[type=radio]:checked + label::before,
.form input[type=radio]:not(checked) + label::before {
    border-radius: 30px;
}
.form input[type='checkbox']:hover + label::before,
.form input[type='radio']:hover + label::before {
    background: #ddd;
    box-shadow: inset 0 0 0 2px white;
}

.form input[type='checkbox']:checked + label::before,
.form input[type='radio']:checked + label::before {
    background: #0091dc;
    box-shadow: inset 0 0 0 2px white;
}
.form select {
    float: right;
    width: 100%;
    margin-bottom: .5em;
    padding: .4em;
    border: 1px solid #bbb;
    border-bottom-color: #9e9e9e;
    border-radius: 0;
    background-color: white;
    background-repeat: no-repeat;
    background-position: right;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.form select::-ms-expand {
    display: none;
}
.svg .form select {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22icon-smallarrow-d%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%0D%0A%09%20y%3D%220px%22%20width%3D%2228.2px%22%20height%3D%2211px%22%20viewBox%3D%22-12%2025%2028.2%2011%22%20enable-background%3D%22new%20-12%2025%2028.2%2011%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20fill%3D%22%23505354%22%20d%3D%22M1.9%2C27.5l-0.9-0.9c-0.1-0.1-0.3-0.2-0.4-0.2c-0.2%2C0-0.3%2C0.1-0.4%2C0.2l-4.8%2C4.8l-4.8-4.8%0D%0A%09c-0.2-0.2-0.6-0.2-0.9%2C0l-0.9%2C0.9c-0.2%2C0.2-0.2%2C0.6%2C0%2C0.9c0%2C0%2C0%2C0%2C0%2C0l6%2C6c0.1%2C0.1%2C0.3%2C0.2%2C0.4%2C0.2c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0%0D%0A%09c0.2%2C0%2C0.3-0.1%2C0.4-0.2l6-6c0%2C0%2C0%2C0%2C0%2C0C2.2%2C28.1%2C2.2%2C27.7%2C1.9%2C27.5z%22/%3E%0D%0A%3C/svg%3E%0D%0A');
}
.no-svg .form select {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAALCAYAAACDHIaJAAAAwklEQVQ4T2NkGADACLIzICBAgIGJJZ/h35+JGzZs+IDPHQHBwQEg+Q1r124g170QS4NCDjAwMtgDmRcY/v5xxGVxQFBQAgMj03yIZf8DybUYYmlw8AIGBsZ4qMuxWoxi4f//Fxn+/XUgFCq4QgJsKSGLqWkhyC64pbgsZmBiCoAHKYU+hHkQxVIMi///f8DAyKgAiULKghQ5qDEsxeJjqlqIEbzIroEnLir6EGfwolgcFFIAzLsLyE2lBFMvLgW0EAcADGxzDEZ/hE4AAAAASUVORK5CYII=');
}
.lt-ie10 .form select {
    background-image: none; /* Hide arrow-icons in lower versions of Internet Explorer */
}
.form select:focus {
    outline: 0;
}
.form .form-info {
    font-size: .9em;
    line-height: 1.5em;
    color: #969a9a;
}
/* ============================================================================================= */
/* BUTTONS */
/* ============================================================================================= */
.btn,
input.btn {
    padding: .5em 1.1em .4em 1.1em;
    border: none;
    border-radius: 3px;
    outline: none;
}
/* important buttons */
.btn-primary,
input.btn-primary {
    color: white;
    background: rgb(29,162,223);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(29,162,223,1)), color-stop(100%, rgba(16,141,214,1)));
    background: -webkit-linear-gradient(top, rgba(29,162,223,1) 0%, rgba(16,141,214,1) 100%);
    background:         linear-gradient(to bottom, rgba(29,162,223,1) 0%, rgba(16,141,214,1) 100%);
    box-shadow: 0 1px 0 0 rgba(0,0,0,.1);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1da2df', endColorstr='#108dd6', GradientType=0 );
}
.btn-primary:hover,
input.btn-primary:hover,
.btn-primary:focus,
input.btn-primary:focus {
    color: white;
    border: none;
    outline: none;
    background: rgb(23,133,183);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(23,133,183,1)), color-stop(100%, rgba(13,110,165,1)));
    background: -webkit-linear-gradient(top, rgba(23,133,183,1) 0%, rgba(13,110,165,1) 100%);
    background:         linear-gradient(to bottom, rgba(23,133,183,1) 0%, rgba(13,110,165,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1785b7', endColorstr='#0d6ea5', GradientType=0 );
}
.btn-primary:active,
input.btn-primary:active, {
    background: #0c5c84;
}
/* less important buttons */
.btn-secondary,
input.btn-secondary {
    color: black;
    background: rgb(189,192,195);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(189,192,195,1)), color-stop(100%, rgba(172,176,179,1)));
    background: -webkit-linear-gradient(top, rgba(189,192,195,1) 0%, rgba(172,176,179,1) 100%);
    background:         linear-gradient(to bottom, rgba(189,192,195,1) 0%, rgba(172,176,179,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdc0c3', endColorstr='#acb0b3', GradientType=0 );
}
.btn-secondary:hover,
input.btn-secondary:hover {
    background: rgb(210,213,216);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(210,213,216,1)), color-stop(100%, rgba(197,202,205,1)));
    background: -webkit-linear-gradient(top, rgba(210,213,216,1) 0%, rgba(197,202,205,1) 100%);
    background:         linear-gradient(to bottom, rgba(210,213,216,1) 0%, rgba(197,202,205,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d5d8', endColorstr='#c5cacd', GradientType=0 );
}
.btn-secondary:active,
input.btn-secondary:active {
    background: #d8dde0;
}
/* disabled buttons */
.btn-disabled,
input.btn-disabled {
    cursor: default;
    color: #aaa;
    background: #eee;
}
/* ============================================================================================= */
/* ICONS */
/* Icons are set up as SVG with a PNG-fallback. Both image-types are encoded */
/* ============================================================================================= */
.icon {
    display: inline-block;
    padding-left: 1.625em;
    position: relative;
}
.icon:before {
    display: block;
    float: left;
    width: 1.5em;
    margin-left: -1.625em;
    content: ' ';
    background-repeat: no-repeat;
    background-position: top .3em left 0;
    position: absolute;
    top:0;
    bottom:0;
}
/* pdf-icon */
.svg .icon-pdf:before {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22icon-pdf%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20enable-background%3D%22new%200%200%2016%2016%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%3E%0D%0A%09%3Cpath%20fill%3D%22%23009EE2%22%20d%3D%22M2.789%2C9.501L2%2C9.502v2.247h0.75c0.04%2C0%2C0.614%2C0.032%2C0.959-0.291C3.905%2C11.275%2C4%2C11.003%2C4%2C10.626%0D%0A%09%09c0-0.379-0.096-0.651-0.294-0.836C3.364%2C9.475%2C2.795%2C9.502%2C2.789%2C9.501z%22/%3E%0D%0A%09%3Cpath%20fill%3D%22%23009EE2%22%20d%3D%22M8.239%2C9.77C7.815%2C9.512%2C7.379%2C9.5%2C7.375%2C9.5h-0.5V14h0.499c0.176-0.003%2C1.751-0.089%2C1.751-2.25%0D%0A%09%09C9.125%2C10.795%2C8.827%2C10.129%2C8.239%2C9.77z%22/%3E%0D%0A%09%3Cpath%20fill%3D%22%23009EE2%22%20d%3D%22M15.5%2C0H8C7.867%2C0%2C7.74%2C0.053%2C7.646%2C0.146l-5%2C5C2.553%2C5.24%2C2.5%2C5.367%2C2.5%2C5.5v2H0.519%0D%0A%09%09c-0.276%2C0-0.5%2C0.223-0.5%2C0.499L0%2C15.499c0%2C0.133%2C0.052%2C0.26%2C0.146%2C0.354C0.24%2C15.947%2C0.367%2C16%2C0.5%2C16H3h12.5%0D%0A%09%09c0.275%2C0%2C0.5-0.225%2C0.5-0.5V8V0.5C16%2C0.224%2C15.775%2C0%2C15.5%2C0z%20M8%2C1.207V5H4.207L8%2C1.207z%20M4.385%2C12.195%0D%0A%09%09c-0.539%2C0.498-1.246%2C0.557-1.542%2C0.557c-0.066%2C0-0.112-0.003-0.131-0.005L2%2C12.748V15H1v-2.251v-1V9.503v-1V8.5h1v0.003h0.75%0D%0A%09%09c0.061-0.006%2C0.975-0.058%2C1.635%2C0.554C4.793%2C9.434%2C5%2C9.962%2C5%2C10.626S4.793%2C11.818%2C4.385%2C12.195z%20M7.374%2C15H6.875h-1v-1V9.5v-1h1%0D%0A%09%09h0.499l0%2C0c0.075%2C0%2C0.724%2C0.012%2C1.386%2C0.416c0.623%2C0.38%2C1.365%2C1.182%2C1.365%2C2.834C10.125%2C14.32%2C8.326%2C15%2C7.374%2C15z%20M15%2C9.5h-3v1.75%0D%0A%09%09h2v1h-2V15h-1V9.5v-1h1h3V9.5z%20M15%2C7.5H3.5V6h5C8.775%2C6%2C9%2C5.776%2C9%2C5.5V1h6V7.5z%22/%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A');
}
.no-svg .icon-pdf:before {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABIklEQVQ4T5VS23GDQAyUKMB2BYYO0kLSQTrwq4F0EFyB0wDYnYQS0gK4ADuTf28kHXfmHMiAZhhA2l1Je8f0X5TNScqrYQiuPFh0ZI0VbZf9uLLBUMGRt8s1CWiagO+sZI1JAo/kSQJF/UbMhz+eAN+0Sxe9XkUeFHVuoF3q3mPCBLRzkswJeDYOczWGaxggZzMJ2LfkTN7u3H2O+JWYnuJc24L53QnoOesKSVLRDZkQjm1OppudCD8fJnzHIZ5ACyqk4b9DDl/EsxcRuYRaZ8f7BGVTydiVTQF8RuCu6PHsvFKMWhZW0AJuqeRySWeDAtpI6PKYUHcCt4IP3xW0sZT3xa/qfQwTPBTC/S+aNTHkgvGi34OivsrZz6PuY3/klv4C3e6z3xYw3bIAAAAASUVORK5CYII=');
}
/* arrow-icon  */
.svg .icon-arrow:before {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22icon-arrow-r%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%0D%0A%09%20y%3D%220px%22%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20enable-background%3D%22new%200%200%2016%2016%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20fill%3D%22%23009EE2%22%20d%3D%22M15%2C7.996c0-0.133-0.053-0.261-0.146-0.354L9.883%2C2.686C9.872%2C2.672%2C9.859%2C2.659%2C9.85%2C2.647%0D%0A%09C9.652%2C2.451%2C9.336%2C2.452%2C9.141%2C2.646L8.434%2C3.351C8.34%2C3.445%2C8.287%2C3.572%2C8.287%2C3.705s0.053%2C0.26%2C0.147%2C0.354l2.947%2C2.942H1.5%0D%0A%09c-0.276%2C0-0.5%2C0.224-0.5%2C0.5v0.998c0%2C0.276%2C0.224%2C0.5%2C0.5%2C0.5h9.881l-2.947%2C2.942c-0.094%2C0.094-0.147%2C0.221-0.147%2C0.354%0D%0A%09s0.053%2C0.262%2C0.147%2C0.354l0.707%2C0.705C9.238%2C13.451%2C9.366%2C13.5%2C9.494%2C13.5s0.257-0.049%2C0.354-0.146%0D%0A%09c0.012-0.013%2C0.023-0.023%2C0.034-0.039l4.972-4.956C14.947%2C8.265%2C15%2C8.137%2C15%2C8.004C15%2C8.002%2C14.999%2C8.001%2C14.999%2C8%0D%0A%09S15%2C7.998%2C15%2C7.996z%22/%3E%0D%0A%3C/svg%3E%0D%0A');
}
.no-svg .icon-arrow:before {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAk0lEQVQ4T6XSaQ2AMAwF4FcFoGAakMQhACsY4FICVjgEYAAG40gIWbaO9X+/vnUleBZ59oMHlGOMTDS6YXagmgpA5pBoDiT5InagniNsaw+iQIfYATXSgPAAA3IB5bCcEV3q3sl/AGiRitjtCXLtAAqPoGezCswD1BI1zTzA0MwDnkN6xX7vmvcEr1O2fC0vgQHZAQvDQRGZuQv3AAAAAElFTkSuQmCC');
}

/* fax-icon */
.svg .icon-fax:before {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22icon-fax%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20enable-background%3D%22new%200%200%2016%2016%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%3E%0D%0A%09%3Cpolygon%20fill%3D%22%23009EE2%22%20points%3D%226.296%2C12.25%207.96%2C12.25%207.128%2C9.966%20%09%22/%3E%0D%0A%09%3Cpath%20fill%3D%22%23009EE2%22%20d%3D%22M15.5%2C7.5H14v-7C14%2C0.224%2C13.775%2C0%2C13.5%2C0h-11C2.224%2C0%2C2%2C0.224%2C2%2C0.5v7H0.519c-0.276%2C0-0.5%2C0.223-0.5%2C0.499%0D%0A%09%09L0%2C15.499c0%2C0.133%2C0.052%2C0.26%2C0.146%2C0.354C0.24%2C15.947%2C0.367%2C16%2C0.5%2C16h2h11h2c0.275%2C0%2C0.5-0.225%2C0.5-0.5V8%0D%0A%09%09C16%2C7.724%2C15.775%2C7.5%2C15.5%2C7.5z%20M3%2C1h10v6.5H3V1z%20M4%2C12.25H2V15H1V9.5v-1h1h3v1H2v1.75h2V12.25z%20M8.962%2C15l-0.637-1.75H5.932%0D%0A%09%09L5.294%2C15H4.23l2.366-6.495L6.591%2C8.491h1.075L7.661%2C8.506L10.025%2C15H8.962z%20M14.05%2C15l-1.229-2.238L11.592%2C15h-1.141l1.8-3.277%0D%0A%09%09l-1.772-3.229h1.142l1.202%2C2.19l1.203-2.19h1.143l-1.773%2C3.229L15.189%2C15H14.05z%22/%3E%0D%0A%09%3Cpath%20fill%3D%22%23009EE2%22%20d%3D%22M11%2C2.5H5C4.724%2C2.5%2C4.5%2C2.724%2C4.5%2C3S4.724%2C3.5%2C5%2C3.5h6c0.275%2C0%2C0.5-0.224%2C0.5-0.5S11.275%2C2.5%2C11%2C2.5z%22/%3E%0D%0A%09%3Cpath%20fill%3D%22%23009EE2%22%20d%3D%22M8%2C5H5C4.724%2C5%2C4.5%2C5.224%2C4.5%2C5.5S4.724%2C6%2C5%2C6h3c0.276%2C0%2C0.5-0.224%2C0.5-0.5S8.276%2C5%2C8%2C5z%22/%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A');
}
.no-svg .icon-fax:before {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABdklEQVQ4T5VT7VHCQBTcdwz+E/C/AnaAHWAFYgUSLAA7ACsQCghQglYAViBWIEELCDr+wSHPvSQkIgwfN3Nz95L39nb33gmWw/V8iOSTeOtGfTRKJzZFkrzeVNEopvE2gD+56wD9jwqgV5vr5QnO6Rg7AYJFbSOAyTzuBtjHhK0M3GmdzvQTHIWD2+JgBXcrwMEMXO8OxuSh2uY1tvepT3MDX0JHVe9XCkVajJ85J5w34T/FK6WNw1h1xrXDA1sRgL1/12uTiUbJlo25CB1PGozNI7lzBJ8WhJ7IxHqVAlig5VD1YHIVLL6qMLBXGrGAdHkqizM+dD5kXE4B+u/V+PRhLMm2dpWzw5jJ8ZAsWcxr/P4QQiYSetNRqBRgEZOwKDAswDkbUQbpSin0wRzzoO8yNHj5DxDrt0nZGvQn6oUAXRgygTYJckk27BPKsCulrXtgG0fEvodmRFrHkKNrAg7IrM71jR9H3Dt2b90/4BknTsTYOvsFO0XG58rFIY0AAAAASUVORK5CYII=');
}

/* mail-icon */
.icon-mail:before {
    background-position: 50% calc(50% - 1px);
}
.svg .icon-mail:before {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22icon-mail%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20enable-background%3D%22new%200%200%2016%2016%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20fill%3D%22%23009EE2%22%20d%3D%22M16%2C5c0-0.065-0.014-0.13-0.038-0.191c-0.051-0.123-0.147-0.22-0.271-0.271C15.63%2C4.513%2C15.564%2C4.5%2C15.5%2C4.5%0D%0A%09h-15c-0.065%2C0-0.13%2C0.013-0.191%2C0.039c-0.123%2C0.05-0.22%2C0.148-0.271%2C0.271C0.013%2C4.87%2C0%2C4.935%2C0%2C5v10.5%0D%0A%09c0%2C0.064%2C0.013%2C0.13%2C0.039%2C0.191c0.051%2C0.121%2C0.148%2C0.22%2C0.271%2C0.271C0.37%2C15.986%2C0.435%2C16%2C0.5%2C16h15%0D%0A%09c0.064%2C0%2C0.13-0.014%2C0.191-0.038c0.121-0.051%2C0.22-0.147%2C0.271-0.271C15.986%2C15.63%2C16%2C15.564%2C16%2C15.5V5z%20M8%2C11.793L1.707%2C5.5h12.586%0D%0A%09L8%2C11.793z%20M5.042%2C10.25L1%2C14.293V6.207L5.042%2C10.25z%20M5.75%2C10.957l1.896%2C1.896C7.744%2C12.951%2C7.872%2C13%2C8%2C13s0.256-0.049%2C0.354-0.146%0D%0A%09l1.897-1.896L14.293%2C15H1.707L5.75%2C10.957z%20M10.957%2C10.25L15%2C6.207v8.086L10.957%2C10.25z%22/%3E%0D%0A%3C/svg%3E%0D%0A');
}
.no-svg .icon-mail:before {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA2ElEQVQ4T82S2xWCMBBEZ2MBNODBFrQTO0C0AUrRAkDswE6wBTgWgAXIyhLCIz5A+XHzkQ9mLpNJCBOHJvrxD4AwDaCU89tRipwQZQxwDsbhS0gAIqcG4FQCGDvXHwWJsrjWeRqwdWWPR0GMeetuxNsCBDkE6Zq13gJ8gtjmt4DjdQkukvI4cdOJNnsgtYI/vzQ9PSUQc3E/Q83WJSSoOpEhWWrffDOQHqBrbgW6bSlMxtY0AIlm/tyN+OpO+ykTfQvMaRV7yGyABkK0IIRpLi9q1AOyRcy3B9z6k2TltlvHAAAAAElFTkSuQmCC');
}


/* phone-icon */
.svg .icon-phone:before {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22icon-phone%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20enable-background%3D%22new%200%200%2016%2016%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20fill%3D%22%23009EE2%22%20d%3D%22M15.988%2C4.397c-0.619-2.931-3.149-4.283-3.258-4.34c-0.193-0.102-0.433-0.064-0.584%2C0.09l-2.75%2C2.75%0D%0A%09C9.254%2C3.038%2C9.21%2C3.247%2C9.284%2C3.432c0.086%2C0.221%2C0.562%2C0.903%2C1.282%2C1.844c0.021%2C0.033%2C0.524%2C0.824%2C0.006%2C1.42%0D%0A%09c-1.643%2C2.139-3.855%2C3.86-3.901%2C3.897c-0.17%2C0.148-0.363%2C0.221-0.591%2C0.221c-0.406%2C0-0.774-0.227-0.777-0.227%0D%0A%09C4.334%2C9.846%2C3.652%2C9.371%2C3.432%2C9.285C3.244%2C9.212%2C3.036%2C9.257%2C2.896%2C9.397l-2.75%2C2.75c-0.154%2C0.152-0.19%2C0.392-0.09%2C0.584%0D%0A%09c0.057%2C0.106%2C1.409%2C2.639%2C4.34%2C3.259c0.035%2C0.007%2C0.069%2C0.011%2C0.104%2C0.011c0.014%2C0%2C0.027-0.001%2C0.042-0.002%0D%0A%09c0.229-0.02%2C2.369-0.312%2C6.815-4.648c4.328-4.438%2C4.621-6.579%2C4.641-6.808C16.002%2C4.494%2C15.999%2C4.445%2C15.988%2C4.397z%20M10.38%2C3.328%0D%0A%09l2.195-2.194c0.22%2C0.148%2C0.536%2C0.388%2C0.87%2C0.714l-2.402%2C2.403C10.708%2C3.803%2C10.501%2C3.508%2C10.38%2C3.328z%20M1.134%2C12.574l2.192-2.192%0D%0A%09c0.184%2C0.122%2C0.477%2C0.328%2C0.924%2C0.662l-2.4%2C2.4C1.523%2C13.11%2C1.283%2C12.794%2C1.134%2C12.574z%20M10.65%2C10.644%0D%0A%09c-3.772%2C3.681-5.771%2C4.269-6.138%2C4.35c-0.761-0.178-1.39-0.516-1.904-0.893l2.495-2.496c0.001%2C0%2C0.002-0.002%2C0.003-0.004%0D%0A%09c0.247%2C0.106%2C0.585%2C0.215%2C0.974%2C0.215c0.468%2C0%2C0.899-0.162%2C1.226-0.448c0.095-0.073%2C2.336-1.815%2C4.04-4.035%0D%0A%09c0.697-0.797%2C0.473-1.705%2C0.25-2.22c0.002-0.003%2C0.006-0.004%2C0.008-0.006l2.498-2.497c0.377%2C0.514%2C0.713%2C1.143%2C0.891%2C1.906%0D%0A%09C14.909%2C4.882%2C14.322%2C6.879%2C10.65%2C10.644z%22/%3E%0D%0A%3C/svg%3E%0D%0A');
}
.no-svg .icon-phone:before {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABaElEQVQ4T51S203DQBCcvYh8gRQ+kUighFABKcFUAE4KiNOBqQA34NhUAFQAVEA6wDFIfGKFP6T42F0/sKIgDCfZ8t15Zmd2h/CXFb0OYdc3sHSJySAWKLXGCzhf3zLYY5QP2BiTo6AdQQU2HUcLChHQgzFOO4J5ynIpA1GsYCHK8yErGbUjiN57yFcJV80U7B4uEL0dw34+tSMQ2WF6wRUdjAeFjXL/PwJRZFfPIHPWjqDZRJE/T7mJlGDc934nKGZ/z+Ob6exFOuDB7I3g7mffBFoln/LFTC7U51awDWC6Q7gH0tQySJVEMhyUXJo1LQMW1JU3bZQ/kFapZluFhGih92R8HZnKtn49wkZ8CeEy0Xh2TFITCahaBZhld9hz47xWUDUFlqNZhkT9S3g+rvjrBGaHw1N43lxFE8Olx29fvVP3kRN2yvsAMNegXbZRNvVHAq34MoK1LBfn/Nxx7gO4/YdtVZtnXxzTqVMreD2qAAAAAElFTkSuQmCC');
}

/* smartphone-icon */
.svg .icon-smartphone:before {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22icon-smartphone%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%0D%0A%09%20y%3D%220px%22%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20enable-background%3D%22new%200%200%2016%2016%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%3E%0D%0A%09%3Cpath%20fill%3D%22%23009EE2%22%20d%3D%22M12.604%2C0.146C12.51%2C0.052%2C12.383%2C0%2C12.25%2C0l-8.5%2C0.002c-0.276%2C0-0.5%2C0.224-0.5%2C0.5V15.5%0D%0A%09%09c0%2C0.275%2C0.224%2C0.5%2C0.5%2C0.5h8.5c0.275%2C0%2C0.5-0.225%2C0.5-0.5v-15C12.75%2C0.367%2C12.697%2C0.24%2C12.604%2C0.146z%20M11.75%2C1v1.5h-7.5V1.001%0D%0A%09%09L11.75%2C1z%20M11.75%2C3.5V11h-7.5V3.5H11.75z%20M4.25%2C15v-3h7.5v3H4.25z%22/%3E%0D%0A%09%3Ccircle%20fill%3D%22%23009EE2%22%20cx%3D%228%22%20cy%3D%2213.5%22%20r%3D%220.75%22/%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A');
}
.no-svg .icon-smartphone:before {
    ackground-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAkElEQVQ4T2NkQAbzHm0Acv1RxDA5GxmS5AJgwoxoBhxgYGRsYEiUPYDVkPmPHRj+/28AGuCA24D/DPcZmBgfYDXg338FBkYGRfwGMDA8ANqC3QBGRgWgwQr4DaDYC6MGUCEdUByIDAz2BJLyQeLTwfznoITDwJAoCUlYRCVlZC/MewTJE7C0T7IBZLiA5OwMALFrhxHmT/XEAAAAAElFTkSuQmCC');
}

/* play-icon */
.svg .icon-play:before {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22icon-play%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20enable-background%3D%22new%200%200%2016%2016%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%3E%0D%0A%09%3Cpath%20fill%3D%22%23009EE2%22%20d%3D%22M15.5%2C0h-15C0.224%2C0%2C0%2C0.224%2C0%2C0.5v15C0%2C15.775%2C0.224%2C16%2C0.5%2C16h15c0.275%2C0%2C0.5-0.225%2C0.5-0.5v-15%0D%0A%09%09C16%2C0.224%2C15.775%2C0%2C15.5%2C0z%20M15%2C15H1V1h14V15z%22/%3E%0D%0A%09%3Cpath%20fill%3D%22%23009EE2%22%20d%3D%22M5%2C12.5c0.085%2C0%2C0.171-0.021%2C0.248-0.064l7-4C12.404%2C8.345%2C12.5%2C8.179%2C12.5%2C8s-0.096-0.345-0.252-0.434%0D%0A%09%09l-7-4C5.093%2C3.477%2C4.903%2C3.478%2C4.749%2C3.567C4.595%2C3.657%2C4.5%2C3.822%2C4.5%2C4v8c0%2C0.18%2C0.095%2C0.343%2C0.249%2C0.434%0D%0A%09%09C4.827%2C12.479%2C4.913%2C12.5%2C5%2C12.5z%22/%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A');
}
.no-svg .icon-play:before {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAt0lEQVQ4T7WTzQ3CMAyFn1txAwFHJKArMApsgGEQwgbtAIVV2g0YoUEMECYwFhUSCFCaFnK08j7/PJuQWweiIVo9cYTDWbCZUyu9av8AOF4WgIzAs8Jb1ccKcmt0JjsVF6AegyfVV5AHUOsEKaLBHjx2b6BGgJqiTsGAk+wF0hzwkEkFilfg6ekeCQaIWETxMhwgctV8BtskbdECZaC+9h8+xFJtXIfb2HmRvOv39OE3t9DlnNWdG0egjd+IdL0OAAAAAElFTkSuQmCC');
}

/* cart-icon */
@media screen and (max-width: 53.0625em) {
    .icon-cart-empty {
        position: relative;
        top: 3px;
        width: 20px;
        height: 20px;
        margin-right: 5px;
        fill: white;
    }
}
@media screen and (min-width: 53.125em) {
    .icon-cart-empty {
        width: 24px;
        height: 24px;
    }
    svg.icon-cart-empty {
        fill: #0091dc;
    }
    img.icon-cart-empty {
        display: inline-block;
    }
}
/* Login-icon */
.no-svg span.icon-user {
    background: red;
}
@media screen and (max-width: 53.0625em) {
    .icon-user {
        position: relative;
        top: 3px;
        width: 20px;
        height: 20px;
        margin-right: 5px;
        fill: white;
    }
}
@media screen and (min-width: 53.125em) {
    .icon-user {
        width: 24px;
        height: 24px;
        fill: #0091dc;
    }
}

/* ============================================================================================= */
/* TEASER AND BOXES */
/* ============================================================================================= */
/* Delete margin-bottom of a box. See styleguide */
.no-margin-bottom {
    margin-bottom: 0 !important;
    box-shadow: none;
}
/* Delete padding-bottom of a box. See styleguide */
.no-padding-bottom {
    padding-bottom: 0 !important;
}
.teaser,
.box {
    -webkit-transition: all .2s ease-in-out;
    background: white;
    box-shadow: 0 2px 1px 0 rgba(0,0,0,.1);
}
.box {
    display: inline-block;
    width: 100%;
    margin-bottom: 1.6em;
    padding: 0 .8em .8em .8em;
}
@media screen and (min-width:47.5em) {
    .box {
        margin-bottom: 2em;
        padding: 0 1em 1em 1em;
    }
}
.teaser {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 1.6em;
}
@media screen and (min-width:47.5em) {
    .teaser {
        margin-bottom: 2em;
    }
}
.teaser-secondary {
    border-top: 3px solid #0091dc;
    background: #d9dde7;
    text-shadow: 0 1px 0 rgba(255,255,255,.3);
}
/* if a teaser starts with an image, align this image -3px from top to hide the border */
.teaser-secondary > img,
.teaser-secondary > a > img,
.teaser-secondary > video {
    margin-top: -3px;
}
.teaser-content {
    padding: 1em;
}
.teaser-has-more-link {
    margin-bottom: 50px;
}
.teaser-more {
    position: absolute;
    bottom: 1em;
    display: block;
    width: -webkit-calc(100% - 2em);
    width:         calc(100% - 2em);
    padding-top: .75em;
    color: #333;
    border-top: 1px solid #eee;
}
.teaser-more.icon::before {
    /* background-position: 50% calc(50% + 0.45em); */
    background-position: top 1em left .2em;
}
.teaser-secondary .teaser-more {
    border-top-color: #c3c5ce;
}
.teaser-more:hover {
    color: #1499dc;
}
.teaser a:hover img {
    opacity: 0.85;
}
.teaser-category {
    font-size: .9em;
    margin-top: 0;
    color: #969a9a;
}
/* default image sizes for specific pages */
.teaser-height-default {
    min-height: 230px;
}
/* default image sizes for specific pages. In this case, the homepage. */
.teaser-height-home {
    min-height: 230px;
}
/* height for dotdotdot, added 2015-08-04 by Ngl */
.teaser-height-default-content {
    height: 200px;
}
.teaser-height-home-content {
    height: 200px;
}
/* ============================================================================================= */
/* FAQ */
/* ============================================================================================= */

.faq-container::before,
.faq-container::after {
    content: '';
    display: table;
}
.faq-container::after {
    clear: both;
}
.faq-toc-title {
    margin-bottom: 1.2em;
}
#faq-toc {
    display: none;
}
@media screen and (min-width: 47.4375em) {
    #faq-toc {
        display: block;
    }
}
#faq-toc ol {
    border-top: 3px solid #0091dc;
    background: #D9DDE7;
    list-style: none;
    padding: 0;
    margin: 0;
    box-shadow: 0 2px 1px 0 rgba(0,0,0,.1);
}
#faq-toc a {
    display: block;
    border-bottom: 0.063em solid #EBEEF4;
    padding: 1.5em 1em calc(1.5em - 2px) 1em;
    font-weight: bold;
}
#faq-toc a:focus,
#faq-toc a:hover,
#faq-toc a:active {
    background: #afb5c0;
    color: white;
}
#faq-toc li:last-child a {
    border-bottom: none;
}
.faq-section {
    background: #D9DDE7;
    color: #0091dc;
    padding: 1em 3em 1em 1em;
    font-size: 1.2em;
    cursor: pointer;
    position: relative;
    box-shadow: 0 0.125em 0.063em 0 rgba(0,0,0,0.1);
    margin: 1em 0 0 0;
}
.js .faq-section::after {
    content: '';
    position: absolute;
    right: 1em;
    top: 50%;
    margin-top: -0.5em;
    background: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22icon-smallarrow-d%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%0D%0A%09%20y%3D%220px%22%20width%3D%2222px%22%20height%3D%2222px%22%20viewBox%3D%22-138%20140%2022%2022%22%20enable-background%3D%22new%20-138%20140%2022%2022%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20fill%3D%22%23c0c4ca%22%20d%3D%22M-119.2%2C147.5l-1-1c-0.1-0.1-0.3-0.2-0.5-0.2c-0.2%2C0-0.4%2C0.1-0.5%2C0.2l-5.7%2C5.6l-5.7-5.6%0D%0A%09c-0.3-0.3-0.8-0.3-1%2C0l-1%2C1c-0.3%2C0.3-0.3%2C0.7%2C0%2C1c0%2C0%2C0%2C0%2C0.1%2C0l7.2%2C7.2c0.1%2C0.1%2C0.3%2C0.3%2C0.5%2C0.3c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0%0D%0A%09c0.2%2C0%2C0.4-0.2%2C0.5-0.3l7.2-7.1c0%2C0%2C0-0.1%2C0.1-0.1C-118.9%2C148.2-118.9%2C147.7-119.2%2C147.5z%22/%3E%0D%0A%3C/svg%3E%0D%0A) center center no-repeat;
    width: 1.2em;
    height: 1em;
}
.js .faq-section.open::after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAA7klEQVQ4T+3UsRGCMBQG4PcsbGzcRCmkQQ/YwA3EDVzBCTwnMCO4QfTEQhrcwBVsaLSIiUe8gIkJBWcDbd59/PkTQGjpwZZc6OBPs/+vgqYZ6SHewmCydjlwp8QC5YOLEiTR1F/acCtcQ6VnxY0wzfMhFs8NlxJDup+4Fi5RysGxRBnCe/vIYKe8yIh/wSY0DnwiQHrOEhe8AttQmdQFr8Lp5YqAI3X7Mmm95zrOq9ry2ZWcq8Kn7IAIoVgUnZpQXXLG4BjP/EgP85sAxYMA4t6GqjgwNodBP4k9766FbZe+ybr1A2mCqbMd3P7/+AUC8GUXpjCmVAAAAABJRU5ErkJggg==) center center no-repeat;
}
@media screen and (min-width: 47.4375em) {
    .faq-section {
        color: #afb5c0;
        font-size: 1em;
        background: none;
        padding: 0;
        cursor: default;
        box-shadow: none;
        margin: 1em 0;
    }
    .faq-section::after {
        display: none;
    }
}
.faq-question {
    margin: 0;
    position: relative;
    color:#2d3333;
    font-size: 1em;
    padding: 1em 3em 1em 1em;
    cursor: pointer;
}
.faq-question:focus,
.faq-question:hover,
.faq-question:active,
.faq-question.open {
    color:#0091dc;
}
.js .faq-question::after {
    content: '';
    position: absolute;
    right: 1em;
    top: 50%;
    margin-top: -0.5em;
    background: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22icon-smallarrow-d%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%0D%0A%09%20y%3D%220px%22%20width%3D%2222px%22%20height%3D%2222px%22%20viewBox%3D%22-138%20140%2022%2022%22%20enable-background%3D%22new%20-138%20140%2022%2022%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20fill%3D%22%23c0c4ca%22%20d%3D%22M-119.2%2C147.5l-1-1c-0.1-0.1-0.3-0.2-0.5-0.2c-0.2%2C0-0.4%2C0.1-0.5%2C0.2l-5.7%2C5.6l-5.7-5.6%0D%0A%09c-0.3-0.3-0.8-0.3-1%2C0l-1%2C1c-0.3%2C0.3-0.3%2C0.7%2C0%2C1c0%2C0%2C0%2C0%2C0.1%2C0l7.2%2C7.2c0.1%2C0.1%2C0.3%2C0.3%2C0.5%2C0.3c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0%0D%0A%09c0.2%2C0%2C0.4-0.2%2C0.5-0.3l7.2-7.1c0%2C0%2C0-0.1%2C0.1-0.1C-118.9%2C148.2-118.9%2C147.7-119.2%2C147.5z%22/%3E%0D%0A%3C/svg%3E%0D%0A) center center no-repeat;
    width: 1.2em;
    height: 1em;
}
.js .faq-question.open::after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAA7klEQVQ4T+3UsRGCMBQG4PcsbGzcRCmkQQ/YwA3EDVzBCTwnMCO4QfTEQhrcwBVsaLSIiUe8gIkJBWcDbd59/PkTQGjpwZZc6OBPs/+vgqYZ6SHewmCydjlwp8QC5YOLEiTR1F/acCtcQ6VnxY0wzfMhFs8NlxJDup+4Fi5RysGxRBnCe/vIYKe8yIh/wSY0DnwiQHrOEhe8AttQmdQFr8Lp5YqAI3X7Mmm95zrOq9ry2ZWcq8Kn7IAIoVgUnZpQXXLG4BjP/EgP85sAxYMA4t6GqjgwNodBP4k9766FbZe+ybr1A2mCqbMd3P7/+AUC8GUXpjCmVAAAAABJRU5ErkJggg==) center center no-repeat;
}
.faq-list {
    margin: 0;
    background: #D9DDE7;
    padding: 0 1em 1em;
    position: relative;
    box-shadow: 0 0.125em 0.063em 0 rgba(0,0,0,0.1);
}
@media screen and (min-width: 47.4375em) {
    .faq-list {
        display: block !important;
        height: auto !important;
        padding: 0 !important;
        margin: 0 0 2em 0 !important;
        overflow: visible !important;
        background: none;
        box-shadow: none;
    }
}
.faq-term {
    background: white;
    box-shadow: 0 0.125em 0.063em 0 rgba(0,0,0,0.1);
    margin-top: 1em;
}
.faq-term:first-child {
    margin: 0;
}
.faq-definition {
    margin: 0;
    padding: 1em;
    background: white;
    box-shadow: 0 0.125em 0.063em 0 rgba(0,0,0,0.1);
    position: relative;
}
.faq-definition::before {
    content: '';
    position: absolute;
    top: 0;
    left: 1em;
    right: 1em;
    height: 0.063em;
    background: #EBEEF4;
}
.faq-definition p:first-child {
    margin-top: 0;
}
.faq-definition p:last-child {
    margin-bottom: 0;
}
/* ============================================================================================= */
/* SITEMAP */
/* ============================================================================================= */
.sitemap li {
    position: relative;
}
.sitemap a {
    margin:.75em 0;
    display: block;
}
.sitemap > li {
    background:#f5f7fa;
    padding:1.5em 1em;
    margin-bottom:1em;
}
.sitemap > li > a {
    font-family: 'MetaCompPro-Bold W02 Regular';
    font-size: 1.2em;
    display: block;
    margin-bottom: 1em;
    color:#2d3333;
}
.sitemap > li > ul > li > a {
    font-family: 'MetaCompPro-Bold W02 Regular';
    color:#2d3333;
}
.sitemap ul {
    margin-left: 1.2em;
}
.sitemap > li > ul > li::before {
    content: '';
    display: block;
    height: 1em;
    width: 1em;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANAgMAAAAPhQzvAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACVBMVEXExsj19/oAAABz49b8AAAAAWJLR0QCZgt8ZAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABJJREFUCNdjYAAB0dBQcggQAAAMZQg2nUVKsgAAAABJRU5ErkJggg==) left no-repeat;
    position: absolute;
    top: .25em;
    left:-1.2em;
}
.sitemap > li > ul > li > ul > li::before {
    content: '';
    display: block;
    height: 1em;
    width: 2em;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAANAQMAAABvi/fXAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURfX3+sTGyG1OTz0AAAAcSURBVAjXY2Bg+P+DgYGhgQMr8f8/Dgko8f8HAHmFC8VC1CJ1AAAAAElFTkSuQmCC) right no-repeat;
    position: absolute;
    top: .25em;
    left:-2.4em;
}

.sitemap > li > ul > li > ul > li > ul > li::before {
    content: '';
    display: block;
    height: 1em;
    width: 3em;
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAANAQMAAAAHeHXvAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURfX3+sTGyG1OTz0AAAAdSURBVAjXY2AAgv8/QCRDAwde6j8QEFCCRP3/AQBlfw3DHVDPVwAAAABJRU5ErkJggg==) left no-repeat;
    position: absolute;
    top: .25em;
    left:-3.6em;
}
/* ============================================================================================= */
/* FOOTER */
/* ============================================================================================= */
.site-footer {
    position: relative;
    float: left;
    width: 100%;
    min-height: 100px;
    margin-top: 4em;
    padding-top: 2em;
    padding-bottom: 3em;
    color: white;
    border-top: 10px solid #262c30;
    background: #2b383c;
    text-shadow: 0 1px rgba(0,0,0,.5);
}
.site-footer a {
    color: #abafb0;
}
.site-footer a:hover {
    color: #cacdce;
}
@media screen and (min-width: 47.5em) {
    .site-footer .toggle-header {
        cursor: default;
    }
    .site-footer .toggle-content {
        display:block !important;
    }
}
@media screen and (min-width:68.75em) {
    .site-footer a:before {
        margin-right: 5px;
        content: '> ';
        opacity: .5;
    }
}
.site-footer .with-border {
    padding-bottom: .5em;
    border-bottom: 1px solid #515c63;
}
/* ============================================================================================= */
/* Social Media Bar */
/* ============================================================================================= */
.social-media-bar {
    margin-top: 2em;
    float: left;
    width: 100%;
}
.social-media-bar-title {
    color:#969a9a;
    font-size:0.8em;
}
.social-media-bar-title + .social-media-bar-list {
    margin-top:0;
}
.svg .social-media-bar-list {
   border-top:1px solid #d4d4d4;
   padding-top: .9em;
}
.svg .social-media-bar-list li {
    line-height:220%;
    float:left;
    margin-right: .8em;
}
.svg .social-media-bar-list a {
    display:block;
    height:26px;
    width:27px;
}
.svg .social-media-bar-list span {
    display:none;
}
.svg .social-media-bar-list .mail {
    fill:#5d5d5c;
}
.svg .social-media-bar-list .mail:hover {
    fill:#0e9fe0;
}
.svg .social-media-bar-list .facebook {
    fill:#5d5d5c;
}
.svg .social-media-bar-list .facebook:hover {
    fill:#4d5aa0;
}
.svg .social-media-bar-list .twitter {
    fill:#5d5d5c;
}
.svg .social-media-bar-list .twitter:hover {
    fill:#7bade0;
}
.svg .social-media-bar-list .xing {
    fill:#5d5d5c;
}
.svg .social-media-bar-list .xing:hover {
    fill:#4e8889;
}
.svg .social-media-bar-list .linkedin {
    fill:#5d5d5c;
}
.svg .social-media-bar-list .linkedin:hover {
    fill:#456a9e;
}

/* ============================================================================================= */
/* COOKIE SLIDER */
/* ============================================================================================= */
.cookie-choice {
    border:1px solid silver;
    margin-bottom: 1em;
    padding:1em 1em 1em 5em;
    position: relative;
}
.cookie-choice:hover {
    border:1px solid #999;
    background:#f1f1f1;
    cursor: pointer;
}
.cookie-choice::before {
    display:block;
    content:'';
    width:4em;
    position: absolute;
    top:0;
    bottom:0;
    left:0;
}
.svg .cookie-disabled::before {
    background:silver url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOmE9Imh0dHA6Ly9ucy5hZG9iZS5jb20vQWRvYmVTVkdWaWV3ZXJFeHRlbnNpb25zLzMuMC8iIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjVweCIgaGVpZ2h0PSIyNXB4IiB2aWV3Qm94PSIwIDAgMjUgMjUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI1IDI1IiB4bWw6c3BhY2U9InByZXNlcnZlIj48ZGVmcz48L2RlZnM+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTI0LDEwaC05VjFjMC0wLjUtMC41LTEtMS0xaC0zYy0wLjUsMC0xLDAuNS0xLDF2OUgxYy0wLjUsMC0xLDAuNS0xLDF2M2MwLDAuNSwwLjUsMSwxLDFoOXY5YzAsMC41LDAuNSwxLDEsMWgzYzAuNSwwLDEtMC41LDEtMXYtOWg5YzAuNSwwLDEtMC41LDEtMXYtM0MyNSwxMC41LDI0LjUsMTAsMjQsMTB6Ii8+PC9zdmc+') center center no-repeat;
}
.no-svg .cookie-disabled::before {
    background:silver url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAMAAADzN3VRAAAACVBMVEX///////////+OSuX+AAAAAnRSTlMAoKBFbtAAAAAqSURBVHgBY0AARiYmJkYGbIAJBIaxDCMTdsDIwIQLkCOD256RE9a40xsAM8oBu9mA+LsAAAAASUVORK5CYII=') center center no-repeat;
}
.svg .cookie-enabled::before {
    background:#0091dc url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOmE9Imh0dHA6Ly9ucy5hZG9iZS5jb20vQWRvYmVTVkdWaWV3ZXJFeHRlbnNpb25zLzMuMC8iIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjUuMnB4IiBoZWlnaHQ9IjIwLjNweCIgdmlld0JveD0iMCAwIDI1LjIgMjAuMyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjUuMiAyMC4zIiB4bWw6c3BhY2U9InByZXNlcnZlIj48ZGVmcz48L2RlZnM+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTI0LjgsMi4xbC0yLjQtMS45Yy0wLjQtMC4zLTEuMS0wLjMtMS40LDAuMkwxMC41LDEzLjdMMy41LDguMkMzLDcuOCwyLjQsNy45LDIuMSw4LjNsLTEuOSwyLjRjLTAuMywwLjQtMC4zLDEuMSwwLjIsMS40bDEwLjIsOC4xYzAuNCwwLjMsMS4xLDAuMywxLjQtMC4ybDAuNi0wLjhsMS4yLTEuNkwyNSwzLjVDMjUuMywzLDI1LjMsMi40LDI0LjgsMi4xeiIvPjwvc3ZnPg==') center center no-repeat;
}
.no-svg .cookie-enabled::before {
    background:#0091dc url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAWCAMAAAAGlBe5AAAAM1BMVEX////////////////////////////////////////////////////////////////////lEOhHAAAAEHRSTlMAECAwQFBgcICQoLDA0ODwVOCoyAAAAINJREFUeAGN0WEOwjAIhuGPUlfXrYP7n1YlBGvFxOcfIeleMuQK45ddtSF306eODIu+IEHDVoLEoSaruavZ8o65pDJCEVuN9yP72kHTI6cP/bPjsumysalpcKdGWI0Ox8OXnbyDEOjQmZTkXFfXg0Vd8m9KfBTfqEfHym8TRq6KbPjXA3lsCv4lm2/bAAAAAElFTkSuQmCC') center center no-repeat;
}
.cookie-choice-title {
    margin: 0 0 .5em 0;
    color:#0091dc;
}
.cookie-choice-title span {
    color:#888;
}
.cookie-choice-description {
    margin:0;
}
/* ============================================================================================= */
/* COOKIE BANNER & BROWSERINFO */
/* ============================================================================================= */
.banner {
    width: 100%;
    padding: 1em;
    text-align: center;
    color: white;
    background: #262c30;
    font-size: .9em;
}
.banner a {
    text-decoration: underline;
    color: #d8dce1;
}
.banner a:hover {
    text-decoration: none;
    color: white;
}

.banner-browserinfo {
    position: fixed;
    bottom: 0;
}
.banner-cookie .close {
    display: inline-block;
    background: #0091DC;
    padding: .4em 1em;
    margin-left: 1em;
    border-radius: 3px;
    margin-top: -.5em;
    margin-bottom: -.5em;
}
.banner-cookie .close:hover {
    background: #1DA2DF;
    cursor:pointer;
}
/* ============================================================================================= */
/* BACK TO TOP */
/* Back to top button */
/* ============================================================================================= */
.back-to-top {
    position: fixed;
    right: 1em;
    bottom: 1em;
    width: 22px;
    height: 22px;
    padding: 1em;
    text-indent: -999em;
    border-radius: 3px;
    background-color: #0091dc;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 18px;
}
.back-to-top:hover {
    background-color: #2d3333;
}
.svg .back-to-top {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22icon-arrow-u%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%0D%0A%09%20y%3D%220px%22%20width%3D%2222px%22%20height%3D%2222px%22%20viewBox%3D%220%200%2022%2022%22%20enable-background%3D%22new%200%200%2022%2022%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M10.995%2C1.377c-0.183%2C0-0.359%2C0.072-0.487%2C0.201L3.693%2C8.413c-0.02%2C0.015-0.037%2C0.032-0.055%2C0.046%0D%0A%09c-0.268%2C0.269-0.268%2C0.706%2C0%2C0.974l0.97%2C0.972c0.129%2C0.129%2C0.303%2C0.202%2C0.487%2C0.202c0.183%2C0%2C0.357-0.073%2C0.486-0.202l4.045-4.052%0D%0A%09v13.586c0%2C0.379%2C0.308%2C0.688%2C0.688%2C0.688h1.374c0.379%2C0%2C0.688-0.309%2C0.688-0.688V6.354l4.046%2C4.052%0D%0A%09c0.129%2C0.129%2C0.305%2C0.202%2C0.485%2C0.202s0.358-0.073%2C0.485-0.202l0.969-0.972c0.136-0.133%2C0.201-0.31%2C0.201-0.486%0D%0A%09c0-0.176-0.065-0.353-0.201-0.486c-0.018-0.016-0.03-0.032-0.053-0.046l-6.815-6.838c-0.127-0.129-0.304-0.201-0.487-0.201%0D%0A%09c-0.002%2C0-0.004%2C0.001-0.005%2C0.001S10.997%2C1.377%2C10.995%2C1.377z%22/%3E%0D%0A%3C/svg%3E%0D%0A');
}
.no-svg .back-to-top {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAyUlEQVQ4T+3U0RGCMAwGYLOJG7ACI+gEwgaMoBu4gTqBbMAMbuAm9a8XuNImTV58kt5xHKX9SENa2v2okdcNIRziWCIaPXNcMNAO2I3BHvjdwk04Q2fPxKuwgrpwFTZQExdhAX1AOrH2wr1JciympYAFtAfyxjUxduHn+WfG7gJfwVxSzzwa9LcpjKo4CwEc01KswUsUEhw/nuE6zIOLjaDB2vjvRrIKnScXqbDmbfCSoS0Vf5CKPdZ45XUOOBPioVRtrqqwEOn9B8k5hRctL6ERAAAAAElFTkSuQmCC');
}