/* moved by compressor */
@charset "UTF-8";
/* default styles for extension "tx_sebomisc" */
	textarea.f3-form-error {
		background-color:#FF9F9F;
		border: 1px #FF0000 solid;
	}

	input.f3-form-error {
		background-color:#FF9F9F;
		border: 1px #FF0000 solid;
	}

	.tx-sebomisc table {
		border-collapse:separate;
		border-spacing:10px;
	}

	.tx-sebomisc table th {
		font-weight:bold;
	}

	.tx-sebomisc table td {
		vertical-align:top;
	}

	.typo3-messages .message-error {
		color:red;
	}

	.typo3-messages .message-ok {
		color:green;
	}


html {
  box-sizing: border-box; }

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

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.cc-window {
  opacity: 1;
  transition: opacity 1s ease; }

.cc-window.cc-invisible {
  opacity: 0; }

.cc-animate.cc-revoke {
  transition: transform 1s ease; }

.cc-animate.cc-revoke.cc-top {
  transform: translateY(-2em); }

.cc-animate.cc-revoke.cc-bottom {
  transform: translateY(2em); }

.cc-animate.cc-revoke.cc-active.cc-bottom, .cc-animate.cc-revoke.cc-active.cc-top, .cc-revoke:hover {
  transform: translateY(0); }

.cc-grower {
  max-height: 0;
  overflow: hidden;
  transition: max-height 1s; }

.cc-link, .cc-revoke:hover {
  text-decoration: underline; }

.cc-revoke, .cc-window {
  position: fixed;
  overflow: hidden;
  box-sizing: border-box;
  font-family: Helvetica,Calibri,Arial,sans-serif;
  font-size: 16px;
  line-height: 1.5em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  z-index: 9999; }

.cc-window.cc-static {
  position: static; }

.cc-window.cc-floating {
  padding: 2em;
  max-width: 24em;
  -ms-flex-direction: column;
  flex-direction: column; }

.cc-window.cc-banner {
  padding: 1em 1.8em;
  width: 100%;
  -ms-flex-direction: row;
  flex-direction: row; }

.cc-revoke {
  padding: .5em; }

.cc-header {
  font-size: 18px;
  font-weight: 700; }

.cc-btn, .cc-close, .cc-link, .cc-revoke {
  cursor: pointer; }

.cc-link {
  opacity: .8;
  display: inline-block;
  padding: .2em; }

.cc-link:hover {
  opacity: 1; }

.cc-link:active, .cc-link:visited {
  color: initial; }

.cc-btn {
  display: block;
  padding: .4em .8em;
  font-size: .9em;
  font-weight: 700;
  border-width: 2px;
  border-style: solid;
  text-align: center;
  white-space: nowrap; }

.cc-banner .cc-btn:last-child {
  min-width: 140px; }

.cc-highlight .cc-btn:first-child {
  background-color: transparent;
  border-color: transparent; }

.cc-highlight .cc-btn:first-child:focus, .cc-highlight .cc-btn:first-child:hover {
  background-color: transparent;
  text-decoration: underline; }

.cc-close {
  display: block;
  position: absolute;
  top: .5em;
  right: .5em;
  font-size: 1.6em;
  opacity: .9;
  line-height: .75; }

.cc-close:focus, .cc-close:hover {
  opacity: 1; }

.cc-revoke.cc-top {
  top: 0;
  left: 3em;
  border-bottom-left-radius: .5em;
  border-bottom-right-radius: .5em; }

.cc-revoke.cc-bottom {
  bottom: 0;
  left: 3em;
  border-top-left-radius: .5em;
  border-top-right-radius: .5em; }

.cc-revoke.cc-left {
  left: 3em;
  right: unset; }

.cc-revoke.cc-right {
  right: 3em;
  left: unset; }

.cc-top {
  top: 1em; }

.cc-left {
  left: 1em; }

.cc-right {
  right: 1em; }

.cc-bottom {
  bottom: 1em; }

.cc-floating > .cc-link {
  margin-bottom: 1em; }

.cc-floating .cc-message {
  display: block;
  margin-bottom: 1em; }

.cc-window.cc-floating .cc-compliance {
  -ms-flex: 1;
  flex: 1; }

.cc-window.cc-banner {
  -ms-flex-align: center;
  align-items: center; }

.cc-banner.cc-top {
  left: 0;
  right: 0;
  top: 0; }

.cc-banner.cc-bottom {
  left: 0;
  right: 0;
  bottom: 0; }

.cc-banner .cc-message {
  -ms-flex: 1;
  flex: 1; }

.cc-compliance {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: justify;
  align-content: space-between; }

.cc-compliance > .cc-btn {
  -ms-flex: 1;
  flex: 1; }

.cc-btn + .cc-btn {
  margin-left: .5em; }

@media print {
  .cc-revoke, .cc-window {
    display: none; } }

@media screen and (max-width: 900px) {
  .cc-btn {
    white-space: normal; } }

@media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape) {
  .cc-window.cc-top {
    top: 0; }
  .cc-window.cc-bottom {
    bottom: 0; }
  .cc-window.cc-banner, .cc-window.cc-left, .cc-window.cc-right {
    left: 0;
    right: 0; }
  .cc-window.cc-banner {
    -ms-flex-direction: column;
    flex-direction: column; }
  .cc-window.cc-banner .cc-compliance {
    -ms-flex: 1;
    flex: 1; }
  .cc-window.cc-floating {
    max-width: none; }
  .cc-window .cc-message {
    margin-bottom: 1em; }
  .cc-window.cc-banner {
    -ms-flex-align: unset;
    align-items: unset; } }

.cc-floating.cc-theme-classic {
  padding: 1.2em;
  border-radius: 5px; }

.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
  text-align: center;
  display: inline;
  -ms-flex: none;
  flex: none; }

.cc-theme-classic .cc-btn {
  border-radius: 5px; }

.cc-theme-classic .cc-btn:last-child {
  min-width: 140px; }

.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
  display: inline-block; }

.cc-theme-edgeless.cc-window {
  padding: 0; }

.cc-floating.cc-theme-edgeless .cc-message {
  margin: 2em 2em 1.5em; }

.cc-banner.cc-theme-edgeless .cc-btn {
  margin: 0;
  padding: .8em 1.8em;
  height: 100%; }

.cc-banner.cc-theme-edgeless .cc-message {
  margin-left: 1em; }

.cc-floating.cc-theme-edgeless .cc-btn + .cc-btn {
  margin-left: 0; }

/*  Syntax Quick Reference
  --------------------------
  column($ratios: 1, $offset: 0, $cycle: 0, $uncycle: 0, $gutter: $jeet-gutter)
  span($ratio: 1, $offset: 0)
  shift($ratios: 0, $col_or_span: column, $gutter: $jeet-gutter)
  unshift()
  edit()
  center($max_width: 1410px, $pad: 0)
  stack($pad: 0, $align: false)
  unstack()
  align($direction: both)
  cf()
*/
/**
 * Grid settings.
 * All values are defaults and can therefore be easily overidden.
 */
/**
 * List functions courtesy of the wonderful folks at Team Sass.
 * Check out their awesome grid: Singularity.
 */
/**
 * Get  percentage from a given ratio.
 * @param {number} [$ratio=1] - The column ratio of the element.
 * @returns {number} - The percentage value.
 */
/**
 * Work out the column widths based on the ratio and gutter sizes.
 * @param {number} [$ratios=1] - The column ratio of the element.
 * @param {number} [$gutter=$jeet-gutter] - The gutter for the column.
 * @returns {list} $width $gutter - A list containing the with and gutter for the element.
 */
/**
 * Get the set layout direction for the project.
 * @returns {string} $direction - The layout direction.
 */
/**
 * Replace a specified list value with a new value (uses built in set-nth() if available)
 * @param {list} $list - The list of values you want to alter.
 * @param {number} $index - The index of the list item you want to replace.
 * @param {*} $value - The value you want to replace $index with.
 * @returns {list} $list - The list with the value replaced or removed.
 * @warn if an invalid index is supplied.
 */
/**
 * Reverse a list (progressively enhanced for Sass 3.3)
 * @param {list} $list - The list of values you want to reverse.
 * @returns {list} $result - The reversed list.
 */
/**
 * Get the opposite direction to a given value.
 * @param {string} $dir - The direction you want the opposite of.
 * @returns {string} - The opposite direction to $dir.
 * @warn if an incorrect string is provided.
 */
/**
 * Style an element as a column with a gutter.
 * @param {number} [$ratios=1] - A width relative to its container as a fraction.
 * @param {number} [$offset=0] - A offset specified as a fraction (see $ratios).
 * @param {number} [$cycle=0] - Easily create an nth column grid where $cycle equals the number of columns.
 * @param {number} [$uncycle=0] - Undo a previous cycle value to allow for a new one.
 * @param {number} [$gutter=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * An alias for the column mixin.
 * @param [$args...] - All arguments get passed through to column().
 */
/**
 * Get the width of a column and nothing else.
 * @param {number} [$ratios=1] - A width relative to its container as a fraction.
 * @param {number} [$g=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * Get the gutter size of a column and nothing else.
 * @param {number} [ratios=1] - A width relative to its container as a fraction.
 * @param {number} [g=jeet.gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * An alias for the column-width function.
 * @param [$args...] - All arguments get passed through to column().
 */
/**
 * An alias for the column-gutter function.
 * @param [$args...] - All arguments get passed through to column().
 */
/**
 * Style an element as a column without any gutters for a seamless row.
 * @param {number} [$ratios=1] - A width relative to its container as a fraction.
 * @param {number} [$offset=0] - A offset specified as a fraction (see $ratios).
 * @param {number} [cycle=0] - Easily create an nth column grid where cycle equals the number of columns.
 * @param {number} [uncycle=0] - Undo a previous cycle value to allow for a new one.
 */
/**
 * Reorder columns without altering the HTML.
 * @param {number} [$ratios=0] - Specify how far along you want the element to move.
 * @param {string} [$col-or-span=column] - Specify whether the element has a gutter or not.
 * @param {number} [$gutter=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * Reset an element that has had shift() applied to it.
 */
/**
 * View the grid and its layers for easy debugging.
 * @param {string} [$color=black] - The background tint applied.
 * @param {boolean} [$important=false] - Whether to apply the style as !important.
 */
/**
 *  Alias for edit().
 */
/**
 * Horizontally center an element.
 * @param {number} [$max-width=1410px] - The max width the element can be.
 * @param {number} [$pad=0] - Specify the element's left and right padding.
 */
/**
 * Uncenter an element.
 */
/**
 * Stack an element so that nothing is either side of it.
 * @param {number} [$pad=0] - Specify the element's left and right padding.
 * @param {boolean/string} [$align=false] - Specify the text align for the element.
 */
/**
 * Unstack an element.
 */
/**
 * Center an element on either or both axes.
 * @requires A parent container with relative positioning.
 * @param {string} [$direction=both] - Specify which axes to center the element on.
 */
/**
 * Apply a clearfix to an element.
 */
.ym-g75 {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 74.25%;
  margin-left: 0%;
  margin-right: 3%; }
  .ym-g75:before, .ym-g75:after {
    content: '';
    display: table; }
  .ym-g75:after {
    clear: both; }
  .ym-g75:last-child {
    margin-right: 0%; }

*:after, *:before {
  box-sizing: border-box; }

body, html {
  height: 100%;
  width: 100%; }

body {
  position: relative;
  font-family: DINWeb, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight: normal;
  margin-bottom: 80px; }

.container-outer > footer {
  padding-bottom: 100px; }

#main [class^="grid"] article h1, #main [class^="grid"] article h2, #main [class^="grid"] article h3, #main [class^="grid"] article h4, #main [class^="grid"] article h5, #main [class^="grid"] article h6 {
  padding-top: 6px; }

#main hgroup h1, #main hgroup h2, #main hgroup h3, #main hgroup h4, #main hgroup h5, #main hgroup h6 {
  padding-top: 0 !important; }

#main hgroup :first-child {
  padding-top: 6px !important; }

img {
  display: block;
  max-width: 100%; }

.row {
  display: block; }
  .row::after {
    clear: both;
    content: "";
    display: table; }

.container {
  max-width: 62.5em;
  margin-left: auto;
  margin-right: auto; }
  .container::after {
    clear: both;
    content: "";
    display: table; }

.ym-hideme {
  display: none; }

.content {
  position: relative;
  clear: both; }
  .content section {
    padding: 0; }
    .content section section {
      padding: 0; }

.cc-window {
  z-index: 999999; }

* {
  margin: 0;
  padding: 0; }

.container-outer {
  position: relative;
  max-width: 62.5em;
  margin-left: auto;
  margin-right: auto; }
  .container-outer::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (max-width: 768px) {
    .container-outer {
      padding: 0 10px; } }

.container-inner {
  max-width: 62.5em;
  margin-left: auto;
  margin-right: auto; }
  .container-inner::after {
    clear: both;
    content: "";
    display: table; }

.row {
  display: block; }
  .row::after {
    clear: both;
    content: "";
    display: table; }

.col-1 {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 5.58333%;
  margin-left: 0%;
  margin-right: 3%; }
  .col-1:before, .col-1:after {
    content: '';
    display: table; }
  .col-1:after {
    clear: both; }
  .col-1:nth-child(12n) {
    margin-right: 0%;
    float: right; }
  .col-1:nth-child(12n + 1) {
    clear: both; }

.span-1 {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 8.33333%;
  margin-left: 0%;
  margin-right: 0%; }
  .span-1:before, .span-1:after {
    content: '';
    display: table; }
  .span-1:after {
    clear: both; }

.col-2 {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 14.16667%;
  margin-left: 0%;
  margin-right: 3%; }
  .col-2:before, .col-2:after {
    content: '';
    display: table; }
  .col-2:after {
    clear: both; }
  .col-2:nth-child(6n) {
    margin-right: 0%;
    float: right; }
  .col-2:nth-child(6n + 1) {
    clear: both; }

.span-2 {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 16.66667%;
  margin-left: 0%;
  margin-right: 0%; }
  .span-2:before, .span-2:after {
    content: '';
    display: table; }
  .span-2:after {
    clear: both; }

.col-3 {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 22.75%;
  margin-left: 0%;
  margin-right: 3%; }
  .col-3:before, .col-3:after {
    content: '';
    display: table; }
  .col-3:after {
    clear: both; }
  .col-3:nth-child(4n) {
    margin-right: 0%;
    float: right; }
  .col-3:nth-child(4n + 1) {
    clear: both; }

.span-3 {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 25%;
  margin-left: 0%;
  margin-right: 0%; }
  .span-3:before, .span-3:after {
    content: '';
    display: table; }
  .span-3:after {
    clear: both; }

.col-4 {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 31.33333%;
  margin-left: 0%;
  margin-right: 3%; }
  .col-4:before, .col-4:after {
    content: '';
    display: table; }
  .col-4:after {
    clear: both; }
  .col-4:nth-child(3n) {
    margin-right: 0%;
    float: right; }
  .col-4:nth-child(3n + 1) {
    clear: both; }

.span-4 {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 33.33333%;
  margin-left: 0%;
  margin-right: 0%; }
  .span-4:before, .span-4:after {
    content: '';
    display: table; }
  .span-4:after {
    clear: both; }

.col-5 {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 39.91667%;
  margin-left: 0%;
  margin-right: 3%; }
  .col-5:before, .col-5:after {
    content: '';
    display: table; }
  .col-5:after {
    clear: both; }
  .col-5:last-child {
    margin-right: 0%; }

.span-5 {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 41.66667%;
  margin-left: 0%;
  margin-right: 0%; }
  .span-5:before, .span-5:after {
    content: '';
    display: table; }
  .span-5:after {
    clear: both; }

.col-6 {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 48.5%;
  margin-left: 0%;
  margin-right: 3%; }
  .col-6:before, .col-6:after {
    content: '';
    display: table; }
  .col-6:after {
    clear: both; }
  .col-6:nth-child(2n) {
    margin-right: 0%;
    float: right; }
  .col-6:nth-child(2n + 1) {
    clear: both; }

.span-6 {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 50%;
  margin-left: 0%;
  margin-right: 0%; }
  .span-6:before, .span-6:after {
    content: '';
    display: table; }
  .span-6:after {
    clear: both; }

.col-7 {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 57.08333%;
  margin-left: 0%;
  margin-right: 3%; }
  .col-7:before, .col-7:after {
    content: '';
    display: table; }
  .col-7:after {
    clear: both; }
  .col-7:last-child {
    margin-right: 0%; }

.span-7 {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 58.33333%;
  margin-left: 0%;
  margin-right: 0%; }
  .span-7:before, .span-7:after {
    content: '';
    display: table; }
  .span-7:after {
    clear: both; }

.col-8 {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 65.66667%;
  margin-left: 0%;
  margin-right: 3%; }
  .col-8:before, .col-8:after {
    content: '';
    display: table; }
  .col-8:after {
    clear: both; }
  .col-8:last-child {
    margin-right: 0%; }

.span-8 {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 66.66667%;
  margin-left: 0%;
  margin-right: 0%; }
  .span-8:before, .span-8:after {
    content: '';
    display: table; }
  .span-8:after {
    clear: both; }

.col-9 {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 74.25%;
  margin-left: 0%;
  margin-right: 3%; }
  .col-9:before, .col-9:after {
    content: '';
    display: table; }
  .col-9:after {
    clear: both; }
  .col-9:last-child {
    margin-right: 0%; }

.span-9 {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 75%;
  margin-left: 0%;
  margin-right: 0%; }
  .span-9:before, .span-9:after {
    content: '';
    display: table; }
  .span-9:after {
    clear: both; }

.col-10 {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 82.83333%;
  margin-left: 0%;
  margin-right: 3%; }
  .col-10:before, .col-10:after {
    content: '';
    display: table; }
  .col-10:after {
    clear: both; }
  .col-10:last-child {
    margin-right: 0%; }

.span-10 {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 83.33333%;
  margin-left: 0%;
  margin-right: 0%; }
  .span-10:before, .span-10:after {
    content: '';
    display: table; }
  .span-10:after {
    clear: both; }

.col-11 {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 91.41667%;
  margin-left: 0%;
  margin-right: 3%; }
  .col-11:before, .col-11:after {
    content: '';
    display: table; }
  .col-11:after {
    clear: both; }
  .col-11:last-child {
    margin-right: 0%; }

.span-11 {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 91.66667%;
  margin-left: 0%;
  margin-right: 0%; }
  .span-11:before, .span-11:after {
    content: '';
    display: table; }
  .span-11:after {
    clear: both; }

.col-12 {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 3%; }
  .col-12:before, .col-12:after {
    content: '';
    display: table; }
  .col-12:after {
    clear: both; }
  .col-12:last-child {
    margin-right: 0%; }

.span-12 {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 0%; }
  .span-12:before, .span-12:after {
    content: '';
    display: table; }
  .span-12:after {
    clear: both; }

.grid-75-25 .col-3, .grid-75-25 .span-3, .grid-75-25 .col-4, .grid-75-25 .span-4 {
  margin-right: 0;
  float: right; }

@media screen and (max-width: 768px) {
  .grid-75-25 .col {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 100%;
    margin-left: 0%;
    margin-right: 0%; }
    .grid-75-25 .col:before, .grid-75-25 .col:after {
      content: '';
      display: table; }
    .grid-75-25 .col:after {
      clear: both; } }

@media screen and (max-width: 768px) {
  .grid-25-75 .col {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 100%;
    margin-left: 0%;
    margin-right: 0%; }
    .grid-25-75 .col:before, .grid-25-75 .col:after {
      content: '';
      display: table; }
    .grid-25-75 .col:after {
      clear: both; } }

.grid-66-33 .col-3, .grid-66-33 .span-3, .grid-66-33 .col-4, .grid-66-33 .span-4 {
  margin-right: 0;
  float: right; }

@media screen and (max-width: 768px) {
  .grid-66-33 .col {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 100%;
    margin-left: 0%;
    margin-right: 0%; }
    .grid-66-33 .col:before, .grid-66-33 .col:after {
      content: '';
      display: table; }
    .grid-66-33 .col:after {
      clear: both; } }

@media screen and (max-width: 768px) {
  .grid-33-66 .col {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 100%;
    margin-left: 0%;
    margin-right: 0%; }
    .grid-33-66 .col:before, .grid-33-66 .col:after {
      content: '';
      display: table; }
    .grid-33-66 .col:after {
      clear: both; } }

@media screen and (max-width: 768px) {
  .col-2 {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 22.75%;
    margin-left: 0%;
    margin-right: 3%; }
    .col-2:before, .col-2:after {
      content: '';
      display: table; }
    .col-2:after {
      clear: both; }
    .col-2:nth-child(6n) {
      margin-right: 3%;
      float: left; }
    .col-2:nth-child(6n + 1) {
      clear: none; }
    .col-2:nth-child(4n) {
      margin-right: 0%;
      float: right; }
    .col-2:nth-child(4n + 1) {
      clear: both; }
  .col-3 {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0%;
    margin-right: 3%; }
    .col-3:before, .col-3:after {
      content: '';
      display: table; }
    .col-3:after {
      clear: both; }
    .col-3:nth-child(2n) {
      margin-right: 0%;
      float: right; }
    .col-3:nth-child(2n + 1) {
      clear: both; }
  .col-4 {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0%;
    margin-right: 3%; }
    .col-4:before, .col-4:after {
      content: '';
      display: table; }
    .col-4:after {
      clear: both; }
    .col-4:nth-child(3n) {
      margin-right: 3%;
      float: left; }
    .col-4:nth-child(3n + 1) {
      clear: none; }
    .col-4:nth-child(2n) {
      margin-right: 0%;
      float: right; }
    .col-4:nth-child(2n + 1) {
      clear: both; }
  .span-2 {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 25%;
    margin-left: 0%;
    margin-right: 0%; }
    .span-2:before, .span-2:after {
      content: '';
      display: table; }
    .span-2:after {
      clear: both; }
  .span-3, .span-4 {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 50%;
    margin-left: 0%;
    margin-right: 0%; }
    .span-3:before, .span-3:after, .span-4:before, .span-4:after {
      content: '';
      display: table; }
    .span-3:after, .span-4:after {
      clear: both; } }

