@charset "UTF-8";
/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
Imaging with any questions regarding Web Fonts:  http://webfonts.fonts.com
*/
@font-face {
  font-family: "OfficinaSansITCW01-Book 734509";
  src: url("/typo3conf/ext/spoho_base/Resources/Public/Fonts/Officina/e4f88d1f-2f5e-49a0-9361-9fcdc5bfc795.eot?#iefix");
  src: url("/typo3conf/ext/spoho_base/Resources/Public/Fonts/Officina/e4f88d1f-2f5e-49a0-9361-9fcdc5bfc795.eot?#iefix") format("eot"), url("/typo3conf/ext/spoho_base/Resources/Public/Fonts/Officina/60567f88-1ef5-4f2c-9951-3ce3845f9967.woff") format("woff"), url("/typo3conf/ext/spoho_base/Resources/Public/Fonts/Officina/ec8c3086-5408-4f25-97d0-f1f4c7014668.ttf") format("truetype"), url("/typo3conf/ext/spoho_base/Resources/Public/Fonts/Officina/d29fed54-ae01-49ef-94e2-3e3fb9df3f70.svg#d29fed54-ae01-49ef-94e2-3e3fb9df3f70") format("svg");
}
@font-face {
  font-family: "OfficinaSansITCW01-Book 734512";
  src: url("/typo3conf/ext/spoho_base/Resources/Public/Fonts/Officina/2cc84b16-2765-45df-82db-1d8c63b97ea4.eot?#iefix");
  src: url("/typo3conf/ext/spoho_base/Resources/Public/Fonts/Officina/2cc84b16-2765-45df-82db-1d8c63b97ea4.eot?#iefix") format("eot"), url("/typo3conf/ext/spoho_base/Resources/Public/Fonts/Officina/7895df1c-c1ad-4189-91fa-0c041359c821.woff") format("woff"), url("/typo3conf/ext/spoho_base/Resources/Public/Fonts/Officina/153b7835-57ac-4a79-8632-6c639baa03f5.ttf") format("truetype"), url("/typo3conf/ext/spoho_base/Resources/Public/Fonts/Officina/c34f183d-16cc-4f0f-98a5-e5b65d508953.svg#c34f183d-16cc-4f0f-98a5-e5b65d508953") format("svg");
}
@font-face {
  font-family: "OfficinaSansITCW01-Medi 734521";
  src: url("/typo3conf/ext/spoho_base/Resources/Public/Fonts/Officina/e474d956-ffd6-470b-83c1-c02f503790e9.eot?#iefix");
  src: url("/typo3conf/ext/spoho_base/Resources/Public/Fonts/Officina/e474d956-ffd6-470b-83c1-c02f503790e9.eot?#iefix") format("eot"), url("/typo3conf/ext/spoho_base/Resources/Public/Fonts/Officina/219dbf96-faba-452f-a6b9-ce7bb2bac564.woff") format("woff"), url("/typo3conf/ext/spoho_base/Resources/Public/Fonts/Officina/83766dc4-631e-4da8-81e2-fcf2fc18dc35.ttf") format("truetype"), url("/typo3conf/ext/spoho_base/Resources/Public/Fonts/Officina/2afc3ec0-76b8-4007-a7da-1a77f954f71a.svg#2afc3ec0-76b8-4007-a7da-1a77f954f71a") format("svg");
}
@font-face {
  font-family: "OfficinaSansITCW01-Medi 734524";
  src: url("/typo3conf/ext/spoho_base/Resources/Public/Fonts/Officina/9f65c7e9-71c9-4469-a5dd-2ab987704b68.eot?#iefix");
  src: url("/typo3conf/ext/spoho_base/Resources/Public/Fonts/Officina/9f65c7e9-71c9-4469-a5dd-2ab987704b68.eot?#iefix") format("eot"), url("/typo3conf/ext/spoho_base/Resources/Public/Fonts/Officina/89571723-35d3-488c-b84b-be5914c54bcc.woff") format("woff"), url("/typo3conf/ext/spoho_base/Resources/Public/Fonts/Officina/1017f8df-6c20-4ec3-a48f-f4ab75681301.ttf") format("truetype"), url("/typo3conf/ext/spoho_base/Resources/Public/Fonts/Officina/99697349-413e-4730-8231-03791c4a6fb9.svg#99697349-413e-4730-8231-03791c4a6fb9") format("svg");
}
@font-face {
  font-family: "OfficinaSerifITCW01-Med";
  src: url("/typo3conf/ext/spoho_base/Resources/Public/Fonts/Officina/bf8c3c54-8781-4dd3-816e-af9b94f9bafb.eot?#iefix");
  src: url("/typo3conf/ext/spoho_base/Resources/Public/Fonts/Officina/bf8c3c54-8781-4dd3-816e-af9b94f9bafb.eot?#iefix") format("eot"), url("/typo3conf/ext/spoho_base/Resources/Public/Fonts/Officina/0ae83670-7d7e-4ea7-8550-ebff2ef888fc.woff") format("woff"), url("/typo3conf/ext/spoho_base/Resources/Public/Fonts/Officina/27ec6394-ea1d-44be-9481-0cc546199c5f.ttf") format("truetype"), url("/typo3conf/ext/spoho_base/Resources/Public/Fonts/Officina/11bf0db6-6db1-4258-9d81-3860a39648cc.svg#11bf0db6-6db1-4258-9d81-3860a39648cc") format("svg");
}
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-size: 100%;
  line-height: 1.5em;
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

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

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

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

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

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 */
[hidden] {
  display: none;
}

/**
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
template {
  display: none;
}

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

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}

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

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

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

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  line-height: 1.5em;
  /* Set 1 unit of vertical rhythm on the top and bottom margins. */
  margin: 0.75em 0;
}

h2 {
  font-size: 1.5em;
  line-height: 2em;
  margin: 1em 0;
}

h3 {
  font-size: 1.17em;
  line-height: 1.2820512821em;
  margin: 1.2820512821em 0;
}

h4 {
  font-size: 1em;
  line-height: 1.5em;
  margin: 1.5em 0;
}

h5 {
  font-size: 0.83em;
  line-height: 1.8072289157em;
  margin: 1.8072289157em 0;
}

h6 {
  font-size: 0.67em;
  line-height: 2.2388059701em;
  margin: 2.2388059701em 0;
}

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

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

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

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

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

/* Grouping content
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1.5em 0;
}

/**
 * Turn off margins on nested lists.
 */
ol ol,
ol ul,
ul ol,
ul ul {
  margin: 0;
}

dd {
  margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}

/**
 * Set 1 unit of vertical rhythm on the top and bottom margin.
 */
blockquote {
  margin: 1.5em 40px;
}

/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1.5em 40px;
}

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

/**
 * Set 1 unit of vertical rhythm on the top and bottom margin.
 */
p,
pre {
  margin: 1.5em 0;
}

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

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

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

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

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

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

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

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

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

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 2 */
  /**
   * Remove inner padding and search cancel button in Safari and Chrome on OS X.
   * Safari (but not Chrome) clips the cancel button when the search input has
   * padding (and `textfield` appearance).
   */
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

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

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

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

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

td,
th {
  padding: 0;
}

@font-face {
  font-family: "DSHS-Iconfont";
  src: url("/typo3conf/ext/spoho_base/Resources/Public/Fonts/Iconfont/DSHS-Iconfont.eot?ck=1695033351");
  src: url("/typo3conf/ext/spoho_base/Resources/Public/Fonts/Iconfont/DSHS-Iconfont.eot?ck=1695033351#iefix") format("embedded-opentype"), url("/typo3conf/ext/spoho_base/Resources/Public/Fonts/Iconfont/DSHS-Iconfont.woff?ck=1695033351") format("woff"), url("/typo3conf/ext/spoho_base/Resources/Public/Fonts/Iconfont/DSHS-Iconfont.ttf?ck=1695033351") format("truetype"), url("/typo3conf/ext/spoho_base/Resources/Public/Fonts/Iconfont/DSHS-Iconfont.svg?ck=1695033351#DSHS-Iconfont") format("svg");
  font-weight: normal;
  font-style: normal;
}
.icon-default-wrap:before {
  content: "\e029";
}

.icon {
  text-decoration: none;
  color: #000;
  width: 40px;
  height: 40px;
  font-size: 41px;
}
.icon:after, .icon:before {
  font-family: "DSHS-Iconfont";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: none !important;
  line-height: 1;
  vertical-align: middle;
}
.icon:before {
  content: "\e029";
}

.linkedin .icon:before {
  content: "\e904";
}

.instagram .icon:before {
  content: "\f16d";
}

.youtube .icon:before {
  content: "\e001";
}

.youtube-kontur .icon:before {
  content: "\e002";
}

.x .icon:before {
  content: "\e004";
}

.weiterleiten .icon:before {
  content: "\e005";
}

.twitter .icon:before {
  content: "\e903";
}

.mastodon .icon:before {
  content: "\e905";
}

.suchen .icon:before {
  content: "\e008";
}

.stern .icon:before {
  content: "\e009";
}

.pfeil-links .icon:before {
  content: "\e00a";
}

.nachricht .icon:before {
  content: "\e00b";
}

.minus .icon:before {
  content: "\e00c";
}

.maps .icon:before {
  content: "\e00d";
}

.mail .icon:before {
  content: "\e00e";
}

.lautstaerke .icon:before {
  content: "\e00f";
}

.kreis .icon:before {
  content: "\e010";
}

.kontakt .icon:before {
  content: "\e011";
}

.internet .icon:before {
  content: "\e012";
}

.dreieck-oben .icon:before {
  content: "\e013";
}

.dreieck-links .icon:before {
  content: "\e014";
}

.cluster .icon:before {
  content: "\e015";
}

.fis .icon:before {
  content: "\e902";
}

.blaettern-unten .icon:before {
  content: "\e016";
}

.blaettern-oben .icon:before {
  content: "\e017";
}

.blaettern-links .icon:before {
  content: "\e018";
}

.blaettern-rechts .icon:before {
  content: "\e02d";
}

.aequivalent .icon:before {
  content: "\e019";
}

.rss .icon:before {
  content: "\e01c";
}

.rss-kontur .icon:before {
  content: "\e01d";
}

.reload .icon:before {
  content: "\e01e";
}

.plus-2 .icon:before {
  content: "\e000";
}

.pfeil-unten .icon:before {
  content: "\e01f";
}

.haken .icon:before {
  content: "\e020";
}

.gitter .icon:before {
  content: "\e021";
}

.favorit .icon:before {
  content: "\e022";
}

.facebook .icon:before {
  content: "\e023";
}

.facebook-kontur .icon:before {
  content: "\e024";
}

.google-plus .icon:before {
  content: "\e901";
}

.einstellungen .icon:before {
  content: "\e025";
}

.drucker .icon:before {
  content: "\e026";
}

.plus .icon:before {
  content: "\e027";
}

.schloss .icon:before {
  content: "\e028";
}

.pfeil-rechts .icon:before {
  content: "\e029";
}

.pfeil-oben .icon:before {
  content: "\e02a";
}

.dreieck-unten .icon:before {
  content: "\e02b";
}

.dreieck-rechts .icon:before {
  content: "\e02c";
}

.logo .icon:before {
  position: relative;
}
.logo .icon:before:before {
  content: "\e01b";
  -webkit-font-smoothing: antialiased;
}
.logo .icon:before:after {
  content: "\e01a";
  -webkit-font-smoothing: antialiased;
}

.pfeil-rechts-oben .icon:before {
  content: "\e02e";
}

.pfeil-rechts-unten .icon:before {
  content: "\e02f";
}

.pfeil-links-oben .icon:before {
  content: "\e030";
}

.pfeil-links-unten .icon:before {
  content: "\e031";
}

.checkbox-checked .icon:before {
  content: "\e032";
}

.checkbox-unchecked .icon:before {
  content: "\e033";
}

.radiobutton-picked .icon:before {
  content: "\e034";
}

.radiobutton-unpicked .icon:before {
  content: "\e035";
}

.achtung .icon:before {
  content: "\e036";
}

.cart .icon:before {
  content: "\e900";
}

a.button,
span.button-alike,
button,
a.button.default,
button.default {
  text-decoration: none !important;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 30px;
  border: none;
  color: #000 !important;
  font-size: 17px;
  vertical-align: middle;
  text-align: left;
  padding: 4px 10px 0;
  line-height: 26px;
  cursor: pointer;
}
a.button.active, a.button:active,
span.button-alike.active,
span.button-alike:active,
button.active,
button:active,
a.button.default.active,
a.button.default:active,
button.default.active,
button.default:active {
  padding-top: 0px;
  padding-left: 6px;
  padding-right: 6px;
  border-width: 4px;
  border-style: solid;
}
a.button.unavailable, a.button:disabled,
span.button-alike.unavailable,
span.button-alike:disabled,
button.unavailable,
button:disabled,
a.button.default.unavailable,
a.button.default:disabled,
button.default.unavailable,
button.default:disabled {
  opacity: 0.5;
  cursor: default;
}
a.button.unavailable:active, a.button:disabled:active,
span.button-alike.unavailable:active,
span.button-alike:disabled:active,
button.unavailable:active,
button:disabled:active,
a.button.default.unavailable:active,
a.button.default:disabled:active,
button.default.unavailable:active,
button.default:disabled:active {
  padding: 4px 10px 0;
  border: none;
}

a.button.minor,
button.minor {
  font-size: 14px;
  height: 16px;
  line-height: 19px;
  padding: 0 5px;
}
a.button.minor.active, a.button.minor:active,
button.minor.active,
button.minor:active {
  line-height: 16px;
  font-weight: normal;
  padding-top: 0px;
  padding-left: 3px;
  padding-right: 3px;
  border-width: 2px;
  border-style: solid;
}

a.button.major,
button.major {
  width: 100%;
  text-decoration: none !important;
  min-width: 180px;
  height: 40px;
  line-height: 36px;
  padding: 4px 20px 0;
}
@media screen and (min-width: 600px) {
  a.button.major,
  button.major {
    width: auto;
  }
}
a.button.major.active, a.button.major:active,
button.major.active,
button.major:active {
  padding-top: 0;
  padding-left: 16px;
  padding-right: 16px;
}

a.button.icon-button,
button.icon-button {
  position: relative;
  padding-left: 60px;
}
a.button.icon-button .icon,
button.icon-button .icon {
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  background: none !important;
  border-right: 1px solid #fff;
}
a.button.icon-button.active, a.button.icon-button:active,
button.icon-button.active,
button.icon-button:active {
  padding-left: 56px;
}
a.button.icon-button.active .icon, a.button.icon-button:active .icon,
button.icon-button.active .icon,
button.icon-button:active .icon {
  left: -4px;
  top: -4px;
}
a.button.icon-button.active.gray, a.button.icon-button.active.green, a.button.icon-button:active.gray, a.button.icon-button:active.green,
button.icon-button.active.gray,
button.icon-button.active.green,
button.icon-button:active.gray,
button.icon-button:active.green {
  color: #fff !important;
}

a.button.icon-button-right,
button.icon-button-right {
  padding-left: 20px;
  padding-right: 60px;
}
a.button.icon-button-right .icon,
button.icon-button-right .icon {
  left: auto;
  right: 0;
  top: 0;
  border-right: none;
  border-left: 1px solid #fff;
}
a.button.icon-button-right.active, a.button.icon-button-right:active,
button.icon-button-right.active,
button.icon-button-right:active {
  padding-left: 16px;
  padding-right: 56px;
}
a.button.icon-button-right.active .icon, a.button.icon-button-right:active .icon,
button.icon-button-right.active .icon,
button.icon-button-right:active .icon {
  left: auto;
  right: -4px;
}

a.button.icon-only,
button.icon-only {
  width: 40px;
  min-width: 40px;
  padding: 0;
}
a.button.icon-only span.buttontext,
button.icon-only span.buttontext {
  display: none;
}
a.button.icon-only .icon,
button.icon-only .icon {
  border-right: none;
}
a.button.icon-only.active, a.button.icon-only:active,
button.icon-only.active,
button.icon-only:active {
  padding-left: 0;
}
a.button.icon-only.unavailable:active .icon,
button.icon-only.unavailable:active .icon {
  left: 0 !important;
  top: 0 !important;
}

button.default.full-width,
button.major.full-width,
a.button.default.full-width,
a.button.major.full-width {
  display: block;
  width: 100%;
}

a.button,
span.button-alike,
button {
  background: #0053A4;
  color: #fff !important;
}
a.button:hover,
span.button-alike:hover,
button:hover {
  background: #006dd7;
}
a.button.active, a.button:active,
span.button-alike.active,
span.button-alike:active,
button.active,
button:active {
  border-top-color: #00468b;
  border-left-color: #00468b;
  border-right-color: #003971;
  border-bottom-color: #003971;
  background: #0053A4;
  color: #fff;
}
a.button.unavailable, a.button:disabled,
span.button-alike.unavailable,
span.button-alike:disabled,
button.unavailable,
button:disabled {
  background: #0053A4;
}
a.button.unavailable:hover, a.button:disabled:hover,
span.button-alike.unavailable:hover,
span.button-alike:disabled:hover,
button.unavailable:hover,
button:disabled:hover {
  background: #0053A4;
}
a.button.unavailable:active, a.button:disabled:active,
span.button-alike.unavailable:active,
span.button-alike:disabled:active,
button.unavailable:active,
button:disabled:active {
  background: #0053A4;
}

a.button.green,
button.green {
  background: #0053A4;
  color: #fff !important;
}
a.button.green:hover,
button.green:hover {
  background: #006dd7;
}
a.button.green.active, a.button.green:active,
button.green.active,
button.green:active {
  border-top-color: #00468b;
  border-left-color: #00468b;
  border-right-color: #003971;
  border-bottom-color: #003971;
  background: #0053A4;
  color: #fff;
}
a.button.green.unavailable, a.button.green:disabled,
button.green.unavailable,
button.green:disabled {
  background: #0053A4;
}
a.button.green.unavailable:hover, a.button.green:disabled:hover,
button.green.unavailable:hover,
button.green:disabled:hover {
  background: #0053A4;
}
a.button.green.unavailable:active, a.button.green:disabled:active,
button.green.unavailable:active,
button.green:disabled:active {
  background: #0053A4;
}

a.button.gray,
button.gray {
  background: #9da9b3;
}
a.button.gray:hover,
button.gray:hover {
  background: #e6e9ec;
}
a.button.gray.active, a.button.gray:active,
button.gray.active,
button.gray:active {
  border-top-color: #f2f4f5;
  border-left-color: #f2f4f5;
  border-right-color: #e6e9ec;
  border-bottom-color: #e6e9ec;
  background: #9da9b3;
  color: #000;
}
a.button.gray.unavailable, a.button.gray:disabled,
button.gray.unavailable,
button.gray:disabled {
  background: #9da9b3;
}
a.button.gray.unavailable:hover, a.button.gray:disabled:hover,
button.gray.unavailable:hover,
button.gray:disabled:hover {
  background: #9da9b3;
}
a.button.gray.unavailable:active, a.button.gray:disabled:active,
button.gray.unavailable:active,
button.gray:disabled:active {
  background: #9da9b3;
}

a.button.white,
button.white {
  color: #000;
  background: #fff;
}
a.button.white .icon,
button.white .icon {
  color: #000;
}
a.button.white:hover,
button.white:hover {
  background: #f2f4f5;
}
a.button.white.active, a.button.white:active,
button.white.active,
button.white:active {
  border-top-color: #f2f4f5;
  border-left-color: #f2f4f5;
  border-right-color: #e6e9ec;
  border-bottom-color: #e6e9ec;
  background: #fff;
  color: #000;
}
a.button.white.unavailable, a.button.white:disabled,
button.white.unavailable,
button.white:disabled {
  background: #fff;
}
a.button.white.unavailable:hover, a.button.white:disabled:hover,
button.white.unavailable:hover,
button.white:disabled:hover {
  background: #fff;
}
a.button.white.unavailable:active, a.button.white:disabled:active,
button.white.unavailable:active,
button.white:disabled:active {
  background: #fff;
}

a.button.trans,
button.trans {
  color: #000;
  background: transparent;
}
a.button.trans .icon,
button.trans .icon {
  color: #000;
}
a.button.trans:hover,
button.trans:hover {
  background: #e6e9ec;
}
a.button.trans.active, a.button.trans:active,
button.trans.active,
button.trans:active {
  border-top-color: #e6e9ec;
  border-left-color: #e6e9ec;
  border-right-color: transparent;
  border-bottom-color: transparent;
  background: transparent;
  color: #000;
}
a.button.trans.unavailable, a.button.trans:disabled,
button.trans.unavailable,
button.trans:disabled {
  background: transparent;
}
a.button.trans.unavailable:hover, a.button.trans:disabled:hover,
button.trans.unavailable:hover,
button.trans:disabled:hover {
  background: transparent;
}
a.button.trans.unavailable:active, a.button.trans:disabled:active,
button.trans.unavailable:active,
button.trans:disabled:active {
  background: transparent;
}

