/*
  Name: all.css
  Author: esense GmbH, Basel, Switzerland
  http://www.esense.ch
*/

@media screen {
html {
font-family: sans-serif;
font-size: 62.5%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-o-text-size-adjust: 100%;
text-size-adjust: 100%;
box-sizing: border-box;
background-color: #fff;
}

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

blockquote,
h1, h2, h3, h4, h5,
p,
ul,
ol,
dl, dt, dd,
table,
table *,
fieldset,
figure,
body {
margin: 0;
padding: 0;
}

table,
table * {
border: none;
border-collapse: collapse;
border-spacing: 0;
vertical-align: top;
text-align: left;
}

ul,
ol {
list-style: none;
}

fieldset {
border: none;
}

button,
input,
select,
textarea {
font-family: sans-serif;
font-size: 100%;
line-height: 100%;
margin: 0;
padding: 0;
}

img {
border-style: none;
width: 100%;
max-width: 100%;
font-size: 0;
line-height: 0;
float: left;
}

/*** clear block ***/
.clear {
display: block;
clear: both;
}

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

/**** BROWSER RESET ***/
/* IE */
figcaption,
figure,
main {
display: block;
}
svg:not(:root) {
overflow: hidden;
}
button,
input {
overflow: visible;
}
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
}
[hidden] {
display: none;
}
* html .clear {
zoom: 1;
}
*:first-child+html .clear {
zoom: 1;
}
/* IE FF */
button,
select {
text-transform: none;
}
/* FF */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: 0;
}
/* IE iOS Safari */
a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
/* iOS Safari */
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
/* WebKit iOS Safari */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/* Chrome */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/* Chrome Safari */
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}/* list */
.text ul,
.text ol {
overflow: hidden;
width: 100%;
float: left;
padding: 0 0 0 1.5em;
}

.text ul + ol,
.text ol + ul,
.text ul + ul,
.text ol + ol {
margin-top: 0;
}

.text ul:last-child,
.text ol:last-child {
margin-bottom: 0;
}

.text li {
position: relative;
padding: 0.75em 0 0 0;
}

.text ul {
padding-left: 1.25em;
}

.text ul li:before {
position: absolute;
content: ">";
top: 0.7em;
left: -1.1em;
float: left;
font-size: 100%;
}

.text ul.list li:before {
content: "";
display: none;
}

.text ol {
list-style: decimal;
}

/* text */
.text p {
display: block;
clear: both;
padding-top: 0.75em;
}

.text table p,
.text p:first-child {
padding-top: 0;
}

.text a {
text-decoration: underline;
}

/* table */
.table-wrapper.scroll {
overflow: hidden;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
-moz-overflow-scrolling: touch;
-ms-overflow-scrolling: touch;
-o-overflow-scrolling: touch;
overflow-scrolling: touch;
margin-right: 0;
}

.table-wrapper table {
min-width: 320px !important;
}

.text table {
width: auto !important;
float: left;
border-collapse: collapse;
border-spacing: 0;
vertical-align: top;
border: none;
margin-top: 0.75em;
}

.text .table-wrapper:first-child table {
margin-top: 0;
}

.text table *:not(.align-r,.align-c) {
text-align: left;
}

.text table caption {
padding: 0.75em 0;
margin-top: -0.75em;
}

.text table td,
.text table th {
vertical-align: top;
padding: 0.75em 1em 0.75em 0;
border-bottom: 1px solid #000;
}

.text table th {
white-space: nowrap;
border: none;
}

.text table thead th,
.text table tbody tr:first-child td {
border-top: 1px solid #000;
}

.text table tfoot tr:last-child th {
border-bottom: 1px solid #000;
}

.text table td:last-child,
.text table th:last-child {
padding-right: 0;
}

/* align */
.align-r {
text-align: right;
}

.align-l {
text-align: left;
}

.align-c {
text-align: center;
}

.fl {
float: left;
}

.fr {
float: right;
}

.nsb {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}

.nst {
margin-top: 0 !important;
padding-top: 0 !important;
}

/* wrappers */
.center {
margin: 0 auto;
}

.box {
width: 100%;
float: left;
}

.c-100 {
width: 100%;
}

.c-50 {
width: 50%;
}

.c-33 {
width: 33.333333333333333333%;
}

.c-25 {
width: 25%;
}

/* global scroll overflow */
html {
overflow-y: scroll;	
}

html.open-menu,
html.open-menu body,
html.open-overlay,
html.open-overlay body {
overflow: hidden;
}

html.open-menu,
html.open-overlay {
border-right: 15px solid #fff;
}

html.open-menu:after,
html.open-overlay:after {
content: "";
position: fixed;
top: 0;
right: 0;
height: 100%;
width: 15px;
background: #fff;
z-index: 1000;
}

html.open-overlay.open-gallery,
html.no-mouse #overlay-scroll {
padding-right: 0;
}

html.open-overlay.open-gallery,
html.no-mouse.open-menu,
html.no-mouse.open-overlay {
border-right: none;
}

html.open-overlay.open-gallery:after,
html.no-mouse.open-menu:after,
html.no-mouse.open-overlay:after {
display: none;
}

/* form */
button,
input,
select,
textarea {
border: none;
background-color: #fff;
}

textarea {
width: 100%;
max-width: 100%;
min-width: 100%;
overflow: auto;
}

label[for],
input[tape=radio],
input[tape=checkbox],
button {
cursor: pointer;
}

button,
input[type=text],
input[type=url],
input[type=tel],
input[type=date],
input[type=month],
input[type=week],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=number],
input[type=password],
input[type=button],
input[type=color],
input[type=reset],
input[type=submit],
input[type=search],
textarea {
border-radius:0;
outline: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
text-shadow: 0px 0px 0px rgba(0,0,0,0);
-webkit-text-fill-color: #000;
-moz-text-fill-color: #000;
-o-text-fill-color: #000;
-ms-text-fill-color: #000;
text-fill-color: #000;
padding: 0;
line-height: inherit;
}

input[type=date],
input[type=month],
input[type=week],
input[type=datetime-local] {
padding: 0;
line-height: 100%;
}

input[type=color],
input[type=range] {
padding: 0;
height: 1.5em;
font-size: 100%;
line-height: 100%;
float: left;
}

input[type=radio],
input[type=checkbox] {
padding: 0;
margin: 0;
height: 1.5em;
width: 1.5em;
float: left;
}

input[type=radio] {
border-radius: 50%;
}

button {
width: auto;
min-width: 1em;
border-radius: 0;
padding: 0;
line-height: inherit;
}

label {
width: auto;
float: left;
padding: 0;
line-height: inherit;
}

select {
margin: 0;
padding: 0;
width: 100%;
min-width: 100%;
max-width: 100%;
border-radius: 0;
outline: none !important;
background-color: transparent;
background-color: rgba(255,255,255,0);
cursor: pointer;
-webkit-appearance: none;
-moz-appearance:window;
-ms-appearance: none;
-o-appearance: none;
overflow: hidden;
text-overflow: ellipsis;
}

input:focus,
textarea:focus {
outline: none;
outline: -webkit-focus-ring-color 0 0;
}

input[type=text]:focus,
textarea:focus,
input[type=checkbox],
input[type=radio] {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}

/* selection */
img,
audio,
video,
canvas,
iframe,
a {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}

.text *,
form input,
form select,
form textarea {
-webkit-user-select: text;
-khtml-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
-o-user-select: text;
user-select: text;
}

*::selection,
input::selection {
background: #000;
color: #fff;
-webkit-text-fill-color: #fff;
-moz-text-fill-color: #fff;
-o-text-fill-color: #fff;
-ms-text-fill-color: #fff;
text-fill-color: #fff;
}

textarea::selection {
background: #000;
color: #fff;
-webkit-text-fill-color: #fff;
-moz-text-fill-color: #fff;
-o-text-fill-color: #fff;
-ms-text-fill-color: #fff;
text-fill-color: #fff;
}

::selection {
background: #000;
color: #fff;
text-decoration: none;
}

/* placeholder */
::-webkit-input-placeholder {
font-family: inherit;
color: #000;
-webkit-text-fill-color: #000;
}

::-moz-placeholder {
font-family: inherit;
color: #000;
-moz-text-fill-color: #000;
}

:-ms-input-placeholder {
font-family: inherit;
color: #000;
-ms-text-fill-color: #000;
}

:-moz-placeholder {
font-family: inherit;
color: #000;
-moz-text-fill-color: #000;
}

/* reset animation on resize and loading */
.close-menu #header,
.opening-menu #header,
.close-menu #menu *,
.opening-menu #menu *,
.loading *,
.resizing * {
transition: all 0s ease-in-out !important;
}

/* reset Magnolia 6 Bug */
div.mgnlEditorBar.area ~ div.mgnlPlaceholder, 
div.mgnlEditorBar.area ~ * div.mgnlPlaceholder {
float: left !important;
width: 100% !important;
margin-bottom: 20px !important;
}/*! Flickity v2.1.1
https://flickity.metafizzy.co
---------------------------------------------- */

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

/* draggable */

.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-button ---- */

.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: #333;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

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

/* ---- page dots ---- */

.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;
}
.mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCSB_outside>.mCSB_container{min-height:100%}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin:0 20px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px}.mCSB_container_wrapper>.mCSB_container{padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(0,0,0,.9)}.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px auto}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px;height:16px;margin:-1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px;width:16px;margin:0 -1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px;margin:6px 0}.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto}.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px}.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px;margin:2px 0}.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.title-text-image.inline-video .image,
.title-text-image.inline-video.large .image {
padding-bottom: 40px;
}

.title-text-image.inline-video.large .movie > .box {
background-color: #000;
padding-bottom: 56.25%;
}

.title-text-image.inline-video .image figcaption {
top: 100%;
left: 0;
margin-top: 40px;
}

.title-text-image.inline-video .mejs__offscreen {
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
clip-path: polygon(0 0, 0 0, 0 0, 0 0);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden
}

.title-text-image.inline-video .mejs__container {
position: absolute;
font-family: Helvetica, Arial, serif;
text-align: left;
vertical-align: top;
text-indent: 0;
box-sizing: border-box;
min-width: 250px;
width: 100% !important;
height: 100% !important;
}

.title-text-image.inline-video .mejs__container .mejs__inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
float: left;
}

.title-text-image.inline-video .mejs__container .mejs__video {
min-height: 140px
}

.title-text-image.inline-video .mejs__container * {
box-sizing: border-box
}

.title-text-image.inline-video .mejs__container video::-webkit-media-controls-start-playback-button {
display: none !important;
-webkit-appearance: none
}

.title-text-image.inline-video .mejs__fill-container, 
.title-text-image.inline-video .mejs__fill-container .mejs__container {
width: 100%;
height: 100%
}

.title-text-image.inline-video .mejs__fill-container {
overflow: hidden;
position: relative;
margin: 0 auto;
background: transparent
}

.title-text-image.inline-video .mejs__container:focus {
outline: none
}

.title-text-image.inline-video .mejs__iframe-overlay {
position: absolute;
width: 100%;
height: 100%
}

.title-text-image.inline-video .mejs__embed, 
.title-text-image.inline-video .mejs__embed body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background: #000;
overflow: hidden
}

.title-text-image.inline-video .mejs__fullscreen {
overflow: hidden !important
}

.title-text-image.inline-video .mejs__container-fullscreen {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
overflow: hidden;
z-index: 2
}

.title-text-image.inline-video .mejs__container-fullscreen .mejs__mediaelement, 
.title-text-image.inline-video .mejs__container-fullscreen video {
width: 100% !important;
height: 100% !important
}

.title-text-image.inline-video .mejs__clear {
clear: both
}

.title-text-image.inline-video .mejs__background, 
.title-text-image.inline-video .mejs__mediaelement {
position: absolute;
top: 0;
left: 0
}

.title-text-image.inline-video .mejs__mediaelement {
width: 100%;
height: 100%;
z-index: 0
}

.title-text-image.inline-video .mejs__poster {
position: absolute;
top: 0;
left: 0;
background-size: contain;
background-position: 50% 50%;
background-repeat: no-repeat;
z-index: 1
}

.title-text-image.inline-video  :root .mejs__poster-img {
display: none
}

.title-text-image.inline-video .mejs__poster-img {
border: 0;
padding: 0
}

.title-text-image.inline-video .mejs__video .mejs__layers,
.title-text-image.inline-video .mejs__overlay-play,
.title-text-image.inline-video .mejs__overlay {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
float: left;
}

.title-text-image.inline-video .mejs__layer {
z-index: 1;
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
}

.title-text-image.inline-video .mejs__overlay-play {
cursor: pointer
}

.title-text-image.inline-video .mejs__overlay-button {
position: absolute;
top: 50%;
left: 50%;
width: 64px;
height: 64px;
margin: -32px 0 0 -32px;
overflow: hidden;
z-index: 1;
border-radius: 50%;
background-color: rgba(0,0,0,0.5);
}

.title-text-image.inline-video .mejs__container-fullscreen .mejs__layers,
.title-text-image.inline-video .mejs__container-fullscreen {
width: 100%;
height: 100%;
}

.title-text-image.inline-video .mejs__overlay-button:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
float: left;
z-index: 3;
width: 0;
height: 0;
border: 14px solid rgba(255,255,255,0);
border-left: 24px solid rgba(255,255,255,1);
margin: -13px 0 0 -8px;
}

.title-text-image.inline-video .mejs__overlay-loading {
position: absolute;
top: 50%;
left: 50%;
width: 80px;
height: 80px;
margin: -40px 0 0 -40px
}

.title-text-image.inline-video .mejs__overlay-loading-bg-img {
display: block;
width: 80px;
height: 80px;
background: transparent url('/.resources/kbplus/webresources/js/mediaelement/controls.svg') -160px -40px no-repeat;
animation: a 1s linear infinite;
z-index: 1
}

@
keyframes a {
to {transform: rotate(1turn)
}

}
.title-text-image.inline-video .mejs__controls {
position: absolute;
list-style-type: none;
margin: 0;
padding: 0 10px;
top: 100%;
left: 0;
height: 40px;
width: 100%;
z-index: 1;
opacity: 1 !important;
display: block !important;
background-color: rgba(230,230,230,0.8);
}

.title-text-image.inline-video .mejs__controls:not([style*="display: none"]){
opacity: 1 !important;
display: block !important;
}

.title-text-image.inline-video .mejs__button, .mejs__time, .mejs__time-rail {
float: left;
margin: 0;
width: 32px;
height: 40px;
font-size: 10px;
line-height: 10px
}

.title-text-image.inline-video .mejs__button>button {
cursor: pointer;
display: block;
font-size: 0;
line-height: 0;
text-decoration: none;
margin: 10px 6px;
padding: 0;
position: absolute;
height: 20px;
width: 20px;
border: 0;
/*
background: transparent url('/.resources/kbplus/webresources/js/mediaelement/controls.svg');
*/
background-color: transparent;
overflow: hidden;
}

.title-text-image.inline-video .mejs__button>button:focus {
outline: 1px dotted #999
}

.title-text-image.inline-video .mejs__container-keyboard-inactive [role=slider], 
.title-text-image.inline-video .mejs__container-keyboard-inactive [role=slider]:focus, 
.title-text-image.inline-video .mejs__container-keyboard-inactive a, 
.title-text-image.inline-video .mejs__container-keyboard-inactive a:focus, 
.title-text-image.inline-video .mejs__container-keyboard-inactive button, 
.title-text-image.inline-video .mejs__container-keyboard-inactive button:focus {
outline: 0
}

.title-text-image.inline-video .mejs__time {
color: #fff;
display: block;
height: 24px;
width: auto;
font-weight: 700;
font-size: 11px;
padding: 16px 6px 0;
overflow: hidden;
text-align: center;
box-sizing: content-box
}

.title-text-image.inline-video .mejs__play>button {
background: transparent url('/.resources/kbplus/webresources/js/mediaelement/play.svg') center center no-repeat;
}

.title-text-image.inline-video .mejs__pause>button {
background: transparent url('/.resources/kbplus/webresources/js/mediaelement/pause.svg') center center no-repeat;
}

.title-text-image.inline-video .mejs__replay>button {
background: transparent url('/.resources/kbplus/webresources/js/mediaelement/replay.svg') center center no-repeat;
}

.title-text-image.inline-video .mejs__time-rail {
direction: ltr;
width: 200px;
padding-top: 10px;
height: 40px;
position: relative;
margin: 0 10px
}

.title-text-image.inline-video .mejs__time-buffering,
.title-text-image.inline-video .mejs__time-current, 
.title-text-image.inline-video .mejs__time-float, 
.title-text-image.inline-video .mejs__time-float-corner, 
.title-text-image.inline-video .mejs__time-float-current, 
.title-text-image.inline-video .mejs__time-handle, 
.title-text-image.inline-video .mejs__time-loaded, 
.title-text-image.inline-video .mejs__time-marker, 
.title-text-image.inline-video .mejs__time-total {
cursor: pointer;
display: block;
position: absolute;
height: 10px;
}

.title-text-image.inline-video .mejs__time-total {
margin: 5px 0 0;
background-color: rgba(0,0,0,0.8);
width: 100%
}