@media screen and (max-width: 480px) {
  .col {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 100%;
    margin-left: 0%;
    margin-right: 0%; }
    .col:before, .col:after {
      content: '';
      display: table; }
    .col:after {
      clear: both; } }

.col {
  min-height: 1px; }

.grid161616161616 {
  display: block; }
  .grid161616161616::after {
    clear: both;
    content: "";
    display: table; }
  .grid161616161616 > .col {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 14.16667%;
    margin-left: 0%;
    margin-right: 3%; }
    .grid161616161616 > .col:before, .grid161616161616 > .col:after {
      content: '';
      display: table; }
    .grid161616161616 > .col:after {
      clear: both; }
    .grid161616161616 > .col:nth-child(6n) {
      margin-right: 0%;
      float: right; }
    .grid161616161616 > .col:nth-child(6n + 1) {
      clear: both; }
    @media screen and (max-width: 1024px) {
      .grid161616161616 > .col {
        *zoom: 1;
        float: left;
        clear: none;
        text-align: inherit;
        width: 31.33333%;
        margin-left: 0%;
        margin-right: 3%; }
        .grid161616161616 > .col:before, .grid161616161616 > .col:after {
          content: '';
          display: table; }
        .grid161616161616 > .col:after {
          clear: both; }
        .grid161616161616 > .col:nth-child(6n) {
          margin-right: 3%;
          float: left; }
        .grid161616161616 > .col:nth-child(6n + 1) {
          clear: none; }
        .grid161616161616 > .col:nth-child(3n) {
          margin-right: 0%;
          float: right; }
        .grid161616161616 > .col:nth-child(3n + 1) {
          clear: both; } }
    @media screen and (max-width: 768px) {
      .grid161616161616 > .col {
        *zoom: 1;
        float: left;
        clear: none;
        text-align: inherit;
        width: 48.5%;
        margin-left: 0%;
        margin-right: 3%; }
        .grid161616161616 > .col:before, .grid161616161616 > .col:after {
          content: '';
          display: table; }
        .grid161616161616 > .col:after {
          clear: both; }
        .grid161616161616 > .col:nth-child(3n) {
          margin-right: 3%;
          float: left; }
        .grid161616161616 > .col:nth-child(3n + 1) {
          clear: none; }
        .grid161616161616 > .col:nth-child(2n) {
          margin-right: 0%;
          float: right; }
        .grid161616161616 > .col:nth-child(2n + 1) {
          clear: both; } }
    @media screen and (max-width: 480px) {
      .grid161616161616 > .col {
        *zoom: 1;
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%; }
        .grid161616161616 > .col:before, .grid161616161616 > .col:after {
          content: '';
          display: table; }
        .grid161616161616 > .col:after {
          clear: both; }
        .grid161616161616 > .col:nth-child(2n) {
          margin-right: 3%;
          float: left; }
        .grid161616161616 > .col:nth-child(2n + 1) {
          clear: none; }
        .grid161616161616 > .col:nth-child(1n) {
          margin-right: 0%;
          float: right; }
        .grid161616161616 > .col:nth-child(1n + 1) {
          clear: both; } }

.grid2020202020 {
  display: block; }
  .grid2020202020::after {
    clear: both;
    content: "";
    display: table; }
  .grid2020202020 > .col {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 17.6%;
    margin-left: 0%;
    margin-right: 3%; }
    .grid2020202020 > .col:before, .grid2020202020 > .col:after {
      content: '';
      display: table; }
    .grid2020202020 > .col:after {
      clear: both; }
    .grid2020202020 > .col:nth-child(5n) {
      margin-right: 0%;
      float: right; }
    .grid2020202020 > .col:nth-child(5n + 1) {
      clear: both; }
    @media screen and (max-width: 1024px) {
      .grid2020202020 > .col {
        *zoom: 1;
        float: left;
        clear: none;
        text-align: inherit;
        width: 48.5%;
        margin-left: 0%;
        margin-right: 3%; }
        .grid2020202020 > .col:before, .grid2020202020 > .col:after {
          content: '';
          display: table; }
        .grid2020202020 > .col:after {
          clear: both; }
        .grid2020202020 > .col:nth-child(5n) {
          margin-right: 3%;
          float: left; }
        .grid2020202020 > .col:nth-child(5n + 1) {
          clear: none; }
        .grid2020202020 > .col:nth-child(2n) {
          margin-right: 0%;
          float: right; }
        .grid2020202020 > .col:nth-child(2n + 1) {
          clear: both; } }
    @media screen and (max-width: 768px) {
      .grid2020202020 > .col {
        *zoom: 1;
        float: left;
        clear: none;
        text-align: inherit;
        width: 48.5%;
        margin-left: 0%;
        margin-right: 3%; }
        .grid2020202020 > .col:before, .grid2020202020 > .col:after {
          content: '';
          display: table; }
        .grid2020202020 > .col:after {
          clear: both; }
        .grid2020202020 > .col:nth-child(5n) {
          margin-right: 3%;
          float: left; }
        .grid2020202020 > .col:nth-child(5n + 1) {
          clear: none; }
        .grid2020202020 > .col:nth-child(2n) {
          margin-right: 0%;
          float: right; }
        .grid2020202020 > .col:nth-child(2n + 1) {
          clear: both; } }
    @media screen and (max-width: 480px) {
      .grid2020202020 > .col {
        *zoom: 1;
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%; }
        .grid2020202020 > .col:before, .grid2020202020 > .col:after {
          content: '';
          display: table; }
        .grid2020202020 > .col:after {
          clear: both; }
        .grid2020202020 > .col:nth-child(2n) {
          margin-right: 3%;
          float: left; }
        .grid2020202020 > .col:nth-child(2n + 1) {
          clear: none; }
        .grid2020202020 > .col:nth-child(1n) {
          margin-right: 0%;
          float: right; }
        .grid2020202020 > .col:nth-child(1n + 1) {
          clear: both; } }

.grid25252525 {
  display: block; }
  .grid25252525::after {
    clear: both;
    content: "";
    display: table; }
  .grid25252525 > .col {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 22.75%;
    margin-left: 0%;
    margin-right: 3%; }
    .grid25252525 > .col:before, .grid25252525 > .col:after {
      content: '';
      display: table; }
    .grid25252525 > .col:after {
      clear: both; }
    .grid25252525 > .col:nth-child(4n) {
      margin-right: 0%;
      float: right; }
    .grid25252525 > .col:nth-child(4n + 1) {
      clear: both; }
    @media screen and (max-width: 1024px) {
      .grid25252525 > .col {
        *zoom: 1;
        float: left;
        clear: none;
        text-align: inherit;
        width: 48.5%;
        margin-left: 0%;
        margin-right: 3%; }
        .grid25252525 > .col:before, .grid25252525 > .col:after {
          content: '';
          display: table; }
        .grid25252525 > .col:after {
          clear: both; }
        .grid25252525 > .col:nth-child(4n) {
          margin-right: 3%;
          float: left; }
        .grid25252525 > .col:nth-child(4n + 1) {
          clear: none; }
        .grid25252525 > .col:nth-child(2n) {
          margin-right: 0%;
          float: right; }
        .grid25252525 > .col:nth-child(2n + 1) {
          clear: both; } }
    @media screen and (max-width: 480px) {
      .grid25252525 > .col {
        *zoom: 1;
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%; }
        .grid25252525 > .col:before, .grid25252525 > .col:after {
          content: '';
          display: table; }
        .grid25252525 > .col:after {
          clear: both; }
        .grid25252525 > .col:nth-child(2n) {
          margin-right: 3%;
          float: left; }
        .grid25252525 > .col:nth-child(2n + 1) {
          clear: none; }
        .grid25252525 > .col:nth-child(1n) {
          margin-right: 0%;
          float: right; }
        .grid25252525 > .col:nth-child(1n + 1) {
          clear: both; } }

.grid333333 {
  display: block; }
  .grid333333::after {
    clear: both;
    content: "";
    display: table; }
  .grid333333 > .col {
    position: relative;
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 31.33333%;
    margin-left: 0%;
    margin-right: 3%; }
    .grid333333 > .col:before, .grid333333 > .col:after {
      content: '';
      display: table; }
    .grid333333 > .col:after {
      clear: both; }
    .grid333333 > .col:nth-child(3n) {
      margin-right: 0%;
      float: right; }
    .grid333333 > .col:nth-child(3n + 1) {
      clear: both; }
    @media screen and (max-width: 768px) {
      .grid333333 > .col {
        *zoom: 1;
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%; }
        .grid333333 > .col:before, .grid333333 > .col:after {
          content: '';
          display: table; }
        .grid333333 > .col:after {
          clear: both; }
        .grid333333 > .col:nth-child(2n) {
          margin-right: 3%;
          float: left; }
        .grid333333 > .col:nth-child(2n + 1) {
          clear: none; }
        .grid333333 > .col:nth-child(1n) {
          margin-right: 0%;
          float: right; }
        .grid333333 > .col:nth-child(1n + 1) {
          clear: both; } }

.grid5050 {
  display: block; }
  .grid5050::after {
    clear: both;
    content: "";
    display: table; }
  .grid5050 > .col {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0%;
    margin-right: 3%; }
    .grid5050 > .col:before, .grid5050 > .col:after {
      content: '';
      display: table; }
    .grid5050 > .col:after {
      clear: both; }
    .grid5050 > .col:nth-child(2n) {
      margin-right: 0%;
      float: right; }
    .grid5050 > .col:nth-child(2n + 1) {
      clear: both; }
    @media screen and (max-width: 480px) {
      .grid5050 > .col {
        *zoom: 1;
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%; }
        .grid5050 > .col:before, .grid5050 > .col:after {
          content: '';
          display: table; }
        .grid5050 > .col:after {
          clear: both; }
        .grid5050 > .col:nth-child(2n) {
          margin-right: 3%;
          float: left; }
        .grid5050 > .col:nth-child(2n + 1) {
          clear: none; }
        .grid5050 > .col:nth-child(1n) {
          margin-right: 0%;
          float: right; }
        .grid5050 > .col:nth-child(1n + 1) {
          clear: both; } }

.grid6633 {
  display: block; }
  .grid6633::after {
    clear: both;
    content: "";
    display: table; }
  .grid6633 > .col:first-child {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 65.66667%;
    margin-left: 0%;
    margin-right: 3%; }
    .grid6633 > .col:first-child:before, .grid6633 > .col:first-child:after {
      content: '';
      display: table; }
    .grid6633 > .col:first-child:after {
      clear: both; }
    .grid6633 > .col:first-child:last-child {
      margin-right: 0%; }
    @media screen and (max-width: 768px) {
      .grid6633 > .col:first-child {
        *zoom: 1;
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%; }
        .grid6633 > .col:first-child:before, .grid6633 > .col:first-child:after {
          content: '';
          display: table; }
        .grid6633 > .col:first-child:after {
          clear: both; }
        .grid6633 > .col:first-child:last-child {
          margin-right: 0%; } }
  .grid6633 > .col:last-child {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 31.33333%;
    margin-left: 0%;
    margin-right: 3%; }
    .grid6633 > .col:last-child:before, .grid6633 > .col:last-child:after {
      content: '';
      display: table; }
    .grid6633 > .col:last-child:after {
      clear: both; }
    .grid6633 > .col:last-child:last-child {
      margin-right: 0%; }
    @media screen and (max-width: 768px) {
      .grid6633 > .col:last-child {
        *zoom: 1;
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%; }
        .grid6633 > .col:last-child:before, .grid6633 > .col:last-child:after {
          content: '';
          display: table; }
        .grid6633 > .col:last-child:after {
          clear: both; }
        .grid6633 > .col:last-child:last-child {
          margin-right: 0%; } }

.grid3366 {
  display: block; }
  .grid3366::after {
    clear: both;
    content: "";
    display: table; }
  .grid3366 > .col:first-child {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 31.33333%;
    margin-left: 0%;
    margin-right: 3%; }
    .grid3366 > .col:first-child:before, .grid3366 > .col:first-child:after {
      content: '';
      display: table; }
    .grid3366 > .col:first-child:after {
      clear: both; }
    .grid3366 > .col:first-child:last-child {
      margin-right: 0%; }
    @media screen and (max-width: 768px) {
      .grid3366 > .col:first-child {
        *zoom: 1;
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%; }
        .grid3366 > .col:first-child:before, .grid3366 > .col:first-child:after {
          content: '';
          display: table; }
        .grid3366 > .col:first-child:after {
          clear: both; }
        .grid3366 > .col:first-child:last-child {
          margin-right: 0%; } }
  .grid3366 > .col:last-child {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 65.66667%;
    margin-left: 0%;
    margin-right: 3%; }
    .grid3366 > .col:last-child:before, .grid3366 > .col:last-child:after {
      content: '';
      display: table; }
    .grid3366 > .col:last-child:after {
      clear: both; }
    .grid3366 > .col:last-child:last-child {
      margin-right: 0%; }
    @media screen and (max-width: 768px) {
      .grid3366 > .col:last-child {
        *zoom: 1;
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%; }
        .grid3366 > .col:last-child:before, .grid3366 > .col:last-child:after {
          content: '';
          display: table; }
        .grid3366 > .col:last-child:after {
          clear: both; }
        .grid3366 > .col:last-child:last-child {
          margin-right: 0%; } }

.grid7525 {
  display: block; }
  .grid7525::after {
    clear: both;
    content: "";
    display: table; }
  .grid7525 > .col:first-child {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 74.25%;
    margin-left: 0%;
    margin-right: 3%; }
    .grid7525 > .col:first-child:before, .grid7525 > .col:first-child:after {
      content: '';
      display: table; }
    .grid7525 > .col:first-child:after {
      clear: both; }
    .grid7525 > .col:first-child:last-child {
      margin-right: 0%; }
    @media screen and (max-width: 768px) {
      .grid7525 > .col:first-child {
        *zoom: 1;
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%; }
        .grid7525 > .col:first-child:before, .grid7525 > .col:first-child:after {
          content: '';
          display: table; }
        .grid7525 > .col:first-child:after {
          clear: both; }
        .grid7525 > .col:first-child:last-child {
          margin-right: 0%; } }
  .grid7525 > .col:last-child {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 22.75%;
    margin-left: 0%;
    margin-right: 3%; }
    .grid7525 > .col:last-child:before, .grid7525 > .col:last-child:after {
      content: '';
      display: table; }
    .grid7525 > .col:last-child:after {
      clear: both; }
    .grid7525 > .col:last-child:last-child {
      margin-right: 0%; }
    @media screen and (max-width: 768px) {
      .grid7525 > .col:last-child {
        *zoom: 1;
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%; }
        .grid7525 > .col:last-child:before, .grid7525 > .col:last-child:after {
          content: '';
          display: table; }
        .grid7525 > .col:last-child:after {
          clear: both; }
        .grid7525 > .col:last-child:last-child {
          margin-right: 0%; } }

.grid2575 {
  display: block; }
  .grid2575::after {
    clear: both;
    content: "";
    display: table; }
  .grid2575 > .col:first-child {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 22.75%;
    margin-left: 0%;
    margin-right: 3%; }
    .grid2575 > .col:first-child:before, .grid2575 > .col:first-child:after {
      content: '';
      display: table; }
    .grid2575 > .col:first-child:after {
      clear: both; }
    .grid2575 > .col:first-child:last-child {
      margin-right: 0%; }
    @media screen and (max-width: 768px) {
      .grid2575 > .col:first-child {
        *zoom: 1;
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%; }
        .grid2575 > .col:first-child:before, .grid2575 > .col:first-child:after {
          content: '';
          display: table; }
        .grid2575 > .col:first-child:after {
          clear: both; }
        .grid2575 > .col:first-child:last-child {
          margin-right: 0%; } }
  .grid2575 > .col:last-child {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 74.25%;
    margin-left: 0%;
    margin-right: 3%; }
    .grid2575 > .col:last-child:before, .grid2575 > .col:last-child:after {
      content: '';
      display: table; }
    .grid2575 > .col:last-child:after {
      clear: both; }
    .grid2575 > .col:last-child:last-child {
      margin-right: 0%; }
    @media screen and (max-width: 768px) {
      .grid2575 > .col:last-child {
        *zoom: 1;
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%; }
        .grid2575 > .col:last-child:before, .grid2575 > .col:last-child:after {
          content: '';
          display: table; }
        .grid2575 > .col:last-child:after {
          clear: both; }
        .grid2575 > .col:last-child:last-child {
          margin-right: 0%; } }

.col {
  position: relative; }
  @media screen and (max-width: 768px) {
    .col {
      margin-bottom: 20px; } }
  .col.square:before {
    content: "";
    display: block;
    padding-top: 100%; }

.hmenu li {
  display: inline-block;
  margin: 0 20px 20px 0; }

.breadcrumb-list ol {
  list-style-type: none; }

.breadcrumb-list li {
  display: inline-block;
  margin: 0 20px 20px 0; }

#nav {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 3%;
  min-height: 145px;
  position: relative; }
  #nav:before, #nav:after {
    content: '';
    display: table; }
  #nav:after {
    clear: both; }
  #nav:last-child {
    margin-right: 0%; }
  @media screen and (max-width: 480px) {
    #nav {
      min-height: 100px; } }
  #nav h1 {
    position: absolute;
    top: -9876px;
    left: -9876px; }

.mainNav {
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 45px 0 0 0;
  display: inline-block;
  width: 100%; }
  .mainNav li {
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 1;
    list-style-type: none; }
    @media screen and (max-width: 768px) {
      .mainNav li {
        display: none;
        width: 100%; } }
    .mainNav li ul li {
      font-size: 12px; }
    .mainNav li a, .mainNav li strong {
      position: relative;
      display: block;
      width: auto;
      margin: 0 1em 0 0;
      padding: 0;
      background: transparent;
      color: #7f91a5;
      line-height: 2em;
      font-weight: normal;
      text-decoration: none;
      text-transform: uppercase;
      letter-spacing: 0.025em; }
    .mainNav li a:after, .mainNav li strong:after {
      position: absolute;
      right: 7px;
      top: 7px;
      bottom: 9px;
      overflow: hidden;
      display: block;
      margin: 0 -1em 0 0;
      width: 1px;
      height: auto;
      background: #DADEE7;
      content: ".";
      text-indent: 9876px; }
      @media screen and (max-width: 768px) {
        .mainNav li a:after, .mainNav li strong:after {
          display: none; } }
    .mainNav li:last-child > a:after, .mainNav li:last-child > strong:after {
      display: none; }
    .mainNav li.hidePipe > a:after, .mainNav li.hidePipe > strong:after {
      display: none; }
    .mainNav li.active strong {
      color: #00244C;
      text-decoration: none; }
    .mainNav li.active > a {
      color: #00244C; }
    .mainNav li.active a {
      text-decoration: none; }
      .mainNav li.active a:focus, .mainNav li.active a:hover, .mainNav li.active a:active {
        text-decoration: none; }
    .mainNav li > a:hover {
      color: #00244C; }
    .mainNav li ul {
      position: absolute;
      left: 0;
      margin: 0;
      padding: 0;
      width: auto;
      height: auto; }
      @media screen and (max-width: 768px) {
        .mainNav li ul {
          position: relative;
          padding-left: 20px; } }
      .mainNav li ul li a, .mainNav li ul li strong {
        margin-right: .8em;
        font-weight: normal !important; }
      .mainNav li ul li a:after, .mainNav li ul li strong:after {
        right: 7px;
        top: 6px;
        bottom: 8px;
        margin-right: -1em; }
      .mainNav li ul li ul {
        width: 1000px; }

.serviceNav {
  height: auto !important; }
  .serviceNav a {
    font-size: 12px; }

.mobileButton {
  display: none; }

@media screen and (max-width: 768px) {
  #mobileMenu {
    position: relative;
    margin-bottom: 50px;
    cursor: pointer;
    margin-top: 56px; }
    #mobileMenu .mobileButton {
      display: block; }
    #mobileMenu .mobileIcon {
      padding: 5px 5px 1px 5px;
      background: #00244E;
      height: auto;
      width: 30px;
      border-bottom-right-radius: 6px;
      display: inline-block;
      margin-right: 10px; }
      #mobileMenu .mobileIcon span {
        display: block;
        height: 3px;
        width: 100%;
        background: white;
        margin-bottom: 4px;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out; }
      #mobileMenu .mobileIcon.active span:first-child {
        -webkit-transform: translateY(7px) rotate(-45deg);
        -moz-transform: translateY(7px) rotate(-45deg);
        -ms-transform: translateY(7px) rotate(-45deg);
        -o-transform: translateY(7px) rotate(-45deg);
        transform: translateY(7px) rotate(-45deg); }
      #mobileMenu .mobileIcon.active span:nth-child(2) {
        opacity: 0; }
      #mobileMenu .mobileIcon.active span:last-child {
        -webkit-transform: translateY(-7px) rotate(45deg);
        -moz-transform: translateY(-7px) rotate(45deg);
        -ms-transform: translateY(-7px) rotate(45deg);
        -o-transform: translateY(-7px) rotate(45deg);
        transform: translateY(-7px) rotate(45deg); }
    #mobileMenu .mobileMenuText {
      display: inline-block;
      vertical-align: bottom;
      text-transform: uppercase;
      color: #00244E; }
    #mobileMenu ul {
      display: none; }
    #mobileMenu.active > ul {
      display: block;
      position: absolute;
      top: 46px;
      left: 0;
      right: 0;
      z-index: 500;
      margin: 0;
      padding: 0 0 10px;
      background: #FFF;
      background: rgba(255, 255, 255, 0.95); }
      #mobileMenu.active > ul li {
        display: block;
        float: none;
        margin: 2px 0;
        padding: 0; }
        #mobileMenu.active > ul li ul {
          display: block;
          position: static; } }

