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

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

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  border-radius: 4px; }

.fancybox-opened {
  z-index: 8030; }

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }

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

.fancybox-inner {
  overflow: hidden; }

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

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

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

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

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url("/typo3conf/ext/bgm_theme_corratec/Resources/Public/FancyBox/source/fancybox_sprite.png"); }

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

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url("/typo3conf/ext/bgm_theme_corratec/Resources/Public/FancyBox/source/fancybox_loading.gif") center center no-repeat; }

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040; }

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

.fancybox-prev {
  left: 0; }

.fancybox-next {
  right: 0; }

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden; }

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px; }

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px; }

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

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important; }

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

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

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

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url("/typo3conf/ext/bgm_theme_corratec/Resources/Public/FancyBox/source/fancybox_overlay.png"); }

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

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

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050; }

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

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center; }

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap; }

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff; }

.fancybox-title-inside-wrap {
  padding-top: 10px; }

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8); }

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url("/typo3conf/ext/bgm_theme_corratec/Resources/Public/FancyBox/source/fancybox_sprite@2x.png");
    background-size: 44px 152px;
    /*The size of the normal image, half the size of the hi-res image*/ }
  #fancybox-loading div {
    background-image: url("/typo3conf/ext/bgm_theme_corratec/Resources/Public/FancyBox/source/fancybox_loading@2x.gif");
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/ } }

#fancybox-buttons {
  position: fixed;
  left: 0;
  width: 100%;
  z-index: 8050; }

#fancybox-buttons.top {
  top: 10px; }

#fancybox-buttons.bottom {
  bottom: 10px; }

#fancybox-buttons ul {
  display: block;
  width: 166px;
  height: 30px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  border: 1px solid #111;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
  background: #323232;
  background: -o-linear-gradient(top, #444444 0%, #343434 50%, #292929 50%, #333333 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#444444), color-stop(50%, #343434), color-stop(50%, #292929), to(#333333));
  background: linear-gradient(top, #444444 0%, #343434 50%, #292929 50%, #333333 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 ); }

#fancybox-buttons ul li {
  float: left;
  margin: 0;
  padding: 0; }

#fancybox-buttons a {
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background-color: transparent;
  background-image: url("/typo3conf/ext/bgm_theme_corratec/Resources/Public/FancyBox/source/helpers/fancybox_buttons.png");
  background-repeat: no-repeat;
  outline: none;
  opacity: 0.8; }

#fancybox-buttons a:hover {
  opacity: 1; }

#fancybox-buttons a.btnPrev {
  background-position: 5px 0; }

#fancybox-buttons a.btnNext {
  background-position: -33px 0;
  border-right: 1px solid #3e3e3e; }

#fancybox-buttons a.btnPlay {
  background-position: 0 -30px; }

#fancybox-buttons a.btnPlayOn {
  background-position: -30px -30px; }

#fancybox-buttons a.btnToggle {
  background-position: 3px -60px;
  border-left: 1px solid #111;
  border-right: 1px solid #3e3e3e;
  width: 35px; }

#fancybox-buttons a.btnToggleOn {
  background-position: -27px -60px; }

#fancybox-buttons a.btnClose {
  border-left: 1px solid #111;
  width: 35px;
  background-position: -56px 0px; }

#fancybox-buttons a.btnDisabled {
  opacity: 0.4;
  cursor: default; }

#fancybox-thumbs {
  position: fixed;
  left: 0;
  width: 100%;
  overflow: hidden;
  z-index: 8050; }

#fancybox-thumbs.bottom {
  bottom: 2px; }

#fancybox-thumbs.top {
  top: 2px; }

#fancybox-thumbs ul {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0; }

#fancybox-thumbs ul li {
  float: left;
  padding: 1px;
  opacity: 0.5; }

#fancybox-thumbs ul li.active {
  opacity: 0.75;
  padding: 0;
  border: 1px solid #fff; }

#fancybox-thumbs ul li:hover {
  opacity: 1; }

#fancybox-thumbs ul li a {
  display: block;
  position: relative;
  overflow: hidden;
  border: 1px solid #222;
  background: #111;
  outline: none; }

#fancybox-thumbs ul li img {
  display: block;
  position: relative;
  border: 0;
  padding: 0;
  max-width: none; }

/*defining Breakpoints*/
img, object, embed {
  height: auto;
  max-height: 100%;
  max-width: 100%; }

.gm-style img {
  max-height: none;
  max-width: none; }

@font-face {
  font-family: 'AvantageBold';
  src: url("../Fonts/avab-webfont.eot");
  src: url("../Fonts/avab-webfont.eot?#iefix") format("embedded-opentype"), url("../Fonts/avab-webfont.woff") format("woff"), url("../Fonts/avab-webfont.ttf") format("truetype"), url("../Fonts/avab-webfont.svg#AvantageBold") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Padding / Size */
/*@include opacity(0.8);*/
/*maximum Width of Page for large Breakpoint*/
.imageWrap {
  display: none;
  position: relative;
  z-index: 0;
  width: 100%;
  height: 0; }
  .imageWrap img {
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto; }
  .imageWrap.dummyImage img {
    height: 80%; }

.fancybox-nav {
  width: 10%; }

.fancybox-prev {
  left: -60px; }

.fancybox-next {
  right: -60px; }

.fancybox-image-zoomwrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .fancybox-image-zoomwrap .fancybox-image-zoom {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-transition: -webkit-transform .5s ease-out;
    transition: -webkit-transform .5s ease-out;
    -o-transition: transform .5s ease-out;
    transition: transform .5s ease-out;
    transition: transform .5s ease-out, -webkit-transform .5s ease-out;
    background-color: #ffffff; }

ul {
  list-style: square; }

.ce.list {
  clear: both;
  display: block; }

/* pt-sans-regular - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url("../Fonts/pt-sans-v9-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("PT Sans"), local("PTSans-Regular"), url("../Fonts/pt-sans-v9-latin-regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/pt-sans-v9-latin-regular.woff2") format("woff2"), url("../Fonts/pt-sans-v9-latin-regular.woff") format("woff"), url("../Fonts/pt-sans-v9-latin-regular.ttf") format("truetype"), url("../Fonts/pt-sans-v9-latin-regular.svg#PTSans") format("svg");
  /* Legacy iOS */ }

/* pt-sans-italic - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 400;
  src: url("../Fonts/pt-sans-v9-latin-italic.eot");
  /* IE9 Compat Modes */
  src: local("PT Sans Italic"), local("PTSans-Italic"), url("../Fonts/pt-sans-v9-latin-italic.eot?#iefix") format("embedded-opentype"), url("../Fonts/pt-sans-v9-latin-italic.woff2") format("woff2"), url("../Fonts/pt-sans-v9-latin-italic.woff") format("woff"), url("../Fonts/pt-sans-v9-latin-italic.ttf") format("truetype"), url("../Fonts/pt-sans-v9-latin-italic.svg#PTSans") format("svg");
  /* Legacy iOS */ }

/* pt-sans-700 - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: url("../Fonts/pt-sans-v9-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("PT Sans Bold"), local("PTSans-Bold"), url("../Fonts/pt-sans-v9-latin-700.eot?#iefix") format("embedded-opentype"), url("../Fonts/pt-sans-v9-latin-700.woff2") format("woff2"), url("../Fonts/pt-sans-v9-latin-700.woff") format("woff"), url("../Fonts/pt-sans-v9-latin-700.ttf") format("truetype"), url("../Fonts/pt-sans-v9-latin-700.svg#PTSans") format("svg");
  /* Legacy iOS */ }

/* pt-sans-700italic - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 700;
  src: url("../Fonts/pt-sans-v9-latin-700italic.eot");
  /* IE9 Compat Modes */
  src: local("PT Sans Bold Italic"), local("PTSans-BoldItalic"), url("../Fonts/pt-sans-v9-latin-700italic.eot?#iefix") format("embedded-opentype"), url("../Fonts/pt-sans-v9-latin-700italic.woff2") format("woff2"), url("../Fonts/pt-sans-v9-latin-700italic.woff") format("woff"), url("../Fonts/pt-sans-v9-latin-700italic.ttf") format("truetype"), url("../Fonts/pt-sans-v9-latin-700italic.svg#PTSans") format("svg");
  /* Legacy iOS */ }

@font-face {
  font-family: 'webfont';
  src: url("../Fonts/Icon/webfont.ttf?5ejrnv") format("truetype"), url("../Fonts/Icon/webfont.woff?5ejrnv") format("woff"), url("../Fonts/Icon/webfont.svg?5ejrnv#webfont") format("svg");
  font-weight: normal;
  font-style: normal; }

.icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'webfont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-grid:before {
  content: "\f00a"; }

.icon-list:before {
  content: "\f00b"; }

.icon-navicon:before {
  content: "\f0c9"; }

.icon-left:before {
  content: "\e900"; }

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

.icon-down:before {
  content: "\e902"; }

.icon-up:before {
  content: "\e903"; }

.icon-search:before {
  content: "\e986"; }

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

.icon-twitter:before {
  content: "\ea96"; }

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

/*defining Breakpoints*/
img, object, embed {
  height: auto;
  max-height: 100%;
  max-width: 100%; }

.gm-style img {
  max-height: none;
  max-width: none; }