.title-text-image.inline-video .mejs__time-buffering {
width: 100%;
background: linear-gradient(-45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
background-size: 15px 15px;
animation: b 2s linear infinite
}

@
keyframes b { 0%{
background-position: 0 0
}

to {
background-position: 30px 0
}

}
.title-text-image.inline-video .mejs__time-loaded {
background: hsla(0, 0%, 100%, .3);
width: 0
}

.title-text-image.inline-video .mejs__time-current {
background-color: rgba(255,255,255,0.5);
width: 0
}

.title-text-image.inline-video .mejs__time-handle {
margin: 0;
width: 10px;
background: #fff;
border-radius: 5px;
cursor: pointer;
border: 2px solid #333;
top: -2px
}

.title-text-image.inline-video .mejs__time-float, 
.title-text-image.inline-video .mejs__time-handle {
display: none;
position: absolute;
text-align: center
}

.title-text-image.inline-video .mejs__time-float {
background: #eee;
width: 36px;
height: 17px;
border: 1px solid #333;
top: -26px;
margin-left: -18px;
color: #111
}

.title-text-image.inline-video .mejs__time-float-current {
margin: 2px;
width: 30px;
display: block;
text-align: center;
left: 0
}

.title-text-image.inline-video .mejs__time-float-corner {
position: absolute;
display: block;
width: 0;
height: 0;
line-height: 0;
border: 5px solid #eee;
border-color: #eee transparent transparent;
border-radius: 0;
top: 15px;
left: 13px
}

.title-text-image.inline-video .mejs__long-video .mejs__time-float {
width: 64px;
margin-left: -23px
}

.title-text-image.inline-video .mejs__long-video .mejs__time-float-current {
width: 60px
}

.title-text-image.inline-video .mejs__long-video .mejs__time-float-corner {
left: 18px
}

.title-text-image.inline-video .mejs__broadcast {
color: #fff;
position: absolute;
width: 100%;
height: 10px;
top: 15px
}

.title-text-image.inline-video .mejs__fullscreen-button {
margin-right: -100%;
}

.title-text-image.inline-video .mejs__fullscreen-button>button {
background: transparent url('/.resources/kbplus/webresources/js/mediaelement/fullscreen.svg') center center no-repeat;
}

.title-text-image.inline-video .mejs__unfullscreen>button {
background: transparent url('/.resources/kbplus/webresources/js/mediaelement/inline.svg') center center no-repeat;
}

.title-text-image.inline-video .mejs__mute>button {
background: transparent url('/.resources/kbplus/webresources/js/mediaelement/mute.svg') center center no-repeat;
}

.title-text-image.inline-video .mejs__unmute>button {
background: transparent url('/.resources/kbplus/webresources/js/mediaelement/volume.svg') center center no-repeat;
}

.title-text-image.inline-video .mejs__volume-button {
position: relative
}

.title-text-image.inline-video .mejs__volume-button>.mejs__volume-slider {
display: none;
height: 115px;
width: 25px;
background: rgba(50, 50, 50, .7);
border-radius: 0;
top: -115px;
left: 5px;
z-index: 1;
position: absolute;
margin: 0
}

.title-text-image.inline-video .mejs__volume-button:hover {
border-radius: 0 0 4px 4px
}

.title-text-image.inline-video .mejs__volume-total {
position: absolute;
left: 11px;
top: 8px;
width: 2px;
height: 100px;
background: hsla(0, 0%, 100%, .5);
margin: 0
}

.title-text-image.inline-video .mejs__volume-current {
bottom: 0;
width: 100%;
height: 100%;
margin: 0
}

.title-text-image.inline-video .mejs__volume-current, 
.title-text-image.inline-video .mejs__volume-handle {
position: absolute;
left: 0;
background: hsla(0, 0%, 100%, .9)
}

.title-text-image.inline-video .mejs__volume-handle {
bottom: 100%;
width: 16px;
height: 6px;
margin: 0 0 -3px -7px;
cursor: ns-resize;
border-radius: 1px
}

.title-text-image.inline-video .mejs__horizontal-volume-slider {
height: 36px;
width: 56px;
position: relative;
display: block;
float: left;
vertical-align: middle
}

.title-text-image.inline-video .mejs__horizontal-volume-total {
top: 16px;
width: 50px;
height: 8px;
background: rgba(50, 50, 50, .8)
}

.title-text-image.inline-video .mejs__horizontal-volume-current, 
.title-text-image.inline-video .mejs__horizontal-volume-total {
position: absolute;
left: 0;
margin: 0;
padding: 0;
font-size: 1px;
border-radius: 2px
}

.title-text-image.inline-video .mejs__horizontal-volume-current {
top: 0;
width: 100%;
height: 100%;
background: hsla(0, 0%, 100%, .8)
}

.title-text-image.inline-video .mejs__horizontal-volume-handle {
display: none
}

.title-text-image.inline-video .mejs__captions-button, 
.title-text-image.inline-video .mejs__chapters-button {
position: relative
}

.title-text-image.inline-video .mejs__captions-button>button {
background-position: -140px 0
}

.title-text-image.inline-video .mejs__chapters-button>button {
background-position: -302px 0
}

.title-text-image.inline-video .mejs__captions-button>.mejs__captions-selector, 
.title-text-image.inline-video .mejs__chapters-button>.mejs__chapters-selector {
visibility: hidden;
position: absolute;
bottom: 40px;
right: -51px;
width: 85px;
background: rgba(50, 50, 50, .7);
border: 1px solid transparent;
padding: 0;
overflow: hidden;
border-radius: 0
}

.title-text-image.inline-video .mejs__chapters-button>.mejs__chapters-selector {
width: 110px
}

.title-text-image.inline-video .mejs__captions-button>.mejs__captions-selector, 
.title-text-image.inline-video .mejs__chapters-button>.mejs__chapters-selector {
visibility: visible
}

.title-text-image.inline-video .mejs__captions-selector-list, 
.title-text-image.inline-video .mejs__chapters-selector-list {
margin: 0;
padding: 0;
display: block;
list-style-type: none !important;
overflow: hidden
}

.title-text-image.inline-video .mejs__captions-selector-list-item, 
.title-text-image.inline-video .mejs__chapters-selector-list-item {
margin: 0 0 6px;
padding: 0 10px;
list-style-type: none !important;
display: block;
color: #fff;
overflow: hidden;
cursor: pointer
}

.title-text-image.inline-video .mejs__captions-selector-list-item:hover, 
.title-text-image.inline-video .mejs__chapters-selector-list-item:hover {
background-color: #c8c8c8 !important;
background-color: hsla(0, 0%, 100%, .4) !important
}

.title-text-image.inline-video .mejs__captions-selector-input, 
.title-text-image.inline-video .mejs__chapters-selector-input {
clear: both;
float: left;
margin: 3px 3px 0 5px;
position: absolute;
left: -1000px
}

.title-text-image.inline-video .mejs__captions-selector-label, 
.title-text-image.inline-video .mejs__chapters-selector-label {
width: 55px;
float: left;
padding: 4px 0 0;
line-height: 15px;
font-size: 10px;
cursor: pointer
}

.title-text-image.inline-video .mejs__captions-selected, 
.title-text-image.inline-video .mejs__chapters-selected {
color: #21f8f8
}

.title-text-image.inline-video .mejs__captions-translations {
font-size: 10px;
margin: 0 0 5px
}

.title-text-image.inline-video .mejs__captions-layer {
position: absolute;
bottom: 0;
left: 0;
text-align: center;
line-height: 20px;
font-size: 16px;
color: #fff
}

.title-text-image.inline-video .mejs__captions-layer a {
color: #fff;
text-decoration: underline
}

.title-text-image.inline-video .mejs__captions-layer[lang=ar] {
font-size: 20px;
font-weight: 400
}

.title-text-image.inline-video .mejs__captions-position {
position: absolute;
width: 100%;
bottom: 15px;
left: 0
}

.title-text-image.inline-video .mejs__captions-position-hover {
bottom: 35px
}

.title-text-image.inline-video .mejs__captions-text, 
.title-text-image.inline-video .mejs__captions-text * {
padding: 0;
background: hsla(0, 0%, 8%, .5);
white-space: pre-wrap;
box-shadow: 5px 0 0 hsla(0, 0%, 8%, .5), -5px 0 0 hsla(0, 0%, 8%, .5)
}

.title-text-image.inline-video .me_cannotplay a {
font-weight: 700
}

.title-text-image.inline-video .mejs__container .me_cannotplay a {
color: #fff
}

.title-text-image.inline-video .me_cannotplay span {
padding: 15px;
display: block
}@font-face {
font-family: 'allonghata-textregular-beta';
src: url('/.resources/kbplus/webresources/fonts/allonghata_text-regular-beta-web.eot');
src: url('/.resources/kbplus/webresources/fonts/allonghata_text-regular-beta-web.eot?#iefix') format('embedded-opentype'), 
	 url('/.resources/kbplus/webresources/fonts/allonghata_text-regular-beta-web.woff2') format('woff2'), 
	 url('/.resources/kbplus/webresources/fonts/allonghata_text-regular-beta-web.woff') format('woff'), 
	 url('/.resources/kbplus/webresources/fonts/allonghata_text-regular-beta-web.ttf') format('truetype'), 
	 url('/.resources/kbplus/webresources/fonts/allonghata_text-regular-beta-web.svg#allonghata-textregular-beta') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'madrasbold';
src: url('/.resources/kbplus/webresources/fonts/madrasbold-webfont.eot');
src: url('/.resources/kbplus/webresources/fonts/madrasbold-webfont.eot?#iefix') format('embedded-opentype'), 
	 url('/.resources/kbplus/webresources/fonts/madrasbold-webfont.woff') format('woff'), 
	 url('/.resources/kbplus/webresources/fonts/madrasbold-webfont.ttf') format('truetype'), 
	 url('/.resources/kbplus/webresources/fonts/madrasbold-webfont.svg#madrasbold') format('svg');
font-weight: 700;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'madrasblack';
src: url('/.resources/kbplus/webresources/fonts/madrasblack-webfont.eot');
src: url('/.resources/kbplus/webresources/fonts/madrasblack-webfont.eot?#iefix') format('embedded-opentype'), 
	 url('/.resources/kbplus/webresources/fonts/madrasblack-webfont.woff') format('woff'), 
	 url('/.resources/kbplus/webresources/fonts/madrasblack-webfont.ttf') format('truetype'), 
	 url('/.resources/kbplus/webresources/fonts/madrasblack-webfont.svg#madrasblack') format('svg');
font-weight: 900;
font-style: normal;
font-display: swap;
}

/* font size and style */
*,
.form-item label,
.form-item input,
.form-item select,
.form-item select option,
.form-item textarea,
#news #stage .headline-caption,
.component .wrap > *,
.fullscreen .gallery .item .intro-title strong,
#content-menu .drop-link strong,
#content-menu .no-drop-link strong,
input,
button,
input.button,
textarea {
font-family: 'madrasbold', 'Helvetica-Light', 'Helvetica Light', Helvetica, Arial, sans-serif, 'Sans Serif';
font-style: normal;
font-weight: 400;
}

#top-button,
#event #content .component .text .form-item input.submit,
#event #content .component .text .form-item button.submit,
#meta-box-wrapper .item .news-box a.main-news-link,
.form-item.checkbox.active:after,
.form-item label,
#news #stage .wrap *,
#news-filter ul li.active a span,
#news-filter ul li.active a,
.wrap .table-wrapper caption,
#related-news .title,
.component .title,
#content-menu .root .drop-link.open > a strong,
#content-menu .root .no-drop-link.open > a strong,
#overlay .submenu-wrapper *,
#content-menu .root .drop-link .submenu-wrapper *,
.teaser .title,
#footer .title,
#footer-menu a.root,
#footer-menu .root > li > a,
.fullscreen .gallery .item .intro-title > strong span,
#content-menu .drop-link a.active strong,
#content-menu .no-drop-link a.active strong,
strong,
table strong *,
.wrap strong *,
#slider .item .link,
#slider .intro-text *,
.intro-title strong span {
font-family: 'madrasblack', 'Helvetica-Black', 'Helvetica Black', Helvetica, Arial, sans-serif, 'Sans Serif';
font-style: normal;
font-weight: 800;
}

.title-text-image.form-wrapper  .text .wrap > .content-headline,
.content-headline,
#event #stage .headline,
.title-text-image blockquote p,
#news #stage .headline,
#page #stage .caption .headline,
#slider .item .headline {
font-family: 'allonghata-textregular-beta', Georgia, Times, serif;
font-weight: normal;
font-style: normal;
}

* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-ms-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
font-smoothing: antialiased;
}

/* size */
.title-text-image.form-wrapper  .text .wrap > .content-headline,
#event #stage .headline,
#news #stage .headline,
#page #stage .caption .headline,
#slider .item .headline {
font-size: 6em;
line-height: 136%;
}

.content-headline,
.intro-title {
font-size: 4em;
line-height: 125%;
}

.title-text-image blockquote p {
font-size: 3em;
line-height: 110%;
}

#event #stage .wrap,
#event #stage .headline-caption,
#news #stage .wrap,
#news #stage .headline-caption,
#related-news .teaser .title,
.teaser .title,
#slider .item .intro-link,
.intro-text {
font-size: 1.8em;
line-height: 150%;
}

.cms.info .teaser .title {
font-size: 112.5%;
}

#content-menu .drop-link strong,
#content-menu .no-drop-link strong {
font-size: 1.6em;
line-height: 250%;
}

#overlay .submenu-wrapper ul li a,
#overlay .submenu-wrapper p,
#overlay .submenu-wrapper a,
#content-menu .root .drop-link .submenu-wrapper ul li a,
#content-menu .root .drop-link .submenu-wrapper p,
#content-menu .root .drop-link .submenu-wrapper a {
font-size: 1.6em;
line-height: 150%;
}

#overlay .submenu-wrapper strong,
#content-menu .drop-link .submenu-wrapper strong,
#menu .submenu-wrapper a,
#menu .drop-link > a > strong {
font-size: 1.5em;
line-height: 150%;
}

#overlay.gallery-overlay .gallery-image span,
#meta-box-wrapper .item .stretch {
font-size: 1.4em;
line-height: 130%;
}

#top-button,
#related-news .title,
#news-filter ul li strong.filter-link,
.component .title,
.component .wrap > * {
font-size: 1.4em;
line-height: 150%;
}

#news-filter ul li strong.filter-link {
line-height: 242.8571428571429%;
}

.image figcaption,
#footer .title,
#footer p,
#footer #footer-menu a {
font-size: 1.3em;
line-height: 150%;
letter-spacing: 0.03em;
}

/* style */
.form-item label,
#related-news .title,
#news #stage .headline-caption,
#news-filter ul li strong.filter-link,
.wrap .table-wrapper caption,
.component .title,
#overlay .submenu-wrapper > strong,
#footer .title,
#menu .drop-link > a > strong,
#content-menu .drop-link strong,
#content-menu .no-drop-link strong,
#meta-box-wrapper .item .news-box a strong,
#meta-box-wrapper .item .cap-title,
#slider .item .link {
text-transform: uppercase;
}

#meta-box-wrapper .item a,
.teaser .title,
#footer a,
#meta-box-wrapper .item .calendar-box a,
#meta-box-wrapper .item .news-box a,
#slider .item .link {
text-decoration: none;
}

#content-menu .drop-link .submenu-wrapper strong {
text-transform: none;
}

#news-filter ul li strong.filter-link,
#menu a {
text-decoration: none;
}

#content-menu .root .drop-link.open .wrap a,
#content-menu .root .no-drop-link.open .wrap a {
text-decoration: underline;
}

/* reset */
#event #stage .headline *,
#news #stage .wrap *,
.image figcaption *,
.headline *,
.title-1 *,
.title-2 *,
.component .wrap > * > *,
#overlay .submenu-wrapper ul li a *,
#content-menu .root .drop-link .submenu-wrapper ul li a *,
#footer #footer-menu a *,
#footer p *,
#meta-box-wrapper .item .stretch *,
.intro-title *,
.intro-text * {
font-size: 100% !important;
}
/* text color */
* {
color: #000;
}

#footer *,
#menu a,
#menu a * {
color: #73736C;
}

#news #stage *,
#news #content .component .wrap * {
color: #3a4327;
}

#event #top-button,
#news #top-button,
#newsletter #top-button,
#news.red #stage *,
#news.red #content .component .wrap *,
#news.red .title-text-image .text *,
#news.purple #stage *,
#news.purple #content .component .wrap *,
#news.purple .title-text-image .text *,
#event figcaption,
#event #stage *,
#event #content .component .text *,
#event #content .component .wrap *,
#news .title-text-image blockquote p,
#news #stage .headline,
#news #stage .headline-caption,
#news-filter ul li.selector.active strong.filter-link,
#news-filter.open ul li.active strong.filter-link,
#news-filter.open ul li.active strong.filter-link span {
color: #fff;
}

.red .component.form-wrapper .text .form-item.error > .box *, 
.green .component.form-wrapper .text .form-item.error > .box *, 
.yellow .component.form-wrapper .text .form-item.error > .box *, 
.turquois .component.form-wrapper .text .form-item.error > .box *, 
.purple .component.form-wrapper .text .form-item.error > .box *, 
#page.red #content .component.form-wrapper .text .form-item.error > .box *, 
#page.green #content .component.form-wrapper .text .form-item.error > .box *, 
#page.yellow #content .component.form-wrapper .text .form-item.error > .box *, 
#page.turquoise #content .component.form-wrapper .text .form-item.error > .box *, 
#page.purple #content .component.form-wrapper .text .form-item.error > .box *, 
#event.red #content .component.form-wrapper .text .form-item.error > .box *,
#event.green #content .component.form-wrapper .text .form-item.error > .box *,
#event.yellow #content .component.form-wrapper .text .form-item.error > .box *,
#event.turquoise #content .component.form-wrapper .text .form-item.error > .box *,
#event.purple #content .component.form-wrapper .text .form-item.error > .box * {
color: #000 !important;
}

.red .component.form-wrapper .text .form-item.error > .box, 
.green .component.form-wrapper .text .form-item.error > .box, 
.yellow .component.form-wrapper .text .form-item.error > .box, 
.turquois .component.form-wrapper .text .form-item.error > .box, 
.purple .component.form-wrapper .text .form-item.error > .box, 
#page.red #content .component.form-wrapper .text .form-item.error > .box, 
#page.green #content .component.form-wrapper .text .form-item.error > .box, 
#page.yellow #content .component.form-wrapper .text .form-item.error > .box, 
#page.turquoise #content .component.form-wrapper .text .form-item.error > .box, 
#page.purple #content .component.form-wrapper .text .form-item.error > .box, 
#event.red #content .component.form-wrapper .text .form-item.error > .box,
#event.green #content .component.form-wrapper .text .form-item.error > .box,
#event.yellow #content .component.form-wrapper .text .form-item.error > .box,
#event.turquoise #content .component.form-wrapper .text .form-item.error > .box,
#event.purple #content .component.form-wrapper .text .form-item.error > .box {
border: 2px solid #000;
}