h1, .h1-alike {
  font-size: 30px;
  font-family: "OfficinaSerifITCW01-Med", Georgia, serif;
  letter-spacing: 0.025em;
  font-weight: normal;
  line-height: 35px;
  color: #000;
  border-bottom: 2px solid #000;
}
@media screen and (max-width: 599px) {
  h1, .h1-alike {
    font-size: 24px;
    font-family: "OfficinaSerifITCW01-Med", Georgia, serif;
    letter-spacing: 0.025em;
    font-weight: normal;
    line-height: 28px;
    color: #000;
  }
}

h2, .h2-alike {
  font-size: 30px;
  font-family: "OfficinaSerifITCW01-Med", Georgia, serif;
  letter-spacing: 0.025em;
  font-weight: normal;
  line-height: 35px;
  color: #000;
  border-bottom: 2px solid #000;
}
@media screen and (max-width: 599px) {
  h2, .h2-alike {
    font-size: 24px;
    font-family: "OfficinaSerifITCW01-Med", Georgia, serif;
    letter-spacing: 0.025em;
    font-weight: normal;
    line-height: 28px;
    color: #000;
  }
}

h3, .h3-alike {
  font-size: 22px;
  font-family: "OfficinaSerifITCW01-Med", Georgia, serif;
  letter-spacing: 0.025em;
  font-weight: normal;
  line-height: 25px;
  color: #000;
}

h4, .h4-alike {
  font-size: 18px;
  font-family: "OfficinaSerifITCW01-Med", Georgia, serif;
  letter-spacing: 0.025em;
  font-weight: normal;
  line-height: 21px;
  color: #000;
}

h5, .h5-alike {
  font-size: 10px;
  font-family: "OfficinaSerifITCW01-Med", Georgia, serif;
  letter-spacing: 0.025em;
  font-weight: normal;
  line-height: 1.3em;
  color: #000;
}

h1, h2, h3, h4, h5 {
  margin: 1em 0 0.5em;
}

h3.centered, h4.centered {
  text-align: center;
}

.content p {
  font-size: 17px;
  line-height: 22px;
  display: block;
  margin: 0.75em 0;
}
.content p.intro {
  font-family: "OfficinaSerifITCW01-Med", Georgia, serif;
  letter-spacing: 0.025em;
  font-weight: normal;
  font-size: 18px;
}
.content p.quote-author {
  color: #9da9b3;
}
.content p.minor {
  color: #6d7f8c;
  font-size: 14px;
  line-height: 1.4em;
}
.content p.major {
  color: #000;
  font-size: 20px;
  line-height: 1.4em;
}

.content strong, .content b {
  font-family: "OfficinaSansITCW01-Medi 734521", Arial, Helvetica, Verdana, Tahoma, sans-serif;
  font-weight: normal;
}

address {
  font-size: 17px;
  line-height: 22px;
  display: block;
  margin: 0.75em 0;
  font-style: normal;
}

a.icon-link,
.content a {
  color: #003592;
  text-decoration: none;
  text-decoration: none;
}
a.icon-link:after, a.icon-link:before,
.content a:after,
.content a:before {
  font-family: "DSHS-Iconfont";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: none !important;
  line-height: 1;
  vertical-align: middle;
}
a.icon-link:before,
.content a:before {
  content: "\e029";
}
a.icon-link:before,
.content a:before {
  font-size: 34px;
  display: inline-block;
  line-height: 19px;
  height: 21px;
  text-indent: -5px;
  width: 25px;
}
@media screen and (min-width: 760px) {
  a.icon-link[href*="tel:"],
  .content a[href*="tel:"] {
    color: #000 !important;
    cursor: arrow;
  }
  a.icon-link[href*="tel:"]:before,
  .content a[href*="tel:"]:before {
    content: "";
    display: none;
  }
  a.icon-link[href*="tel:"]:hover, a.icon-link[href*="tel:"]:active,
  .content a[href*="tel:"]:hover,
  .content a[href*="tel:"]:active {
    color: #000 !important;
  }
}
a.icon-link:hover,
.content a:hover {
  color: #0bb3df;
}
a.icon-link:active,
.content a:active {
  color: #1d7f9d;
}
a.icon-link.external-link-new-window:before, a.icon-link.external-link:before,
.content a.external-link-new-window:before,
.content a.external-link:before {
  content: "\e02e";
}
a.icon-link.download-link:before, a.icon-link.download:before,
.content a.download-link:before,
.content a.download:before {
  content: "\e01f";
}
a.icon-link.email-link:before,
.content a.email-link:before {
  content: "\e00e";
}
a.icon-link.email-link:before,
.content a.email-link:before {
  margin-right: 10px;
}
a.icon-link.mastodon-link:before,
.content a.mastodon-link:before {
  content: "\e905";
}
a.icon-link.mastodon-link:before,
.content a.mastodon-link:before {
  margin-right: 10px;
}
a.icon-link.facebook-link:before,
.content a.facebook-link:before {
  content: "\e023";
}
a.icon-link.facebook-link:before,
.content a.facebook-link:before {
  margin-right: 10px;
}
a.icon-link.google-plus-link:before,
.content a.google-plus-link:before {
  content: "\e901";
}
a.icon-link.google-plus-link:before,
.content a.google-plus-link:before {
  margin-right: 10px;
}
a.icon-link.back-link:before, a.icon-link.back:before,
.content a.back-link:before,
.content a.back:before {
  content: "\e00a";
}
a.icon-link.reset-link:before, a.icon-link.reset:before,
.content a.reset-link:before,
.content a.reset:before {
  content: "\e004";
}
a.icon-link.button:before,
.content a.button:before {
  content: "";
  display: none;
}

blockquote {
  font-size: 17px;
  line-height: 22px;
  display: block;
  margin: 0.75em 0;
  padding-left: 0px;
}
blockquote > p {
  font-family: "OfficinaSansITCW01-Book 734512", Arial, Helvetica, Verdana, Tahoma, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 22px !important;
  line-height: 26px !important;
}
blockquote > p:first-child:before {
  content: "»";
}
blockquote > p:last-child:after {
  content: "«";
}

figure.blockquote {
  margin-bottom: 10px;
}
figure.blockquote blockquote {
  margin-bottom: 0;
}
figure.blockquote blockquote p:last-child {
  margin-bottom: 0.125em;
}
figure.blockquote figcaption {
  text-decoration: none;
  padding-left: 0px;
  color: #9da9b3;
}
figure.blockquote figcaption:after, figure.blockquote figcaption:before {
  font-family: "DSHS-Iconfont";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: none !important;
  line-height: 1;
  vertical-align: middle;
}
figure.blockquote figcaption:before {
  content: "\e00b";
}
figure.blockquote figcaption:before {
  font-size: 22px;
}

hr {
  background: none;
  color: none;
  border: none;
  border-top: 1px dashed #e6e9ec;
  height: 0;
}

.csc-uploads-description {
  color: #3c5466;
  font-size: 14px;
}

span.at {
  font-size: 0;
}
span.at:before {
  content: "@";
  font-size: 17px;
}

.mehrwert-info h3 a {
  color: #000 !important;
}
.mehrwert-info h3 a:before {
  content: "";
  display: none;
}

ul li, ol li {
  padding-top: 3px;
  padding-bottom: 3px;
  line-height: 21px;
}

.content ul {
  font-size: 17px;
  line-height: 22px;
  display: block;
  margin: 0.75em 0;
  padding-left: 20px;
  list-style: none;
}
.content ul li {
  position: relative;
  text-decoration: none;
  padding-top: 3px;
  padding-bottom: 3px;
  line-height: 21px;
}
.content ul li:after, .content ul li:before {
  font-family: "DSHS-Iconfont";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: none !important;
  line-height: 1;
  vertical-align: middle;
}
.content ul li:before {
  content: "\e02d";
}
.content ul li:before {
  font-size: 1.4em;
  position: absolute;
  top: 0px;
  left: -25px;
}

.content ol {
  font-size: 17px;
  line-height: 22px;
  display: block;
  margin: 0.75em 0;
  padding-left: 20px;
  list-style: none;
  counter-reset: ollist;
}
.content ol > li {
  counter-increment: ollist;
  position: relative;
}
.content ol > li:before {
  content: counter(ollist) ". ";
  position: absolute;
  font-size: 17px;
  left: -20px;
}

.content ul.link-list {
  list-style: none;
  padding-left: 25px;
}
.content ul.link-list li a {
  display: block;
  white-space: normal !important;
}
.content ul.link-list li a:before {
  left: -30px;
  position: absolute;
  line-height: 21px !important;
}
.content ul.link-list li:before {
  content: "";
  display: none;
}
.content ul.link-list li a {
  line-height: 21px;
}

ul ul,
ol ol,
ol ul,
ul ol {
  margin: 0;
}

.content.accordeon-linklist ul {
  padding-left: 0px;
  list-style: none;
}
.content.accordeon-linklist ul li {
  border-bottom: 1px solid #000;
  border-top: 1px solid #000;
  padding-left: 10px;
  padding-top: 5px;
  font-family: "OfficinaSerifITCW01-Med", Georgia, serif;
  line-height: 48px;
  font-size: 18px;
}
.content.accordeon-linklist ul li:first-of-type {
  border-top: 2px solid #000;
}
.content.accordeon-linklist ul li a {
  line-height: 40px;
  white-space: normal !important;
  display: inline-block;
  width: 100%;
  color: #000;
}
.content.accordeon-linklist ul li a:before {
  padding-left: 4px;
  margin-right: 20px;
  line-height: 40px;
  text-align: center;
  background: #9da9b3;
  height: 40px;
  width: 36px;
  color: #fff;
}
.content.accordeon-linklist ul li a:hover, .content.accordeon-linklist ul li a:active, .content.accordeon-linklist ul li a:focus {
  outline: none;
  color: #0bb3df;
}
.content.accordeon-linklist ul li a:hover:before, .content.accordeon-linklist ul li a:active:before, .content.accordeon-linklist ul li a:focus:before {
  background: #0bb3df;
}
.content.accordeon-linklist ul li:before {
  content: "";
  display: none;
}

table.contenttable {
  border-collapse: inherit;
  width: 100%;
  margin-bottom: 20px;
}
table.contenttable caption {
  display: none;
}
table.contenttable th {
  font-family: "OfficinaSansITCW01-Medi 734521", Arial, Helvetica, Verdana, Tahoma, sans-serif;
  font-weight: normal;
  padding: 15px 0 10px;
}
table.contenttable th, table.contenttable td {
  vertical-align: top;
}
table.contenttable tbody th {
  min-width: 70px;
}
table.contenttable tbody th,
table.contenttable td {
  border-top: 1px solid #e6e9ec;
  padding: 15px 0 10px;
}
table.contenttable tbody th > :first-child,
table.contenttable td > :first-child {
  margin-top: 0;
}
@media screen and (max-width: 599px) {
  table.contenttable {
    display: inline-table;
  }
  table.contenttable tbody, table.contenttable tr {
    width: 100%;
  }
  table.contenttable tbody th {
    text-align: left;
    padding-bottom: 0;
    display: block;
    clear: left;
    float: left;
    width: 100%;
  }
  table.contenttable td {
    border-top: none;
    padding-top: 0;
    display: block;
    clear: left;
    float: left;
    width: 100%;
  }
}

@media screen and (max-width: 759px) {
  .responsive-table-initialized {
    display: block;
  }
  .responsive-table-initialized tbody, .responsive-table-initialized tr, .responsive-table-initialized td {
    display: block;
    width: 100%;
    clear: both;
    float: none;
  }
  .responsive-table-initialized tr + tr {
    padding-top: 40px;
  }
  .responsive-table-initialized td {
    float: none;
    min-height: 40px;
  }
  .responsive-table-initialized th {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .responsive-table-initialized td {
    width: 100%;
    padding-left: 40% !important;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    overflow: hidden;
  }
  .responsive-table-initialized td:before {
    content: attr(data-th) ": ";
    display: block;
    width: 40%;
    position: absolute;
    top: -1px;
    left: 0;
    padding: 15px 10px 10px 0;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-family: "OfficinaSansITCW01-Medi 734521", Arial, Helvetica, Verdana, Tahoma, sans-serif;
    font-weight: normal;
  }
  table.contenttable.responsive-table-initialized tr:first-child td:first-child {
    border-top: none;
  }
}
@media screen and (max-width: 599px) {
  table.contenttable.responsive-table-initialized td {
    border-top: 1px solid #e6e9ec;
  }
  table.contenttable.responsive-table-initialized td:before {
    padding: 10px 10px 6px 0;
  }
  table.contenttable.responsive-table-initialized tr:first-child td:first-child {
    border-top: none;
  }
  table.contenttable.responsive-table-initialized tbody th,
  table.contenttable.responsive-table-initialized td {
    padding: 10px 0 6px 40%;
  }
}
input, textarea, select {
  -webkit-appearance: none;
  border-radius: 0;
}

fieldset {
  border: none;
  margin: 0 !important;
  padding: 0 !important;
}

label {
  display: block;
  font-family: "OfficinaSansITCW01-Medi 734521", Arial, Helvetica, Verdana, Tahoma, sans-serif;
  font-weight: normal;
  margin-bottom: 5px;
}
@media screen and (min-width: 760px) {
  label {
    margin-bottom: 20px;
  }
}
.error label {
  color: #ff6464;
}

input {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: border 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  -o-transition: border 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  transition: border 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  font-family: "OfficinaSansITCW01-Book 734509", Arial, Helvetica, Verdana, Tahoma, sans-serif;
  font-weight: normal;
  padding: 4px 10px 0;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom: 1px solid #000;
  background: #f2f4f5;
  height: 40px;
  line-height: 36px;
  margin-bottom: 20px;
}
input:hover {
  border: 1px solid #000;
}
input.pseudo-class-active, input:active {
  border: 1px solid #000;
  background: #e4e8ea;
}
input.pseudo-class-focus, input:focus {
  border: 1px solid #000;
  outline: none;
  -webkit-box-shadow: inset 4px 4px 0 0 #d5dcdf;
          box-shadow: inset 4px 4px 0 0 #d5dcdf;
}
input::-webkit-input-placeholder {
  color: #6d7f8c;
}
input:-moz-placeholder {
  color: #6d7f8c !important;
}
input:-ms-input-placeholder {
  color: #6d7f8c;
}
.error input, input.error {
  border-color: #ff6464;
  border-bottom-color: #640000;
}
input.pseudo-class-disabled, input:disabled, input.unavailable, input.unavailable:hover, input.unavailable:focus, input.unavailable, input.unavailable:active, input.unavailable.active {
  cursor: default;
  opacity: 0.5;
  border: 1px solid #9da9b3;
  background: #f2f4f5;
}

textarea {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: border 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  -o-transition: border 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  transition: border 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  font-family: "OfficinaSansITCW01-Book 734509", Arial, Helvetica, Verdana, Tahoma, sans-serif;
  font-weight: normal;
  padding: 4px 10px 0;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom: 1px solid #000;
  background: #f2f4f5;
  resize: none;
  height: 130px;
  padding-top: 11px;
  line-height: 22px;
}
textarea:hover {
  border: 1px solid #000;
}
textarea.pseudo-class-active, textarea:active {
  border: 1px solid #000;
  background: #e4e8ea;
}
textarea.pseudo-class-focus, textarea:focus {
  border: 1px solid #000;
  outline: none;
  -webkit-box-shadow: inset 4px 4px 0 0 #d5dcdf;
          box-shadow: inset 4px 4px 0 0 #d5dcdf;
}
textarea::-webkit-input-placeholder {
  color: #6d7f8c;
}
textarea:-moz-placeholder {
  color: #6d7f8c !important;
}
textarea:-ms-input-placeholder {
  color: #6d7f8c;
}
.error textarea, textarea.error {
  border-color: #ff6464;
  border-bottom-color: #640000;
}
textarea.pseudo-class-disabled, textarea:disabled, textarea.unavailable, textarea.unavailable:hover, textarea.unavailable:focus, textarea.unavailable, textarea.unavailable:active, textarea.unavailable.active {
  cursor: default;
  opacity: 0.5;
  border: 1px solid #9da9b3;
  background: #f2f4f5;
}

input[type=checkbox] {
  margin-right: 4px;
  margin-top: 4px;
  width: 18px;
  height: 18px;
  float: left;
  border: none;
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
input[type=checkbox] + label {
  color: #000;
  margin-top: 0;
  position: relative;
  padding-left: 23px;
}
input[type=checkbox] + label {
  text-decoration: none;
}
input[type=checkbox] + label:after, input[type=checkbox] + label:before {
  font-family: "DSHS-Iconfont";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: none !important;
  line-height: 1;
  vertical-align: middle;
}
input[type=checkbox] + label:before {
  content: "\e033";
}
input[type=checkbox] + label:before {
  position: absolute;
  top: 2px;
  left: 0;
  font-size: 21px;
  margin-right: 5px;
}
input[type=checkbox]:hover + label {
  color: #3c5466;
}
input[type=checkbox]:active + label {
  color: #000;
}
input[type=checkbox]:focus + label {
  color: #000 !important;
}
input[type=checkbox]:checked + label:before {
  content: "\e032";
}
input[type=checkbox].error + label {
  color: #ff6464;
}
input[type=checkbox]:disabled + label, input[type=checkbox].unavailable + label, input[type=checkbox].unavailable:hover + label, input[type=checkbox].unavailable:focus + label, input[type=checkbox].unavailable + label, input[type=checkbox].unavailable:active + label, input[type=checkbox].unavailable.active + label {
  cursor: default !important;
  color: #000 !important;
  opacity: 0.3;
}

input[type=radio] {
  margin-right: 4px;
  margin-top: 4px;
  width: 18px;
  height: 18px;
  float: left;
  border: none;
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
input[type=radio] + label {
  margin-top: 0;
  position: relative;
  padding-left: 23px;
}
input[type=radio] + label {
  text-decoration: none;
}
input[type=radio] + label:after, input[type=radio] + label:before {
  font-family: "DSHS-Iconfont";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: none !important;
  line-height: 1;
  vertical-align: middle;
}
input[type=radio] + label:before {
  content: "\e035";
}
input[type=radio] + label:before {
  position: absolute;
  top: 2px;
  left: 0;
  font-size: 21px;
  margin-right: 5px;
}
input[type=radio]:hover + label {
  color: #3c5466;
}
input[type=radio]:focus + label {
  color: #000;
}
input[type=radio]:active + label {
  color: #000;
}
input[type=radio]:checked + label:before {
  content: "\e034";
}
input[type=radio].error + label {
  color: #ff6464;
}
input[type=radio]:disabled + label, input[type=radio].unavailable + label, input[type=radio].unavailable:hover + label, input[type=radio].unavailable:focus + label, input[type=radio].unavailable + label, input[type=radio].unavailable:active + label, input[type=radio].unavailable.active + label {
  cursor: default;
  opacity: 0.3;
}

/* @group Base */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  margin-bottom: 20px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.chosen-container .buttontext {
  color: #000 !important;
}
.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 20;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  border-top: 0;
  background: #fff;
}
.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
}
.chosen-container a {
  cursor: pointer;
}

/* @end */
.error .chosen-container-single .chosen-single {
  border-style: solid;
  border-width: 1px;
}
.error .chosen-container-single .chosen-single:hover {
  border-style: solid;
  border-width: 1px;
}
.error .chosen-container-single .chosen-single .icon {
  width: 38px;
  height: 38px;
}

/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  color: #000;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: border 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  -o-transition: border 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  transition: border 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  font-family: "OfficinaSansITCW01-Book 734509", Arial, Helvetica, Verdana, Tahoma, sans-serif;
  font-weight: normal;
  padding: 4px 10px 0;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom: 1px solid #000;
  background: #f2f4f5;
  height: 40px;
  line-height: 36px;
  border: none;
  background: #f2f4f5;
}
.chosen-container-single .chosen-single:before {
  content: "";
  display: none !important;
}
.chosen-container-single .chosen-single:hover {
  border: 1px solid #000;
}
.chosen-container-single .chosen-single.pseudo-class-active, .chosen-container-single .chosen-single:active {
  border: 1px solid #000;
  background: #e4e8ea;
}
.chosen-container-single .chosen-single.pseudo-class-focus, .chosen-container-single .chosen-single:focus {
  border: 1px solid #000;
  outline: none;
  -webkit-box-shadow: inset 4px 4px 0 0 #d5dcdf;
          box-shadow: inset 4px 4px 0 0 #d5dcdf;
}
.chosen-container-single .chosen-single::-webkit-input-placeholder {
  color: #6d7f8c;
}
.chosen-container-single .chosen-single:-moz-placeholder {
  color: #6d7f8c !important;
}
.chosen-container-single .chosen-single:-ms-input-placeholder {
  color: #6d7f8c;
}
.error .chosen-container-single .chosen-single, .chosen-container-single .chosen-single.error {
  border-color: #ff6464;
  border-bottom-color: #640000;
}
.chosen-container-single .chosen-single.pseudo-class-disabled, .chosen-container-single .chosen-single:disabled, .chosen-container-single .chosen-single.unavailable, .chosen-container-single .chosen-single.unavailable:hover, .chosen-container-single .chosen-single.unavailable:focus, .chosen-container-single .chosen-single.unavailable, .chosen-container-single .chosen-single.unavailable:active, .chosen-container-single .chosen-single.unavailable.active {
  cursor: default;
  opacity: 0.5;
  border: 1px solid #9da9b3;
  background: #f2f4f5;
}
.chosen-container-single .chosen-single:hover {
  border: none;
  background: #f2f4f5;
  -webkit-box-shadow: inset 4px 4px 0 0 #e4e8ea;
          box-shadow: inset 4px 4px 0 0 #e4e8ea;
}
.chosen-container-single .chosen-single.pseudo-class-active, .chosen-container-single .chosen-single:active {
  border: 1px solid #000;
  background: #e4e8ea;
}
.chosen-container-single .chosen-single.button.icon-button.major > .icon {
  background: #9da9b3 !important;
}
.chosen-container-single .chosen-single.button.icon-button.major > .icon:before {
  content: "\e016";
}
.chosen-container-single .chosen-single.button.icon-button.major:hover > .icon {
  background: #6d7f8c !important;
}
.chosen-container-single .chosen-single.button.icon-button.major:active {
  padding-top: 4px;
  padding-left: 20px;
  padding-right: 60px;
}
.chosen-container-single .chosen-single.button.icon-button.major:active > .icon {
  top: 0;
  right: 0;
}
.chosen-container-single .chosen-default {
  color: #9da9b3 !important;
}
.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  font-size: 1px;
}
.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}
.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
}
.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}
.chosen-container-single .chosen-search input[type=text] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-single .chosen-drop {
  background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px;
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0;
  max-height: 240px;
  padding: 0;
  -webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  list-style: none;
  line-height: 40px;
  background: #f2f4f5;
  padding: 0 20px;
  border-top: 1px solid #fff;
  -webkit-touch-callout: none;
}
.chosen-container .chosen-results li:before {
  content: "";
  display: none;
}
.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  opacity: 0.5;
  cursor: default;
}
.chosen-container .chosen-results li.highlighted {
  background-color: #9da9b3;
  color: #fff;
}
.chosen-container .chosen-results li.no-results {
  display: list-item;
  background: #ff6464;
  color: #fff;
}
.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}
.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