@font-face {
  font-family: 'AvantageBold';
  src: url("../Fonts/avab-webfont.eot");
  src: url("../Fonts/avab-webfont.eot?#iefix") format("embedded-opentype"), url("../Fonts/avab-webfont.woff") format("woff"), url("../Fonts/avab-webfont.ttf") format("truetype"), url("../Fonts/avab-webfont.svg#AvantageBold") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Padding / Size */
/*@include opacity(0.8);*/
/*maximum Width of Page for large Breakpoint*/
.imageWrap {
  display: none;
  position: relative;
  z-index: 0;
  width: 100%;
  height: 0; }
  .imageWrap img {
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto; }
  .imageWrap.dummyImage img {
    height: 80%; }

.fancybox-nav {
  width: 10%; }

.fancybox-prev {
  left: -60px; }

.fancybox-next {
  right: -60px; }

.fancybox-image-zoomwrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .fancybox-image-zoomwrap .fancybox-image-zoom {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-transition: -webkit-transform .5s ease-out;
    transition: -webkit-transform .5s ease-out;
    -o-transition: transform .5s ease-out;
    transition: transform .5s ease-out;
    transition: transform .5s ease-out, -webkit-transform .5s ease-out;
    background-color: #ffffff; }

ul {
  list-style: square; }

.ce.list {
  clear: both;
  display: block; }

/* Defining 50/50 */
.half {
  width: 100%;
  clear: right;
  float: right;
  margin-right: 0;
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    .half {
      width: 47.8260869565%;
      clear: right;
      float: left;
      margin-left: 0;
      margin-right: 4.347826087%;
      margin-bottom: 0px; }
      .half:nth-child(2) {
        width: 47.8260869565%;
        clear: right;
        float: right;
        margin-right: 0; } }

.halfAlternate {
  width: 100%;
  clear: right;
  float: right;
  margin-right: 0;
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    .halfAlternate {
      width: 47.8260869565%;
      clear: right;
      float: left;
      margin-left: 0;
      margin-right: 4.347826087%;
      margin-bottom: 0px; }
      .halfAlternate:nth-child(2) {
        width: 47.8260869565%;
        clear: right;
        float: right;
        margin-right: 0; } }

.halfRight {
  width: 100%;
  clear: right;
  float: right;
  margin-right: 0;
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    .halfRight {
      width: 49.6183206107%;
      clear: right;
      float: right;
      margin-right: 0;
      margin-bottom: 0px; } }

@media (min-width: 768px) {
  .tx-powermail .halfRight {
    width: 47.8%; } }

/* Defining 30/30/30 */
.third {
  width: 100%;
  clear: right;
  float: right;
  margin-right: 0;
  margin-bottom: 10px;
  min-height: 10px; }
  @media (min-width: 768px) {
    .third {
      width: 32.8244274809%;
      clear: right;
      float: left;
      margin-left: 0;
      margin-right: 0.7633587786%;
      margin-bottom: 0px; }
      .third:nth-child(3) {
        width: 32.8244274809%;
        clear: right;
        float: right;
        margin-right: 0; }
      .third.third66 {
        width: 66.4122137405%;
        clear: right;
        float: right;
        margin-right: 0; } }

/* grid ce 3Col with smaller gutter*/
.grid3Col .third {
  width: 100%;
  clear: right;
  float: right;
  margin-right: 0;
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    .grid3Col .third {
      width: 32.8244274809%;
      clear: right;
      float: left;
      margin-left: 0;
      margin-right: 0.7633587786%;
      margin-bottom: 0px; }
      .grid3Col .third:nth-child(3) {
        width: 32.8244274809%;
        clear: right;
        float: right;
        margin-right: 0; } }

.grid4Col {
  margin-bottom: 30px; }

/* Defining 25/25/25/25 */
.news-list-view .fourth {
  width: 100%;
  clear: right;
  float: right;
  margin-right: 0;
  margin-bottom: 10px;
  min-height: 10px; }
  @media (min-width: 480px) {
    .news-list-view .fourth {
      width: 49.1525423729%;
      clear: right;
      float: left;
      margin-left: 0;
      margin-right: 1.6949152542%; }
      .news-list-view .fourth:nth-child(2n+2) {
        width: 49.1525423729%;
        clear: right;
        float: right;
        margin-right: 0; } }
  @media (min-width: 768px) {
    .news-list-view .fourth {
      width: 32.2033898305%;
      clear: right;
      float: left;
      margin-left: 0;
      margin-right: 1.6949152542%;
      margin-bottom: 0px; }
      .news-list-view .fourth:nth-child(2n+2) {
        width: 32.2033898305%;
        clear: right;
        float: left;
        margin-left: 0;
        margin-right: 1.6949152542%; }
      .news-list-view .fourth:nth-child(3n+3) {
        width: 32.2033898305%;
        clear: right;
        float: right;
        margin-right: 0; } }
  @media (min-width: 1024px) {
    .news-list-view .fourth {
      width: 23.7288135593%;
      clear: right;
      float: left;
      margin-left: 0;
      margin-right: 1.6949152542%;
      margin-bottom: 0px; }
      .news-list-view .fourth:nth-child(2n+2), .news-list-view .fourth:nth-child(3n+3) {
        width: 23.7288135593%;
        clear: right;
        float: left;
        margin-left: 0;
        margin-right: 1.6949152542%; }
      .news-list-view .fourth:nth-child(4n+4) {
        width: 23.7288135593%;
        clear: right;
        float: right;
        margin-right: 0;
        margin-bottom: 6px; } }

/* Defining 25/25/25/25 END*/
.fourth-single {
  width: 100%;
  clear: right;
  float: right;
  margin-right: 0;
  margin-bottom: 10px; }
  @media (min-width: 640px) {
    .fourth-single {
      width: 23.7288135593%;
      clear: right;
      float: left;
      margin-left: 0;
      margin-right: 1.6949152542%; } }

.fourCol .fourth {
  width: 100%;
  clear: right;
  float: right;
  margin-right: 0;
  margin-bottom: 10px;
  min-height: 10px; }
  @media (min-width: 480px) {
    .fourCol .fourth {
      width: 49.1525423729%;
      clear: right;
      float: left;
      margin-left: 0;
      margin-right: 1.6949152542%; }
      .fourCol .fourth:nth-child(2n+2) {
        width: 49.1525423729%;
        clear: right;
        float: right;
        margin-right: 0; } }
  @media (min-width: 769px) {
    .fourCol .fourth {
      width: 32.2033898305%;
      clear: right;
      float: left;
      margin-left: 0;
      margin-right: 1.6949152542%;
      margin-bottom: 0px; }
      .fourCol .fourth:nth-child(2n+2) {
        width: 32.2033898305%;
        clear: right;
        float: left;
        margin-left: 0;
        margin-right: 1.6949152542%; }
      .fourCol .fourth:nth-child(3n+3) {
        width: 32.2033898305%;
        clear: right;
        float: right;
        margin-right: 0; } }
  @media (min-width: 1024px) {
    .fourCol .fourth {
      width: 23.7288135593%;
      clear: right;
      float: left;
      margin-left: 0;
      margin-right: 1.6949152542%;
      margin-bottom: 0px; }
      .fourCol .fourth:nth-child(2n+2), .fourCol .fourth:nth-child(3n+3) {
        width: 23.7288135593%;
        clear: right;
        float: left;
        margin-left: 0;
        margin-right: 1.6949152542%; }
      .fourCol .fourth:nth-child(4n+4) {
        width: 23.7288135593%;
        clear: right;
        float: right;
        margin-right: 0; } }

/* Defining 25/25/25/25 END*/
.fourth-single {
  width: 100%;
  clear: right;
  float: right;
  margin-right: 0;
  margin-bottom: 10px; }
  @media (min-width: 640px) {
    .fourth-single {
      width: 23.7288135593%;
      clear: right;
      float: left;
      margin-left: 0;
      margin-right: 1.6949152542%; } }

/* Defining 75 / 25 */
.nineTwelve {
  width: 74.5762711864%;
  clear: right;
  float: left;
  margin-left: 0;
  margin-right: 1.6949152542%; }

.threeTwelve {
  width: 23.7288135593%;
  clear: right;
  float: right;
  margin-right: 0; }

/* Defining 25 / 75 */
.nineTwelveRight {
  width: 74.5762711864%;
  clear: right;
  float: right;
  margin-right: 0; }

.threeTwelveLeft {
  width: 23.7288135593%;
  clear: right;
  float: left;
  margin-left: 0;
  margin-right: 1.6949152542%; }

.fourth h2, .fourth h3, .fourth h4 {
  text-transform: uppercase;
  color: #000; }

@media (min-width: 1600px) {
  .ce.fourCol {
    margin-bottom: 60px; } }

.eventItem .five {
  width: 100%;
  clear: right;
  float: right;
  margin-right: 0; }
  @media (min-width: 640px) {
    .eventItem .five {
      width: 40.6779661017%;
      clear: right;
      float: left;
      margin-left: 0;
      margin-right: 1.6949152542%; } }

.eventItem .sec {
  width: 100%;
  clear: right;
  float: right;
  margin-right: 0; }
  @media (min-width: 768px) {
    .eventItem .sec {
      width: 23.7288135593%;
      clear: right;
      float: right;
      margin-right: 0; } }

@media (min-width: 768px) and (max-width: 768px) {
  .page_wrap.padding.grid4Col {
    margin-left: 20px; }
  .page_wrap.padding.grid4Col .ce-bodytext {
    padding-right: 20px; } }

/* Colors */
/*topbar BG Color*/
/*Stage(above Content) BG Color*/
/* Footer  BG Color*/
/* Bottom  BG Color*/
/*Font Colors*/
/*border above footer*/
/*the silder pagination hover and active color*/
.blue {
  color: #003788; }

.grey {
  color: #b7b7b7; }

.redBg {
  background-color: #b00000; }

.whiteBg {
  background-color: #fff; }

.blueBg {
  background-color: #016bff; }

.text ul {
  margin: 0;
  margin-left: 25px;
  list-style: square;
  padding: 0; }
  .text ul li {
    padding-left: 0;
    padding-bottom: 15px; }

.textmedia ul {
  list-style: square; }

.bold {
  font-weight: bold; }

/* Buttons */
.button {
  width: auto;
  height: auto;
  padding: 20px;
  border: none;
  background: #003788;
  margin: 0; }

/* @mixin skew( $side: right, $deg: -$skewDegree, $right: -15px, $left: -15px, $width: 30px, $bg: $buttonColor)  */
.skewRight {
  position: relative; }
  .skewRight:before {
    z-index: -1;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: -23px;
    display: block;
    width: 47px;
    background: #003788;
    -webkit-transform: skew(-42deg);
    -ms-transform: skew(-42deg);
    transform: skew(-42deg); }

.skewLeft {
  position: relative; }
  .skewLeft:before {
    z-index: -1;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -28px;
    display: block;
    width: 55px;
    background: #003788;
    -webkit-transform: skew(-42deg);
    -ms-transform: skew(-42deg);
    transform: skew(-42deg); }

.skewBothSides {
  display: inline-block;
  width: auto;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: skew(-42deg);
  -ms-transform: skew(-42deg);
  transform: skew(-42deg); }
  .skewBothSides span {
    text-decoration: none;
    display: block;
    -webkit-transform: skew(42deg);
    -ms-transform: skew(42deg);
    transform: skew(42deg); }

ul.breadcrumb {
  list-style: none;
  padding: 0;
  margin: 0; }
  ul.breadcrumb li {
    float: left; }
    ul.breadcrumb li a {
      display: inline-block;
      width: auto;
      -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
      transform-origin: 0 0;
      -webkit-transform: skew(-42deg);
      -ms-transform: skew(-42deg);
      transform: skew(-42deg);
      display: block;
      text-decoration: none;
      text-transform: none;
      padding: 10px;
      padding-bottom: 3px;
      padding-top: 3px;
      padding-left: 0;
      color: #fff;
      border-right: 4px #fff solid; }
      ul.breadcrumb li a span {
        text-decoration: none;
        display: block;
        -webkit-transform: skew(42deg);
        -ms-transform: skew(42deg);
        transform: skew(42deg); }
      ul.breadcrumb li a span {
        padding-left: 16px;
        padding-right: 8px; }
    ul.breadcrumb li:last-child a {
      border-right: none; }

/* mobile hamburger icon */
#mobileNavTrigger {
  float: right;
  display: block;
  font-size: 28px;
  text-align: center;
  z-index: 3213;
  position: absolute;
  right: 13px;
  top: 9px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s; }
  #mobileNavTrigger:before {
    content: '\f0c9';
    color: #fff;
    font-family: 'webfont';
    vertical-align: top; }
  @media (min-width: 768px) {
    #mobileNavTrigger {
      display: none; } }

/* metanavigation  */
/* <nav class="metanavigation"> Container */
.metanavigation {
  height: 30px;
  padding-top: 5px;
  /*language Selector*/ }
  .metanavigation .lang {
    float: right;
    position: relative; }
    @media (min-width: 768px) {
      .metanavigation .lang {
        margin-right: 10px; } }
    .metanavigation .lang ul {
      display: none;
      position: absolute;
      left: -5px;
      z-index: 12345;
      margin: 0;
      padding: 6px;
      position: absolute;
      top: 20px;
      width: 80px;
      background-color: #fff; }
      .metanavigation .lang ul li a {
        text-decoration: none; }
    .metanavigation .lang:hover ul {
      display: block !important; }
      .metanavigation .lang:hover ul li {
        padding: 0; }
        .metanavigation .lang:hover ul li .NO .icon {
          display: none; }
    .metanavigation .lang .ACT {
      cursor: pointer; }

/* <ul id="metanav"> */
#metanav {
  margin: 0;
  padding: 0;
  display: none; }
  @media (min-width: 768px) {
    #metanav {
      display: block;
      margin-right: 10px;
      float: right; } }
  #metanav li {
    float: left; }
    #metanav li a {
      text-decoration: none;
      font-size: 12px; }
      @media (min-width: 768px) {
        #metanav li a {
          margin-left: 5px;
          margin-right: 5px;
          color: #666; } }
      @media (min-width: 1024px) {
        #metanav li a {
          font-size: 14px; } }

/* Mainnavigation with layer for subpages */
/* <nav class="mainnavigation"> Container */
.mainnavigation {
  display: block; }
  @media (min-width: 768px) {
    .mainnavigation {
      float: right;
      display: inline;
      margin-top: 8px; } }
  @media (min-width: 1024px) {
    .mainnavigation {
      margin-top: 14px; } }

/* <ul id="nav"> */
#nav {
  margin: 0;
  padding: 0;
  display: none;
  background-color: #003788;
  list-style-type: none;
  /* the active state: triggered via hamburger-Icon: menu is shown in mobile view*/ }
  #nav.active {
    display: block;
    z-index: 123;
    position: relative;
    margin: 0;
    padding: 0;
    z-index: 123;
    top: 3px;
    clear: both; }
  @media (min-width: 768px) {
    #nav {
      display: block;
      position: inherit !important;
      background-color: transparent; } }
  #nav > li {
    display: block;
    padding-left: 20px;
    /*the TMENU Item state: active */
    /* the layer menu*/
    /*the JS Item state via click: */ }
    @media (min-width: 768px) {
      #nav > li.metanavItem {
        display: none; } }
    @media (min-width: 768px) {
      #nav > li {
        float: left;
        margin-right: 4px;
        padding-left: 0; } }
    #nav > li a {
      display: inline-block;
      width: auto;
      -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
      transform-origin: 0 0;
      -webkit-transform: skew(-42deg);
      -ms-transform: skew(-42deg);
      transform: skew(-42deg);
      display: block;
      text-decoration: none;
      text-transform: uppercase;
      padding: 10px;
      padding-left: 0;
      color: #fff; }
      #nav > li a span {
        text-decoration: none;
        display: block;
        -webkit-transform: skew(42deg);
        -ms-transform: skew(42deg);
        transform: skew(42deg); }
      @media (min-width: 768px) {
        #nav > li a {
          font-size: 16px;
          padding: 4px;
          padding-top: 10px;
          padding-bottom: 10px; } }
      @media (min-width: 1024px) {
        #nav > li a {
          font-size: 16px;
          padding: 8px;
          padding-top: 20px;
          padding-bottom: 20px; } }
      #nav > li a span {
        padding-left: 3px;
        padding-right: 3px; }
    #nav > li span.icon {
      display: none; }
    @media (min-width: 768px) {
      #nav > li.active a, #nav > li.activeItem a {
        background-color: #003788;
        border: 2px transparent solid;
        padding: 6px;
        padding-top: 10px;
        padding-bottom: 10px; } }
    @media (min-width: 1024px) {
      #nav > li.active a, #nav > li.activeItem a {
        padding: 20px 8px; } }
    #nav > li.active a.activeFirstLevel :hover,
    #nav > li.activeItem a.activeFirstLevel :hover,
    #nav > li a.activeFirstLevel :hover {
      cursor: default; }
    @media (min-width: 768px) {
      #nav > li.active a.activeFirstLevel,
      #nav > li.activeItem a.activeFirstLevel,
      #nav > li a.activeFirstLevel {
        background-color: #fff;
        color: #003788;
        padding: 6px;
        padding-top: 10px;
        padding-bottom: 10px;
        border: 2px #003788 solid; } }
    @media (min-width: 1024px) {
      #nav > li.active a.activeFirstLevel,
      #nav > li.activeItem a.activeFirstLevel,
      #nav > li a.activeFirstLevel {
        padding: 20px 8px; } }
    #nav > li .dropdown {
      display: none;
      padding-left: 20px;
      /* second Level */ }
      @media (min-width: 768px) {
        #nav > li .dropdown {
          position: absolute;
          padding-left: 0;
          left: 9%;
          top: 60px; } }
      @media (min-width: 1024px) {
        #nav > li .dropdown {
          top: 90px;
          left: 10%; } }
      @media (min-width: 1280px) {
        #nav > li .dropdown {
          left: 15%; } }
      #nav > li .dropdown ul {
        margin: 0;
        padding: 0;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none; }
        #nav > li .dropdown ul li {
          display: block;
          border-bottom: 1px #ccc solid;
          /*third Level Menu */
          /*third Level Menu will be visible if the secondLevel Item is active (via Click) */ }
          @media (min-width: 768px) {
            #nav > li .dropdown ul li {
              float: left;
              margin-right: 5px;
              border-bottom: none; } }
          @media (min-width: 768px) {
            #nav > li .dropdown ul li a.secondLevel {
              border: 2px #003788 solid;
              font-size: 14px;
              padding: 12px;
              padding-top: 2px;
              padding-bottom: 2px; } }
          @media (min-width: 1024px) {
            #nav > li .dropdown ul li a.secondLevel {
              font-size: 16px;
              padding-top: 6px;
              padding-bottom: 6px; } }
          @media (min-width: 768px) {
            #nav > li .dropdown ul li a.secondLevel span {
              padding: 0;
              padding-left: 16px;
              padding-right: 16px; } }
          @media (min-width: 1024px) {
            #nav > li .dropdown ul li a.secondLevel span {
              padding: 0;
              padding-left: 28px;
              padding-right: 28px; } }
          #nav > li .dropdown ul li a.activeSecondLevel:hover {
            cursor: default; }
          @media (min-width: 768px) {
            #nav > li .dropdown ul li a.activeSecondLevel {
              background-color: #fff;
              color: #003788; } }
          #nav > li .dropdown ul li .thirdLevelContainer {
            width: 100%;
            display: none; }
            @media (min-width: 768px) {
              #nav > li .dropdown ul li .thirdLevelContainer {
                background-color: #fff;
                padding: 10px;
                padding-right: 5px;
                padding-left: 5px;
                padding-bottom: 15px;
                position: absolute;
                left: -10%;
                width: 109%; } }
            @media (min-width: 1024px) {
              #nav > li .dropdown ul li .thirdLevelContainer {
                left: -11%;
                width: 115%; } }
            @media (min-width: 1280px) {
              #nav > li .dropdown ul li .thirdLevelContainer {
                left: -23%;
                width: 145%; } }
            #nav > li .dropdown ul li .thirdLevelContainer ul {
              margin: 0;
              padding: 0;
              -webkit-transform: none;
                  -ms-transform: none;
                      transform: none; }
              #nav > li .dropdown ul li .thirdLevelContainer ul li.thirdNavItem {
                display: block;
                margin-right: 0; }
                #nav > li .dropdown ul li .thirdLevelContainer ul li.thirdNavItem a.thirdLevelLink {
                  border: none;
                  -webkit-transform: skew(0deg);
                      -ms-transform: skew(0deg);
                          transform: skew(0deg);
                  -webkit-transform-origin: 0 0 0;
                      -ms-transform-origin: 0 0 0;
                          transform-origin: 0 0 0;
                  background-color: transparent;
                  font-size: 14px;
                  margin-bottom: 5px;
                  padding: 0; }
                  @media (min-width: 1024px) {
                    #nav > li .dropdown ul li .thirdLevelContainer ul li.thirdNavItem a.thirdLevelLink {
                      margin-bottom: 0; } }
                  #nav > li .dropdown ul li .thirdLevelContainer ul li.thirdNavItem a.thirdLevelLink span {
                    -webkit-transform: skew(0deg);
                        -ms-transform: skew(0deg);
                            transform: skew(0deg);
                    -webkit-transform-origin: 0 0 0;
                        -ms-transform-origin: 0 0 0;
                            transform-origin: 0 0 0; }
                #nav > li .dropdown ul li .thirdLevelContainer ul li.thirdNavItem span.imageWrap {
                  display: none !important;
                  z-index: 12;
                  margin: 0;
                  padding: 0 0 66% 0; }
                  @media (min-width: 768px) {
                    #nav > li .dropdown ul li .thirdLevelContainer ul li.thirdNavItem span.imageWrap {
                      display: inline-block !important; } }
                  #nav > li .dropdown ul li .thirdLevelContainer ul li.thirdNavItem span.imageWrap.dummyImage img {
                    height: 90%; }
                @media (min-width: 768px) {
                  #nav > li .dropdown ul li .thirdLevelContainer ul li.thirdNavItem {
                    float: left;
                    display: inline-block;
                    height: auto; }
                    #nav > li .dropdown ul li .thirdLevelContainer ul li.thirdNavItem.listItems_1, #nav > li .dropdown ul li .thirdLevelContainer ul li.thirdNavItem.listItems_2, #nav > li .dropdown ul li .thirdLevelContainer ul li.thirdNavItem.listItems_3 {
                      width: 25%; }
                    #nav > li .dropdown ul li .thirdLevelContainer ul li.thirdNavItem.listItems_4 {
                      width: 25%; }
                    #nav > li .dropdown ul li .thirdLevelContainer ul li.thirdNavItem.listItems_5 {
                      width: 20%; }
                    #nav > li .dropdown ul li .thirdLevelContainer ul li.thirdNavItem.listItems_6 {
                      overflow: hidden;
                      width: 16.0305343511%;
                      clear: right;
                      float: left;
                      margin-left: 0;
                      margin-right: 0.7633587786%; }
                      #nav > li .dropdown ul li .thirdLevelContainer ul li.thirdNavItem.listItems_6:nth-child(6) {
                        width: 16.0305343511%;
                        clear: right;
                        float: right;
                        margin-right: 0; }
                    #nav > li .dropdown ul li .thirdLevelContainer ul li.thirdNavItem a {
                      padding: 0 5px 0 5px; }
                    #nav > li .dropdown ul li .thirdLevelContainer ul li.thirdNavItem a.navigationLayerImageLink {
                      padding: 0;
                      background-color: transparent;
                      border: none transparent;
                      -webkit-transform: none;
                          -ms-transform: none;
                              transform: none; }
                      #nav > li .dropdown ul li .thirdLevelContainer ul li.thirdNavItem a.navigationLayerImageLink span {
                        -webkit-transform: none;
                            -ms-transform: none;
                                transform: none; }
                    #nav > li .dropdown ul li .thirdLevelContainer ul li.thirdNavItem a.thirdLevelLink .detailLink {
                      width: auto;
                      display: inline-block;
                      width: auto;
                      -webkit-transform-origin: 0 0;
                      -ms-transform-origin: 0 0;
                      transform-origin: 0 0;
                      -webkit-transform: skew(-42deg);
                      -ms-transform: skew(-42deg);
                      transform: skew(-42deg);
                      position: absolute;
                      bottom: 20px;
                      padding: 0 20px 0 0;
                      left: 0;
                      z-index: 15;
                      background-color: #003788; }
                      #nav > li .dropdown ul li .thirdLevelContainer ul li.thirdNavItem a.thirdLevelLink .detailLink span {
                        text-decoration: none;
                        display: block;
                        -webkit-transform: skew(42deg);
                        -ms-transform: skew(42deg);
                        transform: skew(42deg); }
                      #nav > li .dropdown ul li .thirdLevelContainer ul li.thirdNavItem a.thirdLevelLink .detailLink span {
                        -webkit-transform: skew(42deg);
                            -ms-transform: skew(42deg);
                                transform: skew(42deg);
                        padding: 1px 9px 4px 8px;
                        text-transform: none; } }
      @media (min-width: 768px) and (min-width: 768px) {
        #nav > li .dropdown ul li .thirdLevelContainer ul li.thirdNavItem a.thirdLevelLink .detailLink span {
          padding: 2px 4px 3px 6px;
          font-size: 12px; } }
      @media (min-width: 768px) and (min-width: 1024px) {
        #nav > li .dropdown ul li .thirdLevelContainer ul li.thirdNavItem a.thirdLevelLink .detailLink span {
          padding: 2px 4px 3px 6px;
          font-size: 12px; } }
      @media (min-width: 768px) and (min-width: 1280px) {
        #nav > li .dropdown ul li .thirdLevelContainer ul li.thirdNavItem a.thirdLevelLink .detailLink span {
          padding: 1px 9px 4px 8px;
          font-size: 14px; } }
                @media (min-width: 1024px) {
                  #nav > li .dropdown ul li .thirdLevelContainer ul li.thirdNavItem a {
                    font-size: 14px; } }
                #nav > li .dropdown ul li .thirdLevelContainer ul li.thirdNavItem a.blurThirdLevel img {
                  opacity: 0.4;
                  filter: alpha(opacity=40); }
                #nav > li .dropdown ul li .thirdLevelContainer ul li.thirdNavItem a.activeThirdLevel:hover {
                  cursor: default; }
                @media (min-width: 768px) {
                  #nav > li .dropdown ul li .thirdLevelContainer ul li.thirdNavItem a.activeThirdLevel .detailLink {
                    background-color: #fff;
                    border: 1px #003788 solid; } }
                @media (min-width: 1280px) {
                  #nav > li .dropdown ul li .thirdLevelContainer ul li.thirdNavItem a.activeThirdLevel .detailLink {
                    border: 2px #003788 solid; } }
                @media (min-width: 768px) {
                  #nav > li .dropdown ul li .thirdLevelContainer ul li.thirdNavItem a.activeThirdLevel .detailLink span {
                    color: #003788;
                    border-left: 1px #003788 solid; } }
                @media (min-width: 1280px) {
                  #nav > li .dropdown ul li .thirdLevelContainer ul li.thirdNavItem a.activeThirdLevel .detailLink span {
                    border-left: 2px #003788 solid; } }
                #nav > li .dropdown ul li .thirdLevelContainer ul li.thirdNavItem .fourthNavItem {
                  background-color: #fff;
                  height: 0;
                  left: 0;
                  position: absolute;
                  width: 100%;
                  display: none; }
                  @media (min-width: 768px) {
                    #nav > li .dropdown ul li .thirdLevelContainer ul li.thirdNavItem .fourthNavItem.fourthNavItemActive {
                      display: block;
                      height: auto; } }
                  #nav > li .dropdown ul li .thirdLevelContainer ul li.thirdNavItem .fourthNavItem .imageWrap {
                    display: none;
                    z-index: 0;
                    margin: 0;
                    padding: 0 0 56% 0; }
                    @media (min-width: 768px) {
                      #nav > li .dropdown ul li .thirdLevelContainer ul li.thirdNavItem .fourthNavItem .imageWrap {
                        display: inline-block; } }
                    #nav > li .dropdown ul li .thirdLevelContainer ul li.thirdNavItem .fourthNavItem .imageWrap.dummyImage img {
                      height: 80%; }
          #nav > li .dropdown ul li.thirdLevelActive .thirdLevelContainer {
            display: block;
            margin-bottom: 10px; }
            @media (min-width: 768px) {
              #nav > li .dropdown ul li.thirdLevelActive .thirdLevelContainer {
                margin-bottom: 0; } }
          #nav > li .dropdown ul li.thirdLevelActive ul {
            display: block; }
    #nav > li.activeItem {
      /* show layer*/ }
      #nav > li.activeItem .dropdown {
        display: block; }

/*special configuration for mobile nav*/
@media screen and (max-width: 767px) {
  #nav > li {
    border-bottom: 1px #ccc solid;
    position: relative;
    /* icons for nav */ }
    #nav > li:last-child {
      border-bottom: none; }
    #nav > li a {
      -webkit-transform: none;
          -ms-transform: none;
              transform: none;
      position: relative; }
      #nav > li a span {
        -webkit-transform: none;
            -ms-transform: none;
                transform: none; }
    #nav > li span.icon {
      position: absolute;
      right: 8px;
      top: 10px;
      color: #fff;
      display: block;
      -webkit-transform: none;
          -ms-transform: none;
              transform: none;
      font-size: 26px;
      width: 40px;
      cursor: pointer;
      z-index: auto; }
      #nav > li span.icon.icon-down {
        color: #fff; }
        #nav > li span.icon.icon-down:before {
          padding-left: 15px; }
  #nav > li.activeItem > span.icon-down:before {
    content: "\e903"; }
  #nav > li .dropdown ul li.thirdLevelActive > span.icon-down:before {
    content: "\e903"; }
  #nav > li .dropdown ul li {
    position: relative; }
  #nav > li .dropdown {
    padding-left: 2px; }
    #nav > li .dropdown ul li a {
      -webkit-transform: none;
          -ms-transform: none;
              transform: none;
      padding-left: 0; }
  #nav > li .dropdown ul li:last-child {
    border-bottom: none; }
  #nav > li .dropdown ul li.thirdLevelActive .thirdLevelContainer {
    padding-left: 3px; }
    #nav > li .dropdown ul li.thirdLevelActive .thirdLevelContainer ul li a {
      padding-left: 15px; }
  #nav > li .dropdown ul li .thirdLevelContainer ul li.thirdNavItem {
    border: none; }
  #nav > li .dropdown ul li .thirdLevelContainer ul li.thirdNavItem a .detailLink .button,
  #nav > li .dropdown ul li .thirdLevelContainer ul li.thirdNavItem a.activeThirdLevel .detailLink .button {
    border: none;
    background: transparent none repeat scroll 0 0;
    color: #fff; }
  #nav > li .dropdown ul li .thirdLevelContainer ul li.thirdNavItem .imageWrap.dummyImage {
    margin: 0;
    padding: 0; }
  #nav > li .dropdown ul li .thirdLevelContainer ul li.thirdNavItem .imageWrap.dummyImage img {
    display: none; }
  #nav > li .dropdown ul li .thirdLevelContainer ul li.thirdNavItem a.thirdLevelLink {
    line-height: 1; } }

#bottom ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  float: none;
  clear: none; }
  #bottom ul#sponsor {
    display: none;
    margin-top: 5px; }
    #bottom ul#sponsor li {
      text-align: center;
      font-size: 8px;
      line-height: 10px;
      text-align: center;
      color: #a5a4a4; }
      #bottom ul#sponsor li img {
        margin-bottom: 3px; }
  #bottom ul#socialLinks {
    width: 100%;
    clear: right;
    float: right;
    margin-right: 0; }
  @media (min-width: 640px) {
    #bottom ul.footerUl {
      width: 16.0305343511%;
      clear: right;
      float: left;
      margin-left: 0;
      margin-right: 0.7633587786%; }
    #bottom ul#sponsor {
      display: block; }
    #bottom ul#socialLinks {
      width: 16.0305343511%;
      clear: right;
      float: right;
      margin-right: 0; } }
  #bottom ul li {
    float: left;
    width: 50%;
    font-size: 12px;
    color: #000; }
    @media (min-width: 640px) {
      #bottom ul li {
        width: 100%; } }
    #bottom ul li a {
      font-size: 12px;
      color: #000;
      display: block;
      margin-top: 5px;
      margin-bottom: 5px;
      text-decoration: none;
      text-transform: uppercase; }
      @media (min-width: 640px) {
        #bottom ul li a {
          font-size: 10px;
          margin-top: 3px;
          margin-bottom: 3px; } }
      @media (min-width: 1024px) {
        #bottom ul li a {
          font-size: 12px; } }
      @media (min-width: 1280px) {
        #bottom ul li a {
          font-size: 14px; } }
    #bottom ul li ul {
      display: none; }
      @media (min-width: 480px) {
        #bottom ul li ul {
          display: block; } }
      #bottom ul li ul li {
        color: #a5a4a4;
        width: 100%;
        line-height: 1; }
        #bottom ul li ul li a {
          color: #a5a4a4; }
          @media (min-width: 768px) {
            #bottom ul li ul li a {
              display: block;
              padding-top: 3px;
              padding-bottom: 5px; } }

#bottom ul#bottomNavigation {
  width: 100%;
  clear: right;
  float: right;
  margin-right: 0;
  width: 97%;
  clear: none; }
  @media (min-width: 640px) {
    #bottom ul#bottomNavigation {
      width: 66.4122137405%;
      clear: right;
      float: left;
      margin-left: 0;
      margin-right: 0.7633587786%;
      width: auto;
      float: right; } }
  @media (min-width: 1280px) {
    #bottom ul#bottomNavigation {
      margin-top: -10px; } }
  #bottom ul#bottomNavigation li {
    width: 100%; }
    @media (min-width: 640px) {
      #bottom ul#bottomNavigation li {
        float: left;
        width: auto;
        padding-left: 10px;
        padding-right: 10px; } }
    #bottom ul#bottomNavigation li a {
      text-transform: none;
      font-size: 10px; }
      @media (min-width: 640px) {
        #bottom ul#bottomNavigation li a {
          font-size: 12px; } }

#bottom ul#copyrightText {
  width: 100%;
  clear: right;
  float: right;
  margin-right: 0;
  width: auto;
  bottom: 10px;
  right: 10px;
  margin-right: 0;
  position: absolute; }
  @media (min-width: 640px) {
    #bottom ul#copyrightText {
      width: 32.8244274809%;
      clear: right;
      float: left;
      margin-left: 0;
      margin-right: 0.7633587786%;
      position: relative;
      bottom: 0;
      right: 0; } }
  #bottom ul#copyrightText li {
    width: 100%;
    font-size: 10px; }
    @media (min-width: 640px) {
      #bottom ul#copyrightText li {
        font-size: 12px; } }