.red .component.form-wrapper .text .form-item.radio.error > .box, 
.green .component.form-wrapper .text .form-item.radio.error > .box, 
.yellow .component.form-wrapper .text .form-item.radio.error > .box, 
.turquois .component.form-wrapper .text .form-item.radio.error > .box, 
.purple .component.form-wrapper .text .form-item.radio.error > .box, 
#page.red #content .component.form-wrapper .text .form-item.radio.error > .box, 
#page.green #content .component.form-wrapper .text .form-item.radio.error > .box, 
#page.yellow #content .component.form-wrapper .text .form-item.radio.error > .box, 
#page.turquoise #content .component.form-wrapper .text .form-item.radio.error > .box, 
#page.purple #content .component.form-wrapper .text .form-item.radio.error > .box, 
#event.red #content .component.form-wrapper .text .form-item.radio.error > .box,
#event.green #content .component.form-wrapper .text .form-item.radio.error > .box,
#event.yellow #content .component.form-wrapper .text .form-item.radio.error > .box,
#event.turquoise #content .component.form-wrapper .text .form-item.radio.error > .box,
#event.purple #content .component.form-wrapper .text .form-item.radio.error > .box,
.red .component.form-wrapper .text .form-item.checkbox.error > .box, 
.green .component.form-wrapper .text .form-item.checkbox.error > .box, 
.yellow .component.form-wrapper .text .form-item.checkbox.error > .box, 
.turquois .component.form-wrapper .text .form-item.checkbox.error > .box, 
.purple .component.form-wrapper .text .form-item.checkbox.error > .box, 
#page.red #content .component.form-wrapper .text .form-item.checkbox.error > .box, 
#page.green #content .component.form-wrapper .text .form-item.checkbox.error > .box, 
#page.yellow #content .component.form-wrapper .text .form-item.checkbox.error > .box, 
#page.turquoise #content .component.form-wrapper .text .form-item.checkbox.error > .box, 
#page.purple #content .component.form-wrapper .text .form-item.checkbox.error > .box, 
#event.red #content .component.form-wrapper .text .form-item.checkbox.error > .box,
#event.green #content .component.form-wrapper .text .form-item.checkbox.error > .box,
#event.yellow #content .component.form-wrapper .text .form-item.checkbox.error > .box,
#event.turquoise #content .component.form-wrapper .text .form-item.checkbox.error > .box,
#event.purple #content .component.form-wrapper .text .form-item.checkbox.error > .box {
border: none;
}

.red .component.form-wrapper .text .form-item.error > .box .txt, 
.green .component.form-wrapper .text .form-item.error > .box .txt, 
.yellow .component.form-wrapper .text .form-item.error > .box .txt, 
.turquois .component.form-wrapper .text .form-item.error > .box .txt, 
.purple .component.form-wrapper .text .form-item.error > .box .txt, 
#page.red #content .component.form-wrapper .text .form-item.error > .box .txt, 
#page.green #content .component.form-wrapper .text .form-item.error > .box .txt, 
#page.yellow #content .component.form-wrapper .text .form-item.error > .box .txt, 
#page.turquoise #content .component.form-wrapper .text .form-item.error > .box .txt, 
#page.purple #content .component.form-wrapper .text .form-item.error > .box .txt, 
#event.red #content .component.form-wrapper .text .form-item.error > .box .txt,
#event.green #content .component.form-wrapper .text .form-item.error > .box .txt,
#event.yellow #content .component.form-wrapper .text .form-item.error > .box .txt,
#event.turquoise #content .component.form-wrapper .text .form-item.error > .box .txt,
#event.purple #content .component.form-wrapper .text .form-item.error > .box .txt,
.red .component.form-wrapper .text .form-item.error > .box label, 
.green .component.form-wrapper .text .form-item.error > .box label, 
.yellow .component.form-wrapper .text .form-item.error > .box label, 
.turquois .component.form-wrapper .text .form-item.error > .box label, 
.purple .component.form-wrapper .text .form-item.error > .box label, 
#page.red #content .component.form-wrapper .text .form-item.error > .box label, 
#page.green #content .component.form-wrapper .text .form-item.error > .box label, 
#page.yellow #content .component.form-wrapper .text .form-item.error > .box label, 
#page.turquoise #content .component.form-wrapper .text .form-item.error > .box label, 
#page.purple #content .component.form-wrapper .text .form-item.error > .box label, 
#event.red #content .component.form-wrapper .text .form-item.error > .box label,
#event.green #content .component.form-wrapper .text .form-item.error > .box label,
#event.yellow #content .component.form-wrapper .text .form-item.error > .box label,
#event.turquoise #content .component.form-wrapper .text .form-item.error > .box label,
#event.purple #content .component.form-wrapper .text .form-item.error > .box label {
margin: -2px 0;
}

#news-filter ul li strong.filter-link {
color: rgba(0,0,0,0.3);
}

#top-button,
.component.form-wrapper .text .form-item > .box *,
#page #content .component.form-wrapper .text .form-item > .box *,
#event #content .component.form-wrapper .text .form-item > .box *,
.component.form-wrapper .text .form-item > .box *,
#event #content .component .text .content-headline,
.content-headline,
#event .teaser .title,
#footer a.active,
#footer-menu a.active,
#menu .drop-link a.active,
#menu .drop-link a.active *,
#event #stage .caption .headline,
#related-news .teaser *,
#news-filter ul li.active strong.filter-link {
color: #000;
}

#overlay.gallery-overlay .gallery-image span.img-author {
color: #aaa;
}

.footerContainer .mcnTextContent, 
.footerContainer .mcnTextContent p,
#newsletter-content .footerContainer .mcnTextContent * {
color: #808080;
}

/* background color */
.player,
#news-filter ul li.selector.active strong.filter-link,
#news-filter.open ul li.active strong.filter-link span,
#news-filter.open ul li.active strong.filter-link,
#menu-close .bar,
#menu-button .bar {
background-color: #000;
}

#overlay.gallery-overlay {
background-color: rgba(0,0,0,0.9);
}

.config-page #stage {
background-color: rgba(0,0,0,0.25);
}

.open-menu #menu-button .bar {
background-color: #73736C;
}

.content-headline,
#event #stage .caption .headline,
#news #menu-button .bar,
#news-filter ul *,
#page #stage .caption .wrap *,
#overlay .submenu-wrapper ul li a > .box strong,
#content-menu .drop-link .submenu-wrapper ul li a > .box strong,
.teaser .title,
#main-menu-wrapper {
background-color: #fff;
}

#meta-box-wrapper .item .stretch {
background-color: rgba(255,255,255,0.8);
}

.form-item.radio > .box,
.form-item.checkbox > .box,
#newsletter #header,
#event #header,
#news #header,
.fullscreen .flickity-page-dots .dot {
background-color: transparent;
}

.form-item > .box,
#overlay .close:after,
#overlay .close:before,
#header .close:after,
#header .close:before,
.fullscreen .flickity-page-dots .dot.is-selected,
.fullscreen .gallery .item .wrap * {
background-color: #fff;
}

.teaser.color-box .inner {
background-color: rgba(230,230,230,0.8);
}

.teaser-preview.red,
#event.red,
#news.red,
#overlay.red,
#content-menu .root .drop-link.red .submenu-wrapper .box,
#content-menu .root .drop-link.red a,
#content-menu .root .no-drop-link.red a {
background-color: rgba(202,105,102,1);
}

.red .form-item .select-wrapper:after {
border-color: rgba(202,105,102,1);
}

.red .form-item.radio.active:after,
.teaser.color-box.red .inner {
background-color: rgba(202,105,102,1);
}

.red .form-item.checkbox.active:after,
.red .component.form-wrapper .text .form-item > .box *,
#page.red #content .component.form-wrapper .text .form-item > .box *,
#event.red #content .component.form-wrapper .text .form-item > .box * {
color: rgba(202,105,102,1);
}

.teaser-preview.purple,
#event.purple,
#news.purple,
#overlay.purple,
#content-menu .root .drop-link.purple .submenu-wrapper .box,
#content-menu .root .drop-link.purple a,
#content-menu .root .no-drop-link.purple a {
background-color: rgba(160,117,163,1);
}

.purple .form-item .select-wrapper:after {
border-color: rgba(160,117,163,1);
}

.purple .form-item.radio.active:after,
.teaser.color-box.purple .inner {
background-color: rgba(160,117,163,1);
}

#newsletter {
background-color: #bacabf;
}

.purple .form-item.checkbox.active:after,
.purple .component.form-wrapper .text .form-item > .box *,
#page.purple #content .component.form-wrapper .text .form-item > .box *,
#event.purple #content .component.form-wrapper .text .form-item > .box * {
color: rgba(160,117,163,1);
}

.teaser-preview.turquoise,
#event.turquoise,
#news.turquoise,
#overlay.turquoise,
#content-menu .root .drop-link.turquoise .submenu-wrapper .box,
#content-menu .root .drop-link.turquoise a,
#content-menu .root .no-drop-link.turquoise a {
background-color: rgba(146,186,176,1);
}

.turquoise .form-item .select-wrapper:after {
border-color: rgba(146,186,176,1);
}

.turquoise .form-item.radio.active:after,
.teaser.color-box.turquoise .inner {
background-color: rgba(146,186,176,1);
}

.content-headline.error {
color: #ff0000 !important;
}

.turquoise .form-item.checkbox.active:after,
.turquoise .component.form-wrapper .text .form-item > .box *,
#page.turquoise #content .component.form-wrapper .text .form-item > .box *,
#event.turquoise #content .component.form-wrapper .text .form-item > .box * {
color: rgba(146,186,176,1);
}

.teaser-preview.green,
#event.green,
#news.green,
#overlay.green,
#content-menu .root .drop-link.green .submenu-wrapper .box,
#content-menu .root .drop-link.green a,
#content-menu .root .no-drop-link.green a {
background-color: rgba(197,219,134,1);
}

.green .form-item .select-wrapper:after {
border-color: rgba(197,219,134,1);
}

.green .form-item.radio.active:after,
.teaser.color-box.green .inner {
background-color: rgba(197,219,134,1);
}

.green .form-item.checkbox.active:after,
.green .component.form-wrapper .text .form-item > .box *,
#page.green #content .component.form-wrapper .text .form-item > .box *,
#event.green #content .component.form-wrapper .text .form-item > .box * {
color: rgba(197,219,134,1);
color: #000;
}

.teaser-preview.yellow,
#event.yellow,
#news.yellow,
#overlay.yellow,
#content-menu .root .drop-link.yellow .submenu-wrapper .box,
#content-menu .root .drop-link.yellow a,
#content-menu .root .no-drop-link.yellow a {
background-color: rgba(246,229,141,1);
}

.yellow .form-item .select-wrapper:after {
border-color: rgba(246,229,141,1);
}

.yellow .form-item.radio.active:after,
.teaser.color-box.yellow .inner {
background-color: rgba(246,229,141,1);
}

.yellow .form-item.checkbox.active:after,
.yellow .component.form-wrapper .text .form-item > .box *,
#page.yellow #content .component.form-wrapper .text .form-item > .box *,
#event.yellow #content .component.form-wrapper .text .form-item > .box * {
color: rgba(246,229,141,1);
color: #000;
}

.teaser .inner.field.no-image,
.teaser.yellow .inner.field.no-image,
.teaser.red .inner.field.no-image,
.teaser.green .inner.field.no-image,
.teaser.purple .inner.field.no-image,
.teaser.turquoise .inner.field.no-image {
background-color: rgba(230,230,230,0.8) !important;
}

.title-text-image.color-text-box.white-text .text .wrap *,
.red .form-item.radio *,
.red .form-item.checkbox *,
.purple .form-item.radio *,
.purple .form-item.checkbox *,
.turquoise .form-item.radio *,
.turquoise .form-item.checkbox *,
.form-item.radio *,
.form-item.checkbox * {
color: #fff !important;
}

.green .component.form-wrapper .text .form-item.select > .box .select-wrapper *,
#event.green #content .component.form-wrapper .text .form-item.select > .box .select-wrapper *,
.yellow .component.form-wrapper .text .form-item.select > .box .select-wrapper *,
#event.yellow #content .component.form-wrapper .text .form-item.select > .box .select-wrapper *,
.turquoise .component.form-wrapper .text .form-item.select > .box .select-wrapper *,
#event.turquoise #content .component.form-wrapper .text .form-item.select > .box .select-wrapper *,
.red .component.form-wrapper .text .form-item.select > .box .select-wrapper *,
#event.red #content .component.form-wrapper .text .form-item.select > .box .select-wrapper *,
.purple .component.form-wrapper .text .form-item.select > .box .select-wrapper *,
#event.purple #content .component.form-wrapper .text .form-item.select > .box .select-wrapper *,
.yellow .form-item.radio *,
.yellow .form-item.checkbox *,
.green .form-item.radio *,
.green .form-item.checkbox * {
color: #000 !important;
}

/*

» Türkis: #80bcb2 
» Violett: #a072ao 
» Gelb: #ecca68
» Grün: #c4da85
» Rot: #e5827b
» Grau: #c4c5c7

*/

#footer {
background-color: rgb(230,230,230);
}

/* border color */
.fullscreen .gallery .item .wrap > *:before,
.fullscreen .gallery .item .wrap > *:after,
.fullscreen .flickity-page-dots .dot {
border-color: rgba(255,255,255,1);
}

/* svg color */

/* box-shadow */

@media only screen and (max-width : 968px) {

#content-menu .root .drop-link.red:first-child a,
#content-menu .root .no-drop-link.red:first-child a {
box-shadow: -4em 0 0 0 rgba(202,105,102,1);
}

#content-menu .root .drop-link.red:last-child a,
#content-menu .root .no-drop-link.red:last-child a {
box-shadow: 4em 0 0 0 rgba(202,105,102,1);
}

#content-menu .root .drop-link.purple:first-child a,
#content-menu .root .no-drop-link.purple:first-child a {
box-shadow: -4em 0 0 0 rgba(160,117,163,1);
}

#content-menu .root .drop-link.purple:last-child a,
#content-menu .root .no-drop-link.purple:last-child a {
box-shadow: 4em 0 0 0 rgba(160,117,163,1);
}

#content-menu .root .drop-link.turquoise:first-child a,
#content-menu .root .no-drop-link.turquoise:first-child a {
box-shadow: -4em 0 0 0 rgba(146,186,176,1);
}

#content-menu .root .drop-link.turquoise:last-child a,
#content-menu .root .no-drop-link.turquoise:last-child a {
box-shadow: 4em 0 0 0 rgba(146,186,176,1);
}

#content-menu .root .drop-link.green:first-child a,
#content-menu .root .no-drop-link.green:first-child a {
box-shadow: -4em 0 0 0 rgba(197,219,134,1);
}

#content-menu .root .drop-link.green:last-child a,
#content-menu .root .no-drop-link.green:last-child a {
box-shadow: 4em 0 0 0 rgba(197,219,134,1);
}

#content-menu .root .drop-link.yellow:first-child a,
#content-menu .root .no-drop-link.yellow:first-child a {
box-shadow: -4em 0 0 0 rgba(246,229,141,1);
}

#content-menu .root .drop-link.yellow:last-child a,
#content-menu .root .no-drop-link.yellow:last-child a {
box-shadow: 4em 0 0 0 rgba(246,229,141,1);
}

}

/* wrapper */
#container {
overflow-x: hidden;
}

.page-w {
max-width: 102em;
}

#content {
position: relative;
z-index: 20;
}

/* header */
#header {
position: fixed;
top: 0;
left: 0;
width: 100%;
float: left;
padding-bottom: 0.7em;
z-index: 100;
background-color: rgba(255,255,255,0);
box-shadow: 0 0 0 0 rgba(0,0,0,0);
transform: translateX(0);
transition: all 0.25s ease-in-out;
}

#header > .page-w {
position: relative;
}

.scroll-header #header {
background-color: rgba(255,255,255,1);
box-shadow: 0 -20px 120px 20px rgba(0,0,0,0.05);
}

/*
#header:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 140%;
margin-left: -20%;
height: 20em;
box-shadow: inset 0 10px 10px -30px rgba(255,255,255,0);
float: left;
pointer-events: none;
z-index: -1;
transition: box-shadow 0.25s ease-in-out;
}

.scroll-header #header:after {
content: "";
box-shadow: inset 0 70px 70px -30px rgba(255,255,255,1);
}
*/

#logo {
float: right;
width: 100%;
max-width: 15em;
margin: 1em 2em 0 0;
}

#logo-print {
display: none;
}

/* menu */
#menu {
position: fixed;
left: 0;
top: 0;
width: 100%;
max-width: 38em;
height: 100vh;
float: left;
transform: translateX(-100%);
overflow: hidden;
box-shadow: 0 0 0 0 rgba(0,0,0,0);
}

#main-menu-wrapper {
position: absolute;
left: 0;
top: 0;
height: 100vh;
width: 100%;
float: left;
/*
width: 110%;
overflow: hidden;
overflow-y: auto;
padding-right: 10%;
-webkit-overflow-scrolling: touch;
-moz-overflow-scrolling: touch;
-ms-overflow-scrolling: touch;
-o-overflow-scrolling: touch;
overflow-scrolling: touch;
*/
}

.mobile #main-menu-wrapper {
width: 110%;
overflow: hidden;
overflow-y: auto;
padding-right: 10%;
-webkit-overflow-scrolling: touch;
-moz-overflow-scrolling: touch;
-ms-overflow-scrolling: touch;
-o-overflow-scrolling: touch;
overflow-scrolling: touch;
}

#main {
transition: transform 0.25s ease-in-out;
transform: translateX(0);
overflow: hidden;
}

#main-menu-wrapper .inner-box {
position: relative;
float: left;
width: 100%;
padding: 100px 2em 5em 7em;
}

#main-menu-wrapper .inner-box * {
position: relative;
float: left;
width: 100%;
}

#menu .drop-link {
margin-bottom: 5em;
}

#menu .drop-link .submenu-wrapper {
margin-top: 3em;
}

#menu .drop-link.open .submenu-wrapper {
display: block;
}

#menu .drop-link .submenu-wrapper li {
padding: 0.2em 0;
}

#menu .drop-link:last-child {
margin-bottom: 0;
}

/* open menu */
.open-menu #header {
transform: translateX(38em);
}

.open-menu #main {
transform: translateX(38em);
}

.open-menu #main-menu-wrapper {
transform: translateX(0);
}

.open-menu #menu {
box-shadow: -20px 0 120px 20px rgba(0,0,0,0.05);
}

.open-menu #menu-button {
opacity: 0;
}

/* menu button */
#back-button,
#menu-button,
#menu-close {
position: relative;
width: 3em;
height: 2em;
float: left;
margin: 2em 0 0 2em;
/*
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-webkit-transition: 0.3s;
transition: 0.3s;
*/
z-index: 90;
transition: margin 0.25s ease-in-out;
cursor: pointer;
}

#menu-close {
position: absolute;
top: 0;
right: 4em;
}

#menu-close .bar,
#menu-button .bar {
position: absolute;
left: 0;
height: 3px;
width: 100%;
display: block;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-webkit-transition: 0.4s;
transition: 0.4s;
cursor: pointer;
}