/* @end */
/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
  background: #e6e9ec;
  -webkit-box-shadow: inset 4px 4px 0 0 #d5dcdf;
          box-shadow: inset 4px 4px 0 0 #d5dcdf;
  color: #000;
}
.chosen-container-active .chosen-single:hover {
  -webkit-box-shadow: inset 4px 4px 0 0 #d5dcdf;
          box-shadow: inset 4px 4px 0 0 #d5dcdf;
}
.chosen-container-active.chosen-with-drop .chosen-single.button.icon-button.major > .icon:before {
  content: "\e004";
}

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}
.chosen-disabled .chosen-single {
  cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

.search-choice a.search-choice-close:before {
  text-indent: 5px;
  font-size: 18px;
  content: "X" !important;
}

/* @end */
select {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: border 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  -o-transition: border 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  transition: border 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  font-family: "OfficinaSansITCW01-Book 734509", Arial, Helvetica, Verdana, Tahoma, sans-serif;
  font-weight: normal;
  padding: 4px 10px 0;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom: 1px solid #000;
  background: #f2f4f5;
  height: 30px;
  line-height: 30px;
  margin-bottom: 20px;
  padding-right: 0 !important;
}
select:hover {
  border: 1px solid #000;
}
select.pseudo-class-active, select:active {
  border: 1px solid #000;
  background: #e4e8ea;
}
select.pseudo-class-focus, select:focus {
  border: 1px solid #000;
  outline: none;
  -webkit-box-shadow: inset 4px 4px 0 0 #d5dcdf;
          box-shadow: inset 4px 4px 0 0 #d5dcdf;
}
select::-webkit-input-placeholder {
  color: #6d7f8c;
}
select:-moz-placeholder {
  color: #6d7f8c !important;
}
select:-ms-input-placeholder {
  color: #6d7f8c;
}
.error select, select.error {
  border-color: #ff6464;
  border-bottom-color: #640000;
}
select.pseudo-class-disabled, select:disabled, select.unavailable, select.unavailable:hover, select.unavailable:focus, select.unavailable, select.unavailable:active, select.unavailable.active {
  cursor: default;
  opacity: 0.5;
  border: 1px solid #9da9b3;
  background: #f2f4f5;
}
select.no-bottom-margin {
  margin-bottom: 0;
}

@font-face {
  font-family: "Alef-Regular";
  src: url("/typo3conf/ext/spoho_base/Resources/Public/Fonts/Alef-Regular.eot");
  src: url("/typo3conf/ext/spoho_base/Resources/Public/Fonts/Alef-Regular.eot?#iefix") format("embedded-opentype"), url("/typo3conf/ext/spoho_base/Resources/Public/Fonts/Alef-Regular.woff") format("woff"), url("/typo3conf/ext/spoho_base/Resources/Public/Fonts/Alef-Regular.ttf") format("truetype"), url("/typo3conf/ext/spoho_base/Resources/Public/Fonts/Alef-Regular.svg#Alef-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.calendar-tile {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 76px;
  height: 76px;
  padding: 20px 12px;
  font-size: 18px;
  line-height: 18px;
  font-family: "Alef-Regular";
  color: #fff;
  background: #6d7f8c;
}
@media screen and (min-width: 760px) {
  .calendar-tile {
    width: 93px;
    height: 93px;
    padding: 21.5px 12px;
    font-size: 25px;
    line-height: 25px;
  }
}
.calendar-tile.to {
  background: #9da9b3;
}
.calendar-tile.important {
  background: #ff6464;
}

.calendar-tiles-hor {
  display: block;
}
@media screen and (min-width: 760px) {
  .calendar-tiles-hor {
    width: 186px;
  }
  .calendar-tiles-hor .calendar-tile {
    float: left;
  }
}

.grid-700-220 .calendar-tiles,
.grid-220-700 .calendar-tiles,
.calendar-tiles-vert {
  display: block;
}
@media screen and (min-width: 760px) {
  .grid-700-220 .calendar-tiles,
  .grid-220-700 .calendar-tiles,
  .calendar-tiles-vert {
    height: 186px;
  }
}
@media screen and (min-width: 760px) {
  .filter-element .grid-700-220 .calendar-tiles,
  .filter-element .grid-220-700 .calendar-tiles,
  .filter-element .calendar-tiles-vert {
    height: auto !important;
  }
}

nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
nav ul li:before {
  content: "";
  display: none;
}
nav li {
  padding-top: 0;
  padding-bottom: 0;
}
nav a, nav strong {
  text-decoration: none;
  text-decoration: none !important;
}

#nav_main {
  margin-top: 20px;
  float: left;
  width: 100%;
}
@media screen and (min-width: 960px) {
  #nav_main {
    margin-top: 60px;
    width: 60%;
  }
}

@-webkit-keyframes throb {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes throb {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.throbber {
  -webkit-animation: throb 4s infinite linear;
          animation: throb 4s infinite linear;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}

.throbber {
  overflow: hidden;
  text-decoration: none;
}
.throbber:after, .throbber:before {
  font-family: "DSHS-Iconfont";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: none !important;
  line-height: 1;
  vertical-align: middle;
}
.throbber.absolute {
  position: absolute;
  left: 50%;
  top: 50%;
}
.throbber:before {
  content: "\e01e";
  vertical-align: middle;
  display: block;
}
.throbber:after {
  content: "";
  display: none;
}

.throbber {
  color: #000;
  height: 50px;
  width: 50px;
}
.throbber.absolute {
  margin-left: -25px;
  margin-top: -25px;
}
.throbber:before {
  font-size: 50px;
  height: 50px;
  line-height: 50px;
  width: 50px;
}
.throbber.mini {
  height: 35px;
  width: 35px;
}
.throbber.mini.absolute {
  margin-left: -17.5px;
  margin-top: -17.5px;
}
.throbber.mini:before {
  font-size: 35px;
  height: 35px;
  line-height: 35px;
  width: 35px;
}
.throbber.large {
  height: 75px;
  width: 75px;
}
.throbber.large.absolute {
  margin-left: -37.5px;
  margin-top: -37.5px;
}
.throbber.large:before {
  font-size: 75px;
  height: 75px;
  line-height: 75px;
  width: 75px;
}

/*! jQuery UI - v1.11.0 - 2014-07-01
* http://jqueryui.com
* Includes: core.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

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

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-clearfix {
  min-height: 0; /* support: IE7 */
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em;
}

.ui-widget-content {
  border: 1px solid #9da9b3;
  background: #fff url("/typo3conf/ext/spoho_base/Resources/Public/Images/datepicker/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
  color: #000;
}

.ui-widget-content a {
  color: #f2f4f5;
}

.ui-widget-header {
  border: 1px solid #9da9b3;
  background: #e6e9ec url("/typo3conf/ext/spoho_base/Resources/Public/Images/datepicker/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
  color: #000;
  font-weight: bold;
}

.ui-widget-header a {
  color: #f2f4f5;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #d3d3d3;
  background: #0bb3df url("/typo3conf/ext/spoho_base/Resources/Public/Images/datepicker/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #6d7f8c;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #6d7f8c;
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #6d7f8c;
  background: #bae1ec url("/typo3conf/ext/spoho_base/Resources/Public/Images/datepicker/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #000;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #e6e9ec;
  text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #9da9b3;
  background: #fff url("/typo3conf/ext/spoho_base/Resources/Public/Images/datepicker/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #e6e9ec;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #e6e9ec;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #e6ddc5;
  background: #e6ddc5 url("/typo3conf/ext/spoho_base/Resources/Public/Images/datepicker/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
  color: #e2a01f;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #e2a01f;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #ff6464;
  background: #fef1ec url("/typo3conf/ext/spoho_base/Resources/Public/Images/datepicker/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
  color: #ff6464;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #ff6464;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #ff6464;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("/typo3conf/ext/spoho_base/Resources/Public/Images/datepicker/ui-icons_222222_256x240.png");
}

.ui-widget-header .ui-icon {
  background-image: url("/typo3conf/ext/spoho_base/Resources/Public/Images/datepicker/ui-icons_222222_256x240.png");
}

.ui-state-default .ui-icon {
  background-image: url("/typo3conf/ext/spoho_base/Resources/Public/Images/datepicker/ui-icons_888888_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url("/typo3conf/ext/spoho_base/Resources/Public/Images/datepicker/ui-icons_454545_256x240.png");
}

.ui-state-active .ui-icon {
  background-image: url("/typo3conf/ext/spoho_base/Resources/Public/Images/datepicker/ui-icons_454545_256x240.png");
}

.ui-state-highlight .ui-icon {
  background-image: url("/typo3conf/ext/spoho_base/Resources/Public/Images/datepicker/ui-icons_2e83ff_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("/typo3conf/ext/spoho_base/Resources/Public/Images/datepicker/ui-icons_cd0a0a_256x240.png");
}

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-carat-1-n {
  background-position: 0 0;
}

.ui-icon-carat-1-ne {
  background-position: -16px 0;
}

.ui-icon-carat-1-e {
  background-position: -32px 0;
}

.ui-icon-carat-1-se {
  background-position: -48px 0;
}

.ui-icon-carat-1-s {
  background-position: -64px 0;
}

.ui-icon-carat-1-sw {
  background-position: -80px 0;
}

.ui-icon-carat-1-w {
  background-position: -96px 0;
}

.ui-icon-carat-1-nw {
  background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
  background: #9da9b3 url("/typo3conf/ext/spoho_base/Resources/Public/Images/datepicker/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #9da9b3 url("/typo3conf/ext/spoho_base/Resources/Public/Images/datepicker/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
  border-radius: 8px;
}

.plain-content {
  text-align: left;
  background: #fff;
  padding: 5px;
  margin: 0;
}

#nav_cluster a {
  color: #fff;
}
#nav_cluster a:hover {
  color: #a7cf3f;
}
#nav_cluster a:active {
  color: #dae6cc;
}
#nav_cluster a.active,
#nav_cluster strong {
  color: #8d8f90 !important;
}
#nav_cluster li {
  float: left;
  width: 33.33%;
}
#nav_cluster strong, #nav_cluster a {
  -webkit-transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  -o-transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  position: relative;
  display: block;
  height: 90px;
  font-family: "OfficinaSerifITCW01-Med", Georgia, serif;
  letter-spacing: 0.025em;
  font-weight: normal;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  line-height: 1em;
  text-decoration: none;
  position: relative;
}
#nav_cluster strong:after, #nav_cluster strong:before, #nav_cluster a:after, #nav_cluster a:before {
  font-family: "DSHS-Iconfont";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: none !important;
  line-height: 1;
  vertical-align: middle;
}
#nav_cluster strong:before, #nav_cluster a:before {
  content: "\e038";
}
#nav_cluster strong:before, #nav_cluster a:before {
  text-align: center;
  line-height: 50px;
  font-size: 40px;
  display: inline;
  -webkit-transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  -o-transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
}
#nav_cluster strong:after, #nav_cluster a:after {
  content: "";
  position: absolute;
  top: -7px;
  left: 50%;
  margin-left: -7px;
  margin-top: 0;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #343434;
}
#nav_cluster strong:after, #nav_cluster a:after {
  top: auto;
  bottom: 0px;
}
#nav_cluster strong:hover, #nav_cluster a:hover {
  background: #2f2f2f;
}
#nav_cluster strong:active, #nav_cluster a:active {
  color: #a1cc33;
  color: #dae6cc;
  background: #2a2a2a;
}
@media screen and (min-width: 760px) {
  #nav_cluster strong.active:after, #nav_cluster a.active:after {
    border-bottom-color: #f2f4f5;
    bottom: 0;
  }
}
#nav_cluster strong span, #nav_cluster a span {
  font-size: 13px;
  position: absolute;
  bottom: 5px;
  left: 0;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 5px 10px;
}
@media screen and (min-width: 760px) {
  #nav_cluster strong:after {
    border-bottom-color: #f2f4f5;
  }
}
#nav_cluster li + li a:before, #nav_cluster li + li strong:before {
  content: "\e03a";
}
#nav_cluster li + li + li a:before, #nav_cluster li + li + li strong:before {
  content: "\e037";
}
#nav_cluster li + li + li + li a:before, #nav_cluster li + li + li + li strong:before {
  content: "\e03b";
}
#nav_cluster li + li + li + li + li a:before, #nav_cluster li + li + li + li + li strong:before {
  content: "\e03c";
}
#nav_cluster li + li + li + li + li + li a:before, #nav_cluster li + li + li + li + li + li strong:before {
  content: "\e039";
}
#nav_cluster .throbber {
  color: #9da9b3;
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (min-width: 600px) {
  #nav_cluster a, #nav_cluster strong {
    height: 105px;
  }
  #nav_cluster a span, #nav_cluster strong span {
    font-size: 17px;
  }
  #nav_cluster a:before, #nav_cluster strong:before {
    line-height: 60px;
    font-size: 50px;
  }
}
@media screen and (min-width: 760px) {
  #nav_cluster li {
    float: left;
    width: 16.6667%;
  }
  #nav_cluster a, #nav_cluster strong {
    vertical-align: bottom;
    width: 123px;
    max-width: 100%;
    height: 126px;
  }
  #nav_cluster a:before, #nav_cluster strong:before {
    line-height: 90px;
    font-size: 65px;
  }
}
@media screen and (min-width: 960px) {
  #nav_cluster a, #nav_cluster strong {
    width: 155px;
  }
}
@media screen and (min-width: 760px) {
  #nav_cluster li {
    float: left;
    width: 16.6667%;
  }
}

@media screen and (min-width: 760px) {
  .scrolled #nav_cluster a:before {
    opacity: 0;
  }
}
#cluster_fold {
  background: #f2f4f5;
  width: 100%;
  left: 0;
  z-index: 3;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}
#cluster_fold.panel {
  position: fixed;
}
@media screen and (min-width: 760px) {
  #cluster_fold.panel {
    height: auto;
  }
}
#cluster_fold .inner {
  position: relative;
  height: auto;
}
#cluster_fold h3 {
  text-align: center;
}
#cluster_fold .cluster-col {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #e6e9ec;
  margin-bottom: 20px;
  padding: 20px;
}
#cluster_fold .cluster-col h4 {
  margin-top: 0;
}
@media screen and (min-width: 760px) {
  #cluster_fold .cluster-col {
    width: 233px;
    margin: 10px 20px 40px 0;
    float: left;
  }
  #cluster_fold .cluster-col:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (min-width: 960px) {
  #cluster_fold .cluster-col {
    width: calc(33.333333% - 13.333334px);
  }
}
#cluster_fold ul li a {
  color: #000;
}
#cluster_fold ul li a:hover {
  color: #0bb3df;
}
#cluster_fold ul li a:active {
  color: #3c5466;
}
#cluster_fold ul li a.active,
#cluster_fold ul li strong {
  color: #000 !important;
}
#cluster_fold .cluster-col li a {
  display: block;
  font-weight: normal;
  padding: 3px 30px 3px 10px;
  line-height: 1.15em;
  position: relative;
}
#cluster_fold .cluster-col li a:before {
  content: "›";
  position: absolute;
  left: 0;
}
#cluster_fold .cluster-image {
  text-align: center;
  clear: left;
  margin: 0 0 10px;
}
#cluster_fold .cluster-image img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}
#cluster_fold .cluster-image a[target=_blank]::after {
  content: none;
}
#cluster_fold .cluster-image.cluster-image__desktop {
  display: none;
  visibility: hidden;
}
@media screen and (min-width: 960px) {
  #cluster_fold .inner {
    width: 1280px;
    max-width: 100%;
  }
  #cluster_fold .inner > .nav-list {
    max-width: 960px;
    margin: 0 auto;
  }
  #cluster_fold .cluster-image {
    text-align: right;
    width: 22.5806451613%;
    max-width: calc(100% - 759px);
    float: left;
    margin: 10px 0 0;
  }
  #cluster_fold .cluster-image.cluster-image__desktop {
    display: block;
    visibility: visible;
  }
  #cluster_fold .cluster-image.cluster-image__not-desktop {
    display: none;
    visibility: hidden;
  }
  #cluster_fold .cluster-cols {
    width: 75.8064516129%;
    min-width: 739px;
    float: right;
  }
  #cluster_fold .cluster-cols:only-child {
    width: 940px;
    margin: 0 auto;
    float: none;
  }
}

#cluster_fold nav ul li a.active {
  color: #335da8 !important;
}

#cluster_fold.panel {
  -webkit-transition: margin-top 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  -o-transition: margin-top 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  transition: margin-top 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  margin-top: -1500px;
  border-bottom: 1px solid #343434;
  z-index: 16;
}
@media screen and (min-width: 760px) {
  #cluster_fold.panel {
    z-index: 6;
  }
}
#cluster_fold.panel.visible {
  margin-top: 0;
  padding-top: 60px;
}
#cluster_fold.panel.visible .inner {
  min-height: 300px;
}
@media screen and (min-width: 600px) {
  #cluster_fold.panel.visible {
    padding-top: 99px;
  }
}
@media screen and (min-width: 760px) {
  #cluster_fold.panel.visible {
    padding-top: 225px;
  }
}

#cluster_fold_close {
  display: none;
}
.panel #cluster_fold_close {
  display: inline-block;
  position: absolute;
  top: -10px;
  right: 10px;
}
@media screen and (min-width: 960px) {
  .panel #cluster_fold_close {
    right: 50%;
    margin-right: -470px;
  }
  .panel .cluster-col #cluster_fold_close {
    margin-right: 0;
  }
}

#nav_breadcrumb {
  float: left;
  width: 100%;
  margin-top: 10px;
}
@media screen and (min-width: 760px) {
  #nav_breadcrumb {
    margin-top: 45px;
  }
}
@media screen and (min-width: 760px) {
  #nav_breadcrumb {
    border-bottom: 4px solid #000;
  }
}
#nav_breadcrumb a {
  color: #000;
}
#nav_breadcrumb a:hover {
  color: #0bb3df;
}
#nav_breadcrumb a:active {
  color: #3c5466;
}
#nav_breadcrumb a.active,
#nav_breadcrumb strong {
  color: #000 !important;
}
#nav_breadcrumb strong,
#nav_breadcrumb a {
  font-weight: normal;
  color: #000;
  font-size: 14px;
  line-height: 19px;
  padding-right: 5px;
}
#nav_breadcrumb strong:before,
#nav_breadcrumb a:before {
  content: "";
  display: none;
}
#nav_breadcrumb a:after {
  font-family: "OfficinaSansITCW01-Book 734509", Arial, Helvetica, Verdana, Tahoma, sans-serif;
  font-weight: normal;
  content: "›";
  padding-left: 5px;
}
#nav_breadcrumb strong {
  color: #000;
}
#nav_breadcrumb li {
  float: left;
}

#nav_top a {
  color: #000;
}
#nav_top a:hover {
  color: #0bb3df;
}
#nav_top a:active {
  color: #3c5466;
}
#nav_top a.active,
#nav_top strong {
  color: #000 !important;
}
#nav_top li {
  float: left;
}
#nav_top strong, #nav_top a {
  display: block;
  text-decoration: none;
  font-size: 0;
}
#nav_top strong:after, #nav_top strong:before, #nav_top a:after, #nav_top a:before {
  font-family: "DSHS-Iconfont";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: none !important;
  line-height: 1;
  vertical-align: middle;
}
#nav_top strong:before, #nav_top a:before {
  font-size: 40px;
  line-height: 40px;
}
#nav_top a:hover {
  color: #000;
  background: #f2f4f5;
}
#nav_top a:active {
  background: #fbfbfc;
}
#nav_top strong,
#nav_top a.active {
  background: #343434;
}
#nav_top strong:before,
#nav_top a.active:before {
  color: #fff;
}