/*the fourth LEVEL Content */
#nav .fourthNavContent {
  padding: 20px;
  padding-bottom: 0;
  /* the link below bikenavigation */
  /*the bikenavigation */
  /*the bike Content*/ }
  #nav .fourthNavContent a.linkToOverview {
    width: 24.427480916%;
    clear: right;
    float: left;
    margin-left: 0;
    margin-right: 0.7633587786%;
    position: absolute;
    bottom: 10px;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    color: #6d6d6d;
    background-color: transparent; }
    #nav .fourthNavContent a.linkToOverview:after {
      content: ">";
      position: absolute;
      right: 0; }
    #nav .fourthNavContent a.linkToOverview:hover {
      color: #003788; }
  #nav .fourthNavContent .fourthLevelItemNavigationContainer {
    width: 24.427480916%;
    clear: right;
    float: left;
    margin-left: 0;
    margin-right: 0.7633587786%; }
    #nav .fourthNavContent .fourthLevelItemNavigationContainer ul li {
      display: block;
      width: 100%;
      padding-bottom: 6px; }
      #nav .fourthNavContent .fourthLevelItemNavigationContainer ul li a {
        color: #6d6d6d;
        background-color: transparent;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        padding-bottom: 5px;
        position: relative; }
        #nav .fourthNavContent .fourthLevelItemNavigationContainer ul li a.open, #nav .fourthNavContent .fourthLevelItemNavigationContainer ul li a:hover {
          color: #003788; }
        #nav .fourthNavContent .fourthLevelItemNavigationContainer ul li a.open:hover {
          cursor: default; }
        #nav .fourthNavContent .fourthLevelItemNavigationContainer ul li a:after {
          content: ">";
          position: absolute;
          right: -15px; }
  #nav .fourthNavContent .fourthLevelItemContent {
    min-height: 250px;
    width: 74.8091603053%;
    clear: right;
    float: right;
    margin-right: 0;
    /* Image */
    /* Text */
    /* the link to the bike series */ }
    #nav .fourthNavContent .fourthLevelItemContent .imageContainer {
      width: 66.4122137405%;
      clear: right;
      float: left;
      margin-left: 0;
      margin-right: 0.7633587786%; }
    #nav .fourthNavContent .fourthLevelItemContent .textContainer {
      width: 32.8244274809%;
      clear: right;
      float: right;
      margin-right: 0; }
      #nav .fourthNavContent .fourthLevelItemContent .textContainer h4 {
        margin-top: 0;
        font-size: 18px;
        color: #6d6d6d; }
      #nav .fourthNavContent .fourthLevelItemContent .textContainer p {
        margin-bottom: 0;
        font-size: 14px;
        line-height: 16px; }
    #nav .fourthNavContent .fourthLevelItemContent a.linkToFamily {
      width: 41.2213740458%;
      clear: right;
      float: right;
      margin-right: 0;
      right: 10px;
      position: absolute;
      bottom: 10px; }
      @media (min-width: 1024px) {
        #nav .fourthNavContent .fourthLevelItemContent a.linkToFamily {
          width: 24.427480916%;
          clear: right;
          float: right;
          margin-right: 0;
          right: 0; } }
      #nav .fourthNavContent .fourthLevelItemContent a.linkToFamily:after {
        bottom: 5px;
        color: #fff;
        content: "\e901";
        font-family: 'webfont' !important;
        font-size: 24px;
        position: absolute;
        right: 20px;
        -webkit-transform: skew(42deg);
            -ms-transform: skew(42deg);
                transform: skew(42deg); }

/*social Links fotter Right*/
#bottom #socialLinks li {
  float: left;
  width: auto;
  padding-right: 6px; }
  #bottom #socialLinks li a span:before {
    font-size: 20px;
    color: #666; }
  #bottom #socialLinks li a:hover span:before {
    color: #003788; }

@media (min-width: 768px) and (max-width: 768px) {
  #nav > li a {
    font-size: 15px; }
  .metanavigation .lang {
    float: left; }
  #metanav {
    max-width: 442px;
    height: 24px;
    overflow: hidden; } }

/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin: 0 auto 0;
  padding: 0;
  *zoom: 1;
  overflow: hidden;
  -ms-touch-action: pan-y;
  touch-action: pan-y; }
  .bx-wrapper img,
  .bx-wrapper .imageWrap {
    max-width: 100%;
    display: block; }

.bxslider {
  margin: 0;
  padding: 0; }

ul.bxslider {
  list-style: none; }

.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
  /*blurLayer*/ }
  .bx-viewport .leftBlur {
    display: none;
    position: absolute;
    height: 100%;
    left: 0;
    background: rgba(255, 255, 255, 0.6); }
    @media (min-width: 768px) {
      .bx-viewport .leftBlur {
        display: block; } }
  .bx-viewport .rightBlur {
    display: none;
    position: absolute;
    height: 100%;
    right: 0;
    background: rgba(255, 255, 255, 0.6); }
    @media (min-width: 768px) {
      .bx-viewport .rightBlur {
        display: block; } }

/** THEME
===================================*/
/*we limit the slider to maximum width*/
.fullPageSlider {
  max-width: 2000px;
  margin-left: auto;
  margin-right: auto; }

.bx-wrapper {
  background: #fff; }
  .bx-wrapper .bx-pager,
  .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: 10px;
    width: auto;
    right: 10%; }
    @media (min-width: 768px) {
      .bx-wrapper .bx-pager,
      .bx-wrapper .bx-controls-auto {
        right: 20%; } }

/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url("../Images/bx_loader.gif") center center no-repeat #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000; }

/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 0; }
  .bx-wrapper .bx-pager.bx-default-pager a {
    background: transparent;
    text-indent: -9999px;
    display: block;
    margin: 0 1px;
    outline: 0;
    border: 1px #fff solid;
    width: 15px;
    height: 20px; }
    @media (min-width: 768px) {
      .bx-wrapper .bx-pager.bx-default-pager a {
        width: 25px;
        height: 30px; } }
    .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
      background: #003788; }

.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline; }

.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
  -webkit-transform: skew(-40deg);
      -ms-transform: skew(-40deg);
          transform: skew(-40deg);
  -webkit-transform-origin: 0 0 0;
      -ms-transform-origin: 0 0 0;
          transform-origin: 0 0 0;
  width: auto; }

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 0px; }
  .bx-wrapper .bx-prev::before {
    background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    display: block;
    position: absolute;
    right: -20px;
    top: 0;
    -webkit-transform: skew(-40deg);
        -ms-transform: skew(-40deg);
            transform: skew(-40deg);
    width: 100px;
    z-index: -1; }
    @media (min-width: 768px) {
      .bx-wrapper .bx-prev::before {
        right: -30px; } }
  .bx-wrapper .bx-prev span {
    padding-left: 7px; }
    @media (min-width: 768px) {
      .bx-wrapper .bx-prev span {
        padding-left: 15px; } }

.bx-wrapper .bx-next {
  right: 0px; }
  .bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus {
    /*background-position: -43px 0;*/ }
  .bx-wrapper .bx-next:before {
    background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    display: block;
    left: -18px;
    position: absolute;
    top: 0;
    -webkit-transform: skew(-40deg);
        -ms-transform: skew(-40deg);
            transform: skew(-40deg);
    width: 100px;
    z-index: -1; }
    @media (min-width: 768px) {
      .bx-wrapper .bx-next:before {
        right: -30px; } }
  .bx-wrapper .bx-next span {
    padding-left: 4px;
    padding-right: 8px; }
    @media (min-width: 768px) {
      .bx-wrapper .bx-next span {
        padding-right: 15px; } }

.bx-wrapper .bx-controls {
  heigth: auto; }

.bx-wrapper .bx-controls-direction a {
  background-color: transparent;
  text-decoration: none;
  color: #fff;
  outline: 0 none;
  position: absolute;
  top: 50%;
  height: 40px;
  margin-top: -15px;
  z-index: 8; }
  @media (min-width: 768px) {
    .bx-wrapper .bx-controls-direction a {
      width: 39px;
      height: 60px;
      margin-top: -30px; } }
  .bx-wrapper .bx-controls-direction a.disabled {
    display: none; }
  .bx-wrapper .bx-controls-direction a span {
    display: block;
    font-size: 34px;
    padding-top: 4px; }
    @media (min-width: 768px) {
      .bx-wrapper .bx-controls-direction a span {
        font-size: 40px;
        padding-top: 16px; } }
  .bx-wrapper .bx-controls-direction a:hover:before {
    background: white none repeat scroll 0 0; }
  .bx-wrapper .bx-controls-direction a:hover span {
    color: #003788; }

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center; }
  .bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url("../Images/controls.png") -86px -11px no-repeat;
    margin: 0 3px; }
    .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus {
      background-position: -86px 0; }
  .bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url("../Images/controls.png") -86px -44px no-repeat;
    margin: 0 3px; }
    .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus {
      background-position: -86px -33px; }

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%; }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px; }

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%; }
  .bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px; }

#topContent .fullPageSlider {
  margin-top: 75px; }

@media (min-width: 768px) {
  #topContent .fullPageSlider {
    margin-top: 0; } }

#topContent .fullPageSlider .bx-wrapper .bx-pager,
#topContent .fullPageSlider .bx-wrapper .bx-controls-auto {
  display: none; }

@media (min-width: 768px) {
  #topContent .fullPageSlider .bx-wrapper .bx-pager,
  #topContent .fullPageSlider .bx-wrapper .bx-controls-auto {
    right: 5%;
    bottom: 8px;
    display: block; } }

#topContent .fullPageSlider .bx-wrapper .bxslider > li {
  overflow: hidden; }

.sliderFullPage {
  /*the conteiner*/ }
  .sliderFullPage img {
    min-height: 154px; }
    @media (min-width: 768px) {
      .sliderFullPage img {
        min-height: 260px; } }
    @media (min-width: 1024px) {
      .sliderFullPage img {
        min-height: 348px; } }
  .sliderFullPage .contentContainer {
    display: inline-block;
    position: absolute;
    z-index: 5;
    left: 0;
    display: inline-block;
    width: auto;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: skew(-42deg);
    -ms-transform: skew(-42deg);
    transform: skew(-42deg);
    width: 245px;
    bottom: 15%;
    padding-right: 10px;
    padding-left: 25%;
    /* Box on the left side */
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+11,ffffff+100&0+22,0.85+60 */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(45deg, rgba(255, 255, 255, 0) 11%, rgba(255, 255, 255, 0) 22%, rgba(255, 255, 255, 0.85) 60%, rgba(255, 255, 255, 0.85) 100%);
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 11%, rgba(255, 255, 255, 0) 22%, rgba(255, 255, 255, 0.85) 60%, rgba(255, 255, 255, 0.85) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    /* blue Button with link */
    /* the content */ }
    .sliderFullPage .contentContainer span {
      text-decoration: none;
      display: block;
      -webkit-transform: skew(42deg);
      -ms-transform: skew(42deg);
      transform: skew(42deg); }
    @media (min-width: 768px) {
      .sliderFullPage .contentContainer {
        display: inline-block;
        width: auto;
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: skew(-42deg);
        -ms-transform: skew(-42deg);
        transform: skew(-42deg); }
        .sliderFullPage .contentContainer span {
          text-decoration: none;
          display: block;
          -webkit-transform: skew(42deg);
          -ms-transform: skew(42deg);
          transform: skew(42deg); } }
    @media (min-width: 768px) {
      .sliderFullPage .contentContainer {
        width: 245px; } }
    @media (min-width: 768px) {
      .sliderFullPage .contentContainer {
        bottom: 5%; } }
    @media (min-width: 1024px) {
      .sliderFullPage .contentContainer {
        bottom: 12%; } }
    @media (min-width: 768px) {
      .sliderFullPage .contentContainer {
        padding-right: 91px; } }
    @media (min-width: 768px) {
      .sliderFullPage .contentContainer {
        padding-left: 230px; } }
    @media (min-width: 1024px) {
      .sliderFullPage .contentContainer {
        padding-left: 250px; } }
    @media (min-width: 768px) {
      .sliderFullPage .contentContainer {
        /* Box on the right side */ }
        .sliderFullPage .contentContainer.right {
          left: auto;
          right: -200px;
          padding-left: 111px;
          padding-right: 180px;
          /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+89&0.85+40,0+78 */
          /* FF3.6-15 */
          /* Chrome10-25,Safari5.1-6 */
          background: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.85) 40%, rgba(255, 255, 255, 0) 78%, rgba(255, 255, 255, 0) 89%);
          background: linear-gradient(45deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.85) 40%, rgba(255, 255, 255, 0) 78%, rgba(255, 255, 255, 0) 89%);
          /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);
          /* IE6-9 fallback on horizontal gradient */ } }
    @media (min-width: 1024px) {
      .sliderFullPage .contentContainer {
        /* Box on the right side */ }
        .sliderFullPage .contentContainer.right {
          padding-left: 111px;
          padding-right: 280px; } }
    .sliderFullPage .contentContainer .detailLink {
      position: absolute;
      bottom: 5px;
      width: 100%;
      left: 5px; }
      @media (min-width: 768px) {
        .sliderFullPage .contentContainer .detailLink {
          left: 35px; } }
      .sliderFullPage .contentContainer .detailLink a span {
        padding: 4px 15px; }
    @media (min-width: 768px) {
      .sliderFullPage .contentContainer .detailLink {
        width: 113%;
        left: 10px; } }
    @media (min-width: 768px) {
      .sliderFullPage .contentContainer {
        /* Box on the right side */ }
        .sliderFullPage .contentContainer.right .detailLink {
          left: auto;
          right: 159px; } }
    .sliderFullPage .contentContainer .normalContent {
      text-decoration: none;
      display: block;
      height: 120px;
      -webkit-transform: skew(42deg);
      -ms-transform: skew(42deg);
      transform: skew(42deg); }
      @media (min-width: 768px) {
        .sliderFullPage .contentContainer .normalContent {
          height: 180px; } }
      .sliderFullPage .contentContainer .normalContent h2 {
        color: #003788;
        font-family: 'AvantageBold';
        text-transform: uppercase;
        font-size: 36px;
        line-height: 36px;
        margin-top: 12px;
        margin-bottom: 8px; }
        .sliderFullPage .contentContainer .normalContent h2 span {
          font-size: 22px;
          line-height: 22px;
          display: block;
          padding: 0;
          -webkit-transform: none;
              -ms-transform: none;
                  transform: none; }
      .sliderFullPage .contentContainer .normalContent p {
        font-size: 12px;
        line-height: 12px;
        display: none;
        margin: 6px 0; }
        @media (min-width: 768px) {
          .sliderFullPage .contentContainer .normalContent p {
            display: block; } }
      .sliderFullPage .contentContainer .normalContent .button {
        padding: 0;
        padding-left: 5px; }
      .sliderFullPage .contentContainer .normalContent a {
        text-decoration: none;
        color: #fff;
        display: block;
        font-size: 18px;
        font-weight: bold; }
        .sliderFullPage .contentContainer .normalContent a span {
          text-transform: uppercase; }
        .sliderFullPage .contentContainer .normalContent a:after {
          bottom: 5px;
          color: #fff;
          content: "\e901";
          font-family: 'webfont' !important;
          font-size: 24px;
          position: absolute;
          right: 20px;
          -webkit-transform: skew(42deg);
              -ms-transform: skew(42deg);
                  transform: skew(42deg); }

@media (max-width: 480px) {
  .sliderFullPage .contentContainer .normalContent {
    height: 100px; }
  .sliderFullPage .contentContainer .normalContent h2 {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 10px;
    margin-top: 10px; }
  .sliderFullPage .contentContainer .normalContent h2 span {
    font-size: 16px;
    line-height: 20px; }
  .sliderFullPage .contentContainer .normalContent a {
    font-size: 15px; }
  .sliderFullPage .contentContainer {
    padding-left: 23%;
    width: 230px; } }

.imageSlider, .bigPanels {
  padding-top: 10px;
  padding-bottom: 10px; }
  .imageSlider li.blurred, .bigPanels li.blurred {
    opacity: 0.5;
    filter: alpha(opacity=50); }
  .imageSlider .bx-wrapper .bx-next::before, .bigPanels .bx-wrapper .bx-next::before,
  .imageSlider .bx-wrapper .bx-prev::before,
  .bigPanels .bx-wrapper .bx-prev::before {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; }
  .imageSlider h3, .bigPanels h3 {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    left: 15px;
    margin: 0;
    position: absolute;
    top: 20px;
    line-height: 1; }
  .imageSlider a, .bigPanels a {
    text-decoration: none; }
  .imageSlider .detailLink, .bigPanels .detailLink {
    bottom: 10px;
    position: absolute;
    right: -4px;
    bottom: 10px;
    z-index: 8; }
    .imageSlider .detailLink .skewLeft::before, .bigPanels .detailLink .skewLeft::before {
      left: -18px;
      width: 35px; }
    .imageSlider .detailLink .button, .bigPanels .detailLink .button {
      padding: 15px; }
      .imageSlider .detailLink .button span, .bigPanels .detailLink .button span {
        left: 2px;
        color: #fff;
        font-size: 22px; }
        .imageSlider .detailLink .button span:after, .bigPanels .detailLink .button span:after {
          bottom: 5px;
          color: #fff;
          content: "\e901";
          font-family: 'webfont' !important;
          font-size: 24px;
          position: absolute;
          right: 16px;
          -webkit-transform: none;
              -ms-transform: none;
                  transform: none; }

.bigPanels {
  padding: 0;
  margin: 5px 0 0; }
  .bigPanels ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .bigPanels ul li {
      position: relative;
      width: 100%; }
      .bigPanels ul li img {
        width: 100%; }
      @media (min-width: 640px) {
        .bigPanels ul li {
          width: 50%; }
          .bigPanels ul li img {
            width: auto; } }

.teamSlider .bx-wrapper {
  padding-bottom: 60px; }