#menu-button .bar:nth-of-type(1) {
top: 0;
/*
-moz-transition: top 0.3s ease 0.3s, -moz-transform 0.3s ease-out 0.1s;
-o-transition: top 0.3s ease 0.3s, -o-transform 0.3s ease-out 0.1s;
-webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease-out;
-webkit-transition-delay: 0.3s, 0.1s;
transition: top 0.3s ease 0.3s, transform 0.3s ease-out 0.1s;
-moz-animation: mrotr 2s cubic-bezier(0.5, 0.2, 0.2, 1.01);
-webkit-animation: mrotr 2s cubic-bezier(0.5, 0.2, 0.2, 1.01);
animation: mrotr 2s cubic-bezier(0.5, 0.2, 0.2, 1.01);
*/
}

#menu-button .bar:nth-of-type(2) {
top: 0.8em;
/*
-moz-transition: ease 0.3s 0.3s;
-o-transition: ease 0.3s 0.3s;
-webkit-transition: ease 0.3s;
-webkit-transition-delay: 0.3s;
transition: ease 0.3s 0.3s;
-moz-animation: fade 2s cubic-bezier(0.5, 0.2, 0.2, 1.01);
-webkit-animation: fade 2s cubic-bezier(0.5, 0.2, 0.2, 1.01);
animation: fade 2s cubic-bezier(0.5, 0.2, 0.2, 1.01);
*/
}

#menu-button .bar:nth-of-type(3) {
top: 1.6em;
/*
-moz-transition: top 0.3s ease 0.3s, -moz-transform 0.3s ease-out 0.1s;
-o-transition: top 0.3s ease 0.3s, -o-transform 0.3s ease-out 0.1s;
-webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease-out;
-webkit-transition-delay: 0.3s, 0.1s;
transition: top 0.3s ease 0.3s, transform 0.3s ease-out 0.1s;
-moz-animation: mrotl 2s cubic-bezier(0.5, 0.2, 0.2, 1.01);
-webkit-animation: mrotl 2s cubic-bezier(0.5, 0.2, 0.2, 1.01);
animation: mrotl 2s cubic-bezier(0.5, 0.2, 0.2, 1.01);
*/
}

/*
.open-menu #menu-button .bar:nth-of-type(1) {
top: 0.8em;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-moz-transition: top 0.3s ease 0.1s, -moz-transform 0.3s ease-out 0.5s;
-o-transition: top 0.3s ease 0.1s, -o-transform 0.3s ease-out 0.5s;
-webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease-out;
-webkit-transition-delay: 0.1s, 0.5s;
transition: top 0.3s ease 0.1s, transform 0.3s ease-out 0.5s;
}

.open-menu #menu-button .bar:nth-of-type(2) {
opacity: 0;
}

.open-menu #menu-button .bar:nth-of-type(3) {
top: 0.8em;
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-moz-transition: top 0.3s ease 0.1s, -moz-transform 0.3s ease-out 0.5s;
-o-transition: top 0.3s ease 0.1s, -o-transform 0.3s ease-out 0.5s;
-webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease-out;
-webkit-transition-delay: 0.1s, 0.5s;
transition: top 0.3s ease 0.1s, transform 0.3s ease-out 0.5s;
}
*/

#menu-close .bar:nth-of-type(1) {
top: 0.8em;
transform: rotate(45deg);
}

#menu-close .bar:nth-of-type(2) {
opacity: 0;
}

#menu-close .bar:nth-of-type(3) {
top: 0.8em;
transform: rotate(-45deg);
}

#back-button {
position: absolute;
top: 0;
width: 5em;
height: 5em;
right: 0.7em;
margin: 1em 0 0 0;
}

#back-button span {
position: absolute;
right: -100vw;
top: -100vh;
float: left;
}

#back-button:before,
#back-button:after {
content: "";
position: absolute;
left: 0;
top: 0;
float: left;
width: 4em;
height: 2px;
background-color: #fff;
margin: 2em 0 0 0;
}

#back-button:before {
transform: rotate(45deg);
}

#back-button:after {
transform: rotate(-45deg);
}

/* content menu */
.content-menu-wrapper {
position: relative;
z-index: 100;
}

#content-menu {
position: relative;
width: 100%;
float: left;
padding: 0 1.5em;
z-index: 10;
}

#content-menu .root {
list-style: none;
margin: 1.2em 0 0.6em 0;
padding: 0;
width: 100%;
float: left;
}

#content-menu.open-child .root {
margin-bottom: 0.2em;
}

#content-menu .root .drop-link,
#content-menu .root .no-drop-link {
width: 20%;
float: left;
padding: 0 0.5em;
z-index: 1;
/*
display: inline-table;
*/
}

#content-menu .root .drop-link.open,
#content-menu .root .no-drop-link.open {
z-index: 2;
}

#content-menu .root .drop-link.open a {
padding-bottom: 1em;
margin-bottom: -0.6em;
box-shadow: 5px 5px 0 0 rgba(0,0,0,0.2);
}

#content-menu .root .drop-link.open .wrap a,
#content-menu .root .no-drop-link.open .wrap a {
padding-bottom: 0;
margin-bottom: 0;
box-shadow: none;
font-size: 100%;
float: none;
width: auto;
}

#content-menu .root .drop-link a,
#content-menu .root .no-drop-link a  {
width: 100%;
float: left;
text-decoration: none;
}

#content-menu .drop-link strong,
#content-menu .no-drop-link strong {
text-align: center;
display: block;
overflow: hidden;
text-overflow: ellipsis;
padding: 0 1em;
}

#content-menu .drop-link:first-child strong,
#content-menu .no-drop-link:first-child strong {
margin-left: -1em;
}

#content-menu .drop-link:last-child strong,
#content-menu .no-drop-link:last-child strong {
margin-right: -1em;
}

#content-menu .root .drop-link .submenu-wrapper {
position: absolute;
left: 0;
top: 100%;
margin: 0.4em 0 0 0;
width: 100%;
height: 0;
overflow: hidden;
display: block;
padding: 0 2em 0 2em;
z-index: 1;
float: left;
}

#content-menu .root .drop-link.open .submenu-wrapper {
padding: 0 2em 2em 2em;
overflow: visible;
}

#content-menu .root .drop-link:last-child .submenu-wrapper {
left: auto;
right: 0;
}

#content-menu .root .drop-link .submenu-wrapper > .box {
/*
box-shadow: 0 10px 10px -5px rgba(0,0,0,0.5);
*/
box-shadow: 5px 5px 0 0 rgba(0,0,0,0.2);
padding: 2em 2.5em;
text-align: left;
}

#overlay .submenu-wrapper > .box .wrap,
#content-menu .root .drop-link .submenu-wrapper > .box .wrap {
width: 100%;
float: left;
padding: 0 0.5em;
}

#overlay .submenu-wrapper ul,
#content-menu .root .drop-link .submenu-wrapper ul {
width: 100%;
float: left;
padding-top: 1.5em;
}

#overlay .submenu-wrapper ul li, 
#content-menu .root .drop-link .submenu-wrapper ul li {
position: relative;
width: 20%;
float: left;
padding: 0.5em;
}

#overlay .submenu-wrapper ul li a,
#content-menu .root .drop-link .submenu-wrapper ul li a {
position: relative;
width: 100%;
float: left;
padding: 0 0 72% 0;
overflow: hidden;
background-color: rgba(255,255,255,0.35) !important;
margin: 0;
box-shadow: 5px 5px 0 0 rgba(0,0,0,0.2) !important;
/*
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
*/
}

#overlay .submenu-wrapper ul li a > .box,
#content-menu .drop-link .submenu-wrapper ul li a > .box {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: auto;
float: left;
padding: 0.5em 0.7em;
background-color: transparent !important;
}

#overlay .submenu-wrapper ul li a > .box strong,
#content-menu .drop-link .submenu-wrapper ul li a > .box strong {
display: inline;
-webkit-box-decoration-break: clone;
-ms-box-decoration-break: clone;
-o-box-decoration-break: clone;
box-decoration-break: clone;
box-shadow: 0.2em 0 0 #fff, -0.2em 0 0 #fff;
padding: 0 0.2em;
margin: 0;
}

#overlay .submenu-wrapper  ul li a,
#content-menu .drop-link .submenu-wrapper ul li a {
box-shadow: none !important;
}

.content-menu-overlay .close {
position: absolute;
top: 1em;
right: 3em;
float: left;
width: 50px;
height: 50px;
cursor: pointer;
}

.content-menu-overlay .close:after,
.content-menu-overlay .close:before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 3em;
height: 3px;
float: left;
transform: rotate(45deg);
background-color: #fff;
margin: 1.5em 0 0 0;
}

.content-menu-overlay .close:after {
transform: rotate(-45deg);
}

/* stage */
#stage {
position: relative;
float: left;
width: 100%;
min-height: auto;
}

#home #stage {
height: 80vh;
}

#page #stage {
height: 40vh;
min-height: 400px;
}

#page #stage.no-image {
height: 25vh;
max-height: 100vh;
/*
min-height: 300px;
*/
}

/* news */
#event #stage,
#news #stage {
height: auto;
}

#event #stage > .box,
#news #stage > .box {
margin-top: 12vh;
}

#event #stage > .box .caption,
#news #stage > .box .caption {
padding: 0 2em;
}

#event #stage .headline,
#news #stage .headline {
width: 100%;
float: left;
}

#event #stage .headline-caption,
#news #stage .headline-caption {
padding: 0 0 1em 0;
width: 100%;
float: left;
}

#event #stage .wrap,
#news #stage .wrap {
padding-top: 0.5em;
padding-bottom: 3em;
max-width: 40em;
float: left;
width: 100%;
}

#newsletter #header,
#event #header,
#news #header {
box-shadow: none;
}

/* meta box */
#meta {
position: relative;
top: 0;
left: 0;
width: 100%;
float: left;
height: 1px;
z-index: 9;
}

#meta > .page-w > .box {
height: 1px;
}

#meta-box-wrapper {
position: relative;
width: 20%;
min-width: 32em;
float: right;
margin-top: 15vh;
padding-right: 2em;
}

#meta-box-wrapper .item .stretch {
margin: 0 0 1em 0;
padding: 1em;
width: 100%;
float: left;
}

#meta-box-wrapper .item .stretch.news-box {
padding: 0;
}

#meta-box-wrapper .item .stretch.news-box > * {
padding: 0.4em 1em 0.4em 3em;
margin-top: 0;
}

#meta-box-wrapper .item .stretch.news-box > *:first-child {
padding-top: 1em;
padding-left: 1em;
padding-bottom: 0.5em;
}

#meta-box-wrapper .item .stretch.news-box > *:last-child {
padding-bottom: 1em;
}

#meta-box-wrapper .item .cap-title {
width: 100%;
float: left;
}

#meta-box-wrapper .item .news-box a {
width: 100%;
float: left;
padding: 0 0 0 2em;
margin-top: 0.8em;
position: relative;
}

#meta-box-wrapper .item .calendar-box a:before,
#meta-box-wrapper .item .news-box a:before {
content: "»";
}

#meta-box-wrapper .item .calendar-box a:before {
padding-right: 0.4em;
}

#meta-box-wrapper .item .news-box a:before {
position: absolute;
top: 0.4em;
left: 1em;
}

#meta-box-wrapper .item .news-box a.main-news-link:before {
display: none;
}

#meta-box-wrapper .item .news-box a strong {
width: 100%;
float: left;
}

#meta-box-wrapper .item .project-box p,
#meta-box-wrapper .item .info-box p {
padding-top: 1.3em;
width: 100%;
float: left;
}

#meta-box-wrapper .item .project-box p:first-child,
#meta-box-wrapper .item .info-box p:first-child,
#meta-box-wrapper .item .project-box .cap-title + p,
#meta-box-wrapper .item .info-box .cap-title + p {
padding-top: 0;
}

#meta-slider-frame {
position: relative;
width: 100%;
float: left;
}

/* slider */  
#stage-slider-wrapper,
#slider {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
float: left;
}

.loading .gallery-frame {
overflow: hidden;
opacity: 0;
}

/* gallery setup */
.gallery ol {
padding-left: 0;
}

.flickity-viewport {
height: 100%;
}

.flickity-button:disabled {
display: none;
}   

/* fullscreen */
.fullscreen .gallery-frame {
position: relative;
top: 0;
left: 0;
width: 100%;
height: 100%;
float: left;
}

.fullscreen .gallery-frame.top {
z-index: 3;
}

.fullscreen .gallery-frame.bottom {
position: absolute;
top: 0;
left: 0;
z-index: -1;
}

#page #stage-image:before,
#page #stage.no-image:after,
.fullscreen .gallery-frame.bottom:before {
content: "";
position: absolute;
top: 0;
left: 50%;
height: 20000px;
min-height: 100vh;
width: 100%;
min-width: 60em;
width: 150em;
float: left;
z-index: 2;
pointer-events: none;
opacity: 0.8;
transform: translateX(-50%);
display: inline-table;
}

#page #stage-image:before,
#page #stage.no-image:after {
z-index: 1;
}

/*
#page #stage-image:before {
content: "";
position: absolute;
top: 0;
left: 50%;
right: auto;
max-width: 80em;
min-width: 60em;
transform: translateX(-50%);
}
*/

#page.purple #stage.no-image:after,
#page.purple #stage-image:before,
.purple .fullscreen .gallery-frame.bottom:before {
background: transparent url('/.resources/kbplus/webresources/images/bg_purple.png') center top no-repeat;
background-size: 100% auto;
left: 40%;
width: 100%;
max-width: 300em;
}

#page.green #stage.no-image:after,
#page.green #stage-image:before,
.green .fullscreen .gallery-frame.bottom:before {
background: transparent url('/.resources/kbplus/webresources/images/bg_green1.png') center top no-repeat;
background-size: 100% auto;
background-position: center 6em;
left: 38%;
width: 100%;
max-width: 200em;
}

#page.yellow #stage.no-image:after,
#page.yellow #stage-image:before,
.yellow .fullscreen .gallery-frame.bottom:before {
background: transparent url('/.resources/kbplus/webresources/images/bg_yellow.png') center top no-repeat;
background-size: 100% auto;
width: 66.65%;
width: 150em;
}

#page.yellow #stage.no-image:after {
width: 66.65%;
width: 150em;
left: 57%;
}

#page.red #stage.no-image:after,
#page.red #stage-image:before,
.red .fullscreen .gallery-frame.bottom:before {
background: transparent url('/.resources/kbplus/webresources/images/bg_red.png') center top no-repeat;
background-size: 100% auto;
left: 45%;
width: 100%;
max-width: 200em;
}

#page.turquoise #stage.no-image:after,
#page.turquoise #stage-image:before,
.turquoise .fullscreen .gallery-frame.bottom:before {
background: transparent url('/.resources/kbplus/webresources/images/bg_turquoise.png') center top no-repeat;
background-size: 100% auto;
left: 37%;
}

#page #stage.no-image:after {
z-index: -1 !important;
}


.fullscreen .carousel,
.fullscreen .gallery {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
float: left;
}

/*
.gallery-overlay .fullscreen .carousel.init {
margin-right: -4px;
}
*/

.fullscreen .gallery .item {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
float: left;
}

.gallery-overlay .fullscreen .gallery .item {
position: absolute;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
float: left;
}

.fullscreen .gallery .item .caption {
opacity: 0;
transition: opacity 0.25s ease-out;
transition-delay: 0;
}

.fullscreen .gallery .item.is-selected .caption {
opacity: 1;
transition: opacity 0.5s ease-out;
transition-delay: 0.25s;
}

#page #stage > .box {
position:absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
display: inline-table;
}

#page #stage.no-image > .box {
z-index: 10;
}

#page #stage .caption .wrap,
.fullscreen .gallery .item .caption .wrap {
padding: 1em 0 0 0;
}

#page #stage .caption .wrap.intro-title,
#page #stage .caption .wrap:first-child,
.fullscreen .gallery .item .caption .wrap.intro-title,
.fullscreen .gallery .item .caption .wrap:first-child {
padding: 0;
}

#page #stage .caption .wrap.intro-text,
.fullscreen .gallery .item .caption .wrap.intro-text {
padding: 2em 0 0 0;
}

.content-headline,
#event #stage .caption .headline,
#page #stage .caption  .wrap > *,
.fullscreen .gallery .item .caption .wrap > * {
display: inline;
-webkit-box-decoration-break: clone;
-ms-box-decoration-break: clone;
-o-box-decoration-break: clone;
box-decoration-break: clone;
}

.form-wrapper .content-headline {
margin-left: 0.15em;
}

#page #stage .caption .intro-title > *,
.fullscreen .gallery .item .intro-title > * {
box-shadow: 0.2em 0 0 #fff, -0.2em 0 0 #fff;
}

.content-headline,
#event #stage .caption .headline,
#page #stage .caption .headline,
.fullscreen .gallery .item .headline {
box-shadow: 0.15em 0 0 #fff, -0.15em 0 0 #fff;
}

#page #stage .caption .intro-text > *,
.fullscreen .gallery .item .intro-text > *,
.fullscreen .gallery .item .intro-link > * {
box-shadow: 0.4em 0 0 #fff, -0.4em 0 0 #fff;
}

#page #stage .caption .wrap > * > *,
.fullscreen .gallery .item .caption .wrap > * > * {
display: inline;
box-shadow: none !important;
-webkit-box-decoration-break: none !important;
-ms-box-decoration-break: none !important;
-o-box-decoration-break: none !important;
box-decoration-break: none !important;
background-color: transparent !important;
}

#slider .item .intro-link {
margin-top: 1em;
}

.gallery-frame.bottom .item.first.carousel-cell {
z-index: 1;
overflow: hidden;
}

.gallery-frame.bottom .item.first.carousel-cell > .item-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-color: transparent;
background-size: cover;
z-index: 1;
}

.gallery-frame.bottom .item.first.carousel-cell .item-bg.show {
z-index: 3;
}

.accordion-header {
cursor: pointer;
}

.accordion-header:before,
#meta-box-wrapper .item a.calendar-box span:before,
#meta-box-wrapper .item a.newsletter-box .cap-title:before,
#slider .item .intro-link .link:before {
content: "»";
padding: 0 0.2em 0 0;
}

.accordion-header.headline-box:before {
font-size: 200%;
padding: 0 0.5em 0 0;
}

.open .accordion-header:before {
content: "«";
}

#page #stage #stage-image,
.fullscreen .gallery .item .item-bg {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
float: left;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
z-index: -10;
box-shadow: inset 0 70px 70px -20px rgba(255,255,255,1);
}

.firefox #page #stage #stage-image,
.firefox .fullscreen .gallery .item .item-bg {
box-shadow: inset 0 70px 40px -20px rgba(255,255,255,1);
}

/*
.fullscreen .bottom .gallery .item.first .item-bg {
opacity: 0;
}

.fullscreen .bottom .gallery .item.first .item-bg.show {
opacity: 1;
}
*/