#utils_top {
  float: right;
}
#utils_top .intranet:before {
  content: "\e028";
}
#utils_top .language:before {
  content: "\e012";
}
#utils_top a.fis:before {
  content: "\e902";
}
#utils_top a.cluster:before {
  content: "\e015";
}
#utils_top a.suchen:before {
  content: "\e008";
}
#utils_top a.active:before {
  content: "\e004";
}
#utils_top > nav, #utils_top > form {
  float: left;
}
@media screen and (min-width: 760px) {
  #utils_top {
    width: 420px;
    text-align: right;
    margin-top: 5px;
  }
  #utils_top > nav, #utils_top > form {
    float: none;
    display: inline-block;
    vertical-align: text-top;
  }
  #utils_top > form {
    margin-left: 10px;
    margin-top: 1px;
  }
  #utils_top .search-form.small input {
    width: 119px;
  }
  #utils_top .cluster-caller-wrapper,
  #utils_top .search-caller-wrapper {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .shrinked #utils_top {
    margin-top: 15px !important;
  }
  .shrinked #utils_top #nav_top li {
    height: 30px;
  }
  #utils_top #nav_top {
    text-align: right;
  }
  #utils_top #nav_top li {
    float: none;
    display: inline-block;
  }
  #utils_top #nav_top li + li {
    margin-left: 10px;
  }
  #utils_top #nav_top strong, #utils_top #nav_top a {
    line-height: 35px;
    font-size: 14px;
  }
  #utils_top #nav_top strong:before, #utils_top #nav_top a:before {
    font-size: 28px;
    line-height: 35px;
  }
  #utils_top #nav_top a:hover {
    color: #0bb3df;
    background: none;
  }
  #utils_top #nav_top strong,
  #utils_top #nav_top a.active {
    font-family: "OfficinaSansITCW01-Medi 734521", Arial, Helvetica, Verdana, Tahoma, sans-serif;
    font-weight: normal;
    margin-top: -1px;
    font-weight: normal !important;
    background: transparent;
  }
  #utils_top #nav_top strong:before,
  #utils_top #nav_top a.active:before {
    color: #000;
  }
}
@media screen and (min-width: 960px) {
  #utils_top {
    width: 620px;
  }
  #utils_top .search-form.small input {
    width: auto;
  }
  .shrinked #utils_top #nav_top li {
    height: auto;
  }
  #utils_top #nav_top li + li {
    margin-left: 15px;
  }
  #utils_top > form {
    margin-left: 15px;
  }
}
@media screen and (max-width: 759px) {
  #utils_top {
    position: absolute;
    right: 10px;
    bottom: 0;
  }
}

@media screen and (max-width: 759px) {
  #search {
    display: none;
    padding: 20px;
  }
  #search fieldset {
    position: relative;
  }
  #search input {
    width: 100%;
    padding-right: 60px;
    font-size: 30px;
    height: 60px;
    line-height: 60px;
    margin-bottom: 0;
    border: none !important;
    color: #000;
  }
  #search button {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 60px;
    height: 60px;
    width: 60px;
  }
  #search button .icon {
    height: 60px;
    width: 60px;
    font-size: 60px;
  }
}

#utils_inner {
  width: 100%;
  clear: both;
  height: 60px;
  padding: 10px 0 0;
  border-top: 4px solid #000;
}
#utils_inner > div,
#utils_inner > ul,
#utils_inner > nav {
  float: left;
}
#utils_inner #to_top {
  float: right;
}

#menu_toggler {
  background: #f2f4f5;
  margin-right: 10px;
}
#menu_toggler a.button .buttontext {
  display: none;
}
@media screen and (min-width: 600px) {
  #menu_toggler {
    padding: 0 10px 23px 0;
    padding-left: 140px;
    margin-left: -140px;
    margin-bottom: -5px;
  }
  #menu_toggler a.button {
    background: transparent;
    width: 185px !important;
  }
  #menu_toggler a.button .buttontext {
    color: #000;
    display: inline-block;
  }
  #menu_toggler a.button .icon {
    background: #9da9b3 !important;
    border-right: none;
  }
  #menu_toggler a.button.active .icon, #menu_toggler a.button:active .icon {
    background: transparent !important;
    color: #000 !important;
  }
  #menu_toggler a.button.active, #menu_toggler a.button:active {
    color: #000 !important;
  }
}

#social_links {
  list-style: none;
  float: left;
  margin: 0;
  padding: 0;
}
#social_links li {
  padding: 0;
  float: left;
  margin-right: 10px;
}
#meta_links {
  margin-top: 20px;
  text-align: left;
}
#meta_links nav {
  display: inline;
}
@media screen and (min-width: 960px) {
  #meta_links nav {
    margin-bottom: 3px;
  }
}
#meta_links nav a {
  color: #000;
}
#meta_links nav a:hover {
  color: #0bb3df;
}
#meta_links nav a:active {
  color: #3c5466;
}
#meta_links nav a.active,
#meta_links nav strong {
  color: #000 !important;
}
#meta_links nav strong,
#meta_links nav a {
  font-weight: normal;
  color: #000;
  font-size: 14px;
  line-height: 19px;
  padding: 0 5px;
}
#meta_links nav strong:before,
#meta_links nav a:before {
  content: "";
  display: none;
}
#meta_links nav strong {
  color: #000;
}
#meta_links nav ul {
  display: inline;
}
#meta_links nav li {
  display: inline-block;
  line-height: 17px;
}
#meta_links nav li:before {
  font-family: "OfficinaSansITCW01-Book 734509", Arial, Helvetica, Verdana, Tahoma, sans-serif;
  font-weight: normal;
  content: "|";
  display: inline;
}
#meta_links #nav_meta li:first-child:before {
  content: "";
  display: none;
}

#nav_footer a {
  color: #fff;
}
#nav_footer a:hover {
  color: #a7cf3f;
}
#nav_footer a:active {
  color: #dae6cc;
}
#nav_footer a.active,
#nav_footer strong {
  color: #8d8f90 !important;
}
#nav_footer strong,
#nav_footer a {
  font-size: 17px;
}
#nav_footer .level1 {
  text-align: left;
  margin: 0;
  float: left;
  width: 100%;
}
#nav_footer .level1 > li {
  margin-top: 20px;
  float: left;
  width: 100%;
}
#nav_footer .level1 > li > strong,
#nav_footer .level1 > li > a {
  font-family: "OfficinaSerifITCW01-Med", Georgia, serif;
  letter-spacing: 0.025em;
  font-weight: normal;
  display: block;
  line-height: 55px;
  border-top: 2px solid #000;
  border-bottom: 1px solid #000;
}
@media screen and (min-width: 600px) {
  #nav_footer .level1 > li {
    width: 50%;
  }
  #nav_footer .level1 > li:nth-child(2n+1) {
    clear: left;
  }
  #nav_footer .level1 > li strong, #nav_footer .level1 > li a {
    padding-right: 20px;
  }
}
@media screen and (min-width: 760px) {
  #nav_footer .level1 > li {
    width: 33%;
  }
  #nav_footer .level1 > li:nth-child(2n+1) {
    clear: none;
  }
  #nav_footer .level1 > li:nth-child(3n+1) {
    clear: left;
  }
}
@media screen and (min-width: 960px) {
  #nav_footer .level1 > li {
    width: 240px;
  }
  #nav_footer .level1 > li:nth-child(3n+1) {
    clear: none;
  }
  #nav_footer .level1 > li:nth-child(4n+1) {
    clear: left;
  }
  #nav_footer .level1 > li:nth-child(4n) {
    width: 220px !important;
  }
  #nav_footer .level1 > li strong:nth-child(4n), #nav_footer .level1 > li a:nth-child(4n) {
    padding-right: 0px;
  }
}
#nav_footer .level2 {
  margin: 15px 0;
}
#nav_footer .level2 li {
  float: none;
}
#nav_footer .level2 li strong,
#nav_footer .level2 li a {
  display: block;
  font-weight: normal;
  padding: 3px 30px 3px 10px;
  line-height: 1.15em;
  position: relative;
}
#nav_footer .level2 li strong:before,
#nav_footer .level2 li a:before {
  content: "›";
  position: absolute;
  left: 0;
}

.search-form {
  position: relative;
}
.search-form label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.search-form input {
  margin-right: 1px;
  width: 80%;
  float: left;
}
.search-form button {
  position: absolute;
  top: 0;
  right: 0;
}
.search-form.small input {
  font-size: 14px;
  line-height: 26px;
}
.search-form.small input {
  height: 30px;
  width: calc(100% - 30px);
}
.search-form.small button {
  line-height: 30px;
  height: 30px;
  width: 30px;
  min-width: 30px;
}
.search-form.small button .icon {
  height: 30px;
  width: 30px;
  font-size: 30px;
}

.search-form.large {
  position: relative;
  padding-right: 65px !important;
}
.search-form.large input {
  width: 100%;
  padding-right: 60px;
  font-size: 30px;
  height: 60px;
  line-height: 60px;
  margin-bottom: 0;
  color: #000;
}
.search-form.large button {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 60px;
  height: 60px;
  width: 60px;
}
.search-form.large button .icon {
  height: 60px;
  width: 60px;
  font-size: 60px;
}

div#page_title + .filter-element {
  float: left;
  width: 100%;
  clear: left;
}

#filter_a_z ul {
  background: #f2f4f5;
  padding: 0;
  margin: 0;
  width: 100%;
  clear: left;
  float: left;
  list-style: none;
  text-align: center;
  border-bottom: 1px solid #000;
}
#filter_a_z li {
  display: inline;
}
#filter_a_z li a {
  color: #000;
}
#filter_a_z li a:hover {
  color: #0bb3df;
}
#filter_a_z li a:active {
  color: #3c5466;
}
#filter_a_z li a.active,
#filter_a_z li strong {
  color: #000 !important;
}
#filter_a_z li a {
  padding: 5px 3px 0;
  display: inline-block;
  text-decoration: none;
}
#filter_a_z li a.active {
  font-family: "OfficinaSansITCW01-Medi 734521", Arial, Helvetica, Verdana, Tahoma, sans-serif;
  font-weight: normal;
  color: #0bb3df !important;
}

#filter_caller {
  position: fixed;
  right: 10px;
  top: 240px;
  margin-top: -50px;
  -webkit-transition: top 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  -o-transition: top 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  transition: top 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  z-index: 11;
}
#filter_caller a.button.icon-only {
  width: 40px;
  height: 40px;
  font-size: 40px;
}
#filter_caller a.button.icon-only .icon {
  width: 40px;
  height: 40px;
  font-size: 40px;
}
@media screen and (min-width: 760px) {
  #filter_caller {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
}
.scrolled #filter_caller {
  top: 124px;
}
.filter-panel-opened #filter_caller {
  top: 124px;
}
@media screen and (min-width: 600px) {
  .scrolled #filter_caller {
    top: 134px;
  }
  .filter-panel-opened #filter_caller {
    top: 164px;
  }
  .scrolled .filter-panel-opened #filter_caller {
    top: 134px;
  }
}

@media screen and (max-width: 759px) {
  .inner.has-filter-right {
    padding-right: 15px;
  }
}
.filter-element .grid-col-right {
  background: #e6e9ec;
  position: relative;
  height: 100%;
  clear: both;
  -webkit-transition: padding 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  -o-transition: padding 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  transition: padding 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
}
@media screen and (min-width: 600px) {
  .filter-element .grid-col-right:after {
    content: "";
    background: #e6e9ec;
    height: 100%;
    position: absolute;
    top: 0;
    width: 140px;
    right: -140px;
  }
}
@media screen and (min-width: 760px) {
  .filter-element .grid-col-right {
    clear: none;
  }
}
.filter-element .grid-col-right .inner {
  padding: 0;
  background: none !important;
}
@media screen and (max-width: 759px) {
  .filter-element .grid-col-right .inner {
    width: 100% !important;
  }
}
@media screen and (max-width: 759px) {
  .filter-element .grid-col-right {
    position: fixed;
    -webkit-transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
    -o-transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
    transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
    padding-left: 10px;
    padding-right: 10px;
    z-index: 8;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    top: 0;
    margin-right: 10px;
    height: 100%;
    right: -50%;
    width: 50%;
    overflow: visible;
    background: #0053A4;
  }
}
@media screen and (max-width: 599px) {
  .filter-element .grid-col-right {
    right: -100%;
    width: 100%;
  }
}

@media screen and (max-width: 759px) {
  .filter-panel-opened .filter-element .grid-col-right {
    background-color: #e6e9ec;
    right: 0;
    margin-right: 0;
    -webkit-overflow-scrolling: touch;
    overflow: auto;
  }
}
@media screen and (max-width: 759px) {
  .filter-element .grid-col-right {
    padding-top: 109px;
  }
  .scrolled .filter-element .grid-col-right {
    padding-top: 79px;
  }
}
@media screen and (max-width: 599px) {
  .filter-element .grid-col-right {
    padding-top: 70px;
  }
  .scrolled .filter-element .grid-col-right {
    padding-top: 70px;
  }
}
.filter-header {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  width: 100%;
  padding: 10px;
  background: #e6e9ec;
  border-bottom: 2px solid #000;
}
@media screen and (min-width: 760px) {
  .filter-header {
    line-height: 40px;
  }
}
@media screen and (min-width: 960px) {
  .filter-header {
    height: 60px;
  }
}
.filter-header label {
  display: inline-block;
  float: left;
  padding-top: 3px;
  line-height: 37px;
  margin: 0 5px 0 0;
  font-family: "OfficinaSansITCW01-Book 734509", Arial, Helvetica, Verdana, Tahoma, sans-serif;
  font-weight: normal;
  clear: both;
}
@media screen and (min-width: 600px) {
  .filter-header label {
    margin-left: 10px;
    clear: none;
  }
}
.filter-header .filter-select-container {
  display: inline-block;
  float: right;
  width: 160px;
}
@media screen and (min-width: 600px) {
  .filter-header .filter-select-container {
    float: left;
  }
}
.filter-header .filter-select-container a.button.major {
  min-width: 160px;
  padding-left: 10px;
  padding-right: 50px;
}
.filter-header .filter-select-container .chosen-container {
  margin-bottom: 1px;
}
.filter-header .filter-select-container .chosen-container .chosen-results li {
  padding: 0 10px;
}
.filter-header .filter-select-amount {
  width: 100px !important;
}
.filter-header .filter-select-amount a.button.major {
  min-width: 100px !important;
}
.filter-header .page-browse {
  border-top: 0;
}
.filter-header h4 {
  float: left;
  margin: 0;
  padding-top: 3px;
  line-height: 37px;
  display: inline-block;
}

.filter-results {
  margin-top: 30px;
}

.filter-search {
  clear: left;
  background: #f2f4f5;
  padding: 40px 10px 10px;
}
.filter-search input {
  width: 160px;
  background: none;
}
.filter-search input.pseudo-class-focus, .filter-search input:focus {
  -webkit-box-shadow: inset 4px 4px 0 0 #dde1e5;
          box-shadow: inset 4px 4px 0 0 #dde1e5;
}
.filter-search button {
  background: none;
}

.filter-results-count strong {
  font-family: "OfficinaSansITCW01-Medi 734524", Arial, Helvetica, Verdana, Tahoma, sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1em;
}

.filter-links {
  padding: 0 0 20px;
}
.filter-links h4 {
  padding: 0 10px;
}
.filter-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.filter-links li {
  padding: 0;
}
.filter-links a {
  -webkit-transition: backgroundColor 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  -o-transition: backgroundColor 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  transition: backgroundColor 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  display: block;
  padding: 4px 10px 2px;
  color: #000;
  text-decoration: none;
}
.filter-links a .enum {
  color: #6d7f8c;
}
.filter-links a:not(.button):hover {
  background: #f2f4f5;
}
.filter-links a:not(.button).active, .filter-links a:not(.button):active {
  color: #3c5466;
  background: #f2f4f5;
}

.filter-controls {
  padding-bottom: 20px;
}
.filter-controls a {
  padding: 4px 10px 2px;
}

.filter-links,
.filter-controls {
  float: left;
  clear: left;
  width: 100%;
}

.portal-item figure {
  background: #f2f4f5;
  min-height: 200px;
}

.sub-portal-grp {
  margin-top: 40px;
  clear: both;
  float: left;
  width: 100%;
}

.sub-portal-item figure {
  background: #f2f4f5;
  min-height: 76px;
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 80;
}

.fancybox-skin {
  border-radius: 3px;
  background: #fff;
}
.fancybox-opened {
  z-index: 80;
}

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev, .fancybox-next {
  text-decoration: none;
}
#fancybox-loading .icon, .fancybox-close .icon, .fancybox-prev .icon, .fancybox-next .icon {
  background: #000;
  background: rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  -o-transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  text-decoration: none;
  color: #fff;
}
#fancybox-loading:hover .icon, .fancybox-close:hover .icon, .fancybox-prev:hover .icon, .fancybox-next:hover .icon {
  width: 75px;
  height: 75px;
  font-size: 75px;
  background: #000;
  background: rgba(0, 0, 0, 0.75);
}
#fancybox-loading:hover figcaption .icon, .fancybox-close:hover figcaption .icon, .fancybox-prev:hover figcaption .icon, .fancybox-next:hover figcaption .icon {
  top: -75px;
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
}

.fancybox-close {
  position: absolute !important;
  top: 10px;
  right: 10px;
  z-index: 85;
}
.fancybox-close .icon:before {
  content: "\e004";
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 20%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url("/typo3conf/ext/spoho_base/Resources/Public/Images/blank.gif"); /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 85;
}
.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav > span {
  position: absolute !important;
  bottom: 0;
  width: 40px;
  height: 40px;
  cursor: pointer;
  z-index: 85;
}

.fancybox-prev > span {
  left: 0px !important;
}
.fancybox-prev > span:before {
  content: "\e018";
}

.fancybox-next > span {
  right: 0px !important;
}
.fancybox-next > span:before {
  content: "\e02d";
}

.fancybox-nav:hover > span {
  visibility: visible;
}

/* Overlay helper */
.fancybox-lock {
  overflow-x: hidden !important;
  width: auto;
}

.fancybox-lock body {
  overflow: hidden !important;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 70;
  background: #343434;
  background: rgba(52, 52, 52, 0.8);
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */
.fancybox-title {
  visibility: hidden;
  position: relative;
  text-shadow: none;
  z-index: 85;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  text-align: left;
}

.fancybox-title-inside-wrap {
  padding-top: 20px;
  text-align: left;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #9da9b3;
  background: rgba(157, 169, 179, 0.75);
}

/*Retina graphics!*/
.spoho-gallery-header {
  background: #e6e9ec;
  font-size: 18px;
  font-family: "OfficinaSerifITCW01-Med", Georgia, serif;
  letter-spacing: 0.025em;
  font-weight: normal;
  line-height: 21px;
  color: #000;
  line-height: 35px;
  padding: 5px 10px 0;
  margin-bottom: 20px;
}

.gallery {
  margin-bottom: 85px;
}
.gallery .flickity-viewport {
  height: 220px;
}
@media screen and (max-width: 759px) {
  .gallery .ce-gallery {
    width: auto;
  }
}
.gallery .ce-column {
  width: 220px;
  height: 220px;
  margin-right: 20px;
}
.gallery .flickity-prev-next-button-wrapper {
  top: auto;
  bottom: -60px;
  z-index: 3;
  width: 100%;
  margin-left: -50%;
}
.gallery .flickity-prev-next-button-wrapper .flickity-prev-next-button {
  width: 40px !important;
  min-width: 40px !important;
  height: 40px;
}
.gallery ol.flickity-page-dots {
  position: absolute;
  width: 100%;
  min-height: 40px;
  bottom: -60px;
  list-style: none;
  text-align: center;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  padding: 10px 0;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 20px;
  background: #f2f4f5;
  display: table;
}
.gallery ol.flickity-page-dots li {
  height: 5px;
}
.gallery ol.flickity-page-dots li:before {
  content: "";
}

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: none;
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.flickity-prev-next-button-wrapper {
  margin: 0 auto;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 25%;
  left: 50%;
  width: 50%;
  margin-left: -25%;
}
.flickity-prev-next-button-wrapper:after {
  content: "";
  display: table;
  clear: both;
}
.flickity-prev-next-button-wrapper button {
  display: inline-block;
  width: 40px !important;
  height: 40px;
  min-width: 40px !important;
  padding: 0;
  pointer-events: auto;
  opacity: 0.9;
}
.flickity-prev-next-button-wrapper .flickity-prev-next-button {
  position: relative;
}
.flickity-prev-next-button-wrapper .flickity-prev-next-button.previous {
  float: left;
}
.flickity-prev-next-button-wrapper .flickity-prev-next-button.next {
  float: right;
}
@media screen and (min-width: 600px) {
  .flickity-prev-next-button-wrapper {
    top: auto;
    bottom: 20px;
    width: 560px;
    margin-left: -280px;
  }
}
@media screen and (min-width: 760px) {
  .flickity-prev-next-button-wrapper {
    width: 740px;
    margin-left: -370px;
    margin-top: 0;
    top: auto;
    bottom: 97px;
  }
  .flickity-prev-next-button-wrapper button {
    display: inline-block;
    width: 93px !important;
    min-width: 93px !important;
    height: 93px;
    opacity: 0.8;
  }
}
@media screen and (min-width: 960px) {
  .flickity-prev-next-button-wrapper {
    width: 940px;
    margin-left: -470px;
  }
}

.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 140px;
}

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 140px;
}