.teamSlider .bx-wrapper .bx-pager.bx-default-pager a {
  width: 10px;
  height: 10px;
  border-radius: 20px;
  margin-right: 7px;
  background: #ccc; }

.teamSlider .bx-wrapper .bx-pager.bx-default-pager a:hover,
.teamSlider .bx-wrapper .bx-pager.bx-default-pager a.active,
.teamSlider .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #003788; }

.teamSlider .bx-wrapper .bx-pager-item {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none; }

.teamSlider .bx-wrapper .bx-pager, .teamSlider .bx-wrapper .bx-controls-auto {
  position: relative;
  bottom: 1px;
  width: auto;
  margin-top: 40px;
  background: #fff;
  border: none;
  right: 0; }

.teamSlider .bx-wrapper .bx-prev {
  left: 15%; }
  @media (min-width: 769px) {
    .teamSlider .bx-wrapper .bx-prev {
      left: 30%; } }

.teamSlider .bx-wrapper .bx-next {
  right: 15%; }
  @media (min-width: 769px) {
    .teamSlider .bx-wrapper .bx-next {
      right: 30%; } }

.teamSlider .bx-wrapper .bx-prev::before,
.teamSlider .bx-wrapper .bx-next::before {
  display: none; }

.teamSlider .bx-wrapper .bx-controls-direction a {
  bottom: 30px;
  color: #003788;
  top: auto; }

.teamSlider .bx-wrapper .bx-controls-direction a span {
  font-size: 30px;
  font-weight: 400;
  padding-top: 14px; }
  @media (min-width: 769px) {
    .teamSlider .bx-wrapper .bx-controls-direction a span {
      padding-top: 17px; } }

@media (max-width: 768px) {
  .imageSlider.teamSlider, .teamSlider.bigPanels {
    margin-right: 10px;
    margin-left: 10px; } }

@media (min-width: 768px) and (max-width: 768px) {
  .news .teamItem .newsContent {
    height: 230px; }
  .news .teamItem .newsContent .detailLink {
    bottom: 55px !important; } }

.bikeSlider {
  padding-top: 10px;
  padding-bottom: 10px; }
  .bikeSlider .bx-wrapper .bx-next::before,
  .bikeSlider .bx-wrapper .bx-prev::before {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; }
  .bikeSlider .sliderimages {
    /*margin-left:18%;
    margin-right:18%;*/ }
  .bikeSlider a {
    text-decoration: none; }
  .bikeSlider .detailLink {
    bottom: 10px;
    position: absolute;
    left: 0;
    bottom: 5px;
    z-index: 8; }
    .bikeSlider .detailLink .button {
      padding: 5px 15px 5px 6px; }
      .bikeSlider .detailLink .button span {
        left: 2px;
        color: #fff;
        font-size: 14px;
        font-weight: bold; }
        .bikeSlider .detailLink .button span:after {
          bottom: 7px;
          color: #fff;
          content: "\e901";
          font-family: 'webfont' !important;
          font-size: 20px;
          position: absolute;
          right: -7px;
          -webkit-transform: none;
              -ms-transform: none;
                  transform: none; }

.gallerySlider {
  padding-top: 10px;
  padding-bottom: 10px; }
  .gallerySlider .bx-wrapper .bx-next::before,
  .gallerySlider .bx-wrapper .bx-prev::before {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; }
  .gallerySlider a {
    text-decoration: none; }
  .gallerySlider .detailLink {
    bottom: 10px;
    position: absolute;
    right: -4px;
    bottom: 10px;
    z-index: 8; }
    .gallerySlider .detailLink .skewLeft::before {
      left: -18px;
      width: 35px; }
    .gallerySlider .detailLink .button {
      padding: 15px; }
      .gallerySlider .detailLink .button span {
        color: #fff; }
        .gallerySlider .detailLink .button span:after {
          bottom: 4px;
          color: #fff;
          content: "\e986";
          font-family: "webfont" !important;
          font-size: 18px;
          position: absolute;
          right: 10px;
          -webkit-transform: none;
              -ms-transform: none;
                  transform: none; }
        .gallerySlider .detailLink .button span.video:after {
          content: "\e913";
          font-size: 20px; }

.headLineLeft,
.headLineRight {
  margin-top: 10px;
  margin-bottom: 10px; }
  @media (min-width: 1024px) {
    .headLineLeft,
    .headLineRight {
      margin-top: 20px;
      margin-bottom: 20px; } }
  .headLineLeft h2, .headLineLeft h3,
  .headLineRight h2,
  .headLineRight h3 {
    padding-left: 10px; }
    @media (min-width: 768px) {
      .headLineLeft h2, .headLineLeft h3,
      .headLineRight h2,
      .headLineRight h3 {
        padding-left: 0px; } }
  .headLineLeft .padding,
  .headLineRight .padding {
    padding: 0; }
    @media (min-width: 768px) {
      .headLineLeft .padding,
      .headLineRight .padding {
        padding-left: 10px;
        padding-right: 10px; } }

/*in larger Views:headline is skewed right/expand to left side*/
.headLineLeft {
  height: 40px;
  position: relative;
  color: #0d4b84; }
  .headLineLeft .halfLeft {
    width: 100%; }
    @media (min-width: 768px) {
      .headLineLeft .halfLeft {
        width: 50%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background-color: #f2f2f2; } }
  .headLineLeft h2, .headLineLeft h3 {
    background-color: #f2f2f2;
    line-height: 40px;
    font-size: 1.5em;
    margin: 0;
    margin-right: 0;
    text-transform: uppercase; }
    @media (min-width: 768px) {
      .headLineLeft h2, .headLineLeft h3 {
        margin-right: 60px; } }
    .headLineLeft h2 span, .headLineLeft h3 span {
      position: absolute;
      right: 20px;
      color: #bbb;
      font-size: 16px;
      text-transform: none; }
  .headLineLeft .skewRight::before {
    background: #f2f2f2 none repeat scroll 0 0;
    display: none; }
    @media (min-width: 768px) {
      .headLineLeft .skewRight::before {
        display: block; } }

/*in larger Views:headline is skewed right/expand to left side*/
.headLineRight {
  height: auto;
  position: relative;
  color: #0d4b84; }
  @media (min-width: 768px) {
    .headLineRight {
      height: 40px; } }
  .headLineRight .halfRight {
    width: 100%; }
    @media (min-width: 640px) {
      .headLineRight .halfRight {
        width: 50%;
        height: 100%;
        position: absolute;
        left: 50%;
        top: 0;
        background-color: #f2f2f2; } }
  .headLineRight h2 {
    background-color: #f2f2f2;
    line-height: 40px;
    margin: 0;
    margin-left: 0;
    text-transform: uppercase; }
  .headLineRight .skewLeft::before {
    z-index: -1;
    background: #f2f2f2 none repeat scroll 0 0;
    display: none; }
    @media (min-width: 768px) {
      .headLineRight .skewLeft::before {
        display: block; } }

.centeredHeader {
  text-align: center;
  color: #000;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 16px;
  font-size: 22px;
  max-width: 95vw;
  margin-right: auto;
  margin-left: auto;
  font-weight: bold; }
  @media (min-width: 769px) {
    .centeredHeader {
      margin-top: 46px;
      margin-bottom: 26px;
      font-size: 26px; } }
  .centeredHeader h2 {
    font-size: 34px;
    margin-bottom: 20px;
    margin-top: 10px;
    line-height: 1; }
    @media (min-width: 769px) {
      .centeredHeader h2 {
        font-size: 40px;
        margin-top: 20px; } }

@media (min-width: 768px) and (max-width: 768px) {
  .third .headLineLeft h2, .third .headLineLeft h3 {
    margin-right: 0;
    font-size: 14px; }
  .third .headLineLeft .skewRight::before {
    display: none; } }

.seriesOverview {
  padding-top: 20px;
  background-color: #fff;
  position: relative;
  margin-bottom: 30px;
  /* Header topLeft and bottomRight: in mobile View: full width  */
  /*imageContainer*/
  /*textContainer*/
  /*Headline top Left*/
  /* Link Bottom Right */ }
  .seriesOverview .headLineTopLeft,
  .seriesOverview .linkBottomRight {
    z-index: 1; }
    .seriesOverview .headLineTopLeft h1,
    .seriesOverview .headLineTopLeft h2,
    .seriesOverview .linkBottomRight h1,
    .seriesOverview .linkBottomRight h2 {
      padding-left: 10px; }
      @media (min-width: 768px) {
        .seriesOverview .headLineTopLeft h1,
        .seriesOverview .headLineTopLeft h2,
        .seriesOverview .linkBottomRight h1,
        .seriesOverview .linkBottomRight h2 {
          padding-left: 0; } }
    .seriesOverview .headLineTopLeft h1,
    .seriesOverview .linkBottomRight h1 {
      font-size: 1.5em; }
    .seriesOverview .headLineTopLeft .padding,
    .seriesOverview .linkBottomRight .padding {
      padding: 0; }
      @media (min-width: 768px) {
        .seriesOverview .headLineTopLeft .padding,
        .seriesOverview .linkBottomRight .padding {
          padding-left: 10px;
          padding-right: 10px; } }
  .seriesOverview .imageContainer {
    margin-top: 10px;
    text-align: center; }
    @media (min-width: 768px) {
      .seriesOverview .imageContainer {
        width: 58.0152671756%;
        clear: right;
        float: right;
        margin-right: 0;
        clear: none;
        margin-top: -40px; } }
    @media (min-width: 1024px) {
      .seriesOverview .imageContainer {
        width: 66.4122137405%;
        clear: right;
        float: right;
        margin-right: 0;
        clear: none; } }
  .seriesOverview .textContainer {
    color: #000;
    line-height: 1.25em; }
    @media (min-width: 768px) {
      .seriesOverview .textContainer {
        width: 41.2213740458%;
        clear: right;
        float: right;
        margin-right: 0;
        float: left;
        clear: none; } }
  @media (min-width: 768px) and (min-width: 1024px) {
    .seriesOverview .textContainer {
      width: 32.8244274809%;
      clear: right;
      float: right;
      margin-right: 0;
      float: left;
      clear: none; } }
    .seriesOverview .textContainer .slogan {
      color: #b8b8b8;
      font-size: 26px;
      line-height: 28px;
      font-weight: bold;
      margin-top: 10px;
      font-family: "AvantageBold"; }
      @media (min-width: 1024px) {
        .seriesOverview .textContainer .slogan {
          font-size: 34px;
          line-height: 36px;
          margin-top: 15px; } }
  .seriesOverview .headLineTopLeft {
    height: 40px;
    position: relative; }
    .seriesOverview .headLineTopLeft h1,
    .seriesOverview .headLineTopLeft h2 {
      background-color: #b8b8b8;
      font-family: "AvantageBold";
      line-height: 40px;
      margin: 0;
      color: #fff;
      width: 100%;
      text-align: center;
      text-transform: uppercase; }
      @media (min-width: 768px) {
        .seriesOverview .headLineTopLeft h1,
        .seriesOverview .headLineTopLeft h2 {
          margin-right: 60px;
          width: 45%;
          text-align: left; } }
      .seriesOverview .headLineTopLeft h1 span,
      .seriesOverview .headLineTopLeft h2 span {
        color: #4f4f4f;
        padding-left: 5px; }
    .seriesOverview .headLineTopLeft .thirdLeft {
      width: 100%; }
      @media (min-width: 768px) {
        .seriesOverview .headLineTopLeft .thirdLeft {
          width: 30%;
          height: 100%;
          position: absolute;
          left: 0;
          top: 0;
          background-color: #b8b8b8; } }
    .seriesOverview .headLineTopLeft .skewRight::before {
      background: #b8b8b8 none repeat scroll 0 0;
      display: none; }
      @media (min-width: 768px) {
        .seriesOverview .headLineTopLeft .skewRight::before {
          display: block;
          z-index: 1;
          right: -30px;
          width: 58px; } }
  .seriesOverview .linkBottomRight {
    height: 40px;
    position: relative; }
    @media (min-width: 768px) {
      .seriesOverview .linkBottomRight {
        width: 100%; } }
    .seriesOverview .linkBottomRight .thirdRight {
      width: 100%; }
      @media (min-width: 768px) {
        .seriesOverview .linkBottomRight .thirdRight {
          width: 30%;
          height: 100%;
          position: absolute;
          right: 0;
          top: 0;
          background-color: #003788; } }
    .seriesOverview .linkBottomRight a {
      background-color: #003788;
      line-height: 40px;
      font-size: 18px;
      /*font-family: "AvantageBold";*/
      text-decoration: none;
      text-transform: uppercase;
      color: #fff;
      display: block;
      width: 100%;
      padding-left: 10px; }
      @media (min-width: 768px) {
        .seriesOverview .linkBottomRight a {
          width: 35%;
          float: right;
          padding-left: 0px; } }
      .seriesOverview .linkBottomRight a span {
        display: block;
        z-index: 1;
        position: relative; }
      .seriesOverview .linkBottomRight a:after {
        bottom: 0;
        color: #fff;
        content: "\e901";
        font-family: 'webfont' !important;
        font-size: 18px;
        position: absolute;
        right: 30px;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none; }
    .seriesOverview .linkBottomRight .skewLeft::before {
      background: #003788 none repeat scroll 0 0;
      display: none; }
      @media (min-width: 640px) {
        .seriesOverview .linkBottomRight .skewLeft::before {
          display: block;
          z-index: 1;
          background-clip: padding-box; } }
    @media (min-width: 1024px) {
      .seriesOverview .linkBottomRight {
        border-left: 8px solid #FFFFFF; } }

.bikeDetail {
  /* grey bar :container for the image */
  /* styles for the contents*/
  /* the footer containing the features (special/common) and dealer link */
  /*grey bar with features: left vendor(special); right common*/
  /*the dealerlink */ }
  @media (min-width: 1024px) {
    .bikeDetail {
      margin-bottom: 6px; } }
  .bikeDetail .headLineTopLeft {
    width: 100%;
    height: auto; }
    @media (min-width: 768px) {
      .bikeDetail .headLineTopLeft {
        height: 60px; } }
    .bikeDetail .headLineTopLeft .bikeImage {
      text-align: center;
      background-color: #b8b8b8;
      color: #fff;
      width: 100%; }
      .bikeDetail .headLineTopLeft .bikeImage .imageWrap {
        position: relative;
        z-index: 1; }
      @media (min-width: 768px) {
        .bikeDetail .headLineTopLeft .bikeImage {
          width: 45%;
          height: 60px;
          margin-right: 60px;
          text-align: left; } }
  @media (min-width: 1024px) {
    .bikeDetail .imageContainer {
      margin-top: -60px; } }
  .bikeDetail .imageContainer .fancybox-trigger {
    display: none; }
    .bikeDetail .imageContainer .fancybox-trigger:first-child {
      display: block; }
  .bikeDetail span.item {
    width: 100%;
    line-height: 35px;
    float: left;
    display: block;
    line-height: 22px; }
    @media (min-width: 640px) {
      .bikeDetail span.item {
        float: none;
        width: 100%;
        line-height: 35px; } }
  .bikeDetail h1 {
    color: #b8b8b8;
    font-size: 26px;
    line-height: 28px;
    font-weight: bold;
    margin-top: 10px;
    font-family: "AvantageBold";
    text-align: center; }
    @media (min-width: 768px) {
      .bikeDetail h1 {
        text-align: left; } }
    @media (min-width: 1024px) {
      .bikeDetail h1 {
        font-size: 28px;
        line-height: 30px;
        font-weight: bold;
        margin-top: 30px; } }
    @media (min-width: 1280px) {
      .bikeDetail h1 {
        font-size: 34px;
        line-height: 36px; } }
    .bikeDetail h1 span {
      color: #5a5a5a; }
  .bikeDetail .property {
    padding-right: 5px; }
    .bikeDetail .property.propColor {
      padding-right: 15px; }
  .bikeDetail .colorsetwrapper {
    display: inline-block;
    vertical-align: top; }
    .bikeDetail .colorsetwrapper .colorset {
      display: inline-block;
      margin-left: 5px; }
      @media (min-width: 640px) {
        .bikeDetail .colorsetwrapper .colorset {
          margin-left: 20px; } }
      .bikeDetail .colorsetwrapper .colorset .color {
        border: 1px solid #000;
        display: inline-block;
        margin-left: 1px;
        margin-right: 1px;
        padding: 5px;
        position: relative;
        top: 7px;
        width: 5px;
        height: 5px; }
        @media (min-width: 640px) {
          .bikeDetail .colorsetwrapper .colorset .color {
            width: 10px;
            height: 10px;
            margin-left: 3px;
            margin-right: 3px; } }
      .bikeDetail .colorsetwrapper .colorset.clickable {
        cursor: pointer; }
    .bikeDetail .colorsetwrapper .colorsetseperator {
      display: none;
      margin-right: 10px;
      vertical-align: bottom;
      line-height: 1; }
      @media (min-width: 480px) {
        .bikeDetail .colorsetwrapper .colorsetseperator {
          display: inline-block; } }
      @media (min-width: 640px) {
        .bikeDetail .colorsetwrapper .colorsetseperator {
          vertical-align: middle;
          margin-right: 0; } }
      @media (min-width: 768px) {
        .bikeDetail .colorsetwrapper .colorsetseperator {
          vertical-align: middle; } }
  .bikeDetail .bikeDetailFooter {
    height: 60px;
    position: relative;
    height: auto; }
    @media (min-width: 768px) {
      .bikeDetail .bikeDetailFooter {
        background-color: #f2f2f2; } }
  .bikeDetail .features {
    margin-bottom: 3px;
    width: 100%;
    height: 63px;
    clear: both;
    display: none;
    background-color: #f2f2f2; }
    @media (min-width: 1024px) {
      .bikeDetail .features {
        height: 60px;
        float: left;
        margin-bottom: 0;
        padding-left: 0;
        width: 70%; } }
    .bikeDetail .features .special,
    .bikeDetail .features .common {
      display: inline-block;
      float: left;
      width: auto; }
      .bikeDetail .features .special img,
      .bikeDetail .features .common img {
        height: 50px;
        margin-top: 4px;
        cursor: pointer; }
    .bikeDetail .features .special {
      padding-left: 10px; }
      @media (min-width: 1024px) {
        .bikeDetail .features .special {
          padding-left: 0; } }
    .bikeDetail .features .common {
      float: right;
      padding-right: 10px; }
      @media (min-width: 1024px) {
        .bikeDetail .features .common {
          padding-right: 0; } }
  .bikeDetail .linkBottomRight .thirdRight {
    display: none;
    width: 20%; }
    @media (min-width: 1024px) {
      .bikeDetail .linkBottomRight .thirdRight {
        display: block; } }
  .bikeDetail .linkBottomRight a {
    font-size: 24px;
    line-height: 60px;
    width: 100%;
    font-weight: bold;
    padding-left: 0;
    position: relative;
    float: left; }
    @media (min-width: 1024px) {
      .bikeDetail .linkBottomRight a {
        width: 25%;
        float: right;
        padding-left: 10px; } }
    .bikeDetail .linkBottomRight a:after {
      bottom: 2px;
      font-size: 30px;
      right: 20px; }
      @media (min-width: 1024px) {
        .bikeDetail .linkBottomRight a:after {
          right: 40px; } }
    .bikeDetail .linkBottomRight a span {
      padding-left: 10px; }
      @media (min-width: 1024px) {
        .bikeDetail .linkBottomRight a span {
          right: 10px;
          padding-left: 0; } }

/*fullsize image*/
.fullSizeImage {
  clear: both;
  margin-top: 6px;
  margin-bottom: 6px;
  text-align: center; }
  .fullSizeImage img {
    display: block; }

/* anchor navigation */
.contentElementNavigation {
  height: auto;
  clear: both;
  background-color: #f2f2f2;
  margin-bottom: 20px;
  padding-left: 2px; }
  @media (min-width: 768px) {
    .contentElementNavigation {
      height: auto;
      padding-left: 0; } }
  .contentElementNavigation ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    @media (min-width: 768px) {
      .contentElementNavigation ul {
        margin-left: 30px; } }
    @media (min-width: 1024px) {
      .contentElementNavigation ul {
        margin-left: 50px; } }
    .contentElementNavigation ul li {
      float: left;
      padding-left: 0;
      margin-bottom: 2px;
      width: 50%;
      text-align: center; }
      @media (min-width: 768px) {
        .contentElementNavigation ul li {
          width: auto;
          margin-right: 0;
          margin-bottom: 0;
          text-align: left; }
          .contentElementNavigation ul li:first-child a {
            border-left: 8px solid #FFFFFF; } }
      .contentElementNavigation ul li.bikeFrame {
        display: block; }
      .contentElementNavigation ul li a {
        display: block;
        margin-right: 2px;
        background-color: #003788;
        text-decoration: none;
        text-transform: uppercase;
        padding: 10px;
        padding-left: 0;
        color: #fff;
        font-weight: bold; }
        @media (min-width: 768px) {
          .contentElementNavigation ul li a {
            display: inline-block;
            width: auto;
            -webkit-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-transform: skew(-42deg);
            -ms-transform: skew(-42deg);
            transform: skew(-42deg);
            font-size: 14px;
            padding: 5px 10px;
            margin-right: 0;
            border-right: 8px solid #FFFFFF;
            background-clip: padding-box; }
            .contentElementNavigation ul li a span {
              text-decoration: none;
              display: block;
              -webkit-transform: skew(42deg);
              -ms-transform: skew(42deg);
              transform: skew(42deg); } }
        @media (min-width: 1024px) {
          .contentElementNavigation ul li a {
            padding: 10px 28px; } }
        @media (min-width: 1280px) {
          .contentElementNavigation ul li a {
            font-size: 18px; } }
        .contentElementNavigation ul li a span {
          padding-left: 3px;
          padding-right: 3px; }

@media (min-width: 768px) {
  #description .third.third66 {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-width: 371px;
       -moz-column-width: 371px;
            column-width: 371px; } }

#description .text {
  line-height: 20px; }
  #description .text p {
    margin: 0 0 10px 0;
    padding: 0; }
  #description .text ul {
    margin: 0 0 0 25px;
    padding: 0; }
    #description .text ul li {
      margin: 0 0 10px 0;
      padding: 0; }

div#frame {
  display: block; }
  div#frame .showForSmall {
    display: block; }
    @media (min-width: 768px) {
      div#frame .showForSmall {
        display: none; } }
  div#frame .showForLarge {
    display: none; }
    @media (min-width: 768px) {
      div#frame .showForLarge {
        display: block; } }

.frameDetails {
  position: relative;
  margin-bottom: 20px;
  overflow: hidden;
  width: 100%; }
  .frameDetails .thirdLeft {
    display: none; }
    @media (min-width: 1024px) {
      .frameDetails .thirdLeft {
        display: block;
        width: 50%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background-color: #f7f7f7; } }
  .frameDetails .frameDetailsLeft {
    float: none;
    position: relative;
    width: 100%;
    z-index: 2; }
    @media (min-width: 768px) {
      .frameDetails .frameDetailsLeft {
        width: 60%;
        float: left; } }
    @media (min-width: 1024px) {
      .frameDetails .frameDetailsLeft {
        background-color: #f7f7f7; } }
    .frameDetails .frameDetailsLeft .frames {
      /*margin-bottom: 80px;*/ }
  .frameDetails h2 {
    line-height: 40px;
    text-transform: uppercase;
    color: #003788; }
  .frameDetails .frameDetailsRight {
    width: 100%;
    z-index: 3; }
    .frameDetails .frameDetailsRight:before {
      display: none; }
    @media (min-width: 768px) {
      .frameDetails .frameDetailsRight {
        float: right;
        width: 34%;
        padding: 3%; } }
    @media (min-width: 1024px) {
      .frameDetails .frameDetailsRight {
        width: 26%;
        padding: 3%;
        background-color: #fff; }
        .frameDetails .frameDetailsRight:before {
          display: block;
          z-index: 3;
          width: 400px;
          background-color: #ffffff;
          left: -190px; }
        .frameDetails .frameDetailsRight .imageWrap {
          z-index: 5;
          margin-left: -40px; } }
    @media (min-width: 1024px) {
      .frameDetails .frameDetailsRight {
        width: 40%;
        padding: 0; } }
    .frameDetails .frameDetailsRight .detailLink {
      position: absolute;
      top: 250px;
      width: auto;
      right: 0;
      display: none; }
      @media (min-width: 1024px) {
        .frameDetails .frameDetailsRight .detailLink {
          display: block;
          width: 60%;
          right: 167%;
          bottom: 20px;
          top: auto;
          -webkit-transform: skew(-42deg);
              -ms-transform: skew(-42deg);
                  transform: skew(-42deg); } }
      .frameDetails .frameDetailsRight .detailLink a {
        width: 100%;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        color: #fff;
        text-decoration: none;
        padding: 5px;
        margin-right: 10px;
        font-size: 18px; }
        @media (min-width: 1024px) {
          .frameDetails .frameDetailsRight .detailLink a {
            font-size: 22px; } }
        .frameDetails .frameDetailsRight .detailLink a:after {
          right: 8px;
          bottom: 8px;
          color: #fff;
          content: "\e901";
          font-family: 'webfont' !important;
          font-size: 24px;
          position: absolute;
          -webkit-transform: none;
              -ms-transform: none;
                  transform: none; }
          @media (min-width: 1024px) {
            .frameDetails .frameDetailsRight .detailLink a:after {
              -webkit-transform: skew(42deg);
                  -ms-transform: skew(42deg);
                      transform: skew(42deg);
              right: 20px;
              bottom: 10px; } }
        .frameDetails .frameDetailsRight .detailLink a span {
          padding: 5px 20px;
          -webkit-transform: none;
              -ms-transform: none;
                  transform: none; }
          @media (min-width: 1024px) {
            .frameDetails .frameDetailsRight .detailLink a span {
              text-decoration: none;
              display: block;
              -webkit-transform: skew(42deg);
                  -ms-transform: skew(42deg);
                      transform: skew(42deg); } }

#frameSelectorContainer {
  max-width: 500px; }
  #frameSelectorContainer .frameSelectorButtons {
    display: block;
    cursor: pointer;
    text-align: center; }
    #frameSelectorContainer .frameSelectorButtons .frameselector_col {
      float: left;
      display: block;
      margin-bottom: 18px;
      cursor: pointer;
      font-size: 16px; }
      #frameSelectorContainer .frameSelectorButtons .frameselector_col.is_active {
        font-weight: bold;
        text-decoration: underline; }
      #frameSelectorContainer .frameSelectorButtons .frameselector_col.col-25 {
        width: 25%; }
      #frameSelectorContainer .frameSelectorButtons .frameselector_col.col-50 {
        width: 50%; }
      #frameSelectorContainer .frameSelectorButtons .frameselector_col.col-33 {
        width: 33%; }
      #frameSelectorContainer .frameSelectorButtons .frameselector_col.col-20 {
        width: 20%; }
  #frameSelectorContainer table tr:nth-child(even) {
    background: transparent !important; }
  #frameSelectorContainer table.frameDataTable {
    border-top: 1px #5c6166 solid;
    width: 100%; }
    #frameSelectorContainer table.frameDataTable tr {
      border-bottom: 1px #5c6166 solid; }
    #frameSelectorContainer table.frameDataTable .frameLabel {
      width: 70%; }
      #frameSelectorContainer table.frameDataTable .frameLabel span {
        display: inline-block;
        padding-right: 40px; }
    #frameSelectorContainer table.frameDataTable .frameContent {
      width: 40%;
      background-color: #f4f4f4; }
    #frameSelectorContainer table.frameDataTable .framesizeSpan {
      width: 100%;
      height: 100%;
      display: none; }
      #frameSelectorContainer table.frameDataTable .framesizeSpan.firstSpan {
        display: block; }

@media (min-width: 1024px) and (max-width: 1180px) {
  #content .frameDetails h2 {
    margin-top: 2px;
    font-size: 1.2em; }
  #content .frameDetailsLeft table.highlighted td,
  #content .frameDetailsLeft table.highlighted th {
    padding: 8px; }
  #content .frameDetails .frameDetailsRight .detailLink a span {
    padding: 2px 15px;
    font-size: 18px;
    line-height: 16px; }
  #content .frameDetails .frameDetailsRight .detailLink a:after {
    right: 38px;
    bottom: 6px; } }

@media (min-width: 1024px) {
  .frameDetails .frameDetailsRight .detailLink {
    left: -140%;
    bottom: 2px; }
  #content .frameDetailsLeft table.highlighted {
    margin-bottom: 60px; } }

