@charset "UTF-8";
/*
--- Größen -------------------------------------------------------
*/
/*
--- Farben -------------------------------------------------------
*/
@import url("//cloud.typography.com/6761494/6205772/css/fonts.css");
@import url("//hello.myfonts.net/count/3012a6");
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary { background: transparent; border: 0; font-size: 100%; font-weight: normal; margin: 0; padding: 0; vertical-align: baseline; }

article, aside, figure, footer, header, nav, section, details, summary { display: block; }

html { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 62.5%; }

*, *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; }

img, object, embed { max-width: 100%; height: auto; vertical-align: top; }

ul { list-style: none; }

blockquote, q { quotes: none; }

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

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

del { text-decoration: line-through; }

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

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

th { font-weight: bold; vertical-align: bottom; }

td { font-weight: normal; vertical-align: top; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #d4d4d4; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ }

input[type="radio"] { vertical-align: text-bottom; }

input[type="checkbox"] { vertical-align: bottom; }

select, input, textarea { font: 99% sans-serif; }

table { font-size: inherit; }

small { font-size: 85%; }

strong { font-weight: bold; }

td, td img { vertical-align: top; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

pre, code, kbd, samp { font-family: monospace, sans-serif; }

.clickable, a, label, input[type=button], input[type=submit], input[type=file], button { cursor: pointer; }

button, input, select, textarea { margin: 0; }

button, input[type=button] { width: auto; overflow: visible; }

@media (max-width: 1240px) { html { overflow-y: scroll; } }

body { font-family: monospace, cursive; }

/*
--- Gotham -------------------------------------------------------
*/
/*
--- Charter ------------------------------------------------------
*/
@font-face { font-family: 'CharterITCPro-BoldItalic'; src: url("/fonts/3012A6_0_0.eot"); src: url("/fonts/3012A6_0_0.eot?#iefix") format("embedded-opentype"), url("/fonts/3012A6_0_0.woff2") format("woff2"), url("/fonts/3012A6_0_0.woff") format("woff"), url("/fonts/3012A6_0_0.ttf") format("truetype"); }

@font-face { font-family: 'CharterITCPro-Italic'; src: url("/fonts/3012A6_1_0.eot"); src: url("/fonts/3012A6_1_0.eot?#iefix") format("embedded-opentype"), url("/fonts/3012A6_1_0.woff2") format("woff2"), url("/fonts/3012A6_1_0.woff") format("woff"), url("/fonts/3012A6_1_0.ttf") format("truetype"); }

@font-face { font-family: 'CharterITCPro-Regular'; src: url("/fonts/3012A6_2_0.eot"); src: url("/fonts/3012A6_2_0.eot?#iefix") format("embedded-opentype"), url("/fonts/3012A6_2_0.woff2") format("woff2"), url("/fonts/3012A6_2_0.woff") format("woff"), url("/fonts/3012A6_2_0.ttf") format("truetype"); }

/*
--- Standard font sizes + heights --------------------------------
*/
@-ms-viewport { width: device-width; }

.visible-sm, .visible-lg { display: none !important; }

.visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; }

@media (max-width: 600px) { .visible-sm { display: block !important; }
  table.visible-sm { display: table !important; }
  tr.visible-sm { display: table-row !important; }
  th.visible-sm, td.visible-sm { display: table-cell !important; }
  .visible-sm-block { display: block !important; }
  .visible-sm-inline { display: inline !important; }
  .visible-sm-inline-block { display: inline-block !important; }
  .hidden-lg { display: none !important; } }

@media (min-width: 601px) { .visible-lg { display: block !important; }
  table.visible-lg { display: table !important; }
  tr.visible-lg { display: table-row !important; }
  th.visible-lg, td.visible-lg { display: table-cell !important; }
  .visible-lg-block { display: block !important; }
  .visible-lg-inline { display: inline !important; }
  .visible-lg-inline-block { display: inline-block !important; }
  .hidden-sm { display: none !important; } }

a { font-family: inherit; font-style: inherit; line-height: inherit; color: inherit; text-decoration: none; }

/*
--- TYPO3 Newsletter Hack ----------------------------------------
*/
.nl-categories label { font-size: 16px; line-height: 20px; font-family: "Gotham A", "Gotham B", Arial, sans-serif; font-style: normal; font-weight: 400; }

.nl-categories input[type="checkbox"] { display: inline-block; margin-bottom: 8px; }

/*
--- Settings ------------------------------------------------------
*/
.font--h1, .font--h2, .font--h3, .font--h4, .font--h5, .font--h6, .font--h7, .font--h8, .font--scroller-headline, .button-group__button { font-family: "Gotham A", "Gotham B", Arial, sans-serif; font-style: normal; font-weight: 700; }

.font--p1, .font--p2, .font--ul2, .font--li2, .font--sub1-serif, .font--sub4, .font--sub5 { font-family: "CharterITCPro-Regular", Georgia, serif; font-weight: 400; }

.font--p3, .picker, .font--p4 { font-family: "Gotham A", "Gotham B", Arial, sans-serif; font-style: normal; font-weight: 400; }

.font--sub1, .font--sub2, .font--sub3 { font-family: "Gotham A", "Gotham B", Arial, sans-serif; font-style: normal; font-weight: 500; }

.font--r1, .font--q1 { font-family: "CharterITCPro-Italic", Georgia, serif; font-weight: 400; }

.font--r2 { font-family: 'CharterITCPro-BoldItalic', Georgia, serif; font-weight: 400; }

.font--icon1 { font-family: "Gotham A", "Gotham B", Arial, sans-serif; font-style: normal; font-weight: 500; }

/*
--- Desktop Ansicht ab 1101px -------------------------------------
*/
@media all and (min-width: 1101px) { .font--h1 { font-size: 144px; line-height: 90px; }
  .font--h2 { font-size: 104px; line-height: 64px; }
  .font--h3 { font-size: 64px; line-height: 40px; }
  .font--h4 { font-size: 32px; line-height: 36px; }
  .font--h5 { font-size: 24px; line-height: 28px; }
  .font--h6 { font-size: 20px; line-height: 24px; }
  .font--h7, .button-group__button { font-size: 16px; line-height: 20px; }
  .font--h8 { font-size: 24px; line-height: 28px; }
  .font--p1 { font-size: 24px; line-height: 32px; }
  .font--p2 { font-size: 20px; line-height: 32px; }
  .font--p3, .picker { font-size: 16px; line-height: 20px; }
  .font--p4 { font-size: 12px; line-height: 16px; }
  .font--ul2 { font-size: 20px; line-height: 32px; }
  .font--li2 { font-size: 20px; line-height: 32px; }
  .font--sub1, .font--sub4 { font-size: 24px; line-height: 28px; }
  .font--sub1-serif { font-size: 24px; line-height: 28px; }
  .font--sub2 { font-size: 20px; line-height: 24px; }
  .font--sub3 { font-size: 16px; line-height: 20px; }
  .font--sub5 { font-size: 24px; line-height: 28px; }
  .font--r1 { font-size: 24px; line-height: 28px; }
  .font--r2 { font-size: 18px; line-height: 24px; }
  .font--q1 { font-size: 32px; line-height: 40px; }
  .font--scroller-headline { font-size: 24px; line-height: 28px; }
  .font--icon1 { font-size: 12px; line-height: 14px; } }

/*
--- Tablet Ansicht ab 601 -------------------------------------
*/
@media all and (min-width: 601px) and (max-width: 1100px) { .font--h1 { font-size: 88px; line-height: 54px; }
  .font--h2 { font-size: 60px; line-height: 36px; }
  .font--h3 { font-size: 48px; line-height: 30px; }
  .font--h4 { font-size: 28px; line-height: 32px; }
  .font--h5 { font-size: 22px; line-height: 26px; }
  .font--h6 { font-size: 18px; line-height: 26px; }
  .font--h7, .button-group__button { font-size: 14px; line-height: 18px; }
  .font--h8 { font-size: 21px; line-height: 24px; }
  .font--p1 { font-size: 22px; line-height: 28px; }
  .font--p2 { font-size: 18px; line-height: 28px; }
  .font--p3, .picker { font-size: 14px; line-height: 18px; }
  .font--p4 { font-size: 12px; line-height: 16px; }
  .font--ul2 { font-size: 18px; line-height: 28px; }
  .font--li2 { font-size: 18px; line-height: 28px; }
  .font--sub1 { font-size: 22px; line-height: 26px; }
  .font--sub1-serif { font-size: 22px; line-height: 26px; }
  .font--sub2 { font-size: 18px; line-height: 22px; }
  .font--sub3 { font-size: 14px; line-height: 18px; }
  .font--sub5 { font-size: 21px; line-height: 24px; }
  .font--r1 { font-size: 22px; line-height: 26px; }
  .font--r2 { font-size: 16px; line-height: 20px; }
  .font--q1 { font-size: 26px; line-height: 30px; }
  .font--scroller-headline { font-size: 20px; line-height: 24px; }
  .font--icon1 { font-size: 12px; line-height: 14px; } }

/*
--- Mobile Ansicht bis 600px -------------------------------------
*/
@media all and (max-width: 600px) { .font--h1 { font-size: 56px; line-height: 36px; }
  .font--h2 { font-size: 44px; line-height: 28px; }
  .font--h3 { font-size: 32px; line-height: 20px; }
  .font--h4 { font-size: 24px; line-height: 28px; }
  .font--h5 { font-size: 20px; line-height: 24px; }
  .font--h6 { font-size: 16px; line-height: 20px; }
  .font--h7, .button-group__button { font-size: 12px; line-height: 16px; }
  .font--h8 { font-size: 18px; line-height: 20px; }
  .font--p1 { font-size: 20px; line-height: 24px; }
  .font--p2 { font-size: 16px; line-height: 24px; }
  .font--p3, .picker { font-size: 12px; line-height: 16px; }
  .font--p4 { font-size: 11px; line-height: 14px; }
  .font--ul2 { font-size: 16px; line-height: 24px; }
  .font--li2 { font-size: 16px; line-height: 24px; }
  .font--sub1 { font-size: 20px; line-height: 24px; }
  .font--sub1-serif { font-size: 20px; line-height: 24px; }
  .font--sub2 { font-size: 16px; line-height: 20px; }
  .font--sub3 { font-size: 12px; line-height: 16px; }
  .font--sub5 { font-size: 18px; line-height: 20px; }
  .font--r1 { font-size: 20px; line-height: 24px; }
  .font--r2 { font-size: 14px; line-height: 18px; }
  .font--q1 { font-size: 22px; line-height: 26px; }
  .font--scroller-headline { font-size: 18px; line-height: 20px; }
  .font--icon1 { font-size: 12px; line-height: 14px; } }

/*
--- Mobile Ansicht bis 600px -------------------------------------
*/
@media print { .font--h1 { font-size: 32px; line-height: 32px; margin-top: 16px; }
  .font--h2 { font-size: 28px; line-height: 28px; margin-top: 14px; }
  .font--h3 { font-size: 24px; line-height: 24px; margin-top: 12px; }
  .font--h4 { font-size: 20px; line-height: 20px; margin-top: 10px; }
  .font--h5 { font-size: 16px; line-height: 20px; margin-top: 8px; }
  .font--h6 { font-size: 14px; line-height: 18px; margin-top: 7px; }
  .font--h7 { font-size: 14px; line-height: 18px; margin-top: 7px; }
  .font--p1 { font-size: 16px; line-height: 20px; margin-top: 7px; font-weight: bold; }
  .font--p2 { font-size: 16px; line-height: 20px; margin-top: 8px; }
  .font--p3, .picker { font-size: 14px; line-height: 18px; margin-top: 9px; }
  .font--p4 { font-size: 14px; line-height: 18px; margin-top: 7px; }
  .font--ul2 { font-size: 14px; line-height: 18px; margin-top: 7px; }
  .font--li2 { font-size: 14px; line-height: 18px; margin-top: 7px; }
  .font--sub1 { font-size: 16px; line-height: 20px; margin-top: 8px; }
  .font--sub1-serif { font-size: 16px; line-height: 20px; margin-top: 8px; }
  .font--sub2 { font-size: 14px; line-height: 18px; margin-top: 7px; }
  .font--sub3 { font-size: 14px; line-height: 18px; margin-top: 7px; }
  .font--r1 { font-size: 16px; line-height: 20px; margin-top: 8px; }
  .font--r2 { font-size: 14px; line-height: 18px; margin-top: 7px; }
  .font--q1 { font-size: 16px; line-height: 20px; margin-top: 8px; margin-bottom: 8px; }
  .font--scroller-headline { font-size: 14px; line-height: 18px; margin-top: 7px; }
  .font--icon1 { font-size: 14px; line-height: 18px; margin-top: 7px; } }

.button-group { position: relative; vertical-align: middle; }

.button-group--center { display: block; text-align: center; }

.button-group__button { font-family: "Gotham A", "Gotham B", Arial, sans-serif; font-style: normal; font-weight: 700; font-size: 16px; line-height: 20px; padding: 6px 52px; background: #e40033; border: 1px solid #e40033; color: #fff; cursor: pointer; display: inline-block; text-align: center; vertical-align: middle; white-space: nowrap; }

.button-group__button:hover { background: #fff; color: #e40033; }

.download-bar { padding: 25px 0 0 0; }

.download-bar { *zoom: 1; }

.download-bar:before, .download-bar:after { content: ""; display: table; }

.download-bar:after { clear: both; }

.download-bar__item { padding-bottom: 15px; float: left; width: 33%; }

.download-bar__item { *zoom: 1; }

.download-bar__item:before, .download-bar__item:after { content: ""; display: table; }

.download-bar__item:after { clear: both; }

.download-bar__link--download { color: #555; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKBAMAAAB/HNKOAAAAMFBMVEX////jADPzlqvtX3/4v8zjATTkDT3lDz/mGkjvb4zzj6X1obT1prj4wc3+9vj/+/xNTsrZAAAAO0lEQVR42mNgYJjJAALGcPK7gjFTPQNTkLGqAgODakcQA8M5JkGFNwyyDLsZLjJIubi4LGRIFBQUFAMAAEcKXQ0ELCIAAAAASUVORK5CYII=") no-repeat 0 5px; padding-left: 20px; text-decoration: none; }

.download-bar__link--download:hover { color: #e40033; }

@media (max-width: 1100px) { .download-bar { padding: 12px 0 0 0; }
  .download-bar__item { width: 50%; }
  .download-bar__link--download { background-position: 0 3px; } }

@media (max-width: 600px) { .download-bar__item { padding-bottom: 5px; float: none; clear: both; width: 100%; }
  .download-bar__link--download { background-position: 0 2px; } }

/*
--- Dropdown Grundgerüst -----------------------------------------
*/
.dropdown { position: relative; margin-right: 10px; text-transform: uppercase; }

.dropdown__toggle { padding: 10px; color: #e40033; }

.dropdown__toggle--up { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/icons/icon-sort-up-active.svg") no-repeat 100% center; background-size: 18px; }

.dropdown__toggle--down { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/icons/icon-sort-down-active.svg") no-repeat 100% center; background-size: 18px; }

.dropdown__toggle--sort-up { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/icons/icon-sort-up-inactive.svg") no-repeat 100% center; background-size: 18px; }

.dropdown__toggle--sort-down { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/icons/icon-sort-down-inactive.svg") no-repeat 100% center; background-size: 18px; }

.dropdown__list { background: #fff; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); display: none; position: absolute; right: 0; top: 100%; z-index: 500; border: 1px solid #aaa; border-top: 0; }

.dropdown__item { text-align: right; }

.dropdown__item:hover { background: #f9f7f7; }

.dropdown__link { padding: 10px 20px 10px 10px; display: block; }

.js-ext-dropdown { cursor: pointer; }

/*
--- Dropdown Sortierungstypen ------------------------------------
*/
.dropdown--sorttype { padding-top: 3px; }

.dropdown--sorttype .dropdown__toggle { padding-right: 20px; }

/*
--- Dropdown Sortierungsrichtung ---------------------------------
*/
.dropdown--sortdirection { padding-top: 3px; }

.dropdown--sortdirection .dropdown__toggle { padding-right: 20px; }

/*
--- Dropdown CE Intro --------------------------------------------
*/
.dropdown--ce-intro { text-transform: none; }

.dropdown--ce-intro .dropdown__toggle { border: 1px solid #aaa; width: 310px; }

.dropdown--ce-intro .dropdown__list { width: 310px; }

.dropdown--ce-intro .dropdown__item { color: #e40033; width: 100%; }

@media (max-width: 600px) { .dropdown { margin-right: 0; }
  .dropdown--ce-intro .dropdown__toggle, .dropdown--ce-intro .dropdown__list, .dropdown--ce-intro .dropdown__item { width: 100%; } }

fieldset { padding: 0; margin: 0; border: 0; min-width: 0; }

legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5; }

label { font-weight: bold; max-width: 100%; margin-bottom: 5px; padding-right: 20px; }

input[type="search"] { -webkit-box-sizing: border-box; box-sizing: border-box; }

input[type="radio"] { margin: 0 0 4px; line-height: normal; }

input[type="checkbox"] { margin: 8px 0 0; line-height: normal; }

input[type="file"] { display: block; }

input[type="range"] { display: block; width: 100%; }

select[multiple], select[size] { height: auto; }

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857143; color: #555; }

.form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; }

.form-control:focus { border-color: inherit; outline: 0; }

.form-control::-moz-placeholder { color: #999; opacity: 1; }

.form-control:-ms-input-placeholder { color: #999; }

.form-control::-webkit-input-placeholder { color: #999; }

.form-control::-ms-expand { border: 0; background-color: transparent; }

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eee; opacity: 1; }

.form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; }

textarea.form-control { height: auto; }

input[type="search"] { -webkit-appearance: none; }

@media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { line-height: 34px; }
  input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm, .input-group-sm input[type="date"], .input-group-sm input[type="time"], .input-group-sm input[type="datetime-local"], .input-group-sm input[type="month"] { line-height: 30px; }
  input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg, .input-group-lg input[type="date"], .input-group-lg input[type="time"], .input-group-lg input[type="datetime-local"], .input-group-lg input[type="month"] { line-height: 46px; } }

.form-group { margin-bottom: 15px; }

.form-group { *zoom: 1; }

.form-group:before, .form-group:after { content: ""; display: table; }

.form-group:after { clear: both; }

.radio, .checkbox { position: relative; display: block; margin-bottom: 10px; }

.radio label, .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; }

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9 ; }

.radio + .radio, .checkbox + .checkbox { margin-top: -5px; }

.radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; }

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; }

input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; }

.radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline { cursor: not-allowed; }

.radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label { cursor: not-allowed; }

.form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; min-height: 34px; }

.form-control-static.input-lg, .form-control-static.input-sm { padding-left: 0; padding-right: 0; }

.input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; }

select.input-sm { height: 30px; line-height: 30px; }

textarea.input-sm, select[multiple].input-sm { height: auto; }

.form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; }

.form-group-sm select.form-control { height: 30px; line-height: 30px; }

.form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control { height: auto; }

.form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5; }

.input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; }

select.input-lg { height: 46px; line-height: 46px; }

textarea.input-lg, select[multiple].input-lg { height: auto; }

.form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; }

.form-group-lg select.form-control { height: 46px; line-height: 46px; }

.form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control { height: auto; }

.form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.3333333; }

.form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; }

.input-lg + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; }

.input-sm + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; }

@media (min-width: 601px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; }
  .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; }
  .form-inline .form-control-static { display: inline-block; }
  .form-inline .input-group { display: inline-table; vertical-align: middle; }
  .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; }
  .form-inline .input-group > .form-control { width: 100%; }
  .form-inline .control-label { margin-bottom: 0; vertical-align: middle; }
  .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; }
  .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; }
  .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; }
  .form-inline .has-feedback .form-control-feedback { top: 0; } }

.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px; }

.form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px; }

.form-horizontal .form-group { margin-left: -15px; margin-right: -15px; }

@media (min-width: 601px) { .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 7px; } }

.form-horizontal .has-feedback .form-control-feedback { right: 15px; }

@media (min-width: 601px) { .form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 18px; } }

@media (min-width: 601px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; } }

.form-horizontal .form-group:before, .form-horizontal .form-group:after { content: " "; display: table; }

.form-horizontal .form-group:after { clear: both; }