.fullscreen .flickity-page-dots {
position: relative;
bottom: 4em;
width: auto;
max-width: 102em;
padding: 0 0.8em; 
margin: 0 auto;
clear: both;
text-align: left;
}

.fullscreen .flickity-page-dots .dot {
background-color: transparent;
opacity: 1;
border: 1px solid rgba(255,255,255,1);
width: 2.3em;
height: 2.3em;
margin: 0 1.2em;
}

.fullscreen .flickity-page-dots .dot:first-child:last-child {
display: none;
}

.fullscreen .gallery .item .caption {
position: relative;
z-index: 9;
padding-top: 15vh;
margin-top: -0.3em;
}

#page #stage .caption > .box,
.fullscreen .gallery .item .caption .box {
position: relative;
float: left;
width: 100%;
padding: 0 35em 0 2.8em;
/*
max-width: 100em;
*/
}

#news #stage .caption > .box,
#event #stage .caption > .box,
#page #stage .caption > .box {
padding: 0 20% 0 20%;
}

#event #stage .caption > .box {
padding: 0 0 0 20%;
}

#event #stage .caption > .box > .wrap {
padding-right: 15%;
padding-top: 1em;
}

#page #stage .caption > .box > .box {
padding: 0 0 0 2.8em;
}

#event #stage .title-wrap,
.title-text-image.form-wrapper .text .title-wrap,
#page #stage .caption .box .wrap:first-child {
position: relative;
}

#event #stage .title-wrap:after,
.title-text-image.form-wrapper .text .title-wrap:after,
#page #stage .caption .box .wrap:first-child:after,
.fullscreen .gallery .item .caption .box:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 6em;
height: 16em;
margin: -3.8em 0 0 -4.4em;
float: left;
background: transparent url('/.resources/kbplus/webresources/images/header-arrow.png') 0 0 no-repeat;
background-size: 100%;
}

.title-text-image.form-wrapper .text .title-wrap:after,
#page #stage .caption .box .wrap:first-child:after {
margin-left: -7em;
}

.title-text-image.form-wrapper .text .title-wrap:after {
margin-top: 0.2em;
}

.fullscreen .gallery .item .caption .box.has-title:after {
margin-top: -5.1em;
}

#event #stage .title-wrap:after {
margin-left: -7em;
margin-top: 0.7em;
}

/* teaser */
.teaser-box {
padding: 0 1.5em 1.5em 1.5em;
}

.teaser {
position: relative;
float: left;
padding: 0.5em;
display: inline-table;
}

.edit-mode .cms.info .teaser {
margin-top: 0;
padding-left: 0 !important;
padding-top: 0 !important;
padding-right: 0 !important;
}

.edit-mode .cms.info .teaser-preview {
float: left;
width: auto;
margin-top: 1em;
}

.news-list-wrapper.sorted-list .teaser,
.edit-mode .teaser,
#home.edit-mode .teaser-box .cms.info .teaser {
width: 33.3% !important;
min-width: 33.3% !important;
max-width: 33.3% !important;
padding-bottom: 24% !important;
}

.teaser .inner {
position: absolute;
top: 0.5em;
bottom: 0.5em;
right: 0.5em;
left: 0.5em;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
z-index: 1;
text-decoration: none;
/*
padding: 1.5em 2em;
*/
overflow: hidden;
}

.teaser img.bg {
position: absolute;
top: 50%;
left: 50%;
height: 100%;
width: auto;
max-width: 2000px;
min-width: auto;
z-index: -1;
display: inline-table;
transform: translateX(-50%) translateY(-50%);
float: left;
}

/*
.teaser.color-box .inner {
box-shadow: 5px 5px 0 0 rgba(0,0,0,0.2);
}
*/

.teaser.no-image .inner {
background-color: rgba(255,255,255,0.35) !important;
/*
box-shadow: 5px 5px 0 0 rgba(0,0,0,0.2) !important;
*/
}

.teaser .inner > .box {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: auto;
float: left;
padding: 1.4em 2em;
display: inline-table;
}

.cms.info .teaser .inner > .box {
padding: 0.7em 1em;
}

.teaser.field-teaser .inner > .box {
top: 0;
bottom: auto;
}

.teaser .inner.field > .title {
margin: 0.83333333333333em 1.03333333333333em;
/*
float: left;
display: inline-table;
*/
}

.teaser.red .inner.field {
background: transparent url('/.resources/kbplus/webresources/images/bg_red_t.png') center top no-repeat;
background-size: 100% auto;
}

.teaser.green .inner.field {
background: transparent url('/.resources/kbplus/webresources/images/bg_green_t.png') center top no-repeat;
background-size: 100% auto;
}

.teaser.yellow .inner.field {
background: transparent url('/.resources/kbplus/webresources/images/bg_yellow_t.png') center top no-repeat;
background-size: 100% auto;
}

.teaser.turquoise .inner.field {
background: transparent url('/.resources/kbplus/webresources/images/bg_turquoise_t.png') center top no-repeat;
background-size: 100% auto;
}

.teaser.purple .inner.field {
background: transparent url('/.resources/kbplus/webresources/images/bg_purple_t.png') center top no-repeat;
background-size: 100% auto;
}

.teaser .inner.sw {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
transition: all 1s ease-in-out;
}

.teaser.large {
width: 40%;
padding-bottom: 34%;
}

.teaser.small {
width: 20%;
padding-bottom: 24%;
}

/*
.teaser:nth-child(1),
.teaser:nth-child(2),
.teaser:nth-child(4),
.teaser:nth-child(6),
.teaser:nth-child(9),
.teaser:nth-child(12),
.teaser:nth-child(13) {
width: 40%;
padding-bottom: 24%;
}

.teaser:nth-child(3),
.teaser:nth-child(5),
.teaser:nth-child(7),
.teaser:nth-child(8),
.teaser:nth-child(10),
.teaser:nth-child(11) {
width: 20%;
padding-bottom: 24%;
}
*/


	.teaser:nth-of-type(1),
	.teaser:nth-of-type(2),
	.teaser:nth-of-type(4),
	.teaser:nth-of-type(6),
	.teaser:nth-of-type(9),
	.teaser:nth-of-type(12),
	.teaser:nth-of-type(13) {
	width: 40%;
	padding-bottom: 24%;
	}
		
	.teaser:nth-of-type(3),
	.teaser:nth-of-type(5),
	.teaser:nth-of-type(7),
	.teaser:nth-of-type(8),
	.teaser:nth-of-type(10),
	.teaser:nth-of-type(11) {
	width: 20%;
	padding-bottom: 24%;
	}
	
	.teaser:nth-of-type(3) .inner.field,
	.teaser:nth-of-type(5) .inner.field,
	.teaser:nth-of-type(7) .inner.field,
	.teaser:nth-of-type(8) .inner.field,
	.teaser:nth-of-type(10) .inne.field,
	.teaser:nth-of-type(11) .inner.field {
	background-size: 200% auto !important;
	background-position: top right;
	}
	
	#related-news .teaser:nth-of-type(3) .inner.field,
	#related-news .teaser:nth-of-type(5) .inner.field,
	#related-news .teaser:nth-of-type(7) .inner.field,
	#related-news .teaser:nth-of-type(8) .inner.field,
	#related-news .teaser:nth-of-type(10) .inne.field,
	#related-news .teaser:nth-of-type(11) .inner.field {
	background-size: 100% auto !important;
	background-position: top center;
	}
	
	.teaser:nth-of-type(14),
	.teaser:nth-of-type(15),
	.teaser:nth-of-type(17),
	.teaser:nth-of-type(19),
	.teaser:nth-of-type(22),
	.teaser:nth-of-type(25),
	.teaser:nth-of-type(26) {
	width: 40%;
	padding-bottom: 24%;
	}
		
	.teaser:nth-of-type(16),
	.teaser:nth-of-type(18),
	.teaser:nth-of-type(20),
	.teaser:nth-of-type(21),
	.teaser:nth-of-type(23),
	.teaser:nth-of-type(24) {
	width: 20%;
	padding-bottom: 24%;
	}
	
	.teaser:nth-of-type(16) .inner.field,
	.teaser:nth-of-type(18) .inner.field,
	.teaser:nth-of-type(20) .inner.field,
	.teaser:nth-of-type(21) .inner.field,
	.teaser:nth-of-type(23) .inne.field,
	.teaser:nth-of-type(24) .inner.field {
	background-size: 200% auto !important;
	background-position: top right;
	}
	
	#related-news .teaser:nth-of-type(16) .inner.field,
	#related-news .teaser:nth-of-type(18) .inner.field,
	#related-news .teaser:nth-of-type(20) .inner.field,
	#related-news .teaser:nth-of-type(21) .inner.field,
	#related-news .teaser:nth-of-type(23) .inne.field,
	#related-news .teaser:nth-of-type(24) .inner.field {
	background-size: 100% auto !important;
	background-position: top center;
	}
	
	.teaser:nth-of-type(27),
	.teaser:nth-of-type(28),
	.teaser:nth-of-type(30),
	.teaser:nth-of-type(32),
	.teaser:nth-of-type(35),
	.teaser:nth-of-type(38),
	.teaser:nth-of-type(39) {
	width: 40%;
	padding-bottom: 24%;
	}
		
	.teaser:nth-of-type(29),
	.teaser:nth-of-type(31),
	.teaser:nth-of-type(33),
	.teaser:nth-of-type(34),
	.teaser:nth-of-type(36),
	.teaser:nth-of-type(37) {
	width: 20%;
	padding-bottom: 24%;
	}
	
	.teaser:nth-of-type(29) .inner.field,
	.teaser:nth-of-type(31) .inner.field,
	.teaser:nth-of-type(33) .inner.field,
	.teaser:nth-of-type(34) .inner.field,
	.teaser:nth-of-type(36) .inne.field,
	.teaser:nth-of-type(37) .inner.field {
	background-size: 200% auto !important;
	background-position: top right;
	}
	
	#related-news .teaser:nth-of-type(29) .inner.field,
	#related-news .teaser:nth-of-type(31) .inner.field,
	#related-news .teaser:nth-of-type(33) .inner.field,
	#related-news .teaser:nth-of-type(34) .inner.field,
	#related-news .teaser:nth-of-type(36) .inne.field,
	#related-news .teaser:nth-of-type(37) .inner.field {
	background-size: 100% auto !important;
	background-position: top center;
	}
	
	.teaser:nth-of-type(40),
	.teaser:nth-of-type(41),
	.teaser:nth-of-type(43),
	.teaser:nth-of-type(45),
	.teaser:nth-of-type(48),
	.teaser:nth-of-type(51),
	.teaser:nth-of-type(52) {
	width: 40%;
	padding-bottom: 24%;
	}
		
	.teaser:nth-of-type(42),
	.teaser:nth-of-type(44),
	.teaser:nth-of-type(46),
	.teaser:nth-of-type(47),
	.teaser:nth-of-type(49),
	.teaser:nth-of-type(50) {
	width: 20%;
	padding-bottom: 24%;
	}
	
	.teaser:nth-of-type(42) .inner.field,
	.teaser:nth-of-type(44) .inner.field,
	.teaser:nth-of-type(46) .inner.field,
	.teaser:nth-of-type(47) .inner.field,
	.teaser:nth-of-type(49) .inne.field,
	.teaser:nth-of-type(50) .inner.field {
	background-size: 200% auto !important;
	background-position: top right;
	}
	
	#related-news .teaser:nth-of-type(42) .inner.field,
	#related-news .teaser:nth-of-type(44) .inner.field,
	#related-news .teaser:nth-of-type(46) .inner.field,
	#related-news .teaser:nth-of-type(47) .inner.field,
	#related-news .teaser:nth-of-type(49) .inne.field,
	#related-news .teaser:nth-of-type(50) .inner.field {
	background-size: 100% auto !important;
	background-position: top center;
	}
	
	.teaser:nth-of-type(53),
	.teaser:nth-of-type(54),
	.teaser:nth-of-type(56),
	.teaser:nth-of-type(58),
	.teaser:nth-of-type(61),
	.teaser:nth-of-type(64),
	.teaser:nth-of-type(65) {
	width: 40%;
	padding-bottom: 24%;
	}
		
	.teaser:nth-of-type(55),
	.teaser:nth-of-type(57),
	.teaser:nth-of-type(59),
	.teaser:nth-of-type(60),
	.teaser:nth-of-type(62),
	.teaser:nth-of-type(63) {
	width: 20%;
	padding-bottom: 24%;
	}
	
	.teaser:nth-of-type(55) .inner.field,
	.teaser:nth-of-type(57) .inner.field,
	.teaser:nth-of-type(59) .inner.field,
	.teaser:nth-of-type(60) .inner.field,
	.teaser:nth-of-type(62) .inne.field,
	.teaser:nth-of-type(63) .inner.field {
	background-size: 200% auto !important;
	background-position: top right;
	}
	
	#related-news .teaser:nth-of-type(55) .inner.field,
	#related-news .teaser:nth-of-type(57) .inner.field,
	#related-news .teaser:nth-of-type(59) .inner.field,
	#related-news .teaser:nth-of-type(60) .inner.field,
	#related-news .teaser:nth-of-type(62) .inne.field,
	#related-news .teaser:nth-of-type(63) .inner.field {
	background-size: 100% auto !important;
	background-position: top center;
	}
	
	.teaser:nth-of-type(66),
	.teaser:nth-of-type(67),
	.teaser:nth-of-type(69),
	.teaser:nth-of-type(71),
	.teaser:nth-of-type(74),
	.teaser:nth-of-type(77),
	.teaser:nth-of-type(78) {
	width: 40%;
	padding-bottom: 24%;
	}
		
	.teaser:nth-of-type(68),
	.teaser:nth-of-type(70),
	.teaser:nth-of-type(72),
	.teaser:nth-of-type(73),
	.teaser:nth-of-type(75),
	.teaser:nth-of-type(76) {
	width: 20%;
	padding-bottom: 24%;
	}
	
	.teaser:nth-of-type(68) .inner.field,
	.teaser:nth-of-type(70) .inner.field,
	.teaser:nth-of-type(72) .inner.field,
	.teaser:nth-of-type(73) .inner.field,
	.teaser:nth-of-type(75) .inne.field,
	.teaser:nth-of-type(76) .inner.field {
	background-size: 200% auto !important;
	background-position: top right;
	}
	
	#related-news .teaser:nth-of-type(68) .inner.field,
	#related-news .teaser:nth-of-type(70) .inner.field,
	#related-news .teaser:nth-of-type(72) .inner.field,
	#related-news .teaser:nth-of-type(73) .inner.field,
	#related-news .teaser:nth-of-type(75) .inne.field,
	#related-news .teaser:nth-of-type(76) .inner.field {
	background-size: 100% auto !important;
	background-position: top center;
	}
	
	.teaser:nth-of-type(79),
	.teaser:nth-of-type(80),
	.teaser:nth-of-type(82),
	.teaser:nth-of-type(84),
	.teaser:nth-of-type(87),
	.teaser:nth-of-type(90),
	.teaser:nth-of-type(91) {
	width: 40%;
	padding-bottom: 24%;
	}
		
	.teaser:nth-of-type(81),
	.teaser:nth-of-type(83),
	.teaser:nth-of-type(85),
	.teaser:nth-of-type(86),
	.teaser:nth-of-type(88),
	.teaser:nth-of-type(89) {
	width: 20%;
	padding-bottom: 24%;
	}
	
	.teaser:nth-of-type(81) .inner.field,
	.teaser:nth-of-type(83) .inner.field,
	.teaser:nth-of-type(85) .inner.field,
	.teaser:nth-of-type(86) .inner.field,
	.teaser:nth-of-type(88) .inne.field,
	.teaser:nth-of-type(89) .inner.field {
	background-size: 200% auto !important;
	background-position: top right;
	}
	
	#related-news .teaser:nth-of-type(81) .inner.field,
	#related-news .teaser:nth-of-type(83) .inner.field,
	#related-news .teaser:nth-of-type(85) .inner.field,
	#related-news .teaser:nth-of-type(86) .inner.field,
	#related-news .teaser:nth-of-type(88) .inne.field,
	#related-news .teaser:nth-of-type(89) .inner.field {
	background-size: 100% auto !important;
	background-position: top center;
	}
	
	.teaser:nth-of-type(92),
	.teaser:nth-of-type(93),
	.teaser:nth-of-type(95),
	.teaser:nth-of-type(97),
	.teaser:nth-of-type(100),
	.teaser:nth-of-type(103),
	.teaser:nth-of-type(104) {
	width: 40%;
	padding-bottom: 24%;
	}
		
	.teaser:nth-of-type(94),
	.teaser:nth-of-type(96),
	.teaser:nth-of-type(98),
	.teaser:nth-of-type(99),
	.teaser:nth-of-type(101),
	.teaser:nth-of-type(102) {
	width: 20%;
	padding-bottom: 24%;
	}
	
	.teaser:nth-of-type(94) .inner.field,
	.teaser:nth-of-type(96) .inner.field,
	.teaser:nth-of-type(98) .inner.field,
	.teaser:nth-of-type(99) .inner.field,
	.teaser:nth-of-type(101) .inne.field,
	.teaser:nth-of-type(102) .inner.field {
	background-size: 200% auto !important;
	background-position: top right;
	}
	
	#related-news .teaser:nth-of-type(94) .inner.field,
	#related-news .teaser:nth-of-type(96) .inner.field,
	#related-news .teaser:nth-of-type(98) .inner.field,
	#related-news .teaser:nth-of-type(99) .inner.field,
	#related-news .teaser:nth-of-type(101) .inne.field,
	#related-news .teaser:nth-of-type(102) .inner.field {
	background-size: 100% auto !important;
	background-position: top center;
	}
	

#content .teaser.fixed-teaser-width {
width: 33.3% !important;
}

.teaser .title {
display: inline;
-webkit-box-decoration-break: clone;
-ms-box-decoration-break: clone;
-o-box-decoration-break: clone;
box-decoration-break: clone;
box-shadow: 0.2em 0 0 #fff, -0.2em 0 0 #fff;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}

/* overlay */
#overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
float: left;
z-index: 1000;
overflow: hidden;
overflow-y: auto;
}

#overlay .submenu-wrapper {
position: relative;
width: 100%;
float: left;
padding-right: 15px;
}

#overlay.gallery-overlay {
opacity: 0;
transition: opacity 0.5s ease-out;
}

#overlay.gallery-overlay.show {
opacity: 1;
}

#overlay.gallery-overlay .gallery-image {
opacity: 0;
transition: opacity 0.5s ease-out;
transition-delay: 0.2s;
}