.bikeEquipment {
  margin-bottom: 20px;
  /**/ }
  .bikeEquipment h3 {
    color: #b7b7b7;
    text-transform: uppercase;
    font-size: 18px;
    margin-top: 5px;
    margin-bottom: 10px; }
  .bikeEquipment .equipItem {
    line-height: 18px;
    display: table;
    width: 100%; }
    @media (min-width: 768px) {
      .bikeEquipment .equipItem {
        line-height: 40px; } }
    .bikeEquipment .equipItem .third {
      position: relative;
      width: 50%;
      float: left; }
      @media (min-width: 640px) {
        .bikeEquipment .equipItem .third {
          width: 40%; } }
      @media (min-width: 1024px) {
        .bikeEquipment .equipItem .third {
          width: 32%;
          float: left;
          clear: both; } }
    .bikeEquipment .equipItem .third66 {
      padding-top: 10px; }
      @media (min-width: 768px) {
        .bikeEquipment .equipItem .third66 {
          padding-top: 0;
          clear: right;
          float: right;
          margin-right: 0;
          width: 54%; } }
      @media (min-width: 1024px) {
        .bikeEquipment .equipItem .third66 {
          width: 60%; } }
    .bikeEquipment .equipItem .equipLabel {
      text-transform: uppercase;
      padding-right: 5px;
      float: left;
      line-height: 20px;
      padding-top: 10px;
      font-size: 0.775em; }
      @media (min-width: 480px) {
        .bikeEquipment .equipItem .equipLabel {
          font-size: 100%; } }
    .bikeEquipment .equipItem .equipIcon {
      background-image: url("../Images/equipment_icons.svg");
      background-repeat: no-repeat;
      height: 40px;
      width: 52px;
      background-size: 800%;
      position: absolute;
      top: 0;
      right: 0;
      /* unused */ }
      .bikeEquipment .equipItem .equipIcon.frame {
        background-position: -11px -8px; }
      .bikeEquipment .equipItem .equipIcon.fork {
        background-position: -97px -8px; }
      .bikeEquipment .equipItem .equipIcon.brakes {
        background-position: -180px -120px; }
      .bikeEquipment .equipItem .equipIcon.handleBar {
        background-position: -345px -63px; }
      .bikeEquipment .equipItem .equipIcon.saddle {
        background-position: -11px -63px; }
      .bikeEquipment .equipItem .equipIcon.seatPost {
        background-position: -345px -120px; }
      .bikeEquipment .equipItem .equipIcon.chainwheel {
        background-position: -11px -174px; }
      .bikeEquipment .equipItem .equipIcon.frontDerailleur {
        background-position: -261px -232px; }
      .bikeEquipment .equipItem .equipIcon.rearDerailleur {
        background-position: -95px -66px; }
      .bikeEquipment .equipItem .equipIcon.rim {
        background-position: -180px -8px; }
      .bikeEquipment .equipItem .equipIcon.tire {
        background-position: -261px -8px; }
      .bikeEquipment .equipItem .equipIcon.cassette {
        background-position: -11px -232px; }
      .bikeEquipment .equipItem .equipIcon.stem {
        background-position: -180px -63px; }
      .bikeEquipment .equipItem .equipIcon.grip {
        background-position: -347px -8px; }
      .bikeEquipment .equipItem .equipIcon.bottomBracket {
        background-position: -180px -232px; }
      .bikeEquipment .equipItem .equipIcon.chain {
        background-position: -345px -174px; }
      .bikeEquipment .equipItem .equipIcon.headSet {
        background-position: -97px -232px; }
      .bikeEquipment .equipItem .equipIcon.rearCarrier {
        background-position: -97px -174px; }
      .bikeEquipment .equipItem .equipIcon.lights {
        background-position: -97px -120px; }
      .bikeEquipment .equipItem .equipIcon.battery {
        background-position: -261px -63px; }
      .bikeEquipment .equipItem .equipIcon.engine {
        background-position: -11px -285px; }
      .bikeEquipment .equipItem .equipIcon.forkDamper, .bikeEquipment .equipItem .equipIcon.fullyDamper {
        background-position: -345px  -232px; }
      .bikeEquipment .equipItem .equipIcon.shiftLevers {
        background-position: -11px -120px; }
      .bikeEquipment .equipItem .equipIcon.accesoires {
        background-position: -261px -174px; }
      .bikeEquipment .equipItem .equipIcon.roadApproval {
        background-position: -100000px -100000px; }
      .bikeEquipment .equipItem .equipIcon.mudguard {
        background-position: -261px -120px; }
      .bikeEquipment .equipItem .equipIcon.sizes {
        background-position: -180px -174px; }
    .bikeEquipment .equipItem .equipValue {
      color: #000;
      font-weight: bold;
      display: block;
      position: relative;
      word-break: break-all; }
      @media (min-width: 1024px) {
        .bikeEquipment .equipItem .equipValue {
          word-break: normal; } }
      .bikeEquipment .equipItem .equipValue a.equipValueMore {
        font-size: 24px;
        text-decoration: none;
        line-height: -26px;
        display: inline-block;
        top: 3px;
        position: relative;
        padding-left: 6px; }
    .bikeEquipment .equipItem .equipValueDetails {
      line-height: 20px;
      display: none; }
      .bikeEquipment .equipItem .equipValueDetails ul {
        margin-left: 20px; }
        .bikeEquipment .equipItem .equipValueDetails ul li {
          padding-left: 0; }

ul.technologies {
  list-style-type: none;
  padding: 0;
  margin: 0; }
  ul.technologies > li {
    /*@include float-span(12);*/
    padding: 0;
    margin: 0;
    height: auto;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    /* item in teh list of technologies*/ }
    @media (min-width: 480px) {
      ul.technologies > li {
        width: 49%; } }
    @media (min-width: 768px) {
      ul.technologies > li {
        width: 32.3%; } }
    ul.technologies > li.blurredItem .techItem img {
      opacity: 0.4;
      filter: alpha(opacity=40); }
    ul.technologies > li .techItem {
      overflow: hidden;
      position: relative;
      width: 96%;
      text-align: center;
      margin-right: 10px;
      cursor: pointer;
      /*the Image in the background*/
      /* the skewed item with the tech logo*/ }
      ul.technologies > li .techItem .Image {
        margin: 0; }
      ul.technologies > li .techItem .techIcon {
        display: inline-block;
        width: auto;
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: skew(-42deg);
        -ms-transform: skew(-42deg);
        transform: skew(-42deg);
        text-align: left;
        position: absolute;
        z-index: 2;
        bottom: 36px;
        height: 60px;
        width: 80%;
        background: rgba(255, 255, 255, 0.85) none repeat scroll 0 0;
        right: -60px;
        padding-left: 0; }
        ul.technologies > li .techItem .techIcon span {
          text-decoration: none;
          display: block;
          -webkit-transform: skew(42deg);
          -ms-transform: skew(42deg);
          transform: skew(42deg); }
        @media (min-width: 640px) {
          ul.technologies > li .techItem .techIcon {
            height: 90px;
            right: -95px;
            -webkit-transition: right 1s, padding-left 1s;
            -o-transition: right 1s, padding-left 1s;
            transition: right 1s, padding-left 1s;
            -webkit-transition-timing-function: ease;
            -o-transition-timing-function: ease;
            transition-timing-function: ease; } }
        ul.technologies > li .techItem .techIcon img {
          height: 119px;
          z-index: 3;
          margin-left: 45px;
          -webkit-transform: skew(42deg);
          -ms-transform: skew(42deg);
          transform: skew(42deg); }
          @media (min-width: 640px) {
            ul.technologies > li .techItem .techIcon img {
              margin-left: 26px; } }
      @media (min-width: 640px) {
        ul.technologies > li .techItem:hover .techIcon {
          right: -80px;
          padding-left: 30px; } }

.technologiesItemContent .contentTechItem {
  overflow: hidden;
  position: relative;
  /* the skewed item with the tech logo*/ }
  .technologiesItemContent .contentTechItem .techIcon {
    display: inline-block;
    width: auto;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: skew(-42deg);
    -ms-transform: skew(-42deg);
    transform: skew(-42deg);
    text-align: right;
    position: absolute;
    z-index: 2;
    bottom: 20px;
    height: 70px;
    width: 50%;
    background: rgba(255, 255, 255, 0.85) none repeat scroll 0 0;
    left: 0;
    padding-right: 50px; }
    .technologiesItemContent .contentTechItem .techIcon span {
      text-decoration: none;
      display: block;
      -webkit-transform: skew(42deg);
      -ms-transform: skew(42deg);
      transform: skew(42deg); }
    .technologiesItemContent .contentTechItem .techIcon.addBottomSpace {
      bottom: 36px; }
    .technologiesItemContent .contentTechItem .techIcon img {
      height: 119px;
      z-index: 3;
      margin-left: 30px;
      -webkit-transform: skew(42deg);
      -ms-transform: skew(42deg);
      transform: skew(42deg); }
  .technologiesItemContent .contentTechItem .videoWrap img {
    padding-top: 20%; }
  @media (min-width: 768px) {
    .technologiesItemContent .contentTechItem .bx-wrapper .bx-controls-direction a {
      width: 27px;
      height: 43px;
      margin-top: -30px; }
    .technologiesItemContent .contentTechItem .bx-wrapper .bx-prev::before {
      right: -10px; }
    .technologiesItemContent .contentTechItem .bx-wrapper .bx-controls-direction a span {
      padding-left: 7px;
      font-size: 28px;
      padding-top: 11px; }
    .technologiesItemContent .contentTechItem .bx-wrapper .bx-next:before {
      right: -69px;
      left: auto; } }

.technologiesItemContent ul {
  list-style-type: square;
  padding-left: 20px; }

.technologiesItemContent h2.skewRight::before {
  z-index: 0; }

.tech-details {
  width: 100%;
  float: left;
  height: 100%;
  overflow: hidden;
  position: relative;
  padding: 0 40px 0 20px; }

.contentTechItem .bx-wrapper .bx-pager,
.contentTechItem .bx-wrapper .bx-controls-auto {
  right: 10px; }
  @media (min-width: 768px) {
    .contentTechItem .bx-wrapper .bx-pager,
    .contentTechItem .bx-wrapper .bx-controls-auto {
      right: 10px; } }

@media only screen and (min-width: 767px) and (max-width: 840px) {
  ul.technologies > li .techItem .techIcon img {
    height: 52px;
    margin-top: 23px;
    margin-left: 12px; }
  ul.technologies > li .techItem .techIcon {
    right: -80px; } }

@media (min-width: 768px) and (max-width: 768px) {
  ul.technologies > li .techItem .techIcon img {
    height: 39px;
    margin-top: 28px;
    margin-left: -10px; } }

.bikeFilter {
  padding-top: 10px; }
  @media (min-width: 768px) {
    .bikeFilter {
      padding-top: 0; } }
  .bikeFilter .headLineLeft {
    background-color: #f2f2f2; }
    @media (max-width: 767px) {
      .bikeFilter .headLineLeft {
        margin-bottom: 80px; } }
    .bikeFilter .headLineLeft .halfLeft,
    .bikeFilter .headLineLeft h2,
    .bikeFilter .headLineLeft .skewRight::before {
      background-color: #b8b8b8; }
    .bikeFilter .headLineLeft h2 {
      color: #fff;
      width: auto; }
      @media (min-width: 768px) {
        .bikeFilter .headLineLeft h2 {
          width: 80%; } }
      .bikeFilter .headLineLeft h2.skewRight::before {
        border-right: 3px #fff solid;
        z-index: 1; }
  .bikeFilter .third {
    position: relative;
    width: 100%;
    clear: right;
    float: right;
    margin-right: 0;
    margin-bottom: 10px;
    text-align: center;
    margin-bottom: 10px; }
    @media (min-width: 640px) {
      .bikeFilter .third {
        text-align: left;
        width: 49.1525423729%;
        clear: right;
        float: left;
        margin-left: 0;
        margin-right: 1.6949152542%; }
        .bikeFilter .third:nth-child(2n+2) {
          width: 49.1525423729%;
          clear: right;
          float: right;
          margin-right: 0; } }
    @media (min-width: 1024px) {
      .bikeFilter .third {
        width: 32.2033898305%;
        clear: right;
        float: left;
        margin-left: 0;
        margin-right: 1.6949152542%;
        margin-bottom: 0px; }
        .bikeFilter .third:nth-child(2n+2) {
          width: 32.2033898305%;
          clear: right;
          float: left;
          margin-left: 0;
          margin-right: 1.6949152542%; }
        .bikeFilter .third:nth-child(3n+3) {
          width: 32.2033898305%;
          clear: right;
          float: right;
          margin-right: 0; } }
  .bikeFilter a {
    text-decoration: none;
    position: relative; }
  .bikeFilter .detailLink {
    position: absolute;
    left: 0;
    bottom: 5px;
    z-index: 8; }
    .bikeFilter .detailLink .button {
      padding: 4px 10px 3px 10px;
      min-width: 150px;
      text-align: left; }
      .bikeFilter .detailLink .button.skewRight::before {
        z-index: -1; }
      .bikeFilter .detailLink .button span {
        left: 2px;
        color: #fff;
        font-size: 14px;
        font-weight: bold; }
        .bikeFilter .detailLink .button span:after {
          bottom: 4px;
          color: #fff;
          content: "\e901";
          font-family: 'webfont' !important;
          font-size: 16px;
          position: absolute;
          right: -7px;
          -webkit-transform: none;
              -ms-transform: none;
                  transform: none;
          z-index: 2; }
  .bikeFilter .select-wrap-style {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    @media (min-width: 640px) {
      .bikeFilter .select-wrap-style .select-style {
        width: 150px; } }
    @media (min-width: 768px) {
      .bikeFilter .select-wrap-style .select-style {
        width: 130px; } }
    @media (min-width: 893px) {
      .bikeFilter .select-wrap-style .select-style {
        width: 170px; } }
    @media (min-width: 992px) {
      .bikeFilter .select-wrap-style .select-style {
        width: 200px; } }
    @media (min-width: 640px) {
      .bikeFilter .select-wrap-style {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; } }

.ce-topContent .textBox {
  vertical-align: bottom;
  background: rgba(255, 255, 255, 0.85);
  padding-left: 30px;
  padding-right: 30px;
  position: absolute;
  bottom: -1px;
  width: 200px;
  height: 200px; }
  .ce-topContent .textBox h1,
  .ce-topContent .textBox img {
    position: absolute;
    z-index: 2;
    bottom: 30px;
    width: 80%;
    text-align: center; }
  .ce-topContent .textBox h1 {
    text-indent: -4000px;
    z-index: 1; }
  @media (min-width: 768px) {
    .ce-topContent .textBox {
      display: inline-block;
      width: auto;
      -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
      transform-origin: 0 0;
      -webkit-transform: skew(-42deg);
      -ms-transform: skew(-42deg);
      transform: skew(-42deg);
      margin-left: 275px;
      height: 300px;
      width: 300px;
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+11,ffffff+100&0+22,1+76 */
      /* FF3.6-15 */
      /* Chrome10-25,Safari5.1-6 */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(11%, rgba(255, 255, 255, 0)), color-stop(22%, rgba(255, 255, 255, 0)), color-stop(76%, white), to(white));
      background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 11%, rgba(255, 255, 255, 0) 22%, white 76%, white 100%);
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 11%, rgba(255, 255, 255, 0) 22%, white 76%, white 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
      /* IE6-9 */ }
      .ce-topContent .textBox span {
        text-decoration: none;
        display: block;
        -webkit-transform: skew(42deg);
        -ms-transform: skew(42deg);
        transform: skew(42deg); }
      .ce-topContent .textBox > img {
        bottom: 10px;
        -webkit-transform: skew(42deg);
        -ms-transform: skew(42deg);
        transform: skew(42deg); } }
  @media (min-width: 1024px) {
    .ce-topContent .textBox {
      margin-left: 360px; }
      .ce-topContent .textBox > img {
        bottom: 20px; } }
  @media (min-width: 1280px) {
    .ce-topContent .textBox {
      margin-left: 300px; }
      .ce-topContent .textBox > img {
        bottom: 30px; } }

#content {
  /* Responsive Table: Force table to not be like tables anymore */ }
  #content table {
    width: auto; }
    #content table th {
      color: #003788;
      font-weight: bold;
      padding: 10px;
      border-bottom: 1px #dedede solid; }
      #content table th:first-child {
        text-align: left; }
    #content table tr:nth-child(even) {
      background: #dedede; }
    #content table tr td {
      text-align: center;
      padding: 10px; }
      #content table tr td:first-child {
        text-align: left; }
      #content table tr td.last {
        width: 100%; }
  #content table.responsiveTable {
    padding-right: 10px;
    /* Hide table headers (but not display: none;, for accessibility) */ }
    #content table.responsiveTable, #content table.responsiveTable thead, #content table.responsiveTable tbody, #content table.responsiveTable th, #content table.responsiveTable td, #content table.responsiveTable tr {
      display: block; }
    #content table.responsiveTable thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px; }
    #content table.responsiveTable tr {
      border: none;
      background: transparent; }
      #content table.responsiveTable tr.even, #content table.responsiveTable tr.odd {
        background: transparent; }
    #content table.responsiveTable td {
      /* Behave  like a "row" */
      border: none;
      border-left: 1px solid #dedede;
      border-right: 1px solid #dedede;
      border-top: 1px solid #dedede;
      position: relative;
      padding: 4px;
      padding-left: 50%; }
      #content table.responsiveTable td:nth-child(even) {
        background: #dedede; }
      #content table.responsiveTable td.last {
        height: 10px;
        border: none;
        background-color: #fff; }
      #content table.responsiveTable td:first-child {
        text-align: center; }
    #content table.responsiveTable label {
      /* Now like a table header */
      position: absolute;
      /* Top/left values mimic padding */
      left: 0;
      width: 45%;
      padding: 0px;
      padding-right: 10px;
      white-space: nowrap;
      margin-top: 0;
      overflow: hidden;
      font-weight: bold; }

@media (min-width: 1024px) {
  #content table.highlighted tr:nth-child(even) {
    background: transparent; }
  #content table.highlighted {
    overflow: hidden; }
  #content table.highlighted td,
  #content table.highlighted th {
    padding: 10px;
    position: relative;
    outline: 0; }
  #content table.highlighted:not(.nohover) tbody tr:hover {
    background-color: #dedede; }
  #content table.highlighted td:hover::after,
  #content table.highlighted thead th:not(:empty):hover::after {
    content: '';
    height: 10000px;
    left: 0;
    position: absolute;
    top: -5000px;
    width: 100%;
    z-index: -1; }
  #content table.highlighted td:hover::after,
  #content table.highlighted th:hover::after {
    background-color: #dedede; } }

input, textarea, select {
  border: 1px #ccc solid;
  padding: 10px;
  width: 100%;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */ }
  @media (min-width: 768px) {
    input, textarea, select {
      width: 80%; } }

.errorMessage {
  color: red;
  margin-top: 3px;
  padding: 3px; }

.powermail_field_error_container,
.parsley-errors-list {
  color: red; }

select::-ms-expand {
  display: none; }

.select-style {
  padding: 0;
  /*padding-right: 29px;*/
  margin: 0;
  border: 1px #ccc solid;
  width: 100%;
  height: 34px;
  line-height: 34px;
  border-radius: 0;
  position: relative;
  overflow: hidden;
  z-index: 3;
  background-color: #fff; }
  .select-style:before {
    color: #000;
    content: "\e902";
    font-family: "webfont" !important;
    font-size: 18px;
    position: absolute;
    height: 34px;
    line-height: 34px;
    right: 7px;
    top: 0;
    margin: 0;
    padding: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    display: block; }

.select-style select {
  width: 100%;
  height: 34px;
  line-height: 34px;
  margin: 0;
  padding: 0 0 0 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  color: #5c6166;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
  background-image: none;
  position: relative;
  z-index: 4;
  display: block; }

.select-style select:focus {
  outline: none; }

/* Bikefilter */
.headLineLeft h2 .select-style {
  background-color: #fff;
  float: right;
  width: 200px;
  font-size: 12px;
  margin-bottom: 0;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 2px; }

@media (min-width: 768px) {
  .tx-powermail,
  .txMaps2Form {
    padding-bottom: 30px; } }

.tx-powermail input, .tx-powermail textarea, .tx-powermail select,
.txMaps2Form input,
.txMaps2Form textarea,
.txMaps2Form select {
  width: 100%; }
  @media (min-width: 768px) {
    .tx-powermail input, .tx-powermail textarea, .tx-powermail select,
    .txMaps2Form input,
    .txMaps2Form textarea,
    .txMaps2Form select {
      width: 100%; } }

.tx-powermail .half,
.tx-powermail .third,
.txMaps2Form .half,
.txMaps2Form .third {
  margin-bottom: 0; }

.tx-powermail input[type="checkbox"],
.tx-powermail input[type="radio"],
.txMaps2Form input[type="checkbox"],
.txMaps2Form input[type="radio"] {
  display: inline-block;
  width: auto;
  float: left;
  margin: 2px;
  margin-right: 5px; }

.tx-powermail #privacyContainer,
.txMaps2Form #privacyContainer {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 5px; }
  @media (min-width: 768px) {
    .tx-powermail #privacyContainer,
    .txMaps2Form #privacyContainer {
      margin-bottom: 0;
      width: auto;
      float: left; } }
  @media (min-width: 1024px) {
    .tx-powermail #privacyContainer,
    .txMaps2Form #privacyContainer {
      padding-bottom: 0; } }
  .tx-powermail #privacyContainer label,
  .txMaps2Form #privacyContainer label {
    float: left;
    display: inline-block;
    width: auto;
    margin-top: 0;
    margin-right: 5px; }
  .tx-powermail #privacyContainer .errorMessage,
  .txMaps2Form #privacyContainer .errorMessage {
    float: left;
    margin: 0;
    padding: 2px; }

.txMaps2Form-bg {
  background: #003788; }
  .txMaps2Form-bg form#txMaps2Form-204 {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 0; }
    .txMaps2Form-bg form#txMaps2Form-204 label {
      margin: 10px 0; }
    .txMaps2Form-bg form#txMaps2Form-204 input[type="checkbox"] {
      position: relative;
      top: 3px; }

@media (min-width: 768px) {
  #content .tx-powermail label.powermail_label {
    display: inline-block;
    width: 30%;
    padding-right: 15px; }
  #content .tx-powermail .powermail_field {
    display: inline-block;
    width: 65%;
    margin-top: 15px;
    vertical-align: top; } }

#content .tx-powermail fieldset {
  border: none;
  margin: 0 auto;
  padding: 0;
  max-width: 1220px; }