.flickity-prev-next-button {
  background-color: #9da9b3;
}
.flickity-prev-next-button:hover {
  background-color: #e6e9ec;
}
.flickity-prev-next-button:active, .flickity-prev-next-button:focus {
  background-color: #9da9b3;
  border: 4px solid #e6e9ec;
}
.flickity-prev-next-button:disabled {
  opacity: 0.3;
  cursor: auto;
}

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

.flickity-prev-next-button .arrow {
  fill: #fff;
}

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots {
  direction: rtl;
}

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

#socialshareprivacy {
  overflow: hidden;
  width: 100%;
  clear: both;
  float: left;
  background: #fbfbfc;
  z-index: 51;
  max-height: 0;
  border-bottom: 1px solid transparent;
  -webkit-transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  -o-transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
}
#socialshareprivacy.expanded {
  max-height: 400px;
  border-bottom: 1px solid black;
}
#socialshareprivacy.expanded.allow-overflow {
  overflow: visible;
}

.social_share_privacy_area {
  padding: 0;
  list-style-type: none;
  margin: 0;
  float: left;
  clear: left;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.social_share_privacy_area li {
  display: inline-block;
  -webkit-transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  -o-transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  position: relative;
  margin: 0 !important;
  padding: 0 !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (min-width: 600px) {
  .social_share_privacy_area li {
    float: left;
    min-width: 130px;
  }
}
.social_share_privacy_area li .dummy_btn {
  float: left;
  cursor: pointer;
  margin-top: 10px;
}
.social_share_privacy_area li div iframe {
  overflow: hidden;
  height: inherit;
  width: inherit;
}
.social_share_privacy_area .facebook .info,
.social_share_privacy_area .twitter .info,
.social_share_privacy_area .gplus .info {
  display: none;
  width: 160px;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #6c808e;
  border-radius: 10px;
  position: relative;
  color: #f2f4f5;
  font-size: 14px;
  line-height: 16.1px;
  position: absolute;
  bottom: 35px;
  width: 330px;
  left: 0;
  margin-left: -10px;
}
.social_share_privacy_area .facebook .info:before,
.social_share_privacy_area .twitter .info:before,
.social_share_privacy_area .gplus .info:before {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 50%;
  margin-left: -7px;
  margin-bottom: 0;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #6c808e;
}
.social_share_privacy_area .facebook .info:before,
.social_share_privacy_area .twitter .info:before,
.social_share_privacy_area .gplus .info:before {
  left: 30px;
}
.social_share_privacy_area .facebook.display .info,
.social_share_privacy_area .twitter.display .info,
.social_share_privacy_area .gplus.display .info {
  display: block;
  opacity: 0.95;
}
.social_share_privacy_area .switch {
  font-size: 14px;
  color: #3c5466;
  display: block;
  padding: 10px;
  width: 20px;
  float: left;
  text-align: left;
  cursor: pointer;
  text-decoration: none;
}
.social_share_privacy_area .switch span {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.social_share_privacy_area .switch:after, .social_share_privacy_area .switch:before {
  font-family: "DSHS-Iconfont";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: none !important;
  line-height: 1;
  vertical-align: middle;
}
.social_share_privacy_area .switch:before {
  content: "\e033";
}
.social_share_privacy_area .switch:before {
  position: absolute;
  top: 10px;
  left: 10px;
  margin-right: 3px;
  font-size: 22px;
  vertical-align: bottom;
}
.social_share_privacy_area .switch.on:before {
  content: "\e032";
}
.social_share_privacy_area .dummy_btn {
  float: none;
}
.social_share_privacy_area .settings_info_menu .icon,
.social_share_privacy_area .settings_info_menu a {
  text-decoration: none !important;
}
.social_share_privacy_area .settings_info_menu .icon:before,
.social_share_privacy_area .settings_info_menu a:before {
  content: "";
  display: none;
}
.social_share_privacy_area .settings_info_menu .info {
  text-decoration: none;
  padding: 10px;
  display: block;
}
.social_share_privacy_area .settings_info_menu .info:after, .social_share_privacy_area .settings_info_menu .info:before {
  font-family: "DSHS-Iconfont";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: none !important;
  line-height: 1;
  vertical-align: middle;
}
.social_share_privacy_area .settings_info_menu .info:before {
  content: "\e029";
}
.social_share_privacy_area .settings_info_menu .info:before {
  font-size: 21px;
}
.social_share_privacy_area .settings_info_menu .icon {
  font-size: 14px;
}
.social_share_privacy_area .facebook {
  width: 150px !important;
}
.social_share_privacy_area .facebook iframe {
  width: 110px !important;
}
.social_share_privacy_area .twitter {
  width: 150px !important;
}
.social_share_privacy_area .twitter iframe {
  width: 110px !important;
}

#cart_widget_wrapper {
  position: absolute;
  right: 10px;
  top: 29px;
  width: 300px;
  background: #fff;
  font-size: 14px;
  line-height: 19px !important;
  overflow: hidden;
  -webkit-transition: max-height 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  -o-transition: max-height 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  transition: max-height 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
}
@media screen and (min-width: 960px) {
  #cart_widget_wrapper {
    right: 20px;
  }
}
@media screen and (min-width: 760px) {
  #cart_widget_wrapper {
    max-height: 0;
  }
}
@media screen and (max-width: 759px) {
  #cart_widget_wrapper {
    display: none;
  }
}
#cart_widget_wrapper .cart-widget-inner {
  overflow: auto;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (min-width: 760px) {
  #cart_widget_wrapper .cart-widget-inner {
    border: 1px solid #9da9b3;
  }
}
#cart_widget_wrapper h4 {
  padding: 5px 10px;
  background: #9da9b3;
  color: #fff;
  margin-top: 0 !important;
  font-size: 14px;
  line-height: 19px;
}
#cart_widget_wrapper .cart-widget-event a {
  color: #000;
  line-height: 19px !important;
  display: block;
  min-height: 20px;
  position: relative;
  padding: 5px 100px 5px 10px;
  margin-right: 0 !important;
}
#cart_widget_wrapper .cart-widget-event a .cart-widget-event-more {
  position: absolute;
  top: 5px;
  right: 10px;
  color: #9da9b3;
}
#cart_widget_wrapper .cart-widget-event a:hover .cart-widget-event-more {
  color: #0bb3df !important;
}
#cart_widget_wrapper .button {
  display: inline-block;
  width: auto;
  margin: 10px !important;
  font-size: 17px !important;
  line-height: 26px !important;
  float: right;
}
#cart_widget_wrapper .button:hover {
  background: #006dd7 !important;
}
#cart_widget_wrapper .button:active {
  background: #0053a4 !important;
}
#cart_widget_wrapper.mobile-panel .cart-widget-event a {
  color: #fff;
  text-decoration: none;
}

@media screen and (min-width: 760px) {
  #cart_widget {
    position: relative;
    z-index: 1;
  }
}
#cart_widget .cart-widget-trigger:before {
  content: "\e900";
}
#cart_widget .cart-widget-trigger.active:before {
  content: "\e900";
}
#cart_widget:hover #cart_widget_wrapper {
  max-height: 200px;
}

#nav_subpages {
  margin-bottom: 15px;
}
.contact-box-detail + #nav_subpages {
  margin-top: -20px !important;
}

.nav-horizontal {
  float: left;
  width: 100%;
}
.nav-horizontal a {
  color: #000;
}
.nav-horizontal a:hover {
  color: #0bb3df;
}
.nav-horizontal a:active {
  color: #3c5466;
}
.nav-horizontal a.active,
.nav-horizontal strong {
  color: #000 !important;
}
@media screen and (min-width: 760px) {
  .nav-horizontal {
    overflow: hidden;
  }
}
.nav-horizontal ul {
  float: left;
  width: 100%;
  margin-top: 10px;
}
@media screen and (min-width: 760px) {
  .nav-horizontal ul {
    margin-top: 0;
    border-bottom: 1px solid #000;
  }
}
.nav-horizontal li {
  display: inline;
  float: left;
}
@media screen and (min-width: 760px) {
  .nav-horizontal li {
    height: 60px;
    float: none;
    vertical-align: middle;
    display: table-cell;
    overflow: visible;
    text-align: center;
  }
}
.nav-horizontal strong,
.nav-horizontal a {
  font-family: "OfficinaSerifITCW01-Med", Georgia, serif;
  letter-spacing: 0.025em;
  font-weight: normal;
  font-size: 14px;
  padding: 6px 5px 3px;
  margin-right: 5px;
  display: inline;
}
@media screen and (min-width: 760px) {
  .nav-horizontal strong,
  .nav-horizontal a {
    font-size: 17px;
    display: block;
    margin-right: 0;
    padding: 0 10px;
    border-right: 1px solid #fff;
  }
}
@media screen and (min-width: 760px) and (min-width: 760px) {
  .nav-horizontal strong,
  .nav-horizontal a {
    position: relative;
    position: relative;
  }
  .nav-horizontal strong:before,
  .nav-horizontal a:before {
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -10px;
    margin-top: 0;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #000;
  }
  .nav-horizontal strong:after,
  .nav-horizontal a:after {
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -10px;
    margin-top: 1px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
  }
  .nav-horizontal strong:before, .nav-horizontal strong:after,
  .nav-horizontal a:before,
  .nav-horizontal a:after {
    top: auto;
    bottom: -1px;
  }
  .nav-horizontal strong:after,
  .nav-horizontal a:after {
    bottom: -2px;
  }
}
@media screen and (min-width: 760px) {
  .nav-horizontal strong span,
  .nav-horizontal a span {
    display: table-cell;
    height: 55px;
    padding-top: 5px;
    vertical-align: middle;
    text-align: center;
  }
}
.nav-horizontal a {
  -webkit-transition: background-color 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  -o-transition: background-color 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  transition: background-color 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
}
@media screen and (min-width: 760px) {
  .nav-horizontal a:before, .nav-horizontal a:after {
    -webkit-transition: bottom 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
    -o-transition: bottom 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
    transition: bottom 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
    bottom: -11px;
  }
  .nav-horizontal a:after {
    bottom: -12px;
  }
}
.nav-horizontal a:hover {
  background: #f2f4f5;
  color: #000;
}
@media screen and (min-width: 760px) {
  .nav-horizontal a:hover:before, .nav-horizontal a:hover:after {
    bottom: -4px;
  }
  .nav-horizontal a:hover:after {
    bottom: -5px;
  }
}
.nav-horizontal a:active,
.nav-horizontal a.clicked,
.nav-horizontal strong {
  background: #f2f4f5;
  background: #e4e8ea;
  color: #000;
}
@media screen and (min-width: 760px) {
  .nav-horizontal a:active:before, .nav-horizontal a:active:after,
  .nav-horizontal a.clicked:before,
  .nav-horizontal a.clicked:after,
  .nav-horizontal strong:before,
  .nav-horizontal strong:after {
    bottom: -1px;
  }
  .nav-horizontal a:active:after,
  .nav-horizontal a.clicked:after,
  .nav-horizontal strong:after {
    bottom: -2px;
  }
}
@media screen and (max-width: 759px) {
  .nav-horizontal li {
    margin-bottom: 10px;
  }
  .nav-horizontal strong,
  .nav-horizontal a {
    position: relative;
  }
  .nav-horizontal strong:before,
  .nav-horizontal a:before {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 50%;
    margin-left: -7px;
    margin-bottom: 0;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #fff;
  }
  .nav-horizontal strong:before,
  .nav-horizontal a:before {
    -webkit-transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
    -o-transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
    transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  }
  .nav-horizontal a:hover:before,
  .nav-horizontal a:active:before,
  .nav-horizontal a.clicked:before,
  .nav-horizontal strong:before {
    border-top-color: #e4e8ea;
  }
}

.nav-horizontal a:active .icon,
.nav-horizontal a.clicked .icon {
  color: #000;
}
.nav-horizontal .icon {
  width: auto;
  height: auto;
  font-size: inherit;
}
.nav-horizontal .achtung .icon {
  color: #ff6464;
}
.nav-horizontal .haken .icon {
  color: #8baf2c;
}

#aggregate_module {
  background: #fff;
  float: left;
  width: 100%;
  clear: left;
  margin-bottom: 120px;
  position: relative;
  border-bottom: 10px solid #e6e9ec;
}
#aggregate_module:before {
  position: absolute;
  content: "";
  border-top: 2px solid #000;
  display: block;
  width: 100%;
  top: -10px;
}
@media screen and (min-width: 760px) {
  .js #aggregate_module {
    height: 570px;
  }
}

#nav_aggregate {
  z-index: 8;
  position: relative;
  background: #fff;
}

#panes_aggregate {
  float: left;
  width: 100%;
  clear: left;
}
#panes_aggregate > div {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  clear: left;
  padding: 20px 0;
}
@media screen and (min-width: 760px) {
  #panes_aggregate > div {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (min-width: 760px) {
  .js #panes_aggregate {
    overflow: hidden;
    position: relative;
    height: 450px;
  }
}
@media screen and (min-width: 760px) {
  .js #panes_aggregate > div {
    -webkit-transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
    -o-transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
    transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
    margin-top: -450px;
    z-index: 5;
    position: absolute;
    width: 100%;
    height: 450px;
    overflow: auto;
  }
  .js #panes_aggregate > div.visible {
    margin-top: 0;
  }
}
@media screen and (max-width: 759px) {
  .js #panes_aggregate > div {
    display: none;
  }
  .js #panes_aggregate > div.visible {
    display: block;
  }
}

.page-browse {
  width: 100%;
  float: left;
  clear: both;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  padding: 10px 0;
}
.page-browse ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-browse li {
  padding: 0;
  display: inline;
}
.page-browse > ul {
  background: #e6e9ec;
  position: relative;
  min-height: 40px;
}
.page-browse > ul > li {
  width: 100%;
  height: 40px;
}
.page-browse > ul > li.prev {
  width: 40px;
  border-right: 1px solid #fff;
  position: absolute !important;
  top: 0;
  left: 0;
}
.page-browse > ul > li.next {
  width: 40px;
  border-left: 1px solid #fff;
  position: absolute !important;
  top: 0;
  right: 0;
}
.page-browse ul ul {
  padding: 3px 40px 0;
  line-height: 37px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  margin: 0 auto;
  text-align: center;
}
.page-browse ul ul li {
  display: inline;
}
.page-browse ul ul li:before {
  font-family: "OfficinaSansITCW01-Book 734509", Arial, Helvetica, Verdana, Tahoma, sans-serif;
  font-weight: normal;
  content: "|";
  display: inline;
}
.page-browse ul ul li:first-child:before {
  content: "";
  display: none;
}
.page-browse ul ul a, .page-browse ul ul strong, .page-browse ul ul span {
  padding: 0 5px;
  text-decoration: none;
}
.page-browse ul ul a, .page-browse ul ul span {
  color: #000;
}

.page-browse-archive {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  width: 100%;
  padding: 10px;
  background: #e6e9ec;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
}

img {
  border: none;
}

img.unveil {
  -webkit-transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  -o-transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  -webkit-transition-delay: 50ms;
       -o-transition-delay: 50ms;
          transition-delay: 50ms;
  opacity: 0;
}
.no-js img.unveil {
  display: none;
}
img.unveil.unveiled {
  opacity: 1;
}

figure {
  margin: 0;
}

figure.image a,
figure.image img {
  max-width: 100%;
  height: auto;
  display: block;
}
figure.image a {
  position: relative;
}

.ce-gallery {
  display: block;
  margin-bottom: 20px;
}
.ce-gallery figcaption,
.ce-gallery figure {
  width: 100%;
  float: left;
  clear: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ce-above,
.ce-above .ce-gallery {
  overflow: hidden;
}

.ce-row + .ce-row {
  margin-top: 20px;
}

.ce-textpic .ce-bodytext > :first-child {
  margin-top: 0;
}

@media screen and (min-width: 760px) {
  .ce-textpic.ce-intext .ce-gallery {
    padding-top: 6px;
    width: 220px;
  }
  .ce-textpic.ce-intext.ce-left .ce-gallery {
    margin-right: 20px;
    float: left;
  }
  .ce-textpic.ce-intext.ce-right .ce-gallery {
    margin-left: 20px;
    float: right;
  }
  .ce-textpic.ce-nowrap {
    width: 100%;
    float: left;
    clear: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .ce-textpic.ce-nowrap .ce-gallery {
    margin-bottom: 0;
  }
  .ce-textpic.ce-nowrap.ce-left .ce-bodytext {
    margin-left: 240px;
  }
  .ce-textpic.ce-nowrap.ce-left .ce-bodytext > h1:first-of-type,
  .ce-textpic.ce-nowrap.ce-left .ce-bodytext > h2:first-of-type,
  .ce-textpic.ce-nowrap.ce-left .ce-bodytext > h3:first-of-type,
  .ce-textpic.ce-nowrap.ce-left .ce-bodytext > h4:first-of-type {
    margin-top: 0;
  }
  .ce-above .ce-gallery[data-ce-columns="2"] .ce-column {
    float: left;
    width: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-right: 10px;
  }
  .ce-above .ce-gallery[data-ce-columns="2"] .ce-column + .ce-column {
    float: right;
    padding-left: 10px;
    padding-right: 0;
  }
}
@media screen and (max-width: 759px) {
  .ce-gallery {
    width: 100%;
    float: left;
    clear: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .ce-above .ce-gallery[data-ce-columns="2"] .ce-column {
    width: 100%;
    float: left;
    clear: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .ce-above .ce-gallery[data-ce-columns="2"] .ce-column + .ce-column {
    margin-top: 20px;
  }
}
.csc-textpic-imagewrap,
figure.csc-textpic-image {
  margin: 0;
  display: block !important;
  position: relative;
  float: left;
  width: 100%;
}
.csc-textpic-imagewrap img,
figure.csc-textpic-image img {
  max-width: 100%;
  height: auto;
}
@media screen and (min-width: 960px) {
  .csc-textpic-imagewrap,
  figure.csc-textpic-image {
    width: auto;
    max-width: 100%;
  }
}
.csc-textpic-imagewrap img,
figure.csc-textpic-image img {
  display: block;
}

.csc-textpic-imagewrap + .csc-textpic-imagewrap {
  margin-left: 20px;
}

div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap,
div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
  width: 93px;
}

@media screen and (max-width: 599px) {
  div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap,
  div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    float: left;
    width: 100%;
    margin-bottom: 20px;
  }
  div.csc-textpic-intext-right-nowrap .csc-textpic-text,
  div.csc-textpic-intext-left-nowrap .csc-textpic-text {
    margin-left: 0;
    margin-right: 0;
  }
  div.csc-textpic-intext-right-nowrap .csc-textpic-header,
  div.csc-textpic-intext-left-nowrap .csc-textpic-header {
    clear: both;
  }
}
@media screen and (min-width: 600px) {
  div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap,
  div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    width: 140px;
  }
  div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    margin-right: 20px;
  }
  div.csc-textpic-intext-left-nowrap .csc-textpic-text {
    margin-left: 160px;
  }
  div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    float: right;
    margin-left: 20px;
  }
  div.csc-textpic-intext-right-nowrap .csc-textpic-text {
    margin-right: 160px;
  }
}
@media screen and (min-width: 600px) {
  div.csc-textpic-intext.ce-nowrap .csc-textpic-imagewrap,
  div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap,
  div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    width: 220px;
  }
  div.csc-textpic-intext.ce-nowrap .csc-textpic-text,
  div.csc-textpic-intext-left-nowrap .csc-textpic-text,
  div.csc-textpic-intext-right-nowrap .csc-textpic-text {
    clear: none;
  }
  div.csc-textpic-intext.ce-nowrap .csc-textpic-text .csc-textpic-header > :first-child,
  div.csc-textpic-intext-left-nowrap .csc-textpic-text .csc-textpic-header > :first-child,
  div.csc-textpic-intext-right-nowrap .csc-textpic-text .csc-textpic-header > :first-child {
    margin-top: 0;
  }
  div.csc-textpic-intext.ce-nowrap .csc-textpic-text > :first-child,
  div.csc-textpic-intext-left-nowrap .csc-textpic-text > :first-child,
  div.csc-textpic-intext-right-nowrap .csc-textpic-text > :first-child {
    margin-top: 0;
  }
  div.csc-textpic-left.csc-textpic-intext.ce-nowrap .csc-textpic-imagewrap,
  div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    margin-right: 20px;
  }
  div.csc-textpic-left.csc-textpic-intext.ce-nowrap .csc-textpic-text,
  div.csc-textpic-intext-left-nowrap .csc-textpic-text {
    margin-left: 240px;
  }
  .box > div.csc-textpic-left.csc-textpic-intext.ce-nowrap .csc-textpic-text,
  .box > div.csc-textpic-intext-left-nowrap .csc-textpic-text {
    margin-left: 270px;
  }
  div.csc-textpic-right.csc-textpic-intext.ce-nowrap .csc-textpic-imagewrap,
  div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    float: right;
    margin-left: 20px;
  }
  div.csc-textpic-right.csc-textpic-intext.ce-nowrap .csc-textpic-text,
  div.csc-textpic-intext-right-nowrap .csc-textpic-text {
    margin-right: 240px;
  }
  .box > div.csc-textpic-right.csc-textpic-intext.ce-nowrap .csc-textpic-text,
  .box > div.csc-textpic-intext-right-nowrap .csc-textpic-text {
    margin-right: 270px;
  }
}
.csc-textpic-above .csc-textpic-imagewrap {
  margin-bottom: 10px;
}
.csc-textpic-above .csc-textpic-text {
  float: left;
  clear: both;
}