#overlay.gallery-overlay.show.go .gallery-image {
opacity: 1;
}

#overlay.gallery-overlay .item.carousel-cell {
position: relative;
}

.open-overlay.no-mouse #overlay.gallery-overlay {
padding-right: 0;
}

#overlay.gallery-overlay #overlay-content {
position: relative;
width: 100%;
height: 100%;
}

#overlay.gallery-overlay .gallery-image {
height: 100vh;
max-width: 100vw;
width: 100%;
height: auto;
float: left;
position: relative;
top: 50%;
left: 0;
transform: translateY(-50%);
padding: 0;
text-align: center;
}

.no-mouse #overlay.gallery-overlay .carousel.init .gallery-image {
left: 0;
}

#overlay.gallery-overlay .carousel.init .gallery-image {
left: 7px;
}

#overlay.gallery-overlay .gallery-image > .box {
position: relative;
left: 50%;
transform: translateX(-50%);
float: left;
clear: both;
padding: 1em 0;
}

.resizing #overlay.gallery-overlay .gallery-image > .box > .center-box {
opacity: 0;
}

#overlay.gallery-overlay .gallery-image span.img-author {
text-align: right;
max-width: 40%;
float: right;
padding: 0 0 0 1em;
}

#overlay.gallery-overlay .gallery-image span.img-title {
text-align: left;
max-width: 60%;
float: left;
padding: 0 1em 0 0;
}

#overlay.gallery-overlay .gallery-image span {
width: auto;
color: #fff;
}

#overlay.gallery-overlay .gallery-image img {
height: auto;
width: auto;
float: left;
display: inline-table;
clear: both;
position: relative;
left: 50%;
transform: translateX(-50%);
max-height: 90vh;
padding: 0 40px;
}

#header .close,
#overlay .close {
position: absolute;
top: 0;
right: 0;
margin: 2em 2em 0 0;
float: left;
width: 40px;
height: 40px;
z-index: 100;
cursor: pointer;
}

#header .close {
position: relative;
float: right;
overflow: hidden;
text-indent: -9999px;
margin-top: 0.8em;
}

#header .close:after,
#header .close:before,
#overlay .close:after,
#overlay .close:before {
position: absolute;
left: 0;
top: 0;
content: "";
width: 100%;
height: 3px;
float: left;
margin-top: 20px;
}

#header .close:before,
#overlay .close:before {
transform: rotate(45deg);
}

#header .close:after,
#overlay .close:after {
transform: rotate(-45deg);
}

/* main area */
#event #content,
#news #content,
#page #content {
padding: 2.1em 0;
}

#page .component {
padding: 2.1em 0 2.1em 20%;
}

.component.no-space,
.component.no-space .teaser-box {
padding-bottom: 0 !important;
}

.component.no-space.open {
padding-bottom: 4em !important;
}

.title-text-image.large.accordion.component.no-space,
.component.no-space {
margin-bottom: -2.1em !important;
}

.title-text-image.download.component.no-space,
.title-text-image.large.component.no-space {
margin-bottom: 0 !important;
}

.title-text-image.large.component.no-space,
.component.no-space {
margin-bottom: -1em !important;
}

#news .component,
#event .component {
padding: 2.1em 0 2.1em 20%;
}

/* component */
.component {
position: relative;
}

.title-text-image .text {
position: relative;
padding: 0 8em 0 2.1em;
float: left;
width: 60%;
}

#page .component.title-text-image.redirect {
padding-left: 2em;
}

.title-text-image.redirect .text {
width: 100%;
}

.title-text-image.form-wrapper .text {
padding: 0 8em 0 2.1em;
width: 100%;
}

.title-text-image .text .title {
padding-bottom: 1.5em;
}

.title-text-image.form-wrapper .text .title {
padding-top: 2.3em;
}

.title-text-image .text .wrap > * {
width: 100%;
float: left;
}

/*
.title-text-image.margin .text .wrap *:nth-child(odd),
.title-text-image .text .wrap *:nth-child(even) {
margin-left: 4em;
}
*/

.title-text-image.form-wrapper .text .wrap *:nth-child(even),
.title-text-image.margin .text .wrap *:nth-child(even),
.title-text-image .text .wrap *:nth-child(odd) {
margin-left: 0;
}

.title-text-image.margin .text .wrap *:nth-child(odd) *,
.title-text-image .text .wrap *:nth-child(even) *,
.title-text-image.margin .text .wrap *:nth-child(even) *,
.title-text-image .text .wrap *:nth-child(odd) * {
margin-left: 0;
}

.headline-box {
margin-bottom: 3em;
}

.margin .content-headline {
margin-left: 1.55em;
}

/*
.title-text-image.margin .text .title {
margin-left: 4em;
}
*/

.title-text-image .image {
position: relative;
padding: 0.4em 2.1em 0 0;
width: 40%;
float: right;
}

.title-text-image.large .image {
width: 100%;
padding: 4em 40% 0 2em;
position: relative;
}

.title-text-image .image * {
position: relative;
width: 100%;
float: left;
}

.title-text-image .image figure {
display: inline-table;
}

.title-text-image.margin.large .image figure {
margin-left: 5.6em;
}

.title-text-image.bottom .image figure {
position: absolute;
bottom: 0.1em;
left: 0;
padding-right: 2em;
}

.title-text-image .image figcaption {
padding-top: 0.4em;
}

.title-text-image blockquote {
position: absolute;
left: 68%;
top: 50%;
display: inline-table;
float: left;
width: 32%;
transform: translateY(-50%);
padding: 0 2em 0 4em;
/*
margin-left: 9.4em;
*/
}

.title-text-image blockquote.no-text {
position: relative;
left:0;
top: 0;
display: inline-table;
float: left;
width: 60%;
max-width: 28em;
transform: translateY(0);
padding: 0 2em;
margin-left: 0;
}

.title-text-image.margin blockquote.no-text {
padding: 0 2em 0 7.5em;
}

.title-text-image .text .wrap > .table-wrapper,
.text .table-wrapper {
/*
width: 175% !important;
*/
width: 150% !important;
max-width: 750px !important;
}

#related-news {
padding-right: 20%;
padding-top: 10em;
padding-bottom: 10em;
}

#related-news > .title {
padding: 0 0 0.5em 0.357em;
}

#related-news .teaser {
width: 33.33%;
}

#related-news .teaser .title {
padding: 0;
}

/* news liste */
#news-filter {
position: relative;
width: 100%;
max-width: 25%;
min-width: 20em;
float: left;
margin-left: 2em;
margin-bottom: 4em;
z-index: 10;
}

#news-filter ul {
position: absolute;
top: 0;
left: 0;
width: 100%;
float: left;
padding-top: 3.4em;
box-shadow: 5px 5px 0 0 rgba(0,0,0,0.2);
}

#news-filter.open ul {
padding-top: 3.3em;
}

#news-filter ul.open {
}

#news-filter ul li,
#news-filter ul li a,
#news-filter ul li strong.filter-link {
position: relative;
width: 100%;
float: left;
display: inline-table;
}

#news-filter ul li {
display: none;
}

#news-filter ul.open li {
display: block;
}

#news-filter ul li.active {
position: absolute;
top: 0;
left: 0;
display: block;
z-index: 2;
}

#news-filter ul li {
border-top: 1px solid rgba(0,0,0,0.3);
}

#news-filter ul li a,
#news-filter ul li strong.filter-link {
padding: 0 0.5em;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
}

#news-filter.open ul li.active strong.filter-link#all-button span:first-child,
#news-filter.open ul li strong.filter-link#all-button span:last-child {
display: block;
}

#news-filter.open ul li strong.filter-link#all-button span:first-child,
#news-filter ul li strong.filter-link#all-button span:last-child,
#news-filter.open ul li.active strong.filter-link#all-button span:last-child,
#news-filter ul li.active strong.filter-link#all-button span:last-child {
display: none;
}

#news-filter ul li.active,
#news-filter ul li.active strong.filter-link {
border-top: none !important;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
}

#news-filter ul li.selector.active,
#news-filter.open ul li.active,
#news-filter.open ul li.active strong.filter-link {
border-top: none !important;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}

#news-filter ul li.active strong.filter-link {
border: none !important;
}

#news-filter ul li.active strong.filter-link span:before {
content: "»";
padding: 0 0.2em;
}

/* event */
#event #stage .caption > .box {
max-width: 72em;
}

.title-text-image.form-wrapper  .text .wrap > .content-headline,
#event #stage .caption .headline {
display: inline;
float: none;
clear: both;
width: auto;
}

#event #stage .caption .wrap {
width: 100%;
float: left;
max-width: 100%;
}

/* gallery */
.gallery {
width: 100%;
float: left;
overflow: hidden;
}

.gallery .grid {
width: 100%;
float: left;
position: relative;
}

.gallery .grid-sizer,
.gallery .grid-item {
width: 33.33% !important;
font-size: 100%;
padding: 0 !important;
}

.gallery .inner {
position: relative;
top: 0;
left: 0;
bottom: auto;
right: auto;
width: 100%;
font-size: 100%;
padding: 0.5em;
float: left;
}

.gallery .teaser-box > .title {
padding-left: 0.4em;
padding-bottom: 1em;
}

.gallery .teaser-box > .wrap,
.gallery .teaser-box .accordion-content > .box > .wrap {
padding-left: 0.56em;
padding-bottom: 4em;
}

.accordion-content {
position: relative;
height: 0;
overflow: hidden;
}

.open .accordion-content {
height: auto;
overflow: visible;
}

.gallery .text .title,
.gallery .text .wrap {
width: 60%;
padding-right: 8em;
}

/* newsletter */
#newsletter-content {
max-width: 620px !important;
padding: 10px;
}

/* download */
.download .list {
padding-left: 0;
}

.download .list li {
padding: 0;
float: left;
width: 100%;
padding-bottom: 1.5em;
}

.download .file {
text-decoration: none;
padding-left: 1.8em;
position: relative;
float: left;
}

.download .file:before {
content: "";
width: 16px;
height: 20px;
float: left;
position: absolute;
top: 0;
left: 0;
background: transparent url('/.resources/kbplus/webresources/images/download.svg') center center no-repeat;
background-size: 100% 100%;
}

.download .file strong {
text-transform: uppercase;
display: block;
clear: both;
text-decoration: underline;
}

.gallery .inner > .box {
position: absolute;
top: 0.5em;
left: 0.5em;
bottom: 0.5em;
right: 0.5em;
overflow: hidden;
float: none;
display: block;
padding: 0;
width: auto;
background-color: rgba(0,0,0,0.75);
opacity: 0;
transition: opacity 0.25s ease-out;
}

.gallery .inner .caption {
position: absolute;
top: 50%;
top: auto;
bottom: 0;
left: 0;
width: 100%;
height: auto;
font-size: 100%;
padding: 1em;
float: left;
text-align: center;
font-size: 1.4em;
transform: translateY(-50%);
color: #fff;
display: inline-table;
}

/* form */
.submit-send-message {
display: none;
}

.form-wrapper fieldset.large {
width: 100%;
float: left;
}

.form-wrapper fieldset.small {
width: 50%;
float: left;
}

.form-wrapper .text fieldset.small:nth-child(odd) {
padding: 0 0 0 0.71428571428571em;
}

.form-wrapper .text fieldset.small:nth-child(even) {
padding: 0 0.71428571428571em 0 0;
}

.form-item,
.form-item > .box {
position: relative;
width: 100%;
float: left;
}

.form-item {
margin: 0.5em 0;
box-sizing: border-box;
}

.form-item > .box {
box-shadow: 5px 5px 0 0 rgba(0,0,0,0.2);
z-index: 1;
}

.form-item.radio > .box,
.form-item.checkbox > .box {
box-shadow: none;
}

.form-item .select-wrapper,
.form-item input.txt,
.form-item textarea.txt {
width: 100%;
float: left;
position: relative;
z-index: 2;
background-color: transparent !important;
padding: 0.5em;
}

.form-item.error .select-wrapper {
padding: 0.375em;
}

.form-item input.txt {
overflow: hidden;
text-overflow: ellipsis;
}

.form-item .select-wrapper:after {
position: absolute;
top: 50%;
right: 0;
width: 1em;
height: 1em;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
transform: rotate(45deg);
content: "";
float: left;
margin: -0.75em 1em 0 0;
pointer-events: none;
}

.form-item label {
position: absolute;
top: 0;
left: 0;
width: auto;
float: left;
z-index: 3;
padding: 0.5em;
pointer-events: none;
}

.form-item.radio label,
.form-item.checkbox label {
position: relative;
pointer-events: inherit;
padding: 0.1em 0.5em;
}

.form-item.radio > .box .block-label,
.form-item.checkbox > .box .block-label {
padding: 0.5em 2em 0 0;
width: 100%;
float: left;
}

.form-item > .radio-fieldset {
width: 100%;
float: left;
}

.form-item.radio input,
.form-item.checkbox input {
position: relative;
float: left;
box-shadow: 5px 5px 0 0 rgba(0,0,0,0.2);
margin: 0 0.5em 0 0;
width: 20px;
height: 20px;
}

.form-item.error.checkbox input,
.form-item.radio.error input {
border: 2px solid #000;
}

.form-item.radio.active:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 12px;
height: 12px;
border-radius: 50%;
float: left;
margin: 4px;
float: left;
pointer-events: none;
}

.form-item.checkbox.active:after {
content: "+";
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
line-height: 20px;
float: left;
margin: 0;
float: left;
pointer-events: none;
transform: rotate(-45deg);
font-size: 33px;
text-align: center;
}

#event #content .component .text .form-item button.submit,
#page #content .component .text .form-item button.submit,
#event #content .component .text .form-item input.submit,
#page #content .component .text .form-item input.submit {
text-transform: uppercase;
color: #fff !important;
-webkit-text-fill-color: #fff;
-moz-text-fill-color: #fff;
-o-text-fill-color: #fff;
-ms-text-fill-color: #fff;
text-fill-color: #fff;
background-color: #000 !important;
padding: 0.5em 2em;
float: left;
width: auto;
margin-top: 3em;
box-shadow: 5px 5px 0 0 rgba(0,0,0,0.2);
}

.form-container .form-wrapper > .text > .wrap:first-child {
padding-top: 4em;
border-top: 2px solid #fff;
}

/* youtube player */
.movie {
padding: 0;
position: relative;
width: 100%;
float: left;
}

.text.large figure.movie {
margin-bottom: 0;
}

.text.large figure.movie > .box {
margin-top: 2em;
}

.movie .player {
position: relative;
cursor: pointer;
overflow: hidden;
width: 100%;
}

.movie img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
z-index: 1;
}

.movie .player:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
float: left;
z-index: 2;
width: 64px;
height: 64px;
border-radius: 50%;
margin: -31px  0 0 -31px;
background-color: rgba(0,0,0,0.5);
}

.movie .player:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
float: left;
z-index: 3;
width: 0;
height: 0;
border: 14px solid rgba(255,255,255,0);
border-left: 24px solid rgba(255,255,255,1);
margin: -13px  0 0 -8px;
}

.movie .player.active:before,
.movie .player.active:after {
display: none;
}

.movie .player-frame {
position: relative;
float: left;
}

.youtube.margin .movie figcaption {
margin-left: 4.30769230769231em;
}

.youtube.margin .movie .player {
margin-left: 5.6em;
}

.youtube.hover .movie figcaption {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
float: left;
background: rgba(0,0,0,0.75);
z-index: 10;
pointer-events: none;
opacity: 0;
transition: opacity 0.25s ease-out;
}

.youtube.hover.active .movie figcaption {
display: none;
}

.youtube.hover .movie figcaption span {
padding: 1em;
width: 100%;
float: left;
text-align: center;
position: absolute;
top: 50%;
transform: translateY(-50%);
display: inline-table;
color: #fff;
}

.title-text-image.large.youtube .image {
padding-top: 0;
}

/* footer */
#footer {
width: 100%;
float: left;
z-index: 100;
padding: 2em 0;
position: relative;
}

#footer .center {
padding: 0 2em;
position: relative;
z-index: 2;
}

#footer #footer-menu {
width: 46%;
float: left;
padding: 0 1em 0 2em;
}

#footer .first {
width: 18%;
float: left;
}

#footer .last {
width: 36%;
float: left;
}

#footer #footer-menu > .box {
width: 33.33%;
float: left;
}

#footer p {
padding-top: 1.5em;
}

#footer p:first-child {
padding-top: 0;
}

#footer .root {
padding-bottom: 1.5em;
width: 100%;
float: left;
}

#footer .no-subpages .root {
padding-bottom: 0;
}

#footer li,
#footer li strong {
width: 100%;
float: left;
}

#footer-menu a {
padding-right: 1em;
}

#footer li a {
float: left;
}

#footer .first a,
#footer .first span {
clear: both;
float: left;
}

#footer .first a.title {
width: 2.4em;
height: 2.4em;
clear: none;
margin-right: 0.7em;
}


#footer .first a.title svg * {
fill: #73736C;
transition: fill 0.25s ease-out;
}

#footer .first p {
padding-top: 3em;
width: 100%;
float: left;
}

#footer .last > .box {
padding-right: 14em;
margin-right: -12em;
}

#footer #areal-image {
max-width: 12em;
font-size: inherit;
}

#top-button {
position: absolute;
top: -7em;
right: 1em;
float: left;
z-index: 1000;
text-transform: uppercase;
cursor: pointer;
transform: rotate(-90deg);
width: 20px;
height: auto;
white-space: nowrap;
z-index: 100;
}

#top-button:after {
content: "»";
padding: 0 .2em 0 0;
font-size: 140%;
}

/* new font-size */
#content > * {
font-size: 110%;
}

.title-text-image .text {
width: 70%;
}

.title-text-image .image {
width: 34%;
margin-left: -4%;
}

.title-text-image blockquote {
left: 70%;
width: 30%;
}

.title-text-image.large .image {
padding-right: 26%;
}

.title-text-image.large.quote .image {
padding-right: 36%;
}

.gallery .text .title, 
.gallery .text .wrap {
width: 70%;
}

.gallery .grid .grid-item,
.gallery .grid .grid-sizer {
display: none;
width: 70%;
}

.gallery .grid .grid-item:first-child {
display: block;
width: 60% !important;
}