#content .tx-powermail .powermail_fieldwrap_type_submit .powermail_field,
#content .tx-powermail .powermail_fieldwrap_type_reset .powermail_field,
#content .tx-powermail .powermail_fieldwrap_type_text .powermail_field,
#content .tx-powermail .powermail_fieldwrap_type_content .powermail_field {
  display: inherit;
  width: inherit;
  margin-top: inherit;
  vertical-align: inherit; }

@media (min-width: 768px) {
  #content .tx-powermail .powermail_fieldwrap.third label.powermail_label, #content .tx-powermail .powermail_fieldwrap.fourth label.powermail_label, #content .tx-powermail .powermail_fieldwrap.sixth label.powermail_label, #content .tx-powermail .powermail_fieldwrap.half label.powermail_label, #content .tx-powermail .powermail_fieldwrap.grid-25 label.powermail_label, #content .tx-powermail .powermail_fieldwrap.grid-75 label.powermail_label, #content .tx-powermail .powermail_fieldwrap.grid-100 label.powermail_label {
    display: block;
    width: 100%;
    padding-right: 0; }
  #content .tx-powermail .powermail_fieldwrap.third .powermail_field, #content .tx-powermail .powermail_fieldwrap.fourth .powermail_field, #content .tx-powermail .powermail_fieldwrap.sixth .powermail_field, #content .tx-powermail .powermail_fieldwrap.half .powermail_field, #content .tx-powermail .powermail_fieldwrap.grid-25 .powermail_field, #content .tx-powermail .powermail_fieldwrap.grid-75 .powermail_field, #content .tx-powermail .powermail_fieldwrap.grid-100 .powermail_field {
    display: block;
    width: 100%;
    margin-top: 0;
    vertical-align: top; } }

#content .tx-powermail .powermail_fieldwrap.fourth {
  width: 100%;
  clear: right;
  float: right;
  margin-right: 0;
  margin-bottom: 10px; }
  @media (min-width: 640px) {
    #content .tx-powermail .powermail_fieldwrap.fourth {
      width: 32.2033898305%;
      clear: right;
      float: left;
      margin-left: 0;
      margin-right: 1.6949152542%; } }
  #content .tx-powermail .powermail_fieldwrap.fourth.powermail_fieldwrap_city {
    margin-right: 0; }

#content .tx-powermail .powermail_fieldwrap.sixth {
  width: 100%;
  clear: right;
  float: right;
  margin-right: 0;
  margin-bottom: 10px; }
  @media (min-width: 640px) {
    #content .tx-powermail .powermail_fieldwrap.sixth {
      width: 15.2542372881%;
      clear: right;
      float: left;
      margin-left: 0;
      margin-right: 1.6949152542%; } }

#content .tx-powermail .powermail_fieldwrap.grid-25 {
  width: 100%;
  clear: right;
  float: right;
  margin-right: 0;
  margin-bottom: 10px; }
  @media (min-width: 640px) {
    #content .tx-powermail .powermail_fieldwrap.grid-25 {
      width: 32.2033898305%;
      clear: right;
      float: left;
      margin-left: 0;
      margin-right: 1.6949152542%; } }
  #content .tx-powermail .powermail_fieldwrap.grid-25.powermail_fieldwrap_city {
    margin-right: 0; }

#content .tx-powermail .powermail_fieldwrap.grid-75 {
  width: 100%;
  clear: right;
  float: right;
  margin-right: 0;
  margin-bottom: 10px; }
  @media (min-width: 640px) {
    #content .tx-powermail .powermail_fieldwrap.grid-75 {
      width: 66.1016949153%;
      clear: right;
      float: left;
      margin-left: 0;
      margin-right: 1.6949152542%; } }
  #content .tx-powermail .powermail_fieldwrap.grid-75.powermail_fieldwrap_city {
    margin-right: 0; }

#content .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_telephone, #content .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_number, #content .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_city {
  margin-right: 0; }

#content .tx-powermail .checkbox label {
  margin-top: 0; }

.powermail_fieldwrap.powermail_fieldwrap_type_textarea.grid-100 {
  padding-top: 2px;
  clear: both; }

#content .tx-powermail .powermail_confirmation table,
#content .tx-powermail .powermail_create table {
  width: 100%; }
  #content .tx-powermail .powermail_confirmation table tr td,
  #content .tx-powermail .powermail_create table tr td {
    text-align: left;
    vertical-align: top; }
    #content .tx-powermail .powermail_confirmation table tr td:first-child,
    #content .tx-powermail .powermail_create table tr td:first-child {
      width: 30%; }
  #content .tx-powermail .powermail_confirmation table tr:nth-child(even),
  #content .tx-powermail .powermail_create table tr:nth-child(even) {
    background-color: #f2f2f2; }

label {
  font-size: 16px;
  display: block;
  margin-bottom: 8px;
  margin-top: 15px; }

/*feLogin Form
  search form
*/
.tx-felogin-pi1 fieldset,
.tx-indexedsearch-searchbox fieldset {
  border: none;
  margin: 0;
  padding: 0;
  position: relative; }
  @media (min-width: 768px) {
    .tx-felogin-pi1 fieldset,
    .tx-indexedsearch-searchbox fieldset {
      padding-bottom: 60px; } }

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

/*the submit button */
.tx-felogin-pi1,
.tx-powermail,
.tx-indexedsearch-searchbox,
.form-newslettersubscribe {
  /*the submit button */ }
  .tx-felogin-pi1 .submitBottomRight,
  .tx-felogin-pi1 .submitBottomLeft,
  .tx-powermail .submitBottomRight,
  .tx-powermail .submitBottomLeft,
  .tx-indexedsearch-searchbox .submitBottomRight,
  .tx-indexedsearch-searchbox .submitBottomLeft,
  .form-newslettersubscribe .submitBottomRight,
  .form-newslettersubscribe .submitBottomLeft {
    height: auto;
    position: relative;
    margin-top: 10px;
    width: 100%;
    background-color: #fff; }
    @media (min-width: 768px) {
      .tx-felogin-pi1 .submitBottomRight,
      .tx-felogin-pi1 .submitBottomLeft,
      .tx-powermail .submitBottomRight,
      .tx-powermail .submitBottomLeft,
      .tx-indexedsearch-searchbox .submitBottomRight,
      .tx-indexedsearch-searchbox .submitBottomLeft,
      .form-newslettersubscribe .submitBottomRight,
      .form-newslettersubscribe .submitBottomLeft {
        margin-top: 20px; } }
    @media (min-width: 1024px) {
      .tx-felogin-pi1 .submitBottomRight,
      .tx-felogin-pi1 .submitBottomLeft,
      .tx-powermail .submitBottomRight,
      .tx-powermail .submitBottomLeft,
      .tx-indexedsearch-searchbox .submitBottomRight,
      .tx-indexedsearch-searchbox .submitBottomLeft,
      .form-newslettersubscribe .submitBottomRight,
      .form-newslettersubscribe .submitBottomLeft {
        background-color: #f2f2f2; } }
    .tx-felogin-pi1 .submitBottomRight .thirdRight,
    .tx-felogin-pi1 .submitBottomRight .thirdLeft,
    .tx-felogin-pi1 .submitBottomLeft .thirdRight,
    .tx-felogin-pi1 .submitBottomLeft .thirdLeft,
    .tx-powermail .submitBottomRight .thirdRight,
    .tx-powermail .submitBottomRight .thirdLeft,
    .tx-powermail .submitBottomLeft .thirdRight,
    .tx-powermail .submitBottomLeft .thirdLeft,
    .tx-indexedsearch-searchbox .submitBottomRight .thirdRight,
    .tx-indexedsearch-searchbox .submitBottomRight .thirdLeft,
    .tx-indexedsearch-searchbox .submitBottomLeft .thirdRight,
    .tx-indexedsearch-searchbox .submitBottomLeft .thirdLeft,
    .form-newslettersubscribe .submitBottomRight .thirdRight,
    .form-newslettersubscribe .submitBottomRight .thirdLeft,
    .form-newslettersubscribe .submitBottomLeft .thirdRight,
    .form-newslettersubscribe .submitBottomLeft .thirdLeft {
      width: 100%; }
      @media (min-width: 768px) {
        .tx-felogin-pi1 .submitBottomRight .thirdRight,
        .tx-felogin-pi1 .submitBottomRight .thirdLeft,
        .tx-felogin-pi1 .submitBottomLeft .thirdRight,
        .tx-felogin-pi1 .submitBottomLeft .thirdLeft,
        .tx-powermail .submitBottomRight .thirdRight,
        .tx-powermail .submitBottomRight .thirdLeft,
        .tx-powermail .submitBottomLeft .thirdRight,
        .tx-powermail .submitBottomLeft .thirdLeft,
        .tx-indexedsearch-searchbox .submitBottomRight .thirdRight,
        .tx-indexedsearch-searchbox .submitBottomRight .thirdLeft,
        .tx-indexedsearch-searchbox .submitBottomLeft .thirdRight,
        .tx-indexedsearch-searchbox .submitBottomLeft .thirdLeft,
        .form-newslettersubscribe .submitBottomRight .thirdRight,
        .form-newslettersubscribe .submitBottomRight .thirdLeft,
        .form-newslettersubscribe .submitBottomLeft .thirdRight,
        .form-newslettersubscribe .submitBottomLeft .thirdLeft {
          width: 30%;
          height: 100%;
          position: absolute;
          right: 0;
          top: 0;
          background-color: #003788; } }
    .tx-felogin-pi1 .submitBottomRight .button,
    .tx-felogin-pi1 .submitBottomLeft .button,
    .tx-powermail .submitBottomRight .button,
    .tx-powermail .submitBottomLeft .button,
    .tx-indexedsearch-searchbox .submitBottomRight .button,
    .tx-indexedsearch-searchbox .submitBottomLeft .button,
    .form-newslettersubscribe .submitBottomRight .button,
    .form-newslettersubscribe .submitBottomLeft .button {
      background-color: #003788;
      line-height: 0;
      font-size: 16px;
      color: #fff;
      display: block;
      width: 100%;
      padding-left: 10px;
      text-transform: uppercase; }
      @media (min-width: 768px) {
        .tx-felogin-pi1 .submitBottomRight .button,
        .tx-felogin-pi1 .submitBottomLeft .button,
        .tx-powermail .submitBottomRight .button,
        .tx-powermail .submitBottomLeft .button,
        .tx-indexedsearch-searchbox .submitBottomRight .button,
        .tx-indexedsearch-searchbox .submitBottomLeft .button,
        .form-newslettersubscribe .submitBottomRight .button,
        .form-newslettersubscribe .submitBottomLeft .button {
          width: 35%;
          float: right;
          padding-left: 0px; } }
      .tx-felogin-pi1 .submitBottomRight .button span,
      .tx-felogin-pi1 .submitBottomLeft .button span,
      .tx-powermail .submitBottomRight .button span,
      .tx-powermail .submitBottomLeft .button span,
      .tx-indexedsearch-searchbox .submitBottomRight .button span,
      .tx-indexedsearch-searchbox .submitBottomLeft .button span,
      .form-newslettersubscribe .submitBottomRight .button span,
      .form-newslettersubscribe .submitBottomLeft .button span {
        display: block;
        z-index: 1;
        position: relative; }
      .tx-felogin-pi1 .submitBottomRight .button:after,
      .tx-felogin-pi1 .submitBottomLeft .button:after,
      .tx-powermail .submitBottomRight .button:after,
      .tx-powermail .submitBottomLeft .button:after,
      .tx-indexedsearch-searchbox .submitBottomRight .button:after,
      .tx-indexedsearch-searchbox .submitBottomLeft .button:after,
      .form-newslettersubscribe .submitBottomRight .button:after,
      .form-newslettersubscribe .submitBottomLeft .button:after {
        bottom: 0;
        color: #fff;
        content: "\e901";
        font-family: 'webfont' !important;
        font-size: 20px;
        position: absolute;
        right: 45px;
        top: 18px;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none; }
    .tx-felogin-pi1 .submitBottomRight .skewLeft::before,
    .tx-felogin-pi1 .submitBottomRight .skewRight::before,
    .tx-felogin-pi1 .submitBottomLeft .skewLeft::before,
    .tx-felogin-pi1 .submitBottomLeft .skewRight::before,
    .tx-powermail .submitBottomRight .skewLeft::before,
    .tx-powermail .submitBottomRight .skewRight::before,
    .tx-powermail .submitBottomLeft .skewLeft::before,
    .tx-powermail .submitBottomLeft .skewRight::before,
    .tx-indexedsearch-searchbox .submitBottomRight .skewLeft::before,
    .tx-indexedsearch-searchbox .submitBottomRight .skewRight::before,
    .tx-indexedsearch-searchbox .submitBottomLeft .skewLeft::before,
    .tx-indexedsearch-searchbox .submitBottomLeft .skewRight::before,
    .form-newslettersubscribe .submitBottomRight .skewLeft::before,
    .form-newslettersubscribe .submitBottomRight .skewRight::before,
    .form-newslettersubscribe .submitBottomLeft .skewLeft::before,
    .form-newslettersubscribe .submitBottomLeft .skewRight::before {
      background: #003788 none repeat scroll 0 0;
      display: none; }
      @media (min-width: 768px) {
        .tx-felogin-pi1 .submitBottomRight .skewLeft::before,
        .tx-felogin-pi1 .submitBottomRight .skewRight::before,
        .tx-felogin-pi1 .submitBottomLeft .skewLeft::before,
        .tx-felogin-pi1 .submitBottomLeft .skewRight::before,
        .tx-powermail .submitBottomRight .skewLeft::before,
        .tx-powermail .submitBottomRight .skewRight::before,
        .tx-powermail .submitBottomLeft .skewLeft::before,
        .tx-powermail .submitBottomLeft .skewRight::before,
        .tx-indexedsearch-searchbox .submitBottomRight .skewLeft::before,
        .tx-indexedsearch-searchbox .submitBottomRight .skewRight::before,
        .tx-indexedsearch-searchbox .submitBottomLeft .skewLeft::before,
        .tx-indexedsearch-searchbox .submitBottomLeft .skewRight::before,
        .form-newslettersubscribe .submitBottomRight .skewLeft::before,
        .form-newslettersubscribe .submitBottomRight .skewRight::before,
        .form-newslettersubscribe .submitBottomLeft .skewLeft::before,
        .form-newslettersubscribe .submitBottomLeft .skewRight::before {
          display: block;
          z-index: 1; } }
  @media (min-width: 768px) {
    .tx-felogin-pi1 .submitBottomLeft .thirdLeft,
    .tx-powermail .submitBottomLeft .thirdLeft,
    .tx-indexedsearch-searchbox .submitBottomLeft .thirdLeft,
    .form-newslettersubscribe .submitBottomLeft .thirdLeft {
      right: auto;
      left: 0; } }
  .tx-felogin-pi1 .submitBottomLeft .button,
  .tx-powermail .submitBottomLeft .button,
  .tx-indexedsearch-searchbox .submitBottomLeft .button,
  .form-newslettersubscribe .submitBottomLeft .button {
    padding-left: inherit;
    padding-right: 10px; }
    @media (min-width: 768px) {
      .tx-felogin-pi1 .submitBottomLeft .button,
      .tx-powermail .submitBottomLeft .button,
      .tx-indexedsearch-searchbox .submitBottomLeft .button,
      .form-newslettersubscribe .submitBottomLeft .button {
        float: left;
        padding-left: inherit;
        padding-right: 0px; } }
    .tx-felogin-pi1 .submitBottomLeft .button::after,
    .tx-powermail .submitBottomLeft .button::after,
    .tx-indexedsearch-searchbox .submitBottomLeft .button::after,
    .form-newslettersubscribe .submitBottomLeft .button::after {
      content: "\e900";
      right: auto;
      left: 45px; }

.form-newslettersubscribe .submitBottomRight {
  position: relative; }

.form-newslettersubscribe input, .form-newslettersubscribe textarea, .form-newslettersubscribe select {
  width: 100%; }

#mobilesearchtrigger {
  display: block;
  width: 40px;
  height: 20px;
  float: right; }
  @media (min-width: 768px) {
    #mobilesearchtrigger {
      display: none; } }
  #mobilesearchtrigger span {
    color: #000;
    cursor: pointer; }
    #mobilesearchtrigger span:after {
      content: "\e986";
      bottom: 8px;
      font-family: "webfont" !important;
      font-size: 20px;
      position: absolute;
      right: 15px;
      -webkit-transform: none;
          -ms-transform: none;
              transform: none; }

.searchbox {
  display: none; }
  @media (min-width: 768px) {
    .searchbox {
      width: 225px;
      float: right;
      display: block; } }
  .searchbox input#tx-indexedsearch-searchbox-sword {
    float: left;
    font-size: 12px;
    height: 20px;
    padding: 0 0 0 3px;
    position: relative;
    width: 150px;
    border-color: #8e8e8e;
    z-index: 4; }
  .searchbox #tx-indexedsearch-searchbox-button-submit {
    float: right;
    display: inline-block;
    width: auto;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: skew(-42deg);
    -ms-transform: skew(-42deg);
    transform: skew(-42deg);
    border: medium none;
    float: left;
    height: 22px;
    position: relative;
    width: 50px;
    z-index: 3;
    background: #8e8e8e none repeat scroll 0 0; }
    .searchbox #tx-indexedsearch-searchbox-button-submit span {
      text-decoration: none;
      display: block;
      -webkit-transform: skew(42deg);
      -ms-transform: skew(42deg);
      transform: skew(42deg); }
    .searchbox #tx-indexedsearch-searchbox-button-submit span {
      color: #fff; }
      .searchbox #tx-indexedsearch-searchbox-button-submit span:after {
        content: "\e986";
        bottom: -8px;
        color: #fff;
        font-family: "webfont" !important;
        font-size: 14px;
        position: absolute;
        right: 10px;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none; }

.showMobileSearch .searchbox {
  background-color: #fff;
  height: 25px;
  left: 0;
  padding: 10px;
  position: absolute;
  top: 30px;
  width: 100%;
  z-index: 9999;
  display: block; }
  @media (min-width: 768px) {
    .showMobileSearch .searchbox {
      width: 225px;
      float: right;
      display: block;
      position: relative;
      top: 0;
      padding: 0; } }
  .showMobileSearch .searchbox input#tx-indexedsearch-searchbox-sword {
    width: 80%; }

.news a, .news img {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */ }

.news h3 a {
  color: #585858;
  font-size: 24px;
  line-height: 26px;
  text-decoration: none; }

.news .news-list-view .padding {
  padding-top: 10px; }
  @media (min-width: 768px) {
    .news .news-list-view .padding {
      padding-top: inherit; } }