@media screen and (max-width: 480px) {
  #mobileMenu {
    margin-top: 66px; } }

.langNav {
  position: absolute;
  top: 14px;
  z-index: 9999;
  display: inline-block;
  width: auto;
  height: 12px; }
  .langNav li {
    position: relative;
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0 20px 0 0; }
    .langNav li:after {
      position: absolute;
      right: 9px;
      top: 0px;
      bottom: 0px;
      z-index: 9999;
      display: block;
      margin: 0 0 0 0;
      width: 1px;
      height: auto;
      background: #DADEE7;
      content: " ";
      text-indent: 9876px; }
    .langNav li a, .langNav li strong {
      overflow: hidden;
      display: block;
      width: 17px;
      height: 12px;
      background: url('../../fileadmin/templates/update/images/layout/icons/iconsprite.png') -125px -90px no-repeat;
      text-indent: -9876px; }
    .langNav li.en a:hover, .langNav li.en strong {
      background-position: -125px -102px; }
    .langNav li.de a {
      background-position: -142px -90px; }
      .langNav li.de a:hover {
        background-position: -142px -102px; }
    .langNav li.de strong {
      background-position: -142px -102px; }

.sebo-country-trigger {
  position: absolute;
  top: 11px;
  left: 75px;
  z-index: 9999;
  display: inline-block;
  width: auto;
  height: 12px;
  cursor: pointer; }

.searchInputBox {
  position: absolute;
  top: 11px;
  left: 125px;
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  width: 129px;
  height: 20px;
  border: 1px solid #DADEE7;
  border-radius: 0 0 12px 0;
  text-align: left; }
  @media screen and (max-width: 480px) {
    .searchInputBox {
      left: inherit;
      right: 0;
      width: 160px; } }
  .searchInputBox fieldset {
    border: 0;
    outline: 0; }
  .searchInputBox input {
    border: 0;
    outline: 0;
    min-height: 0; }
    .searchInputBox input.text {
      padding-left: 1px;
      width: 110px;
      height: 20px;
      background: #FFF;
      font-size: 12px;
      line-height: 1; }
    .searchInputBox input.image {
      position: absolute;
      top: 0;
      right: 0;
      padding: 3px 5px 0 0;
      width: auto;
      height: auto; }
    .searchInputBox input:focus, .searchInputBox input:active {
      box-shadow: none;
      border: 0;
      outline: 0; }

.header-search-form input[type=text] {
  border: 1px solid grey;
  padding: 2px 10px; }
  .header-search-form input[type=text]::-webkit-input-placeholder {
    font-size: smaller; }
  .header-search-form input[type=text]::-moz-placeholder {
    font-size: smaller; }
  .header-search-form input[type=text]:-moz-placeholder {
    font-size: smaller; }
  .header-search-form input[type=text]:-ms-input-placeholder {
    font-size: smaller; }

.searchPageNav ul {
  text-align: center; }
  .searchPageNav ul ul,
  .searchPageNav ul li {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none; }
  .searchPageNav ul li.previous .label,
  .searchPageNav ul li.next .label {
    display: none; }
  .searchPageNav ul li.previous .icon,
  .searchPageNav ul li.next .icon {
    display: block;
    margin-top: 3px;
    width: 12px;
    height: 11px;
    background: url('../../fileadmin/templates/images/layout/icons/12x11_listitem_arrow_left.png'); }
  .searchPageNav ul li.next .icon {
    background: url('../../fileadmin/templates/images/layout/icons/12x11_listitem_arrow.png'); }

@font-face {
  font-family: DINWeb;
  src: url('../../fileadmin/templates/update/fonts/DINWeb.eot'); }

@font-face {
  font-family: DINWeb-Medium;
  src: url('../../fileadmin/templates/update/fonts/DINWeb-Medium.eot'); }

@font-face {
  font-family: DINWeb-Light;
  src: url('../../fileadmin/templates/update/fonts/DINWeb-Light.eot'); }

@font-face {
  font-family: DINWeb;
  src: url('../../fileadmin/templates/update/fonts/DINWeb.woff') format("woff"); }

@font-face {
  font-family: DINWeb-Medium;
  src: url('../../fileadmin/templates/update/fonts/DINWeb-Medium.woff') format("woff"); }

@font-face {
  font-family: DINWeb-Light;
  src: url('../../fileadmin/templates/update/fonts/DINWeb-Light.woff') format("woff"); }

#logo {
  position: absolute;
  top: 31px;
  right: 0;
  z-index: 10;
  width: 201px;
  height: 52px; }
  @media screen and (max-width: 768px) {
    #logo {
      right: 10px; } }
  @media screen and (max-width: 480px) {
    #logo {
      margin-top: 20px; } }
  #logo h1 a {
    display: block; }
  #logo img {
    display: block;
    width: 100%;
    height: auto; }
    @media screen and (max-width: 480px) {
      #logo img {
        width: 80%;
        float: right; } }

.slick-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  text-align: center;
  margin: 0 !important; }
  @media screen and (max-width: 480px) {
    .slick-dots {
      bottom: 0px; } }
  .slick-dots button {
    display: block;
    font-size: 0 !important;
    line-height: 0;
    height: 12px;
    width: 12px; }
  .slick-dots li {
    display: inline-block;
    height: 12px;
    width: 12px;
    background: #00244C;
    border: 1px solid white;
    border-radius: 50%;
    margin: 0 2px; }
    .slick-dots li.slick-active {
      background: white;
      border-color: #00244C; }

.slick-slide img {
  height: auto; }

@media screen and (max-width: 480px) {
  .slideshow hgroup h1 {
    font-size: 18px !important; }
  .slideshow hgroup h2 {
    font-size: 12px !important; } }

.slideshow h1, .slideshow h2 {
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
  opacity: 1; }
  .slideshow h1.fade, .slideshow h2.fade {
    opacity: 0; }

/*
 * slidinggallery
 */
.slidingTeaser {
  position: relative;
  margin: 0 auto 30px;
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 0%; }
  .slidingTeaser:before, .slidingTeaser:after {
    content: '';
    display: table; }
  .slidingTeaser:after {
    clear: both; }

#awOnePageButton .view-slide {
  display: none; }

.showcase-load {
  height: 320px;
  overflow: hidden; }

header.tallHeight .showcase-load {
  height: 525px; }

.showcase {
  position: relative;
  z-index: 5;
  margin: auto; }