#content .image-link:before {
  content: "";
  display: none;
}
#content .image-link .icon {
  color: #fff;
  position: absolute;
  right: 0;
  bottom: 0;
  color: #000;
  background: #fff;
  background: rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  -o-transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
}
#content .image-link figcaption .icon {
  bottom: auto;
  top: -40px;
}
#content .image-link:focus .icon, #content .image-link:hover .icon {
  width: 75px;
  height: 75px;
  font-size: 75px;
  background: #fff;
  background: rgba(255, 255, 255, 0.9);
}
#content .image-link:focus figcaption .icon, #content .image-link:hover figcaption .icon {
  top: -75px;
}

.csc-textpic-image figcaption {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  line-height: 18px;
  color: #000;
  background: #fff;
  background: rgba(255, 255, 255, 0.9);
  padding: 10px 10px 7px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.csc-textpic-imagerow + .csc-textpic-imagerow {
  margin-top: 20px;
}

@media screen and (max-width: 759px) {
  .grid-2x460 .csc-textpic-above .csc-textpic-imagerow,
  .grid-col-right .csc-textpic-above .csc-textpic-imagerow {
    width: 45%;
    float: left;
    margin-right: 5%;
    margin-top: 0;
    margin-bottom: 5%;
  }
  .grid-2x460 .csc-textpic-above .csc-textpic-imagerow,
  .grid-2x460 .csc-textpic-above > .csc-textpic-imagewrap > .csc-textpic-image,
  .grid-col-right .csc-textpic-above .csc-textpic-imagerow,
  .grid-col-right .csc-textpic-above > .csc-textpic-imagewrap > .csc-textpic-image {
    max-width: 220px;
  }
  .grid-2x460 .csc-textpic-above .csc-textpic-imagerow,
  .grid-2x460 .csc-textpic-above > .csc-textpic-imagewrap > .csc-textpic-image {
    width: 460px;
    max-width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .csc-textpic-intext.ce-nowrap .csc-textpic-imagerow,
  .csc-textpic-intext-right-nowrap .csc-textpic-imagerow,
  .csc-textpic-intext-left-nowrap .csc-textpic-imagerow {
    width: 45%;
    float: left;
    margin-right: 5%;
    margin-top: 0;
    margin-bottom: 5%;
  }
  .csc-textpic-intext.ce-nowrap .csc-textpic-imagerow,
  .csc-textpic-intext.ce-nowrap > .csc-textpic-imagewrap > .csc-textpic-image,
  .csc-textpic-intext-right-nowrap .csc-textpic-imagerow,
  .csc-textpic-intext-right-nowrap > .csc-textpic-imagewrap > .csc-textpic-image,
  .csc-textpic-intext-left-nowrap .csc-textpic-imagerow,
  .csc-textpic-intext-left-nowrap > .csc-textpic-imagewrap > .csc-textpic-image {
    max-width: 220px;
  }
}
.accordion {
  margin-bottom: 20px;
  width: 100%;
  float: left;
  clear: left;
}

.accordion-item {
  overflow: hidden;
  width: 100%;
  float: left;
  clear: left;
}
.accordion-item + .accordion-item {
  margin-top: -1px;
}

.accordion-trigger {
  height: 56px;
  border-top: 2px solid #000;
  border-bottom: 1px solid #000;
  position: relative;
  line-height: 64px;
}
.accordion-trigger a {
  color: #000;
}
.accordion-trigger a:hover {
  color: #0bb3df;
}
.accordion-trigger a:active {
  color: #3c5466;
}
.accordion-trigger a.active,
.accordion-trigger strong {
  color: #000 !important;
}
.accordion-trigger a {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  text-decoration: none;
  display: block;
  height: 56px;
  -webkit-transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  -o-transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  padding-left: 70px;
}
.accordion-trigger a .icon {
  -webkit-transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  -o-transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  background: #9da9b3;
  color: #fff;
  position: absolute;
  top: 8px;
  left: 10px;
  line-height: 40px;
}
.accordion-trigger a:hover .icon {
  background: #0bb3df;
}
.accordion-trigger a:active .icon {
  background: #0a9fc7;
}
.accordion-trigger a:before {
  content: "";
  display: none !important;
}

.accordion-active .accordion-trigger a {
  color: #000;
}
.accordion-active .accordion-trigger a .icon {
  background: #9da9b3;
}
.accordion-active .accordion-trigger a:hover {
  color: #0bb3df;
}
.accordion-active .accordion-trigger a:hover .icon {
  background: #0bb3df;
}
.accordion-active .accordion-content {
  max-height: 750px;
  overflow: auto;
}

.accordion-content {
  -webkit-transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  -o-transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  width: 100%;
  float: left;
  clear: left;
  background: #f2f4f5;
}
.accordion-content > div {
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.js .accordion-content.hidden {
  max-height: 0;
  margin-bottom: 0;
}
.initialized .accordion-content {
  margin-bottom: 5px;
}

.junction-box-full-width {
  width: 100%;
  float: left;
  clear: left;
  margin-bottom: 20px;
}
@media screen and (min-width: 600px) {
  .junction-box-full-width {
    position: relative;
  }
  .junction-box-full-width .csc-textpic-text {
    margin-bottom: 40px;
  }
  .junction-box-full-width a.button {
    position: absolute;
    right: 0;
    bottom: 0;
  }
}
.junction-box-full-width .csc-textpic-intext-right-nowrap a.button {
  right: auto;
  left: 0;
}

.junction-box {
  -webkit-transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  -o-transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  width: 100%;
  float: left;
  clear: left;
  border-top: 2px solid #000;
  padding: 15px 0;
  clear: both;
  position: relative;
}
.junction-box .csc-textpic-imagewrap {
  width: 93px;
  float: left;
  margin-right: 20px;
}
.junction-box img {
  width: 93px;
  height: 93px;
}
.junction-box h4 {
  margin-top: 0;
  margin-bottom: 0;
}
.junction-box p {
  margin-top: 0;
  margin-bottom: 0;
}
@media screen and (min-width: 600px) {
  .junction-box p {
    padding-right: 113px;
  }
}
.junction-box a.button {
  margin-top: 10px;
}
@media screen and (min-width: 600px) {
  .junction-box .csc-textpic-imagewrap {
    margin-right: 0;
  }
  .junction-box .csc-textpic-text {
    margin-left: 113px;
  }
  .junction-box a.button {
    margin-top: 0;
    width: auto;
    position: absolute;
    right: 0;
    bottom: 15px;
  }
}
.junction-box.junction-box-textpic-right .csc-textpic-imagewrap {
  float: right;
  margin-left: 20px;
}
.junction-box.junction-box-textpic-right .csc-textpic-text {
  margin-left: 0;
}
@media screen and (min-width: 600px) {
  .junction-box.junction-box-textpic-right .csc-textpic-text {
    margin-right: 113px;
  }
}
.junction-box.junction-box-textpic-right a.button {
  right: auto;
  left: 0;
}

.junction-box-460 .csc-textpic-imagewrap,
.grid-2x460 .junction-box .csc-textpic-imagewrap {
  width: 76px;
}
.junction-box-460 img,
.grid-2x460 .junction-box img {
  width: 76px;
  height: 76px;
}
.junction-box-460 .csc-textpic-text,
.grid-2x460 .junction-box .csc-textpic-text {
  margin-left: 96px;
}
.junction-box-460 h4 a,
.grid-2x460 .junction-box h4 a {
  padding-left: 96px;
}

@media screen and (min-width: 960px) {
  .junction-box-460 {
    width: 460px;
    clear: none;
    margin-right: 20px;
  }
  .junction-box-460:nth-child(2n) {
    margin-right: 0;
  }
  .junction-box-460:nth-child(2n+1) {
    clear: left;
  }
}

.start .junction-box {
  background: #fff;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: none !important;
  margin-bottom: 20px;
}
@media screen and (min-width: 600px) {
  .start .junction-box {
    padding: 20px 20px 20px;
  }
}
.start .junction-box figure {
  margin-bottom: 10px;
}
.start .junction-box aside {
  margin-top: 0;
  margin-bottom: 5px;
  color: #9da9b3;
}
.start .junction-box .csc-textpic-imagewrap {
  width: 100%;
}
.start .junction-box h3 {
  margin-top: 0;
  margin-bottom: 0;
}
.start .junction-box p {
  margin-top: 10px;
}
.start .junction-box img {
  width: 100%;
  height: auto;
}
.start .junction-box .csc-textpic-text {
  margin-left: 0;
}
.start .junction-box a.button {
  position: static;
  float: right;
}
@media screen and (max-width: 599px) {
  .start .junction-box a.button {
    position: static;
    float: right;
    margin-right: 0;
  }
}

.teaser-box {
  border-top: 2px solid #000;
  border-bottom: 1px solid #fff;
  margin-bottom: 20px;
}
.teaser-box img {
  width: 100%;
  height: auto;
  display: block;
}
.teaser-box h4 {
  padding: 13px 0 6px;
  margin: 0;
  text-align: center;
  border-bottom: 1px solid #000;
  background: #e6e9ec;
}
.teaser-box p a {
  display: block;
}
.teaser-box p a[href^="tel:"],
.teaser-box p a[href^="mailto:"] {
  display: inline;
}
.teaser-box a.button.major,
.teaser-box button.major {
  min-width: 0;
  padding-right: 10px;
}

.teaser-box p.button-wrap {
  margin: 7px 0 12px;
  padding: 10px;
  background: #e6e9ec;
}

.teaser-box p.button-wrap {
  margin: 7px 0 12px;
  padding: 10px;
  background: #e6e9ec;
}

.teaser-box div.teaser-inner {
  background: #e6e9ec;
  margin: 0;
  padding: 10px;
  text-align: left;
}
.resource-box {
  border-top: 2px solid #000;
  border-bottom: 1px solid #fff;
  margin-bottom: 20px;
  background: #e6e9ec;
}
.resource-box h4 {
  padding: 13px 0 6px;
  margin: 0;
  text-align: center;
  border-bottom: 1px solid #000;
  background: #e6e9ec;
}
.resource-box ul, .resource-box ol {
  margin: 20px 10px;
}

.resource-box.full-width {
  width: 100%;
  clear: left;
  float: left;
}
.resource-box.full-width ul {
  margin: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.resource-box.full-width ul li {
  margin-right: 20px;
}
@media screen and (min-width: 600px) {
  .resource-box.full-width {
    padding-bottom: 20px;
  }
  .resource-box.full-width li {
    float: left;
    width: 235px;
  }
  .resource-box.full-width li:nth-child(2n) {
    margin-right: 0px;
  }
}
@media screen and (min-width: 760px) {
  .resource-box.full-width li {
    width: 150px;
  }
  .resource-box.full-width li:nth-child(2n) {
    margin-right: 20px;
  }
  .resource-box.full-width li:nth-child(4n) {
    margin-right: 0px;
  }
}
@media screen and (min-width: 960px) {
  .resource-box.full-width li {
    width: 200px;
  }
}

.contact-box {
  min-height: 120px;
  width: 100%;
  float: left;
  border-top: 2px solid #000;
  padding: 15px 0;
  clear: both;
}
.contact-box figure {
  width: 93px;
  float: right;
}
.contact-box img {
  width: 93px;
  height: 93px;
}
.contact-box h3 {
  margin-top: 0;
  margin-bottom: 0;
}
.contact-box h3 a:before {
  content: "";
  display: none;
}
.contact-box p {
  margin-top: 0;
}
.contact-box table {
  margin-top: 20px;
}
.contact-box th {
  text-align: left;
  vertical-align: top;
  font-family: "OfficinaSansITCW01-Medi 734521", Arial, Helvetica, Verdana, Tahoma, sans-serif;
  font-weight: normal;
  width: 80px;
}
.contact-box td {
  vertical-align: top;
  padding-top: 3px;
}
@media screen and (max-width: 599px) {
  .contact-box figure {
    width: 76px;
    float: right;
  }
  .contact-box img {
    width: 76px;
    height: 76px;
  }
  .contact-box table {
    width: 100%;
    clear: both;
  }
}
.contact-box p.function {
  color: #3c5466;
}

.contact-box.contact-box-340 figure, .grid-2x340 .contact-box figure {
  width: 76px;
  float: right;
}
.contact-box.contact-box-340 img, .grid-2x340 .contact-box img {
  width: 76px;
  height: 76px;
}
.contact-box.contact-box-340 table, .grid-2x340 .contact-box table {
  width: 100%;
  clear: both;
}
.contact-box .contact-box-text a {
  display: block;
}
.contact-box .contact-box-text a.external-link-new-window:before, .contact-box .contact-box-text a.external-link:before {
  margin-right: 10px;
}

@media screen and (max-width: 759px) {
  .contact-box a[href*="tel:"]:before {
    margin-right: 10px;
  }
}
.grid-700-220 > .grid-col-right .contact-box,
.grid-220-700 > .grid-col-left .contact-box {
  width: 100%;
  min-height: 0;
}
.grid-700-220 > .grid-col-right .contact-box .title,
.grid-220-700 > .grid-col-left .contact-box .title {
  font-size: 14px;
  display: inline;
  float: left;
  line-height: 18px;
  margin-right: 5px;
}
.grid-700-220 > .grid-col-right .contact-box h3,
.grid-220-700 > .grid-col-left .contact-box h3 {
  font-size: 18px;
  font-family: "OfficinaSerifITCW01-Med", Georgia, serif;
  letter-spacing: 0.025em;
  font-weight: normal;
  line-height: 18px;
  margin: 0;
}
.grid-700-220 > .grid-col-right .contact-box table,
.grid-220-700 > .grid-col-left .contact-box table {
  margin-top: 5px;
}
.grid-700-220 > .grid-col-right .contact-box th,
.grid-220-700 > .grid-col-left .contact-box th {
  display: none;
}
.grid-700-220 > .grid-col-right .contact-box td,
.grid-220-700 > .grid-col-left .contact-box td {
  margin: 0;
  font-size: 14px;
  line-height: 18px;
}
.grid-700-220 > .grid-col-right .contact-box address,
.grid-700-220 > .grid-col-right .contact-box p.function,
.grid-220-700 > .grid-col-left .contact-box address,
.grid-220-700 > .grid-col-left .contact-box p.function {
  font-size: 14px;
  line-height: 18px;
  clear: both;
  margin-top: 5px;
  margin-bottom: 5px;
  color: #3c5466;
}
.grid-700-220 > .grid-col-right .contact-box figure,
.grid-220-700 > .grid-col-left .contact-box figure {
  display: none;
  visibility: hidden;
}

@media screen and (min-width: 960px) {
  .contact-box-340 {
    width: 340px;
    clear: none;
    margin-right: 20px;
  }
  .contact-box-340:nth-child(2n) {
    margin-right: 0;
  }
  .contact-box-340:nth-child(2n+1) {
    clear: left;
  }
}

.contact-box.contact-box-detail {
  position: relative;
  border-bottom: 2px solid #000;
  margin-bottom: 20px;
}
.contact-box.contact-box-detail figure img,
.contact-box.contact-box-detail figure {
  width: 93px;
  height: 93px;
}
.contact-box.contact-box-detail .freetext {
  margin-top: 44px;
}
@media screen and (min-width: 760px) {
  .contact-box.contact-box-detail {
    min-height: 220px;
  }
  .contact-box.contact-box-detail.has-freetext table {
    position: static;
  }
  .contact-box.contact-box-detail:before {
    content: "";
    display: block;
    width: 220px;
    min-height: 220px;
    height: 100%;
    background: #e6e9ec;
    float: right;
  }
  .contact-box.contact-box-detail figure,
  .contact-box.contact-box-detail figure img {
    width: auto;
    height: auto;
    max-width: 220px;
    max-height: 220px;
  }
  .contact-box.contact-box-detail figure {
    margin-right: 20px;
  }
}

.global-status-msg {
  font-family: "OfficinaSansITCW01-Book 734509", Arial, Helvetica, Verdana, Tahoma, sans-serif;
  font-weight: normal;
  background: #e6e9ec;
  color: #000;
  position: relative;
  padding: 12px 10px 8px 50px;
  line-height: 20px;
  margin-bottom: 20px;
  text-decoration: none;
}
.global-status-msg:after, .global-status-msg:before {
  font-family: "DSHS-Iconfont";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: none !important;
  line-height: 1;
  vertical-align: middle;
}
.global-status-msg:before {
  content: "\e00b";
}
.global-status-msg:before {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  border-right: 1px solid #fff;
  width: 40px;
  height: 100%;
  line-height: 40px;
  font-size: 30px;
  text-align: center;
  color: #000;
}
.global-status-msg h1, .global-status-msg h2, .global-status-msg h3, .global-status-msg h4, .global-status-msg h5 {
  margin-top: 0;
}
.global-status-msg ul li:before {
  content: none;
}

.status-ok {
  background: #a7cf3f;
}
.status-ok:before {
  content: "\e020";
}

.status-warning {
  background: #e2a01f;
}
.status-warning:before {
  content: "\e036";
}

.status-alert {
  clear: both;
  background: #ff6464;
  color: #fff;
}
.status-alert:before {
  content: "\e036";
}
.status-alert:before {
  color: #fff;
}
.status-alert h1, .status-alert h2, .status-alert h3, .status-alert h4, .status-alert h5 {
  color: #fff;
}

.calendar-box {
  -webkit-transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  -o-transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  width: 100%;
  float: left;
  clear: left;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #000;
  min-height: 93px;
}
.calendar-box .calendar-tiles {
  float: left;
}
.calendar-box h4 {
  margin-top: 0;
}
@media screen and (min-width: 760px) {
  .calendar-box .calendar-tile {
    float: left;
  }
  .calendar-box .button {
    position: absolute;
    right: 0;
    bottom: 15px;
  }
}
.calendar-box .calendar-box-text {
  margin-left: 96px;
}
@media screen and (min-width: 760px) {
  .calendar-box .calendar-box-text {
    margin-left: 206px;
    padding-right: 100px;
  }
}

.grid-220-700 .calendar-box, .grid-700-220 .calendar-box {
  min-height: 186px;
}
.grid-220-700 .calendar-box .calendar-tile, .grid-700-220 .calendar-box .calendar-tile {
  float: none;
}
@media screen and (min-width: 760px) {
  .grid-220-700 .calendar-box .calendar-box-text, .grid-700-220 .calendar-box .calendar-box-text {
    margin-left: 113px;
  }
}
.filter-element .calendar-box {
  min-height: 93px;
}

.start .calendar-box {
  background: #fff;
  padding: 10px;
  padding-left: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: none !important;
  margin-bottom: 20px;
  min-height: 186px;
}
@media screen and (min-width: 600px) {
  .start .calendar-box {
    padding: 20px 20px 30px 0;
  }
}
.start .calendar-box .calendar-tile {
  float: none;
}
.start .calendar-box h3 {
  margin-top: 0;
}
.start .calendar-box a.button {
  margin-right: 20px;
}
@media screen and (max-width: 599px) {
  .start .calendar-box a.button {
    position: static;
    float: right;
    margin: 0;
  }
}
@media screen and (min-width: 760px) {
  .start .calendar-box .calendar-box-text {
    padding-right: 0;
    margin-left: 113px !important;
  }
}

.tooltip {
  width: 160px;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #6c808e;
  border-radius: 10px;
  position: relative;
  color: #f2f4f5;
  font-size: 14px;
  line-height: 16.1px;
}
.tooltip:before {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 50%;
  margin-left: -7px;
  margin-bottom: 0;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #6c808e;
}

.uc-embedding-wrapper {
  border-radius: 0 !important;
}

.uc-embedding-buttons button {
  text-align: center;
  border-radius: 0;
}

.uc-embedding-buttons .uc-embedding-accept {
  background: #0053A4;
  color: #fff !important;
}
.uc-embedding-buttons .uc-embedding-accept:hover {
  background: #006dd7;
}
.uc-embedding-buttons .uc-embedding-accept.active, .uc-embedding-buttons .uc-embedding-accept:active {
  border-top-color: #00468b;
  border-left-color: #00468b;
  border-right-color: #003971;
  border-bottom-color: #003971;
  background: #0053A4;
  color: #fff;
}
.uc-embedding-buttons .uc-embedding-accept.unavailable, .uc-embedding-buttons .uc-embedding-accept:disabled {
  background: #0053A4;
}
.uc-embedding-buttons .uc-embedding-accept.unavailable:hover, .uc-embedding-buttons .uc-embedding-accept:disabled:hover {
  background: #0053A4;
}
.uc-embedding-buttons .uc-embedding-accept.unavailable:active, .uc-embedding-buttons .uc-embedding-accept:disabled:active {
  background: #0053A4;
}

.uc-embedding-buttons .uc-embedding-more-info {
  background: #9da9b3;
}
.uc-embedding-buttons .uc-embedding-more-info:hover {
  background: #e6e9ec;
}
.uc-embedding-buttons .uc-embedding-more-info.active, .uc-embedding-buttons .uc-embedding-more-info:active {
  border-top-color: #f2f4f5;
  border-left-color: #f2f4f5;
  border-right-color: #e6e9ec;
  border-bottom-color: #e6e9ec;
  background: #9da9b3;
  color: #000;
}
.uc-embedding-buttons .uc-embedding-more-info.unavailable, .uc-embedding-buttons .uc-embedding-more-info:disabled {
  background: #9da9b3;
}
.uc-embedding-buttons .uc-embedding-more-info.unavailable:hover, .uc-embedding-buttons .uc-embedding-more-info:disabled:hover {
  background: #9da9b3;
}
.uc-embedding-buttons .uc-embedding-more-info.unavailable:active, .uc-embedding-buttons .uc-embedding-more-info:disabled:active {
  background: #9da9b3;
}

/**
 * Grid
 *
 * @author		mehrwert <typo3@mehrwert.de>
 * @package		TYPO3
 * @subpackage	tx_spohobase
 * @license		GPL
 */
.grid-container {
  width: 100%;
  float: left;
  clear: both;
}

.grid-col {
  display: block;
  float: none;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (min-width: 600px) {
  .grid-4x220 .grid-col {
    float: left;
    padding: 0;
    margin-right: 20px;
    margin-bottom: 20px;
    width: 270px;
  }
  .grid-4x220 .grid-col:nth-child(2n) {
    margin-right: 0px;
  }
}
@media screen and (min-width: 760px) {
  .grid-col {
    float: left;
    padding: 0;
    margin-right: 20px;
    margin-bottom: 20px;
  }
  .grid-col-right {
    margin-right: 0 !important;
  }
  .grid-700-220 .grid-col-left {
    width: 500px;
  }
  .grid-700-220 .grid-col-right {
    width: 220px;
  }
  .grid-220-700 .grid-col-left {
    width: 220px;
  }
  .grid-220-700 .grid-col-right {
    width: 500px;
  }
  .grid-4x220 .grid-col {
    width: 170px;
  }
  .grid-4x220 .grid-col:nth-child(2n) {
    margin-right: 20px;
  }
  .grid-4x220 .grid-col:nth-child(4n) {
    margin-right: 0px;
  }
  .grid-2x460 .grid-col,
  .grid-2x340 .grid-col {
    width: 360px;
  }
  .grid-3x300 .grid-col {
    width: 230px;
  }
}
@media screen and (min-width: 960px) {
  .grid-700-220 .grid-col-left {
    width: 700px;
  }
  .grid-220-700 .grid-col-right {
    width: 700px;
  }
  .grid-4x220 .grid-col {
    width: 220px;
  }
  .grid-2x460 .grid-col {
    width: 460px;
  }
  .grid-2x340 .grid-col {
    width: 340px;
  }
  .grid-3x300 .grid-col {
    width: 300px;
  }
}
html {
  text-align: center;
  background: #9da9b3;
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 960px) {
  html {
    min-height: 100.1%;
  }
}

body {
  font-family: "OfficinaSansITCW01-Book 734509", Arial, Helvetica, Verdana, Tahoma, sans-serif;
  font-weight: normal;
  padding: 0;
  margin: 0;
  text-align: center;
  -webkit-font-smoothing: subpixel-antialiased;
}
@media screen and (max-width: 599px) {
  body {
    height: 100%;
  }
}

@media screen and (min-width: 600px) {
  body, html {
    height: 100%;
  }
  body, #wrapper {
    min-height: 100%;
  }
}
#wrapper {
  text-align: left;
  margin: 0;
}

.outer {
  width: 100%;
  float: left;
  clear: left;
}

.inner {
  padding: 0;
  min-width: 300px;
  width: 100%;
  -webkit-transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  -o-transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 5px;
  padding-right: 5px;
}
@media screen and (min-width: 600px) {
  .inner {
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 auto;
    width: 580px;
  }
}
@media screen and (min-width: 760px) {
  .inner {
    width: 760px;
  }
}
@media screen and (min-width: 960px) {
  .inner {
    width: 960px;
  }
}

#logo {
  float: left;
  width: 274px;
  height: 99px;
  position: relative;
  margin: 0;
}
#logo img {
  width: 274px;
  margin-top: 15px;
}
#logo .logo-mobile {
  display: none;
}
@media screen and (max-width: 599px) {
  #logo {
    overflow: hidden;
    height: 55px;
    width: 55px;
  }
  #logo img {
    width: unset;
    height: 45px;
    margin: 8px 0 0 8px;
  }
  #logo .logo-desktop {
    display: none;
  }
  #logo .logo-mobile {
    display: block;
    width: 46px;
  }
}
@media screen and (max-width: 358px) {
  #logo {
    width: 55px;
  }
}