.news .colorBg .button {
  background-color: #003788; }
  .news .colorBg .button.skewRight::before {
    background-color: #003788; }

.news .news-list-category {
  text-transform: uppercase; }

.news span.locationInfo {
  color: #5c6166;
  font-weight: normal;
  text-transform: uppercase; }
  .news span.locationInfo img {
    margin-right: 2px;
    margin-top: -4px;
    vertical-align: middle;
    display: inline-block; }

.news .detailLink {
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
  float: right;
  z-index: 1; }
  @media (min-width: 768px) {
    .news .detailLink {
      float: none;
      margin: 0;
      bottom: 20px;
      left: -3px;
      position: absolute; } }
  .news .detailLink a {
    text-decoration: none;
    color: #fff; }
    .news .detailLink a .button {
      padding: 10px;
      padding-top: 5px;
      padding-left: 20px;
      font-size: 16px;
      font-weight: bold;
      padding-right: 30px; }
      @media (min-width: 768px) {
        .news .detailLink a .button {
          padding-right: 10px; } }
      .news .detailLink a .button.skewRight:before {
        display: none; }
        @media (min-width: 768px) {
          .news .detailLink a .button.skewRight:before {
            display: block;
            right: -25px; } }
  .news .detailLink .button span::after {
    bottom: 10px;
    color: #fff;
    content: "\e901";
    font-family: "webfont" !important;
    font-size: 20px;
    position: absolute;
    right: 10px;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none; }
    @media (min-width: 768px) {
      .news .detailLink .button span::after {
        right: -10px; } }

.news .greyBg {
  background-color: #fff; }
  .news .greyBg .teaser-text p {
    line-height: 20px;
    font-size: 16px; }

.news .half {
  width: 100%;
  clear: right;
  float: right;
  margin-right: 0; }
  @media (min-width: 768px) {
    .news .half {
      width: 49.1525423729%;
      clear: right;
      float: right;
      margin-right: 0;
      margin-bottom: 0px;
      clear: none;
      float: left; } }

.news .halfLeft {
  width: 100%;
  clear: right;
  float: right;
  margin-right: 0; }
  @media (min-width: 768px) {
    .news .halfLeft {
      width: 49.1525423729%;
      clear: right;
      float: right;
      margin-right: 0;
      margin-bottom: 0px;
      clear: none;
      float: left; } }

.news .halfRight {
  width: 100%;
  clear: right;
  float: right;
  margin-right: 0; }
  @media (min-width: 768px) {
    .news .halfRight {
      width: 49.1525423729%;
      clear: right;
      float: right;
      margin-right: 0;
      margin-bottom: 0px;
      clear: none;
      float: left;
      position: relative; } }

.news .newsContent {
  padding: 15px;
  padding-top: 8px; }
  .news .newsContent h3 {
    margin-top: 5px; }

@media (min-width: 1024px) {
  .news .newsMedia {
    min-height: 185px; } }

/* box Colors depending on bodytag Class*/
.news .colorBg {
  background-color: #b8b8b8;
  color: #000; }
  .news .colorBg h3 a {
    color: #585858;
    font-size: 34px;
    line-height: 40px; }
  .news .colorBg .news-list-category,
  .news .colorBg .news-list-date {
    color: #fff; }
  @media (min-width: 768px) {
    .news .colorBg .newsMedia {
      min-height: 350px; } }
  .news .colorBg .newsContent {
    padding-left: 0;
    padding-right: 0; }
    @media (min-width: 768px) {
      .news .colorBg .newsContent {
        padding-left: 30px;
        padding-right: 15px; } }
    .news .colorBg .newsContent h3 {
      margin-top: 1em; }
  .news .colorBg .detailLink a .button {
    padding-left: 30px; }

.start .news {
  margin-bottom: 10px; }
  .start .news .colorBg {
    background-color: #003788;
    color: #fff;
    margin-bottom: 10px; }
    .start .news .colorBg h3 a {
      color: #fff; }
    .start .news .colorBg .button {
      background-color: #1f63a2; }
      .start .news .colorBg .button.skewRight::before {
        background-color: #1f63a2; }
    @media (min-width: 768px) {
      .start .news .colorBg {
        margin-bottom: 0; } }
  .start .news .greyBg {
    display: none;
    background-color: #f2f2f2; }
    @media (min-width: 768px) {
      .start .news .greyBg {
        display: block; } }

/* News Detail */
.news-single .headLineLeft h3 {
  font-size: 24px;
  background-color: #b8b8b8;
  color: #fff;
  margin-right: 0; }
  @media (min-width: 768px) {
    .news-single .headLineLeft h3 {
      margin-right: 42%; } }
  .news-single .headLineLeft h3 span.eventdate {
    color: #414141;
    font-size: 24px;
    padding-left: 20px;
    padding-top: 1px;
    right: auto; }
  .news-single .headLineLeft h3 span.locationInfo {
    color: #000;
    font-weight: normal;
    text-transform: uppercase; }
    .news-single .headLineLeft h3 span.locationInfo img {
      margin-right: 2px;
      margin-top: -4px;
      vertical-align: middle;
      display: inline-block; }

.news-single .headLineLeft .skewRight::before {
  background: #b8b8b8 none repeat scroll 0 0; }

.news-single .headLineLeft .halfLeft {
  background-color: #b8b8b8; }

.news-single h2 {
  margin-top: 0; }

.news-single .newsContent {
  padding: 0;
  padding-right: 30px; }

@media (min-width: 768px) {
  .news-single .newsRight .mediaelement-image {
    position: relative;
    overflow: hidden; }
    .news-single .newsRight .mediaelement-image:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 84px 84px 0 0;
      border-color: #ffffff transparent transparent transparent;
      line-height: 0px;
      _border-color: #ffffff #000000 #000000 #000000;
      _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
      -webkit-transform: rotate(360deg); }
    .news-single .newsRight .mediaelement-image:after {
      content: "";
      display: block;
      position: absolute;
      bottom: 0;
      right: 0;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 0 84px 84px;
      border-color: transparent transparent #ffffff transparent;
      line-height: 0px;
      _border-color: #000000 #000000 #ffffff #000000;
      _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
      -webkit-transform: rotate(360deg); } }

/* News Slider */
.news .newsSlider .newsContent {
  padding: 10px;
  padding-top: 0; }
  .news .newsSlider .newsContent .detailLink {
    bottom: 30px;
    width: 60%; }
    .news .newsSlider .newsContent .detailLink a .button {
      padding: 3px 10px 10px; }

.news .newsSlider h3 {
  margin-top: 5px;
  left: 0;
  top: 0;
  position: relative; }
  .news .newsSlider h3 a {
    font-size: 19px;
    line-height: 20px; }

/* teamSlider */
.news .teamSlider .bx-wrapper {
  padding-bottom: 50px; }
  @media (min-width: 768px) {
    .news .teamSlider .bx-wrapper {
      padding-bottom: 12px; } }
  .news .teamSlider .bx-wrapper .bx-controls-direction a {
    bottom: 1px; }
    @media (min-width: 769px) {
      .news .teamSlider .bx-wrapper .bx-controls-direction a {
        bottom: -12px; } }

.news .teamItem {
  position: relative;
  overflow: hidden;
  /* the text */ }
  .news .teamItem .mediaContainer {
    width: 100%;
    clear: both;
    overflow: hidden; }
    @media (min-width: 1280px) {
      .news .teamItem .mediaContainer {
        height: 240px; } }
    .news .teamItem .mediaContainer img {
      position: relative;
      width: 100%;
      height: auto; }
    .news .teamItem .mediaContainer iframe {
      width: 100%; }
  .news .teamItem .teamSliderBG {
    display: none; }
  .news .teamItem .newsContent {
    text-align: left;
    z-index: 3;
    text-transform: uppercase;
    padding-bottom: 0px;
    height: 275px; }
    @media (min-width: 768px) {
      .news .teamItem .newsContent {
        height: 216px; } }
    .news .teamItem .newsContent .news-list-date {
      color: black;
      font-size: 12px;
      padding-top: 8px;
      display: inline-block;
      border-bottom: 2px #000 solid;
      padding-right: 20px;
      padding-bottom: 3px; }
      .news .teamItem .newsContent .news-list-date .cal-icon {
        display: block;
        margin-right: 6px;
        padding-top: 1px;
        width: 16px;
        float: left; }
    .news .teamItem .newsContent h3 {
      margin-top: 5px;
      margin-left: 0; }
      .news .teamItem .newsContent h3 a {
        padding-top: 20px;
        color: black;
        font-size: 18px;
        line-height: 1.2;
        text-transform: uppercase;
        display: block; }
    .news .teamItem .newsContent a {
      color: black;
      text-transform: none; }
    .news .teamItem .newsContent p a {
      display: block;
      width: 100%;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      overflow: hidden;
      max-height: 150px;
      display: -webkit-box;
      -webkit-line-clamp: 4;
      -webkit-box-orient: vertical; }
    .news .teamItem .newsContent .detailLink {
      bottom: 0px;
      float: none;
      left: unset;
      right: 50px;
      margin: 0;
      position: absolute;
      width: 30%; }
      @media (max-width: 750px) {
        .news .teamItem .newsContent .detailLink {
          position: static;
          margin: auto; } }
      .news .teamItem .newsContent .detailLink a .skewRight:after {
        display: none; }
      .news .teamItem .newsContent .detailLink a .button {
        color: white;
        text-align: center;
        padding: 0px;
        font-size: 12px;
        text-transform: uppercase;
        padding-bottom: 4px;
        height: 18px;
        line-height: 18px; }
        @media (min-width: 769px) {
          .news .teamItem .newsContent .detailLink a .button {
            line-height: 14px; } }
        @media (min-width: 1024px) {
          .news .teamItem .newsContent .detailLink a .button {
            line-height: 21px; } }
        @media (min-width: 1440px) {
          .news .teamItem .newsContent .detailLink a .button {
            line-height: 14px; } }
        .news .teamItem .newsContent .detailLink a .button span:after {
          display: none; }

@media (max-width: 750px) {
  .news .eventItem .sec {
    margin-top: 20px; } }

.news .eventItem .newsContent .detailLink {
  float: none;
  left: unset;
  margin: 0;
  position: absolute;
  width: 10%; }
  @media (max-width: 750px) {
    .news .eventItem .newsContent .detailLink {
      position: static;
      margin: auto;
      width: 30%; } }
  @media (min-width: 768px) {
    .news .eventItem .newsContent .detailLink {
      bottom: unset; } }
  .news .eventItem .newsContent .detailLink a .skewRight:after {
    display: none; }
  .news .eventItem .newsContent .detailLink a .button {
    color: white;
    text-align: center;
    padding: 0px;
    font-size: 12px;
    text-transform: uppercase;
    padding-bottom: 4px;
    height: 18px;
    line-height: 18px; }
    @media (max-width: 750px) {
      .news .eventItem .newsContent .detailLink a .button {
        padding-bottom: unset; } }
    @media (min-width: 769px) {
      .news .eventItem .newsContent .detailLink a .button {
        line-height: 14px; } }
    @media (min-width: 1024px) {
      .news .eventItem .newsContent .detailLink a .button {
        line-height: 21px; } }
    .news .eventItem .newsContent .detailLink a .button span:after {
      display: none; }

/* vierspalter */
.news .fourth .teamItem {
  padding: 5px;
  margin-bottom: 30px;
  min-height: 440px; }
  .news .fourth .teamItem .mediaContainer {
    height: auto; }
  .news .fourth .teamItem a {
    text-decoration: none; }
  .news .fourth .teamItem .newsContent .detailLink a .button {
    line-height: 21px; }
  .news .fourth .teamItem .newsContent {
    padding: 0; }

.eventItem {
  border-top: 1px #000 solid;
  padding-top: 30px;
  padding-bottom: 30px;
  color: #000; }
  .eventItem h3 {
    margin-top: 0;
    font-size: 24px;
    line-height: 26px;
    text-decoration: none;
    font-weight: 400;
    text-transform: uppercase; }
    .eventItem h3 a {
      color: #000; }
  .eventItem .news-list-date,
  .eventItem .news-list-city {
    font-size: 24px;
    text-decoration: none;
    width: 140px;
    display: inline-block;
    line-height: 35px; }
  .eventItem .news-list-city {
    display: block;
    margin-top: 10px;
    width: auto; }
  .eventItem .newsContent {
    padding: 0; }

.news-header {
  border-bottom: 1px solid black;
  margin-top: 3rem;
  margin-bottom: 3rem; }
  .news-header .centeredHeader {
    padding-bottom: 1rem;
    max-width: 857px;
    margin: auto; }
    .news-header .centeredHeader h2 {
      margin-top: 2rem;
      margin-bottom: 2rem;
      line-height: 1.3; }
  .news-header .eventdate {
    font-size: 22px; }

.news-body {
  color: black;
  margin-bottom: 4rem; }
  .news-body .teaser-text {
    max-width: 857px;
    font-weight: bold;
    margin: auto; }
  .news-body .news-text-wrap {
    max-width: 857px;
    margin: auto; }
  .news-body .news-gallery {
    margin-top: 5rem;
    margin-bottom: 5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .news-body .news-gallery img {
      margin: .4rem auto; }
  .news-body .news-img-wrap .mediaelement-image {
    max-width: 857px;
    margin: auto;
    text-align: center; }

.news-single .imageSlider.newsSlider img, .news-single .newsSlider.bigPanels img {
  margin: 0 auto; }

@media (max-width: 440px) {
  .imageSlider.teamSlider .bx-controls-direction, .teamSlider.bigPanels .bx-controls-direction {
    margin-top: -60px; }
  .news .fourth .teamItem .newsContent {
    height: auto; }
  .news .fourth .teamItem {
    min-height: 0; } }

@media (max-width: 768px) and (min-width: 768px) {
  .news .teamItem .newsContent .detailLink {
    bottom: 33px !important; }
  .news .fourth .teamItem .newsContent .detailLink a .button {
    padding-left: 8px; } }

@media (min-width: 768px) {
  .news .news-list-view .grid4Col .fourth .teamItem .newsContent {
    height: 250px; } }

@media (min-width: 1440px) {
  .news .news-list-view .grid4Col .fourth .teamItem {
    min-height: 400px; } }

.news-list-view .grid4Col .news-hide-initial {
  display: none; }

.news-list-view .grid4Col #load_more_news {
  padding-top: 30px;
  display: block;
  clear: both; }
  .news-list-view .grid4Col #load_more_news span {
    display: block;
    border: 2px solid #003788;
    background: #FFF;
    color: #003788;
    padding: 8px 32px;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
    text-align: center;
    width: 106px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 22px;
    margin-bottom: 20px; }

.teamFullSize {
  position: relative;
  margin-bottom: 20px; }
  .teamFullSize .contentContainer {
    display: block;
    position: relative;
    /* blue Button with link */ }
    @media (min-width: 1024px) {
      .teamFullSize .contentContainer {
        display: inline-block;
        width: auto;
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: skew(-42deg);
        -ms-transform: skew(-42deg);
        transform: skew(-42deg);
        bottom: 0%;
        position: absolute;
        z-index: 5;
        background: rgba(255, 255, 255, 0.85);
        height: 80%;
        width: 50%;
        padding-left: 130px;
        left: 0;
        padding-bottom: 20px;
        padding-right: 100px; }
        .teamFullSize .contentContainer span {
          text-decoration: none;
          display: block;
          -webkit-transform: skew(42deg);
          -ms-transform: skew(42deg);
          transform: skew(42deg); } }
    @media (min-width: 1280px) {
      .teamFullSize .contentContainer {
        height: 50%;
        width: 40%; } }
    @media (min-width: 1600px) {
      .teamFullSize .contentContainer {
        padding-left: 325px;
        width: 35%;
        height: 60%; } }
    .teamFullSize .contentContainer .text {
      text-decoration: none;
      display: block; }
      @media (min-width: 1024px) {
        .teamFullSize .contentContainer .text {
          -webkit-transform: skew(42deg);
          -ms-transform: skew(42deg);
          transform: skew(42deg); } }
    .teamFullSize .contentContainer .detailLink {
      position: absolute;
      top: -70px; }
      @media (min-width: 1024px) {
        .teamFullSize .contentContainer .detailLink {
          width: 30%;
          right: -28%;
          top: auto;
          bottom: 20px; } }

.skewedContainer {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  /* Image Left- Text Right*/
  /* Text Left- Image Right*/ }
  @media (min-width: 768px) {
    .skewedContainer {
      max-width: 1600px; } }
  .skewedContainer h2 {
    line-height: 40px;
    text-transform: uppercase;
    color: #003788; }
    @media (min-width: 1024px) {
      .skewedContainer h2 {
        font-size: 2.5em; } }
  .skewedContainer .detailLink {
    position: absolute;
    top: -50px;
    width: auto;
    right: 0; }
    @media (min-width: 1024px) {
      .skewedContainer .detailLink {
        width: 60%;
        right: 100%;
        bottom: 50px;
        top: auto; } }
    .skewedContainer .detailLink a {
      width: 100%;
      -webkit-transform: none;
          -ms-transform: none;
              transform: none;
      color: #fff;
      text-decoration: none;
      padding: 5px;
      margin-right: 10px;
      font-size: 18px; }
      @media (min-width: 1024px) {
        .skewedContainer .detailLink a {
          font-size: 22px; } }
      .skewedContainer .detailLink a span {
        padding: 5px 20px;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none; }
        @media (min-width: 1024px) {
          .skewedContainer .detailLink a span {
            -webkit-transform: skew(42deg);
                -ms-transform: skew(42deg);
                    transform: skew(42deg); } }
      .skewedContainer .detailLink a:after {
        right: 8px;
        bottom: 8px;
        color: #fff;
        content: "\e901";
        font-family: 'webfont' !important;
        font-size: 24px;
        position: absolute;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none; }
        @media (min-width: 1024px) {
          .skewedContainer .detailLink a:after {
            -webkit-transform: skew(42deg);
                -ms-transform: skew(42deg);
                    transform: skew(42deg);
            right: 20px;
            bottom: 10px; } }
  .skewedContainer.skewedRightContainer {
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
    width: 100%; }
    .skewedContainer.skewedRightContainer .leftContent {
      float: left;
      position: relative;
      width: 100%;
      z-index: 2; }
      @media (min-width: 1024px) {
        .skewedContainer.skewedRightContainer .leftContent {
          width: 70%;
          text-align: right; } }
    .skewedContainer.skewedRightContainer .rightContent {
      width: 100%;
      z-index: 3;
      float: left;
      position: relative; }
      @media (min-width: 1024px) {
        .skewedContainer.skewedRightContainer .rightContent {
          display: inline-block;
          width: auto;
          -webkit-transform-origin: 0 0;
          -ms-transform-origin: 0 0;
          transform-origin: 0 0;
          -webkit-transform: skew(-42deg);
          -ms-transform: skew(-42deg);
          transform: skew(-42deg);
          position: absolute;
          width: 37%;
          padding: 5px 80px 20px 120px;
          right: -100px;
          background-color: #fff; }
          .skewedContainer.skewedRightContainer .rightContent span {
            text-decoration: none;
            display: block;
            -webkit-transform: skew(42deg);
            -ms-transform: skew(42deg);
            transform: skew(42deg); }
          .skewedContainer.skewedRightContainer .rightContent img,
          .skewedContainer.skewedRightContainer .rightContent .text {
            -webkit-transform: skew(42deg);
            -ms-transform: skew(42deg);
            transform: skew(42deg); } }
  .skewedContainer.skewedLeftContainer {
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
    width: 100%; }
    .skewedContainer.skewedLeftContainer .leftContent {
      width: 100%;
      float: left;
      z-index: 3;
      position: relative; }
      @media (min-width: 1024px) {
        .skewedContainer.skewedLeftContainer .leftContent {
          display: inline-block;
          width: auto;
          -webkit-transform-origin: 0 0;
          -ms-transform-origin: 0 0;
          transform-origin: 0 0;
          -webkit-transform: skew(-42deg);
          -ms-transform: skew(-42deg);
          transform: skew(-42deg);
          position: absolute;
          width: 40%;
          padding: 20px;
          left: 100px;
          padding-right: 100px;
          background-color: #fff; }
          .skewedContainer.skewedLeftContainer .leftContent span {
            text-decoration: none;
            display: block;
            -webkit-transform: skew(42deg);
            -ms-transform: skew(42deg);
            transform: skew(42deg); }
          .skewedContainer.skewedLeftContainer .leftContent img,
          .skewedContainer.skewedLeftContainer .leftContent .text {
            -webkit-transform: skew(42deg);
            -ms-transform: skew(42deg);
            transform: skew(42deg);
            left: 15%;
            position: relative;
            max-width: 80%; } }
      .skewedContainer.skewedLeftContainer .leftContent .detailLink {
        right: 0; }
        @media (min-width: 1024px) {
          .skewedContainer.skewedLeftContainer .leftContent .detailLink {
            right: auto;
            left: 98%; } }
    .skewedContainer.skewedLeftContainer .rightContent {
      float: right;
      position: relative;
      width: 100%;
      z-index: 2; }
      @media (min-width: 1024px) {
        .skewedContainer.skewedLeftContainer .rightContent {
          width: 70%;
          text-align: right; } }

.grid3Col .third {
  width: 100%;
  clear: right;
  float: right;
  margin-right: 0;
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    .grid3Col .third {
      width: 32.2033898305%;
      clear: right;
      float: left;
      margin-left: 0;
      margin-right: 1.6949152542%;
      margin-bottom: 0px; }
      .grid3Col .third:nth-child(3) {
        width: 32.2033898305%;
        clear: right;
        float: right;
        margin-right: 0; } }

.imageBox {
  position: relative;
  padding-right: 2px;
  overflow: hidden; }
  .imageBox .skewedHeader {
    display: inline-block;
    width: auto;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: skew(-42deg);
    -ms-transform: skew(-42deg);
    transform: skew(-42deg);
    color: #003788;
    background-color: #fff;
    font-size: 20px;
    font-weight: bold;
    left: 0px;
    margin: 0;
    width: 76%;
    position: absolute;
    bottom: 10px;
    height: 60px;
    padding: 8px 0 0 40px; }
    .imageBox .skewedHeader span {
      text-decoration: none;
      display: block;
      -webkit-transform: skew(42deg);
      -ms-transform: skew(42deg);
      transform: skew(42deg); }
    .imageBox .skewedHeader h3 {
      line-height: 26px;
      margin: 0;
      display: block;
      text-transform: uppercase;
      -webkit-transform: skew(42deg);
      -ms-transform: skew(42deg);
      transform: skew(42deg); }
  .imageBox a {
    text-decoration: none; }
  .imageBox .detailLink {
    bottom: 10px;
    position: absolute;
    right: -2px;
    bottom: 10px;
    width: 45px;
    z-index: 8; }
    .imageBox .detailLink .skewLeft::before {
      left: -30px;
      width: 60px; }
    .imageBox .detailLink .button {
      padding: 32px 22px 36px 59px; }
      .imageBox .detailLink .button span {
        left: 21px;
        color: #fff;
        font-size: 22px; }
        .imageBox .detailLink .button span:after {
          bottom: 18px;
          color: #fff;
          content: "\e901";
          font-family: 'webfont' !important;
          font-size: 40px;
          position: absolute;
          right: 60px;
          -webkit-transform: none;
              -ms-transform: none;
                  transform: none; }

@-webkit-keyframes toTop {
  49% {
    top: 20px; }
  50% {
    opacity: 0;
    top: 20px; }
  51% {
    top: 25px;
    opacity: 1; } }

@keyframes toTop {
  49% {
    top: 20px; }
  50% {
    opacity: 0;
    top: 20px; }
  51% {
    top: 25px;
    opacity: 1; } }

body {
  background-color: #fff;
  font-size: 13px;
  color: #5c6166;
  font: 1em/1.5em "PT Sans",sans-serif;
  margin: 0;
  pading: 0; }
  @media (min-width: 768px) {
    body {
      font-size: 14px;
      font-weight: 400;
      /*line-height: 24px;*/ } }

a {
  color: #003788; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: inherit;
  text-decoration: none; }

.centeredContent {
  max-width: 1220px;
  margin-left: auto;
  margin-right: auto; }

#topContent {
  margin-top: 20px;
  z-index: 9;
  min-height: 55px; }
  @media (min-width: 768px) {
    #topContent {
      min-height: 60px;
      margin-top: 35px; } }
  @media (min-width: 1024px) {
    #topContent {
      min-height: 105px; } }

#content {
  position: relative;
  z-index: 9;
  /*line-height:1;*/ }

/* the Content Container*/
.page_wrap {
  position: relative;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 768px) {
    .page_wrap {
      max-width: 1220px; } }
  .page_wrap:after {
    content: "";
    display: table;
    clear: both;
    height: 0; }

.padding {
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 480px) {
    .padding {
      padding-left: 10px;
      padding-right: 10px; } }

#top {
  z-index: 20;
  position: absolute;
  width: 100%;
  top: 0; }
  #top #metabar {
    height: 30px;
    margin-bottom: 5px;
    background-color: #fff; }
    @media (min-width: 768px) {
      #top #metabar {
        background-color: rgba(255, 255, 255, 0.85); } }
    @media (min-width: 1024px) {
      #top #metabar {
        margin-bottom: 20px; } }
  #top #topbar {
    position: relative;
    height: 40px; }
    #top #topbar.withBgColor {
      background-color: rgba(0, 0, 0, 0.85); }
      #top #topbar.withBgColor #backgroundContainer {
        display: none; }
    @media (min-width: 768px) {
      #top #topbar {
        height: 60px; } }
    @media (min-width: 1024px) {
      #top #topbar {
        height: 90px; } }
    #top #topbar #metanavigation {
      color: #fff;
      height: 10px;
      padding-top: 0;
      padding-bottom: 0; }
    #top #topbar #logo {
      float: left;
      padding-top: 9px;
      width: 210px; }
      @media (min-width: 768px) {
        #top #topbar #logo {
          padding-top: 19px;
          width: 160px; } }
      @media (min-width: 1024px) {
        #top #topbar #logo {
          width: 210px;
          padding-top: 34px; } }
      @media (min-width: 1280px) {
        #top #topbar #logo {
          padding-top: 29px;
          width: 310px; } }
    #top #topbar #claim {
      display: none; }
      #top #topbar #claim img {
        /*height: 30px;*/
        display: inline-block;
        padding-top: 5px; }
      @media (min-width: 640px) {
        #top #topbar #claim {
          display: inline-block;
          width: 100px;
          padding-left: 15px; } }
      @media (min-width: 768px) {
        #top #topbar #claim {
          display: none; } }
      @media (min-width: 1024px) {
        #top #topbar #claim {
          display: inline-block;
          width: 125px;
          height: 40px;
          padding-left: 10px;
          padding-top: 22px; } }
      @media (min-width: 1280px) {
        #top #topbar #claim {
          width: 180px;
          height: 52px;
          padding-top: 13px;
          padding-left: 15px; } }
    #top #topbar #navContainer {
      z-index: 12; }
    #top #topbar #backgroundContainer {
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      overflow: hidden;
      z-index: 11; }
      #top #topbar #backgroundContainer #leftNavBG,
      #top #topbar #backgroundContainer #rightNavBG {
        display: inline-block;
        width: auto;
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: skew(-42deg);
        -ms-transform: skew(-42deg);
        transform: skew(-42deg);
        background-color: rgba(0, 0, 0, 0.85);
        float: left;
        display: inline-block;
        height: 100%; }
        #top #topbar #backgroundContainer #leftNavBG span,
        #top #topbar #backgroundContainer #rightNavBG span {
          text-decoration: none;
          display: block;
          -webkit-transform: skew(42deg);
          -ms-transform: skew(42deg);
          transform: skew(42deg); }
      #top #topbar #backgroundContainer #leftNavBG {
        margin-right: 6px; }
      #top #topbar #backgroundContainer #rightNavBG {
        margin-right: -80px; }
        #top #topbar #backgroundContainer #rightNavBG:after {
          width: 100px;
          position: absolute;
          background-color: rgba(0, 0, 0, 0.85);
          top: 0;
          height: 100%;
          right: -99px;
          content: " "; }