.showcase-content-container {
  background-color: #FFFFFF; }

.showcase-arrow-previous, .showcase-arrow-next {
  position: absolute;
  z-index: 10;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  top: 50%;
  background: url('../../fileadmin/templates/images/layout/icons/iconsprite.png');
  cursor: pointer; }

header.containsAdditionalText .showcase-arrow-previous, header.containsAdditionalText .showcase-arrow-next {
  margin-top: -15px; }

.showcase-arrow-previous {
  left: 20px;
  background-position: -56px -43px; }

.showcase-arrow-next {
  right: 20px;
  background-position: -91px -43px; }

.showcase-content {
  text-align: center; }
  .showcase-content img {
    height: auto; }

.showcase-content-wrapper {
  text-align: center;
  height: 320px;
  width: 998px;
  display: table-cell;
  vertical-align: middle; }

header.tallHeight .showcase-content-wrapper {
  height: 525px; }

div.showcase-tooltip {
  background-color: #fff;
  color: #000;
  text-align: left;
  padding: 5px 8px;
  background-image: url('../../fileadmin/templates/images/layout/icons/white-opacity-80.png'); }

.showcase-onepage .showcase-content {
  margin-bottom: 10px; }

div.showcase-content {
  position: relative;
  overflow: visible;
  display: block;
  margin: 0;
  padding: 0;
  line-height: 0; }
  div.showcase-content > a {
    display: block;
    width: 100%;
    height: 100%; }
  div.showcase-content img {
    position: relative;
    zoom: 1;
    display: block;
    border-radius: 0 0 60px 0; }
  div.showcase-content div.text,
  div.showcase-content p.stressedLink {
    display: none;
    /*
      overflow: hidden;
      display: block;
      height: 34px;
      color: #000;
      font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
      font-size: 12px;
      line-height: 1.5;
      text-align: left;
      */ }

div.sliderContentAppend p.stressedLink {
  /*position: absolute;*/
  /*bottom: 16px;
    left: 20px;
    z-index: 999;
    margin: 0;
    padding: 0;
    &.outer {
      left: 0;
      bottom: -77px;
    }
    */ }

div.sliderContentAppend {
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
  opacity: 1; }
  div.sliderContentAppend.fade {
    opacity: 0; }
  div.sliderContentAppend div.text {
    padding: 10px 0 0 0; }
  div.sliderContentAppend p.stressedLink span {
    display: inline;
    float: left;
    margin: 0 .5em 0 0;
    padding: 5px 8px 2px 6px;
    width: auto;
    color: #FFF;
    background: #00244C;
    border-radius: 0 0 6px 0;
    font-family: DINWeb-Medium;
    font-size: 12px;
    line-height: 1;
    text-transform: uppercase; }

.showcase-button-wrapper {
  position: absolute;
  top: 493px;
  left: 0;
  right: 0;
  text-align: center; }

.middleHeight .showcase-button-wrapper {
  top: 288px; }

.showcase-button-wrapper span {
  overflow: hidden;
  display: inline-block;
  margin: 0 2px;
  padding: 0;
  width: 14px;
  height: 14px;
  color: #FFF;
  background: url('../../fileadmin/templates/images/layout/icons/iconsprite.png') -148px -76px;
  cursor: pointer;
  text-indent: -9876px; }
  .showcase-button-wrapper span.active {
    cursor: default;
    background-position: -126px -76px; }

.showcase-thumbnail-wrapper {
  overflow: hidden; }

.showcase-thumbnail {
  width: 120px;
  height: auto;
  cursor: pointer;
  position: relative;
  display: inline-block;
  margin-right: 5px;
  cursor: pointer;
  margin-bottom: 10px; }

.showcase-thumbnail-caption {
  position: absolute;
  bottom: 2px;
  padding-left: 10px;
  padding-bottom: 5px; }

.showcase-thumbnail-content {
  padding: 10px;
  text-align: center;
  padding-top: 25px; }

.showcase-thumbnail-cover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.showcase-thumbnail {
  opacity: .75; }
  .showcase-thumbnail:hover .showcase-thumbnail-cover {
    display: none; }
  .showcase-thumbnail.active {
    opacity: 1;
    cursor: default; }
    .showcase-thumbnail.active:hover {
      opacity: 1;
      cursor: default; }
  .showcase-thumbnail:hover {
    opacity: 1;
    cursor: default;
    cursor: pointer; }
  .showcase-thumbnail.active .showcase-thumbnail-cover {
    display: none; }

.showcase-thumbnail-wrapper-horizontal {
  padding: 0px; }
  .showcase-thumbnail-wrapper-horizontal .showcase-thumbnail {
    margin-right: 0px; }

.showcase-thumbnail-wrapper-vertical {
  padding: 10px; }
  .showcase-thumbnail-wrapper-vertical .showcase-thumbnail {
    margin-bottom: 0px; }

.showcase-thumbnail-button-backward, .showcase-thumbnail-button-forward {
  padding: 0px;
  cursor: pointer; }

.showcase-thumbnail-button-backward {
  padding-bottom: 0px;
  padding-right: 0px; }

.showcase-thumbnail {
  padding: 10px 5px 0 0;
  width: 58px;
  height: 58px; }
  .showcase-thumbnail img {
    margin: 0 0px 0 0;
    padding: 0px 0 0;
    border-radius: 0 0 8px 0; }

.showcase-thumbnail-button-backward .showcase-thumbnail-vertical {
  background-image: url('../../fileadmin/templates/images/layout/icons/arrows-small.png');
  background-repeat: no-repeat;
  display: block;
  width: 0px;
  height: 0px; }

.showcase-thumbnail-button-forward .showcase-thumbnail-vertical, .showcase-thumbnail-button-forward .showcase-thumbnail-horizontal {
  background-image: url('../../fileadmin/templates/images/layout/icons/arrows-small.png');
  background-repeat: no-repeat;
  display: block;
  width: 0px;
  height: 0px; }

.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal {
  background-image: url('../../fileadmin/templates/images/layout/icons/arrows-small.png');
  background-repeat: no-repeat;
  display: block;
  width: 0px;
  height: 0px; }

.showcase-thumbnail-button-backward .showcase-thumbnail-vertical {
  background-position: 0 -51px;
  margin-left: 55px; }

.showcase-thumbnail-button-backward:hover .showcase-thumbnail-vertical {
  background-position: -17px -51px; }

.showcase-thumbnail-button-forward .showcase-thumbnail-vertical {
  background-position: 0 -34px;
  margin-left: 55px; }

.showcase-thumbnail-button-forward:hover .showcase-thumbnail-vertical {
  background-position: -17px -34px; }

.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal {
  background-position: 0 -17px;
  margin-top: 40px;
  margin-bottom: 40px; }

.showcase-thumbnail-button-backward:hover .showcase-thumbnail-horizontal {
  background-position: -17px -17px; }

.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal {
  background-position: 0 0;
  margin-top: 40px;
  margin-bottom: 40px; }

.showcase-thumbnail-button-forward:hover .showcase-thumbnail-horizontal {
  background-position: -17px 0; }

.showcase-thumbnail-button-forward span span {
  display: none; }

.showcase-thumbnail-button-backward span span {
  display: none; }

.productListItem img {
  width: 100%;
  height: auto; }

.productListItem {
  padding-top: 10px;
  margin: 0 0 30px 0; }

.borderBottom1pxGrey {
  margin-bottom: 10px; }

@media screen and (max-width: 480px) {
  .imagelinksVertical li {
    display: block !important;
    width: 100% !important; }
    .imagelinksVertical li img {
      display: inline-block !important;
      max-width: 30px;
      height: auto; } }

/*
.tabContentSecondLevel {
  @include media($mobile) {
    margin-bottom: 30px;
    border-bottom: 1px solid grey;
  }
}
*/
@media screen and (max-width: 480px) {
  .tabsInitiallyOpenOuterWrapper .tabsList > li {
    display: block;
    width: 100%;
    padding-left: 0; } }

@media screen and (max-width: 480px) {
  .tabsInitiallyOpenOuterWrapper .tabsList > li:after {
    background: none !important; } }

@media screen and (max-width: 480px) {
  .tabsInitiallyOpenOuterWrapper .tabsList > li.active a {
    border: 0 !important; } }

@media screen and (max-width: 480px) {
  .tabsInitiallyOpenOuterWrapper .tabsList > li a {
    padding: 8px !important; } }

@media screen and (max-width: 480px) {
  .tabsInitiallyClosedOuterWrapperSecondLevel .tabsList {
    overflow-x: scroll;
    white-space: nowrap; } }

@media screen and (max-width: 480px) {
  .tabsInitiallyClosedOuterWrapperSecondLevel .tabsList li {
    width: auto !important; } }

@media screen and (max-width: 480px) {
  .tabnav li {
    display: block !important; } }

footer {
  position: relative;
  overflow: hidden;
  padding: 2em 0 1em;
  text-align: right; }
  footer:before {
    position: absolute;
    top: 38px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: 99999;
    background: white;
    content: ".";
    text-indent: 9876px; }
  footer ul, footer form {
    position: relative;
    overflow: hidden;
    z-index: 99999;
    padding-top: 5px; }
  footer ul li {
    position: relative;
    display: inline;
    float: left;
    overflow: hidden; }
    footer ul li a, footer ul li strong {
      color: #9FADBC;
      font-size: 12px;
      font-weight: normal !important;
      text-transform: uppercase; }
    footer ul li.active strong, footer ul li a:hover {
      color: #3F5A78; }
  footer ul.breadcrump {
    overflow: hidden;
    display: block;
    padding: 0 0 2px 0;
    margin: 0 0 3px 0;
    border-bottom: 1px solid #DADEE7; }
    footer ul.breadcrump li {
      padding: 0 24px 0 0; }
      footer ul.breadcrump li:after {
        position: absolute;
        right: 8px;
        top: 50%;
        display: block;
        margin: -2px 0 0 0;
        width: 9px;
        height: 1px;
        background: #DADEE7;
        content: ".";
        text-indent: 9876px; }
      footer ul.breadcrump li.active {
        padding-right: 0; }
        footer ul.breadcrump li.active:after {
          display: none; }
  footer ul.serviceNav {
    float: left;
    display: inline-block;
    width: auto;
    height: 20px;
    float: left; }
    footer ul.serviceNav li {
      padding-right: 20px; }
      footer ul.serviceNav li:after {
        position: absolute;
        top: 2px;
        right: 9px;
        bottom: 3px;
        display: block;
        width: 1px;
        height: auto;
        color: red;
        background: #DADEE7;
        content: ".";
        text-indent: 9876px; }
      footer ul.serviceNav li a, footer ul.serviceNav li strong {
        font-size: 13px; }
      footer ul.serviceNav li:last-child {
        padding-right: 0; }
        footer ul.serviceNav li:last-child:after {
          display: none; }

.ym-skiplinks, .ym-skip {
  z-index: 99999; }

.ym-skiplinks .ym-skip:focus, .ym-skiplinks .ym-skip:active {
  left: 32768px;
  outline: 0 none;
  position: absolute;
  padding: 5px 0;
  width: 100%;
  color: white;
  background: #00244C;
  border-bottom: 1px solid white;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-align: center; }

/*
#purchaseModel {
	display: block;
	float: left;
	margin: 20px 30px 10px 0;
	padding: 0 3px;
	width: 207px;
	height: 24px;
	border: 1px solid #DADEE7;
	border-width: 1px 1px 1px 1px;
	border-bottom-right-radius: 12px;
	font-size: 12px;

	&.error
	{
		border-color: red;
	}
}
*/
.registration .row {
  margin-bottom: 20px; }

.registration .spacer {
  border-top: 1px solid #DADEE7;
  margin-bottom: 20px; }

.registration .prettyCheckbox .holderWrap {
  margin-right: 3px; }

.registration fieldset.data {
  position: relative;
  border-top: 1px solid #DADEE7;
  margin: 20px 0 0 0;
  padding: 50px 0 0 0;
  height: auto;
  width: 100%; }
  .registration fieldset.data > legend {
    position: absolute;
    top: 0;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%; }
    .registration fieldset.data > legend span {
      position: absolute;
      background: #fff;
      top: -1px;
      border: 1px solid #DADEE7;
      font-family: DINWeb-Medium;
      color: #00244C;
      padding: 10px 10px 7px 0;
      margin: 0;
      font-size: 14px;
      text-transform: uppercase;
      line-height: 1;
      border-radius: 0 0 8px 0;
      border-width: 0 1px 1px 0; }

.registration .spaced {
  margin: 20px 0; }

.registration label {
  display: block;
  font-size: 12px;
  line-height: 1;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
  .registration label.error {
    color: #f00; }

.registration select, .registration select:focus, .registration select:active {
  display: block;
  width: 100%;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  height: 24px;
  margin-top: 10px;
  border: 1px solid #DADEE7;
  border-bottom-right-radius: 12px; }
  .registration select.error, .registration select:focus.error, .registration select:active.error {
    border: 1px solid #f00; }

.registration input {
  display: block;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
  .registration input[type="text"] {
    margin-top: 10px;
    border: 1px solid #DADEE7;
    border-bottom-right-radius: 12px;
    padding: 0 3px;
    font-size: 12px;
    line-height: 24px;
    width: 100%; }
  .registration input.error {
    border: 1px solid #f00; }
  .registration input[type="submit"] {
    margin-top: 10px;
    background: #00244C;
    padding: 5px 8px 2px 6px;
    border-radius: 0 0 6px 0;
    font-family: DINWeb-Medium;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    text-transform: uppercase; }

.registration .salutation {
  display: block; }
  .registration .salutation legend, .registration .salutation .radio {
    float: none;
    border-bottom: 1px solid #D9DEE4;
    padding-bottom: 3px; }
    .registration .salutation legend span, .registration .salutation .radio span {
      font-size: 12px;
      line-height: 22px;
      font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
    .registration .salutation legend.error, .registration .salutation .radio.error {
      color: #b80000;
      border-color: red;
      font-weight: bold; }
  .registration .salutation .radio.inline {
    margin: 0; }
  .registration .salutation .radio .holderWrap {
    margin-top: 4px;
    float: right; }

.sebo-country-selector {
  position: absolute;
  top: 130px;
  left: 0;
  right: 0;
  display: none;
  background: #FFF; }
  .sebo-country-selector.visible {
    display: block; }
  .sebo-country-selector .sebo-country-selector-inner {
    position: relative;
    max-width: 62.5em;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid #00244C;
    border-radius: 0 0 60px 0; }
    .sebo-country-selector .sebo-country-selector-inner::after {
      clear: both;
      content: "";
      display: table; }
    @media screen and (max-width: 768px) {
      .sebo-country-selector .sebo-country-selector-inner {
        padding: 0; } }
  .sebo-country-selector .sebo-country-selector-head {
    position: relative;
    top: -2px;
    left: -2px;
    display: inline-block;
    margin: 0;
    padding: 0 10px 10px 0;
    width: auto;
    color: #00244C;
    font-family: "DINWeb";
    font-size: 38px;
    font-weight: 500;
    line-height: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: uppercase;
    background: #FFF;
    border: 2px solid #00244C;
    border-width: 0 2px 2px 0;
    border-radius: 0 0 12px 0; }
    @media screen and (max-width: 768px) {
      .sebo-country-selector .sebo-country-selector-head {
        font-family: "DINWeb-Medium";
        font-size: 18px; } }
  .sebo-country-selector .sebo-country-selector-list {
    overflow: hidden;
    clear: both;
    padding: 20px 30px 10px; }
    .sebo-country-selector .sebo-country-selector-list .sebo-country-selector-list-item {
      display: inline-block;
      float: left;
      width: 25%; }
      .sebo-country-selector .sebo-country-selector-list .sebo-country-selector-list-item:nth-child(4n+1) {
        clear: left; }
      .sebo-country-selector .sebo-country-selector-list .sebo-country-selector-list-item a {
        display: block;
        padding: 0 20px 20px 0;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 12px; }
        .sebo-country-selector .sebo-country-selector-list .sebo-country-selector-list-item a img {
          display: inline-block;
          float: left;
          margin: 0 10px 0 0; }
      @media screen and (max-width: 768px) {
        .sebo-country-selector .sebo-country-selector-list .sebo-country-selector-list-item {
          width: 50%; }
          .sebo-country-selector .sebo-country-selector-list .sebo-country-selector-list-item:nth-child(2n+1) {
            clear: left; } }
  .sebo-country-selector .sebo-country-selector-close {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 10px;
    cursor: pointer; }

.button.whatsapp {
  text-transform: none;
  background: #25D366; }

article.wa-teaser {
  padding-bottom: 23px !important; }
  article.wa-teaser h3 {
    font-size: 14px;
    text-transform: none; }
    article.wa-teaser h3 img {
      height: 12px;
      vertical-align: text-top;
      display: inline-block; }

.whatsapp-dialog {
  min-height: 185px;
  border: 1px solid #DADEE7;
  border-left: none;
  border-right: none;
  font-size: 12px;
  padding-bottom: 20px; }
  .whatsapp-dialog * {
    float: none; }
  .whatsapp-dialog h3 {
    position: relative;
    background: #fff;
    text-transform: none;
    display: inline-block;
    top: -1px;
    padding: 10px 10px 7px 0 !important;
    margin-bottom: 5px;
    font-size: 17px;
    border: solid #DADEE7;
    border-width: 0 1px 1px 0;
    border-radius: 0 0 12px 0; }
    .whatsapp-dialog h3 img {
      height: 14px;
      vertical-align: text-top;
      display: inline-block;
      margin-right: 2px; }
  .whatsapp-dialog .dialog-slide a:not(.button) {
    text-decoration: underline; }
  .whatsapp-dialog .dialog-slide.hidden {
    display: none; }
  .whatsapp-dialog .dialog-slide .button.whatsapp {
    float: none;
    display: inline-block;
    text-align: center;
    padding-bottom: 4px; }
    .whatsapp-dialog .dialog-slide .button.whatsapp img {
      vertical-align: text-top;
      display: inline;
      height: 10px;
      margin-right: 5px; }
  .whatsapp-dialog .dialog-slide.start .button.whatsapp {
    display: inline-block;
    text-align: center; }
    .whatsapp-dialog .dialog-slide.start .button.whatsapp img {
      display: inline; }
  .whatsapp-dialog .dialog-slide.end .button.whatsapp {
    text-transform: uppercase;
    margin-right: 2px; }
    .whatsapp-dialog .dialog-slide.end .button.whatsapp.hidden {
      display: none; }
    .whatsapp-dialog .dialog-slide.end .button.whatsapp img {
      display: inline; }
  .whatsapp-dialog .dialog-slide.end span.holderWrap {
    margin-right: 3px; }
  .whatsapp-dialog .dialog-slide.end .wa-placeholder {
    display: block;
    min-height: 20px;
    margin-bottom: 10px; }

html {
  box-sizing: border-box; }

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

/*  Syntax Quick Reference
  --------------------------
  column($ratios: 1, $offset: 0, $cycle: 0, $uncycle: 0, $gutter: $jeet-gutter)
  span($ratio: 1, $offset: 0)
  shift($ratios: 0, $col_or_span: column, $gutter: $jeet-gutter)
  unshift()
  edit()
  center($max_width: 1410px, $pad: 0)
  stack($pad: 0, $align: false)
  unstack()
  align($direction: both)
  cf()
*/
/**
 * Grid settings.
 * All values are defaults and can therefore be easily overidden.
 */
/**
 * List functions courtesy of the wonderful folks at Team Sass.
 * Check out their awesome grid: Singularity.
 */
/**
 * Get  percentage from a given ratio.
 * @param {number} [$ratio=1] - The column ratio of the element.
 * @returns {number} - The percentage value.
 */
/**
 * Work out the column widths based on the ratio and gutter sizes.
 * @param {number} [$ratios=1] - The column ratio of the element.
 * @param {number} [$gutter=$jeet-gutter] - The gutter for the column.
 * @returns {list} $width $gutter - A list containing the with and gutter for the element.
 */
/**
 * Get the set layout direction for the project.
 * @returns {string} $direction - The layout direction.
 */
/**
 * Replace a specified list value with a new value (uses built in set-nth() if available)
 * @param {list} $list - The list of values you want to alter.
 * @param {number} $index - The index of the list item you want to replace.
 * @param {*} $value - The value you want to replace $index with.
 * @returns {list} $list - The list with the value replaced or removed.
 * @warn if an invalid index is supplied.
 */
/**
 * Reverse a list (progressively enhanced for Sass 3.3)
 * @param {list} $list - The list of values you want to reverse.
 * @returns {list} $result - The reversed list.
 */
/**
 * Get the opposite direction to a given value.
 * @param {string} $dir - The direction you want the opposite of.
 * @returns {string} - The opposite direction to $dir.
 * @warn if an incorrect string is provided.
 */
/**
 * Style an element as a column with a gutter.
 * @param {number} [$ratios=1] - A width relative to its container as a fraction.
 * @param {number} [$offset=0] - A offset specified as a fraction (see $ratios).
 * @param {number} [$cycle=0] - Easily create an nth column grid where $cycle equals the number of columns.
 * @param {number} [$uncycle=0] - Undo a previous cycle value to allow for a new one.
 * @param {number} [$gutter=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * An alias for the column mixin.
 * @param [$args...] - All arguments get passed through to column().
 */
/**
 * Get the width of a column and nothing else.
 * @param {number} [$ratios=1] - A width relative to its container as a fraction.
 * @param {number} [$g=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * Get the gutter size of a column and nothing else.
 * @param {number} [ratios=1] - A width relative to its container as a fraction.
 * @param {number} [g=jeet.gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * An alias for the column-width function.
 * @param [$args...] - All arguments get passed through to column().
 */
/**
 * An alias for the column-gutter function.
 * @param [$args...] - All arguments get passed through to column().
 */
/**
 * Style an element as a column without any gutters for a seamless row.
 * @param {number} [$ratios=1] - A width relative to its container as a fraction.
 * @param {number} [$offset=0] - A offset specified as a fraction (see $ratios).
 * @param {number} [cycle=0] - Easily create an nth column grid where cycle equals the number of columns.
 * @param {number} [uncycle=0] - Undo a previous cycle value to allow for a new one.
 */
/**
 * Reorder columns without altering the HTML.
 * @param {number} [$ratios=0] - Specify how far along you want the element to move.
 * @param {string} [$col-or-span=column] - Specify whether the element has a gutter or not.
 * @param {number} [$gutter=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * Reset an element that has had shift() applied to it.
 */
/**
 * View the grid and its layers for easy debugging.
 * @param {string} [$color=black] - The background tint applied.
 * @param {boolean} [$important=false] - Whether to apply the style as !important.
 */
/**
 *  Alias for edit().
 */
/**
 * Horizontally center an element.
 * @param {number} [$max-width=1410px] - The max width the element can be.
 * @param {number} [$pad=0] - Specify the element's left and right padding.
 */
/**
 * Uncenter an element.
 */
/**
 * Stack an element so that nothing is either side of it.
 * @param {number} [$pad=0] - Specify the element's left and right padding.
 * @param {boolean/string} [$align=false] - Specify the text align for the element.
 */
/**
 * Unstack an element.
 */
/**
 * Center an element on either or both axes.
 * @requires A parent container with relative positioning.
 * @param {string} [$direction=both] - Specify which axes to center the element on.
 */
/**
 * Apply a clearfix to an element.
 */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | https://dbushell.com/
 */
.pika-single {
  z-index: 9999;
  display: block;
  position: relative;
  color: #333;
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
  content: " ";
  display: table; }

.pika-single:after {
  clear: both; }

.pika-single {
  *zoom: 1; }

.pika-single.is-hidden {
  display: none; }

.pika-single.is-bound {
  position: absolute;
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5); }

.pika-lendar {
  float: left;
  width: 240px;
  margin: 8px; }

.pika-title {
  position: relative;
  text-align: center; }

.pika-label {
  display: inline-block;
  *display: inline;
  position: relative;
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  background-color: #fff; }

.pika-title select {
  cursor: pointer;
  position: absolute;
  z-index: 9998;
  margin: 0;
  left: 0;
  top: 5px;
  filter: alpha(opacity=0);
  opacity: 0; }

.pika-prev,
.pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  width: 20px;
  height: 30px;
  /* hide text using text-indent trick, using width value (it's enough) */
  text-indent: 20px;
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  opacity: .5;
  *position: absolute;
  *top: 0; }

.pika-prev:hover,
.pika-next:hover {
  opacity: 1; }

.pika-prev,
.is-rtl .pika-next {
  float: left;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
  *left: 0; }

.pika-next,
.is-rtl .pika-prev {
  float: right;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
  *right: 0; }

.pika-prev.is-disabled,
.pika-next.is-disabled {
  cursor: default;
  opacity: .2; }

.pika-select {
  display: inline-block;
  *display: inline; }

.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0; }

.pika-table th,
.pika-table td {
  width: 14.285714285714286%;
  padding: 0; }

.pika-table th {
  color: #999;
  font-size: 12px;
  line-height: 25px;
  font-weight: bold;
  text-align: center; }

.pika-button {
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  color: #666;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  background: #f5f5f5; }

.pika-week {
  font-size: 11px;
  color: #999; }

.is-today .pika-button {
  color: #33aaff;
  font-weight: bold; }

.is-selected .pika-button,
.has-event .pika-button {
  color: #fff;
  font-weight: bold;
  background: #33aaff;
  box-shadow: inset 0 1px 3px #178fe5;
  border-radius: 3px; }

.has-event .pika-button {
  background: #005da9;
  box-shadow: inset 0 1px 3px #0076c9; }

.is-disabled .pika-button,
.is-inrange .pika-button {
  background: #D5E9F7; }

.is-startrange .pika-button {
  color: #fff;
  background: #6CB31D;
  box-shadow: none;
  border-radius: 3px; }

.is-endrange .pika-button {
  color: #fff;
  background: #33aaff;
  box-shadow: none;
  border-radius: 3px; }

.is-disabled .pika-button {
  pointer-events: none;
  cursor: default;
  color: #999;
  opacity: .3; }

.is-outside-current-month .pika-button {
  color: #999;
  opacity: .3; }

.is-selection-disabled {
  pointer-events: none;
  cursor: default; }

.pika-button:hover,
.pika-row.pick-whole-week:hover .pika-button {
  color: #fff;
  background: #ff8000;
  box-shadow: none;
  border-radius: 3px; }

/* styling for abbr */
.pika-table abbr {
  border-bottom: none;
  cursor: help; }

a {
  color: #000;
  text-decoration: none; }
  a:hover {
    text-decoration: none; }
  a img {
    border: 0; }

ul, ol, dl, li, dt, dd {
  margin: 0;
  padding: 0;
  list-style: none; }

sup {
  position: relative;
  top: .2em;
  font-size: .85em;
  line-height: 0; }
  sup.bubble {
    top: -4px;
    display: inline-block;
    width: 12px;
    height: 12px;
    color: #FFF;
    background: #00244C;
    margin: 0;
    padding: 0;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-align: center;
    font-family: DINWeb-Medium;
    font-size: 11px;
    font-weight: 500;
    line-height: 15px; }

.hideme {
  position: absolute;
  top: -9876px;
  left: -9876px; }

strong {
  font-weight: 900; }

label.checkbox span.holder {
  height: 42px;
  background: url('../../fileadmin/templates/update/images/layout/icons/prettyCheckboxes/checkbox.gif'); }

label.radio span.holder {
  height: 42px;
  background: url('../../fileadmin/templates/update/images/layout/icons/prettyCheckboxes/radio.gif'); }

label.checkbox:hover span.holder, label.radio:hover span.holder {
  top: -14px !important; }

label.checked span.holder, label.checked:hover span.holder {
  top: -28px !important; }

label.list {
  float: left;
  clear: left;
  margin: 0 0 5px 0; }

label.inline {
  float: left;
  margin: 0 10px 0 0; }

label.prettyCheckbox span.holderWrap {
  display: block;
  float: left;
  position: relative;
  top: 0px;
  margin-right: 0px;
  overflow: hidden; }

label.prettyCheckbox span.holder {
  display: block;
  position: absolute;
  top: 0;
  left: 0; }

::-webkit-input-placeholder {
  color: #000; }

input:-moz-placeholder {
  color: #000; }

input:focus, input:active {
  border: 0;
  outline: 0; }

textarea:focus, textarea:active {
  border: 0;
  outline: 0; }

select:focus, select:active {
  border: 0;
  outline: 0; }

form,
fieldset,
button,
input {
  border: 0;
  background: none;
  outline: 0; }

form.standard {
  clear: both;
  margin: 0;
  padding: 0;
  width: 100%;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
  form.standard fieldset {
    position: relative;
    display: block;
    margin: 20px 0 0 0;
    padding: 50px 0 0 0;
    width: 100%;
    height: auto;
    background: white;
    border-top: 1px solid #DADEE7; }
    form.standard fieldset fieldset {
      margin: 0;
      padding: 0 0 5px 0;
      border: 0; }
    form.standard fieldset.slider h2 {
      position: relative;
      display: block;
      margin: 0;
      padding: 9px 0 7px;
      width: 100%;
      z-index: 20;
      background: white;
      font-family: DINWeb-Medium;
      font-size: 14px;
      line-height: 1; }
      form.standard fieldset.slider h2:hover {
        cursor: pointer; }
    form.standard fieldset legend {
      position: absolute;
      top: 0;
      display: block;
      margin: 0;
      padding: 0;
      width: 100%;
      font-size: 14px;
      font-weight: 500;
      font-variant: normal; }
    form.standard fieldset label.behaveLikeLegend {
      position: absolute;
      top: 0;
      display: block;
      margin: 0;
      padding: 0;
      width: 100%;
      font-size: 1em;
      font-weight: 500;
      font-variant: normal;
      text-transform: uppercase;
      font-size: 1em; }
    form.standard fieldset legend span, form.standard fieldset label.behaveLikeLegend span {
      position: relative;
      top: -2px;
      background: white;
      border: 1px solid #DADEE7;
      border-width: 0 1px 1px 0;
      border-radius: 0 0 8px 0;
      position: absolute;
      top: -1px;
      display: block;
      margin: 0;
      padding: 10px 10px 7px 0;
      width: auto;
      color: #00244C;
      font-family: DINWeb-Medium;
      font-size: 14px;
      line-height: 1;
      text-transform: uppercase; }
    form.standard fieldset fieldset legend {
      position: relative;
      top: 0;
      display: inline-block;
      float: left;
      margin: 0 30px 0 0;
      width: 215px;
      height: 22px;
      border: 0;
      border-bottom: 1px solid #D9DEE4; }
      form.standard fieldset fieldset legend span {
        position: static;
        margin: 0;
        padding: 0;
        height: 22px;
        color: #000;
        background: none;
        border: 0;
        border-radius: 0;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 12px;
        line-height: 20px; }
    form.standard fieldset.slider {
      margin-top: 0px;
      padding-top: 40px; }
      form.standard fieldset.slider fieldset {
        display: none;
        padding: 2px 0 20px; }
        form.standard fieldset.slider fieldset label {
          display: inline-block;
          float: left;
          margin: 0 30px 0 0;
          padding: 6px 0 7px 0;
          width: 215px;
          border-bottom: 1px solid #D9DEE4;
          /*
          &:nth-child(3n) {
            margin-right: 0;
          }
          */ }
          form.standard fieldset.slider fieldset label span.holderWrap {
            float: right; }
    form.standard fieldset label {
      display: block; }
    form.standard fieldset legend.error {
      color: red; }
      form.standard fieldset legend.error span {
        color: red; }
    form.standard fieldset label.error, form.standard fieldset.text label.behaveLikeLegend.error span, form.standard fieldset.submit p.error {
      color: red; }
    form.standard fieldset.data input.error, form.standard fieldset.text textarea.error {
      border-color: red; }
    form.standard fieldset label.prettyCheckbox {
      font-size: 12px; }

@media all and (min-width: 1024px) {
  form.standard fieldset.slider fieldset label:nth-child(3n) {
    margin-right: 0; } }

/*
		form.standard fieldset.slider h2:first-of-type
		{
			display: block;
			border-top: 1px solid #DADEE7;
		}
		form.standard fieldset.slider fieldset input
		{
			display: inline-block;
			float: left;
			margin: 0 0 0 0px;
			width: 20px;
			height: 20px;
			border-bottom: 1px solid #DADEE7;
		}
*/
input.hiddenCheckbox {
  display: none !important;
  margin: 0;
  padding: 0;
  width: 0;
  height: 0; }

form.standard fieldset input, form.standard fieldset textarea, form.standard fieldset select {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }

form.standard fieldset textarea {
  display: block;
  padding: 5px;
  width: 693px;
  resize: none;
  border: 1px solid #DADEE7;
  border-bottom-right-radius: 12px;
  font-size: 12px; }
  @media screen and (max-width: 768px) {
    form.standard fieldset textarea {
      width: 100%; } }

form.standard fieldset.data fieldset.checkboxen label {
  display: inline-block;
  float: left;
  margin: 0 30px 10px 0;
  padding: 0;
  width: 200px;
  height: 2em;
  border-bottom: 1px solid #DADEE7; }
  form.standard fieldset.data fieldset.checkboxen label:last-of-type {
    margin-right: 0; }
  form.standard fieldset.data fieldset.checkboxen label span.holderWrap {
    float: right; }

form.standard fieldset.data input {
  display: inline-block;
  float: left;
  margin: 0 30px 10px 0;
  padding: 0 3px;
  width: 207px;
  height: 24px;
  border: 1px solid #DADEE7;
  border-width: 1px 1px 1px 1px;
  border-bottom-right-radius: 12px;
  font-size: 12px; }
  @media screen and (max-width: 768px) {
    form.standard fieldset.data input {
      max-width: 100%; } }

form.standard fieldset.data .error input {
  border: 1px solid #FF0000; }

form.standard fieldset.data label.aboveField {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 0;
  height: 0; }
  @media screen and (max-width: 768px) {
    form.standard fieldset.data label.aboveField {
      float: none; } }
  form.standard fieldset.data label.aboveField span {
    position: absolute;
    top: 0;
    display: block;
    margin: 0;
    padding: 0 0 9px 0;
    width: 215px;
    height: 17.5px;
    font-size: 12px;
    line-height: 1; }
    @media screen and (max-width: 768px) {
      form.standard fieldset.data label.aboveField span {
        position: static; } }

form.standard fieldset.data input.underLabel, form.standard fieldset.data textarea.underLabel {
  display: block;
  margin-top: 20px; }

form.standard fieldset.submit {
  padding: 5px 0 5px; }
  form.standard fieldset.submit fieldset:first-child {
    margin-top: 20px; }
  form.standard fieldset.submit .holderWrap {
    margin-right: 5px; }
  form.standard fieldset.submit p {
    margin: 0 0 1em;
    padding: .5em 0;
    border-bottom: 1px solid #E5E5E5; }
  form.standard fieldset.submit input {
    text-transform: uppercase;
    margin-top: 20px; }

form.standard.invitation fieldset.data label.aboveField {
  width: 220px; }

form.standard.invitation fieldset.data input[type=text]:nth-child(3n) {
  margin-right: 30px; }

form.standard.competition legend {
  border: 0; }

form.standard.competition fieldset.data fieldset.checkboxen label {
  border: 0; }
  form.standard.competition fieldset.data fieldset.checkboxen label span.holderWrap {
    float: left;
    margin: 0 10px 0 0; }

form.configuratorform label, form.configuratorform input, form.configuratorform select, form.configuratorform textarea {
  display: block;
  margin: .5em 0;
  padding: .2em;
  border: 1px solid #DADEE7;
  font-size: 12px;
  line-height: 1; }

/*
 * configurator
 */
.honey {
  position: absolute;
  left: -9876px; }

/* search results */
form.standard.search-results-form {
  overflow: hidden;
  margin: 0 0 20px;
  padding: 10px 0;
  border-bottom: 1px solid #DADEE7; }
  form.standard.search-results-form fieldset.data, form.standard.search-results-form fieldset.submit {
    display: inline-block;
    margin: 0;
    padding: 0;
    float: left;
    clear: none;
    width: auto;
    height: auto;
    border: 0;
    font-size: 1em; }
  form.standard.search-results-form fieldset.data input {
    padding: 1px 2px 2px;
    float: left;
    clear: none;
    width: 452px;
    height: auto;
    font-size: 12px; }
  form.standard.search-results-form fieldset.submit input.submit {
    display: inline-block;
    margin: 0;
    padding: 5px 8px 2px 6px;
    height: auto;
    border: 0;
    border-bottom-right-radius: 12px;
    font-size: 12px; }

div.content div.tx-solr-search-form-errors {
  font-size: 12px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
  div.content div.tx-solr-search-form-errors ul > li {
    font-size: 1em; }

.clearL {
  clear: left !important; }

h1, h2, h3 {
  color: #00244C;
  font-weight: 500;
  font-variant: normal;
  font-style: normal;
  font-family: "DINWeb-Medium";
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase; }

.content h2 {
  margin: 0 0 20px 0;
  padding: 0px 0 0 0;
  width: auto;
  border-bottom: 1px solid #DADEE7;
  font-family: "DINWeb-Light";
  font-weight: 500;
  font-size: 38px;
  line-height: 1.1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
  @media screen and (max-width: 480px) {
    .content h2 {
      font-size: 28px; } }

.content > h2 {
  margin-right: 293px; }

.content section article h2 {
  padding-top: 0px; }

.content .tx-productdatabase h2 {
  margin-bottom: 10px; }

.content h3 {
  padding: 0 0 10px;
  font-size: 1.4em;
  font-weight: 500; }
  .content h3 .small {
    font-size: 0.7em; }

.content hgroup.line {
  display: block;
  border-color: #DADEE7;
  border-style: solid;
  border-width: 1px 0;
  border-bottom: none;
  clear: both;
  margin: 0 0 0 0;
  position: relative; }
  .content hgroup.line h2 {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #DADEE7;
    border-radius: 0 0 8px 0;
    border-style: solid;
    border-width: 0 1px 1px 0;
    color: #00244C;
    display: inline-block;
    font-family: DINWeb-Medium;
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 10px;
    padding: 0px 10px 0px 0 !important;
    position: relative;
    top: -1px;
    width: auto; }

.content p {
  font-size: 12px; }

.slider dd {
  font-size: 12px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }

.content li {
  font-size: 12px; }

.content p {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }

.content {
  /*
  aside ul.imagelinksVertical li:nth-child(3n+1) {
    clear: left;
  }
  */ }
  .content li, .content table {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
  .content p, .content table {
    font-size: 12px;
    line-height: 1.5;
    margin: 0 0 10px; }
  .content article.kundenstimme {
    margin: 0 0 17px;
    padding: 0 0 16px;
    border-bottom: 1px solid #DADEE7; }
  .content p.cite-text, .content article.kundenstimme p.cite-text {
    font-size: 18px;
    line-height: 23px;
    font-style: italic;
    color: #00244C;
    font-family: "DINWeb"; }
  .content p.cite-text:before {
    display: inline-block;
    float: left;
    padding: 2px 10px 0px 0;
    width: 41px;
    height: 39px;
    background: url('../../fileadmin/templates/images/quotationmark.png') 0px 4px no-repeat;
    content: " "; }
  .content p.cite-text:after {
    display: inline;
    content: "\201C"; }
  .content p.cite-author {
    position: relative;
    top: -10px;
    color: #7F91A5;
    font-size: 12px;
    line-height: 1.5;
    font-style: normal; }
  .content article.kundenstimme p.cite-author {
    position: relative;
    top: -10px;
    color: #7F91A5;
    font-size: 12px;
    line-height: 1.5;
    font-style: normal;
    top: 0;
    margin-top: 9px;
    margin-bottom: 0;
    padding-bottom: 0; }
  .content article.kundenstimme > p.cite-text:after {
    display: inline;
    content: "\201C"; }
  .content p.cite-author:before {
    display: inline;
    padding-right: 5px;
    content: "\2014"; }
  .content ul {
    margin: 1em 0 1em 0; }
    .content ul li {
      list-style-image: url('../../fileadmin/templates/images/layout/icons/12x11_listitem_arrow.png');
      list-style-position: inside; }
    .content ul > li {
      padding: 0;
      font-size: 12px;
      line-height: 1.5em; }
      .content ul > li * {
        font-size: 1em; }
    .content ul.downloads li {
      overflow: hidden !important;
      display: table;
      margin: 0;
      padding: 5px 0 5px;
      min-height: 25px;
      list-style: none !important;
      line-height: 25px;
      vertical-align: middle; }
      .content ul.downloads li a, .content ul.downloads li span {
        display: inline;
        display: table-cell;
        padding: 0;
        padding: 5px 0 5px;
        vertical-align: middle; }
      .content ul.downloads li a img {
        position: relative;
        display: inline;
        padding-right: 5px;
        vertical-align: middle; }
  .content a.downloadJpg,
  .content a.downloadPdf {
    position: relative;
    display: inline-block; }
  .content a.downloadJpg img,
  .content a.downloadPdf img {
    display: none !important; }
  .content a.downloadJpg:before,
  .content a.downloadPdf:before {
    display: inline-block;
    margin: 0 5px 0 0;
    width: 25px;
    height: 25px;
    background: url('../../fileadmin/templates/update/images/layout/icons/download_jpg.png');
    content: " "; }
  .content a.downloadPdf:before {
    background: url('../../fileadmin/templates/update/images/layout/icons/download_pdf.png'); }
  .content section aside article ul {
    margin: 0 0 5px 0; }
  .content .csc-textpic img {
    display: block; }
  .content table tr {
    border-bottom: 1px solid #DADEE7; }
    .content table tr th {
      vertical-align: top;
      font-weight: 500; }
    .content table tr td {
      vertical-align: top;
      font-weight: 500;
      padding: 0.8em 0; }
      .content table tr td:first-child {
        padding: 0.3em 1.3em 0.3em 0;
        color: #00244C;
        font-family: DINWeb-Medium;
        font-size: 1.8em; }
    .content table tr th {
      padding-top: 0.5em;
      padding-right: 10px;
      color: #00244C;
      font-family: DINWeb;
      font-size: 3.8em; }
  .content time {
    font-family: DINWeb-Medium;
    font-size: 14px;
    color: #00244C;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    padding: 0px 0;
    clear: both;
    display: block;
    margin: 10px 0; }
  .content aside time {
    margin-top: 8px;
    margin-bottom: 3px; }
  .content aside article {
    position: relative;
    clear: both;
    margin: 0 0 50px;
    border: 1px solid #DADEE7;
    border-width: 1px 0; }
  .content article.productlinks {
    position: relative;
    clear: both;
    margin: 0 0 50px;
    border: 1px solid #DADEE7;
    border-width: 1px 0; }
  .content aside article {
    margin-bottom: 30px;
    padding-bottom: 10px; }
  .content div.slidingItem-content article.productlinks {
    margin: 0 0 0px; }
  .content h2.likeTabNav,
  .content h3.likeTabNav,
  .content h4.likeTabNav,
  .content section aside article h3 {
    position: relative;
    top: -1px;
    display: inline-block;
    margin-bottom: 5px;
    padding: 10px 10px 7px 0;
    width: auto;
    background: white;
    border: 1px solid #DADEE7;
    border-width: 0 1px 1px 0;
    border-radius: 0 0 8px 0;
    font-family: DINWeb-Medium;
    font-size: 14px;
    font-weight: 500;
    line-height: 1; }
  .content section aside article p {
    padding: 5px 0 5px; }
    .content section aside article p.stressedLink {
      padding-top: 1px; }
  .content section aside article ul {
    padding-top: 8px; }
  .content section aside article.equipmentWidget ul.imagelinksVertical li {
    font-size: 10px; }
  .content section aside ul li a {
    font-size: 12px; }
  .content section aside ul.textlinksVertical {
    margin: 0;
    padding: 1em 0 0; }
    .content section aside ul.textlinksVertical li {
      position: relative;
      display: block; }
      .content section aside ul.textlinksVertical li:after, .content section aside ul.textlinksVertical li .after {
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -5px;
        display: block;
        width: 6px;
        height: 11px;
        background: url('../../fileadmin/templates/images/layout/icons/iconsprite.png') -74px -5px;
        content: ".";
        text-indent: -9876px; }
      .content section aside ul.textlinksVertical li a {
        display: block;
        padding: 5px 15px 5px 0;
        color: #00244C;
        border-bottom: 1px solid #DADEE7;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 14px;
        line-height: 1;
        text-transform: uppercase; }
  .content section aside ul.imagelinksVertical li:nth-child(3n) {
    margin-right: 0; }
  .content section aside ul.imagelinksVertical li:nth-child(3n+1) {
    clear: left; }
  .content ul.imagelinksVertical, .content ul.slider li ul.imagelinksVertical {
    clear: both;
    display: block;
    margin: 0;
    padding-bottom: 18px;
    width: 100%;
    overflow: visible;
    /*border-bottom: 1px solid #DADEE7;*/ }
    .content ul.imagelinksVertical:after, .content ul.slider li ul.imagelinksVertical:after {
      display: block;
      clear: both;
      content: " "; }
  .content ul.imagelinksVertical li, .content ul.slider li ul.imagelinksVertical li {
    overflow: visible;
    display: block;
    float: left;
    margin: 0 auto;
    margin: 18px 5% 0 0;
    padding: 0;
    width: 30%;
    max-width: 70px;
    height: auto;
    list-style: none;
    font-size: 1em;
    word-break: break-all;
    line-break: normal;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    font-size: 12px;
    box-sizing: content-box; }
    .content ul.imagelinksVertical li img, .content ul.slider li ul.imagelinksVertical li img {
      display: block;
      width: 100%;
      height: auto; }
  .content ul.imagelinksVertical li {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    line-height: 1.2; }
    .content ul.imagelinksVertical li img {
      display: block;
      margin-bottom: 5px;
      border-radius: 0 0 8px 0; }
  .content article.ym-gl ul.slider li ul.imagelinksVertical {
    width: 100%;
    border: 0; }
  .content article.ym-gl ul.imagelinksVertical li {
    border: 0; }

/*
* aside
*/
dl.slider dd ul.imagelinksVertical {
  border-bottom: 0;
  font-size: 1em; }
  dl.slider dd ul.imagelinksVertical li {
    font-size: 1em; }
    dl.slider dd ul.imagelinksVertical li a {
      font-size: .9em; }

div.content ul.slider {
  margin: 20px 0 0;
  padding: 6px 0 0;
  border-top: 1px solid #DADEE7; }
  div.content ul.slider li {
    position: relative;
    overflow: hidden;
    margin: 0px 0 6px;
    padding: 0 0 3px 0;
    display: block;
    list-style: none;
    font-size: 1em;
    border-bottom: 1px solid #DADEE7; }

ul.slider li hgroup {
  overflow: hidden;
  position: static;
  height: auto;
  cursor: pointer; }

ul.slider li hgroup h2 {
  position: static;
  display: block;
  width: auto;
  height: auto; }
  ul.slider li hgroup h2 span {
    position: relative;
    top: 0;
    z-index: 9;
    display: inline-block;
    margin: 0 30px 0 0;
    padding: 2px 5px 0 0;
    width: auto;
    height: auto;
    color: #00244C;
    background: white;
    border-radius: 0 0 8px 0;
    font-size: 14px;
    line-height: 19px;
    white-space: normal; }
  ul.slider li hgroup h2:after {
    position: absolute;
    bottom: 11px;
    right: 10px;
    z-index: 9999;
    margin-top: 0;
    display: block;
    width: 12px;
    height: 7px;
    background: url('../../fileadmin/templates/images/layout/icons/iconsprite.png') -111px -5px;
    content: ".";
    text-indent: -9876px; }

ul.slider li.active hgroup h2:after {
  background-position: -89px -5px; }

ul.slider li hgroup h2:hover, ul.slider li hgroup h2:after:hover {
  cursor: pointer; }

ul.slider li hgroup img {
  position: absolute;
  top: 0;
  overflow: hidden;
  display: none;
  width: 705px;
  height: 185px;
  padding-bottom: 7px; }
  @media screen and (max-width: 480px) {
    ul.slider li hgroup img {
      height: auto; } }

ul.slider li div.slidingItem-content {
  display: none;
  padding: 4px 0 3px; }
  ul.slider li div.slidingItem-content ul {
    display: block;
    margin: 0;
    padding: 0 0 10px; }
    ul.slider li div.slidingItem-content ul li {
      display: list-item;
      margin: 0;
      padding: 0;
      border: 0;
      list-style-image: url('../../fileadmin/templates/images/layout/icons/12x11_listitem_arrow.png');
      list-style-position: inside;
      font-size: 1em;
      line-height: 1.5em; }
      ul.slider li div.slidingItem-content ul li a {
        font-size: 1.1em; }

div.content ul.slider > li div.slidingItem-content p, div.content ul.slider > li div.slidingItem-content ul > li {
  font-size: 12px; }

ul.textlinksHorizontal {
  position: relative;
  overflow: visible;
  margin: 1em 0;
  padding: 0;
  height: 26px;
  border: 1px solid #DADEE7;
  border-width: 1px 0; }

div.content ul.textlinksHorizontal li {
  position: relative;
  overflow: visible;
  display: inline;
  float: left;
  margin: 5px 0;
  padding: 0;
  list-style-image: none !important;
  list-style-position: outside !important;
  list-style-type: none !important;
  list-style: none !important; }
  div.content ul.textlinksHorizontal li a {
    position: relative;
    padding: 5px 12px 5px 0;
    color: #00244C;
    list-style-image: none !important;
    list-style-position: outside !important;
    list-style-type: none !important;
    list-style: none !important;
    text-transform: uppercase; }

ul.textlinksHorizontal li.memo a:after, ul.textlinksHorizontal li.memo a .after {
  position: absolute;
  top: 4px;
  right: 5px;
  bottom: 4px;
  display: block;
  width: 1px;
  background: #DADEE7;
  content: ".";
  text-indent: -9876px;
  font-size: 1.2em; }

div.content section article ul.textlinksHorizontal li.memo.active a {
  position: relative;
  padding-right: 3em; }

div.content section article ul.textlinksHorizontal li.memo.active span.status {
  position: absolute;
  top: 50%;
  right: 1em;
  margin-top: -6px;
  display: block;
  width: 15px;
  height: 12px;
  background: url('../../fileadmin/templates/images/layout/icons/iconsprite.png') -5px -76px;
  content: ".";
  text-indent: -9876px; }

div.content section article ul.textlinksHorizontal li.memo.active a span.status:hover {
  background-position: -30px -76px; }

div.content section article ul.textlinksHorizontal li.socialDistribution {
  clear: both;
  float: none;
  display: none;
  margin: 0;
  padding: 0 0 .5em;
  width: 100%;
  height: auto; }
  div.content section article ul.textlinksHorizontal li.socialDistribution form fieldset.submit input {
    padding: 5px 8px 2px 6px;
    width: auto;
    font-size: 12px; }

div.content input.btn {
  cursor: pointer; }

div.content li.socialDistribution div#socialshareprivacy {
  clear: both;
  float: left;
  margin: 10px 0 0; }

div.content section article ul.textlinksHorizontal li.goToSocialDistribution {
  position: static; }
  div.content section article ul.textlinksHorizontal li.goToSocialDistribution a {
    position: static; }
    div.content section article ul.textlinksHorizontal li.goToSocialDistribution a span.arrow {
      position: absolute;
      top: 0px;
      right: 0;
      z-index: 20;
      overflow: hidden;
      display: block;
      width: 20px;
      height: 20px;
      background: url('../../fileadmin/templates/images/layout/icons/iconsprite.png') -108px 7px no-repeat;
      text-indent: -9876px; }
  div.content section article ul.textlinksHorizontal li.goToSocialDistribution.active a span.arrow {
    background-position: -85px 7px; }

div.content li.socialDistribution div#socialshareprivacy ul.social_share_privacy_area {
  display: block;
  margin: 0 !important; }

div.content section article ul.textlinksHorizontal li.socialDistribution form {
  position: static;
  display: block;
  float: none;
  clear: both;
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto; }

div.content section article ul.textlinksHorizontal li.socialDistribution ul li a:after, div.content section article ul.textlinksHorizontal li.socialDistribution ul li a .after {
  display: none; }

div.content #socialshareprivacy ul.social_share_privacy_area li {
  margin: 10px 0 0 0; }
  div.content #socialshareprivacy ul.social_share_privacy_area li.settings_info div.settings_info_menu a {
    padding: 0; }

/*
 * buttons
 */
p.stressedLink {
  overflow: hidden; }

a.more, a.button, a.btn, p.stressedLink a, form fieldset.submit input {
  display: inline;
  float: left;
  margin: 0 .5em 0 0;
  padding: 5px 8px 2px 6px;
  width: auto;
  color: #FFF;
  background: #00244C;
  border-radius: 0 0 6px 0;
  font-family: DINWeb-Medium;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase; }

div.content section aside article p.stressedLink {
  margin-bottom: 10px;
  padding-bottom: 0; }

div.content label.error {
  font-weight: bold;
  color: #b80000; }

/*
* content elements
*/
section article .subheadlineAboveImage {
  /*height: 185px;*/
  margin-top: 0px;
  /*10*/
  padding-bottom: 15px; }

section article div.productListItem {
  padding-top: 10px;
  margin: 0 0 30px 0; }
  section article div.productListItem div.productDescription {
    padding-bottom: 0px; }

section article.borderBottom1pxGrey {
  margin-bottom: 10px;
  /*padding-bottom: 34px;*/
  border-bottom: 1px solid #DADEE7; }

article.imageteaser {
  overflow: hidden;
  position: relative;
  height: auto;
  /*height: 185px;*/ }

div.content header hgroup, .imagedHeadlineWithRoundCorner hgroup, div.subheadlineAboveImage hgroup, article.imageteaser hgroup {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: auto;
  max-width: 55%;
  padding: 0 1em 2px 0;
  background: white;
  border: 1px solid #DADEE7;
  border-width: 0 1px 1px 0;
  border-radius: 0 0 12px 0; }
  @media screen and (max-width: 480px) {
    div.content header hgroup, .imagedHeadlineWithRoundCorner hgroup, div.subheadlineAboveImage hgroup, article.imageteaser hgroup {
      position: relative;
      border: 0;
      width: 100%;
      padding-bottom: 10px;
      max-width: 100%; } }

div.content hgroup h1, div.content hgroup h2, div.content hgroup h3, div.content hgroup h4 {
  margin-right: 0 !important; }

div.content header hgroup h1 {
  margin: 0;
  padding: 0 0 5px 0 !important;
  color: #00244C;
  border: 0;
  font-family: "DINWeb";
  font-size: 38px;
  font-weight: 500;
  line-height: 1; }
  @media screen and (max-width: 480px) {
    div.content header hgroup h1 {
      font-family: "DINWeb-Medium"; } }

.imagedHeadlineWithRoundCorner hgroup h1 {
  margin: 0;
  padding: 0 0 5px 0 !important;
  color: #00244C;
  border: 0;
  font-size: 38px;
  font-weight: 500;
  line-height: 1; }

div.content hgroup h2, div.content header hgroup h2 {
  margin: 0;
  padding: 0 0 2px 0 !important;
  color: #00244C;
  border: 0;
  font-family: DINWeb-Medium;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3; }

.imagedHeadlineWithRoundCorner hgroup h2 {
  margin: 0;
  padding: 0 0 2px 0 !important;
  color: #00244C;
  border: 0;
  font-family: DINWeb-Medium;
  font-size: 18px;
  font-weight: 500;
  line-height: 1; }

div.subheadlineAboveImage hgroup h2 {
  margin: 0;
  padding: 0 0 2px 0 !important;
  color: #00244C;
  border: 0;
  font-family: DINWeb-Medium;
  font-size: 18px;
  font-weight: 500;
  line-height: 1; }

div.content hgroup h3, div.content header hgroup h3 {
  margin: 0;
  padding: 0;
  color: #00244C;
  border: 0;
  font-family: DINWeb-Medium;
  font-size: 12px; }

.imagedHeadlineWithRoundCorner hgroup h3, div.subheadlineAboveImage hgroup h3 {
  margin: 0;
  padding: 0;
  color: #00244C;
  border: 0;
  font-family: DINWeb-Medium;
  font-size: 12px; }

.imagedHeadlineWithRoundCorner {
  position: relative;
  display: block;
  overflow: hidden; }

a.imagedHeadlineWithRoundCorner:hover {
  text-decoration: none; }

.imagedHeadlineWithRoundCorner img, article.imageteaser img {
  border-radius: 0 0 55px 0;
  width: 100%;
  height: auto; }

.imagedHeadlineWithRoundCorner div.text {
  padding: 11px 0 0;
  color: #000;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  text-align: left; }

.imagedHeadlineWithRoundCorner p.stressedLink {
  position: absolute;
  bottom: 16px;
  left: 20px;
  z-index: 999;
  margin: 0;
  padding: 0; }
  .imagedHeadlineWithRoundCorner p.stressedLink.outer {
    position: static; }
  .imagedHeadlineWithRoundCorner p.stressedLink span {
    display: inline;
    float: left;
    margin: 0 .5em 0 0;
    padding: 5px 8px 2px 6px;
    width: auto;
    color: #FFF;
    background: #00244C;
    border-radius: 0 0 6px 0;
    font-family: DINWeb-Medium;
    font-size: 12px;
    line-height: 1;
    text-transform: uppercase; }

dl.slider {
  width: 100%;
  border-bottom: 1px solid #DADEE7; }
  dl.slider dt {
    padding: 5px 0 2px; }

form fieldset.slider h2 {
  padding: 5px 0 2px; }

dl.slider dt {
  position: relative;
  color: #00244C;
  border-top: 1px solid #DADEE7;
  font-family: DINWeb-Medium;
  font-size: 1.4em;
  font-weight: 500;
  text-transform: uppercase;
  cursor: pointer; }
  dl.slider dt:after, dl.slider dt .after {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -5px;
    display: block;
    width: 12px;
    height: 7px;
    background: url('../../fileadmin/templates/images/layout/icons/iconsprite.png') -111px -5px;
    content: ".";
    text-indent: -9876px; }

form fieldset.slider h2:after, form fieldset.slider h2 .after {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -5px;
  display: block;
  width: 12px;
  height: 7px;
  background: url('../../fileadmin/templates/images/layout/icons/iconsprite.png') -111px -5px;
  content: ".";
  text-indent: -9876px; }

dl.slider dt.active:after, dl.slider dt.active .after {
  background-position: -89px -5px; }

form fieldset.slider h2.active:after, form fieldset.slider h2.active .after {
  background-position: -89px -5px; }

dl.slider dd {
  display: none;
  padding: 0 0 .5em;
  color: #00244C;
  font-size: 1.2em; }

aside dl.slider dt:first-child {
  border-top: 0; }

div.tabNav.tabsInitiallyOpenOuterWrapper.related {
  padding-top: 50px; }

div.tabsInitiallyOpenOuterWrapper {
  overflow: visible;
  /* hidden */
  margin: 0 0; }

div.tabsInitiallyOpenOuterWrapperBeginsWithH3 {
  margin: 0 0 0; }

div.tabsInitiallyOpenOuterWrapper ul.tabsList, div.tabsInitiallyOpenOuterWrapperBeginsWithH3 ul.tabsList {
  position: relative;
  z-index: 1;
  display: table;
  margin: 0;
  width: 100%;
  border-top: 1px solid #DADEE7;
  font-size: 1em;
  line-height: 1.2em;
  list-style-type: none; }

div.productListItem div.tabsInitiallyOpenOuterWrapper ul.tabsList {
  width: 100%; }

div.tabsInitiallyOpenOuterWrapper ul.tabsList li a, div.tabsInitiallyOpenOuterWrapperBeginsWithH3 ul.tabsList li a {
  font-size: 1em;
  line-height: 1.2em;
  padding: 8px 8px 6px; }

div.tabsInitiallyOpenOuterWrapper .tabHead, div.tabsInitiallyOpenOuterWrapperBeginsWithH3 .tabHead {
  position: absolute;
  left: -32768px; }

div.tabsInitiallyOpenOuterWrapper .tabContentWrapper, div.tabsInitiallyOpenOuterWrapperBeginsWithH3 .tabContentWrapper {
  clear: both;
  padding: 10px 0 0 0;
  position: relative;
  top: 0;
  margin: 0; }

div.content div.tabsInitiallyOpenOuterWrapper ul.tabsList li, div.content div.tabsInitiallyOpenOuterWrapperBeginsWithH3 ul.tabsList li {
  border: 0 none;
  display: inline;
  float: left;
  margin: 0;
  padding: 0; }
  @media screen and (max-width: 480px) {
    div.content div.tabsInitiallyOpenOuterWrapper ul.tabsList li, div.content div.tabsInitiallyOpenOuterWrapperBeginsWithH3 ul.tabsList li {
      border-bottom: 1px solid #DADEE7; } }

div.tabsInitiallyOpenOuterWrapper ul.tabsList li a, div.tabsInitiallyOpenOuterWrapperBeginsWithH3 ul.tabsList li a {
  position: relative;
  display: block;
  margin: 0;
  float: left;
  color: #7F91A5;
  text-transform: uppercase;
  font-family: DINWeb-Medium;
  font-size: 14px; }

div.tabsInitiallyOpenOuterWrapper ul.tabsList li:after, div.tabsInitiallyOpenOuterWrapper ul.tabsList li .after {
  position: relative;
  top: -5px;
  left: 1px;
  bottom: 0;
  overflow: hidden;
  display: inline;
  float: left;
  margin: 1em 0 0 0;
  width: 1px;
  height: 50%;
  background: #DADEE7;
  content: ".";
  text-indent: 9876px; }

div.tabsInitiallyOpenOuterWrapperBeginsWithH3 ul.tabsList li:after, div.tabsInitiallyOpenOuterWrapperBeginsWithH3 ul.tabsList li .after {
  position: relative;
  top: -5px;
  left: 1px;
  bottom: 0;
  overflow: hidden;
  display: inline;
  float: left;
  margin: 1em 0 0 0;
  width: 1px;
  height: 50%;
  background: #DADEE7;
  content: ".";
  text-indent: 9876px; }

div.tabsInitiallyClosedOuterWrapper ul.tabsList li:after, div.tabsInitiallyClosedOuterWrapper ul.tabsList li .after {
  position: relative;
  top: -5px;
  left: 1px;
  bottom: 0;
  overflow: hidden;
  display: inline;
  float: left;
  margin: 1em 0 0 0;
  width: 1px;
  height: 50%;
  background: #DADEE7;
  content: ".";
  text-indent: 9876px; }

div.tabsInitiallyOpenOuterWrapper ul.tabsList li a:hover, div.tabsInitiallyOpenOuterWrapperBeginsWithH3 ul.tabsList li a:hover, div.tabsInitiallyOpenOuterWrapper ul.tabsList li.active a, div.tabsInitiallyOpenOuterWrapperBeginsWithH3 ul.tabsList li.active a {
  color: #00244C; }

div.tabsInitiallyOpenOuterWrapper ul.tabsList li.active:after, div.tabsInitiallyOpenOuterWrapper ul.tabsList li:last-child:after {
  display: none; }

div.tabsInitiallyClosedOuterWrapper ul.tabsList li:last-child:after {
  display: none; }

div.tabsInitiallyOpenOuterWrapper ul.tabsList li.active .after, div.tabsInitiallyOpenOuterWrapper ul.tabsList li .last-child:after {
  display: none; }

div.tabsInitiallyClosedOuterWrapper ul.tabsList li .last-child:after {
  display: none; }

div.tabsInitiallyOpenOuterWrapperBeginsWithH3 ul.tabsList li.active:after, div.tabsInitiallyOpenOuterWrapperBeginsWithH3 ul.tabsList li:last-child:after, div.tabsInitiallyOpenOuterWrapperBeginsWithH3 ul.tabsList li.active .after, div.tabsInitiallyOpenOuterWrapperBeginsWithH3 ul.tabsList li .last-child:after {
  display: none; }

div.tabsInitiallyOpenOuterWrapper ul.tabsList li a:focus, div.tabsInitiallyOpenOuterWrapper ul.tabsList li a:hover, div.tabsInitiallyOpenOuterWrapper ul.tabsList li a:active {
  outline: 0 none;
  text-decoration: none; }

@media screen and (max-width: 480px) {
  div.tabsInitiallyOpenOuterWrapper ul.tabsList li a {
    padding-left: 0 !important;
    border: 0; } }

div.content div.tabsInitiallyOpenOuterWrapper ul.tabsList li.active, div.content div.tabsInitiallyOpenOuterWrapperBeginsWithH3 ul.tabsList li.active {
  position: relative;
  top: -1px;
  margin-left: -1px;
  padding-top: 0;
  background: #FFF; }
  @media screen and (max-width: 480px) {
    div.content div.tabsInitiallyOpenOuterWrapper ul.tabsList li.active, div.content div.tabsInitiallyOpenOuterWrapperBeginsWithH3 ul.tabsList li.active {
      top: 0 !important;
      margin-left: 0; } }

div.content div.tabsInitiallyOpenOuterWrapper ul.tabsList li.active:first-child, div.content div.tabsInitiallyOpenOuterWrapperBeginsWithH3 ul.tabsList li.active:first-child {
  margin-left: 0px; }

div.content div.tabsInitiallyOpenOuterWrapper ul.tabsList li.active a,
div.content div.tabsInitiallyOpenOuterWrapperBeginsWithH3 ul.tabsList li.active a {
  padding-top: 9px;
  padding-left: 8px;
  border: 1px solid #DADEE7;
  border-top: 0;
  border-radius: 0 0 8px 0;
  text-decoration: none; }

div.content div.tabsInitiallyOpenOuterWrapper ul.tabsList li:first-child a, div.content div.tabsInitiallyOpenOuterWrapperBeginsWithH3 ul.tabsList li:first-child a, div.content div.tabsInitiallyOpenOuterWrapper ul.tabsList li.active:first-child a, div.content div.tabsInitiallyOpenOuterWrapperBeginsWithH3 ul.tabsList li.active:first-child a {
  padding-left: 0px; }

div.content div.tabsInitiallyOpenOuterWrapper ul.tabsList li.active:first-child a, div.content div.tabsInitiallyOpenOuterWrapperBeginsWithH3 ul.tabsList li.active:first-child a {
  border-left: 0; }

div.tabContent p {
  padding: 0;
  margin: 0 0 10px 0; }

/*
 * tabs initially open
 */
.js div.tabsInitiallyOpenOuterWrapper .active-info, .js div.tabsInitiallyOpenOuterWrapper .accessibletabsanchor {
  position: absolute;
  left: -9876px; }

span.active-info {
  position: absolute;
  top: -9876px;
  left: -9876px;
  display: none;
  visibility: hidden;
  width: 0;
  height: 0; }

/**
	* Avoid margin collapsing to enable correct sync of all tabs
	*
	* @workaround
	* @affected all browsers
	* @css-for all browsers
	* @valid yes
	*/
div.tabsInitiallyOpenOuterWrapper .tabContent {
  padding-top: 0px;
  border-bottom: 1px transparent solid;
  border-top: 1px transparent solid;
  *overflow: hidden; }

/* IE < 7 don't support transparent borders */
* html div.tabsInitiallyOpenOuterWrapper {
  zoom: 1;
  width: auto;
  position: relative; }
  * html div.tabsInitiallyOpenOuterWrapper .tabContent {
    border-bottom: 1px #fff solid;
    border-top: 1px #fff solid; }
  * html div.tabsInitiallyOpenOuterWrapper .tabContentWrapper {
    z-index: -1; }

* + html div.tabsInitiallyOpenOuterWrapper {
  zoom: 1;
  width: auto; }

/**
	* Containing floats adjustment and stability fixes for Internet Explorer
	*
	* @workaround
	* @affected IE 5.x/Win, IE6, IE7
	* @css-for IE 5.x/Win, IE6, IE7
	* @valid no
	*/
div.tabsInitiallyOpenOuterWrapper * {
  zoom: 1; }

div.tabsInitiallyClosedOuterWrapper {
  margin: 1.5em 0 0;
  border: 1px solid #DADEE7;
  border-width: 1px 0; }
  div.tabsInitiallyClosedOuterWrapper .tabHead {
    position: absolute;
    left: -32768px; }
  div.tabsInitiallyClosedOuterWrapper .tabContentWrapper {
    clear: both;
    padding: 0;
    position: relative;
    top: 0;
    margin: 0; }
  div.tabsInitiallyClosedOuterWrapper ul.tabsList {
    position: relative;
    display: block;
    margin: 0;
    width: 100%;
    font-size: 1em;
    line-height: 1.5em;
    list-style-type: none; }
    div.tabsInitiallyClosedOuterWrapper ul.tabsList:after, div.tabsInitiallyClosedOuterWrapper ul.tabsList .after {
      position: absolute;
      top: 10px;
      right: 10px;
      margin-top: 0px;
      display: block;
      width: 12px;
      height: 7px;
      background: url('../../fileadmin/templates/images/layout/icons/iconsprite.png') -111px -5px;
      content: ".";
      text-indent: -9876px; }
    div.tabsInitiallyClosedOuterWrapper ul.tabsList.active:after, div.tabsInitiallyClosedOuterWrapper ul.tabsList.active .after {
      background-position: -89px -5px; }
    div.tabsInitiallyClosedOuterWrapper ul.tabsList li {
      border: 0 none;
      display: inline;
      float: left;
      margin: 0 0.3em 0 0;
      padding: 0; }
      div.tabsInitiallyClosedOuterWrapper ul.tabsList li a {
        position: static;
        display: block;
        float: left;
        margin: 0;
        padding: 0.75em;
        font-size: 12px;
        line-height: 1.5em;
        font-weight: normal;
        text-transform: uppercase; }
        div.tabsInitiallyClosedOuterWrapper ul.tabsList li a span.openFirstItem {
          position: absolute;
          top: 0;
          right: 0;
          z-index: 20;
          overflow: hidden;
          display: block;
          width: 30px;
          height: 30px;
          text-indent: -9876px; }
        div.tabsInitiallyClosedOuterWrapper ul.tabsList li a:focus, div.tabsInitiallyClosedOuterWrapper ul.tabsList li a:hover, div.tabsInitiallyClosedOuterWrapper ul.tabsList li a:active {
          font-weight: normal;
          outline: 0 none;
          text-decoration: none; }
      div.tabsInitiallyClosedOuterWrapper ul.tabsList li.active {
        font-weight: 900; }
        div.tabsInitiallyClosedOuterWrapper ul.tabsList li.active:first-child a {
          border-left: 0; }
          div.tabsInitiallyClosedOuterWrapper ul.tabsList li.active:first-child a:focus, div.tabsInitiallyClosedOuterWrapper ul.tabsList li.active:first-child a:hover, div.tabsInitiallyClosedOuterWrapper ul.tabsList li.active:first-child a:active {
            border-left: 0; }

/*
 * tabs initially closed
 */
.js div.tabsInitiallyClosedOuterWrapper .active-info, .js div.tabsInitiallyClosedOuterWrapper .accessibletabsanchor {
  position: absolute;
  left: -9876px; }

span.active-info {
  position: absolute;
  top: -9876px;
  left: -9876px;
  display: none;
  visibility: hidden;
  width: 0;
  height: 0; }

/**
	* Avoid margin collapsing to enable correct sync of all tabs
	*
	* @workaround
	* @affected all browsers
	* @css-for all browsers
	* @valid yes
	*/
div.tabsInitiallyClosedOuterWrapper .tabContent {
  border-bottom: 1px transparent solid;
  border-top: 1px transparent solid;
  *overflow: hidden; }

/* IE < 7 don't support transparent borders */
* html div.tabsInitiallyClosedOuterWrapper {
  zoom: 1;
  width: auto;
  position: relative; }
  * html div.tabsInitiallyClosedOuterWrapper .tabContent {
    border-bottom: 1px #fff solid;
    border-top: 1px #fff solid; }
  * html div.tabsInitiallyClosedOuterWrapper .tabContentWrapper {
    z-index: -1; }

* + html div.tabsInitiallyClosedOuterWrapper {
  zoom: 1;
  width: auto; }

/**
	* Containing floats adjustment and stability fixes for Internet Explorer
	*
	* @workaround
	* @affected IE 5.x/Win, IE6, IE7
	* @css-for IE 5.x/Win, IE6, IE7
	* @valid no
	*/
div.tabsInitiallyClosedOuterWrapper * {
  zoom: 1; }

div.content ul.slider div.tabs div.tabContentWrapper ul, div.content ul.slider div.tabs div.tabContent ul {
  overflow: visible;
  display: block;
  margin: 0;
  padding: 0 0 0 15px;
  border: 0;
  font-size: 1em; }

div.content ul.slider div.tabs div.tabContentWrapper ul li, div.content ul.slider div.tabs div.tabContent ul li {
  overflow: visible;
  display: list-item;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 1em;
  list-style: disc outside; }

div.content header.slideshow div.branding {
  padding-bottom: 30px;
  height: 600px; }

/*
 * other content elements
 */
div.subheadlineAboveImage {
  position: relative; }
  div.subheadlineAboveImage img {
    border-radius: 0 0 40px 0; }

div.singleImageElement img {
  border-radius: 0 0 40px 0; }

section article div.ym-gbox.textElement {
  margin: 1em 0;
  padding: 1em 0;
  border-top: 1px solid gray; }

/*
 * productlist
 */
div.productlist article {
  position: relative;
  display: inline-block;
  float: left;
  margin: 0 29px 20px 0;
  padding: 0;
  width: 215px;
  height: 350px;
  min-height: 350px; }
  @media screen and (max-width: 480px) {
    div.productlist article {
      width: 100%;
      height: auto; } }
  div.productlist article:nth-child(3n) {
    margin-right: 0; }
  div.productlist article h3 {
    position: absolute;
    margin: 0;
    padding: 0 9px 6px 0;
    width: auto;
    height: auto;
    background: white;
    border-radius: 0 0 5px 0;
    font-family: DINWeb-Medium;
    font-size: 18px;
    line-height: 1; }
  div.productlist article img {
    border-radius: 0 0 35px 0; }
    @media screen and (max-width: 480px) {
      div.productlist article img {
        width: 100%;
        height: auto; } }
  div.productlist article ul {
    width: 100%; }
    div.productlist article ul li {
      position: relative;
      display: block;
      padding: 0px 0 0px 30px;
      min-height: 25px;
      line-height: 1.5em; }
      div.productlist article ul li:before {
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        display: block;
        width: 25px;
        height: 25px;
        background: url('../../fileadmin/templates/images/layout/icons/iconsprite.png') left top no-repeat;
        content: ".";
        text-indent: 9876px; }
      div.productlist article ul li.merkmal:before {
        background-position: 0px 0px; }
      div.productlist article ul li.feature:before {
        background-position: 0px -25px; }
      div.productlist article ul li.funktion:before {
        background-position: 0px -50px; }
  div.productlist article p.stressedLink {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #DADEE7;
    text-transform: uppercase;
    padding-bottom: 0px; }
    div.productlist article p.stressedLink a.remove {
      display: block;
      padding: 0;
      width: 20px;
      height: 20px;
      background-image: url('../../fileadmin/templates/images/layout/icons/iconsprite.png');
      background-position: -73px -26px;
      border: 1px solid #00244C;
      border-width: 6px 5px 5px 5px;
      text-indent: -9876px; }
  div.productlist article ul.functionList {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 10px 0 0 0;
    padding: 0 0 10px 0; }
    div.productlist article ul.functionList li {
      position: relative;
      overflow: hidden;
      display: block;
      width: 100%;
      height: 25px; }
      div.productlist article ul.functionList li:nth-child(n+4) {
        display: none; }

div#configuratoroutput aside div.usercontent {
  overflow: hidden; }

/*
 * productlist in filter
 */
aside div.usercontent section article {
  overflow: hidden; }
  aside div.usercontent section article.ym-g50.ym-gl, aside div.usercontent section article.ym-g50.ym-gr {
    overflow: hidden;
    width: 45%;
    clear: none; }
  aside div.usercontent section article h2 {
    white-space: nowrap;
    word-break: break-word; }

/*
* functionList with a lot of iconsprites
*/
div.content ul.functionList {
  margin: 0 0 0;
  padding: 6px 0 5px;
  list-style: none; }
  div.content ul.functionList li {
    position: relative;
    display: inline-block;
    margin-bottom: 5px;
    padding-left: 30px;
    min-height: 25px;
    line-height: 25px;
    list-style: none;
    width: 144px; }

div.content div.productDescription ul.functionList li {
  margin-bottom: 15px;
  font-size: 12px; }

ul.functionList li span:after, ul.functionList li span .after {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: block;
  width: 25px;
  height: 25px;
  background: url('../../fileadmin/templates/images/layout/icons/iconsprite.png') no-repeat;
  content: ".";
  text-indent: -9876px; }

ul.functionList li span.propActionScope:after, ul.functionList li span.propActionScope .after {
  background-position: -50px -215px; }

ul.functionList li span.propSuctionPower:after, ul.functionList li span.propSuctionPower .after {
  background-position: 0px -190px; }

ul.functionList li span.propWorkingWidth:after, ul.functionList li span.propWorkingWidth .after {
  background-position: -25px -190px; }

ul.functionList li span.propNoise:after {
  background-position: -75px -190px; }

ul.functionList li span.propAllergy:after {
  background-position: -75px -165px; }

ul.functionList li span.propAnimalHair:after {
  background-position: -50px -165px; }

ul.functionList li span.propFloor:after {
  background-position: 0px -165px; }

ul.functionList li span.propEnergySavings:after {
  background-position: -25px -215px; }

ul.functionList li span.propFlatSize:after {
  background-position: -25px -165px; }

ul.functionList li span.propAmountPersons:after {
  background-position: -100px -165px; }

ul.functionList li span.PropFilterBag:after {
  background-position: 0px -215px; }

ul.functionList li span.propPowerControl:after {
  background-position: -50px -190px; }

/*
* tabnav for 2nd level
*/
div.tabsInitiallyClosedOuterWrapperSecondLevel {
  position: relative;
  overflow: visible;
  /*overflow: hidden;*/
  width: 100%;
  padding-top: 40px;
  border-bottom: 1px solid #DADEE7; }

div.productListItem div.tabContent div.tabsInitiallyClosedOuterWrapperSecondLevel {
  border-bottom: 0; }

div.tabsInitiallyClosedOuterWrapperSecondLevel ul.tabsList {
  position: absolute;
  top: 10px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  height: 30px;
  line-height: 1; }
  div.tabsInitiallyClosedOuterWrapperSecondLevel ul.tabsList li {
    position: static;
    list-style: none; }
    div.tabsInitiallyClosedOuterWrapperSecondLevel ul.tabsList li a {
      font-size: 13px;
      font-family: DINWeb; }
    div.tabsInitiallyClosedOuterWrapperSecondLevel ul.tabsList li:after, div.tabsInitiallyClosedOuterWrapperSecondLevel ul.tabsList li.after {
      line-height: 1.3; }
    div.tabsInitiallyClosedOuterWrapperSecondLevel ul.tabsList li a {
      position: static;
      color: #7F91A5; }
      div.tabsInitiallyClosedOuterWrapperSecondLevel ul.tabsList li a:hover {
        color: #00244C; }
    div.tabsInitiallyClosedOuterWrapperSecondLevel ul.tabsList li.activeSecondLevel a {
      color: #00244C; }
    div.tabsInitiallyClosedOuterWrapperSecondLevel ul.tabsList li a span.arrow {
      display: none; }
    div.tabsInitiallyClosedOuterWrapperSecondLevel ul.tabsList li.activeSecondLevel a span.arrow {
      position: absolute;
      top: 0px;
      right: 0;
      z-index: 20;
      overflow: hidden;
      display: block;
      width: 20px;
      height: 20px;
      background: url('../../fileadmin/templates/images/layout/icons/iconsprite.png') -85px 7px no-repeat;
      text-indent: -9876px; }
    div.tabsInitiallyClosedOuterWrapperSecondLevel ul.tabsList li.showArrow a span.arrow {
      position: absolute;
      top: 0px;
      right: 0;
      z-index: 20;
      overflow: hidden;
      display: block;
      width: 20px;
      height: 20px;
      background: url('../../fileadmin/templates/images/layout/icons/iconsprite.png') -85px 7px no-repeat;
      text-indent: -9876px;
      background-position: -108px 7px; }
  @media screen and (max-width: 480px) {
    div.tabsInitiallyClosedOuterWrapperSecondLevel ul.tabsList li {
      border-bottom: 0 !important; }
      div.tabsInitiallyClosedOuterWrapperSecondLevel ul.tabsList li a {
        font-size: 10px !important; } }

div.tabsInitiallyClosedOuterWrapperSecondLevel div.tabContentSecondLevel {
  overflow: hidden;
  width: 100%;
  height: 0; }
  div.tabsInitiallyClosedOuterWrapperSecondLevel div.tabContentSecondLevel ul.imagelinksVertical {
    margin: 0;
    width: 100%;
    padding: 16px 0 10px;
    border-bottom: 0; }
    div.tabsInitiallyClosedOuterWrapperSecondLevel div.tabContentSecondLevel ul.imagelinksVertical li {
      display: inline;
      float: left;
      margin: 0 30px 18px 0;
      padding: 0;
      height: auto;
      list-style: none;
      word-wrap: break-word;
      font-size: 10px;
      /*
          &:nth-child(3n) {
            padding-right: 30px;
          }
          */ }
      div.tabsInitiallyClosedOuterWrapperSecondLevel div.tabContentSecondLevel ul.imagelinksVertical li:nth-child(6n+1) {
        clear: left; }
      @media screen and (max-width: 800px) {
        div.tabsInitiallyClosedOuterWrapperSecondLevel div.tabContentSecondLevel ul.imagelinksVertical li:nth-child(6n+1) {
          clear: none; }
        div.tabsInitiallyClosedOuterWrapperSecondLevel div.tabContentSecondLevel ul.imagelinksVertical li:nth-child(5n+1) {
          clear: left; } }
      @media screen and (max-width: 600px) {
        div.tabsInitiallyClosedOuterWrapperSecondLevel div.tabContentSecondLevel ul.imagelinksVertical li:nth-child(5n+1) {
          clear: none; }
        div.tabsInitiallyClosedOuterWrapperSecondLevel div.tabContentSecondLevel ul.imagelinksVertical li:nth-child(4n+1) {
          clear: left; } }
      @media screen and (max-width: 500px) {
        div.tabsInitiallyClosedOuterWrapperSecondLevel div.tabContentSecondLevel ul.imagelinksVertical li {
          display: block;
          width: 100%;
          max-width: none;
          clear: left; } }

div#filterhead form.configuratorform {
  overflow: hidden;
  float: left;
  margin: 0 0 30px 0; }
  div#filterhead form.configuratorform fieldset {
    position: relative;
    display: block;
    float: left;
    margin-left: 29px;
    padding-top: 40px;
    width: 215px;
    border: 1px solid #DADEE7;
    border-width: 1px 0; }
    div#filterhead form.configuratorform fieldset.row1 {
      height: 189px;
      /*120*/ }
    div#filterhead form.configuratorform fieldset.row2 {
      margin-top: 30px;
      height: 133px;
      /*60*/ }
    div#filterhead form.configuratorform fieldset.first {
      margin-left: 0; }
    div#filterhead form.configuratorform fieldset.submit {
      display: none; }
    div#filterhead form.configuratorform fieldset legend span {
      position: absolute;
      top: -1px;
      left: 0;
      display: block;
      padding: 7px 10px 4px 0px;
      width: auto;
      color: #00244C;
      background: white;
      border: 1px solid #DADEE7;
      border-width: 0 1px 1px 0;
      border-radius: 0 0 8px 0;
      text-transform: uppercase;
      font-family: "DINWeb-Medium";
      font-size: 14px;
      line-height: 20px; }
    div#filterhead form.configuratorform fieldset p {
      position: relative;
      margin: 0 0 20px;
      padding: 5px 0 0 30px;
      width: 185px;
      /*215-padding-left*/
      height: 50px;
      border-bottom: 1px solid #DADEE7;
      font-family: "DINWeb";
      line-height: 1.2; }
      div#filterhead form.configuratorform fieldset p:before, div#filterhead form.configuratorform fieldset p span.before {
        position: absolute;
        top: 5px;
        left: 0px;
        overflow: hidden;
        display: block;
        width: 25px;
        height: 25px;
        background: url('../../fileadmin/templates/images/layout/icons/iconsprite.png') 0px -90px no-repeat;
        content: ".";
        text-indent: -9876px; }
    div#filterhead form.configuratorform fieldset.propFloor p:before, div#filterhead form.configuratorform fieldset.propFloor p span.before {
      background-position: 0px -90px; }
    div#filterhead form.configuratorform fieldset.propFlatSize p:before, div#filterhead form.configuratorform fieldset.propFlatSize p span.before {
      background-position: -25px -90px; }
    div#filterhead form.configuratorform fieldset.propAnimalHair p:before, div#filterhead form.configuratorform fieldset.propAnimalHair p span.before {
      background-position: -50px -90px; }
    div#filterhead form.configuratorform fieldset.propAllergy p:before, div#filterhead form.configuratorform fieldset.propAllergy p span.before {
      background-position: -75px -90px; }
    div#filterhead form.configuratorform fieldset.propAmountPersons p:before, div#filterhead form.configuratorform fieldset.propAmountPersons p span.before {
      background-position: -100px -90px; }
    div#filterhead form.configuratorform fieldset.propEnergySavings p:before, div#filterhead form.configuratorform fieldset.propEnergySavings p span.before {
      background-position: -25px -140px; }
    div#filterhead form.configuratorform fieldset label {
      display: block;
      float: left;
      clear: left;
      margin: 0;
      padding: 0;
      width: 160px;
      border: 0;
      font-size: 12px; }
    div#filterhead form.configuratorform fieldset span.verticalSlideElement {
      position: relative;
      overflow: hidden;
      display: block;
      float: left;
      width: 16px;
      height: 28px;
      margin: 0;
      background: url('../../fileadmin/templates/images/layout/icons/iconsprite.png') -194px -56px no-repeat;
      text-indent: -9876px; }
      div#filterhead form.configuratorform fieldset span.verticalSlideElement:hover {
        cursor: pointer; }
      div#filterhead form.configuratorform fieldset span.verticalSlideElement.first {
        background-position: -194px 0px; }
      div#filterhead form.configuratorform fieldset span.verticalSlideElement.last {
        background-position: -194px -84px; }
      div#filterhead form.configuratorform fieldset span.verticalSlideElement:hover {
        cursor: pointer; }
    div#filterhead form.configuratorform fieldset label:hover + span.verticalSlideElement:after {
      position: absolute;
      top: 3px;
      left: 3px;
      overflow: hidden;
      display: block;
      width: 10px;
      height: 10px;
      opacity: 1;
      background: url('../../fileadmin/templates/images/layout/icons/iconsprite.png') -112px -25px no-repeat;
      content: ".";
      text-indent: -9876px; }
    div#filterhead form.configuratorform fieldset span.verticalSlideElement:hover:after, div#filterhead form.configuratorform fieldset span.verticalSlideElement.active:after {
      position: absolute;
      top: 3px;
      left: 3px;
      overflow: hidden;
      display: block;
      width: 10px;
      height: 10px;
      opacity: 1;
      background: url('../../fileadmin/templates/images/layout/icons/iconsprite.png') -112px -25px no-repeat;
      content: ".";
      text-indent: -9876px; }
    div#filterhead form.configuratorform fieldset label:hover + span.verticalSlideElement:after, div#filterhead form.configuratorform fieldset span.verticalSlideElement:hover:after {
      opacity: .2; }
    div#filterhead form.configuratorform fieldset label:hover + span.verticalSlideElement.active:after, div#filterhead form.configuratorform fieldset span.verticalSlideElement.active:hover:after {
      opacity: 1; }

div.content div#configuratoroutput {
  clear: both; }
  div.content div#configuratoroutput h2 {
    padding-top: 20px; }
  div.content div#configuratoroutput.productlist article:nth-child(3n) {
    margin-right: 29px; }
  div.content div#configuratoroutput.productlist article:nth-of-type(3n) {
    margin-right: 0; }

div.tx-seboretailer {
  overflow: hidden;
  clear: both;
  width: 100%;
  font-size: 12px; }

div.searchresults div.address.vcard {
  display: block;
  float: left;
  overflow: hidden;
  margin: 20px 29px 0 0;
  padding: 10px 0 0;
  width: 215px;
  height: auto;
  border-top: 1px solid #DADEE7;
  font-size: 1.1em;
  line-height: 1.2;
  font-style: normal;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }

div.searchresults div.address:nth-child(3n) {
  margin-right: 0; }

div.address.vcard span.org, div.address.vcard span.country-name {
  position: absolute;
  top: -9876px;
  left: -9876px; }

/*
		 * div.tabsInitiallyOpenOuterWrapperBeginsWithH3 ul.tabsList li .after,
			div.tabsInitiallyClosedOuterWrapper
		 */
/*
* configurator
*/
/*
* retailer search
*/
/* microformats */
#infowindow span.country-name {
  position: absolute;
  top: -9876px;
  left: -9876px; }

div.address.vcard br {
  display: none;
  height: 0;
  width: 0; }

div.address.vcard label {
  display: inline;
  padding: 0 0 0;
  float: left;
  clear: both;
  width: auto;
  text-align: left; }

div.address.vcard span.titel {
  position: relative;
  display: block;
  padding: 3px 0 0 25px;
  color: #00244C;
  font-family: DINWeb-Medium;
  font-size: 1.3em;
  line-height: 1.2; }
  div.address.vcard span.titel br {
    display: block; }

div.address.vcard span.index {
  position: absolute;
  top: 2px;
  left: 0;
  display: block;
  display: block;
  float: left;
  width: 18px;
  height: 31px;
  color: #FFFFFF;
  background: url('../../fileadmin/templates/images/layout/retailer_search_bubbles/bubble.png');
  text-align: center;
  font-family: DINWeb-Medium;
  font-weight: normal;
  font-size: 1em;
  line-height: 21px;
  background-position: 0 0;
  background-repeat: no-repeat; }

div#sebomap span.index {
  position: absolute;
  top: 2px;
  left: 0;
  display: block;
  display: block;
  float: left;
  width: 18px;
  height: 31px;
  color: #FFFFFF;
  background: url('../../fileadmin/templates/images/layout/retailer_search_bubbles/bubble.png');
  text-align: center;
  font-family: DINWeb-Medium;
  font-weight: normal;
  font-size: 1em;
  line-height: 21px;
  background-position: 0 0;
  background-repeat: no-repeat; }

div#sebomap #infowindow h1 {
  position: relative;
  display: block;
  margin: 0;
  padding: 3px 0 20px 25px;
  color: #00244C;
  font-family: DINWeb-Medium;
  font-size: 14px;
  line-height: 1.2;
  text-transform: none; }
  div#sebomap #infowindow h1 span {
    position: absolute;
    top: 2px;
    left: 0;
    display: block; }

div#sebomap #infowindow p {
  padding: 0 0 0 0px; }

div.address.vcard span.fn.n, div.address.vcard span.adr, div.address.vcard span.street-address, div.address.vcard span.email {
  display: block;
  clear: both; }

div.address.vcard span.adr, div.address.vcard span.email {
  margin-top: 20px; }

div.address.vcard span.adr {
  margin-bottom: 20px; }

div.address.vcard span.tel, div.address.vcard span.fax, div.address.vcard span.homepage {
  display: block;
  text-align: left; }

div.address.vcard span.email {
  display: inline;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all; }
  div.address.vcard span.email a {
    display: inline;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all; }

div.address.vcard p.stressedLink {
  clear: both;
  margin-top: 8px;
  padding-top: 10px;
  border-top: 1px solid #DADEE7; }

div.tx-seboretailer {
  position: relative;
  overflow: hidden;
  padding: 0px;
  min-height: 600px;
  background: white; }
  div.tx-seboretailer div#filterhead {
    position: absolute;
    background: #FFF; }

h3.searchresults {
  position: absolute;
  background: #FFF; }

div.tx-seboretailer div#filterhead {
  width: 215px;
  height: 140px; }
  div.tx-seboretailer div#filterhead h3 {
    width: 215px;
    border-top: 1px solid #DADEE7; }

div.tx-seboretailer h3.searchresults {
  width: 215px;
  border-top: 1px solid #DADEE7;
  position: absolute;
  top: 111px;
  z-index: 99;
  padding-bottom: 0;
  height: auto; }
  div.tx-seboretailer h3.searchresults.fixed:before {
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    display: block;
    height: 29px;
    content: " ";
    background: #FFF; }

div.tx-seboretailer div#filterhead h3 span {
  position: relative;
  top: -1px;
  display: inline-block;
  margin-bottom: 1px;
  padding: 10px 10px 7px 0;
  width: auto;
  background: white;
  border: 1px solid #DADEE7;
  border-width: 0 1px 1px 0;
  border-radius: 0 0 8px 0;
  font-family: DINWeb-Medium;
  font-size: 1em;
  font-weight: 500;
  line-height: 1; }

div.tx-seboretailer h3.searchresults span {
  position: relative;
  top: -1px;
  display: inline-block;
  margin-bottom: 1px;
  padding: 10px 10px 7px 0;
  width: auto;
  background: white;
  border: 1px solid #DADEE7;
  border-width: 0 1px 1px 0;
  border-radius: 0 0 8px 0;
  font-family: DINWeb-Medium;
  font-size: 1em;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 0px; }

div.tx-seboretailer div#filterhead form.standard fieldset.data {
  margin: 0;
  padding: 0;
  border: 0; }
  div.tx-seboretailer div#filterhead form.standard fieldset.data label {
    font-size: 1em; }
  div.tx-seboretailer div#filterhead form.standard fieldset.data input {
    margin-top: 8px; }

div.tx-seboretailer div#filterhead fieldset.submit {
  display: none !important; }

div.tx-seboretailer div#filterhead.fixed {
  z-index: 99;
  border-top: 20px solid white; }