.gallery .grid .grid-item:first-child .inner:before {
content: "+";
position: absolute;
top: 50%;
left: 50%;
margin: -20px 0 0 -20px;
padding-right: 1px;
width: 40px;
height: 40px; 
line-height: 40px;
float: left;
background-color: rgba(0,0,0,0.8);
border-radius: 50%;
color: #fff;
font-size: 40px;
font-family: 'madrasbold', 'Helvetica-Light', 'Helvetica Light', Helvetica, Arial, sans-serif, 'Sans Serif';
text-align: center;
opacity: 0;
transition: opacity 0.25s ease-out;
z-index: 100;
}

.title-text-image.margin.large .image figure {
margin-left: 0em;
}

/* slider gallery */
#page .component.gallery.small {
width: 70%;
padding-right: 1em;
}

.slider {
height: auto;
width: 100%;
float: left;
}

.slider .slider-item {
width: 100%;
float: left;
}

.flickity-viewport {
transition: height 0.2s;
}

.gallery .slider .inner > .box,
.gallery .slider .inner > .box .caption {
position: relative;
top: 0;
bottom: auto;
left: 0;
right: auto;
width: 100%;
float: left;
opacity: 1;
background: transparent;
color: #000;
transform: none;
text-align: left;
padding: 0.6em 0;
}

.gallery .slider .inner > .box .caption span {
float: right;
opacity: 0.5;
}

/* code */
.code .code-wrapper {
width: 100%;
float: left;
clear: both;
position: relative;
}

/* color box */
.title-text-image.color-text-box .text {
width: 100%;
padding-right: 26%;
}

.title-text-image.color-text-box .text .wrap {
padding: 2em;
float: left;
clear: both;
font-size: 110.38961038961%;
}

.title-text-image.color-text-box .text .wrap span.small {
padding-top: 2em;
font-size: 100%;
}

/* cms: error warning */
.cms.error {
width: 100%;
float: left;
margin: 1em 0 0 0;
padding: 1em;
color: #fff;
background-color: #dd0000;
font-size: 16px;
position: relative;
z-index: 10;
}

/* cms: information box */
.cms.info {
width: 100%;
float: left;
margin: 1em 0 0 0;
padding: 1em;
background-color: #9bc266;
font-size: 16px;
position: relative;
z-index: 10;
}

.cms.info input {
width: 100%;
float: left;
overflow: hidden;
text-overflow: ellipsis;
background-color: #9bc266;
padding: 0.5em;
margin: 0 0 0 -0.5em;
}

.cms.error p,
.cms.info p {
padding: 0;
}@media only screen and (min-width : 1920px) {

html {
font-size: 67.5%;
}

.teaser .title {
font-size: 2em;
}

/*
.safari #menu .submenu-wrapper a,
.safari #menu .drop-link > a > strong {
font-size: 16px;
line-height: 24px;
}

.safari #menu .drop-link .submenu-wrapper li {
padding: 2px 0;
}

.safari #main-menu-wrapper .inner-box {
padding: 100px 20px 5em 70px;
}

.safari #menu .drop-link {
margin-bottom: 50px;
}
*/

}

/* large screen flex width */
@media only screen and (min-width : 1515px) {

.page-w {
max-width: 140em;
width: 66.65%;
}

.fullscreen .flickity-page-dots {
max-width: 140em;
width: 66.65%;
}

}

/*
@media only screen and (max-width : 1515px) {

.purple .fullscreen .gallery-frame.bottom:before,
.green .fullscreen .gallery-frame.bottom:before,
.yellow .fullscreen .gallery-frame.bottom:before,
.red .fullscreen .gallery-frame.bottom:before,
.turquoise .fullscreen .gallery-frame.bottom:before {
background-size: 1515px auto;
}

}
*/

@media only screen and (max-width : 1140px) {

.fullscreen .gallery .item .caption .box {
padding-left: 6.8em;
}

.fullscreen .gallery .item .caption .box:after {
margin-left: -14em;
}

#page #stage .caption .box .wrap:first-child:after {

}

.fullscreen .gallery .item .caption .box {
padding: 0 35em 0 6.8em;
}

.fullscreen .gallery .item .caption .box:after {
margin-left: -0.3em;
}

#page.yellow #stage.no-image:after,
#page.yellow #stage-image:before,
.yellow .fullscreen .gallery-frame.bottom:before {
width: 100%;
}

}


@media only screen and (max-width : 968px) {

html {
font-size: 57.5%;
}

#home #stage {
height: auto;
}

#stage-slider-wrapper {
position: relative;
}

#meta > .page-w > .box,
#meta {
height: auto;
}

#meta-box-wrapper {
margin-top: 0;
width: 100%;
float: left;
padding: 0;
}

#meta-box-wrapper .carousel,
#meta-box-wrapper .gallery {
position: relative;
width: 100%;
height: 100%;
float: left;
}

#meta-box-wrapper .gallery .item {
height: 100%;
width: 33.33%;
min-width: 300px;
float: left;
padding: 1.6em;
}

#meta-box-wrapper .gallery .item:first-child {
padding: 1.6em 0 1.6em 2em;
}

#meta-box-wrapper .gallery .item:last-child {
padding: 1.6em 2em 1.6em 0;
}

#meta-slider-frame .stretch-frame .stretch.newsletter-box {
max-height: 3.2em;
height: 3.2em;
}

.fullscreen .gallery .item .caption {
padding-top: 10em;
}

#footer .first {
width: 100%;
padding-bottom: 1.8em;
}

#footer .first p > * {
float: left;
clear: none;
}

#footer .first p > a:after {
content: "|";
padding: 0 0.25em;
}

#footer .first p > a:last-child:after {
display: none;
}

#footer .first p > span {
padding-right: 3em;
}

#footer #footer-menu {
width: 60%;
padding-left: 0;
}

#footer .last {
width: 40%;
}

#footer .last > .box {
padding-right: 10em;
margin-right: -9em;
}

#footer #areal-image {
max-width: 9em;
}

.teaser.large {
width: 50%;
padding-bottom: 30%;
}

.teaser.small {
width: 25%;
padding-bottom: 30%;
}


	.teaser:nth-child(1),
	.teaser:nth-child(2),
	.teaser:nth-child(4),
	.teaser:nth-child(6),
	.teaser:nth-child(9),
	.teaser:nth-child(12),
	.teaser:nth-child(13) {
	width: 50%;
	padding-bottom: 30%;
	}
		
	.teaser:nth-child(3),
	.teaser:nth-child(5),
	.teaser:nth-child(7),
	.teaser:nth-child(8),
	.teaser:nth-child(10),
	.teaser:nth-child(11) {
	width: 25%;
	padding-bottom: 30%;
	}
	
	.teaser:nth-child(14),
	.teaser:nth-child(15),
	.teaser:nth-child(17),
	.teaser:nth-child(19),
	.teaser:nth-child(22),
	.teaser:nth-child(25),
	.teaser:nth-child(26) {
	width: 50%;
	padding-bottom: 30%;
	}
		
	.teaser:nth-child(16),
	.teaser:nth-child(18),
	.teaser:nth-child(20),
	.teaser:nth-child(21),
	.teaser:nth-child(23),
	.teaser:nth-child(24) {
	width: 25%;
	padding-bottom: 30%;
	}
	
	.teaser:nth-child(27),
	.teaser:nth-child(28),
	.teaser:nth-child(30),
	.teaser:nth-child(32),
	.teaser:nth-child(35),
	.teaser:nth-child(38),
	.teaser:nth-child(39) {
	width: 50%;
	padding-bottom: 30%;
	}
		
	.teaser:nth-child(29),
	.teaser:nth-child(31),
	.teaser:nth-child(33),
	.teaser:nth-child(34),
	.teaser:nth-child(36),
	.teaser:nth-child(37) {
	width: 25%;
	padding-bottom: 30%;
	}
	
	.teaser:nth-child(40),
	.teaser:nth-child(41),
	.teaser:nth-child(43),
	.teaser:nth-child(45),
	.teaser:nth-child(48),
	.teaser:nth-child(51),
	.teaser:nth-child(52) {
	width: 50%;
	padding-bottom: 30%;
	}
		
	.teaser:nth-child(42),
	.teaser:nth-child(44),
	.teaser:nth-child(46),
	.teaser:nth-child(47),
	.teaser:nth-child(49),
	.teaser:nth-child(50) {
	width: 25%;
	padding-bottom: 30%;
	}
	
	.teaser:nth-child(53),
	.teaser:nth-child(54),
	.teaser:nth-child(56),
	.teaser:nth-child(58),
	.teaser:nth-child(61),
	.teaser:nth-child(64),
	.teaser:nth-child(65) {
	width: 50%;
	padding-bottom: 30%;
	}
		
	.teaser:nth-child(55),
	.teaser:nth-child(57),
	.teaser:nth-child(59),
	.teaser:nth-child(60),
	.teaser:nth-child(62),
	.teaser:nth-child(63) {
	width: 25%;
	padding-bottom: 30%;
	}
	
	.teaser:nth-child(66),
	.teaser:nth-child(67),
	.teaser:nth-child(69),
	.teaser:nth-child(71),
	.teaser:nth-child(74),
	.teaser:nth-child(77),
	.teaser:nth-child(78) {
	width: 50%;
	padding-bottom: 30%;
	}
		
	.teaser:nth-child(68),
	.teaser:nth-child(70),
	.teaser:nth-child(72),
	.teaser:nth-child(73),
	.teaser:nth-child(75),
	.teaser:nth-child(76) {
	width: 25%;
	padding-bottom: 30%;
	}
	
	.teaser:nth-child(79),
	.teaser:nth-child(80),
	.teaser:nth-child(82),
	.teaser:nth-child(84),
	.teaser:nth-child(87),
	.teaser:nth-child(90),
	.teaser:nth-child(91) {
	width: 50%;
	padding-bottom: 30%;
	}
		
	.teaser:nth-child(81),
	.teaser:nth-child(83),
	.teaser:nth-child(85),
	.teaser:nth-child(86),
	.teaser:nth-child(88),
	.teaser:nth-child(89) {
	width: 25%;
	padding-bottom: 30%;
	}
	
	.teaser:nth-child(92),
	.teaser:nth-child(93),
	.teaser:nth-child(95),
	.teaser:nth-child(97),
	.teaser:nth-child(100),
	.teaser:nth-child(103),
	.teaser:nth-child(104) {
	width: 50%;
	padding-bottom: 30%;
	}
		
	.teaser:nth-child(94),
	.teaser:nth-child(96),
	.teaser:nth-child(98),
	.teaser:nth-child(99),
	.teaser:nth-child(101),
	.teaser:nth-child(102) {
	width: 25%;
	padding-bottom: 30%;
	}
	

.fullscreen .gallery .item .caption {
opacity: 1;
transition: none;
transition-delay: 0;
}

.fullscreen .gallery .item.is-selected .caption {
transition: none;
transition-delay: 0;
}

#content-menu .root .drop-link .submenu-wrapper {
padding: 0;
margin-left: -1%;
width: 102%;
}

#content-menu .root .drop-link:last-child .submenu-wrapper {
margin-left: 0;
margin-right: -1%;
}

#content-menu .root .drop-link.open .submenu-wrapper {
padding: 0 0 2em 0;
overflow: hidden;
}

#content-menu .root .drop-link .submenu-wrapper > .box {
padding: 2em;
}

.fullscreen .gallery .item .caption .box {
padding: 0 2.8em 0 6.8em;
}

#related-news {
padding-right: 0;
}

#related-news .teaser {
padding-bottom: 24%;
}

#menu .drop-link .submenu-wrapper {
display: none;
}

#page.purple #stage.no-image:after,
#page.purple #stage-image:before,
.purple .fullscreen .gallery-frame.bottom:before {
left: -35%;
width: 135%;
transform: translateX(0);
}

#page.green #stage.no-image:after,
#page.green #stage-image:before,
.green .fullscreen .gallery-frame.bottom:before {
left: -35%;
width: 135%;
transform: translateX(0);
}

#page.yellow #stage.no-image:after,
#page.yellow #stage-image:before,
.yellow .fullscreen .gallery-frame.bottom:before {
left: -35%;
width: 135%;
transform: translateX(0);
}

#page.yellow #stage.no-image:after {
width: 105%;
left: -5%;
}

#page.red #stage.no-image:after,
#page.red #stage-image:before,
.red .fullscreen .gallery-frame.bottom:before {
left: -42%;
width: 142%;
transform: translateX(0);
}

#page.turquoise #stage.no-image:after,
#page.turquoise #stage-image:before,
.turquoise .fullscreen .gallery-frame.bottom:before {
left: -37.5%;
width: 137.5%;
transform: translateX(0);
}

#news #stage .caption > .box, 
#event #stage .caption > .box, 
#page #stage .caption > .box,
#page .component {
padding-left: 10%;
}

}


@media only screen and (max-width : 768px) {

#content-menu {
padding: 0;
}

#content-menu .root {
font-size: 5px;
transition: font-size 0.25s ease-out;
margin-top: 5px;
}

#content-menu .root .drop-link strong,
#content-menu .root .no-drop-link strong {
font-family: 'madrasblack', 'Helvetica-Black', 'Helvetica Black', Helvetica, Arial, sans-serif, 'Sans Serif';
}

#content-menu.open .root {
font-size: 100%;
}

#content-menu.open .root .drop-link strong,
#content-menu.open .root .no-drop-link strong {
font-family: 'madrasbold', 'Helvetica-Black', 'Helvetica Black', Helvetica, Arial, sans-serif, 'Sans Serif';
}

#content-menu .root .drop-link,
#content-menu .root .drop-link a,
#content-menu .root .drop-link strong,
#content-menu .root .no-drop-link,
#content-menu .root .no-drop-link a,
#content-menu .root .no-drop-link strong,
#content-menu .root {
position: relative;
display: block;
width: 100%;
float: left;
padding: 0;
}

#content-menu .root .drop-link strong,
#content-menu .root .no-drop-link strong {
margin: 0 !important;
}

#content-menu .root .drop-link,
#content-menu .root .no-drop-link {
margin: 0;
}

#content-menu.open .root .drop-link,
#content-menu.open .root .no-drop-link {
margin: 2px 0;
}

#content-menu.open .root .drop-link:first-child,
#content-menu.open .root .no-drop-link:first-child {
margin: 0 0 2px 0;
}

#content-menu.open .root .drop-link:last-child,
#content-menu.open .root .no-drop-link:last-child {
margin: 2px 0 0 0;
}

#content-menu .root .drop-link a,
#content-menu .root .no-drop-link a {
box-shadow: none !important;
}

#footer .last > .box {
padding-right: 0;
margin-right: 0;
}

#footer #areal-image {
max-width: 9em;
margin-top: 1.8em;
}

/*
.teaser.large {
width: 66.66%;
padding-bottom: 39.86254295532642%;
}

.teaser.small {
width: 33.33%;
padding-bottom: 39.86254295532642%;
}
*/

.teaser.large,
.teaser.small {
width: 50%;
padding-bottom: 31.25%;
}


	.teaser:nth-child(1),
	.teaser:nth-child(4),
	.teaser:nth-child(9),
	.teaser:nth-child(10),
	.teaser:nth-child(13) {
	width: 66.66%;
	padding-bottom: 40%;
	}
		
	.teaser:nth-child(2),
	.teaser:nth-child(3),
	.teaser:nth-child(5),
	.teaser:nth-child(6),
	.teaser:nth-child(7),
	.teaser:nth-child(8),
	.teaser:nth-child(12),
	.teaser:nth-child(11) {
	width: 33.33%;
	padding-bottom: 40%;
	}
	
	.teaser:nth-child(14),
	.teaser:nth-child(17),
	.teaser:nth-child(22),
	.teaser:nth-child(23),
	.teaser:nth-child(26) {
	width: 66.66%;
	padding-bottom: 40%;
	}
		
	.teaser:nth-child(15),
	.teaser:nth-child(16),
	.teaser:nth-child(18),
	.teaser:nth-child(19),
	.teaser:nth-child(20),
	.teaser:nth-child(21),
	.teaser:nth-child(25),
	.teaser:nth-child(24) {
	width: 33.33%;
	padding-bottom: 40%;
	}
	
	.teaser:nth-child(27),
	.teaser:nth-child(30),
	.teaser:nth-child(35),
	.teaser:nth-child(36),
	.teaser:nth-child(39) {
	width: 66.66%;
	padding-bottom: 40%;
	}
		
	.teaser:nth-child(28),
	.teaser:nth-child(29),
	.teaser:nth-child(31),
	.teaser:nth-child(32),
	.teaser:nth-child(33),
	.teaser:nth-child(34),
	.teaser:nth-child(38),
	.teaser:nth-child(37) {
	width: 33.33%;
	padding-bottom: 40%;
	}
	
	.teaser:nth-child(40),
	.teaser:nth-child(43),
	.teaser:nth-child(48),
	.teaser:nth-child(49),
	.teaser:nth-child(52) {
	width: 66.66%;
	padding-bottom: 40%;
	}
		
	.teaser:nth-child(41),
	.teaser:nth-child(42),
	.teaser:nth-child(44),
	.teaser:nth-child(45),
	.teaser:nth-child(46),
	.teaser:nth-child(47),
	.teaser:nth-child(51),
	.teaser:nth-child(50) {
	width: 33.33%;
	padding-bottom: 40%;
	}
	
	.teaser:nth-child(53),
	.teaser:nth-child(56),
	.teaser:nth-child(61),
	.teaser:nth-child(62),
	.teaser:nth-child(65) {
	width: 66.66%;
	padding-bottom: 40%;
	}
		
	.teaser:nth-child(54),
	.teaser:nth-child(55),
	.teaser:nth-child(57),
	.teaser:nth-child(58),
	.teaser:nth-child(59),
	.teaser:nth-child(60),
	.teaser:nth-child(64),
	.teaser:nth-child(63) {
	width: 33.33%;
	padding-bottom: 40%;
	}
	
	.teaser:nth-child(66),
	.teaser:nth-child(69),
	.teaser:nth-child(74),
	.teaser:nth-child(75),
	.teaser:nth-child(78) {
	width: 66.66%;
	padding-bottom: 40%;
	}
		
	.teaser:nth-child(67),
	.teaser:nth-child(68),
	.teaser:nth-child(70),
	.teaser:nth-child(71),
	.teaser:nth-child(72),
	.teaser:nth-child(73),
	.teaser:nth-child(77),
	.teaser:nth-child(76) {
	width: 33.33%;
	padding-bottom: 40%;
	}
	
	.teaser:nth-child(79),
	.teaser:nth-child(82),
	.teaser:nth-child(87),
	.teaser:nth-child(88),
	.teaser:nth-child(91) {
	width: 66.66%;
	padding-bottom: 40%;
	}
		
	.teaser:nth-child(80),
	.teaser:nth-child(81),
	.teaser:nth-child(83),
	.teaser:nth-child(84),
	.teaser:nth-child(85),
	.teaser:nth-child(86),
	.teaser:nth-child(90),
	.teaser:nth-child(89) {
	width: 33.33%;
	padding-bottom: 40%;
	}
	
	.teaser:nth-child(92),
	.teaser:nth-child(95),
	.teaser:nth-child(100),
	.teaser:nth-child(101),
	.teaser:nth-child(104) {
	width: 66.66%;
	padding-bottom: 40%;
	}
		
	.teaser:nth-child(93),
	.teaser:nth-child(94),
	.teaser:nth-child(96),
	.teaser:nth-child(97),
	.teaser:nth-child(98),
	.teaser:nth-child(99),
	.teaser:nth-child(103),
	.teaser:nth-child(102) {
	width: 33.33%;
	padding-bottom: 40%;
	}
	