#header {
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 21;
  border-bottom: 4px solid #343434;
  -webkit-transition: position 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  -o-transition: position 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  transition: position 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
}
#header .inner {
  height: 60px;
}
@media screen and (min-width: 600px) {
  #header .inner {
    height: 99px;
  }
}
#header.shrinked .inner {
  height: 70px;
}
#header.shrinked #logo {
  height: 50px;
}
#header.shrinked #logo img {
  width: 200px;
  margin-top: 10px;
}
@media screen and (max-width: 599px) {
  #header.shrinked #logo img {
    width: unset;
    height: 45px;
    margin: 8px 0 0 8px;
  }
}

#cluster {
  position: absolute;
  top: 0;
  padding-top: 70px;
  z-index: 10;
  background: #343434;
}
@media screen and (min-width: 760px) {
  #cluster {
    display: block;
  }
}
@media screen and (min-width: 600px) {
  #cluster {
    padding-top: 99px;
  }
}
@media screen and (min-width: 760px) {
  #cluster .inner {
    height: 126px;
  }
}
@media screen and (max-width: 759px) {
  #cluster {
    top: 64px;
    left: 0;
    padding-top: 0 !important;
  }
}

@media screen and (min-width: 760px) {
  .scrolled #cluster {
    position: fixed;
    margin-top: -99px;
  }
  .scrolled #cluster_fold.panel.visible {
    position: fixed;
    margin-top: -99px;
  }
}
@media screen and (max-width: 759px) {
  #search,
  #cluster {
    -webkit-transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
    -o-transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
    transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
    z-index: 15 !important;
    top: -500px;
    position: fixed;
    left: 0;
    width: 100%;
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #343434;
    background: rgba(52, 52, 52, 0.95);
  }
  #search.visible,
  #cluster.visible {
    top: 103px;
  }
}
@media screen and (max-width: 759px) {
  .scrolled #search.visible,
  .scrolled #cluster.visible {
    top: 74px;
  }
}
@media screen and (max-width: 599px) {
  #search.visible,
  #cluster.visible {
    top: 64px;
  }
  .scrolled #search.visible,
  .scrolled #cluster.visible {
    top: 64px !important;
  }
}

#stage {
  float: none;
  clear: both;
  margin: 0 auto;
  max-width: 1220px;
  overflow: hidden;
}
#stage .inner {
  padding: 0;
  width: 100%;
}
#stage .inner {
  position: relative;
  margin-left: 50%;
  left: -100%;
  width: 200%;
}
@media screen and (min-width: 760px) {
  #stage .inner {
    left: -60%;
    width: 120%;
  }
}
@media screen and (min-width: 960px) {
  #stage .inner {
    left: -610px;
    width: 1220px;
  }
}

#main_start_top,
#main, #utils {
  background: #fff;
  float: none;
  margin: 0 auto;
  max-width: 1220px;
}
#main_start_top .inner,
#main .inner, #utils .inner {
  background: #fff;
}
#main_start_top .inner:after,
#main .inner:after, #utils .inner:after {
  content: "";
  display: block;
  clear: both;
}

#main_start_top {
  background: #f2f4f5;
}
#main_start_top .inner {
  background: #f2f4f5;
}
#main_start_top .inner h2 {
  padding: 20px 10px 10px;
  margin-top: 20px;
  margin-bottoM: 0;
  background: #fff;
}
@media screen and (min-width: 600px) {
  #main_start_top .inner h2 {
    padding: 20px 20px 10px;
  }
}

#cluster_fold,
#stage, #main {
  padding-top: 60px;
}
@media screen and (min-width: 600px) {
  #cluster_fold,
  #stage, #main {
    padding-top: 99px;
  }
}
@media screen and (min-width: 760px) {
  #cluster_fold,
  #stage, #main {
    padding-top: 225px;
  }
}

.no-js #cluster_fold + #stage,
.no-js #cluster_fold + #main {
  padding-top: 0;
}

.start #main {
  padding-top: 0px !important;
}
#main > .inner {
  padding-bottom: 80px;
}
#main.no-overflow {
  overflow: hidden;
  padding-bottom: 80px;
}

@media screen and (min-width: 600px) {
  #main:after {
    content: "";
    background: #fff;
    display: block;
    height: 100%;
    width: 100%;
    max-width: 100%;
    top: 0;
    position: fixed;
    z-index: -1;
  }
}
@media screen and (min-width: 1220px) {
  #main:after {
    width: 1220px;
    left: 50%;
    margin-left: -610px;
  }
}

.no-js #cluster_fold + #main {
  padding-top: 0;
}

#content {
  float: left;
  width: 100%;
  clear: left;
  margin: 0 0 40px;
  padding: 0;
}
#page_title {
  float: left;
  width: 100%;
  clear: both;
}
#page_title h1 {
  margin-bottom: 0;
}
#page_title h1 a {
  color: #000;
  text-decoration: none;
}
#page_title a.button {
  display: inline-block;
}
#page_title a#print_link {
  display: none;
}
#page_title.js-mnpltd {
  position: relative;
}
#page_title.js-mnpltd .util-buttons {
  display: block;
  position: absolute;
  right: 0;
  bottom: 2px;
}
@media screen and (min-width: 760px) {
  #page_title {
    min-height: 95px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #page_title h1 {
    width: 100%;
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  #page_title.js-mnpltd h1 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-right: 80px;
  }
  #page_title.js-mnpltd a#print_link {
    display: inline-block;
  }
}

#socialshareprivacy + .content,
#socialshareprivacy + .grid-container,
#page_title + .content,
#page_title + .grid-container {
  margin-top: 15px;
}

.main {
  float: left;
  width: 100%;
}
.start .main {
  padding-top: 40px;
}

#utils {
  clear: both;
}
@media screen and (min-width: 600px) {
  #utils {
    min-height: 80px;
    margin-top: -80px;
    position: relative;
  }
}

#aggregate {
  background: #e6e9ec;
  float: none;
  margin: 0 auto;
  max-width: 1220px;
}
#aggregate .inner {
  background: #fff;
}
#aggregate .inner:after {
  content: "";
  display: block;
  clear: both;
}

#footer {
  color: #fff;
  background: #343434;
  clear: both;
  margin: 0;
}
.js #footer {
  max-height: 0;
  overflow: hidden;
}
.js #footer.toggled {
  -webkit-transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  -o-transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  -webkit-transition-duration: 500ms;
       -o-transition-duration: 500ms;
          transition-duration: 500ms;
}
.js #footer.expanded {
  max-height: 3000px;
}

#jumpmarks .inner {
  position: relative;
}
#jumpmarks a {
  text-decoration: none;
  color: #000;
  position: absolute;
  top: -100px;
}
#jumpmarks a:focus {
  display: block;
  width: 100%;
  padding: 37px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  z-index: 30;
  top: 0;
  background: #fff;
  background: rgba(255, 255, 255, 0.9);
}

.content {
  width: 100%;
  float: left;
  clear: both;
}
.content > p:first-child {
  margin-top: 0;
}
.content > h3:first-child {
  margin-top: 0.5em;
}
.content > h4:first-child {
  margin-top: 0.5em;
}
.content .ce-gallery {
  margin-bottom: 10px;
  float: left;
}

.news aside {
  display: block;
  color: #9da9b3;
  margin-top: 10px;
}
.news .junction-box-full-width a.button {
  position: static;
}
.news .junction-box-full-width .csc-textpic-intext-left-nowrap a.button {
  float: right;
}

.news-single .csc-textpic-imagewrap {
  margin-top: 15px;
  width: 100% !important;
  background: #f2f4f5;
}
@media screen and (min-width: 760px) {
  .news-single .csc-textpic-image {
    border-right: 20px solid #fff;
  }
}
.news-single .csc-textpic-image img {
  width: 700px;
}
@media screen and (min-width: 760px) {
  .news-single .has-media .resource-box {
    margin-top: 10px;
  }
}

.news-list-view figure {
  width: 100%;
  background: #f2f4f5;
}
@media screen and (min-width: 600px) {
  .news-list-view figure {
    min-height: 93px;
  }
}
.news-list-view aside + p.intro {
  margin-top: 0;
}
.news-list-view > .junction-box:first-child {
  border-top: none;
}

.start .show-all-link {
  clear: both;
  background: #fff;
  padding: 20px;
  text-align: center;
}

.error-msg {
  font-family: "OfficinaSansITCW01-Medi 734521", Arial, Helvetica, Verdana, Tahoma, sans-serif;
  font-weight: normal;
  display: block;
  clear: left;
  color: #ff6464;
  font-size: 14px;
  line-height: 14px;
  padding-top: 5px;
}

.global-form-msg {
  font-family: "OfficinaSansITCW01-Book 734509", Arial, Helvetica, Verdana, Tahoma, sans-serif;
  font-weight: normal;
  background: #e2a01f;
  color: #fff;
  position: relative;
  padding: 12px 10px 8px 50px;
  line-height: 20px;
  margin-bottom: 20px;
  text-decoration: none;
}
.global-form-msg:after, .global-form-msg:before {
  font-family: "DSHS-Iconfont";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: none !important;
  line-height: 1;
  vertical-align: middle;
}
.global-form-msg:before {
  content: "\e036";
}
.global-form-msg:before {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  border-right: 1px solid #fff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 30px;
  text-align: center;
  color: #fff;
}
.global-form-msg ul {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.global-error-msg {
  clear: both;
  background: #ff6464;
}
.global-error-msg:before {
  content: "\e036";
}

.global-success-msg {
  background: #a7cf3f;
}
.global-success-msg:before {
  content: "\e020";
}

.Tx-Formhandler .col-label {
  width: 220px;
}
@media screen and (max-width: 599px) {
  .Tx-Formhandler .col-label {
    width: 100%;
  }
}

.grid-col > fieldset > legend, form > fieldset > legend {
  display: block;
  font-size: 22px;
  font-family: "OfficinaSerifITCW01-Med", Georgia, serif;
  letter-spacing: 0.025em;
  font-weight: normal;
  line-height: 25px;
  color: #000;
  margin: 0;
  padding: 20px 0;
}
fieldset legend.underlined {
  border-bottom: 1px solid #000 !important;
  width: 100%;
  padding: 20px 0 10px 0;
}
fieldset.visually-hide-legend > legend {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.error legend {
  color: #ff6464;
}

.field-wrap {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.field-wrap .chosen-container,
.field-wrap input {
  margin-bottom: 0;
}
@media screen and (min-width: 760px) {
  .field-wrap {
    width: 360px;
    margin-right: 20px;
  }
}
@media screen and (min-width: 960px) {
  .field-wrap {
    width: 460px;
  }
}
@media screen and (min-width: 760px) {
  .field-wrap:nth-child(2n-1) {
    margin-right: 0;
  }
}
.field-wrap:nth-child(2n) {
  clear: left;
}
.has-no-legend .field-wrap:nth-child(2n), .has-salutation .field-wrap:nth-child(2n) {
  clear: none;
  margin-right: 0;
}
.has-no-legend .field-wrap:nth-child(2n+1), .has-salutation .field-wrap:nth-child(2n+1) {
  clear: left;
}
@media screen and (min-width: 760px) {
  .has-no-legend .field-wrap:nth-child(2n+1), .has-salutation .field-wrap:nth-child(2n+1) {
    margin-right: 20px;
  }
}

.field-wrap-radio legend,
.field-wrap-checkbox legend {
  display: block;
  font-family: "OfficinaSansITCW01-Medi 734521", Arial, Helvetica, Verdana, Tahoma, sans-serif;
  font-weight: normal;
  padding-bottom: 20px;
}
.field-wrap-radio label,
.field-wrap-checkbox label {
  margin-bottom: 0;
}
.field-wrap-radio label.unavailable,
.field-wrap-checkbox label.unavailable {
  color: #9da9b3;
  padding-left: 23px;
  text-decoration: line-through;
}
.field-wrap-radio label.unavailable.label-only,
.field-wrap-checkbox label.unavailable.label-only {
  display: inline-block;
}

.field-wrap-salutation {
  width: 100% !important;
}
.field-wrap-salutation .field-wrap-inner {
  display: inline-block;
  float: left;
  margin-right: 20px;
}

.field-wrap-next,
.field-wrap-submit {
  text-align: right;
}
fieldset + .field-wrap-next,
fieldset + .field-wrap-submit {
  width: 100% !important;
}

.field-wrap-back {
  float: left;
  text-align: left;
}

.field-wrap-forward {
  float: right;
  text-align: right;
}

.field-wrap .field-wrap-street {
  width: 70%;
  float: left;
}
.field-wrap .field-wrap-streetnr {
  width: 25%;
  float: right;
}
.field-wrap .field-wrap-zip {
  width: 25%;
  float: left;
}
.field-wrap .field-wrap-city {
  width: 70%;
  float: right;
}
.field-wrap .field-wrap-tx_spohopat_dateofbirth {
  width: 25%;
  float: left;
}
.field-wrap .field-wrap-tx_spohopat_placeofbirth {
  width: 70%;
  float: right;
}
.field-wrap .field-wrap-cc_expiration_month {
  width: 48%;
  float: left;
}
.field-wrap .field-wrap-cc_expiration_year {
  width: 48%;
  float: right;
}
.field-wrap .field-wrap-cc_number {
  width: 40%;
  float: left;
}
.field-wrap .field-wrap-cc_cvc,
.field-wrap .field-wrap-cc_expiration_date {
  padding-left: 5%;
  width: 25%;
  float: left;
}
.field-wrap .field-wrap-cc_number_cc_cvc,
.field-wrap .field-wrap-cc_expiration_month_cc_expiration_year {
  clear: left;
}

.field-wrap-topics {
  width: 100% !important;
}
.field-wrap-topics .field-wrap-topics-other {
  margin-top: 10px;
  margin-bottom: 0 !important;
}
.field-wrap-topics .grid-col {
  margin-bottom: 0 !important;
}

.field-wrap-subscribe {
  width: 100%;
}
.field-wrap-subscribe .field-wrap-inner {
  width: 50%;
  float: left;
}

.grid-container + fieldset {
  clear: both;
}

.grid-container + form {
  clear: both;
}

.field-wrap-preview-and-upload {
  clear: both;
}
.field-wrap-preview-and-upload .field-wrap-preview {
  width: 28%;
  height: 125px;
  float: left;
  border: 1px solid #e6e9ec;
  margin-right: 5px;
  text-align: center;
}
.field-wrap-preview-and-upload .field-wrap-preview img {
  max-width: 125px !important;
  max-height: 125px !important;
}
.field-wrap-preview-and-upload .field-wrap-upload {
  width: 70%;
  float: right;
}

td.pat-img-preview img {
  max-width: 150px;
  max-height: 150px;
}

.cropper-controls {
  width: 100%;
  margin-bottom: 22px;
}
.cropper-controls .cropper-controls-full {
  width: 100%;
  text-align: center;
}
.cropper-controls .cropper-controls-left {
  float: left;
}
.cropper-controls .cropper-controls-right {
  float: right;
}
.cropper-controls button {
  margin-top: 22px;
}
.cropper-controls button + button {
  margin-left: 10px;
}

.cropper-view-box .formathelper {
  background-repeat: no-repeat;
  background-image: url("/typo3conf/ext/spoho_pat/Resources/Public/Images/anzeichnung_profil.png");
  background-size: cover;
  position: absolute;
  display: block;
  opacity: 0.5;
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
}

div.spohopat-image-examples .icon {
  font-size: 20px;
  height: 20px;
  width: 20px;
  color: #8baf2c;
}

div.spohopat-image-examples {
  float: left;
  width: 60px;
  margin: 0 10px 10px 0;
  text-align: center;
}
div.spohopat-image-examples img {
  width: 60px;
}
div.spohopat-image-examples .image-ok {
  border: 2px solid #8baf2c;
}
div.spohopat-image-examples .image-faulty {
  border: 2px solid #ff6464;
}

div.spohopat-image-examples.accepted-image {
  margin-right: 50px;
}

.field-wrap-paymentmethod .headline {
  border-top: 2px solid #000;
  border-bottom: 1px solid #000;
  padding: 5px;
}
.field-wrap-paymentmethod .description {
  min-height: 190px;
  padding-top: 10px;
  border-bottom: 1px solid #000;
}
.field-wrap-paymentmethod .description img {
  margin-left: 90px;
}

@media screen and (min-width: 600px) {
  .field-wrap-paymentmethod {
    width: 100% !important;
  }
  .field-wrap-paymentmethod .field-wrap-inner {
    width: 30%;
    float: left;
  }
  .field-wrap-paymentmethod .field-wrap-inner + .field-wrap-inner {
    padding-left: 5%;
  }
}
#physicalaptitudetest_Payment fieldset > .field-wrap {
  clear: left;
}
#physicalaptitudetest_Payment label.error {
  color: #ff6464;
}

.event-detail-item {
  border-bottom: none;
}
.event-detail-item .event-images {
  float: right;
  width: 220px;
  margin-left: 20px;
}
.event-detail-item .event-images figure {
  margin-bottom: 20px;
}

.start .event-list-item h4 {
  font-size: 22px;
  font-family: "OfficinaSerifITCW01-Med", Georgia, serif;
  letter-spacing: 0.025em;
  font-weight: normal;
  line-height: 25px;
  color: #000;
}

.tx-spohofilter-sorterControls {
  float: right;
}
.js .tx-spohofilter-sorterControls {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.filter-header > form label {
  display: none;
  visibility: hidden;
}
.filter-header > form div.filter-select-container {
  display: none;
  visibility: hidden;
}

#socialshareprivacy + .tx-spohodepartments .contact-box-detail, #page_title + .tx-spohodepartments .contact-box-detail {
  border-top: none;
}
#tx_spohodepartments_list > .contact-box:first-child {
  border-top: none;
}