div#sebomapWrap {
  position: absolute;
  z-index: 9;
  display: block;
  margin-left: 246px;
  height: auto; }

div#sebomap {
  position: relative;
  display: block;
  height: 400px; }

div#sebomapContent {
  padding: 20px 0 0; }

div.searchresults {
  position: static;
  padding-top: 140px; }
  div.searchresults div.address.vcard {
    float: left;
    clear: left; }

div.overlayOuter {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999999;
  display: block;
  background: rgba(0, 0, 0, 0.8); }

div.overlayInner {
  position: fixed;
  top: 50%;
  left: 50%;
  display: block;
  margin: -250px 0 0 -368px;
  width: 736px;
  height: 500px;
  background: white; }

@media all and (max-width: 600px) {
  div#sebomapWrap {
    position: relative !important;
    top: 0 !important;
    margin-left: 0; }
  div#filterhead {
    position: relative !important;
    width: 100%;
    height: auto; }
  div#searchresults {
    padding-top: 0 !important; }
  h3.searchresults.fixed {
    position: static !important;
    top: 0 !important; } }

/*
	 * form
	 */
a.closeOverlay {
  position: absolute;
  top: -10px;
  right: -8px;
  display: block;
  color: white;
  font-size: 10px;
  font-weight: 900; }

div.overlayInner iframe {
  overflow-x: hidden;
  overflow-y: auto;
  display: block;
  margin: 0;
  padding: 0;
  width: 736px;
  height: 500px;
  border: 0; }