.form .has-error .help-block, .form .has-error .control-label, .form .has-error .radio, .form .has-error .checkbox, .form .has-error .radio-inline, .form .has-error .checkbox-inline, .form .has-error.radio label, .form .has-error.checkbox label, .form .has-error.radio-inline label, .form .has-error.checkbox-inline label { color: #e40033; }

.form .has-error .form-control { border-color: #e40033; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.form .has-error .form-control:focus { border-color: #e40033; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }

.form .has-error .input-group-addon { color: #e40033; background-color: #f2dede; border-color: #e40033; }

.form .has-error .form-control-feedback { color: #e40033; }

.form .has-feedback { position: relative; }

.form .has-feedback .form-control { padding-right: 42px; }

.form .has-success .help-block, .form .has-success .control-label, .form .has-success .radio, .form .has-success .checkbox, .form .has-success .radio-inline, .form .has-success .checkbox-inline, .form .has-success.radio label, .form .has-success.checkbox label, .form .has-success.radio-inline label, .form .has-success.checkbox-inline label { color: #3c763d; }

.form .has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.form .has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; }

.form .has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8; }

.form .has-success .form-control-feedback { color: #3c763d; }

.form .has-warning .help-block, .form .has-warning .control-label, .form .has-warning .radio, .form .has-warning .checkbox, .form .has-warning .radio-inline, .form .has-warning .checkbox-inline, .form .has-warning.radio label, .form .has-warning.checkbox label, .form .has-warning.radio-inline label, .form .has-warning.checkbox-inline label { color: #8a6d3b; }

.form .has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.form .has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; }

.form .has-warning .input-group-addon { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3; }

.form .has-warning .form-control-feedback { color: #8a6d3b; }

.form .has-error .help-block, .form .has-error .control-label, .form .has-error .radio, .form .has-error .checkbox, .form .has-error .radio-inline, .form .has-error .checkbox-inline, .form .has-error.radio label, .form .has-error.checkbox label, .form .has-error.radio-inline label, .form .has-error.checkbox-inline label { color: #e40033; }

.form .has-error .form-control { border-color: #e40033; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.form .has-error .form-control:focus { border-color: #e40033; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }

.form .has-error .input-group-addon { color: #e40033; border-color: #e40033; background-color: #f2dede; }

.form .has-error .form-control-feedback { color: #e40033; }

.form .has-feedback label ~ .form-control-feedback { top: 25px; }

.form .has-feedback label.sr-only ~ .form-control-feedback { top: 0; }

.form .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; }

input[type="reset"], input[type="submit"], input[type="button"] { background: #e40033; border: 1px solid #e40033; color: #fff; margin-bottom: 15px; }

input[type="reset"]:hover, input[type="submit"]:hover, input[type="button"]:hover { background: #fff; color: #e40033; }

.powermail_fieldwrap_submit, .powermail_fieldwrap_reset { float: left; margin-right: 40px; }

.powermail_fieldwrap_submit, .powermail_fieldwrap_reset { *zoom: 1; }

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

.powermail_fieldwrap_submit:after, .powermail_fieldwrap_reset:after { clear: both; }

@media (max-width: 600px) { input[type="reset"], input[type="submit"], input[type="button"] { width: 100%; margin-bottom: 10px; }
  label { float: none; padding-right: 0; } }

.tt_address_form { padding: 0 10px; }

.xdsoft_datetimepicker { -webkit-box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.506); box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.506); background: white; border-bottom: 1px solid #bbb; border-left: 1px solid #bbb; border-right: 1px solid #bbb; border-top: 1px solid #bbb; color: #333333; font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif; padding: 8px; padding-left: 0px; padding-top: 2px; position: absolute; z-index: 9999; -webkit-box-sizing: border-box; box-sizing: border-box; display: none; }

.xdsoft_datetimepicker iframe { position: absolute; left: 0; top: 0; width: 75px; height: 210px; background: transparent; border: none; }

.xdsoft_datetimepicker button { border: none !important; }

.xdsoft_noselect { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }

.xdsoft_noselect::-moz-selection { background: transparent; }

.xdsoft_noselect::selection { background: transparent; }

.xdsoft_noselect::-moz-selection { background: transparent; }

.xdsoft_datetimepicker.xdsoft_inline { display: inline-block; position: static; -webkit-box-shadow: none; box-shadow: none; }

.xdsoft_datetimepicker * { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0px; margin: 0px; }

.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker { display: none; }

.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active { display: block; }

.xdsoft_datetimepicker .xdsoft_datepicker { width: 224px; float: left; margin-left: 8px; }

.xdsoft_datetimepicker .xdsoft_timepicker { width: 58px; float: left; text-align: center; margin-left: 8px; margin-top: 0px; }

.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker { margin-top: 8px; margin-bottom: 3px; }

.xdsoft_datetimepicker .xdsoft_mounthpicker { position: relative; text-align: center; }

.xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_today_button { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAeCAYAAACsYQl4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozQjRCQjRGREU4MkNFMzExQjRDQkIyRDJDOTdBRUI1MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQjg0OUYyNTZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQjg0OUYyNDZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI5NzE3MjFBN0E2Q0UzMTFBQjJEQjgzMDk5RTNBNTdBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNCNEJCNEZERTgyQ0UzMTFCNENCQjJEMkM5N0FFQjUwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+aQvATgAAAfVJREFUeNrsmr1OwzAQxzGtkPjYEAuvVGAvfQIGRKADE49gdLwDDwBiZ2RhQUKwICQkWLsgFiRQuIBTucFJ/XFp4+hO+quqnZ4uvzj2nV2RpukCW/22yAgYNINmc7du7DcghCjrkqgOKjF1znpt6rZ0AGWQj7TvCU8d9UM+QAGDrhdyc2Bnc1WVVPBev9V8lBnY+rDwncWZThG4xk4lmxtJy2AHgoY/FySgbSBPwPZ8mEXbQx3aDERb0EbYAYFC7pcAtAvkMWwC0D3NX58S9D/YnoGC7nPWr3Dg9JTbtuHhDShBT8D2CBSK/iIEvVXxpuxSgh7DdgwUTL4iA92zmJb6lKB/YTsECmV+IgK947AGDIqgQ/LojsO135Hn51l2cWlov0JdGNrPUceueXRwilSVgkUyom9Rd6gbLfYTDeO+1v6orn0InTogYDGUkYLO3/wc9BdqqTCKP1Tfi+oTIaCBIL2TES+GTyruT9S61p6BHam+99DFEAgLFklYsIBHwSI9QY80H5ta+1rB/6ovaKihBJeEJbgLbBlQgl+j3lDPqA2tfQV1j3pVn8s+oKHGTSVJ+FqDLeR5bCqJ2E/BCycsoLZETXaKGs7rhKVt+9HZScrZNMi88V8P7LlDbvOZYaJVpMMmBCT4n0o8dTBoNgbdWPsRYACs3r7XyNfbnAAAAABJRU5ErkJggg=="); }

.xdsoft_datetimepicker .xdsoft_prev { float: left; background-position: -20px 0px; }

.xdsoft_datetimepicker .xdsoft_today_button { float: left; background-position: -70px 0px; margin-left: 5px; }

.xdsoft_datetimepicker .xdsoft_next { float: right; background-position: 0px 0px; }

.xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button { background-color: transparent; background-repeat: no-repeat; border: 0px none currentColor; cursor: pointer; display: block; height: 30px; opacity: 0.5; outline: medium none currentColor; overflow: hidden; padding: 0px; position: relative; text-indent: 100%; white-space: nowrap; width: 20px; }

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next { float: none; background-position: -40px -15px; height: 15px; width: 30px; display: block; margin-left: 14px; margin-top: 7px; }

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev { background-position: -40px 0px; margin-bottom: 7px; margin-top: 0px; }

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box { height: 151px; overflow: hidden; border-bottom: 1px solid #eee; }

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div { background: white; border-top: 1px solid #eee; color: #444; font-size: 12px; text-align: center; border-collapse: collapse; cursor: pointer; border-bottom-width: 0px; height: 25px; line-height: 25px; }

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child { border-top-width: 0px; }

.xdsoft_datetimepicker .xdsoft_today_button:hover, .xdsoft_datetimepicker .xdsoft_next:hover, .xdsoft_datetimepicker .xdsoft_prev:hover { opacity: 1; }

.xdsoft_datetimepicker .xdsoft_label { display: inline; position: relative; z-index: 9999; margin: 0; padding: 5px 3px; font-size: 14px; line-height: 20px; font-weight: bold; background-color: #fff; float: left; width: 182px; text-align: center; cursor: pointer; }

.xdsoft_datetimepicker .xdsoft_label:hover { text-decoration: underline; }

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select { border: 1px solid #ccc; position: absolute; right: 0px; top: 30px; z-index: 101; display: none; background: #fff; max-height: 160px; overflow-y: hidden; }

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect { right: -7px; }

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect { right: 2px; }

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover { color: #fff; background: #A94442; }

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option { padding: 2px 10px 2px 5px; }

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current { background: #1E5799; -webkit-box-shadow: #1E5799 0px 1px 3px 0px inset; box-shadow: #1E5799 0px 1px 3px 0px inset; color: #fff; font-weight: 700; }

.xdsoft_datetimepicker .xdsoft_month { width: 90px; text-align: right; }

.xdsoft_datetimepicker .xdsoft_calendar { clear: both; }

.xdsoft_datetimepicker .xdsoft_year { width: 56px; }

.xdsoft_datetimepicker .xdsoft_calendar table { border-collapse: collapse; width: 100%; }

.xdsoft_datetimepicker .xdsoft_calendar td > div { padding-right: 5px; }

.xdsoft_datetimepicker .xdsoft_calendar th { height: 25px; }

.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th { width: 14.2857142%; background: #F5F5F5; border: 1px solid #DDDDDD; color: #666666; font-size: 12px; text-align: right; padding: 0px; border-collapse: collapse; cursor: pointer; height: 25px; }

.xdsoft_datetimepicker .xdsoft_calendar th { background: #F1F1F1; }

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today { color: #1E5799; }

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current { background: #1E5799; -webkit-box-shadow: #1E5799 0px 1px 3px 0px inset; box-shadow: #1E5799 0px 1px 3px 0px inset; color: #fff; font-weight: 700; }

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled { opacity: 0.5; }

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled { opacity: 0.2; }

.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover { color: #fff !important; background: #A94442 !important; -webkit-box-shadow: none !important; box-shadow: none !important; }

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover { color: inherit	!important; background: inherit !important; -webkit-box-shadow: inherit !important; box-shadow: inherit !important; }

.xdsoft_datetimepicker .xdsoft_calendar th { font-weight: 700; text-align: center; color: #999; cursor: default; }

.xdsoft_datetimepicker .xdsoft_copyright { color: #ccc !important; font-size: 10px; clear: both; float: none; margin-left: 8px; }

.xdsoft_datetimepicker .xdsoft_copyright a { color: #eee !important; }

.xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa !important; }

.xdsoft_time_box { position: relative; border: 1px solid #ccc; }

.xdsoft_scrollbar > .xdsoft_scroller { background: #ccc !important; height: 20px; border-radius: 3px; }

.xdsoft_scrollbar { position: absolute; width: 7px; right: 0px; top: 0px; bottom: 0px; cursor: pointer; }

.xdsoft_scroller_box { position: relative; }

.g-element, .g-element-1, .g-1440, .g-1920 { margin-left: auto; margin-right: auto; left: 0; right: 0; }

.g-element, .g-1440 { max-width: 1440px; }

.g-element-1, .g-1920 { max-width: 1920px; }

.g-margin-0 { margin-bottom: 60px; }

.g-margin-0.g-green { margin-bottom: 0; border-bottom: 60px solid #006d72; }

.g-margin-1 { margin-bottom: 90px; }

.g-margin-1.g-green { margin-bottom: 0; border-bottom: 90px solid #006d72; }

.g-margin-2 { margin-bottom: 30px; }

.g-margin-2.g-green { margin-bottom: 0; border-bottom: 30px solid #006d72; }

.g-margin-3 { margin-bottom: 0; }

@media (max-width: 600px) { .g-margin-0 { margin-bottom: 30px; }
  .g-margin-0.g-green { margin-bottom: 0; border-bottom: 30px solid #006d72; }
  .g-margin-1 { margin-bottom: 45px; }
  .g-margin-1.g-green { margin-bottom: 0; border-bottom: 45px solid #006d72; }
  .g-margin-2 { margin-bottom: 15px; }
  .g-margin-2.g-green { margin-bottom: 0; border-bottom: 15px solid #006d72; } }

@media all and (min-width: 601px) and (max-width: 1100px) { .g-margin-0 { margin-bottom: 45px; }
  .g-margin-0.g-green { margin-bottom: 0; border-bottom: 45px solid #006d72; }
  .g-margin-1 { margin-bottom: 65px; }
  .g-margin-1.g-green { margin-bottom: 0; border-bottom: 65px solid #006d72; }
  .g-margin-2 { margin-bottom: 25px; }
  .g-margin-2.g-green { margin-bottom: 0; border-bottom: 25px solid #006d72; } }

.g-green { width: 100%; background: #006d72; }

.g-green.g-element { max-width: 100%; }

.g-green.g-element > * { max-width: 1440px; margin-left: auto; margin-right: auto; }

.g-green.g-element-1 { max-width: 100%; }

.g-green.g-element-1 > * { max-width: 1920px; margin-left: auto; margin-right: auto; }

.g-green *, .g-green a { color: #fff; }

.g-green a:hover, .g-green a:hover * { color: #c4d4e2; }

.js-collapse .js-link, .js-contact-collapse .js-link { cursor: pointer; }

.js-collapse .js-icon, .js-contact-collapse .js-icon { position: relative; display: block; width: 100%; height: 18px; }

.js-collapse .js-icon span, .js-contact-collapse .js-icon span { position: absolute; top: -18px; left: 0; cursor: pointer; }

.lzImage { display: none; }

.center-block { display: block; margin-right: auto; margin-left: auto; }

.pull-right { float: right !important; }

.pull-left { float: left !important; }

.hide, .hidden { display: none !important; }

.show { display: block !important; }

.invisible { visibility: hidden; }

.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }

.clearfix { display: block; }

.g-extension .ce { margin-bottom: 50px; }

/* breakpoint view classes */
@media (max-width: 600px) { .g-tablet, .g-desktop { display: none; }
  .g-mobile { display: block; }
  .g-extension .ce { margin-bottom: 0; } }

@media (min-width: 600px) and (max-width: 1100px) { .g-mobile, .g-desktop { display: none; }
  .g-tablet { display: block; } }

@media (min-width: 1101px) { .g-mobile, .g-tablet { display: none; }
  .g-desktop { display: block; } }

.grid { *zoom: 1; }

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

.grid:after { clear: both; }

.grid-col-sm-1, .grid-col-sm-2, .grid-col-sm-3, .grid-col-sm-4, .grid-col-sm-5, .grid-col-sm-6, .grid-col-sm-7, .grid-col-sm-8, .grid-col-sm-9, .grid-col-sm-10, .grid-col-sm-11, .grid-col-sm-12 { float: left; }

.grid-col-sm-12 { width: 100%; }

.grid-col-sm-11 { width: 91.66666667%; }

.grid-col-sm-10 { width: 83.33333333%; }

.grid-col-sm-9 { width: 75%; }

.grid-col-sm-8 { width: 66.66666667%; }

.grid-col-sm-7 { width: 58.33333333%; }

.grid-col-sm-6 { width: 50%; }

.grid-col-sm-5 { width: 41.66666667%; }

.grid-col-sm-4 { width: 33.33333333%; }

.grid-col-sm-3 { width: 25%; }

.grid-col-sm-2 { width: 16.66666667%; }

.grid-col-sm-1 { width: 8.33333333%; }

.grid-col-sm-pull-12 { right: 100%; }

.grid-col-sm-pull-11 { right: 91.66666667%; }

.grid-col-sm-pull-10 { right: 83.33333333%; }

.grid-col-sm-pull-9 { right: 75%; }

.grid-col-sm-pull-8 { right: 66.66666667%; }

.grid-col-sm-pull-7 { right: 58.33333333%; }

.grid-col-sm-pull-6 { right: 50%; }

.grid-col-sm-pull-5 { right: 41.66666667%; }

.grid-col-sm-pull-4 { right: 33.33333333%; }

.grid-col-sm-pull-3 { right: 25%; }

.grid-col-sm-pull-2 { right: 16.66666667%; }

.grid-col-sm-pull-1 { right: 8.33333333%; }

.grid-col-sm-pull-0 { right: auto; }

.grid-col-sm-push-12 { left: 100%; }

.grid-col-sm-push-11 { left: 91.66666667%; }

.grid-col-sm-push-10 { left: 83.33333333%; }

.grid-col-sm-push-9 { left: 75%; }

.grid-col-sm-push-8 { left: 66.66666667%; }

.grid-col-sm-push-7 { left: 58.33333333%; }

.grid-col-sm-push-6 { left: 50%; }

.grid-col-sm-push-5 { left: 41.66666667%; }

.grid-col-sm-push-4 { left: 33.33333333%; }

.grid-col-sm-push-3 { left: 25%; }

.grid-col-sm-push-2 { left: 16.66666667%; }

.grid-col-sm-push-1 { left: 8.33333333%; }

.grid-col-sm-push-0 { left: auto; }

.grid-col-sm-offset-12 { margin-left: 100%; }

.grid-col-sm-offset-11 { margin-left: 91.66666667%; }

.grid-col-sm-offset-10 { margin-left: 83.33333333%; }

.grid-col-sm-offset-9 { margin-left: 75%; }

.grid-col-sm-offset-8 { margin-left: 66.66666667%; }

.grid-col-sm-offset-7 { margin-left: 58.33333333%; }

.grid-col-sm-offset-6 { margin-left: 50%; }

.grid-col-sm-offset-5 { margin-left: 41.66666667%; }

.grid-col-sm-offset-4 { margin-left: 33.33333333%; }

.grid-col-sm-offset-3 { margin-left: 25%; }

.grid-col-sm-offset-2 { margin-left: 16.66666667%; }

.grid-col-sm-offset-1 { margin-left: 8.33333333%; }

.grid-col-sm-offset-0 { margin-left: 0; }

@media (min-width: 601px) { .grid-col-md-1, .grid-col-md-2, .grid-col-md-3, .grid-col-md-4, .grid-col-md-5, .grid-col-md-6, .grid-col-md-7, .grid-col-md-8, .grid-col-md-9, .grid-col-md-10, .grid-col-md-11, .grid-col-md-12 { float: left; }
  .grid-col-md-12 { width: 100%; }
  .grid-col-md-11 { width: 91.66666667%; }
  .grid-col-md-10 { width: 83.33333333%; }
  .grid-col-md-9 { width: 75%; }
  .grid-col-md-8 { width: 66.66666667%; }
  .grid-col-md-7 { width: 58.33333333%; }
  .grid-col-md-6 { width: 50%; }
  .grid-col-md-5 { width: 41.66666667%; }
  .grid-col-md-4 { width: 33.33333333%; }
  .grid-col-md-3 { width: 25%; }
  .grid-col-md-2 { width: 16.66666667%; }
  .grid-col-md-1 { width: 8.33333333%; }
  .grid-col-md-pull-12 { right: 100%; }
  .grid-col-md-pull-11 { right: 91.66666667%; }
  .grid-col-md-pull-10 { right: 83.33333333%; }
  .grid-col-md-pull-9 { right: 75%; }
  .grid-col-md-pull-8 { right: 66.66666667%; }
  .grid-col-md-pull-7 { right: 58.33333333%; }
  .grid-col-md-pull-6 { right: 50%; }
  .grid-col-md-pull-5 { right: 41.66666667%; }
  .grid-col-md-pull-4 { right: 33.33333333%; }
  .grid-col-md-pull-3 { right: 25%; }
  .grid-col-md-pull-2 { right: 16.66666667%; }
  .grid-col-md-pull-1 { right: 8.33333333%; }
  .grid-col-md-pull-0 { right: auto; }
  .grid-col-md-push-12 { left: 100%; }
  .grid-col-md-push-11 { left: 91.66666667%; }
  .grid-col-md-push-10 { left: 83.33333333%; }
  .grid-col-md-push-9 { left: 75%; }
  .grid-col-md-push-8 { left: 66.66666667%; }
  .grid-col-md-push-7 { left: 58.33333333%; }
  .grid-col-md-push-6 { left: 50%; }
  .grid-col-md-push-5 { left: 41.66666667%; }
  .grid-col-md-push-4 { left: 33.33333333%; }
  .grid-col-md-push-3 { left: 25%; }
  .grid-col-md-push-2 { left: 16.66666667%; }
  .grid-col-md-push-1 { left: 8.33333333%; }
  .grid-col-md-push-0 { left: auto; }
  .grid-col-md-offset-12 { margin-left: 100%; }
  .grid-col-md-offset-11 { margin-left: 91.66666667%; }
  .grid-col-md-offset-10 { margin-left: 83.33333333%; }
  .grid-col-md-offset-9 { margin-left: 75%; }
  .grid-col-md-offset-8 { margin-left: 66.66666667%; }
  .grid-col-md-offset-7 { margin-left: 58.33333333%; }
  .grid-col-md-offset-6 { margin-left: 50%; }
  .grid-col-md-offset-5 { margin-left: 41.66666667%; }
  .grid-col-md-offset-4 { margin-left: 33.33333333%; }
  .grid-col-md-offset-3 { margin-left: 25%; }
  .grid-col-md-offset-2 { margin-left: 16.66666667%; }
  .grid-col-md-offset-1 { margin-left: 8.33333333%; }
  .grid-col-md-offset-0 { margin-left: 0; } }

@media (min-width: 1101px) { .grid-col-lg-1, .grid-col-lg-2, .ce--text-image .ce__figure, .ce--text-image-right .ce__figure, .grid-col-lg-3, .grid-col-lg-4, .grid-col-lg-5, .grid-col-lg-6, .ce--text-image .ce__headline, .ce--text-image .ce__subline, .ce--text-image .ce__data, .ce--text-image .ce__p, .ce--text-image .ce__h, .ce--text-image-right .ce__headline, .ce--text-image-right .ce__subline, .ce--text-image-right .ce__p, .ce--text-image-right .ce__h, .grid-col-lg-7, .grid-col-lg-8, .ce--text-image .ce__data-full, .grid-col-lg-9, .grid-col-lg-10, .grid-col-lg-11, .grid-col-lg-12 { float: left; }
  .grid-col-lg-12 { width: 100%; }
  .grid-col-lg-11 { width: 91.66666667%; }
  .grid-col-lg-10 { width: 83.33333333%; }
  .grid-col-lg-9 { width: 75%; }
  .grid-col-lg-8, .ce--text-image .ce__data-full { width: 66.66666667%; }
  .grid-col-lg-7 { width: 58.33333333%; }
  .grid-col-lg-6, .ce--text-image .ce__headline, .ce--text-image .ce__subline, .ce--text-image .ce__data, .ce--text-image .ce__p, .ce--text-image .ce__h, .ce--text-image-right .ce__headline, .ce--text-image-right .ce__subline, .ce--text-image-right .ce__p, .ce--text-image-right .ce__h { width: 50%; }
  .grid-col-lg-5 { width: 41.66666667%; }
  .grid-col-lg-4 { width: 33.33333333%; }
  .grid-col-lg-3 { width: 25%; }
  .grid-col-lg-2, .ce--text-image .ce__figure, .ce--text-image-right .ce__figure { width: 16.66666667%; }
  .grid-col-lg-1 { width: 8.33333333%; }
  .grid-col-lg-pull-12 { right: 100%; }
  .grid-col-lg-pull-11 { right: 91.66666667%; }
  .grid-col-lg-pull-10 { right: 83.33333333%; }
  .grid-col-lg-pull-9 { right: 75%; }
  .grid-col-lg-pull-8 { right: 66.66666667%; }
  .grid-col-lg-pull-7 { right: 58.33333333%; }
  .grid-col-lg-pull-6 { right: 50%; }
  .grid-col-lg-pull-5 { right: 41.66666667%; }
  .grid-col-lg-pull-4 { right: 33.33333333%; }
  .grid-col-lg-pull-3 { right: 25%; }
  .grid-col-lg-pull-2 { right: 16.66666667%; }
  .grid-col-lg-pull-1 { right: 8.33333333%; }
  .grid-col-lg-pull-0 { right: auto; }
  .grid-col-lg-push-12 { left: 100%; }
  .grid-col-lg-push-11 { left: 91.66666667%; }
  .grid-col-lg-push-10 { left: 83.33333333%; }
  .grid-col-lg-push-9 { left: 75%; }
  .grid-col-lg-push-8 { left: 66.66666667%; }
  .grid-col-lg-push-7 { left: 58.33333333%; }
  .grid-col-lg-push-6 { left: 50%; }
  .grid-col-lg-push-5 { left: 41.66666667%; }
  .grid-col-lg-push-4 { left: 33.33333333%; }
  .grid-col-lg-push-3 { left: 25%; }
  .grid-col-lg-push-2 { left: 16.66666667%; }
  .grid-col-lg-push-1 { left: 8.33333333%; }
  .grid-col-lg-push-0 { left: auto; }
  .grid-col-lg-offset-12 { margin-left: 100%; }
  .grid-col-lg-offset-11 { margin-left: 91.66666667%; }
  .grid-col-lg-offset-10 { margin-left: 83.33333333%; }
  .grid-col-lg-offset-9 { margin-left: 75%; }
  .grid-col-lg-offset-8, .ce--text-image-right .ce__figure { margin-left: 66.66666667%; }
  .grid-col-lg-offset-7 { margin-left: 58.33333333%; }
  .grid-col-lg-offset-6 { margin-left: 50%; }
  .grid-col-lg-offset-5 { margin-left: 41.66666667%; }
  .grid-col-lg-offset-4, .ce--text-image .ce__headline, .ce--text-image .ce__subline, .ce--text-image .ce__data, .ce--text-image .ce__p, .ce--text-image .ce__h { margin-left: 33.33333333%; }
  .grid-col-lg-offset-3 { margin-left: 25%; }
  .grid-col-lg-offset-2, .ce--text-image .ce__figure, .ce--text-image .ce__data-full, .ce--text-image-right .ce__headline, .ce--text-image-right .ce__subline, .ce--text-image-right .ce__p, .ce--text-image-right .ce__h { margin-left: 16.66666667%; }
  .grid-col-lg-offset-1 { margin-left: 8.33333333%; }
  .grid-col-lg-offset-0 { margin-left: 0; } }

.icon-bar { padding: 24px 60px 55px; }

.icon-bar { *zoom: 1; }

.icon-bar:before, .icon-bar:after { content: ""; display: table; }

.icon-bar:after { clear: both; }

.icon-bar__list { border-bottom: 1px solid #aaa; border-top: 1px solid #aaa; }

.icon-bar__list { *zoom: 1; }

.icon-bar__list:before, .icon-bar__list:after { content: ""; display: table; }

.icon-bar__list:after { clear: both; }

.icon-bar__item { padding: 16px 0; float: left; width: 50%; }

.icon-bar__item { *zoom: 1; }

.icon-bar__item:before, .icon-bar__item:after { content: ""; display: table; }

.icon-bar__item:after { clear: both; }

.icon-bar__link { border-collapse: separate; border-spacing: 0; display: table; }

.icon-bar__icon { display: table-cell; vertical-align: middle; }

.icon-bar__text { display: table-cell; vertical-align: middle; padding: 0 10px 0 20px; text-indent: -8px; }

.icon-bar__text:before { content: "› "; color: #e40033; }

.icon-bar--col4 .icon-bar__item { width: 25%; }

@media (max-width: 1100px) { .icon-bar--col4 .icon-bar__item { width: 50%; } }

@media (max-width: 600px) { .icon-bar--col4 .icon-bar__item { width: 100%; padding: 10px 0; } }

.info-bar { padding: 24px 0 55px 0; }

.info-bar__list { border-bottom: 1px solid #aaa; padding-top: 15px; }

.info-bar__list { *zoom: 1; }

.info-bar__list:before, .info-bar__list:after { content: ""; display: table; }

.info-bar__list:after { clear: both; }

.info-bar__item { padding-bottom: 15px; float: left; width: 25%; }

.info-bar__item { *zoom: 1; }

.info-bar__item:before, .info-bar__item:after { content: ""; display: table; }

.info-bar__item:after { clear: both; }

.info-bar__icon { float: left; }

.info-bar__text-wrapper { float: left; color: #4e4e4e; padding-left: 8px; }

.info-bar__icon-title { display: block; font-weight: 200; }

.info-bar__icon-text { display: block; font-weight: 500; }

.info-bar--projects .info-bar__item { width: 50%; }

@media (max-width: 1100px) { .info-bar__item { width: 33%; } }

@media (max-width: 600px) { .info-bar { padding: 24px 0 0px 0; }
  .info-bar__item { width: 50%; } }

.svg-button { background-size: cover; display: inline-block; height: 32px; overflow: hidden; text-indent: 100%; vertical-align: middle; white-space: nowrap; width: 32px; }

.svg-button--arrow-back { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/buttons/button-arrow-back.svg"); }

.svg-button--arrow-back:hover { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/buttons/button-arrow-back-hover.svg"); }

.svg-button--arrow-up { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/buttons/button-arrow-up.svg"); }

.svg-button--arrow-up:hover { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/buttons/button-arrow-up-hover.svg"); }

.svg-button--download { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/buttons/button-download.svg"); }

.svg-button--download:hover { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/buttons/button-download-hover.svg"); }

.svg-button--flickr { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/buttons/button-flickr.svg"); }

.svg-button--flickr:hover { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/buttons/button-flickr-hover.svg"); }

.svg-button--newsletter { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/buttons/button-newsletter.svg"); }

.svg-button--newsletter:hover { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/buttons/button-newsletter-hover.svg"); }

.svg-button--print { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/buttons/button-print.svg"); }

.svg-button--print:hover { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/buttons/button-print-hover.svg"); }

.svg-button--profil { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/buttons/button-profil.svg"); }

.svg-button--profil:hover { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/buttons/button-profil-hover.svg"); }

.svg-button--projekte { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/buttons/button-projekte.svg"); }

.svg-button--projekte:hover { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/buttons/button-projekte-hover.svg"); }

.svg-button--publikationen { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/buttons/button-publikationen.svg"); }

.svg-button--publikationen:hover { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/buttons/button-publikationen-hover.svg"); }

.svg-button--rss { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/buttons/button-rss.svg"); }

.svg-button--rss:hover { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/buttons/button-rss-hover.svg"); }

.svg-button--share { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/buttons/button-share.svg"); }

.svg-button--share:hover { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/buttons/button-share-hover.svg"); }

.svg-button--share-facebook { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/buttons/button-share-facebook.svg"); }

.svg-button--share-facebook:hover { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/buttons/button-share-facebook-hover.svg"); }

.svg-button--share-linkedin { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/buttons/button-share-linkedin.svg"); }

.svg-button--share-linkedin:hover { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/buttons/button-share-linkedin-hover.svg"); }

.svg-button--share-xing { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/buttons/button-share-xing-neu.svg"); }

.svg-button--share-xing:hover { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/buttons/button-share-xing-neu-hover.svg"); }

.svg-button--share-twitter { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/buttons/button-share-twitter.svg"); }

.svg-button--share-twitter:hover { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/buttons/button-share-twitter-hover.svg"); }

.svg-button--team { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/buttons/button-team.svg"); }

.svg-button--team:hover { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/buttons/button-team-hover.svg"); }

.svg-button--twitter { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/buttons/button-twitter.svg"); }

.svg-button--twitter:hover { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/buttons/button-twitter-hover.svg"); }

.svg-button--weblink { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/buttons/button-weblink.svg"); }

.svg-button--weblink:hover { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/buttons/button-weblink-hover.svg"); }

.svg-button--youtube { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/buttons/button-youtube.svg"); }

.svg-button--youtube:hover { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/buttons/button-youtube-hover.svg"); }

.svg-button--share-twitter { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/buttons/button-share-twitter.svg"); }

.svg-button--share-twitter:hover { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/buttons/button-share-twitter-hover.svg"); }

.svg-icon, .navigation--view .navigation__icon { background-size: cover; display: inline-block; height: 18px; overflow: hidden; text-indent: 100%; vertical-align: middle; white-space: nowrap; width: 18px; background-repeat: no-repeat !important; background-position: center !important; }

.svg-icon--inline { margin-right: 5px; }

.svg-icon--20 { height: 20px; width: 20px; }

.svg-icon--28 { height: 28px; width: 28px; }

.svg-icon--32 { height: 32px; width: 32px; }

.svg-icon--warning { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/icons/icon-warning.svg"); }

.svg-icon--sort-up-active { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/icons/icon-sort-up-active.svg"); }

.svg-icon--sort-up-inactive { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/icons/icon-sort-up-inactive.svg"); }

.svg-icon--sort-down-active { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/icons/icon-sort-down-active.svg"); }

.svg-icon--sort-down-inactive { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/icons/icon-sort-down-inactive.svg"); }

.svg-icon--check { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/icons/icon-check.svg"); }

.svg-icon--close { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/icons/icon-close.svg"); }

.svg-icon--dash { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/icons/icon-dash.svg"); }

.svg-icon--download { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/icons/icon-download.svg"); }

.svg-icon--gallery { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/icons/icon-gallery.svg"); }

.svg-icon--gallery-active { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/icons/icon-gallery-active.svg"); }

.svg-icon--link-extern { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/icons/icon-link-extern.svg"); }

.svg-icon--link-intern { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/icons/icon-link-intern.svg"); }

.svg-icon--list { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/icons/icon-list.svg"); }

.svg-icon--list-active { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/icons/icon-list-active.svg"); }

.svg-icon--mail { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/icons/icon-mail.svg"); }

.svg-icon--menu { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/icons/icon-menu.svg"); }

.svg-icon--menu-close { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/icons/icon-menu-close.svg"); }

.svg-icon--panel-close { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/icons/icon-panel-close.svg"); }

.svg-icon--panel-open { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/icons/icon-panel-open.svg"); }

.svg-icon--quote { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAAoCAYAAABAZ4KGAAAB4UlEQVR42u2YO0gDQRCGN6L4IDY+Iim0EMEHNipWYmFACaLYKKYRLFO4zZaCSCpRsBGE9AGxEm0sRLCxiq1YWARTiYhYiJUEnb1cQDDmdmfnkmYG/va+/W7vZudOiEpJ1Qr5DjEpEVRSHYe6BpZlWZZlWZZlWZZlWZZlWZZlWZZlWZZl2UpWGiz7XE/Z+QbLPtZTdqrBsje/QU2QZEA2HWD9BrJjBmvII/lHwqrcdj8qKEovGsdP24KiSFAJEiGSPUWuYdYWNIoEXQqqkuoVuYYeW9AuErRBJNqL5H9i3tcvJCxGJHuI5GdsQTkkqEAkOuLQHIdsQBkHUJJAdADygeQ/2HTfcwfRN+/8xktGIKt+N8euYSYI0gfZd4ToJJCSLZBlSNGRn6924RhkGrLtDcw049mZxe51QoYha5BrIn7p73GjZ0b6ObTo3UQz2cmQZuFENViaGPLk7VT4U1mtrP8HGyeE3EHaEe/oO+GjO1cL1EYE2kHPv1JlCfj3ZiOhW1PSDSXueI4uOvD1+btkfqOl2kNAskbfqGb8OGpYkGrB/hzXz3nwxV8gB/4R1Swoq/zjwOR9vPCaj1RdLrBuv0nou3Xl/x7Z8v8MDEI6RNhV5hYgt5ATvwekIBOeHMH38A/xdNs2uhcBAwAAAABJRU5ErkJggg=="); background-repeat: no-repeat; background-size: cover; width: 59px; height: 40px; }

@media (max-width: 1100px) { .svg-icon--quote { width: 39px; height: 26px; } }

.svg-icon--search { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/icons/icon-search.svg"); }

.svg-icon--slider-next { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/icons/icon-slider-next.svg"); }

.svg-icon--slider-prev { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/icons/icon-slider-prev.svg"); }

.svg-icon--timerange { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/icons/icon-timerange.svg"); }

.svg-icon--date { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/icons/icon-date.svg"); }

.svg-icon--foto-credit { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/icons/icon-foto-credit.svg"); }

.svg-icon--news { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/icons/icon-news.svg"); }

.svg-icon--place { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/icons/icon-place.svg"); }

.svg-icon--projectnumber { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/icons/icon-projectnumber.svg"); }

.svg-icon--text-credit { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/icons/icon-text-credit.svg"); }

.svg-icon--audio { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/icons/icon-audio.svg"); }

/*
--- Tiles / Kacheln ----------------------------------------------
*/
.tile-s { position: relative; overflow: hidden; margin-right: 10px; margin-bottom: 10px; }

.tile-s__image { position: absolute; top: -9999px; bottom: -9999px; left: -9999px; right: -9999px; margin: auto; min-height: 100%; min-width: 100%; max-width: none; }

.tile-s__link { display: block; height: 320px; overflow: hidden; padding: 20px 20px; position: relative; z-index: 200; }

.tile-s__category { overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; color: #fff; padding: 5px 0 15px; z-index: 500; }

.tile-s__headline { overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; color: #fff; padding: 0 0 15px; z-index: 500; }

.tile-s__subline { overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; color: #fff; z-index: 500; }

/*
--- Kacheln Farben -----------------------------------------------
*/
.tile-s--green { background: #006d72; }

.tile-s--green .tile-s__link { background: rgba(0, 109, 114, 0.7); }

.tile-s--green:hover { background: #004c50; }

.tile-s--green:hover .tile-s__link { background: none; }

.tile-s--red { background: #ff001c; }

.tile-s--red .tile-s__link { background: rgba(255, 0, 28, 0.7); }

.tile-s--red:hover { background: #d8001b; }

.tile-s--red:hover .tile-s__link { background: none; }

.tile-l { position: relative; height: 485px; padding: 20px; background: #cfe6ee; margin: 0 10px 10px 0; }

.tile-l__category { margin-bottom: 20px; color: #e40033; }

.tile-l__content { position: relative; max-height: 365px; overflow: hidden; z-index: 1; }

.tile-l__headline { margin-bottom: 20px; color: #006d72; }

.tile-l__subline { min-height: 100px; padding-bottom: 45px; }

.tile-l__bumper { width: 120px; height: 4px; line-height: 4px; background: #000; margin-bottom: 20px; }

.tile-l__more { color: #e40033; }

.tile-l__more::before { content: " ›"; color: #e40033; padding-right: 10px; }

.tile-l__picture { position: absolute; right: 0; bottom: 0; }

.tile-l--mail { background: #cfe6ee url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/icons/tile-mail.svg") 100% 100% no-repeat; background-size: contain; }

.tile-l--image__content { max-height: none; position: relative; }

@media (min-width: 601px) { .ext-tile { padding: 30px 65px; } }

@media (max-width: 600px) { .ext-tile { padding: 30px 10px; }
  .tile-s { margin-right: 0; }
  .tile-l { height: 365px; margin-right: 0; padding: 10px; }
  .tile-l__content { max-height: none; height: auto; overflow: visible; }
  .tile-l__subline { height: auto; min-height: 0; padding-bottom: 20px; }
  .tile-l--image__category { display: none; } }

/*
--- Footer -------------------------------------------------------
*/
.footer { padding: 0 60px; }

.footer { *zoom: 1; }

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

.footer:after { clear: both; }

.footer__separator { margin-top: 15px; border-top: 1px solid #d4d4d4; padding-top: 30px; }

.footer__copyright { font-family: "Gotham A", "Gotham B", Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 12px; line-height: 12px; font-weight: normal; color: #4e4e4e; padding: 10px 0 25px 0; }

@media (max-width: 1100px) { .footer { padding: 0 10px; }
  .footer__logo { text-align: center; margin-bottom: 40px; } }

/*
--- Header -------------------------------------------------------
*/
.header { background: rgba(255, 255, 255, 0.95); }

.header .grid { padding: 0 60px; }

.header__logo { float: left; }

@media (min-width: 1440px) { .header__logo { margin-right: 10%; } }

/* special bugfix due to firefox scrollbar calc */
@media (min-width: 1115px) and (max-width: 1440px) { .header__logo { margin-right: 3%; } }

@media (min-width: 1101px) and (max-width: 1114px) { .header__logo { margin-right: 2%; } }

.header__image { height: 39px !important; margin-top: 27px; }

.header--fixed-top { position: fixed; top: 0; width: 100%; z-index: 1030; }

.header--desktop { height: 96px; max-height: 96px; }

.header--mobile { display: none; height: 60px; max-height: none; }

.header--mobile .grid { padding: 0 10px; }

.header--mobile .header__hamburger { height: 60px; }

.header--mobile .header__display { display: none; position: fixed; top: 60px; left: 0; width: 100%; height: 100%; background: #fff; overflow: scroll; }

.header--mobile .header__image { height: 30px !important; margin: 15px 0; }

/*
--- Media Queries ------------------------------------------------
*/
@media (max-width: 1100px) { .header--desktop { display: none; }
  .header--mobile { display: block; height: auto; }
  .navigation--float .navigation__list { padding-bottom: 20px; }
  .navigation--float .navigation__item { width: 100%; } }

.navbar { margin: 20px 60px 0; border-bottom: 1px solid #aaa; }

.navbar { *zoom: 1; }

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

.navbar:after { clear: both; }

.navbar__header { color: #4e4e4e; float: left; padding-top: 24px; padding-bottom: 11px; }

.navbar__body { padding-top: 24px; float: right; }

.navbar__body { *zoom: 1; }

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

.navbar__body:after { clear: both; }

.navbar__body .dropdown, .navbar__body .navigation { float: left; }

.navbar--full { margin: 20px 0 0; }

/*
--- Navigation Type ----------------------------------------------
*/
.navigation--view { padding-top: 5px; margin-left: 20px; float: left; }

.navigation--view { *zoom: 1; }

.navigation--view:before, .navigation--view:after { content: ""; display: table; }

.navigation--view:after { clear: both; }

.navigation--view .navigation__item { float: left; }

.navigation--view .navigation__item:first-child { margin-right: 25px; }

.navigation--view .navigation__icon--gallery { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48c3dpdGNoPjxnPjxwYXRoIGZpbGw9IiNlNDAwMzMiIGQ9Ik05NCAxMDBINzhhNiA2IDAgMCAxLTYtNlY3OGE2IDYgMCAwIDEgNi02aDE2YTYgNiAwIDAgMSA2IDZ2MTZhNiA2IDAgMCAxLTYgNm0tMzYgMEg0MmE2IDYgMCAwIDEtNi02Vjc4YTYgNiAwIDAgMSA2LTZoMTZhNiA2IDAgMCAxIDYgNnYxNmE2IDYgMCAwIDEtNiA2bS0zNiAwSDZhNiA2IDAgMCAxLTYtNlY3OGE2IDYgMCAwIDEgNi02aDE2YTYgNiAwIDAgMSA2IDZ2MTZhNiA2IDAgMCAxLTYgNm03Mi03Mkg3OGE2IDYgMCAwIDEtNi02VjZhNiA2IDAgMCAxIDYtNmgxNmE2IDYgMCAwIDEgNiA2djE2YTYgNiAwIDAgMS02IDZtLTM2IDBINDJhNiA2IDAgMCAxLTYtNlY2YTYgNiAwIDAgMSA2LTZoMTZhNiA2IDAgMCAxIDYgNnYxNmE2IDYgMCAwIDEtNiA2bS0zNiAwSDZhNiA2IDAgMCAxLTYtNlY2YTYgNiAwIDAgMSA2LTZoMTZhNiA2IDAgMCAxIDYgNnYxNmE2IDYgMCAwIDEtNiA2bTcyIDM2SDc4YTYgNiAwIDAgMS02LTZWNDJhNiA2IDAgMCAxIDYtNmgxNmE2IDYgMCAwIDEgNiA2djE2YTYgNiAwIDAgMS02IDZtLTM2IDBINDJhNiA2IDAgMCAxLTYtNlY0MmE2IDYgMCAwIDEgNi02aDE2YTYgNiAwIDAgMSA2IDZ2MTZhNiA2IDAgMCAxLTYgNm0tMzYgMEg2YTYgNiAwIDAgMS02LTZWNDJhNiA2IDAgMCAxIDYtNmgxNmE2IDYgMCAwIDEgNiA2djE2YTYgNiAwIDAgMS02IDYiLz48L2c+PC9zd2l0Y2g+PC9zdmc+); }

.navigation--view .navigation__icon--list { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48c3dpdGNoPjxnPjxwYXRoIGZpbGw9IiNlNDAwMzMiIGQ9Ik05NCA1Nkg0NGE2IDYgMCAwIDEgMC0xMmg1MGE2IDYgMCAwIDEgMCAxMm02IDMyYTYgNiAwIDAgMC02LTZINDRhNiA2IDAgMCAwIDAgMTJoNTBhNiA2IDAgMCAwIDYtNm0wLTc2YTYgNiAwIDAgMC02LTZINDRhNiA2IDAgMCAwIDAgMTJoNTBhNiA2IDAgMCAwIDYtNk0xMi4yNSAyNGM2LjYyNyAwIDEyLTUuMzczIDEyLTEycy01LjM3My0xMi0xMi0xMi0xMiA1LjM3My0xMiAxMiA1LjM3MyAxMiAxMiAxMm0wIDM4YzYuNjI3IDAgMTItNS4zNzMgMTItMTJzLTUuMzczLTEyLTEyLTEyLTEyIDUuMzczLTEyIDEyIDUuMzczIDEyIDEyIDEybTAgMzhjNi42MjcgMCAxMi01LjM3MyAxMi0xMnMtNS4zNzMtMTItMTItMTItMTIgNS4zNzMtMTIgMTIgNS4zNzMgMTIgMTIgMTIiLz48L2c+PC9zd2l0Y2g+PC9zdmc+); }

.navigation--view .navigation__item--active .navigation__icon--gallery { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48c3dpdGNoPjxnPjxwYXRoIGZpbGw9IiMwMDZkNzIiIGQ9Ik05NCAxMDBINzhhNiA2IDAgMCAxLTYtNlY3OGE2IDYgMCAwIDEgNi02aDE2YTYgNiAwIDAgMSA2IDZ2MTZhNiA2IDAgMCAxLTYgNm0tMzYgMEg0MmE2IDYgMCAwIDEtNi02Vjc4YTYgNiAwIDAgMSA2LTZoMTZhNiA2IDAgMCAxIDYgNnYxNmE2IDYgMCAwIDEtNiA2bS0zNiAwSDZhNiA2IDAgMCAxLTYtNlY3OGE2IDYgMCAwIDEgNi02aDE2YTYgNiAwIDAgMSA2IDZ2MTZhNiA2IDAgMCAxLTYgNm03Mi03Mkg3OGE2IDYgMCAwIDEtNi02VjZhNiA2IDAgMCAxIDYtNmgxNmE2IDYgMCAwIDEgNiA2djE2YTYgNiAwIDAgMS02IDZtLTM2IDBINDJhNiA2IDAgMCAxLTYtNlY2YTYgNiAwIDAgMSA2LTZoMTZhNiA2IDAgMCAxIDYgNnYxNmE2IDYgMCAwIDEtNiA2bS0zNiAwSDZhNiA2IDAgMCAxLTYtNlY2YTYgNiAwIDAgMSA2LTZoMTZhNiA2IDAgMCAxIDYgNnYxNmE2IDYgMCAwIDEtNiA2bTcyIDM2SDc4YTYgNiAwIDAgMS02LTZWNDJhNiA2IDAgMCAxIDYtNmgxNmE2IDYgMCAwIDEgNiA2djE2YTYgNiAwIDAgMS02IDZtLTM2IDBINDJhNiA2IDAgMCAxLTYtNlY0MmE2IDYgMCAwIDEgNi02aDE2YTYgNiAwIDAgMSA2IDZ2MTZhNiA2IDAgMCAxLTYgNm0tMzYgMEg2YTYgNiAwIDAgMS02LTZWNDJhNiA2IDAgMCAxIDYtNmgxNmE2IDYgMCAwIDEgNiA2djE2YTYgNiAwIDAgMS02IDYiLz48L2c+PC9zd2l0Y2g+PC9zdmc+); }

.navigation--view .navigation__item--active .navigation__icon--list { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48c3dpdGNoPjxnPjxwYXRoIGZpbGw9IiMwMDZkNzIiIGQ9Ik05NCA1Nkg0NGE2IDYgMCAwIDEgMC0xMmg1MGE2IDYgMCAwIDEgMCAxMm02IDMyYTYgNiAwIDAgMC02LTZINDRhNiA2IDAgMCAwIDAgMTJoNTBhNiA2IDAgMCAwIDYtNm0wLTc2YTYgNiAwIDAgMC02LTZINDRhNiA2IDAgMCAwIDAgMTJoNTBhNiA2IDAgMCAwIDYtNk0xMi4yNSAyNGM2LjYyNyAwIDEyLTUuMzczIDEyLTEycy01LjM3My0xMi0xMi0xMi0xMiA1LjM3My0xMiAxMiA1LjM3MyAxMiAxMiAxMm0wIDM4YzYuNjI3IDAgMTItNS4zNzMgMTItMTJzLTUuMzczLTEyLTEyLTEyLTEyIDUuMzczLTEyIDEyIDUuMzczIDEyIDEyIDEybTAgMzhjNi42MjcgMCAxMi01LjM3MyAxMi0xMnMtNS4zNzMtMTItMTItMTItMTIgNS4zNzMtMTIgMTIgNS4zNzMgMTIgMTIgMTIiLz48L2c+PC9zd2l0Y2g+PC9zdmc+); }

@media (max-width: 1100px) { .navbar { margin: 20px 10px 0; } }

@media (max-width: 600px) { .navbar--full { margin: 20px 0 0; }
  .navbar__header { display: none; }
  .navbar__body { width: 100%; }
  .navbar__body .navigation.last { float: none; }
  .navbar__body .navigation__list { float: right; } }

/*
--- Navigation ---------------------------------------------------
*/
.navigation__list { list-style: none; position: relative; }

.navigation__list { *zoom: 1; }

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

.navigation__list:after { clear: both; }

.navigation__item { display: block; position: relative; }

.navigation__link { color: #006d72; text-decoration: none; }

.navigation__link:hover { color: #e40033; }

.navigation__headline { font-family: 'CharterITCPro-BoldItalic', Georgia, serif; font-weight: 400; font-size: 18px; line-height: 24px; font-weight: normal; border-bottom: 1px solid #adc0c5; color: #4e4e4e; line-height: 26px; margin-bottom: 12px; }

/*
--- Navigation Meta ----------------------------------------------
*/
.navigation--meta .navigation__list { float: right; }

.navigation--meta .navigation__item { float: left; margin-left: 15px; line-height: 90px; }

.navigation--meta .navigation__item--search { position: relative; margin-right: 30px; }

.navigation--meta .navigation__item--search .svg-icon--search { cursor: pointer; }

.navigation--meta .navigation__item--search .search-flyout { position: absolute; right: 20px; line-height: 0; margin-top: -65px; width: 0px; overflow: hidden; opacity: 0; -webkit-transition: width 0.3s ease-in-out,opacity 0.3s ease-in-out; -o-transition: width 0.3s ease-in-out,opacity 0.3s ease-in-out; transition: width 0.3s ease-in-out,opacity 0.3s ease-in-out; }

.navigation--meta .navigation__item--search .search-flyout form { padding: 5px; }

.navigation--meta .navigation__item--search .search-flyout form input { height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border: 1px solid #ccc; width: 100%; }

.navigation--meta .navigation__item--search.isOpen .search-flyout { width: 190px; opacity: 1; }

.navigation--meta .navigation__link { font-family: "Gotham A", "Gotham B", Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 12px; font-weight: 300; }

.navigation--meta .navigation__link--inactive { font-family: "Gotham A", "Gotham B", Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 12px; font-weight: 300; color: #4e4e4e; }

.navigation--meta .navigation__item--active .navigation__link { font-weight: 500; }

/*
--- Navigation Main ----------------------------------------------
*/
.navigation--main { float: left; }

.navigation--main .navigation__item { float: left; }

.navigation--main .navigation__item:first-child { margin-left: 6px; }

.navigation--main .navigation__link { font-family: "Gotham A", "Gotham B", Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 16px; padding: 20px 12px; line-height: 90px; }

.navigation--main .navigation__item--active .navigation__link { color: #e40033; text-decoration: underline; }

.navigation--main .navigation__item--active .navigation__link:hover, .navigation--main .navigation__item--active .navigation__link:focus { color: #e40033; }

.navigation--main .navigation__item--active .navigation__link:hover, .navigation--main .navigation__item--active .navigation__link:focus { text-decoration: underline; }

@media (min-width: 1101px) and (max-width: 1440px) { .navigation--main .navigation__link { padding: 20px 6px; } }

/*
--- Navigation Float ---------------------------------------------
*/
.navigation--float .navigation__list { *zoom: 1; }

.navigation--float .navigation__list:before, .navigation--float .navigation__list:after { content: ""; display: table; }

.navigation--float .navigation__list:after { clear: both; }

.navigation--float .navigation__item { float: left; width: 20%; }

.navigation--float .navigation__item--active .navigation__link, .navigation--float .navigation__link:hover { background: #fff; color: #e40033; }

.navigation--float .navigation__link { font-family: "Gotham A", "Gotham B", Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 16px; border-radius: 20px; display: inline-block; margin-left: -10px; margin-bottom: 4px; line-height: 100%; padding: 3px 10px; }

@media (max-width: 1280px) { .navigation--float .navigation__item { width: 33%; } }

/*
--- Navigation Stacked -------------------------------------------
*/
.navigation--stacked { padding-right: 50px; margin-bottom: 20px; }

.navigation--stacked .navigation__item { display: block; }

.navigation--stacked .navigation-headline { font-family: 'CharterITCPro-BoldItalic', Georgia, serif; font-weight: 400; font-size: 18px; line-height: 24px; font-weight: normal; border-bottom: 1px solid #adc0c5; color: #4e4e4e; line-height: 26px; margin-bottom: 12px; }

.navigation--stacked .navigation__item { display: block; }

.navigation--stacked .navigation__link { font-family: "Gotham A", "Gotham B", Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 16px; border-radius: 20px; display: table; margin-left: -10px; margin-bottom: 4px; line-height: 120%; padding: 3px 10px; }

.navigation--stacked .navigation__link { *zoom: 1; }

.navigation--stacked .navigation__link:before, .navigation--stacked .navigation__link:after { content: ""; display: table; }

.navigation--stacked .navigation__link:after { clear: both; }

.navigation--stacked .navigation__link:hover, .navigation--stacked .navigation__link:focus { color: #e40033; }

.navigation--stacked .navigation__link span { font-family: "Gotham A", "Gotham B", Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 16px; }

.navigation--stacked .navigation__item--active .navigation__link, .navigation--stacked .navigation__link:hover { background: #fff; color: #e40033; }

.navigation--stacked .navigation__inactive, .navigation--stacked .navigation__active, .navigation--stacked .navigation__close { display: table-cell; vertical-align: middle; }

.navigation--stacked .navigation__inactive { opacity: 0.6; }

.navigation--stacked .navigation__close { height: 100%; }

.navigation--stacked .navigation__close .svg-icon, .navigation--stacked .navigation__close .navigation--view .navigation__icon, .navigation--view .navigation--stacked .navigation__close .navigation__icon { height: 100%; }

/*
--- Navigation Functions -----------------------------------------
*/
.navigation--function-bar { padding-top: 60px; width: 100%; }

.navigation--function-bar { *zoom: 1; }

.navigation--function-bar:before, .navigation--function-bar:after { content: ""; display: table; }

.navigation--function-bar:after { clear: both; }

.navigation--function-bar .navigation__list { float: left; left: 50%; margin: 0 auto; }

.navigation--function-bar .navigation__item { float: left; right: 50%; }

.navigation--function-bar .navigation__item:not(:last-child) { margin-right: 15px; }

/*
--- Navigation Footer --------------------------------------------
*/
.navigation--footer { width: 100%; }

.navigation--footer { *zoom: 1; }

.navigation--footer:before, .navigation--footer:after { content: ""; display: table; }

.navigation--footer:after { clear: both; }

.navigation--footer .navigation__list { float: left; left: 50%; margin: 0 auto; }

.navigation--footer .navigation__list { *zoom: 1; }

.navigation--footer .navigation__list:before, .navigation--footer .navigation__list:after { content: ""; display: table; }

.navigation--footer .navigation__list:after { clear: both; }

.navigation--footer .navigation__item { float: left; right: 50%; margin: 0 15px; }

.navigation--footer .navigation__link { display: block; font-family: "Gotham A", "Gotham B", Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 12px; font-weight: 500; }

.navigation--footer .navigation__item--active .navigation__link, .navigation--footer .navigation__link:hover { color: #e40033; text-decoration: underline; }

@media (max-width: 1100px) { .navigation--footer { margin-bottom: 20px; }
  .navigation--footer .navigation__list { float: none; left: 0; width: 100%; text-align: center; }
  .navigation--footer .navigation__item { display: inline-block; float: none; right: 0; margin: 0; }
  .navigation--footer .navigation__link { padding: 0 20px; } }

/*
--- Navigation Social Media Icons --------------------------------
*/
.navigation--social-media { *zoom: 1; }

.navigation--social-media:before, .navigation--social-media:after { content: ""; display: table; }

.navigation--social-media:after { clear: both; }

.navigation--social-media .navigation__list { float: right; }

.navigation--social-media .navigation__item { float: left; margin-left: 15px; }

@media (max-width: 1100px) { .navigation--social-media { margin-bottom: 20px; }
  .navigation--social-media .navigation__list { float: none; text-align: center; }
  .navigation--social-media .navigation__item { float: none; display: inline-block; }
  .navigation--social-media .navigation__item.first { margin: 0; } }

/*
--- Navigation Subheader Mobile ----------------------------------
*/
.navigation--mobile .navigation__list { margin-top: 8px; }

.navigation--mobile .navigation__link { display: block; font-family: "Gotham A", "Gotham B", Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 18px; line-height: 100%; text-align: center; padding: 15px 0; }

.navigation--mobile .navigation__item--active .navigation__link { color: #e40033; text-decoration: underline; }

.navigation--mobile-language { padding-bottom: 32px; width: 100%; }

.navigation--mobile-language { *zoom: 1; }

.navigation--mobile-language:before, .navigation--mobile-language:after { content: ""; display: table; }

.navigation--mobile-language:after { clear: both; }

.navigation--mobile-language .navigation__list { float: left; left: 50%; margin: 0 auto; }

.navigation--mobile-language .navigation__list { *zoom: 1; }

.navigation--mobile-language .navigation__list:before, .navigation--mobile-language .navigation__list:after { content: ""; display: table; }

.navigation--mobile-language .navigation__list:after { clear: both; }

.navigation--mobile-language .navigation__item { float: left; right: 50%; margin: 0 15px; }

.navigation--mobile-language .navigation__link { font-family: "Gotham A", "Gotham B", Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 12px; font-weight: 300; display: block; padding: 5px; }

.navigation--mobile-language .navigation__item--active .navigation__link { font-weight: 500; }

/*
--- Subheader Mobile Hamburger Menu ------------------------------
*/
.navigation--mobile-icon { padding-top: 15px; padding-right: 3px; }

.navigation--mobile-icon { *zoom: 1; }

.navigation--mobile-icon:before, .navigation--mobile-icon:after { content: ""; display: table; }

.navigation--mobile-icon:after { clear: both; }

.navigation--mobile-icon .navigation__list { float: right; }

.navigation--mobile-icon .navigation__item { float: left; margin-left: 15px; }

.navigation--mobile-icon .navigation__item--inactive { display: none; }

/*
--- Subheader ----------------------------------------------------
*/
.sub-header { background: rgba(207, 230, 238, 0.95); width: 100%; z-index: 1030; }

.sub-header .g-1440 { padding: 0 60px; }

.sub-header__collapse-footer { display: none; }

.sub-header__collapse-body .navigation { padding: 0 10px; }

.sub-header--open { position: fixed; top: 96px; }

.sub-header--open .sub-header__collapse-footer, .sub-header--open .sub-header__colla { display: block; }

.sub-header--open .sub-header__collapse-header { display: none !important; }

.sub-header__collapse-header { display: none; width: 100%; height: 30px; }

.sub-header--fixed { position: fixed; top: 96px; }

.sub-header--fixed .sub-header__collapse-header { display: block; }

.sub-header__collapse-header-link, .sub-header__collapse-footer-link { color: #006d72; }

.sub-header__collapse-header-headline, .sub-header__collapse-footer-headline { font-family: "Gotham A", "Gotham B", Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 16px; font-weight: 300; }

.sub-header__collapse-header-headline .sub-header__icon, .sub-header__collapse-footer-headline .sub-header__icon { background-position-y: 2px; margin-right: 10px; }

.sub-header__collapse-body { height: auto; overflow-y: auto; padding: 30px 0 30px 0; }

.sub-header__collapse-body-headline { font-family: 'CharterITCPro-BoldItalic', Georgia, serif; font-weight: 400; font-size: 18px; line-height: 24px; font-weight: normal; border-bottom: 1px solid #adc0c5; color: #4e4e4e; line-height: 26px; margin-bottom: 12px; }

/*
--- Subheader Mobile Fulltextsearch ------------------------------
*/
.search--subheader-mobile { width: 95%; margin: 35px auto 0 auto; }

.search--subheader-mobile .search__form { border-bottom: 1px solid #aaa; }

.search--subheader-mobile .search__form { *zoom: 1; }

.search--subheader-mobile .search__form:before, .search--subheader-mobile .search__form:after { content: ""; display: table; }

.search--subheader-mobile .search__form:after { clear: both; }

.search--subheader-mobile .search__input-text { font-family: 'CharterITCPro-BoldItalic', Georgia, serif; font-weight: 400; font-size: 24px; line-height: 26px; font-weight: normal; height: 40px; line-height: 40px; padding: 10px 6px; border: none; color: #4e4e4e; display: block; float: left; font-size: 20px; font-weight: 200; width: 85%; }

.search--subheader-mobile .search__input-text::-webkit-input-placeholder { font-family: "CharterITCPro-Italic", Georgia, serif; font-weight: 400; font-weight: 200; }

.search--subheader-mobile .search__search-button { padding: 11px 0 6px 0; height: 40px; width: 30px; cursor: pointer; float: right; text-align: center; }

.search--subheader-mobile .search__search-button:active { padding: 12px 9px 10px 11px; }

/*
--- Subheader Desktop Projektsuche -------------------------------
*/
.search--subheader-project { background: #fff; margin: 35px auto 0 auto; }

.search--subheader-project .search__form { position: relative; }

.search--subheader-project .search__input-text { font-family: 'CharterITCPro-BoldItalic', Georgia, serif; font-weight: 400; font-size: 24px; line-height: 26px; font-weight: normal; height: 50px; padding: 12px; border: none; color: #4e4e4e; display: block; line-height: 50px; width: 100%; }

.search--subheader-project .search__input-text::-webkit-input-placeholder { font-family: "CharterITCPro-Italic", Georgia, serif; font-weight: 400; font-weight: 200; }

.search--subheader-project .search__search-button { padding: 0 10px; width: 50px; position: absolute; top: 0; right: 0; height: 100%; cursor: pointer; text-align: center; }

.search--subheader-project .search__search-button .svg-icon--28 { height: 100% !important; }

@media (max-width: 1100px) { .sub-header .g-1440 { padding: 0 10px; }
  .sub-header__collapse-footer { position: fixed; left: 0; bottom: 0; width: 100%; height: 30px; background: rgba(207, 230, 238, 0.95); }
  .sub-header__collapse-body .navigation { overflow: visible; }
  .sub-header { top: 60px; left: 0; margin-left: 0; padding: 0; }
  .sub-header__collapse-footer, .sub-header__collapse-body-headline { padding: 0 10px; }
  .sub-header.sub-header--fixed { position: fixed; top: 60px; }
  .search--subheader-project { margin: 0 auto 20px; }
  .search--subheader-mobile { margin: 12px auto 20px; }
  .sub-header__collapse-body { padding: 20px 0 0 0; }
  .sub-header__collapse-body-headline { border-bottom: 1px solid #adc0c5; color: #4e4e4e; line-height: 20px; margin-bottom: 12px; font-size: 14px; }
  .search--subheader-project { margin: 20px 0; }
  .search--subheader-project .search__input-text { font-family: 'CharterITCPro-BoldItalic', Georgia, serif; font-weight: 400; font-size: 24px; line-height: 26px; font-weight: normal; height: 40px; line-height: 40px; padding: 10px 6px; border: none; color: #4e4e4e; display: block; font-size: 20px; font-weight: 200; width: 100%; }
  .search--subheader-project .search__input-text::-webkit-input-placeholder { font-family: "CharterITCPro-Italic", Georgia, serif; font-weight: 400; font-weight: 200; }
  .search--subheader-project .svg-icon--28 { width: 18px !important; } }

@media (min-width: 601px) and (max-width: 770px) { .navigation--float .navigation__item { width: 50%; } }

@media (max-width: 600px) { .navigation--float .navigation__item { width: 100%; float: none; } }

.ce { margin: 0 60px; position: relative; }

.ce { *zoom: 1; }

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

.ce:after { clear: both; }

.ce__item { display: block; position: relative; }

.ce__item { *zoom: 1; }

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

.ce__item:after { clear: both; }

.ce__bumper { background: #000; display: block; height: 4px; margin-top: 26px; width: 120px; }

.ce__bumper--p2 { margin-top: 19px; }

.ce__header { color: #555; padding-bottom: 10px; border-bottom: 1px solid #d4d4d4; margin-bottom: 16px; }

.ce__headline { color: #e40033; margin-bottom: 27px; }

.ce__subline { color: #006d72; margin-bottom: 16px; }

.ce__subline--black { color: #000; }

.ce__subline--gray { color: #555; }

.ce__data { color: #555; padding-bottom: 15px; }

.ce__data-full { *zoom: 1; }

.ce__data-full:before, .ce__data-full:after { content: ""; display: table; }

.ce__data-full:after { clear: both; }

.ce__p { color: #555; margin-bottom: 15px; }

.ce__h { color: #000; padding-bottom: 15px; padding-top: 15px; }

.ce__ul { color: #555; padding-bottom: 15px; }

.ce__li { color: #555; padding-left: 40px; text-indent: -14px; }

.ce__li:before { content: "• "; color: #e40033; }

.ce__figure--left { padding-right: 20px; }

.ce__figure--right { padding-left: 20px; }

.ce__figcaption { color: #555; padding-top: 10px; padding-left: 1px; padding-right: 1px; border-top: 1px solid #aaa; margin-top: 16px; }

.ce__divider { margin: 0; }

.ce a { text-decoration: underline; color: #006d72; }

.ce a:hover { color: #e40033; }

.ce__embedded { position: relative; height: 0; overflow: hidden; margin-bottom: 50px; padding-bottom: 56.25%; padding-top: 35px; }

.ce iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.ce__player { width: 80%; min-width: 300px; margin-bottom: 12px; }

.ce__clear { *zoom: 1; }

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

.ce__clear:after { clear: both; }

.ce__audio { line-height: 20px; margin-bottom: 12px; }

.ce .inlineLink[href^="http://"]:not([href*="/wupperinst.org"]), .ce .inlineLink[href^="https://"]:not([href*="/wupperinst.org"]), .ce .inlineLink[href^="//"]:not([href*="/wupperinst.org"]), .ce .inlineLink[href*="/wupperinst.org"], .ce .inlineLink[href^="/"], .ce .inlineLink[href$=".pdf"], .ce .inlineLink[href$=".xls"], .ce .inlineLink[href$=".doc"], .ce .inlineLink[href$=".docx"], .ce .inlineLink[href$=".xslx"], .ce .inlineLink[href$=".zip"], .ce__link-download, .ce .inlineLink[href^="mailto:"] { display: block; color: #555; padding-left: 20px; text-decoration: none; font-family: "Gotham A", "Gotham B", Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px; margin-bottom: 10px; }

.ce .inlineLink[href^="http://"]:not([href*="/wupperinst.org"]):hover, .ce .inlineLink[href^="https://"]:not([href*="/wupperinst.org"]):hover, .ce .inlineLink[href^="//"]:not([href*="/wupperinst.org"]):hover, .ce .inlineLink[href*="/wupperinst.org"]:hover, .ce .inlineLink[href^="/"]:hover, .ce .inlineLink[href$=".pdf"]:hover, .ce .inlineLink[href$=".xls"]:hover, .ce .inlineLink[href$=".doc"]:hover, .ce .inlineLink[href$=".docx"]:hover, .ce .inlineLink[href$=".xslx"]:hover, .ce .inlineLink[href$=".zip"]:hover, .ce__link-download:hover, .ce .inlineLink[href^="mailto:"]:hover { color: #e40033; }

.ce .inlineLink[href^="http://"]:not([href*="/wupperinst.org"]), .ce .inlineLink[href^="https://"]:not([href*="/wupperinst.org"]), .ce .inlineLink[href^="//"]:not([href*="/wupperinst.org"]) { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKBAMAAAB/HNKOAAAAKlBMVEXjADP////4v8zzlqvjATTkDT3lDz/tWXrwc4/1orX60dr96+/zj6X2rr53SkakAAAAPElEQVR42mPIkmBgYGVgklZSZ2BgEhQ0KQCSws4KQNLEEEhKOgsCSdmJgjtAsoKCDDxKSkpaDAEMDAxsALSNBhcOIlvGAAAAAElFTkSuQmCC") no-repeat 0 5px; }

.ce .inlineLink[href*="/wupperinst.org"], .ce .inlineLink[href^="/"] { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAMCAIAAADONVt5AAAASElEQVR42mP4jwEY/v/79/vOY1Sh33+ecFq9y2gDysGE/v//sfcUsigDRAZZlAFuBFyUAdngT+3zHzMY41aFbhaGjVjcheF6ALxRuQ0yI2OyAAAAAElFTkSuQmCC") no-repeat 0 2px; }

.ce .inlineLink[href$=".pdf"], .ce .inlineLink[href$=".xls"], .ce .inlineLink[href$=".doc"], .ce .inlineLink[href$=".docx"], .ce .inlineLink[href$=".xslx"], .ce .inlineLink[href$=".zip"], .ce__link-download { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKBAMAAAB/HNKOAAAAMFBMVEX////jADPzlqvtX3/4v8zjATTkDT3lDz/mGkjvb4zzj6X1obT1prj4wc3+9vj/+/xNTsrZAAAAO0lEQVR42mNgYJjJAALGcPK7gjFTPQNTkLGqAgODakcQA8M5JkGFNwyyDLsZLjJIubi4LGRIFBQUFAMAAEcKXQ0ELCIAAAAASUVORK5CYII=") no-repeat 0 5px !important; }

.ce .inlineLink[href^="mailto:"] { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAbklEQVR42mNgIBY8YTB+C8T/CeC3DFDGZyDeBcRyQCwJxSD2bqjcf5hCXyC+DMQ7gJgbindAxXyRFRoDsSAQHwXiE1B8BCpmjKIQ6l4uIN4AxZxQMUyFODyLonAdEM/CgdfBFOYCcT0BnEt0eAMAAp17eM/ac/AAAAAASUVORK5CYII=") no-repeat 0 5px; }

.ce span.no-link { display: block; color: #555; padding-left: 20px; text-decoration: none; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAMCAYAAABBV8wuAAAAW0lEQVR42mNgoBN4xm+v8ITF7MhTdovfQProM0EHRbDEExbzI08YjP4D8W8wzWJ+DCzxlMPyN1iQyeQfkP71hNX8D7qOXyg6ngk4KIAkn7JZ/AHbIeSoREUvAAA42C+iqAc/XQAAAABJRU5ErkJggg==") no-repeat 0 2px; }

.ce--text-image .ce__figure { position: absolute; padding-right: 10px; }

.ce--text-image-right { *zoom: 1; }

.ce--text-image-right:before, .ce--text-image-right:after { content: ""; display: table; }

.ce--text-image-right:after { clear: both; }

.ce--text-image-right .ce__figure { position: absolute; }

.ce--additional .grid div:first-child { padding-right: 40px; }

.ce--embedded .grid > div { padding-right: 10px; }

@media (max-width: 1100px) { .ce__image { height: auto; max-width: 100%; }
  .ce__bumper { display: none; }
  .ce--text-image { *zoom: 1; }
  .ce--text-image:before, .ce--text-image:after { content: ""; display: table; }
  .ce--text-image:after { clear: both; }
  .ce--text-image .ce__figure { position: relative; padding-bottom: 10px; float: left; width: 30%; }
  .ce--text-image .ce__headline { float: left; padding-left: 10px; width: 70%; }
  .ce--text-image .ce__data { float: left; padding-left: 10px; width: 70%; }
  .ce--text-image .ce__data-full { float: left; width: 100%; }
  .ce--text-image .ce__subline { float: left; padding-left: 10px; width: 70%; }
  .ce--text-image .ce__p { clear: both; float: none; width: 100%; }
  .ce--text-image-right { *zoom: 1; }
  .ce--text-image-right:before, .ce--text-image-right:after { content: ""; display: table; }
  .ce--text-image-right:after { clear: both; }
  .ce--text-image-right .ce__figure { position: relative; padding-bottom: 10px; float: right; width: 30%; }
  .ce--text-image-right .ce__headline { float: left; padding-right: 10px; width: 70%; }
  .ce--text-image-right .ce__subline { float: left; padding-right: 10px; width: 70%; }
  .ce--text-image-right .ce__p { clear: both; float: none; width: 100%; } }

@media (max-width: 600px) { .ce { margin: 40px 10px 0 10px; }
  .ce__figure--left { padding: 0; }
  .ce__figure--right { padding: 0; margin-top: 45px; }
  .ce--text-image .ce__figure { width: 50%; }
  .ce--text-image .ce__headline { width: 50%; }
  .ce--text-image .ce__subline { width: 50%; }
  .ce--text-image .ce__data { width: 50%; }
  .ce--text-image .ce__data-full { width: 100%; }
  .ce--text-image-right .ce__figure { width: 50%; }
  .ce--text-image-right .ce__headline { width: 50%; }
  .ce--text-image-right .ce__subline { width: 50%; }
  .ce--text-image-right .ce__data { width: 50%; }
  .ce__embedded { margin-bottom: 20px; } }

.linkblock { padding: 10px 20px 10px 12px; border: 1px solid transparent; color: #e40033 !important; display: block; font-family: "Gotham A", "Gotham B", Arial, sans-serif; font-size: 16px; line-height: 20px; font-style: normal; font-weight: 700; text-decoration: none !important; text-indent: -12px; }

.linkblock:hover { color: #000 !important; }

.linkblock:hover::before { color: #000; }

.linkblock::before { content: " ›"; color: #e40033; padding-right: 5px; }

.ce-headline1 { overflow: hidden; position: relative; padding-bottom: 69px; }

.ce-headline1__headline { letter-spacing: -9px; position: absolute; left: 51px; top: 4px; }

.ce-headline1__headline-part1 { color: #006d72; display: block; margin-left: 92px; }

.ce-headline1__headline-part2 { color: #e40033; display: block; mix-blend-mode: multiply; }

.ce-headline1__headline-part3 { display: block; color: #006d72; margin-left: 31px; mix-blend-mode: multiply; }

.ce-headline1__text { color: #555; margin-left: 54%; padding-right: 60px; padding-top: 168px; width: 46%; }

.ce-headline1__form-wrapper { margin: 80px 33% 60px 33%; }

.ce-headline1__form { background: #fff; }

.ce-headline1__form { *zoom: 1; }

.ce-headline1__form:before, .ce-headline1__form:after { content: ""; display: table; }

.ce-headline1__form:after { clear: both; }

.ce-headline1__input-text { font-family: 'CharterITCPro-BoldItalic', Georgia, serif; font-weight: 400; font-size: 24px; line-height: 26px; font-weight: normal; height: 40px; line-height: 40px; padding: 10px 6px; border: none; color: #4e4e4e; display: block; float: left; font-size: 20px; font-weight: 200; width: 85%; }

.ce-headline1__input-text::-webkit-input-placeholder { font-family: "CharterITCPro-Italic", Georgia, serif; font-weight: 400; font-weight: 200; }

.ce-headline1__search-button { padding: 6px 10px 6px 0; height: 40px; width: 40px; cursor: pointer; float: right; text-align: center; }

.ce-headline1__search-button:active { padding: 7px 9px 5px 0; }

.ce-headline1--oneline .ce-headline1__headline-part1 { margin-left: 0; }

.ce-headline1--green { background: #006d72; }

.ce-headline1--green .ce-headline1__headline-part1 { color: #fff; }

.ce-headline1--green .ce-headline1__headline-part2 { color: #a4c7ce; mix-blend-mode: normal; opacity: .7; }

.ce-headline1--green .ce-headline1__headline-part3 { color: #fff; mix-blend-mode: normal; }

.ce-headline1--green .ce-headline1__text { color: #fff; }

.ce-headline1--single .ce-headline1__headline { position: relative; }

@media (max-width: 1100px) { .ce-headline1__headline { letter-spacing: -3px; position: relative; left: 0; top: 0; }
  .ce-headline1__headline-part1 { overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin-left: 40px; }
  .ce-headline1__headline-part2 { overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin-left: 10px; }
  .ce-headline1__headline-part3 { overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin-left: 24px; }
  .ce-headline1__text { overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; padding: 39px 10px 0; margin: 0; width: 100%; }
  .ce-headline1__form-wrapper { margin: 40px 10px 0; } }

.header--mobile + div .ce-headline1 { padding-top: 20px; }

.ce-headline2 { padding: 110px 60px 0 60px; }

.ce-headline2__headline { letter-spacing: -6px; }

.ce-headline2__headline-part1 { color: #006d72; display: block; }

.ce-headline2__headline-part2 { color: #e40033; display: block; margin-left: 65px; mix-blend-mode: multiply; }

.ce-headline2__headline-part3 { color: #006d72; display: block; margin-left: 31px; mix-blend-mode: multiply; }

.ce-headline2__text { color: #555; padding-top: 116px; }

.ce-headline2--green { background: #006d72; }

.ce-headline2--green .ce-headline2__headline-part1 { color: #fff; }

.ce-headline2--green .ce-headline2__headline-part2 { color: #a4c7ce; mix-blend-mode: normal; opacity: .7; }

.ce-headline2--green .ce-headline2__headline-part3 { color: #fff; mix-blend-mode: normal; }

.ce-headline2--green .ce-headline2__text { color: #fff; }

@media (max-width: 1100px) { .ce-headline2 { padding: 60px 10px 0; }
  .ce-headline2__headline { letter-spacing: -3px; }
  .ce-headline2__headline-part1 { overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
  .ce-headline2__headline-part2 { overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin-left: 15px; }
  .ce-headline2__text { overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; padding: 40px 0 0 0; } }

.ce-headline3 { padding: 120px 60px 0; position: relative; }

.ce-headline3__category { color: #555; position: absolute; top: 60px; left: 60px; }

.ce-headline3__headline { letter-spacing: -2px; }

.ce-headline3__headline-part1 { color: #006d72; display: block; }

.ce-headline3__headline-part2 { margin-left: 60px; color: #e40033; mix-blend-mode: multiply; }

.ce-headline3__text { color: #555; padding-top: 85px; }

.ce-headline3--green { background: #006d72; }

.ce-headline3--green .ce-headline3__headline-part1 { color: #fff; }

.ce-headline3--green .ce-headline3__headline-part2 { color: #a4c7ce; mix-blend-mode: normal; opacity: .7; }

.ce-headline3--green .ce-headline3__text { color: #fff; }

@media (max-width: 1100px) { .ce-headline3 { padding: 60px 10px 0; }
  .ce-headline3__category { display: none; }
  .ce-headline3__headline { letter-spacing: -1px; }
  .ce-headline3__headline-part1 { overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
  .ce-headline3__headline-part2 { overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin-left: 15px; }
  .ce-headline3__text { padding: 20px 0 0 0; overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } }

.ce-headline4 { padding: 92px 60px 0; position: relative; }

.ce-headline4__headline { color: #006d72; display: block; }

.ce-headline4__text { color: #555; padding-top: 17px; }

.ce-headline4--green { background: #006d72; }

.ce-headline4--green .ce-headline4__headline { color: #fff; }

.ce-headline4--green .ce-headline4__text { color: #fff; }

@media (max-width: 1100px) { .ce-headline4 { padding: 90px 10px 0; }
  .ce-headline4__headline { overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
  .ce-headline4__text { padding: 12px 0 0 0; overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } }

.ce-icon { padding: 50px 60px 0; }

.ce-icon__figure { padding: 0 20px; text-align: center; }

.ce-icon__image { width: 100%; height: auto; max-width: 200px; max-height: 200px; }

.ce-icon__headline { color: #006d72; padding-top: 16px; }

.ce-icon__subline { color: #006d72; }

@media (max-width: 1100px) { .ce-icon { padding: 20px 10px 0; }
  .ce-icon__figure { padding: 24px 10px 0 0; } }

.ce-image-list__wrapper { padding: 10px; }

.ce-image-list__headline { color: #006d72; padding: 92px 60px 0; }

.ce-image-list__link { display: block; }

.ce-image-list__image { text-align: center; height: 230px; position: relative; }

.ce-image-list__image img { position: absolute; left: 0; bottom: 0; width: auto; max-height: 230px; display: inline; }

.ce-image-list__caption { height: 70px; color: #555; padding-top: 10px; padding-left: 1px; padding-right: 1px; border-top: 1px solid #aaa; margin-top: 16px; }

@media (max-width: 600px) { .ce-image-download { height: auto; }
  .ce-image-download__image { height: auto; }
  .ce-image-download__image img { position: static; }
  .ce-image-download__caption { height: auto; } }

/*
--- Image Teaser -------------------------------------------------
*/
.ce-intro { padding: 120px 0 0; position: relative; }

.ce-intro { *zoom: 1; }

.ce-intro:before, .ce-intro:after { content: ""; display: table; }

.ce-intro:after { clear: both; }

.ce-intro__figure { position: absolute; left: 0; top: 175px; width: 50%; z-index: 10; padding: 0 5%; }

.ce-intro__image { display: block; max-width: 100%; height: auto; }

.ce-intro__headline { position: relative; letter-spacing: -6px; margin-left: 35%; z-index: 100; }

.ce-intro__headline-part1 { color: #e40033; display: block; margin-left: 92px; }

.ce-intro__headline-part2 { color: #006d72; display: block; mix-blend-mode: multiply; }

.ce-intro__headline-part3 { color: #e40033; display: block; margin-left: 51px; }

.ce-intro__text-wrapper { position: relative; padding: 126px 60px 20px 0; margin-left: 50%; min-height: 390px; }

.ce-intro__text { color: #555; }

.ce-intro__select-wrapper { margin-top: 24px; }

.ce-intro__select-wrapper { *zoom: 1; }

.ce-intro__select-wrapper:before, .ce-intro__select-wrapper:after { content: ""; display: table; }

.ce-intro__select-wrapper:after { clear: both; }

.ce-intro__more { padding: 10px 20px 10px 0; border: 1px solid transparent; color: #e40033; float: left; width: 190px; }

.ce-intro__more::before { content: " ›"; color: #e40033; padding-right: 5px; }

.ce-intro__select { float: left; }

.ce-intro__bumper { display: none; }

.ce-intro--right .ce-intro__headline { margin-left: 60px; }

.ce-intro--right .ce-intro__figure { left: auto; right: 0; }

.ce-intro--right .ce-intro__text-wrapper { padding-right: 0; padding-left: 60px; margin-left: 0; margin-right: 50%; }

@media (min-width: 1440px) { .ce-intro__bumper { position: absolute; background: #000; display: block; height: 4px; width: 120px; bottom: 0; right: -120px; }
  .ce-intro--right .ce-intro__bumper { margin-left: 60px; left: -100%; } }

@media (min-width: 601px) { .ce-intro { min-height: 650px; } }

@media (min-width: 1101px) { .ce-intro { min-height: 800px; } }

@media (max-width: 600px) { .ce-intro { padding: 40px 0; }
  .ce-intro__headline { margin-left: 15%; }
  .ce-intro__headline-part1, .ce-intro__headline-part3 { margin-left: 3%; }
  .ce-intro__figure { position: relative; top: 0; left: 0; width: 75%; float: none; margin-top: -50px; padding: 10px; }
  .ce-intro__text-wrapper { padding: 10px 20px 10px 10px; margin-left: 0; min-height: 0; }
  .ce-intro__more { float: none; }
  .ce-intro__select { float: none; margin-top: 20px; }
  .ce-intro--right .ce-intro__headline { margin-left: 10px; }
  .ce-intro--right .ce-intro__figure { width: 100%; }
  .ce-intro--right .ce-intro__figure { *zoom: 1; }
  .ce-intro--right .ce-intro__figure:before, .ce-intro--right .ce-intro__figure:after { content: ""; display: table; }
  .ce-intro--right .ce-intro__figure:after { clear: both; }
  .ce-intro--right .ce-intro__image { width: 75%; float: right; }
  .ce-intro--right .ce-intro__text-wrapper { margin-right: 0; padding: 10px; }
  .ce-intro--right .ce-intro__text-wrapper { *zoom: 1; }
  .ce-intro--right .ce-intro__text-wrapper:before, .ce-intro--right .ce-intro__text-wrapper:after { content: ""; display: table; }
  .ce-intro--right .ce-intro__text-wrapper:after { clear: both; } }

.ce-linklist__item { display: inline-block !important; padding-right: 100px; }

@media (max-width: 600px) { .ce-linklist__item { padding-right: 50px; } }

.ce-quote { padding: 120px 60px 0; border-collapse: separate; border-spacing: 0; display: table; }

.ce-quote__col1 { display: table-cell; text-align: center; vertical-align: middle; width: 48%; }

.ce-quote__figure { padding-right: 20px; }

.ce-quote__image { width: auto; max-height: 100%; }

.ce-quote__col2 { display: table-cell; padding-left: 90px; vertical-align: middle; width: 52%; }

.ce-quote__text { color: #006d72; position: relative; }

.ce-quote__icon { position: absolute; left: -90px; top: 7px; height: 40px; width: 59px; }

.ce-quote__author { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAMCAIAAADONVt5AAAASElEQVR42mP4jwEY/v/79/vOY1Sh33+ecFq9y2gDysGE/v//sfcUsigDRAZZlAFuBFyUAdngT+3zHzMY41aFbhaGjVjcheF6ALxRuQ0yI2OyAAAAAElFTkSuQmCC") no-repeat 0 4px; margin-top: 18px; padding-left: 12px; }

.ce-quote__author-title { color: #555; display: block; padding-left: 12px; }

.ce-quote__button { padding-top: 33px; }

.ce-quote--image-right .ce-quote__col1 { text-align: left; padding-left: 90px; }

.ce-quote--image-right__icon { left: -90px; }

.ce-quote--image-right .ce-quote__col2 { text-align: center; padding-left: 60px; }

.ce-quote--image-right .ce-quote__figure { padding-right: 0; padding-left: 0; }

@media (max-width: 1100px) { .ce-quote__icon { top: 6px; } }

@media (max-width: 800px) { .ce-quote { padding: 20px 10px; }
  .ce-quote__col1 { display: table-footer-group; width: 100%; }
  .ce-quote__figure { padding-top: 20px; padding-left: 0; padding-right: 0; }
  .ce-quote__image { max-height: 500px; }
  .ce-quote__col2 { display: table-header-group; width: 100%; }
  .ce-quote__text { display: block; padding-left: 45px; }
  .ce-quote__icon { left: 0; top: 5px; height: 26px; width: 39px; }
  .ce-quote__author-title { display: block; }
  .ce-quote__author { background-position: 45px 1px; padding-left: 57px; }
  .ce-quote__author-title { padding-left: 57px; }
  .ce-quote__button { padding-left: 45px; }
  .ce-quote--image-right .ce-quote__col1 { display: table-header-group; }
  .ce-quote--image-right .ce-quote__col2 { display: table-footer-group; }
  .ce-quote--image-right .ce-quote__figure { padding-top: 20px; padding-left: 0; padding-right: 0; } }

@media (max-width: 600px) { .ce-quote__icon { top: 4px; } }

.ce-teaser--b16-4 { padding: 120px 60px 0; position: relative; }

.ce-teaser--b16-4 .ce-teaser__subline { color: #e40033; padding-right: 60px; padding-top: 10px; }

.ce-teaser--b16-4 .ce-teaser__headline { color: #006d72; padding-right: 60px; padding-top: 5px; }

.ce-teaser--b16-4 .ce-teaser__text { color: #555; padding-right: 60px; padding-top: 20px; }

.ce-teaser--b16-4 .ce-teaser__more { color: #e40033; display: block; padding-right: 60px; padding-top: 35px; padding-bottom: 35px; }

.ce-teaser--b16-4 .ce-teaser__more:before { content: "› "; }

.ce-teaser__image { display: block; max-width: 100%; height: auto; }

@media (max-width: 600px) { .ce-teaser--b16-4 { padding: 56px 10px 0; }
  .ce-teaser__subline { overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
  .ce-teaser__headline { overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
  .ce-teaser__text { overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } }

.rt { color: #555; }

.rt p { margin-bottom: 12px; }

.rt p + ul { margin-top: -12px; }

.rt a { text-decoration: underline; color: #006d72; }

.rt a:hover { color: #e40033; }

.rt ul, .rt ol { color: #555; padding: 15px; }

.rt ul li, .rt ol li { color: #555; }

.rt ul li { padding-left: 40px; text-indent: -16px; }

.rt ul li:before { content: "• "; color: #e40033; }

.rt ol { margin-left: 45px; padding-left: 5px; }

.rt ol li { padding-left: 5px; }

.rt .ce__embedded { margin: 40px 0; }

.g-green .rt a { color: #fff; }

.g-green .rt a:hover { color: #c4d4e2; }

.rt-additional { margin-bottom: 27px; }

.rt-additional a[href^="http://"]:not([href*="/wupperinst.org"]), .rt-additional a[href^="https://"]:not([href*="/wupperinst.org"]), .rt-additional a[href^="//"]:not([href*="/wupperinst.org"]), .rt-additional a[href*="/wupperinst.org"], .rt-additional a[href^="/"], .rt-additional a[href$=".pdf"], .rt-additional a[href$=".xls"], .rt-additional a[href$=".doc"], .rt-additional a[href$=".docx"], .rt-additional a[href$=".xslx"], .rt-additional a[href$=".zip"], .rt-additional__link-download, .rt-additional a[href^="mailto:"] { display: block; color: #555; padding-left: 20px; text-decoration: none; margin-bottom: 10px; }

.rt-additional a[href^="http://"]:not([href*="/wupperinst.org"]):hover, .rt-additional a[href^="https://"]:not([href*="/wupperinst.org"]):hover, .rt-additional a[href^="//"]:not([href*="/wupperinst.org"]):hover, .rt-additional a[href*="/wupperinst.org"]:hover, .rt-additional a[href^="/"]:hover, .rt-additional a[href$=".pdf"]:hover, .rt-additional a[href$=".xls"]:hover, .rt-additional a[href$=".doc"]:hover, .rt-additional a[href$=".docx"]:hover, .rt-additional a[href$=".xslx"]:hover, .rt-additional a[href$=".zip"]:hover, .rt-additional__link-download:hover, .rt-additional a[href^="mailto:"]:hover { color: #e40033; }

.rt-additional a[href^="http://"]:not([href*="/wupperinst.org"]), .rt-additional a[href^="https://"]:not([href*="/wupperinst.org"]), .rt-additional a[href^="//"]:not([href*="/wupperinst.org"]) { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKBAMAAAB/HNKOAAAAKlBMVEXjADP////4v8zzlqvjATTkDT3lDz/tWXrwc4/1orX60dr96+/zj6X2rr53SkakAAAAPElEQVR42mPIkmBgYGVgklZSZ2BgEhQ0KQCSws4KQNLEEEhKOgsCSdmJgjtAsoKCDDxKSkpaDAEMDAxsALSNBhcOIlvGAAAAAElFTkSuQmCC") no-repeat 0 5px; }

.rt-additional a[href*="/wupperinst.org"], .rt-additional a[href^="/"] { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAMCAIAAADONVt5AAAASElEQVR42mP4jwEY/v/79/vOY1Sh33+ecFq9y2gDysGE/v//sfcUsigDRAZZlAFuBFyUAdngT+3zHzMY41aFbhaGjVjcheF6ALxRuQ0yI2OyAAAAAElFTkSuQmCC") no-repeat 0 2px; }

.rt-additional a[href$=".pdf"], .rt-additional a[href$=".xls"], .rt-additional a[href$=".doc"], .rt-additional a[href$=".docx"], .rt-additional a[href$=".xslx"], .rt-additional a[href$=".zip"], .rt-additional__link-download { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKBAMAAAB/HNKOAAAAMFBMVEX////jADPzlqvtX3/4v8zjATTkDT3lDz/mGkjvb4zzj6X1obT1prj4wc3+9vj/+/xNTsrZAAAAO0lEQVR42mNgYJjJAALGcPK7gjFTPQNTkLGqAgODakcQA8M5JkGFNwyyDLsZLjJIubi4LGRIFBQUFAMAAEcKXQ0ELCIAAAAASUVORK5CYII=") no-repeat 0 5px !important; }

.rt-additional a[href^="mailto:"] { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAbklEQVR42mNgIBY8YTB+C8T/CeC3DFDGZyDeBcRyQCwJxSD2bqjcf5hCXyC+DMQ7gJgbindAxXyRFRoDsSAQHwXiE1B8BCpmjKIQ6l4uIN4AxZxQMUyFODyLonAdEM/CgdfBFOYCcT0BnEt0eAMAAp17eM/ac/AAAAAASUVORK5CYII=") no-repeat 0 5px; }

.rt-additional span.no-link { display: block; color: #555; padding-left: 20px; text-decoration: none; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAMCAYAAABBV8wuAAAAW0lEQVR42mNgoBN4xm+v8ITF7MhTdovfQProM0EHRbDEExbzI08YjP4D8W8wzWJ+DCzxlMPyN1iQyeQfkP71hNX8D7qOXyg6ngk4KIAkn7JZ/AHbIeSoREUvAAA42C+iqAc/XQAAAABJRU5ErkJggg==") no-repeat 0 2px; }

.rt-additional li { margin-bottom: 10px; }

.rt-additional li:last-child { margin-bottom: 0; }

/*
--- Scroller Block plus Elemente ---------------------------------
*/
.scroller { padding: 90px 0 0; }

.scroller__frame { overflow: hidden; }

.scroller__list { height: 100%; }

.scroller__list { *zoom: 1; }

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

.scroller__list:after { clear: both; }

.scroller__item { float: left; height: 100%; }

.scroller__bumper { background: #004c50; display: block; height: 4px; margin-bottom: 18px; margin-left: 5px; width: 60px; }

.scroller__headline { color: #004c50; }

.scroller__image { display: block; }

.scroller__scrollbar { background: #cfe6ee; border-radius: 4px; height: 10px; line-height: 0; padding: 2px; max-width: 1320px; margin-left: auto; margin-right: auto; }

.scroller__handle { background: #006d72; border-radius: 4px; cursor: pointer; height: 100%; min-width: 25px; max-width: 100%; }

.scroller__mousearea { position: absolute; top: -9px; left: 0; width: 100%; height: 20px; }

.scroller__button { margin-top: 40px; }

/*
--- Scroller Topic -----------------------------------------------
*/
.scroller--topic .scroller__frame { height: 247px; line-height: 247px; }

.scroller--topic .scroller__item { padding-right: 10px; width: 440px; }

.scroller--topic .scroller__image { width: 200px; height: 200px; background: #004c50; border-radius: 50%; -webkit-transition: -webkit-filter 300ms linear; transition: -webkit-filter 300ms linear; -o-transition: filter 300ms linear; transition: filter 300ms linear; transition: filter 300ms linear, -webkit-filter 300ms linear; }

.scroller--topic .scroller__image svg { max-width: 200px; max-height: 200px; }

.scroller--topic .scroller__image:hover svg #kreis * { fill: #cfe6ee; }

.scroller--topic .scroller__image:hover svg #icon * { fill: #004c50; }

.scroller--topic .scroller__headline { padding: 0 5px; }

/*
--- Scroller Logo -----------------------------------------------
*/
.scroller--logo .scroller__frame { height: 247px; line-height: 247px; }

.scroller--logo .scroller__item { padding-right: 10px; width: 320px; }

.scroller--logo .scroller__image { overflow: hidden; display: inline-block; text-align: center; width: 200px; height: 200px; line-height: 198px; background: #fff; border-radius: 50%; -webkit-transition: -webkit-filter 300ms linear; transition: -webkit-filter 300ms linear; -o-transition: filter 300ms linear; transition: filter 300ms linear; transition: filter 300ms linear, -webkit-filter 300ms linear; }

.scroller--logo .scroller__image img { vertical-align: middle; max-width: 90%; max-height: 90%; }

.scroller--logo .scroller__headline { padding: 0 5px; }

/*
--- Scroller Publikationen ---------------------------------------
*/
.scroller--publication .scroller__frame { height: 390px; line-height: 374px; }

.scroller--publication .scroller__item { padding-right: 50px; width: 330px; }

.scroller--publication .scroller__image-wrapper { height: 207px; display: table-cell; vertical-align: bottom; }

.scroller--publication .scroller__image { margin-bottom: 7px; }

.scroller--publication .scroller__image path { fill: #006d72; }

.scroller--publication img.scroller__image { border: 1px solid rgba(170, 170, 170, 0.9); }

.scroller--publication .scroller__headline { border-top: 1px solid rgba(170, 170, 170, 0.8); padding-top: 9px; }

.scroller--publication .scroller__subline { padding-top: 9px; }

.scroller--publication .scroller__link:hover .scroller__headline, .scroller--publication .scroller__link:hover .scroller__subline { color: #e40033; }

.scroller--publication .scroller__link:hover .scroller__image path { fill: #e40033; }

.scroller--publication.scroller--green .scroller__image { margin-bottom: 7px; }

.scroller--publication.scroller--green .scroller__image path { fill: #fff; }

.scroller--publication.scroller--green .scroller__link:hover .scroller__headline, .scroller--publication.scroller--green .scroller__link:hover .scroller__subline { color: #cfe6ee; }

.scroller--publication.scroller--green .scroller__link:hover .scroller__subline { text-decoration: underline; }

.scroller--publication.scroller--green .scroller__link:hover img.scroller__image { border: 1px solid #cfe6ee; }

.scroller--publication.scroller--green .scroller__link:hover .scroller__image path { fill: #cfe6ee; }

/*
--- Scroller Termine ---------------------------------------------
*/
.scroller--event { padding: 90px 60px; }

.scroller--event .scroller__frame { height: 350px; line-height: 350px; padding: 0 5px; }

.scroller--event .scroller__item { width: 330px; }

.scroller--event .scroller__item:hover .scroller__figure { background: #e7f2f6; }

.scroller--event .scroller__item:hover .scroller__arrow { border-top: 16px solid #e7f2f6; }

.scroller--event .scroller__item:hover .scroller__headline { color: #e40033; }

.scroller--event .scroller__item:hover .scroller__subline { color: #555; }

.scroller--event .scroller__subline { color: #555; margin-top: 10px; }

.scroller--event .scroller__item--wi .scroller__figure { background: #006d72 url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/icons/tile-wi.svg") no-repeat 0 0; }

.scroller--event .scroller__item--wi .scroller__arrow { border-top: 16px solid #006d72; }

.scroller--event .scroller__item--wi .scroller__headline { color: #fff; }

.scroller--event .scroller__item--wi .scroller__subline { color: #fff; }

.scroller--event .scroller__item--wi .scroller__date { color: #fff; }

.scroller--event .scroller__item--wi:hover .scroller__figure { background: #004c50 url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/icons/tile-wi-hover.svg") no-repeat 0 0; }

.scroller--event .scroller__item--wi:hover .scroller__arrow { border-top: 16px solid #004c50; }

.scroller--event .scroller__item--wi:hover .scroller__headline { color: #e7f2f6; }

.scroller--event .scroller__item--wi:hover .scroller__subline { color: #e7f2f6; }

.scroller--event .scroller__item--wi:hover .scroller__date { color: #e7f2f6; }

.scroller--event .scroller__figure { background: #cfe6ee; height: 320px; position: relative; padding: 20px; width: 320px; }

.scroller--event .scroller__arrow { border-left: 16px solid transparent; border-right: 16px solid transparent; border-top: 16px solid #cfe6ee; margin: 0 auto; width: 0; height: 0; }

.scroller--event .scroller__date { bottom: 15px; color: #004c50; position: absolute; }

.scroller--event .scroller__start, .scroller--event .scroller__end { font-family: "Gotham A", "Gotham B", Arial, sans-serif; font-style: normal; font-weight: 700; font-size: 40px; line-height: 34px; display: block; }

.scroller--event .button-group { padding-top: 40px; }

/*
--- Scroller Bilder ----------------------------------------------
*/
.scroller--picture { padding: 130px 0; }

.scroller--picture .scroller__frame { margin-bottom: 40px; }

.scroller--picture .scroller__item { display: block; float: left; }

.scroller--picture .scroller__link { display: block; padding-right: 10px; }

.scroller--picture .scroller__figure { display: table; }

.scroller--picture .scroller__image { height: 560px; width: auto; padding-bottom: 15px; border-bottom: 1px solid #c3c3c3; }

.scroller--picture .scroller__image img { width: auto; max-width: none; }

.scroller--picture .scroller__text { display: table-caption; width: 100%; caption-side: bottom; bottom: 0; color: #555; padding-top: 9px; }

@media (max-width: 600px) { .scroller--picture .scroller__image { height: 381px; }
  .scroller--picture .scroller__image img { height: 366px; } }

@media (min-width: 601px) and (max-width: 1100px) { .scroller--picture .scroller__image { height: 495px; }
  .scroller--picture .scroller__image img { height: 480px; } }

@media (min-width: 1101px) { .scroller--picture .scroller__image { height: 575px; }
  .scroller--picture .scroller__image img { height: 560px; } }

/*
--- Scoller mit grünem Hintergrund -------------------------------
*/
.scroller--green { background: #006d72; }

.scroller--green .scroller__bumper { background: #fff; }

.scroller--green .scroller__headline { color: #fff; }

.scroller--green .scroller__subline { color: #fff; }

.scroller--green .scroller__scrollbar { background: #004c50; }

.scroller--green .scroller__handle { background: #cfe6ee; }

.scroller--green .scroller__image { border-bottom: 1px solid #cfe6ee; }

.scroller--green .scroller__text { color: #fff; }

@media (min-width: 601px) { .scroller { padding: 40px 10px; } }

@media (max-width: 600px) { .scroller { padding: 30px 10px; }
  .scroller--topic .scroller__frame { height: 150px; line-height: 150px; }
  .scroller--topic .scroller__item { width: 265px; }
  .scroller--topic .scroller__image { width: 120px; height: 120px; }
  .scroller--topic .scroller__image svg { max-width: 120px; max-height: 120px; }
  .scroller--publikationen .scroller__image-wrapper { height: 147px; }
  .scroller--event .scroller__frame { height: 250px; line-height: 250px; }
  .scroller--event .scroller__item { width: 230px; }
  .scroller--event .scroller__figure { width: 220px; height: 220px; padding: 10px; }
  .scroller--event .scroller__item--wi .scroller__figure { background-size: contain; }
  .scroller--event .scroller__start, .scroller--event .scroller__end { font-size: 32px; line-height: 26px; } }

.slider { position: relative; margin: 40px 0; }

.slider__progressbar { position: absolute; bottom: 0; width: 125px; height: 4px; background: #aaa; }

.slider__bar { max-width: 100%; height: 100%; background: #000; }

.slider__next, .slider__prev { position: absolute; width: 60px; height: 100%; top: 0; cursor: pointer; z-index: 10; }

.slider__next { right: 0; }

.slider__prev { left: 0; }

.slider__icon { position: absolute; left: 50%; top: 50%; width: 44px; height: 44px; margin-top: -22px; margin-left: -22px; border-radius: 50px; opacity: 0.8; }

.slider__next .slider__icon { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/icons/icon-slider-next-grey.svg") center center no-repeat; background-size: 24px 24px; }

.slider__next:hover .slider__icon { background: #999 url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/icons/icon-slider-next-white.svg") center center no-repeat; background-size: 24px 24px; border: #999 solid 10px; }

.slider__prev .slider__icon { background: url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/icons/icon-slider-prev-grey.svg") center center no-repeat; background-size: 24px 24px; }

.slider__prev:hover .slider__icon { background: #999 url("/typo3conf/ext/wi_site/Resources/Public/Images/svg/icons/icon-slider-prev-white.svg") center center no-repeat; background-size: 24px 24px; border: #999 solid 10px; }

.slide { position: relative; margin: 0 60px; padding-top: 100px; }

.slide__headline { position: relative; letter-spacing: -6px; margin-left: 35%; z-index: 100; }

.slide__headline-part1 { color: #e40033; display: block; letter-spacing: -6px; margin-left: 65px; }

.slide__headline-part2 { color: #006d72; display: block; letter-spacing: -6px; mix-blend-mode: multiply; }

.slide__headline-part3 { color: #e40033; display: block; margin-left: 33px; mix-blend-mode: multiply; }

.slide__image img { display: block; width: 100%; height: auto; }

.slide__link::after { content: " ›"; color: #e40033; }

.slide__link:hover { color: #e40033; }

.owl-pagination { width: auto; height: 4px; position: absolute; bottom: 0; right: 10%; }

.owl-page { float: left; width: 24px; height: 100%; margin-left: 16px; background: #aaa; }

.owl-page.active { background: #e40033; }

@media screen and (min-width: 601px) { .slider__progressbar { left: 52%; }
  .slide__headline { position: absolute; top: 40px; left: 0; }
  .slide__headline-part1 { overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin-left: 40px; }
  .slide__headline-part2 { overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin-left: 10px; }
  .slide__headline-part3 { overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin-left: 24px; }
  .slide__image { width: 48%; float: left; }
  .slide__text-container { width: 48%; margin-left: 4%; float: left; }
  .slide__text { padding: 300px 150px 0 0; } }

@media screen and (max-width: 1100px) { .slide__text { padding: 130px 50px 0 0; }
  .owl-pagination { bottom: -10px; }
  .slider__progressbar { bottom: -10px; left: 3%; } }

@media screen and (max-width: 600px) { .owl-carousel { padding: 10px; }
  .slide { padding-top: 5px; margin: 20px 0; }
  .slide__headline { letter-spacing: -2px; margin-left: 0; position: relative; }
  .slide__headline-part1 { letter-spacing: -2px; margin-left: 7.5%; }
  .slide__headline-part2 { letter-spacing: -2px; margin-left: 0; }
  .slide__headline-part3 { letter-spacing: -2px; margin-left: 4%; }
  .slide__text { padding: 30px 0 0 0; }
  .owl-pagination { position: relative; right: 0; bottom: 0; height: auto; z-index: 20; }
  .owl-pagination { *zoom: 1; }
  .owl-pagination:before, .owl-pagination:after { content: ""; display: table; }
  .owl-pagination:after { clear: both; }
  .owl-page { height: 4px; padding: 4px; margin: 0 16px 16px 0; }
  .slider__progressbar { width: 100%; position: relative; left: 0; bottom: 0; } }

.table { margin: 0; position: relative; width: 100%; max-width: 100%; table-layout: fixed; word-wrap: break-word; border-spacing: 0; border-collapse: collapse; }

.table { *zoom: 1; }

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

.table:after { clear: both; }

.table__cell { color: #555; display: table-cell; padding: 15px; text-align: left; vertical-align: top; }

.table__cell--head { font-weight: bold; }

.table--border { border-top: 1px solid #555; }

.table--border .table__cell { border-bottom: 1px solid #555; }

.table--color-black { color: #000; }

.table--color-black.table--border { border-top: 1px solid #000; }

.table--color-black.table--border .table__cell { border-bottom: 1px solid #000; color: #000; }

.table--color-white { color: #fff; }

.table--color-white.table--border { border-top: 1px solid #fff; }

.table--color-white.table--border .table__cell { border-bottom: 1px solid #fff; color: #fff; }

.table--color-grey { color: #555; }

.table--color-grey.table--border { border-top: 1px solid #555; }

.table--color-grey.table--border .table__cell { border-bottom: 1px solid #555; color: #555; }

.table--background-green { background: #83b0b6; }

.table--background-blue { background: #cfe6ee; }

@media (max-width: 1100px) { .table__cell { padding: 10px; } }

@media (max-width: 600px) { .table { padding: 40px 0; display: block; }
  .table__cell { display: block; width: 100% !important; }
  .table--border { border: none !important; }
  .table--border .table__cell:not(:nth-child(4n)) { border: none !important; } }

.ext-article-detail__partner { max-width: 80%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 150px; }

.ext-contact-detail { padding: 40px 60px 50px; }

.ext-contact-detail__link-back { color: #555; display: block; line-height: 32px; }

.ext-contact-detail__icon { margin-right: 9px; vertical-align: middle; }

.ext-contact-detail__figure { *zoom: 1; }

.ext-contact-detail__figure:before, .ext-contact-detail__figure:after { content: ""; display: table; }

.ext-contact-detail__figure:after { clear: both; }

.ext-contact-detail__image { border-radius: 50%; margin-left: 10px; margin-top: 3px; }

.ext-contact-detail__text-wrapper { display: block; margin-left: 20px; }

.ext-contact-detail__headline { color: #e40033; padding-top: 7px; }

.ext-contact-detail__subline { color: #006d72; padding-top: 16px; }

.ext-contact-detail__text { color: #555; padding-top: 7px; }

.ext-contact-detail__phone { color: #000; display: block; padding-top: 40px; }

.ext-contact-detail__fax { color: #000; display: block; padding-top: 10px; }

.ext-contact-detail__mail { color: #000; display: block; padding-top: 10px; text-decoration: none; overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }

.ext-contact-detail__mail:hover { text-decoration: underline; }

.contact-description p strong, .contact-description p b { font-family: "Gotham A", "Gotham B", Arial, sans-serif; font-weight: 700; font-size: 20px; line-height: 24px; }

@media (max-width: 600px) { .contact-description p strong, .contact-description p b { font-size: 15px; line-height: 18px; } }

.g-extension .ce-headline4--green { padding-bottom: 50px; }

@media (max-width: 600px) { .ext-contact-detail { padding: 15px 10px 0; }
  .ext-contact-detail__image { margin-left: 5px; margin-top: 30px; max-width: 120px; height: auto; float: left; width: 47%; }
  .ext-contact-detail__text-wrapper { margin-left: 10px; }
  .ext-contact-detail__headline { overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; padding-top: 32px; }
  .ext-contact-detail__subline { overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; padding-top: 6px; }
  .ext-contact-detail__text { overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; padding-top: 4px; }
  .ext-contact-detail__mobile-text-wrapper { float: right; width: 53%; }
  .ext-contact-detail__phone { padding-top: 25px; }
  .ext-contact-detail__fax { padding-top: 3px; }
  .ext-contact-detail__mail { overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; padding-top: 3px; } }

.ext-list-event { padding: 42px 60px 0; position: relative; }

.ext-list-event__header { color: #555; padding-bottom: 10px; border-bottom: 1px solid #d4d4d4; margin-bottom: 16px; }

.ext-list-event__link { display: block; }

.ext-list-event__link:hover .ext-list-event__headline { color: #e40033; }

.ext-list-event__link:hover .ext-list-event__subline { color: #555; text-decoration: underline; }

.ext-list-event__date { color: #aaa; padding-top: 16px; }

.ext-list-event__date2 { display: block; line-height: 1rem; }

.ext-list-event__headline { color: #006d72; padding-top: 16px; }

.ext-list-event__subline { color: #555; padding-top: 10px; padding-bottom: 16px; }

.ext-list-event__divider { margin: 18px 0; }

@media (max-width: 600px) { .ext-list-event { padding: 22px 10px 0; }
  .ext-list-event__header { margin-bottom: 20px; }
  .ext-list-event__headline { overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; padding-top: 10px; }
  .ext-list-event__subline { overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; padding-top: 0; padding-bottom: 10px; }
  .ext-list-event__date { padding-top: 0; }
  .ext-list-event__date2 { display: inline; line-height: inherit; } }

.ext-list-jobs, .ext-list-search { padding: 42px 60px 0; position: relative; }

.ext-list-jobs__header, .ext-list-search__header { color: #555; padding-bottom: 10px; border-bottom: 1px solid #d4d4d4; margin-bottom: 16px; }

.ext-list-jobs__link, .ext-list-search__link { display: block; }

.ext-list-jobs__link:hover .ext-list-jobs__headline, .ext-list-search__link:hover .ext-list-jobs__headline { color: #e40033; }

.ext-list-jobs__link:hover .ext-list-jobs__subline, .ext-list-search__link:hover .ext-list-jobs__subline { color: #555; text-decoration: underline; }

.ext-list-jobs__headline, .ext-list-search__headline { color: #006d72; padding-top: 16px; }

.ext-list-jobs__subline, .ext-list-search__subline { color: #555; padding-top: 10px; padding-bottom: 16px; }

.ext-list-jobs__divider, .ext-list-search__divider { margin: 18px 0; }

.ext-list-search { padding: 0; }

.ext-list-search .hit { color: #e40033; font-weight: inherit !important; }

.ext-list-jobs--green { background: #006d72; padding-bottom: 90px; }

.ext-list-jobs--green .font--r1, .ext-list-jobs--green .font--h5, .ext-list-jobs--green .font--p3, .ext-list-jobs--green .picker { color: #fff; }

.ext-list-jobs--green .ext-list-jobs__link:hover .ext-list-jobs__headline { color: #c4d4e2; }

.ext-list-jobs--green .ext-list-jobs__link:hover .ext-list-jobs__subline { color: #adc0c5; text-decoration: underline; }

@media (max-width: 600px) { .ext-list-jobs, .ext-list-search { padding: 22px 10px 0; }
  .ext-list-jobs__header, .ext-list-search__header { margin-bottom: 20px; }
  .ext-list-jobs__headline, .ext-list-search__headline { overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; padding-top: 10px; }
  .ext-list-jobs__subline, .ext-list-search__subline { overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; padding-top: 0; padding-bottom: 10px; } }

.tx-kesearch-pi1 { margin: 0 60px; }

.tx-kesearch-pi1 { *zoom: 1; }

.tx-kesearch-pi1:before, .tx-kesearch-pi1:after { content: ""; display: table; }

.tx-kesearch-pi1:after { clear: both; }

.tx-kesearch-pi1 #kesearch_filters { *zoom: 1; }

.tx-kesearch-pi1 #kesearch_filters:before, .tx-kesearch-pi1 #kesearch_filters:after { content: ""; display: table; }

.tx-kesearch-pi1 #kesearch_filters:after { clear: both; }

.tx-kesearch-pi1 p { color: #555; font-family: "Gotham A", "Gotham B", Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px; padding-top: 10px; padding-bottom: 16px; }

.tx-kesearch-pi1 input[type='text'], .tx-kesearch-pi1 select { display: block; width: 100%; height: 34px; padding: 6px 12px; margin-bottom: 20px !important; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; }

.tx-kesearch-pi1 input[type='text'], .tx-kesearch-pi1 select { border-color: #999; outline: 0; }

.tx-kesearch-pi1 input[type='text'], .tx-kesearch-pi1 select::-moz-placeholder { color: #999; opacity: 1; }

.tx-kesearch-pi1 input[type='text'], .tx-kesearch-pi1 select:-ms-input-placeholder { color: #999; }

.tx-kesearch-pi1 input[type='text'], .tx-kesearch-pi1 select::-webkit-input-placeholder { color: #999; }

.tx-kesearch-pi1 input[type='text'], .tx-kesearch-pi1 select::-ms-expand { border: 0; background-color: transparent; }

.tx-kesearch-pi1 .button-group { display: block; }

.tx-kesearch-pi1 .button-group a, .tx-kesearch-pi1 .button-group input[type="submit"] { margin: 0 15px 15px 0; }

.tx-kesearch-pi1 input[type="reset"], .tx-kesearch-pi1 input[type="submit"], .tx-kesearch-pi1 input[type="button"] { font-family: "Gotham A", "Gotham B", Arial, sans-serif; font-style: normal; font-weight: 700; font-size: 16px; line-height: 20px; padding: 6px 52px; background: #e40033; border: 1px solid #e40033; color: #fff; width: auto; cursor: pointer; display: inline-block; text-align: center; vertical-align: middle; white-space: nowrap; margin-bottom: 0; }

.tx-kesearch-pi1 input[type="reset"]:hover, .tx-kesearch-pi1 input[type="submit"]:hover, .tx-kesearch-pi1 input[type="button"]:hover { background: #fff; color: #e40033; }

.tx-kesearch-pi1 .kesearch_pagebrowser { *zoom: 1; }

.tx-kesearch-pi1 .kesearch_pagebrowser:before, .tx-kesearch-pi1 .kesearch_pagebrowser:after { content: ""; display: table; }

.tx-kesearch-pi1 .kesearch_pagebrowser:after { clear: both; }

.tx-kesearch-pi1 .kesearch_pagebrowser a { padding: 6px 16px; margin: 0 10px 10px 0; display: block; background: #e40033; border: 1px solid #e40033; color: #fff; float: left; }

.tx-kesearch-pi1 .kesearch_pagebrowser a.current, .tx-kesearch-pi1 .kesearch_pagebrowser a:hover { color: #e40033; background: #fff; }

@media (max-width: 600px) { .tx-kesearch-pi1 { margin: 0 10px; font-size: 12px; }
  .tx-kesearch-pi1 .date_filter { float: none; margin-right: 0; width: 100%; }
  .tx-kesearch-pi1 input[type="reset"], .tx-kesearch-pi1 input[type="submit"] { width: 100%; }
  .tx-kesearch-pi1 .button-group a { width: 100%; float: none; margin-right: 0; } }

.picker__select--year, .picker__select--month { display: inline-block !important; }

.picker__select--year { width: 22.5% !important; }

.picker__select--month { width: 35% !important; }

#kesearch_filters .grid-col-md-4 { padding: 15px; }

@media (max-width: 600px) { #kesearch_filters .grid-col-md-4 { padding: 0; } }

#kesearch_filters .grid-col-md-4:nth-child(3n-2) { padding-left: 0; }

@media (max-width: 600px) { #kesearch_filters .grid-col-md-4:nth-child(3n-2) { padding: 0; } }

#kesearch_filters .grid-col-md-4:nth-child(3n) { padding-right: 0; }

@media (max-width: 600px) { #kesearch_filters .grid-col-md-4:nth-child(3n) { padding: 0; } }

.kesearchbox-suche .button-group { float: right; }

.kesearchbox-suche .button-group button { background: none; border: none; font-size: 20px; }

.kesearchbox-suche .button-group a { background: none; border: none; font-size: 20px; margin: 0; }

.kesearchbox-suche .button-group a .svg-icon, .kesearchbox-suche .button-group a .navigation--view .navigation__icon, .navigation--view .kesearchbox-suche .button-group a .navigation__icon { height: 30px; width: 30px; }

.opustext { font-family: "CharterITCPro-Regular", Georgia, serif; color: #555; margin-bottom: 20px; }

.js-loading-icon { display: none; }

.sk-fading-circle { margin: 0 auto; width: 20px; height: 20px; position: relative; }

.sk-fading-circle .sk-circle { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

.sk-fading-circle .sk-circle:before { content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: #fff; border-radius: 100%; -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; }

a:hover .sk-fading-circle .sk-circle:before { background-color: #e40033; }

.sk-fading-circle .sk-circle2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); }

.sk-fading-circle .sk-circle3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); }

.sk-fading-circle .sk-circle4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

.sk-fading-circle .sk-circle5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); }

.sk-fading-circle .sk-circle6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); }

.sk-fading-circle .sk-circle7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.sk-fading-circle .sk-circle8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); }

.sk-fading-circle .sk-circle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); }

.sk-fading-circle .sk-circle10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }

.sk-fading-circle .sk-circle11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); }

.sk-fading-circle .sk-circle12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); }

.sk-fading-circle .sk-circle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }

.sk-fading-circle .sk-circle3:before { -webkit-animation-delay: -1s; animation-delay: -1s; }

.sk-fading-circle .sk-circle4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }

.sk-fading-circle .sk-circle5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }

.sk-fading-circle .sk-circle6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; }

.sk-fading-circle .sk-circle7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; }

.sk-fading-circle .sk-circle8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; }

.sk-fading-circle .sk-circle9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; }

.sk-fading-circle .sk-circle10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; }

.sk-fading-circle .sk-circle11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; }

.sk-fading-circle .sk-circle12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; }

@-webkit-keyframes sk-circleFadeDelay { 0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; } }

@keyframes sk-circleFadeDelay { 0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; } }

.ext-title-news { padding: 40px 60px 0; }

.ext-title-news { *zoom: 1; }

.ext-title-news:before, .ext-title-news:after { content: ""; display: table; }

.ext-title-news:after { clear: both; }

.ext-title-news__link-back { color: #555; display: block; line-height: 32px; }

.ext-title-news__icon { margin-right: 9px; vertical-align: middle; }

.ext-title-news__headline { color: #e40033; }

.ext-title-news__subline { color: #006d72; padding-top: 12px; padding-bottom: 20px; }

.ext-title-news__figure { text-align: center; }

.ext-title-news__image { border-radius: 50%; display: inline-block; max-height: 200px; width: auto; }

@media (max-width: 600px) { .ext-title-news { padding: 15px 10px 0; }
  .ext-title-news__figure { text-align: right; }
  .ext-title-news__image { max-height: 120px; }
  .ext-title-news__headline { overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; padding-top: 32px; }
  .ext-title-news__subline { overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; padding-top: 11px; }
  .ext-title-news__text-wrapper { margin-left: 10px; } }

.ext-list-news { padding: 42px 60px 0 60px; position: relative; }

.ext-list-news__header { color: #555; padding-bottom: 10px; border-bottom: 1px solid #d4d4d4; margin-bottom: 16px; }

.ext-list-news__date { color: #aaa; padding-top: 16px; }

.ext-list-news__date2 { display: block; line-height: 1rem; }

.ext-list-news__headline { color: #006d72; padding-top: 16px; }

.ext-list-news__subline { color: #555; padding-top: 10px; }

.ext-list-news__divider { margin: 17px 0; }

.ext-list-news__image { width: 180px; max-width: 100%; }

.ext-list-news__link { display: block; }

.ext-list-news__link:hover .ext-list-news__headline { color: #e40033; }

.ext-list-news__link:hover .ext-list-news__subline { color: #555; text-decoration: underline; }

.ext-list-news--green { background: #006d72; }

.ext-list-news--green .ext-list-news__header, .ext-list-news--green .ext-list-news__headline, .ext-list-news--green .ext-list-news__subline, .ext-list-news--green .ext-list-news__link, .ext-list-news--green .ext-list-news__date { color: #fff; }

.ext-list-news--green .ext-list-news__link:hover .ext-list-news__headline { color: #c4d4e2; }

.ext-list-news--green .ext-list-news__link:hover .ext-list-news__date { color: #c4d4e2; }

.ext-list-news--green .ext-list-news__link:hover .ext-list-news__subline { color: #adc0c5; text-decoration: underline; }

@media (max-width: 600px) { .ext-list-news { padding: 22px 10px 0; }
  .ext-list-news__image { max-height: 86px; width: auto; }
  .ext-list-news__header { margin-bottom: 30px; }
  .ext-list-news__headline { overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
  .ext-list-news__subline { overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; padding-top: 0; padding-bottom: 10px; } }

.ext-project { padding: 40px 60px 0; }

.ext-project { *zoom: 1; }

.ext-project:before, .ext-project:after { content: ""; display: table; }

.ext-project:after { clear: both; }

.ext-project__link-back { color: #555; display: block; line-height: 32px; }

.ext-project__icon { margin-right: 9px; vertical-align: middle; }

.ext-project__headline { color: #e40033; }

.ext-project__subline { color: #006d72; padding-top: 12px; padding-bottom: 20px; }

.ext-project__image { float: right; margin-top: 30px; margin-bottom: 30px; width: auto; }

@media (max-width: 600px) { .ext-project { padding: 15px 10px 0; }
  .ext-project__image { float: none; }
  .ext-project__text-wrapper { margin-left: 10px; }
  .ext-project__headline { overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; padding-top: 32px; }
  .ext-project__subline { overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; padding-top: 11px; } }

.ext-list-project { padding: 65px 60px 0; }

.ext-list-project__header { color: #555; padding-bottom: 10px; border-bottom: 1px solid #d4d4d4; margin-bottom: 16px; }

.ext-list-project__item { padding-bottom: 10px; }

.ext-list-project__link { color: #006d72; }

.ext-list-project__link:hover { color: #e40033; }

.ext-list-project__text { padding-top: 4px; padding-bottom: 16px; }

.ext-list-project--button { padding-top: 10px; }

.ext-list-project--green { background: #006d72; color: #fff; }

.ext-list-project--green .ext-list-project__header { color: #fff; }

.ext-list-project--green .ext-list-project__link { color: #fff; }

.ext-list-project--green .ext-list-project__link:hover .ext-list-project__headline { color: #c4d4e2; }

.ext-list-project--green .ext-list-project__link:hover .ext-list-project__text { color: #adc0c5; text-decoration: underline; }

@media (max-width: 600px) { .ext-list-project { padding: 45px 10px 0; }
  .ext-list-project__item { padding-bottom: 8px; }
  .ext-list-project__headline, .ext-list-project__text { overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
  .ext-list-project__text { padding-top: 0; padding-bottom: 16px; } }

.ext-publikation-detail { margin: 0 60px; position: relative; }

.ext-publikation-detail { *zoom: 1; }

.ext-publikation-detail:before, .ext-publikation-detail:after { content: ""; display: table; }

.ext-publikation-detail:after { clear: both; }

.ext-publikation-detail__author { line-height: 100%; }

.ext-publikation-detail__headline { color: #e40033; padding-top: 10px; }

.ext-publikation-detail__subline { color: #006d72; }

.ext-publikation-detail__wrapper { padding-top: 6px; }

.ext-publikation-detail__p { padding-top: 8px; }

.ext-publikation-detail__h { padding-top: 36px; }

.ext-publikation-detail__link--external { color: #555; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKBAMAAAB/HNKOAAAAKlBMVEXjADP////4v8zzlqvjATTkDT3lDz/tWXrwc4/1orX60dr96+/zj6X2rr53SkakAAAAPElEQVR42mPIkmBgYGVgklZSZ2BgEhQ0KQCSws4KQNLEEEhKOgsCSdmJgjtAsoKCDDxKSkpaDAEMDAxsALSNBhcOIlvGAAAAAElFTkSuQmCC") no-repeat 0 5px; padding-left: 16px; text-decoration: none; }

.ext-publikation-detail__link--external:hover { color: #e40033; }

@media (min-width: 601px) { .ext-publikation-detail__image { max-width: 90%; } }

@media (max-width: 600px) { .ext-publikation-detail { margin: 40px 10px 0; } }

.ext-list-publication { padding: 42px 60px 0; position: relative; }

.ext-list-publication__header { color: #555; padding-bottom: 10px; border-bottom: 1px solid #d4d4d4; margin-bottom: 16px; }

.ext-list-publication__number { color: #aaa; padding-top: 16px; }

.ext-list-publication__date { display: block; line-height: 1rem; }

.ext-list-publication__headline { color: #006d72; padding-top: 16px; }

.ext-list-publication__subline { color: #555; padding-top: 10px; padding-bottom: 16px; }

.ext-list-publication__divider { margin: 18px 0; }

.ext-list-publication__link { display: block; }

.ext-list-publication__link:hover .ext-list-publication__headline { color: #e40033; }

.ext-list-publication__link:hover .ext-list-publication__subline { color: #555; text-decoration: underline; }

.ext-list-publication--green { background: #006d72; }

.ext-list-publication--green .ext-list-publication__header, .ext-list-publication--green .ext-list-publication__headline, .ext-list-publication--green .ext-list-publication__subline, .ext-list-publication--green .ext-list-publication__link, .ext-list-publication--green .ext-list-publication__date, .ext-list-publication--green .ext-list-publication__number { color: #fff; }

.ext-list-publication--green .ext-list-publication__link:hover .ext-list-publication__headline, .ext-list-publication--green .ext-list-publication__link:hover .ext-list-publication__date, .ext-list-publication--green .ext-list-publication__link:hover .ext-list-publication__number { color: #c4d4e2; }

.ext-list-publication--green .ext-list-publication__link:hover .ext-list-publication__subline { color: #adc0c5; text-decoration: underline; }

@media (max-width: 600px) { .ext-list-publication { padding: 22px 10px 0; }
  .ext-list-publication__header { margin-bottom: 20px; }
  .ext-list-publication__headline { overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; padding-top: 10px; }
  .ext-list-publication__subline { overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; padding-top: 0; padding-bottom: 10px; }
  .ext-list-publication__number { padding-top: 0; }
  .ext-list-publication__date { display: inline; line-height: inherit; }
  .ext-list-publication__date:before { content: ", "; } }

.ext-publikation-tile { padding: 25px 60px 0; }

.ext-publikation-tile__list { *zoom: 1; }

.ext-publikation-tile__list:before, .ext-publikation-tile__list:after { content: ""; display: table; }

.ext-publikation-tile__list:after { clear: both; }

.ext-publikation-tile__item { float: left; width: 25%; height: 340px; }

.ext-publikation-tile__image-wrapper { height: 207px; display: table-cell; vertical-align: bottom; }

.ext-publikation-tile__figure { padding-right: 50px; padding-bottom: 15px; }

.ext-publikation-tile__headline { border-top: 1px solid #aaa; margin-top: 7px; padding-top: 10px; max-height: 72px; overflow: hidden; }

.ext-publikation-tile__subline { max-height: 40px; overflow: hidden; }

.ext-publikation-tile__list { *zoom: 1; }

.ext-publikation-tile__list:before, .ext-publikation-tile__list:after { content: ""; display: table; }

.ext-publikation-tile__list:after { clear: both; }

.ext-publikation-tile__item { float: left; width: 25%; max-height: 340px; }

.ext-publikation-tile__image-wrapper { height: 207px; display: table-cell; vertical-align: bottom; }

.ext-publikation-tile__figure { padding-right: 50px; padding-bottom: 15px; }

.ext-publikation-tile__headline { border-top: 1px solid #aaa; margin-top: 7px; padding-top: 10px; max-height: 72px; overflow: hidden; }

.ext-publikation-tile__subline { max-height: 40px; overflow: hidden; }

.ext-publikation-tile__link { display: block; }

.ext-publikation-tile__link:hover .ext-publikation-tile__headline { color: #e40033; }

.ext-publikation-tile__link:hover .ext-publikation-tile__subline { color: #555; text-decoration: underline; }

@media (max-width: 1100px) { .ext-publikation-tile__item { width: 50%; } }

@media (max-width: 600px) { .ext-publikation-tile { padding: 25px 10px 0; max-height: none; }
  .ext-publikation-tile__figure { padding-bottom: 30px; }
  .ext-publikation-tile__headline, .ext-publikation-tile__subline { overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
  .ext-publikation-tile__item { width: 100%; }
  .ext-publikation-tile__image-wrapper { height: auto; }
  .ext-publikation-tile__image { max-width: 160px; width: auto; } }

.ext-contact { padding: 20px 60px 0 60px; }

.ext-contact { *zoom: 1; }

.ext-contact:before, .ext-contact:after { content: ""; display: table; }

.ext-contact:after { clear: both; }

.ext-contact__collapse-headline { margin-bottom: 27px; }

.ext-contact__header { color: #4e4e4e; display: block; padding-bottom: 11px; border-bottom: 1px solid #aaa; margin-bottom: 11px; }

.ext-contact__card { overflow: hidden; position: relative; margin-right: 10px; margin-bottom: 10px; }

.ext-contact__card:hover .ext-contact__headline, .ext-contact__card--active .ext-contact__headline { color: #e40033; }

.ext-contact__card:hover .ext-contact__info, .ext-contact__card--active .ext-contact__info { display: block; }

.ext-contact__figure { background: #cfe6ee; display: block; height: 320px; overflow: hidden; position: relative; }

.ext-contact__image { display: block; max-width: none; position: absolute; top: -9999px; bottom: -9999px; left: -9999px; right: -9999px; margin: auto; min-height: 100%; min-width: 100%; }

.ext-contact__info { position: relative; display: none; height: 100%; width: 100%; background: rgba(0, 109, 114, 0.7); color: #fff; }

.ext-contact__info span { display: inline-block; }

.ext-contact__text { position: absolute; left: 0; bottom: 0; width: 100%; padding: 20px; }

.ext-contact__headline, .ext-contact__subline { padding-right: 10px; }

.ext-contact__link:hover { color: #e40033; }

.ext-contact__more:before { content: " ›"; padding-right: 5px; font-weight: bold; }

.ext-contact__subline { color: #555; min-height: 80px; }

.ext-contact__grouped-list { margin-bottom: 22px; }

.ext-contact-short { padding-bottom: 0; }

.ext-contact-short__header { margin-bottom: 10px; }

.ext-contact-short__body { margin-bottom: 15px; }

.ext-contact-short__body p { margin-bottom: 5px; }

@media (max-width: 600px) { .ext-contact { padding: 0 10px 30px 10px; }
  .ext-contact__header { padding-top: 0; }
  .ext-contact__figure { height: 240px; }
  .ext-contact .grid { margin-bottom: 30px; }
  .ext-contact__subline { min-height: 0; margin-bottom: 30px; }
  .ext-contact__subline:last-child { margin-bottom: 0; } }

/*-------------------------------------*\ HINT.css - A CSS tooltip library \*-------------------------------------*/
/** HINT.css is a tooltip library made in pure CSS. Source: https://github.com/chinchang/hint.css Demo: http://kushagragour.in/lab/hint/ Release under The MIT License */
/** source: hint-core.scss Defines the basic styling for the tooltip. Each tooltip is made of 2 parts: 1) body (:after) 2) arrow (:before) Classes added: 1) hint */
[data-hint] { position: relative; display: inline-block; /** tooltip arrow */ /** tooltip body */ }

[data-hint]:before, [data-hint]:after { position: absolute; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: hidden; opacity: 0; z-index: 1000000; pointer-events: none; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; -webkit-transition-delay: 0ms; -o-transition-delay: 0ms; transition-delay: 0ms; }

[data-hint]:hover:before, [data-hint]:hover:after { visibility: visible; opacity: 1; }

[data-hint]:hover:before, [data-hint]:hover:after { -webkit-transition-delay: 100ms; -o-transition-delay: 100ms; transition-delay: 100ms; }

[data-hint]:before { content: ''; position: absolute; background: transparent; border: 6px solid transparent; z-index: 1000001; }

[data-hint]:after { content: attr(data-hint); background: #383838; color: white; padding: 7px 11px; font-size: 12px; line-height: 12px; white-space: nowrap; }

[data-hint='']:before, [data-hint='']:after { display: none !important; }

/** source: hint-position.scss Defines the positoning logic for the tooltips. Classes added: 1) hint--top 2) hint--bottom 3) hint--left 4) hint--right */
/** set default color for tooltip arrows */
.hint--top-left:before { border-top-color: #383838; }

.hint--top-right:before { border-top-color: #383838; }

.hint--top:before { border-top-color: #383838; }

.hint--bottom-left:before { border-bottom-color: #383838; }

.hint--bottom-right:before { border-bottom-color: #383838; }

.hint--bottom:before { border-bottom-color: #383838; }

.hint--left:before { border-left-color: #383838; }

.hint--right:before { border-right-color: #383838; }

/** top tooltip */
.hint--top:before { margin-bottom: -12px; }

.hint--top:before, .hint--top:after { bottom: 100%; left: 50%; }

.hint--top:after, .hint--top:before { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.hint--top:hover:after, .hint--top:hover:before, .hint--top:focus:after, .hint--top:focus:before { -webkit-transform: translateX(-50%) translateY(-8px); -ms-transform: translateX(-50%) translateY(-8px); transform: translateX(-50%) translateY(-8px); }

/** bottom tooltip */
.hint--bottom:before { margin-top: -12px; }

.hint--bottom:before, .hint--bottom:after { top: 100%; left: 50%; }

.hint--bottom:after, .hint--bottom:before { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.hint--bottom:hover:after, .hint--bottom:hover:before, .hint--bottom:focus:after, .hint--bottom:focus:before { -webkit-transform: translateX(-50%) translateY(8px); -ms-transform: translateX(-50%) translateY(8px); transform: translateX(-50%) translateY(8px); }

/** right tooltip */
.hint--right:before { margin-left: -12px; margin-bottom: -6px; }

.hint--right:after { margin-bottom: -13px; }

.hint--right:before, .hint--right:after { left: 100%; bottom: 50%; }

.hint--right:hover:after, .hint--right:hover:before, .hint--right:focus:after, .hint--right:focus:before { -webkit-transform: translateX(8px); -ms-transform: translateX(8px); transform: translateX(8px); }

/** left tooltip */
.hint--left:before { margin-right: -12px; margin-bottom: -6px; }

.hint--left:after { margin-bottom: -13px; }

.hint--left:before, .hint--left:after { right: 100%; bottom: 50%; }

.hint--left:hover:after, .hint--left:hover:before, .hint--left:focus:after, .hint--left:focus:before { -webkit-transform: translateX(-8px); -ms-transform: translateX(-8px); transform: translateX(-8px); }

/** top-left tooltip */
.hint--top-left:before { margin-bottom: -12px; }

.hint--top-left:before, .hint--top-left:after { bottom: 100%; left: 50%; }

.hint--top-left:after, .hint--top-left:before { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); }

.hint--top-left:after { margin-left: 6px; }

.hint--top-left:hover:after, .hint--top-left:hover:before, .hint--top-left:focus:after, .hint--top-left:focus:before { -webkit-transform: translateX(-100%) translateY(-8px); -ms-transform: translateX(-100%) translateY(-8px); transform: translateX(-100%) translateY(-8px); }

/** top-right tooltip */
.hint--top-right:before { margin-bottom: -12px; }

.hint--top-right:before, .hint--top-right:after { bottom: 100%; left: 50%; }

.hint--top-right:after, .hint--top-right:before { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

.hint--top-right:after { margin-left: -6px; }

.hint--top-right:hover:after, .hint--top-right:hover:before, .hint--top-right:focus:after, .hint--top-right:focus:before { -webkit-transform: translateY(-8px); -ms-transform: translateY(-8px); transform: translateY(-8px); }

/** bottom-left tooltip */
.hint--bottom-left:before { margin-top: -12px; }

.hint--bottom-left:before, .hint--bottom-left:after { top: 100%; left: 50%; }

.hint--bottom-left:after, .hint--bottom-left:before { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); }

.hint--bottom-left:after { margin-left: 6px; }

.hint--bottom-left:hover:after, .hint--bottom-left:hover:before, .hint--bottom-left:focus:after, .hint--bottom-left:focus:before { -webkit-transform: translateX(-100%) translateY(8px); -ms-transform: translateX(-100%) translateY(8px); transform: translateX(-100%) translateY(8px); }

/** bottom-right tooltip */
.hint--bottom-right:before { margin-top: -12px; }

.hint--bottom-right:before, .hint--bottom-right:after { top: 100%; left: 50%; }

.hint--bottom-right:after, .hint--bottom-right:before { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

.hint--bottom-right:after { margin-left: -6px; }

.hint--bottom-right:hover:after, .hint--bottom-right:hover:before, .hint--bottom-right:focus:after, .hint--bottom-right:focus:before { -webkit-transform: translateY(8px); -ms-transform: translateY(8px); transform: translateY(8px); }

/** source: hint-always.scss Defines a persisted tooltip which shows always. Classes added: 1) hint--always */
.hint--always:after, .hint--always:before { opacity: 1; visibility: visible; }

.hint--always.hint--top:after, .hint--always.hint--top:before { -webkit-transform: translateX(-50%) translateY(-8px); -ms-transform: translateX(-50%) translateY(-8px); transform: translateX(-50%) translateY(-8px); }

.hint--always.hint--top-left:after, .hint--always.hint--top-left:before { -webkit-transform: translateX(-100%) translateY(-8px); -ms-transform: translateX(-100%) translateY(-8px); transform: translateX(-100%) translateY(-8px); }

.hint--always.hint--top-right:after, .hint--always.hint--top-right:before { -webkit-transform: translateY(-8px); -ms-transform: translateY(-8px); transform: translateY(-8px); }

.hint--always.hint--bottom:after, .hint--always.hint--bottom:before { -webkit-transform: translateX(-50%) translateY(8px); -ms-transform: translateX(-50%) translateY(8px); transform: translateX(-50%) translateY(8px); }

.hint--always.hint--bottom-left:after, .hint--always.hint--bottom-left:before { -webkit-transform: translateX(-100%) translateY(8px); -ms-transform: translateX(-100%) translateY(8px); transform: translateX(-100%) translateY(8px); }

.hint--always.hint--bottom-right:after, .hint--always.hint--bottom-right:before { -webkit-transform: translateY(8px); -ms-transform: translateY(8px); transform: translateY(8px); }

.hint--always.hint--left:after, .hint--always.hint--left:before { -webkit-transform: translateX(-8px); -ms-transform: translateX(-8px); transform: translateX(-8px); }

.hint--always.hint--right:after, .hint--always.hint--right:before { -webkit-transform: translateX(8px); -ms-transform: translateX(8px); transform: translateX(8px); }

/** source: hint-color-types.scss Contains tooltips of various types based on color differences. Classes added: 1) hint--error 2) hint--warning 3) hint--info 4) hint--success */
/** Error */
.hint--error:after { background-color: #b34e4d; text-shadow: 0 -1px 0px #b34e4d; }

.hint--error.hint--top-left:before { border-top-color: #b34e4d; }

.hint--error.hint--top-right:before { border-top-color: #b34e4d; }

.hint--error.hint--top:before { border-top-color: #b34e4d; }

.hint--error.hint--bottom-left:before { border-bottom-color: #b34e4d; }

.hint--error.hint--bottom-right:before { border-bottom-color: #b34e4d; }

.hint--error.hint--bottom:before { border-bottom-color: #b34e4d; }

.hint--error.hint--left:before { border-left-color: #b34e4d; }

.hint--error.hint--right:before { border-right-color: #b34e4d; }

/** Warning */
.hint--warning:after { background-color: #c09854; text-shadow: 0 -1px 0px #c09854; }

.hint--warning.hint--top-left:before { border-top-color: #c09854; }

.hint--warning.hint--top-right:before { border-top-color: #c09854; }

.hint--warning.hint--top:before { border-top-color: #c09854; }

.hint--warning.hint--bottom-left:before { border-bottom-color: #c09854; }

.hint--warning.hint--bottom-right:before { border-bottom-color: #c09854; }

.hint--warning.hint--bottom:before { border-bottom-color: #c09854; }

.hint--warning.hint--left:before { border-left-color: #c09854; }

.hint--warning.hint--right:before { border-right-color: #c09854; }

/** Info */
.hint--info:after { background-color: #3986ac; text-shadow: 0 -1px 0px #3986ac; }

.hint--info.hint--top-left:before { border-top-color: #3986ac; }

.hint--info.hint--top-right:before { border-top-color: #3986ac; }

.hint--info.hint--top:before { border-top-color: #3986ac; }

.hint--info.hint--bottom-left:before { border-bottom-color: #3986ac; }

.hint--info.hint--bottom-right:before { border-bottom-color: #3986ac; }

.hint--info.hint--bottom:before { border-bottom-color: #3986ac; }

.hint--info.hint--left:before { border-left-color: #3986ac; }

.hint--info.hint--right:before { border-right-color: #3986ac; }

/** Success */
.hint--success:after { background-color: #458746; text-shadow: 0 -1px 0px #458746; }

.hint--success.hint--top-left:before { border-top-color: #458746; }

.hint--success.hint--top-right:before { border-top-color: #458746; }

.hint--success.hint--top:before { border-top-color: #458746; }

.hint--success.hint--bottom-left:before { border-bottom-color: #458746; }

.hint--success.hint--bottom-right:before { border-bottom-color: #458746; }

.hint--success.hint--bottom:before { border-bottom-color: #458746; }

.hint--success.hint--left:before { border-left-color: #458746; }

.hint--success.hint--right:before { border-right-color: #458746; }

.hint--wi { font-family: "Gotham A", "Gotham B", Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 12px; line-height: 14px; font-weight: normal; }

.hint--wi:after { background-color: #e40033; text-shadow: 0 -1px 0px #e40033; }

.hint--wi.hint--top-left:before { border-top-color: #e40033; }

.hint--wi.hint--top-right:before { border-top-color: #e40033; }

.hint--wi.hint--top:before { border-top-color: #e40033; }

.hint--wi.hint--bottom-left:before { border-bottom-color: #e40033; }

.hint--wi.hint--bottom-right:before { border-bottom-color: #e40033; }

.hint--wi.hint--bottom:before { border-bottom-color: #e40033; }

.hint--wi.hint--left:before { border-left-color: #e40033; }

.hint--wi.hint--right:before { border-right-color: #e40033; }

/* Core Owl Carousel CSS File v1.3.3 */
/* clearfix */
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

/* display none until init */
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }

.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }

.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }

.owl-carousel .owl-item { float: left; }

.owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; }

.owl-controls { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/* mouse grab icon */
.grabbing { cursor: url("../Images/grabbing.png") 8 8, move; }

/* fix */
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }

/* ========================================================================== $BASE-DATE-PICKER ========================================================================== */
/** The picker box. */
.picker__box { padding: 0 1em; }

/** The header containing the month and year stuff. */
.picker__header { text-align: center; position: relative; margin-top: .75em; }

/** The month and year labels. */
.picker__month, .picker__year { font-weight: 500; display: inline-block; margin-left: .25em; margin-right: .25em; }

.picker__year { color: #aaa; font-size: .8em; font-style: italic; }

/** The month and year selectors. */
.picker__select--month, .picker__select--year { border: 1px solid #b7b7b7; height: 2em; padding: .5em; margin-left: .25em; margin-right: .25em; }

@media (min-width: 24.5em) { .picker__select--month, .picker__select--year { margin-top: -0.5em; } }

.picker__select--month { width: 35%; }

.picker__select--year { width: 22.5%; }

.picker__select--month:focus, .picker__select--year:focus { border-color: #d8001b; }

/** The month navigation buttons. */
.picker__nav--prev, .picker__nav--next { position: absolute; padding: .5em 1.25em; width: 1em; height: 1em; -webkit-box-sizing: content-box; box-sizing: content-box; top: -0.25em; }

@media (min-width: 24.5em) { .picker__nav--prev, .picker__nav--next { top: -0.33em; } }

.picker__nav--prev { left: -1em; padding-right: 1.25em; }

@media (min-width: 24.5em) { .picker__nav--prev { padding-right: 1.5em; } }

.picker__nav--next { right: -1em; padding-left: 1.25em; }

@media (min-width: 24.5em) { .picker__nav--next { padding-left: 1.5em; } }

.picker__nav--prev:before, .picker__nav--next:before { content: " "; border-top: .5em solid transparent; border-bottom: .5em solid transparent; border-right: 0.75em solid #555; width: 0; height: 0; display: block; margin: 0 auto; }

.picker__nav--next:before { border-right: 0; border-left: 0.75em solid #555; }

.picker__nav--prev:hover, .picker__nav--next:hover { cursor: pointer; color: #555; background: #e40033; }

.picker__nav--disabled, .picker__nav--disabled:hover, .picker__nav--disabled:before, .picker__nav--disabled:before:hover { cursor: default; background: none; border-right-color: #f2f2f2; border-left-color: #f2f2f2; }

/** The calendar table of dates */
.picker__table { text-align: center; border-collapse: collapse; border-spacing: 0; table-layout: fixed; font-size: inherit; width: 100%; margin-top: .75em; margin-bottom: .5em; }

@media (min-height: 33.875em) { .picker__table { margin-bottom: .75em; } }

.picker__table td { margin: 0; padding: 0; }

/** The weekday labels */
.picker__weekday { width: 14.285714286%; font-size: .75em; padding-bottom: .25em; color: #aaa; font-weight: 500; /* Increase the spacing a tad */ }

@media (min-height: 33.875em) { .picker__weekday { padding-bottom: .5em; } }

/** The days on the calendar */
.picker__day { padding: .3125em 0; font-weight: 200; border: 1px solid transparent; }

.picker__day--today { position: relative; }

.picker__day--today:before { content: " "; position: absolute; top: 2px; right: 2px; width: 0; height: 0; border-top: 0.5em solid #000; border-left: .5em solid transparent; }

.picker__day--disabled:before { border-top-color: #aaa; }

.picker__day--outfocus { color: #d4d4d4; }

.picker__day--infocus:hover, .picker__day--outfocus:hover { cursor: pointer; color: #fff; background: #e40033; }

.picker__day--highlighted { border-color: #d8001b; }

.picker__day--highlighted:hover, .picker--focused .picker__day--highlighted { cursor: pointer; color: #fff; background: #e40033; }

.picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected { background: #e40033; color: #fff; }

.picker__day--disabled, .picker__day--disabled:hover, .picker--focused .picker__day--disabled { background: #f2f2f2; border-color: #f2f2f2; color: #d4d4d4; cursor: default; }

.picker__day--highlighted.picker__day--disabled, .picker__day--highlighted.picker__day--disabled:hover { background: #555; }

/** The footer containing the "today", "clear", and "close" buttons. */
.picker__footer { text-align: center; }

.picker__button--today, .picker__button--clear, .picker__button--close { border: 1px solid #fff; background: #fff; font-size: .8em; padding: .66em 0; font-weight: bold; width: 33%; display: inline-block; vertical-align: bottom; }

.picker__button--today:hover, .picker__button--clear:hover, .picker__button--close:hover { cursor: pointer; color: #fff; background: #e40033; border-bottom-color: #d8001b; }

.picker__button--today:focus, .picker__button--clear:focus, .picker__button--close:focus { background: #e40033; border-color: #d8001b; outline: none; }

.picker__button--today:before, .picker__button--clear:before, .picker__button--close:before { position: relative; display: inline-block; height: 0; }

.picker__button--today:before, .picker__button--clear:before { content: " "; margin-right: .45em; }

.picker__button--today:before { top: -0.05em; width: 0; border-top: 0.66em solid #d8001b; border-left: .66em solid transparent; }

.picker__button--clear:before { top: -0.25em; width: .66em; border-top: 3px solid #d8001b; }

.picker__button--close:before { content: "\D7"; top: -0.1em; vertical-align: top; font-size: 1.1em; margin-right: .35em; color: #555; }

.picker__button--today[disabled], .picker__button--today[disabled]:hover { background: #f2f2f2; border-color: #f2f2f2; color: #d4d4d4; cursor: default; }

.picker__button--today[disabled]:before { border-top-color: #aaa; }

/* ========================================================================== $CLASSIC-DATE-PICKER ========================================================================== */
/* ========================================================================== $BASE-PICKER ========================================================================== */
/** Note: the root picker element should *NOT* be styled more than what’s here. */
.picker { font-size: 16px; text-align: left; line-height: 1.2; color: #000000; position: absolute; z-index: 10000; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/** The picker input element. */
.picker__input { cursor: default; }

/** When the picker is opened, the input element is “activated”. */
.picker__input.picker__input--active { border-color: #0089ec; }

/** The holder is the only “scrollable” top-level container element. */
.picker__holder { width: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; }

/*! Classic picker styling for pickadate.js Demo: http://amsul.github.io/pickadate.js */
/** Note: the root picker element should *NOT* be styled more than what’s here. */
.picker { width: 100%; }

/** The holder is the base of the picker. */
.picker__holder { position: absolute; background: #ffffff; border: 1px solid #aaaaaa; border-top-width: 0; border-bottom-width: 0; border-radius: 0 0 5px 5px; -webkit-box-sizing: border-box; box-sizing: border-box; min-width: 176px; max-width: 466px; max-height: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; -webkit-transform: translateY(-1em) perspective(600px) rotateX(10deg); transform: translateY(-1em) perspective(600px) rotateX(10deg); transition: -webkit-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s; -webkit-transition: opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s, -webkit-transform 0.15s ease-out; transition: opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s, -webkit-transform 0.15s ease-out; -o-transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s; transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s; transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s, -webkit-transform 0.15s ease-out; }

/** The frame and wrap work together to ensure that clicks within the picker don’t reach the holder. */
.picker__frame { padding: 1px; }

.picker__wrap { margin: -1px; }

/** When the picker opens... */
.picker--opened .picker__holder { max-height: 25em; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; border-top-width: 1px; border-bottom-width: 1px; -webkit-transform: translateY(0) perspective(600px) rotateX(0); transform: translateY(0) perspective(600px) rotateX(0); transition: -webkit-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s; -webkit-transition: opacity 0.15s ease-out, max-height 0s, border-width 0s, -webkit-transform 0.15s ease-out; transition: opacity 0.15s ease-out, max-height 0s, border-width 0s, -webkit-transform 0.15s ease-out; -o-transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s; transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s; transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s, -webkit-transform 0.15s ease-out; -webkit-box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12); box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12); }

body, #page { min-width: 310px; }

html, body { height: 100%; }

#page { background: #fff; margin: 0 auto; overflow: hidden; position: relative; font-size: 20px; line-height: 30px; padding-top: 96px; }

.anchor { display: block; position: relative; top: -140px; visibility: hidden; }

.picker { width: 95%; }

body.tx_igcookiesimple_accepted #page { margin-bottom: 50px; }