#breadcrumbContainer {
  background-color: #000;
  width: 100%;
  z-index: 11;
  border-top: 2px #fff solid;
  border-bottom: 3px #fff solid;
  height: 27px;
  display: none; }
  @media (min-width: 768px) {
    #breadcrumbContainer {
      display: block; } }

/* the navigation Layer */
#navigationBackgroundLayer {
  position: absolute;
  z-index: 12;
  background-color: #fff;
  height: 0;
  width: 100%; }
  @media (min-width: 768px) {
    #navigationBackgroundLayer {
      top: 95px; } }
  @media (min-width: 1024px) {
    #navigationBackgroundLayer {
      top: 140px; } }

/* Page Bottom with Emblem Footernavigation/Copyright*/
#bottom {
  background-color: #e5e5e5;
  border-top: 2px #003788 solid;
  min-height: 100px;
  position: relative;
  z-index: 8;
  padding-top: 5px;
  margin-top: 10px; }
  @media (min-width: 768px) {
    #bottom {
      padding-top: 20px; } }
  #bottom #newsletterContainer {
    display: block;
    width: 100%;
    margin: 20px auto; }
    @media (min-width: 893px) {
      #bottom #newsletterContainer {
        display: inline-block;
        width: 79%;
        margin-top: 0; } }
    #bottom #newsletterContainer .submitBottomRight {
      background: transparent; }
      @media (min-width: 768px) {
        #bottom #newsletterContainer .submitBottomRight {
          background: #FFF; } }
    @media (min-width: 768px) {
      #bottom #newsletterContainer .footerInput {
        position: relative;
        z-index: 500;
        float: left;
        width: 60%; }
        #bottom #newsletterContainer .footerInput .form-control {
          border: none;
          background: transparent; } }
  #bottom #sponsorContainer {
    display: none;
    width: 15%;
    margin-left: 40px; }
    @media (min-width: 893px) {
      #bottom #sponsorContainer {
        display: inline-block; } }
    #bottom #sponsorContainer ul#sponsor.footerUl {
      width: 100%; }
  @media (min-width: 640px) {
    #bottom ul#socialLinks {
      margin-right: 15px; } }
  #bottom #emblemContainer {
    display: none;
    margin-bottom: 10px; }
    @media (min-width: 768px) {
      #bottom #emblemContainer {
        display: block;
        width: 15.2542372881%;
        clear: right;
        float: left;
        margin-left: 0;
        margin-right: 1.6949152542%;
        margin-bottom: 0px; } }
    #bottom #emblemContainer #emblem {
      width: 100px; }
      @media (min-width: 1024px) {
        #bottom #emblemContainer #emblem {
          width: 150px; } }
      @media (min-width: 1280px) {
        #bottom #emblemContainer #emblem {
          width: 150px; } }
  #bottom #footernavigation {
    width: 100%;
    clear: right;
    float: right;
    margin-right: 0; }
    @media (min-width: 768px) {
      #bottom #footernavigation {
        width: 83.0508474576%;
        clear: right;
        float: right;
        margin-right: 0;
        margin-bottom: 0px; } }
    #bottom #footernavigation #footerColumns {
      width: 100%;
      clear: right;
      float: right;
      margin-right: 0; }
      @media (max-width: 767px) {
        #bottom #footernavigation #footerColumns {
          width: 95%; } }
  #bottom div#copyright {
    clear: both;
    border-top: 1px #cecece solid;
    min-height: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 5px;
    width: 100%;
    clear: right;
    float: right;
    margin-right: 0; }
    @media (min-width: 768px) {
      #bottom div#copyright {
        width: 83.0508474576%;
        clear: right;
        float: right;
        margin-right: 0;
        width: 100%; } }

#pageOverlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.35);
  display: none; }
  @media (min-width: 768px) {
    #pageOverlay.active {
      display: block;
      cursor: pointer; } }
  @media (min-width: 768px) {
    #pageOverlay {
      top: 98px; } }
  @media (min-width: 1024px) {
    #pageOverlay {
      top: 140px; } }

/* general */
img.lazy {
  display: none; }

a:focus,
:focus {
  outline: none; }

/* Helper */
.lh0 {
  line-height: 0; }

.fs0 {
  font-size: 0; }

.block {
  display: block; }

.centered {
  text-align: center; }

.hidden {
  display: none; }

#backToTop {
  display: none;
  position: fixed;
  bottom: 30px;
  right: 0;
  z-index: 99;
  background: transparent;
  color: #FFF;
  text-decoration: none; }
  #backToTop:before {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    -webkit-transform: skew(-40deg);
        -ms-transform: skew(-40deg);
            transform: skew(-40deg);
    width: 80px;
    z-index: -1; }
  @media (min-width: 768px) {
    #backToTop {
      bottom: 140px;
      right: -15px;
      padding: 5px 0; } }
  #backToTop span {
    padding: 5px 20px 5px 15px;
    font-size: 30px; }
    @media (min-width: 768px) {
      #backToTop span {
        padding: 5px 25px 10px 10px;
        font-size: 42px; } }
  #backToTop:hover span {
    -webkit-animation: 0.8s ease 1 toTop;
            animation: 0.8s ease 1 toTop; }

.row {
  clear: both;
  overflow: hidden; }

.col-1 {
  width: 100%;
  float: left;
  padding: 0 0;
  position: relative; }

.col-no-padding-1 {
  width: 100%; }

.col-2 {
  width: 100%;
  float: left;
  padding: 0 0;
  position: relative; }

.col-no-padding-2 {
  width: 100%; }

.col-3 {
  width: 100%;
  float: left;
  padding: 0 0;
  position: relative; }

.col-no-padding-3 {
  width: 100%; }

.col-4 {
  width: 100%;
  float: left;
  padding: 0 0;
  position: relative; }

.col-no-padding-4 {
  width: 100%; }

.col-5 {
  width: 100%;
  float: left;
  padding: 0 0;
  position: relative; }

.col-no-padding-5 {
  width: 100%; }

.col-6 {
  width: 100%;
  float: left;
  padding: 0 0;
  position: relative; }

.col-no-padding-6 {
  width: 100%; }

.col-7 {
  width: 100%;
  float: left;
  padding: 0 0;
  position: relative; }

.col-no-padding-7 {
  width: 100%; }

.col-8 {
  width: 100%;
  float: left;
  padding: 0 0;
  position: relative; }

.col-no-padding-8 {
  width: 100%; }

.col-9 {
  width: 100%;
  float: left;
  padding: 0 0;
  position: relative; }

.col-no-padding-9 {
  width: 100%; }

.col-10 {
  width: 100%;
  float: left;
  padding: 0 0;
  position: relative; }

.col-no-padding-10 {
  width: 100%; }

.col-11 {
  width: 100%;
  float: left;
  padding: 0 0;
  position: relative; }

.col-no-padding-11 {
  width: 100%; }

.col-12 {
  width: 100%;
  float: left;
  padding: 0 0;
  position: relative; }

.col-no-padding-12 {
  width: 100%; }

@media screen and (min-width: 768px) {
  .col-1, .col-no-padding-1 {
    width: 50%; }
  .col-no-padding-1 {
    width: 50%; }
  .col-2, .col-no-padding-2 {
    width: 50%; }
  .col-no-padding-2 {
    width: 50%; }
  .col-3, .col-no-padding-3 {
    width: 50%; }
  .col-no-padding-3 {
    width: 50%; }
  .col-4, .col-no-padding-4 {
    width: 50%; }
  .col-no-padding-4 {
    width: 50%; }
  .col-5, .col-no-padding-5 {
    width: 50%; }
  .col-no-padding-5 {
    width: 50%; }
  .col-6, .col-no-padding-6 {
    width: 50%; }
  .col-no-padding-6 {
    width: 50%; }
  .col-7, .col-no-padding-7 {
    width: 50%; }
  .col-no-padding-7 {
    width: 50%; }
  .col-8, .col-no-padding-8 {
    width: 50%; }
  .col-no-padding-8 {
    width: 50%; }
  .col-9, .col-no-padding-9 {
    width: 50%; }
  .col-no-padding-9 {
    width: 50%; }
  .col-10, .col-no-padding-10 {
    width: 50%; }
  .col-no-padding-10 {
    width: 50%; }
  .col-11, .col-no-padding-11 {
    width: 50%; }
  .col-no-padding-11 {
    width: 50%; } }

@media screen and (min-width: 992px) {
  .col-1, .col-no-padding-1 {
    width: 8.3333333333%; }
  .col-no-padding-1 {
    width: 8.3333333333%; }
  .col-2, .col-no-padding-2 {
    width: 16.6666666667%; }
  .col-no-padding-2 {
    width: 16.6666666667%; }
  .col-3, .col-no-padding-3 {
    width: 25%; }
  .col-no-padding-3 {
    width: 25%; }
  .col-4, .col-no-padding-4 {
    width: 33.3333333333%; }
  .col-no-padding-4 {
    width: 33.3333333333%; }
  .col-5, .col-no-padding-5 {
    width: 41.6666666667%; }
  .col-no-padding-5 {
    width: 41.6666666667%; }
  .col-6, .col-no-padding-6 {
    width: 50%; }
  .col-no-padding-6 {
    width: 50%; }
  .col-7, .col-no-padding-7 {
    width: 58.3333333333%; }
  .col-no-padding-7 {
    width: 58.3333333333%; }
  .col-8, .col-no-padding-8 {
    width: 66.6666666667%; }
  .col-no-padding-8 {
    width: 66.6666666667%; }
  .col-9, .col-no-padding-9 {
    width: 75%; }
  .col-no-padding-9 {
    width: 75%; }
  .col-10, .col-no-padding-10 {
    width: 83.3333333333%; }
  .col-no-padding-10 {
    width: 83.3333333333%; }
  .col-11, .col-no-padding-11 {
    width: 91.6666666667%; }
  .col-no-padding-11 {
    width: 91.6666666667%; }
  .col-12, .col-no-padding-12 {
    width: 100%; }
  .col-no-padding-12 {
    width: 100%; } }

/* Colors */
/*topbar BG Color*/
/*Stage(above Content) BG Color*/
/* Footer  BG Color*/
/* Bottom  BG Color*/
/*Font Colors*/
/*border above footer*/
/*the silder pagination hover and active color*/
.blue {
  color: #003788; }

.grey {
  color: #b7b7b7; }

.redBg {
  background-color: #b00000; }

.whiteBg {
  background-color: #fff; }

.blueBg {
  background-color: #016bff; }

.page-navigation {
  text-align: center; }
  .page-navigation ul.f3-widget-paginator {
    list-style: none;
    padding-left: 0; }
    .page-navigation ul.f3-widget-paginator li {
      display: inline-block;
      height: 32px;
      width: auto;
      font-size: 16px; }
      .page-navigation ul.f3-widget-paginator li a {
        text-decoration: none;
        display: block;
        height: 32px;
        padding: 16px;
        padding-top: 12px;
        padding-bottom: 0;
        border: 1px #003788 solid;
        height: 46px; }
      .page-navigation ul.f3-widget-paginator li.next, .page-navigation ul.f3-widget-paginator li.previous {
        position: relative; }
        .page-navigation ul.f3-widget-paginator li.next a, .page-navigation ul.f3-widget-paginator li.previous a {
          width: 44px; }
        .page-navigation ul.f3-widget-paginator li.next a::after, .page-navigation ul.f3-widget-paginator li.previous a::after {
          top: 12px;
          color: #003788;
          content: "\e901";
          font-family: "webfont" !important;
          font-size: 20px;
          font-weight: normal;
          position: absolute;
          left: 18px;
          -webkit-transform: none;
              -ms-transform: none;
                  transform: none; }
      .page-navigation ul.f3-widget-paginator li.previous a::after {
        content: "\e900"; }
      .page-navigation ul.f3-widget-paginator li.current, .page-navigation ul.f3-widget-paginator li.lesspages {
        padding: 16px;
        padding-top: 12px;
        padding-bottom: 0;
        border: 1px #003788 solid; }

.ce-uploads a {
  text-decoration: none; }
  .ce-uploads a .ce-uploads-fileName {
    font-size: 20px;
    line-height: 20px;
    margin: 0 0 6px;
    color: #003788; }

.accordion .contentHeader,
.accordion .contentHeader,
.accordion .contentHeader {
  cursor: pointer; }
  .accordion .contentHeader:after,
  .accordion .contentHeader:after,
  .accordion .contentHeader:after {
    content: "\e902";
    font-family: 'webfont' !important;
    font-size: 35px;
    float: right; }
  .accordion .contentHeader.accordionActive:after,
  .accordion .contentHeader.accordionActive:after,
  .accordion .contentHeader.accordionActive:after {
    content: "\e903"; }

.accordion .ce-textpic,
.accordion .ce-uploads,
.accordion .ce-menu {
  display: none; }

.tx-maps2 {
  z-index: 20;
  position: relative; }
  .tx-maps2 fieldset {
    border: 0;
    padding: 0;
    margin: 0; }
  .tx-maps2 .maps2 {
    position: relative;
    z-index: 21; }
  .tx-maps2 #searchform-fieldset {
    margin-bottom: 20px; }
    .tx-maps2 #searchform-fieldset .select-style {
      width: 99%;
      height: 36px; }
      @media (min-width: 768px) {
        .tx-maps2 #searchform-fieldset .select-style {
          width: 80%; } }
  .tx-maps2 #searchform-short-fieldset {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    margin-top: -85px;
    position: relative;
    z-index: 22; }
    .tx-maps2 #searchform-short-fieldset form {
      width: auto;
      background: #000;
      color: #fff;
      padding: 20px;
      border-radius: 8px; }
      .tx-maps2 #searchform-short-fieldset form div {
        display: inline-block;
        padding-right: 10px;
        min-width: 80px;
        text-align: center;
        position: relative; }
        @media (min-width: 1024px) {
          .tx-maps2 #searchform-short-fieldset form div {
            padding-right: 20px; } }
    .tx-maps2 #searchform-short-fieldset label {
      text-align: center;
      margin-top: 0;
      margin-bottom: 10px;
      text-transform: uppercase;
      color: #ccc; }
    .tx-maps2 #searchform-short-fieldset input {
      width: 100%;
      margin-bottom: 10px;
      border-radius: 8px; }
    .tx-maps2 #searchform-short-fieldset select {
      border-radius: 8px;
      height: 38px;
      background-color: #fff; }
    .tx-maps2 #searchform-short-fieldset select, .tx-maps2 #searchform-short-fieldset select:not([multiple]) {
      background-position: right -3px;
      background-repeat: no-repeat;
      background-size: 24px;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='256' height='448' viewBox='0 0 256 448'%3E%3Ctitle%3E%3C/title%3E%3Cg id='icomoon-ignore'%3E%3C/g%3E%3Cpath fill='%23000' d='M167.097 197.334c0 2.361-0.972 4.583-2.639 6.25l-62.222 62.222c-1.666 1.666-3.889 2.639-6.25 2.639s-4.583-0.972-6.25-2.639l-62.222-62.222c-1.666-1.666-2.639-3.889-2.639-6.25 0-4.861 4.028-8.889 8.889-8.889h124.444c4.861 0 8.889 4.028 8.889 8.889z'%3E%3C/path%3E%3C/svg%3E%0A"); }
    .tx-maps2 #searchform-short-fieldset button.button {
      background-color: transparent;
      margin-bottom: 0;
      font-weight: normal;
      white-space: break-spaces;
      font-size: 20px;
      width: 100px;
      margin-top: -26px;
      position: absolute;
      text-align: center;
      padding: 8px;
      height: 50px;
      color: #ccc;
      padding-top: 0;
      left: 0; }
    .tx-maps2 #searchform-short-fieldset button.skewRight:before {
      background-color: #1f63a2; }
  .tx-maps2 .resultlist div div {
    margin: 15px 0; }
  .tx-maps2 .resultlist > div {
    height: 220px; }
  .tx-maps2 .noResults {
    font-weight: bold; }
  .tx-maps2 button.button {
    padding-top: 12px;
    padding-bottom: 12px;
    z-index: 2;
    color: #fff;
    height: 40px;
    font-weight: bold; }
  .tx-maps2 button.skewRight:before {
    right: -17px; }

@media screen and (max-width: 735px) {
  .tx-maps2 #searchform-short-fieldset .buttonContainer {
    clear: both;
    width: 100%; }
    .tx-maps2 #searchform-short-fieldset .buttonContainer button.button {
      position: relative;
      width: 80vw;
      margin-top: 10px; }
  .tx-maps2 #searchform-short-fieldset form {
    width: 80vw; }
    .tx-maps2 #searchform-short-fieldset form div {
      display: block;
      padding-right: 0;
      min-width: 0; } }

.gm-style-iw > div {
  overflow: hidden !important; }

/* InfoWindow*/
.gm-style-iw.gm-style-iw-c {
  overflow: visible;
  padding-right: 26px !important; }

/* startpage container must be wider to prevent newlines*/
#searchform-short-fieldset .page_wrap.padding.row {
  max-width: 1300px; }

img.leaflet-marker-icon.leaflet-zoom-animated.leaflet-interactive {
  margin-top: 3px !important; }

/* indexed search */
.tx-indexedsearch-searchbox .submitBottomRight {
  position: relative;
  background-color: #f2f2f2;
  margin-top: 0;
  margin-bottom: 10px; }

.tx-indexedsearch-searchbox fieldset {
  padding-bottom: 0; }

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

.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword {
  width: 100%; }

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info {
  background: #f2f2f2 none repeat scroll 0 0;
  padding: 5px; }

.tx-indexedsearch-whatis,
.tx-indexedsearch-browsebox {
  position: relative;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 768px) {
    .tx-indexedsearch-whatis,
    .tx-indexedsearch-browsebox {
      max-width: 1220px; } }
  .tx-indexedsearch-whatis:after,
  .tx-indexedsearch-browsebox:after {
    content: "";
    display: table;
    clear: both;
    height: 0; }

input#tx-indexedsearch-searchbox-sword {
  width: 100%; }

.tx-indexedsearch-redMarkup {
  color: #003788; }

.tx-indexedsearch-percent {
  letter-spacing: 0;
  font-weight: normal;
  float: right; }

.tx-indexedsearch-form {
  margin-top: 20px; }

.tx-indexedsearch-res {
  border-bottom: 1px #ccc solid; }

.tx-indexedsearch-info {
  display: none; }

.tx-indexedsearch-info-sword span {
  font-weight: bold;
  font-style: italic; }

ul.tx-indexedsearch-browsebox {
  list-style: none; }
  ul.tx-indexedsearch-browsebox li {
    display: inline;
    margin-right: 5px; }

.tx-bgmrss .halfSmallGutter {
  width: 100%;
  clear: right;
  float: right;
  margin-right: 0;
  overflow: hidden; }
  @media (min-width: 768px) {
    .tx-bgmrss .halfSmallGutter {
      width: 49.1525423729%;
      clear: right;
      float: left;
      margin-left: 0;
      margin-right: 1.6949152542%;
      margin-bottom: 0px;
      width: 49.5%;
      margin-right: 0; } }
  .tx-bgmrss .halfSmallGutter .item {
    width: 100%;
    min-height: 300px;
    margin-left: 0; }
    @media (min-width: 768px) {
      .tx-bgmrss .halfSmallGutter .item {
        min-height: 241px; } }
    @media (min-width: 1024px) {
      .tx-bgmrss .halfSmallGutter .item {
        height: 494px; } }
    @media (min-width: 1280px) {
      .tx-bgmrss .halfSmallGutter .item {
        height: 590px; } }

.tx-bgmrss .halfSmallGutterRight {
  width: 100%;
  clear: right;
  float: right;
  margin-right: 0;
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    .tx-bgmrss .halfSmallGutterRight {
      width: 49.1525423729%;
      clear: right;
      float: right;
      margin-right: 0;
      width: 50%;
      margin-right: 0; } }
  .tx-bgmrss .halfSmallGutterRight .item:nth-child(2n+2) {
    margin-right: 0; }

.tx-bgmrss .item {
  position: relative;
  width: 48.5%;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 4px;
  margin-left: 3px;
  float: left;
  margin-top: 0;
  min-height: 100px; }
  @media (min-width: 768px) {
    .tx-bgmrss .item {
      min-height: 160px;
      margin-bottom: 2px; } }
  @media (min-width: 1024px) {
    .tx-bgmrss .item {
      margin: 4px;
      width: 49%;
      height: 240px;
      padding-top: 0;
      margin-top: 0;
      margin-bottom: 5px;
      margin-left: 0px;
      margin-right: 8px; } }
  @media (min-width: 1280px) {
    .tx-bgmrss .item {
      height: 292px;
      margin-bottom: 6px; } }

.text ul {
  margin: 0;
  margin-left: 25px;
  padding: 0; }
  .text ul li {
    padding-left: 0;
    padding-bottom: 15px; }

@media (max-width: 750px) {
  .ce .ce-gallery {
    width: 100%;
    margin-bottom: 25px; }
    .ce .ce-gallery .ce-column {
      width: 100%; }
      .ce .ce-gallery .ce-column .ce-media img {
        width: 100%; } }

#SgCookieOptin {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important; }

#SgCookieOptin .sg-cookie-optin-box {
  max-width: 400px !important; }

.sg-cookie-optin-box-copyright {
  display: none !important; }
/*# sourceMappingURL=styles.css.map */