/*
* tooltip
*/
/*
a#closingTooltip
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9999998;
	display: block;
}
*/
ul li.tooltip:hover {
  cursor: pointer; }

ul li.tooltip.active {
  position: relative;
  /*
    img {
      border: 1px solid #00244C;
    }
    */ }
  ul li.tooltip.active:after {
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    z-index: 99876543;
    overflow: hidden;
    display: block;
    /*
      width: 100%;
      height: 100%;
      */
    border: 1px solid #00244C;
    border-radius: 0 0 8px 0;
    content: ".";
    text-indent: -9876px; }

div#tooltipOuter {
  position: absolute;
  top: -1px;
  right: 287px;
  left: auto;
  z-index: 9999999;
  display: block;
  width: 215px;
  padding: 9px 9px 4px;
  height: auto;
  background: #FFF;
  border: 1px solid #DADEE7;
  border-radius: 0 0 8px 0;
  /*box-shadow: -5px 0 13px 10px rgba(255, 255, 255, 0.95);*/ }
  div#tooltipOuter:after {
    position: absolute;
    top: 9px;
    right: -17px;
    overflow: hidden;
    display: block;
    width: 17px;
    height: 16px;
    opacity: 1;
    background: url('../../fileadmin/templates/images/layout/icons/iconsprite.png') -92px -74px no-repeat;
    content: ".";
    text-indent: -9876px; }
  div#tooltipOuter header {
    position: relative; }
    div#tooltipOuter header h1 {
      position: absolute;
      z-index: 9;
      padding: 0 9px 6px 0;
      width: auto;
      background: white;
      border-radius: 0 0 8px 0;
      font-family: DINWeb-Medium;
      font-size: 18px;
      line-height: 1;
      -webkit-hyphens: auto;
      -moz-hyphens: auto;
      -ms-hyphens: auto;
      hyphens: auto;
      word-break: break-word; }
    div#tooltipOuter header img {
      border-radius: 0 0 35px 0; }
  div#tooltipOuter p {
    margin: 0 !important;
    padding: 5px 0 !important;
    line-height: 1.5; }
    div#tooltipOuter p .itemnumber {
      color: #7f91a5;
      display: block;
      margin: 0 0 10px 0; }