#slider .item .headline {
font-size: 4em;
}

.intro-title {
font-size: 3em;
}

.teaser .title,
#slider .item .intro-link,
.intro-text {
font-size: 1.6em;
line-height: 150%;
}

.fullscreen .gallery .item .caption .wrap {
padding-top: 0.2em;
}

#overlay .submenu-wrapper {
width: 100vw;
float: left;
}

#overlay .submenu-wrapper ul {
width: 100%;
float: left;
padding: 0 0.5em 3em 0.5em;
}

#overlay .submenu-wrapper ul li {
width: 25%;
}

#overlay .submenu-wrapper > strong {
margin: 2em 1.875em 1em 1.875em;
float: left;
}

#overlay .submenu-wrapper > .box > .wrap {
padding: 0 3em 2em 3em;
}

#overlay .submenu-wrapper .close-overlay {
position: absolute;
top: 2em;
right: 4em;
width: 4em;
height: 4em;
float: left;
z-index: 10;
cursor: pointer;
}

#overlay .submenu-wrapper .close-overlay:after,
#overlay .submenu-wrapper .close-overlay:before {
content: "";
position: absolute;
top: 0;
left: 4px;
margin-top: 17px;
width: 30px;
height: 2px;
float: left;
z-index: 10;
background: #000;
}

#overlay .submenu-wrapper .close-overlay:before {
transform: rotate(45deg);
}

#overlay .submenu-wrapper .close-overlay:after {
transform: rotate(-45deg);
}

.fullscreen .gallery .item .caption .box:after {
margin: -5.6em 0 0 -0.3em;
}

.fullscreen .gallery .item .caption .box.has-title:after {
margin-top: -6.1em;
}

.title-text-image blockquote {
left: 60%;
width: 40%;
padding: 0 7em 0 0;
margin-left: 5em;
}

.form-wrapper .text fieldset.small {
width: 100%;
padding: 0 !important;
}

/*
#page #stage .caption > .box {
padding-left: 5em;
}

#page .component {
padding-left: 5em;
}
*/

}

@media only screen and (max-width : 650px) {

#footer .last,
#footer #footer-menu {
width: 100%;
padding: 0;
}

#footer #footer-menu > .box {
width: auto;
max-width: 33.33%;
padding: 0 2em 0 0;
}

#footer .last > .box {
padding-right: 14em;
margin-right: -12em;
}

#footer #areal-image {
max-width: 12em;
}

#overlay .submenu-wrapper ul li {
width: 33.33%;
}

#related-news .teaser {
width: 50%;
padding-bottom: 34%;
}

}

@media only screen and (max-width : 600px) {

.teaser.small,
.teaser.large {
width: 100%;
padding-bottom: 60%;
}


	.teaser:nth-of-type(1),
	.teaser:nth-of-type(2),
	.teaser:nth-of-type(3),
	.teaser:nth-of-type(4),
	.teaser:nth-of-type(5),
	.teaser:nth-of-type(6),
	.teaser:nth-of-type(7),
	.teaser:nth-of-type(9),
	.teaser:nth-of-type(8),
	.teaser:nth-of-type(10),
	.teaser:nth-of-type(11),
	.teaser:nth-of-type(12),
	.teaser:nth-of-type(13) {
	width: 50%;
	padding-bottom: 60%;
	}
	
	.teaser:nth-of-type(14),
	.teaser:nth-of-type(15),
	.teaser:nth-of-type(16),
	.teaser:nth-of-type(17),
	.teaser:nth-of-type(18),
	.teaser:nth-of-type(19),
	.teaser:nth-of-type(20),
	.teaser:nth-of-type(22),
	.teaser:nth-of-type(21),
	.teaser:nth-of-type(23),
	.teaser:nth-of-type(24),
	.teaser:nth-of-type(25),
	.teaser:nth-of-type(26) {
	width: 50%;
	padding-bottom: 60%;
	}
	
	.teaser:nth-of-type(27),
	.teaser:nth-of-type(28),
	.teaser:nth-of-type(29),
	.teaser:nth-of-type(30),
	.teaser:nth-of-type(31),
	.teaser:nth-of-type(32),
	.teaser:nth-of-type(33),
	.teaser:nth-of-type(35),
	.teaser:nth-of-type(34),
	.teaser:nth-of-type(36),
	.teaser:nth-of-type(37),
	.teaser:nth-of-type(38),
	.teaser:nth-of-type(39) {
	width: 50%;
	padding-bottom: 60%;
	}
	
	.teaser:nth-of-type(40),
	.teaser:nth-of-type(41),
	.teaser:nth-of-type(42),
	.teaser:nth-of-type(43),
	.teaser:nth-of-type(44),
	.teaser:nth-of-type(45),
	.teaser:nth-of-type(46),
	.teaser:nth-of-type(48),
	.teaser:nth-of-type(47),
	.teaser:nth-of-type(49),
	.teaser:nth-of-type(50),
	.teaser:nth-of-type(51),
	.teaser:nth-of-type(52) {
	width: 50%;
	padding-bottom: 60%;
	}
	
	.teaser:nth-of-type(53),
	.teaser:nth-of-type(54),
	.teaser:nth-of-type(55),
	.teaser:nth-of-type(56),
	.teaser:nth-of-type(57),
	.teaser:nth-of-type(58),
	.teaser:nth-of-type(59),
	.teaser:nth-of-type(61),
	.teaser:nth-of-type(60),
	.teaser:nth-of-type(62),
	.teaser:nth-of-type(63),
	.teaser:nth-of-type(64),
	.teaser:nth-of-type(65) {
	width: 50%;
	padding-bottom: 60%;
	}
	
	.teaser:nth-of-type(66),
	.teaser:nth-of-type(67),
	.teaser:nth-of-type(68),
	.teaser:nth-of-type(69),
	.teaser:nth-of-type(70),
	.teaser:nth-of-type(71),
	.teaser:nth-of-type(72),
	.teaser:nth-of-type(74),
	.teaser:nth-of-type(73),
	.teaser:nth-of-type(75),
	.teaser:nth-of-type(76),
	.teaser:nth-of-type(77),
	.teaser:nth-of-type(78) {
	width: 50%;
	padding-bottom: 60%;
	}
	
	.teaser:nth-of-type(79),
	.teaser:nth-of-type(80),
	.teaser:nth-of-type(81),
	.teaser:nth-of-type(82),
	.teaser:nth-of-type(83),
	.teaser:nth-of-type(84),
	.teaser:nth-of-type(85),
	.teaser:nth-of-type(87),
	.teaser:nth-of-type(86),
	.teaser:nth-of-type(88),
	.teaser:nth-of-type(89),
	.teaser:nth-of-type(90),
	.teaser:nth-of-type(91) {
	width: 50%;
	padding-bottom: 60%;
	}
	
	.teaser:nth-of-type(92),
	.teaser:nth-of-type(93),
	.teaser:nth-of-type(94),
	.teaser:nth-of-type(95),
	.teaser:nth-of-type(96),
	.teaser:nth-of-type(97),
	.teaser:nth-of-type(98),
	.teaser:nth-of-type(100),
	.teaser:nth-of-type(99),
	.teaser:nth-of-type(101),
	.teaser:nth-of-type(102),
	.teaser:nth-of-type(103),
	.teaser:nth-of-type(104) {
	width: 50%;
	padding-bottom: 60%;
	}
	

#content .teaser.fixed-teaser-width {
width: 50%!important;
}

.teaser:nth-of-type(1) {
width: 100%;
padding-bottom: 60%;
}

.title-text-image.large .image,
.title-text-image .text,
.title-text-image .image {
width: 100%;
}

.title-text-image.form-wrapper .text,
.title-text-image.large .image,
.title-text-image .image {
padding: 2em;
font-size: 100%;
}

.title-text-image blockquote,
.title-text-image.large .image figure,
.title-text-image.bottom .image figure {
position: relative;
bottom: auto;
right: auto;
left: 0;
top: 0;
width: 100%;
transform: none;
}

.title-text-image blockquote {
max-width: 50em;
padding: 5em 2em 3em 2em;
margin-left: 0;
}

.title-text-image.margin.large .image figure {
margin-left: 0;
}

.gallery .grid-sizer,
.gallery .grid-item {
width: 50% !important;
padding: 0 !important;
}

.title-text-image .text .wrap > .table-wrapper, 
.text .table-wrapper {
width: 100%!important;
}

#event #stage .headline, 
#news #stage .headline, 
#page #stage .caption .headline, 
#slider .item .headline {
font-size: 5em;
}

#news #stage .caption > .box, 
#event #stage .caption > .box, 
#page #stage .caption > .box, 
#page .component {
padding-left: 0;
}

.title-text-image .text {
padding-right: 8.1em;
}

#page .component.gallery.small,
.gallery .text .title, 
.gallery .text .wrap {
width: 100%;
padding-right: 0;
}

.gallery .grid .grid-item:first-child {
width: 100% !important;
}

.title-text-image.color-text-box .text {
padding-right: 2em;
}

}

@media only screen and (max-width : 480px) {


	.teaser:nth-of-type(1),
	.teaser:nth-of-type(2),
	.teaser:nth-of-type(3),
	.teaser:nth-of-type(4),
	.teaser:nth-of-type(5),
	.teaser:nth-of-type(6),
	.teaser:nth-of-type(7),
	.teaser:nth-of-type(9),
	.teaser:nth-of-type(8),
	.teaser:nth-of-type(10),
	.teaser:nth-of-type(11),
	.teaser:nth-of-type(12),
	.teaser:nth-of-type(13) {
	width: 100%;
	padding-bottom: 60%;
	}
	
	.teaser:nth-of-type(14),
	.teaser:nth-of-type(15),
	.teaser:nth-of-type(16),
	.teaser:nth-of-type(17),
	.teaser:nth-of-type(18),
	.teaser:nth-of-type(19),
	.teaser:nth-of-type(20),
	.teaser:nth-of-type(22),
	.teaser:nth-of-type(21),
	.teaser:nth-of-type(23),
	.teaser:nth-of-type(24),
	.teaser:nth-of-type(25),
	.teaser:nth-of-type(26) {
	width: 100%;
	padding-bottom: 60%;
	}
	
	.teaser:nth-of-type(27),
	.teaser:nth-of-type(28),
	.teaser:nth-of-type(29),
	.teaser:nth-of-type(30),
	.teaser:nth-of-type(31),
	.teaser:nth-of-type(32),
	.teaser:nth-of-type(33),
	.teaser:nth-of-type(35),
	.teaser:nth-of-type(34),
	.teaser:nth-of-type(36),
	.teaser:nth-of-type(37),
	.teaser:nth-of-type(38),
	.teaser:nth-of-type(39) {
	width: 100%;
	padding-bottom: 60%;
	}
	
	.teaser:nth-of-type(40),
	.teaser:nth-of-type(41),
	.teaser:nth-of-type(42),
	.teaser:nth-of-type(43),
	.teaser:nth-of-type(44),
	.teaser:nth-of-type(45),
	.teaser:nth-of-type(46),
	.teaser:nth-of-type(48),
	.teaser:nth-of-type(47),
	.teaser:nth-of-type(49),
	.teaser:nth-of-type(50),
	.teaser:nth-of-type(51),
	.teaser:nth-of-type(52) {
	width: 100%;
	padding-bottom: 60%;
	}
	
	.teaser:nth-of-type(53),
	.teaser:nth-of-type(54),
	.teaser:nth-of-type(55),
	.teaser:nth-of-type(56),
	.teaser:nth-of-type(57),
	.teaser:nth-of-type(58),
	.teaser:nth-of-type(59),
	.teaser:nth-of-type(61),
	.teaser:nth-of-type(60),
	.teaser:nth-of-type(62),
	.teaser:nth-of-type(63),
	.teaser:nth-of-type(64),
	.teaser:nth-of-type(65) {
	width: 100%;
	padding-bottom: 60%;
	}
	
	.teaser:nth-of-type(66),
	.teaser:nth-of-type(67),
	.teaser:nth-of-type(68),
	.teaser:nth-of-type(69),
	.teaser:nth-of-type(70),
	.teaser:nth-of-type(71),
	.teaser:nth-of-type(72),
	.teaser:nth-of-type(74),
	.teaser:nth-of-type(73),
	.teaser:nth-of-type(75),
	.teaser:nth-of-type(76),
	.teaser:nth-of-type(77),
	.teaser:nth-of-type(78) {
	width: 100%;
	padding-bottom: 60%;
	}
	
	.teaser:nth-of-type(79),
	.teaser:nth-of-type(80),
	.teaser:nth-of-type(81),
	.teaser:nth-of-type(82),
	.teaser:nth-of-type(83),
	.teaser:nth-of-type(84),
	.teaser:nth-of-type(85),
	.teaser:nth-of-type(87),
	.teaser:nth-of-type(86),
	.teaser:nth-of-type(88),
	.teaser:nth-of-type(89),
	.teaser:nth-of-type(90),
	.teaser:nth-of-type(91) {
	width: 100%;
	padding-bottom: 60%;
	}
	
	.teaser:nth-of-type(92),
	.teaser:nth-of-type(93),
	.teaser:nth-of-type(94),
	.teaser:nth-of-type(95),
	.teaser:nth-of-type(96),
	.teaser:nth-of-type(97),
	.teaser:nth-of-type(98),
	.teaser:nth-of-type(100),
	.teaser:nth-of-type(99),
	.teaser:nth-of-type(101),
	.teaser:nth-of-type(102),
	.teaser:nth-of-type(103),
	.teaser:nth-of-type(104) {
	width: 100%;
	padding-bottom: 60%;
	}
	

#content .teaser.fixed-teaser-width {
width: 100% !important;
}

.teaser .title {
font-size: 2.5em;
}

#related-news .teaser {
width: 100%;
padding-bottom: 60%;
}

#overlay .submenu-wrapper ul li {
width: 50%;
}

#event #stage .headline, 
#news #stage .headline, 
#page #stage .caption .headline, 
#slider .item .headline {
font-size: 4em;
}

.title-text-image.margin .text .title,
.title-text-image.margin .text .wrap *:nth-child(odd), 
.title-text-image .text .wrap *:nth-child(even) {
margin-left: 0;
}

.title-text-image .text {
padding-right: 2.1em;
}

}



@media only screen and (max-width : 400px) {

#footer #footer-menu > .box {
width: 100%;
max-width: 100%;
}

#footer .last > .box {
padding-right: 0;
margin-right: 0;
}

#footer #areal-image {
position: relative;
max-width: 80%;
min-width: 20em;
margin-left: 50%;
transform: translateX(-50%);
padding: 2em 0;
}

#menu,
.open-menu #menu {
max-width: 100vw;
width: 100vw;
}

.open-menu #header,
.open-menu #main {
transform: translateX(100vw);
}

}
/* hover */
#meta-box-wrapper .item .stretch.news-box a:hover,
#meta-box-wrapper .item .stretch.news-box a:hover *,
#news-filter ul li.selector.active strong.filter-link:hover,
#news-filter ul li.selector.active > span:hover,
#news-filter.open ul li.active:first-child strong.filter-link:hover span,
#news-filter.open ul li.active:first-child > span:hover span,
#news-filter ul li.active strong.filter-link:hover span,
#news-filter ul li.active > span:hover span,
#news-filter.open ul li.active strong.filter-link:hover span,
#news-filter.open ul li.active > span:hover span,
#news-filter ul li.active strong.filter-link:hover,
#news-filter ul li.active > span:hover,
#news-filter.open ul li.active strong.filter-link:hover,
#news-filter.open ul li.active > span:hover {
background-color: #000;
color: #fff;
}

#event .teaser a:hover .title,
#news .teaser a:hover * {
color: #fff;
}

#news-filter.open ul li strong.filter-link:hover span,
#news-filter.open ul li > span:hover span {
background-color: transparent;
}

#news-filter.open ul li.active strong.filter-link:hover span,
#news-filter.open ul li.active > span:hover span,
#news-filter ul li strong.filter-link:hover,
#news-filter ul li > span:hover {
background-color: rgba(0,0,0,0.1);
color: #000;
}

a.newsletter-box:hover strong,
a.calendar-box:hover *,
#overlay .submenu-wrapper ul li a:hover strong,
#content-menu .root .drop-link .submenu-wrapper ul li a:hover strong,
.teaser a:hover .title,
#slider .item .intro-link .link:hover {
background-color: #000;
color: #fff;
box-shadow: 0.2em 0 0 #000, -0.2em 0 0 #000;
-webkit-box-decoration-break: clone;
-ms-box-decoration-break: clone;
-o-box-decoration-break: clone;
box-decoration-break: clone;
}

#meta-box-wrapper .item a.stretch.newsletter-box:hover,
#meta-box-wrapper .item a.stretch.calendar-box:hover {
background-color: #000;
}

.accordion-header:hover:before,
#meta-box-wrapper .item .stretch.news-box a:hover:before,
#meta-box-wrapper .item a.calendar-box:hover span:before,
#meta-box-wrapper .item a.newsletter-box:hover .cap-title:before,
#slider .item .intro-link .link:hover:before {
content: "«";
}

.fullscreen .flickity-page-dots .dot:hover {
border-width: 2px;
}

#news-filter ul li.active:hover,
#news-filter ul li.active strong.filter-link:hover,
#news-filter ul li.active > span:hover {
border-top: none !important;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}

#content-menu .drop-link:hover > a > strong {
font-family: 'madrasblack';
font-style: normal;
font-weight: 800;
}

.teaser:hover .inner.sw {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}

.youtube.hover .movie:hover figcaption,
.gallery .inner:hover > .box {
opacity: 1;
}

/* new styles */
.gallery .grid .grid-item:first-child .inner:hover:before {
opacity: 1;
}

#footer .first a.title:hover svg * {
fill: #000;
}
}