#page_title div.title {
  font-size: 22px;
  font-family: "OfficinaSerifITCW01-Med", Georgia, serif;
  letter-spacing: 0.025em;
  font-weight: normal;
  line-height: 25px;
  color: #000;
  margin: 0;
}

#socialshareprivacy + #tx_spohopeople_detail .contact-box-detail, #page_title + #tx_spohopeople_detail .contact-box-detail {
  border-top: none;
}

#panes_aggregate .junction-box a.button {
  margin-top: 5px;
  position: static;
}

.tx-spohoprojects .junction-box {
  float: left;
  clear: none;
  margin-right: 20px;
  width: 100%;
}
@media screen and (min-width: 760px) {
  .tx-spohoprojects .junction-box {
    width: 230px;
  }
  .tx-spohoprojects .junction-box:nth-child(3n) {
    margin-right: 0;
  }
  .tx-spohoprojects .junction-box:nth-child(3n+1) {
    clear: left;
  }
}
@media screen and (min-width: 960px) {
  .tx-spohoprojects .junction-box {
    width: 300px;
  }
}
.tx-spohoprojects .junction-box .csc-textpic-imagewrap, .tx-spohoprojects .junction-box img {
  display: block;
  width: 100%;
  margin-right: 0;
}
.tx-spohoprojects .junction-box .csc-textpic-text {
  margin: 0;
}
.tx-spohoprojects .junction-box .col-label {
  width: 113px;
}
.tx-spohoprojects .junction-box p {
  padding-right: 0;
}
.tx-spohoprojects .junction-box h4 {
  clear: both;
}
.tx-spohoprojects .junction-box table,
.tx-spohoprojects .junction-box .csc-textpic-imagewrap + .csc-textpic-text {
  clear: left;
  float: left;
  width: 100%;
  margin-top: 15px;
}

#page_title + div.content > .tx-spohoprojects .junction-box:first-child {
  border-top: none;
  padding-top: 0;
}
@media screen and (min-width: 760px) {
  #page_title + div.content > .tx-spohoprojects .junction-box.no-border {
    border-top: none;
    padding-top: 0;
  }
}

.tx-spohoce-stageslider {
  background: #fff;
}

.tx-spohoce-stageslider-item {
  width: 100%;
}

.tx-spohoce-stageslider-image {
  width: 100%;
  line-height: 0;
}
.tx-spohoce-stageslider-image img {
  max-width: 100%;
  height: auto;
}

.tx-spohoce-stageslider-textwrap {
  background: #fff;
  padding: 5px;
  min-width: 300px;
  margin-left: 25%;
  width: 50%;
  -webkit-transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  -o-transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.tx-spohoce-stageslider-textwrap .calendar-tile {
  position: absolute;
}
@media screen and (min-width: 600px) {
  .tx-spohoce-stageslider-textwrap {
    padding: 10px 0;
    margin: 0 auto;
    width: 560px;
  }
}
@media screen and (min-width: 760px) {
  .tx-spohoce-stageslider-textwrap {
    background: #f2f4f5;
    background: rgba(242, 244, 245, 0.85);
    padding: 0 93px;
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -370px;
    width: 740px;
    height: 160px;
  }
  .tx-spohoce-stageslider-textwrap a.button {
    position: absolute;
    right: 93px;
    bottom: -20px;
  }
}
@media screen and (min-width: 960px) {
  .tx-spohoce-stageslider-textwrap {
    width: 940px;
    margin-left: -470px;
  }
}

.tx-spohoce-stageslider-text {
  padding: 10px 20px;
}
@media screen and (max-width: 759px) {
  .tx-spohoce-stageslider-text {
    padding-right: 60px;
  }
}
@media screen and (max-width: 599px) {
  .tx-spohoce-stageslider-text {
    padding: 10px 20px;
  }
}
@media screen and (min-width: 600px) {
  .tx-spohoce-stageslider-text {
    margin-left: 50px;
  }
}
@media screen and (min-width: 760px) {
  .tx-spohoce-stageslider-text {
    margin-left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 160px;
    overflow: hidden;
  }
}
.tx-spohoce-stageslider-text h2 {
  margin: 0;
  border: none;
}
.tx-spohoce-stageslider-text p {
  margin: 0.5em 0;
}

.calendar-tile + .tx-spohoce-stageslider-text {
  margin-left: 76px;
}
@media screen and (min-width: 600px) {
  .calendar-tile + .tx-spohoce-stageslider-text {
    margin-left: 76px;
  }
}
@media screen and (min-width: 760px) {
  .calendar-tile + .tx-spohoce-stageslider-text {
    margin-left: 93px;
  }
}

.archive-link {
  padding: 0 10px 20px;
}

.moodle-filter-header {
  min-height: 60px;
  height: auto !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 760px) {
  .moodle-filter-header {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.moodle-filter-header .filter-results-count {
  line-height: 34px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.moodle-results--no-results {
  clear: both;
  display: inline-block;
}

.moodle-results-list {
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;
}

.moodle-results-list__item:first-child {
  border-top: none;
}

.moodle-item__headline {
  margin-right: 0 !important;
}
.moodle-item__headline .anchor {
  color: #003592;
  text-decoration: none;
}
.moodle-item__headline .anchor:hover {
  color: #0bb3df;
}
.moodle-item__headline .anchor:active {
  color: #1d7f9d;
}

.moodle-item__body {
  margin-right: 0 !important;
}

.moodle-item__paragraph {
  margin-top: 0;
}

.moodle-item__bounce {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 600px) {
  .moodle-item__bounce {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}

@media screen and (max-width: 599px) {
  .moodle-item__type {
    margin-bottom: 1em;
  }
}

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

.facets-in-use {
  line-height: 1.75;
  padding-top: 0.375em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 760px) {
  .facets-in-use {
    margin-left: 1em;
  }
}
@media screen and (min-width: 960px) {
  .facets-in-use {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.facet-in-use__label {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 0.5em;
}

.facets-in-use-list {
  line-height: 1;
}

.facet-in-use-list__item {
  display: inline-block;
  padding: 0;
  margin-right: 0.25em;
}

.facet-in-use__anchor {
  color: #000;
  background-color: #fff;
  text-decoration: none;
  padding-top: 0.25em;
  padding-right: 0.25em;
  padding-bottom: 0.0625em;
  text-decoration: none;
}
.facet-in-use__anchor:after, .facet-in-use__anchor:before {
  font-family: "DSHS-Iconfont";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: none !important;
  line-height: 1;
  vertical-align: middle;
}
.facet-in-use__anchor:before {
  content: "\e004";
}
.facet-in-use__anchor::before {
  font-size: 34px;
  display: inline-block;
  line-height: 19px;
  height: 21px;
  text-indent: -5px;
  width: 25px;
}
.facet-in-use__anchor:hover, .facet-in-use__anchor:focus {
  background-color: #f2f4f5;
}

.facet-option__anchor {
  padding-left: 31px !important;
  position: relative;
  text-decoration: none;
}
.facet-option__anchor:after, .facet-option__anchor:before {
  font-family: "DSHS-Iconfont";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: none !important;
  line-height: 1;
  vertical-align: middle;
}
.facet-option__anchor::before {
  position: absolute;
  top: 2px;
  left: 8px;
  font-size: 21px;
  margin-right: 5px;
}

.facet-option__anchor--inactive::before {
  content: "\e033";
}

.facet-option__anchor--active::before {
  content: "\e032";
}

#tx_solr_search {
  clear: left;
  float: left;
  width: 100%;
}
#tx_solr_search .global-error-msg p {
  margin: 0;
}

.tx-solr-search-word {
  font-family: "OfficinaSansITCW01-Medi 734521", Arial, Helvetica, Verdana, Tahoma, sans-serif;
  font-weight: normal;
}

#tx_solr_search {
  margin-top: 15px;
}
#tx_solr_search .search-form {
  margin-bottom: 20px !important;
}

#tx_solr_resultlist_header {
  background: #fff;
  padding-left: 0;
  padding-right: 0;
}
#tx_solr_resultlist_header form {
  float: right;
}
#tx_solr_resultlist_header label {
  margin-right: 10px;
}

#tx_solr_resultlist_range {
  clear: left;
  float: left;
  width: 100%;
  color: #9da9b3;
  font-size: 14px;
  margin-top: 5px;
}

ol.results-list {
  padding: 0;
  clear: both;
  width: 100%;
  float: left;
}
ol.results-list li {
  clear: both;
  border-top: 2px solid #000;
  padding: 15px 0;
}
ol.results-list li:before {
  content: "";
  display: none;
}

.results-entry h3 a:before {
  content: "";
  display: none;
}
.results-entry.has-date .results-topic, .results-entry.has-date .results-teaser {
  margin-left: 113px;
}
.results-entry.has-date .calendar-tiles {
  float: left;
  margin-top: 20px;
  margin-bottom: 15px;
}
@media screen and (min-width: 760px) {
  .results-entry.has-date .calendar-tiles {
    margin-top: 0px;
  }
}

.relevance {
  width: 100%;
  position: relative;
}
.relevance .relevance-percent {
  display: inline-block;
  font-family: "OfficinaSerifITCW01-Med", Georgia, serif;
  letter-spacing: 0.025em;
  font-weight: normal;
  position: absolute;
  left: 5px;
  top: 0;
  line-height: 30px;
}

.tx-solr-relevance-bar {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: 1px solid #e6e9ec;
  height: 25px;
  width: 100%;
  background: #f2f4f5;
}

.tx-solr-relevance {
  height: 25px;
  background: #a7cf3f;
  float: left;
}

.tx-solr-relevance-fill {
  height: 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f2f4f5;
  border-top: 1px solid #e6e9ec;
  border-bottom: 1px solid #e6e9ec;
  border-left: none;
  float: right;
}

.tx-pagebrowse-pi1 {
  clear: both;
}

@media screen and (min-width: 760px) {
  .relevance {
    width: 170px;
    float: right;
  }
  .results-topic,
  .results-teaser {
    margin-right: 190px;
  }
  .results-entry h3 {
    margin-top: 0;
  }
}
@media screen and (min-width: 960px) {
  .relevance {
    width: 220px;
  }
  .results-topic,
  .results-teaser {
    margin-right: 240px;
  }
}
.results-highlight {
  padding: 7px 2px 3px;
  background: #bae1ec;
}

.result-content, .results-highlight {
  word-wrap: break-word;
}

.tx-felogin-pi1 legend {
  display: none;
}

#main_logout {
  float: right !important;
}
#main_logout a {
  font-family: "OfficinaSansITCW01-Medi 734521", Arial, Helvetica, Verdana, Tahoma, sans-serif;
  color: #ff6464;
  text-decoration: none;
}
#main_logout a:after {
  display: none !important;
}
#main_logout a:after, #main_logout a:before {
  font-family: "DSHS-Iconfont";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: none !important;
  line-height: 1;
  vertical-align: middle;
}
#main_logout a:before {
  display: inline-block !important;
  content: "\e004";
  font-size: 20px;
}

.cookie-notice {
  opacity: 1;
  background: #003592;
  color: #fff;
  z-index: 15;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 20px 20px 40px 0px;
  border-top: 0.125rem solid #3c5466;
  text-align: center;
}
.cookie-notice .grid-container {
  max-width: 960px;
  margin: 0 auto;
  float: none;
  width: 90%;
}
.cookie-notice .grid-container .grid-col-left {
  padding-right: 10px;
  text-align: left;
}
.cookie-notice .grid-container .grid-col-right {
  text-align: left;
  width: 120px;
}
.cookie-notice h4 {
  line-height: 22px;
  text-align: left;
  color: #fff;
}
.cookie-notice a {
  color: #fff;
  text-decoration: underline;
}
.cookie-notice a:hover {
  font-weight: bold;
}

.mask-youtube-wrapper-outer, .mask-calendar-wrapper-outer, .mask-issuu-wrapper-outer,
.mask-podcaster-wrapper-outer,
.gdpr-media-gallery {
  max-width: 800px;
  margin: 0 auto;
}
.mask-youtube-wrapper-outer figure a, .mask-calendar-wrapper-outer figure a, .mask-issuu-wrapper-outer figure a,
.mask-podcaster-wrapper-outer figure a,
.gdpr-media-gallery figure a {
  position: relative;
  display: block;
  text-decoration: none;
}
.mask-youtube-wrapper-outer figure a:before, .mask-calendar-wrapper-outer figure a:before, .mask-issuu-wrapper-outer figure a:before,
.mask-podcaster-wrapper-outer figure a:before,
.gdpr-media-gallery figure a:before {
  content: "";
  display: none;
}
.mask-youtube-wrapper-outer figure a:after, .mask-calendar-wrapper-outer figure a:after, .mask-issuu-wrapper-outer figure a:after, .mask-youtube-wrapper-outer figure a:before, .mask-calendar-wrapper-outer figure a:before, .mask-issuu-wrapper-outer figure a:before,
.mask-podcaster-wrapper-outer figure a:after,
.mask-podcaster-wrapper-outer figure a:before,
.gdpr-media-gallery figure a:after,
.gdpr-media-gallery figure a:before {
  font-family: "DSHS-Iconfont";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: none !important;
  line-height: 1;
  vertical-align: middle;
}
.mask-youtube-wrapper-outer figure a:after, .mask-calendar-wrapper-outer figure a:after, .mask-issuu-wrapper-outer figure a:after,
.mask-podcaster-wrapper-outer figure a:after,
.gdpr-media-gallery figure a:after {
  content: "\e02c";
}
.mask-youtube-wrapper-outer figure a:after, .mask-calendar-wrapper-outer figure a:after, .mask-issuu-wrapper-outer figure a:after,
.mask-podcaster-wrapper-outer figure a:after,
.gdpr-media-gallery figure a:after {
  background: #003592;
  display: block;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 60px;
  height: 60px;
  margin-left: -30px;
  margin-top: -30px;
  color: #fff;
  text-align: center;
  line-height: 60px;
  font-size: 30px;
  padding-left: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mask-youtube-wrapper-outer figure a:hover:after, .mask-calendar-wrapper-outer figure a:hover:after, .mask-issuu-wrapper-outer figure a:hover:after,
.mask-podcaster-wrapper-outer figure a:hover:after,
.gdpr-media-gallery figure a:hover:after {
  text-decoration: none;
}
.mask-youtube-wrapper-outer img, .mask-calendar-wrapper-outer img, .mask-issuu-wrapper-outer img,
.mask-podcaster-wrapper-outer img,
.gdpr-media-gallery img {
  max-width: 100%;
  height: auto;
  float: none;
}

.fancybox-privacy {
  text-align: left;
  padding: 10px;
}
.fancybox-privacy a {
  color: #003592;
}
.fancybox-privacy a:hover {
  color: #0bb3df;
}
.fancybox-privacy a:active {
  color: #1d7f9d;
}
.fancybox-privacy strong {
  font-family: "OfficinaSansITCW01-Medi 734521", Arial, Helvetica, Verdana, Tahoma, sans-serif;
  font-weight: normal;
}
.fancybox-privacy button {
  margin-bottom: 12px;
  height: auto;
}

.no-js .no-js-info {
  color: #003592;
}

figure.responsive-video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  width: 100%;
}
figure.responsive-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.fancybox-inner figure.responsive-video {
  width: 280px;
}
@media screen and (min-width: 600px) {
  .fancybox-inner figure.responsive-video {
    width: 560px;
  }
}
@media screen and (min-width: 760px) {
  .fancybox-inner figure.responsive-video {
    width: 720px;
  }
}
@media screen and (min-width: 960px) {
  .fancybox-inner figure.responsive-video {
    width: 920px;
  }
}

.mask-issuu-wrapper-outer figure a {
  position: relative;
}
.mask-issuu-wrapper-outer figure a:after {
  display: none;
}
.mask-issuu-wrapper-outer .button-alike {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0 auto;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.issuu-wrapper {
  margin-bottom: 20px;
}
.issuu-wrapper a:before {
  content: "";
  display: none;
}
.issuu-wrapper svg {
  width: 62px;
  height: 36px;
}
.issuu-wrapper .issuuembed div div + div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.issuu-wrapper .issuuembed div div + div > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 959px) {
  .issuu-wrapper .issuuembed {
    width: 500px !important;
    height: 300px !important;
  }
}
@media screen and (max-width: 759px) {
  .issuu-wrapper .issuuembed {
    width: 100% !important;
    height: 336px !important;
  }
}
.grid-col-right .issuu-wrapper {
  width: 100% !important;
  height: 336px !important;
}
@media screen and (min-width: 760px) {
  .grid-col-right .issuu-wrapper {
    margin-bottom: 40px;
  }
  .grid-col-right .issuu-wrapper .issuuembed {
    width: 220px !important;
    height: 300px !important;
  }
  .grid-col-right .issuu-wrapper .issuuembed div div + div > span {
    color: #fff;
    max-width: 55px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
  }
}

.mask-podcaster-wrapper-outer figure {
  max-width: 475px;
}

.podcaster,
.podcaster iframe {
  width: 280px;
  height: 360px;
}
@media screen and (min-width: 600px) {
  .podcaster,
  .podcaster iframe {
    width: 470px;
    height: 320px;
  }
}

.mask-calendar-wrapper-outer {
  margin: 0;
}
.mask-calendar-wrapper-outer figure a {
  position: relative;
}
.mask-calendar-wrapper-outer figure a:after {
  display: none;
}
.mask-calendar-wrapper-outer .button-alike {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0 auto;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.library-search {
  margin-bottom: 2rem;
}
.library-search .search-form .sword {
  width: calc(100% - 40px);
  margin-bottom: 10px;
}
.library-search .icon-button {
  height: 40px;
}

@media screen and (min-width: 760px) {
  .library-form {
    max-width: 360px;
  }
}
@media screen and (min-width: 960px) {
  .library-form {
    max-width: 460px;
  }
}

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

.tx-rssdisplay h4,
.tx-rssdisplay h3 {
  margin-top: 0;
  margin-bottom: 0;
}
.tx-rssdisplay h4 a:before,
.tx-rssdisplay h3 a:before {
  content: "";
  display: none;
}
.tx-rssdisplay aside {
  color: #9da9b3;
  margin-bottom: 5px;
}
.tx-rssdisplay .junction-box:first-child {
  border-top: none;
}

@media print {
  #header,
  #cluster,
  #cluster_fold,
  #utils,
  #footer {
    display: none;
  }
  .outer, .inner {
    width: 100% !important;
  }
  #main {
    padding: 0;
  }
  #content,
  #page_title,
  .content,
  .main {
    float: none;
  }
}
.typo3-debug {
  z-index: 1000;
  position: relative;
  margin: 20px !important;
  display: block;
  height: 500px;
  overflow: scroll;
}

#inline_dok .content {
  background: yellow;
  margin-bottom: 20px;
  position: relative;
}
#inline_dok .content:hover .dok {
  opacity: 1;
}
#inline_dok .dok {
  -webkit-transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  -o-transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  transition: all 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  opacity: 0;
  padding: 20px 20px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #343434;
  background: rgba(52, 52, 52, 0.95);
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
}
#inline_dok .dok h3 {
  font-size: 17px;
  margin-top: 0;
}
#inline_dok .dok * {
  font-size: 14px;
  color: #fff;
}
#inline_dok .dok li:before {
  top: 3px;
}
#inline_dok .grid-col-right .dok {
  left: -200%;
  width: 300%;
}