div.tabsInitiallyClosedOuterWrapperSecondLevel div#tooltipOuter {
  top: 0px;
  right: auto;
  left: 100%;
  margin: 0 0 0 30px; }
  @media screen and (max-width: 480px) {
    div.tabsInitiallyClosedOuterWrapperSecondLevel div#tooltipOuter {
      display: none !important; } }
  div.tabsInitiallyClosedOuterWrapperSecondLevel div#tooltipOuter:after {
    right: auto;
    left: -17px;
    background-position: -109px -74px; }
  div.tabsInitiallyClosedOuterWrapperSecondLevel div#tooltipOuter header {
    position: relative; }
    div.tabsInitiallyClosedOuterWrapperSecondLevel div#tooltipOuter header h1 {
      position: absolute;
      z-index: 9;
      padding: 0 5px 0 0;
      background: white;
      border-radius: 0 0 8px 0;
      word-break: break-word; }

div.guarantyLinkbox {
  padding: 15px 0 10px; }
  div.guarantyLinkbox a {
    display: block;
    text-align: center; }

@media screen and (max-width: 768px) {
  div#tooltipOuter {
    display: none !important; } }

/*
* guaranty in aside-column
*/
/*
* faq
*/
body.faq h2 {
  margin: 0;
  padding: 0;
  border: 0; }

body.faq article.imageteaser {
  margin-bottom: 20px;
  padding-top: 20px;
  border-top: 1px solid #DADEE7; }
  body.faq article.imageteaser hgroup {
    top: 20px; }

body.faq div.content ul.slider {
  margin-top: 0;
  margin-bottom: 30px; }

body.downloads div.content ul.slider {
  margin-top: 0;
  margin-bottom: 30px; }

/* ul.imagelinksVertical */
div.content article.ym-gl ul.slider li article.productlinks {
  border-bottom: 0; }

body.downloads div.content ul.slider li.slidingItem hgroup h2 span {
  font-size: 18px; }

body.downloads div.content ul.slider li.slidingItem div.slidingItem-content h3 {
  padding-top: 10px;
  font-size: 14px; }

/*
* videoplayer
*/
div.video {
  margin-bottom: 20px; }

div.content div.partnerlinks {
  position: absolute;
  top: 660px;
  left: 246px;
  width: 754px; }
  div.content div.partnerlinks ul.imagelinksVertical {
    width: auto; }
    div.content div.partnerlinks ul.imagelinksVertical li:nth-child(3n+1) {
      clear: none; }

/*
* partnerlinks seboretailer
*/
#bookmarksInDetailView {
  background: none; }

div.content aside .usercontent {
  margin: 0 0 10px 0;
  border-bottom: none; }
  div.content aside .usercontent > h3 {
    margin: 0 0 10px; }
  div.content aside .usercontent .csc-textpic {
    display: table; }
  div.content aside .usercontent .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    display: table-cell;
    width: 90px;
    float: left; }
  div.content aside .usercontent .csc-textpic-intext-left-nowrap .csc-textpic-text {
    display: table-cell;
    margin-left: 0;
    vertical-align: middle; }
    div.content aside .usercontent .csc-textpic-intext-left-nowrap .csc-textpic-text p {
      margin: 0;
      padding: 0; }
  div.content aside .usercontent .csc-textpic-text p a {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: auto;
    font-family: DINWeb-Medium;
    font-size: 14px;
    font-weight: 500;
    line-height: 1; }
    div.content aside .usercontent .csc-textpic-text p a strong {
      display: inline-block;
      margin: 0;
      padding: 0;
      width: auto;
      font-family: DINWeb-Medium;
      font-size: 14px;
      font-weight: 500;
      line-height: 1; }
  div.content aside .usercontent .csc-frame-rulerAfter {
    border-bottom: 1px solid #DADEE7;
    margin-top: 5px;
    margin-bottom: 10px;
    padding-bottom: 15px; }
  div.content aside .usercontent .csc-textpic {
    clear: both; }
  div.content aside .usercontent article {
    margin-top: 30px;
    margin-bottom: 10px; }

div.content ol.results-list li {
  margin: 0 0 0px;
  padding: 10px 0;
  border-bottom: 1px solid #DADEE7;
  font-size: 1em; }
  div.content ol.results-list li h5 {
    font-size: 1em; }
    div.content ol.results-list li h5 a {
      color: #00244C;
      font-size: 1.4em;
      font-family: DINWeb-Medium;
      font-weight: normal;
      line-height: 1;
      text-transform: uppercase; }
  div.content ol.results-list li p {
    margin: 0;
    padding: 0;
    font-size: 1.2em; }
    div.content ol.results-list li p span.results-highlight {
      background: #f0f0f0;
      padding: 2px; }

div.content div.tx-pagebrowse-pi1 ul.tx-pagebrowse {
  overflow: hidden; }
  div.content div.tx-pagebrowse-pi1 ul.tx-pagebrowse li {
    position: relative;
    overflow: hidden;
    display: inline-block;
    float: left;
    margin: 0 10px 0 0;
    padding: 0;
    width: 23px;
    height: 20px;
    list-style: none; }
    div.content div.tx-pagebrowse-pi1 ul.tx-pagebrowse li a {
      position: relative;
      overflow: hidden;
      display: inline-block;
      float: left;
      margin: 0 10px 0 0;
      padding: 0;
      width: 23px;
      height: 20px;
      list-style: none;
      margin-right: 0;
      z-index: 999; }
    div.content div.tx-pagebrowse-pi1 ul.tx-pagebrowse li.tx-pagebrowse-first:after, div.content div.tx-pagebrowse-pi1 ul.tx-pagebrowse li.tx-pagebrowse-first a:after {
      background-position: -125px -115px; }
    div.content div.tx-pagebrowse-pi1 ul.tx-pagebrowse li.tx-pagebrowse-prev:after, div.content div.tx-pagebrowse-pi1 ul.tx-pagebrowse li.tx-pagebrowse-prev a:after {
      background-position: -125px -135px; }
    div.content div.tx-pagebrowse-pi1 ul.tx-pagebrowse li.tx-pagebrowse-next:after, div.content div.tx-pagebrowse-pi1 ul.tx-pagebrowse li.tx-pagebrowse-next a:after {
      background-position: -125px -155px; }
    div.content div.tx-pagebrowse-pi1 ul.tx-pagebrowse li.tx-pagebrowse-last:after, div.content div.tx-pagebrowse-pi1 ul.tx-pagebrowse li.tx-pagebrowse-last a:after {
      background-position: -125px -175px; }
    div.content div.tx-pagebrowse-pi1 ul.tx-pagebrowse li.tx-pagebrowse-pages {
      margin-right: 0;
      width: auto; }
      div.content div.tx-pagebrowse-pi1 ul.tx-pagebrowse li.tx-pagebrowse-pages:after {
        display: none; }
      div.content div.tx-pagebrowse-pi1 ul.tx-pagebrowse li.tx-pagebrowse-pages ol li {
        position: relative;
        overflow: hidden;
        display: inline-block;
        width: 23px;
        height: 20px;
        color: #FFF;
        background: #00244C url('../../fileadmin/templates/images/layout/icons/iconsprite.png') -125px -215px;
        text-align: center;
        line-height: 20px; }
        div.content div.tx-pagebrowse-pi1 ul.tx-pagebrowse li.tx-pagebrowse-pages ol li.tx-pagebrowse-more-pages, div.content div.tx-pagebrowse-pi1 ul.tx-pagebrowse li.tx-pagebrowse-pages ol li a {
          display: inline-block;
          width: 23px;
          height: 20px;
          color: #00244D;
          background: #E3E3E3 url('../../fileadmin/templates/images/layout/icons/iconsprite.png') -125px -195px; }
  div.content div.tx-pagebrowse-pi1 ul.tx-pagebrowse > li:after, div.content div.tx-pagebrowse-pi1 ul.tx-pagebrowse > li > a:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    display: block;
    background: url('../../fileadmin/templates/images/layout/icons/iconsprite.png') -125px -115px;
    content: ".";
    text-indent: -9876px; }

/* old standard sitemap */
div.content div.csc-sitemap ul li a {
  display: block;
  padding-top: .3em;
  padding-bottom: .3em; }

div.content div.csc-sitemap ul li ul {
  margin: 0;
  padding-left: 1.6em; }

div.content div.abstractSitemap ul {
  display: block; }
  div.content div.abstractSitemap ul li {
    display: block;
    list-style: none;
    padding-bottom: 30px; }
    div.content div.abstractSitemap ul li h2 {
      margin: 0 0 16px 0;
      padding: 10px 0 0 0;
      width: auto;
      border-bottom: 1px solid #DADEE7;
      font-family: "DINWeb-Light";
      font-weight: 500;
      font-size: 38px;
      line-height: 1.1; }
    div.content div.abstractSitemap ul li div.first-child {
      overflow: hidden;
      border-bottom: 1px solid #DADEE7; }
      div.content div.abstractSitemap ul li div.first-child > div.filled {
        display: inline-block;
        float: left;
        margin: 0 40px 20px 0;
        width: 168px; }
        @media screen and (max-width: 480px) {
          div.content div.abstractSitemap ul li div.first-child > div.filled {
            display: block;
            float: none;
            clear: both;
            width: 100%;
            padding-top: 20px; } }
      div.content div.abstractSitemap ul li div.first-child .empty {
        display: none; }
      div.content div.abstractSitemap ul li div.first-child > div.filled:nth-of-type(5n) {
        margin-right: 0; }
      div.content div.abstractSitemap ul li div.first-child > div.filled:nth-of-type(5n+1) {
        clear: left; }
      div.content div.abstractSitemap ul li div.first-child > div.filled h3 {
        display: block;
        margin-bottom: 1px;
        border-top: 1px solid #DADEE7; }
        div.content div.abstractSitemap ul li div.first-child > div.filled h3 span {
          position: relative;
          top: -1px;
          display: inline-block;
          margin-bottom: 5px;
          padding: 10px 10px 7px 0;
          width: auto;
          background: white;
          border: 1px solid #DADEE7;
          border-width: 0 1px 1px 0;
          border-radius: 0 0 8px 0;
          font-family: DINWeb-Medium;
          font-size: 14px;
          font-weight: 500;
          line-height: 1; }
      div.content div.abstractSitemap ul li div.first-child > div.filled > p.stressedLink {
        display: inline-block;
        float: left;
        margin-bottom: 0;
        padding-bottom: 0;
        width: auto;
        border: 0; }
      div.content div.abstractSitemap ul li div.first-child > div.filled.products {
        display: block;
        clear: left;
        margin: 0;
        padding: 10px 0 20px 204px;
        width: 796px;
        border-top: 1px solid #DADEE7; }
        @media screen and (max-width: 480px) {
          div.content div.abstractSitemap ul li div.first-child > div.filled.products {
            padding-left: 0;
            width: 100%; } }
        div.content div.abstractSitemap ul li div.first-child > div.filled.products h2 {
          display: block;
          width: 100%;
          margin: 0 0 10px 0;
          padding: 10px 0 0 0;
          width: auto;
          border-bottom: 1px solid #DADEE7;
          font-family: "DINWeb-Light";
          font-weight: 500;
          font-size: 38px;
          line-height: 1.1; }
          @media screen and (max-width: 480px) {
            div.content div.abstractSitemap ul li div.first-child > div.filled.products h2 {
              font-size: 20px; } }
    div.content div.abstractSitemap ul li ul.second-child {
      display: inline-block;
      float: left;
      margin: 0;
      padding: 0;
      width: auto;
      border: 0; }
      div.content div.abstractSitemap ul li ul.second-child li {
        display: inline-block;
        float: left;
        margin: 0;
        padding: 0;
        width: auto;
        border: 0; }
        div.content div.abstractSitemap ul li ul.second-child li h4 {
          display: inline-block;
          float: left;
          margin: 0;
          padding: 0;
          width: auto;
          border: 0; }
        div.content div.abstractSitemap ul li ul.second-child li a {
          display: inline;
          float: left;
          margin: 0 .5em 0 0;
          padding: 5px 8px 2px 6px;
          width: auto;
          color: #FFF;
          background: #00244C;
          border-radius: 0 0 6px 0;
          font-family: DINWeb-Medium;
          font-size: 12px;
          line-height: 1;
          text-transform: uppercase; }
    div.content div.abstractSitemap ul li div.first-child div.filled.products div.catlevel {
      overflow: hidden;
      clear: left;
      padding: 10px 0 0 0; }
      div.content div.abstractSitemap ul li div.first-child div.filled.products div.catlevel h3 {
        padding-bottom: 0; }
    div.content div.abstractSitemap ul li div.first-child div.filled.products div.productgroup {
      overflow: hidden;
      clear: left; }
      div.content div.abstractSitemap ul li div.first-child div.filled.products div.productgroup h4 {
        margin: 0 0 10px;
        padding: 5px 0 0;
        border-bottom: 1px solid #DADEE7;
        font-family: DINWeb-Medium;
        font-size: 14px;
        font-weight: 500;
        line-height: 1; }
      div.content div.abstractSitemap ul li div.first-child div.filled.products div.productgroup div.productgroupItems {
        padding: 10px 0; }

div.content div.abstractSitemap > ul > li p.stressedLink {
  margin: 0 0 20px;
  padding: 6px 0 20px;
  border-bottom: 1px solid #DADEE7; }

div.content div.abstractSitemap > ul > li div.first-child > div.filled > p {
  margin: 0 0 10px;
  padding: 0 0 6px;
  border-bottom: 1px solid #DADEE7; }

div.content div.abstractSitemap div.filled.products div.productgroup div.productgroupItems article {
  position: relative;
  display: inline-block;
  float: left;
  margin: 0 40px 20px 0;
  padding: 0;
  width: 168px;
  height: 250px; }
  @media screen and (max-width: 480px) {
    div.content div.abstractSitemap div.filled.products div.productgroup div.productgroupItems article {
      margin-right: 0;
      width: 100%;
      height: auto; }
      div.content div.abstractSitemap div.filled.products div.productgroup div.productgroupItems article img {
        display: block;
        width: 100%;
        height: auto; } }

div.content div.abstractSitemap div.filled.products div.productgroup div.productgroupItems > article:nth-child(4n) {
  margin-right: 0; }

div.content div.abstractSitemap div.filled.products div.productgroup article h5 {
  position: absolute;
  margin: 0;
  padding: 0 9px 6px 0;
  width: auto;
  height: auto;
  background: white;
  border-radius: 0 0 5px 0;
  font-family: DINWeb-Medium;
  font-size: 14px;
  font-weight: normal;
  line-height: 1; }

div.content div.abstractSitemap div.filled.products div.productgroup article img {
  border-radius: 0 0 35px 0; }

div.content div.abstractSitemap div.filled.products div.productgroup article p.stressedLink {
  margin-top: 10px;
  padding-top: 10px;
  border: 0;
  text-transform: uppercase;
  padding-bottom: 0px; }

/* new detailed sitemap */
/* TipTip CSS - Version 1.2 */
#tiptip_holder {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999; }

#tiptip_holder.tip_top {
  padding-bottom: 5px; }

#tiptip_holder.tip_bottom {
  padding-top: 5px; }

#tiptip_holder.tip_right {
  padding-left: 5px; }

#tiptip_holder.tip_left {
  padding-right: 5px; }

#tiptip_content {
  font-size: 11px;
  color: #fff;
  text-shadow: 0 0 2px #000;
  padding: 4px 8px;
  background: #00244C;
  border: 1px solid rgba(255, 255, 255, 0.25);
  /*
  background-color: rgb(0,36,76);
  background-color: rgba(0,36,76,0.92);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
  */
  border-radius: 3px; }

#tiptip_arrow, #tiptip_arrow_inner {
  position: absolute;
  border-color: transparent;
  border-style: solid;
  border-width: 6px;
  height: 0;
  width: 0; }

#tiptip_holder.tip_top #tiptip_arrow {
  border-top-color: #fff;
  border-top-color: rgba(255, 255, 255, 0.35); }

#tiptip_holder.tip_bottom #tiptip_arrow {
  border-bottom-color: #fff;
  border-bottom-color: rgba(255, 255, 255, 0.35); }

#tiptip_holder.tip_right #tiptip_arrow {
  border-right-color: #fff;
  border-right-color: rgba(255, 255, 255, 0.35); }

#tiptip_holder.tip_left #tiptip_arrow {
  border-left-color: #fff;
  border-left-color: rgba(255, 255, 255, 0.35); }

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
  margin-top: -5px;
  margin-left: -6px;
  border-bottom-color: #00244c;
  border-bottom-color: rgba(0, 36, 76, 0.92); }

#tiptip_holder.tip_right #tiptip_arrow_inner {
  margin-top: -6px;
  margin-left: -5px;
  border-right-color: #00244c;
  border-right-color: rgba(0, 36, 76, 0.92); }

#tiptip_holder.tip_left #tiptip_arrow_inner {
  margin-top: -6px;
  margin-left: -7px;
  border-left-color: #00244c;
  border-left-color: rgba(0, 36, 76, 0.92); }

/* Webkit Hacks  
@media screen and (-webkit-min-device-pixel-ratio:0) {  
  #tiptip_content {
    padding: 4px 8px 5px 8px;
    background-color: rgba(45,45,45,0.88);
  }
  #tiptip_holder.tip_bottom #tiptip_arrow_inner { 
    border-bottom-color: rgba(45,45,45,0.88);
  }
  #tiptip_holder.tip_top #tiptip_arrow_inner { 
    border-top-color: rgba(20,20,20,0.92);
  }
}
*/
@media print {
  nav, .ym-searchform, ul#skiplinks, div#header_navi, footer {
    display: none !important; }
  a.playicon, a#toTop {
    display: none !important; }
  span#toTopHover, h1.accordiontoggle, form#mailform div.subcr {
    display: none !important; }
  body {
    display: block;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto; }
  div.page_margins, div.page, div#main {
    display: block;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto; }
  header img, section {
    display: block;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto; }
  body {
    width: auto;
    margin: 0 10mm;
    padding: 0;
    color: #000;
    background: #fff url('../../fileadmin/templates/update/css/none');
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    line-height: 1.2em;
    text-align: left; }
  header {
    display: block;
    padding: 20pt 0 20pt;
    text-align: right; }
    header img {
      display: inline; }
  div#slider, div.items_wrapper, div.items {
    position: static !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    width: auto !important;
    height: auto !important;
    background: none; }
  div.item {
    position: static !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    width: auto !important;
    height: auto !important;
    background: none; }
    div.item div.info {
      position: static !important;
      display: block !important;
      margin: 0 !important;
      padding: 0 !important;
      float: none !important;
      width: auto !important;
      height: auto !important;
      background: none; }
  div.accordion {
    position: static !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    width: auto !important;
    height: auto !important;
    background: none; }
    div.accordion div {
      position: static !important;
      display: block !important;
      margin: 0 !important;
      padding: 0 !important;
      float: none !important;
      width: auto !important;
      height: auto !important;
      background: none; }
  h1, h2, h3, h4, h5, h6 {
    padding: 0 0 10pt !important;
    line-height: 1.5em !important;
    page-break-before: auto;
    page-break-inside: avoid;
    page-break-after: avoid; }
  p a.more {
    padding: 0 0 10pt !important;
    line-height: 1.5em !important;
    page-break-before: auto;
    page-break-inside: avoid;
    page-break-after: avoid;
    display: block !important;
    margin: 0 0 20pt !important;
    padding: 5pt 0 0 !important;
    line-height: 1 !important; } }

.social_share_privacy_area {
    clear: both;
    margin: 20px 0 !important;
	list-style-type: none;
	padding: 0 !important;
	width: auto;
	height: 25px;
	display: block;
}
.social_share_privacy_area li {
	margin: 0 !important;
	padding: 0 !important;
	height: 21px;
	float: left;
}
.social_share_privacy_area li .dummy_btn {
    float: left;
    margin: 0 0 0 10px;
    cursor: pointer;
    padding: 0;
    height: inherit;
}
.social_share_privacy_area li div iframe {
    overflow: hidden;
    height: inherit;
    width: inherit;
}
/* Facebook begin */
.social_share_privacy_area .facebook {
    width: 180px;
    display: inline-block;
}
.social_share_privacy_area .facebook .fb_like iframe {
    width: 145px;
}
/* Facebook end */
/* Twitter begin */
.social_share_privacy_area .twitter {
	width: 148px;
}
.social_share_privacy_area li div.tweet {
	width: 115px;
}
/* Twitter end */
/* Google+ begin */
.social_share_privacy_area .gplus {
	width: 123px;
}
.social_share_privacy_area li div.gplusone {
	width: 90px;
}
/* Google+ end */
/* Switch begin */
.social_share_privacy_area li .switch {
    display: inline-block;
    text-indent: -9999em;
    background: transparent url('../../fileadmin/templates/images/socialshareprivacy/socialshareprivacy_on_off.png') no-repeat 0 0 scroll;
    width: 23px;
    height: 12px;
    overflow: hidden;
    float: left;
    margin: 4px 0 0;
    padding: 0;
    cursor: pointer;
}
.social_share_privacy_area li .switch.on {
    background-position: 0 -12px; 
}
/* Switch end */
/* Tooltips begin */
.social_share_privacy_area li.help_info {
    position: relative; 
}
.social_share_privacy_area li.help_info .info, 
.social_share_privacy_area li .help_info.icon .info {
    display: none;
    position: absolute;
    top: 40px;
    bottom: auto;
    left: 0;
    width: 290px;
    padding: 10px 15px;
    margin: 0;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    border: 1px solid #ccc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 3px 4px #999;
    -webkit-box-shadow: 0 3px 4px #999;
    box-shadow: 0 3px 4px #999;
    background-color: #fdfbec;
    color: #000;
    z-index: 500;
}
.social_share_privacy_area li.gplus.help_info .info {
    left: -60px;
}
.social_share_privacy_area li .help_info.icon .info {
    left: -243px;
    width: 350px;
}
.social_share_privacy_area li.help_info.display .info, 
.social_share_privacy_area li .help_info.icon.display .info {
    display: block;
}
.social_share_privacy_area li.help_info.info_off.display .info {
    display: none;
}
.social_share_privacy_area li .help_info.icon {
    background: #fff url('../../fileadmin/templates/images/socialshareprivacy/socialshareprivacy_info.png') no-repeat center center scroll;
    width: 25px;
    height: 20px;
    position: relative;
    display: inline-block;
	vertical-align: top;
	border: 2px solid #e7e3e3;
	border-right-width: 0;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
    margin: 0;
    padding: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu.on .help_info.icon {
	border-top-width: 0;
	border-left-width: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu.perma_option_off .help_info.icon {
	border-right-width: 2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
/* Tooltips end */
/* Settings/Info begin */
.social_share_privacy_area li.settings_info {
	position: relative;
	top: -2px;
}
.social_share_privacy_area li.settings_info a {
	text-decoration: none;
	margin: 0 !important;
}
.social_share_privacy_area li.settings_info .settings_info_menu {
    background-color: #f3f4f5;
    border: 2px solid #e7e3e3;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    border-radius: 5px;
	-moz-box-shadow: 2px 2px 3px #c1c1c1;
	-webkit-box-shadow: 2px 2px 3px #c1c1c1;
    box-shadow: 3px 3px 3px #c1c1c1;
    left: 0;
    position: absolute;
    top: 0;
    width: 135px;
    z-index: 1000;
    margin: 0;
    padding: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu.off {
	border-width: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: transparent;
}
.social_share_privacy_area li.settings_info .settings_info_menu.off form {
	display: none;
	margin: 0;
	padding: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu .settings {
	text-indent: -9999em;
	display: inline-block;
	background: #fff url('../../fileadmin/templates/images/socialshareprivacy/settings.png') no-repeat center center scroll;
	width: 25px;
	height: 20px;
	border: 2px solid #e7e3e3;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
	border-left: 1px solid #ddd;
	margin: 0;
	padding: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu.on .settings {
	border-top-width: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset {
    border-width: 0;
    margin: 0;
    padding: 0 10px 10px;
}
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset legend {
    font-size: 11px;
    font-weight: bold;
    line-height: 14px;
    margin: 0;
    padding: 10px 0;
	width: 115px;
}
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset input {
	clear: both;
    float: left;
    margin: 4px 10px 4px 0;
    padding: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset label {
    display: inline-block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    line-height: 24px;
	-moz-transition: color .5s ease-in;
	-webkit-transition: color .5s ease-in;
	transition: color .5s ease-in;
	margin: 0;
	padding: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset label.checked {
	color: #090;
}
/* Settings/Info end */