/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * default screen stylesheet - FULLPAGE-layout type layout
 *
 * @copyright       © 2005-2013, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         4.1.2
 */

:root {
    --radius: 50px;
}

@media screen {
  /* force vertical scrollbar */
  body {
    overflow-y: scroll;
    background: #F8F8F8;
  }

  /* Layout Module Configuration */
  .ym-wrapper {
    max-width: 80em;
    margin: 0 auto;
    position: relative;
  }
  header > .ym-wrapper {
    z-index: 20;
  }

  .ym-wbox {
    padding: 1.5em;
  }

  /* fallback for missing media queries support*/
  body > header, body > nav, body > main, body > footer {
    min-width: 760px;
  }


  /* Basic Element Styling */
  body > header {
    background: #fff;
    color: #ccc;
    /*position: relative;*/
    z-index: 9;
  }
  body.no-banner > header {
    z-index: 11;
  }
  header h1 {
    margin-right: 70px;
    margin-bottom: 0;
  }
  .coloredbox.whitebox .headlines-small-margin h1 {
    margin-bottom: .5em;
  }
  header #logo a,
  header nav,
  #headeraddon { display: inline-block; }

  #headeraddon { float: right; margin-top: 1.5em; text-align: right; }

  header #logo { padding-top:9px; }
  header #logo a {
    width: 218px;
    height: 32px;
    background: url(../../Images/meyra-logo.png) no-repeat;
    /*width: 186px;
    height: 50px;
    background: url(../../Images/meyra-80jahre-logo.png) no-repeat;
    */
  }
  header #logo span {
    text-indent: -999em;
    position: absolute;
  }
  header .ym-wbox {
    padding: 1.6em 0 2em;
  }
  #nav {margin-bottom:-34px;margin-top:10px;}

  #breadcrumb {
    color:#858585;
    background: #e6e6e6;
    margin-bottom: 2em;
    padding: 1em 0;
  }
  #breadcrumb span:after {
      content: '>';
      display: inline-block;
      margin: 0 6px;
  }
  #breadcrumb span:after:last-child {
      content: '';
  }

  #loginnav {
    margin: -2em 0 2em 0;
    padding: 1em 0;
    background: #04305E;
    color: #fff;
    overflow: hidden;
  }

  #loginnav .icon-user:before { font-size: 1em; }

  #layer_slider_1 { min-height: 4em; }
  .layout-3 #layer_slider_1 { position: relative; z-index: 15; }
    .ls-slide img {
        width: 100%;
        height: auto;
    }
  .ls-slide a { font-size: 16px; padding: 12px 28px; }
  .ls-slide .ls-l-wrap {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 11;
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
  }
    .ls-slide .ls-l-wrap .ym-wrapper {
        width: 100%;
    }
    .ls-slide .ls-l {
        display: block;
        line-height: normal;
        outline: none;
        padding: 0;
        margin: 0;
        border: 0;
        transform: translateY(-100px);
        /*transform: translate(20%, 200px);*/
    }
    /*.ls-slide .ls-l-1 {

    }
    .ls-slide .ls-l-2 {
        transform: translate(-50%, -50%);
    }*/

  main {
    margin-bottom: 5em;
    z-index: 10;
    position: relative;
  }

  .fancybox main {
    margin-bottom: 0;
  }

  main .ym-wrapper {
    margin-top: -5em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

    #pid757 main.main-full-width,
    #pid895 main.main-full-width {
  	margin-top: -110px;
  }
  main.main-full-width .ym-wrapper {
  	margin-top: 0;
  }

  .fancybox main .ym-wrapper,
  .no-banner main .ym-wrapper,
  .facebook  main .ym-wrapper{
    margin-top: 0;
  }
  .fancybox main .ym-wrapper {
    width: auto;
  }

  #map {
    height: 400px;
    width: 100%;
  }
  #main #map{
    margin-bottom: 1.5em;
  }

  #map .privacy-placeholder {
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      text-align: center;
      background-color: rgb(229, 227, 223);
  }
  #map .privacy-placeholder-content {
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: center;
  }
    #map .privacy-placeholder-content a:hover {
        text-decoration: underline;
    }

  main aside .ym-gbox-right {
    border-left: 1px #ddd solid;
  }

  main .ym-wbox { padding: 1.5em 0; }
  main > .ym-wrapper > .whitebox { padding: 0; /*text-align: center;*/ }
  main > .ym-wrapper > .whitebox.padding,
  main > .ym-wrapper > .whitebox > .padding { padding: 3em 2.5em; }

  .ym-g39 { width: 39%; }
  .ym-g42 { width: 42%; }
  .ym-g45 { width: 45%; }
  .ym-g55 { width: 55%; }

  /*main .csc-default{margin-bottom:20px;}
  main .csc-default .csc-default{margin-bottom:5px;}*/

  footer {
    background: #00305d;
    color: #b2b2b1;
  }
  footer .ym-wbox {
    padding: 6em 0 3em;
  }
  footer div.ce-textpic .csc-textpic-imagewrap .csc-textpic-image,
  .nomargin div.ce-textpic .csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0; }

  #contactdata { padding-bottom: 100px; }
  #counsel { position: absolute; bottom: -60px; left: 0; }
  #counsel .ym-g50.ym-gr {
    margin-top: 40px;
    text-align: right;
  }
  #counsel .ym-g50.ym-gr .csc-textpic-right { float: right; }
  #counsel .ym-g50.ym-gr div.ce-textpic .csc-textpic-imagewrap .csc-textpic-image {
    display: inline-block;
  }

  footer#socket {
    background-color: #151515;
    color: #7d7d7d;
  }
  footer#socket .ym-wbox {
    padding: 6em 0 2em;
  }
  footer#socket.footer-alternate .ym-wbox{
    padding-top: 2em;
  }
  #crosslinks ul {
    margin: 2.5em 0 0;
    padding: 0;
    list-style: none;
  }

  footer nav { text-transform: uppercase; }
  #footernavigation {
    border-top: 1px solid #fff;
    margin-top: 3em;
    padding-top: 3em;
    text-align:center;
    color: #858585;
      clear: both;
  }
  #footernavigation ul { display:inline-block; }
  #footernavigation ul,
  #footernavigation li {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #footernavigation li { float: left; border-right: 1px solid #858585;}
  #footernavigation li:last-child { border-right: 0;}
  #recommended{
    line-height: 60px;
    color: #fff;
  }
  #facebook, #google-plus, #twitter, #recommend{
    background: url(../../Images/socialbookmarks_sprite.png) no-repeat 0 0;
    display: inline-block;
    width: 61px;
    height: 60px;
    margin-left: 5px;
    padding: 0;
    text-decoration: none;
  }
  #facebook{
    margin-left: 20px;
  }
  #facebook:hover {
    background-position: 0 -60px;
  }
  #twitter {
    background-position: -71px 0;
  }
  #twitter:hover {
    background-position: -71px -60px;
  }
  #google-plus {
    background-position: -142px 0;
  }
  #google-plus:hover {
    background-position: -142px -60px;
  }
  #recommend {
    background-position: -213px 0;
  }
  #recommend:hover {
    background-position: -213px -60px;
  }

  .ym-g10 { width: 10%; }
  .ym-g11 { width: 11%; }
  .ym-g13 { width: 13%; }
  .ym-g15 { width: 15%; }
  .ym-g22 { width: 22%; }
  .ym-g23 { width: 23%; }
  .ym-g30 { width: 30%; }
  .ym-g65 { width: 65%; }
  .ym-g67 { width: 67%; }

  .ym-gbox {
    padding: 0 1em;
  }
  .middle .ym-gbox {
    padding: 0 0.5em;
  }

  .ym-gbox-left {
    padding: 0 1em 0 0;
  }

  .ym-gbox-right {
    padding: 0 0 0 1em;
  }

  /* Quarter Color Line */
  .colorline {
    width: 100%;
    overflow: hidden;
    background: #f5be0f;
    height: 8px;
    line-height: 8px;
    margin: 1.5em 0;
    padding: 0;
  }

  .colorline div {
    border-top: 8px solid #64b4c0;
    width: 75%;
    height: 8px;
    position: relative;
    float: right;
    margin:0;
    padding: 0;
  }
  .colorline div:before,
  .colorline div:after {
    position: absolute;
    top: -8px;
    display: inline-block;
    content: '';
    border-top: 8px solid #e16323;
    width: 33.3%;
  }
  .colorline div:after {
    right: 0;
    border-top: 8px solid #cedc2b;
  }

  footer .colorline { margin-top: 0; margin-bottom: 70px;}

  .coloredbox .colorline { margin-bottom: 0; }
  /* Quarter Color Line end */

  /*
  * TABCONTENT
  */

  div.tabContent.hide { display: none; }
  ul#tabs {
    list-style-type: none;
    margin: 10px 0;
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #e6e6e6;
  }
  .productdetails ul#tabs {
    margin-top: 0;
    margin-bottom: -1px;
    border-bottom: 0;
  }

  ul#tabs li { display: inline; margin:0 3px 0 0; }
  ul#tabs li a { color: #42454a; background-color: #e6e6e6;  padding: 11px 33px; text-decoration: none; border:1px solid #e6e6e6;}
  ul#tabs li a:hover,ul#tabs li a.selected {
    background-color: #fff;
  }

  .productdetails ul#tabs li a { border:0;}
  .productitemspecial img { margin-bottom: 1em; }
  strong.margin { margin-right: 30px; }

 .csc-textpic-center .csc-textpic-caption, .ce-center .ce-gallery figcaption { text-align: center; font-size: .9em; }
 .ce-textpic .csc-textpic-imagewrap .csc-textpic-center-inner .csc-textpic-image { text-align: center; }
 .csc-textpic-right .csc-textpic-imagewrap { width: 100%; display:block; }
 footer .csc-textpic-right .csc-textpic-imagewrap { width: auto; }
 .csc-textpic-right .csc-textpic-imagewrap img { max-width: 100%; height: auto; }
 .ce-textpic .csc-textpic-imagewrap .csc-textpic-image { display: inline-block; }
 div.csc-textpic-right .csc-textpic-imagewrap { text-align: right; }

 .csc-textpic-image .csc-textpic-caption,
 .csc-default .ce-gallery figcaption {
    width: 100%;
    padding:10px 0;
    font-weight: 700;
    font-size: 100%;
    text-align: center;
    display: inline-block;
  }

 .csc-uploads-fileSize { padding-left: 20px; }

 .csc-uploads.imagelinks li {
   width: 32%;
   margin-right: 1%;
   float: left;
 }
 .csc-uploads.imagelinks li img {
   border: 6px solid #f0f0f0;
   max-width: 100%;
   height: auto;
 }

  /* skip links styling */
  .ym-skiplinks a.ym-skip:focus,
  .ym-skiplinks a.ym-skip:active {
    color: #fff;
    background: #333;
    border-bottom: 1px #000 solid;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
  }

  /* Start Language */

  footer #country-select {
    margin-top: 4em;
  }
  #languageswitcher {
    overflow: hidden;
    padding: 0 15px 8px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 10;
  }
  #languageswitcher > span {
    vertical-align: top;
    margin-right: 10px;
  }
  #languageswitcher ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
  }
  #languageswitcher li {
    float: left;
    margin: 0 20px 0 0;
  }
  #languageswitcher a {
    text-decoration: none;
  }
  #languageswitcher a span {
    display: inline-block;
    background-image: url(../../Images/flags.png);
    background-repeat: none;
    background-position: -16px 0;
    margin-right: 5px;
    width: 16px;
    height: 11px;
  }
  /*
   * Additional Language Switcher

  #pid69 #language-header {
    bottom: -66px;
  }*/
  #language-header {
    position: absolute;
    right: 0;
    bottom: -33px;
    z-index: 11;
  }
  /* rought form styles for when JS is disabled */
  #country-select {
    float: right;
  }
  #country-select form {
    width: 100%;
    padding: 0;
  }

  #country-select select, #country-select input {
    display: inline;
    padding: 0;
    margin: 0;
  }

  /* JS-created definition list */
  dl.dropdown {
    margin: 0;
  }
  .dropdown dd {
    position: relative;
    margin: 0;
  }

  .dropdown a {
    text-decoration: none;
    outline: 0;
    display: block;
    width: 120px;
    overflow: hidden;
    margin:0;
    padding: 6px 10px;
  }

  #language-header .dropdown dt a,
  #language-header .dropdown dt a.active,
  #language-header .dropdown dd ul {
    background: #fff;
  }
  .dropdown dt a {
    background: #314f6a;
    /*padding: 3px 10px 4px 10px;*/
    color: #8e8e8e;
  }

  .dropdown dt a.active {
    background: #517596;
    border-bottom: 1px dotted #314f6a;
    -moz-box-shadow: 0 3px 7px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 3px 7px rgba(0,0,0,.5);
    box-shadow: 0 3px 7px rgba(0,0,0,.5);
    color: #8e8e8e;
  }

  #language-header .dropdown dt a.active {
    box-shadow: 0;
    -moz-box-shadow: 0 ;
    -webkit-box-shadow: 0 ;
  }

  .dropdown dd ul {
    background: #517596;
    color: #8e8e8e;
    display: none;
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0;
    padding: 2px 0 5px 0;
    list-style: none;
    border-top: none;
    margin: 0;
    -moz-box-shadow: 0 3px 7px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 3px 7px rgba(0,0,0,.5);
    box-shadow: 0 3px 7px rgba(0,0,0,.5);
  }

  .dropdown dd ul li {
    margin-left: 0;
  }

  .dropdown dd ul li a {
    padding: 2px 10px;
  }

  .dropdown dd ul li a span, .dropdown dt a span,
  .productdetails .flags:before {
    background-image: url(../../Images/flags.png);
    background-repeat: no-repeat;
  }
    .dropdown dd ul li a span, .dropdown dt a span {
        float: left;
        width: 16px;
        height: 16px;
        margin: 6px 20px 0 0;
        cursor: pointer;
    }
  .dropdown dd ul li.int a span, .dropdown dt.int a span {
  	margin-top: 4px;
  }
    .productdetails .flags:before {
        display: inline-block;
        content: '';
        width: 16px;
        height: 16px;
        margin-right: 6px;
        background-position-y: 6px;
    }

  .flags-us a span { background-position: 0 0; }
  .flags-uk a span, .en a span{ background-position: -16px 0; }
  .flags-fr a span,
  #languageswitcher a span.flags-fr { background-position: -32px 0; }
  .flags-de a span,
  #languageswitcher a span.flags-de { background-position: -48px 0; }
  .flags-nl a span,
  #languageswitcher a span.flags-nl { background-position: -64px 0; }
  .flags-pl a span,
  #languageswitcher a span.flags-pl { background-position: -112px 0; }
  .flags-hu a span,
  #languageswitcher a span.flags-hu { background-position: -128px 0; }
  .flags-be a span,
  #languageswitcher a span.flags-be-fr,
  #languageswitcher a span.flags-be { background-position: -144px 0; }
  .flags-int a span { background-position: -160px 0; }
  .flags-ru a span,
  #languageswitcher a span.flags-ru { background-position: -176px 0; }
  .flags-cz a span,
  #languageswitcher a span.flags-cz { background-position: -192px 0; }
  .flags-es a span,
  #languageswitcher a span.flags-es { background-position: -208px 0; }
  .flags-dk a span,
  #languageswitcher a span.flags-dk { background-position: -240px 0; }
  .flags-int a span,
  #languageswitcher a span.flags-int { background-position: -160px 0; }
  #languageswitcher a span.flags-int { height: 16px; position: relative; top: 3px; }

    .flags-at a span,
    #languageswitcher a span.flags-at { background-position: -224px 0; }
    .productdetails .flag-at:before { background-position-x: -224px; }

  .dropdown dd ul li a em, .dropdown dt a em {
    font-style: normal;
    float: left;
    cursor: pointer;
  }

  #language-header .dropdown dd ul li a em {
    color: #626262;
  }
  .dropdown dd ul li a em {
    color: #fff;
  }
  #language-header .dropdown dd ul li a:hover {
    background-color: rgba(200,200,200,.1);
  }
  .dropdown dd ul li a:hover {
    background-color: rgba(255,255,255,.1);
  }

  /* ProductList */
    .productlist * {
        box-sizing: border-box;
    }
 .productlist .ym-clearfix { clear: both; }
 .productlist .item > a:first-child {
   position: relative;
   display: inline-block;
 }

    .productlist .productitem img,
    .productdetails img {
        max-width: 100%;
        height: auto;
    }
    .productlist .productitem img {
        max-width: 150px;
    }

    @media (min-width: 576px) {

    }
    @media (min-width: 768px) {
        .productlist .productitem img {
            max-width: 180px;
        }
        .my-individual-icon {
            left: 175px;
        }
    }
    @media (min-width: 992px) {
        .productlist .productitem img {
            max-width: 220px;
        }
        .my-individual-icon {
            left: 215px;
        }
    }
    @media (min-width: 1200px) {

    }
    @media (min-width: 1400px) {

    }



 .fixheight .ym-gbox.item{ height: 420px; overflow: hidden;}

 .quickmenu {
    padding:10px 5px 10px 10px;
    margin: 0;
    background: #e6e6e6;
    border:none;
    outline:none;
    display: inline-block;
    cursor:pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: -webkit-gradient(linear, left top, left 100, from(#e6e6e6), to(#e6e6e6));
    width:100%;
  }
  .available {
    position: absolute;
    top: 0;
    left: 0;
    padding: 2px 10px;
    color: #fff;
  }
  .hmv {
    font-size: .9em;
    margin-bottom: 1.5em;
  }

  .hmv-search strong { width: 150px; float: left; }

  /* PRODUCTDETAILS */
  .productdetails .image {
    text-align: right;
  }

  .productdetails .ym-gbox-right.image img,
  .productdetails .col-md-6 .image img {margin-right: 10px; border:6px solid #F0F0F0; }
  .productdetails.wheelchair .ym-gbox-right.image img,
  .productdetails.wheelchair .col-md-6 .image img { border:0px solid #F0F0F0; }
  .productdetails .ym-gbox-right.image a:first-child img,
  .productdetails .col-md-6 .image a:first-child img { margin-right: 0; }
  .productdetails .ym-gbox-right.image a.colored-button,
  .productdetails.wheelchair .col-md-6 .image a.colored-button { margin: 1em 0; display: inline-block; clear: both; }

  #moreimages { display: none; }


   /**
   * Main Settings
   */
  div.tx-powermail h3 {
    display: none;
  }
  div.tx-powermail {

  }
  .powermail_message {
    padding-left: 20px;
    min-height: 65px;
    background: #ccc;
    background-position: 98% 10px;
    background-repeat: no-repeat;
  }
  .powermail_message_ok {
    background-image: url("/typo3conf/ext/powermail/Resources/Public/Image/icon_ok.png");
  }
  .powermail_message_error {
    background-image: url("/typo3conf/ext/powermail/Resources/Public/Image/icon_error.png");
  }
  .powermail_message li {
    padding: 10px 50px 10px 0;
    font-weight: bold;
    color: #1E5799;
  }
  .clear {
    clear: both;
  }

  /**
   * Form
   */
  form, .powermail_form {
    position: relative;
  }
    form,
    .powermail_form, .powermail_form * {
        font-family: "Source Sans Pro", Arial, sans-serif;
    }
  .powermail_fieldset {
    clear: left;
    border: 0;
    margin-bottom: 20px;
  }
  .powermail_legend,
  #tx_indexedsearch legend {
    display: none;
  }
  .powermail_label,
  #cleverreach .cr_form-inputgroup label:not(.no-label),
  #cleverreach .label.cr_form-component--header {
    /* label */
    display: block;
    width: 200px;
    float: left;
    clear: left;
    font-weight: bold;
    color: #112d61;
  }
    #cleverreach .cr_form-component--checkbox .label.cr_form-component--header {
        float: none;
        width: 100%;
    }

  footer .powermail_label,
  .csc-form-login label {
    display: none;
  }

  div.powermail_fieldwrap,
  #cleverreach div.cr_form-component {
    margin: 0 0 1em 0;
    clear: both;
  }
  form#formhmvvolltext input,
  .powermail_field .powermail_input,
  .powermail_field .powermail_select,
  .powermail_field .powermail_textarea,
  #cleverreach .cr_form-inputgroup input.cr_form-input,
  .traderdistancesearch .powermail_field,
  input.tx-indexedsearch-searchbox-sword {
    width: 400px;
    padding: 10px;
    border: 1px solid #ccc;
    color: #444;
    -webkit-appearance:none;
  }
  .grouped-table .grouped-table-quantity .powermail_field .powermail_input,
  .powermail_field.quantity .powermail_input{
    width: 50px;
  }

  .quantity {
    width: 50px;
    margin-bottom: 1.5em;
    text-align: right;
  }

  .powermail_captcha {
    width: 392px;
  }
  .powermail_textarea {
    height: 80px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  footer .powermail_textarea {
    height: 250px;
  }

  footer textarea.powermail_field:focus,
  footer input.powermail_field:focus {
    border: 1px solid white;
    outline: none;
  }
  form#formhmvvolltext input[type="submit"],
  .powermail_submit,
  .btn.btn-default,
  #cleverreach .cr_button {
    margin: 10px 16px 10px 0;
    border: 0;
    padding: 5px 30px;
    color: white;
    cursor: pointer;
    width: auto;
  }
   .btn.btn-default {
       display: inline-block !important;
       padding: 6px 30px;
   }

  footer .powermail_field,
  .btn.btn-default {
    border:1px solid #fff;
    background:#314f6a none;
    width:100%;
    color: #fff;
    min-width: 100px;
    display: block;
    overflow: auto;
  }

  footer .powermail_submit,
  .btn.btn-default {
    width: auto;
  }

  .powermail_fieldset .left-50,
  .powermail_fieldset .right-50,
  .powermail_fieldset.left-50,
  .powermail_fieldset.right-50 {
    float: left;
    margin-right: 1%;
    width: 49.5%;
    position: relative;
  }
  .powermail_fieldset .right-50,
  .powermail_fieldset.right-50 {
    margin-right: 0;
    clear: none;
  }
  .powermail_fieldset .left-50 .powermail_field > *,
  .powermail_fieldset .right-50 .powermail_field > *,
  .powermail_fieldset .left-50 .powermail_label,
  .powermail_fieldset .right-50 .powermail_label,
  .powermail_fieldset.left-50 .powermail_field > *,
  .powermail_fieldset.right-50 .powermail_field > *,
  .powermail_fieldset.left-50 .powermail_label,
  .powermail_fieldset.right-50 .powermail_label {
  	width: 100%;
  }
  .biglabel legend {
    font-size: 2em;
  }
  .biglabel .powermail_radio_inner {
    margin-bottom: 3px;
  }

  .powermail_fieldwrap_radio fieldset,
  .powermail_fieldwrap_check fieldset {
    padding: 0;
    margin: 0;
    border: 0;
  }
  .powermail_fieldwrap_radio fieldset legend,
  .powermail_fieldwrap_check fieldset legend {
    padding: 0;
  }
  .powermail_radio_outer,
  .powermail_captcha_outer,
  .powermail_check_outer {
    background-color: transparent;
    float: left;
    padding: 3px;
    width: 392px;
  }
  .powermail_radio_outer label,
  .powermail_captcha_outer label,
  .powermail_check_outer label {
    color: #444;
  }
  footer .powermail_radio_outer,
  footer .powermail_captcha_outer,
  footer .powermail_check_outer {
    background-color: transparent;
    color: #fff;
    width: 100%;
  }
  footer .powermail_radio_outer label,
  footer .powermail_captcha_outer label,
  footer .powermail_check_outer label,
  footer .powermail_check_outer a {
    color: #fff;
  }
  footer .powermail_check_outer a {
  	text-decoration: underline;
  }

  .powermail_captchaimage {
    width: 392px;
    margin-top: 10px;
  }
  .powermail_field_error {
    background-color: #FFCA4B;
    border: 1px solid #FF8100;
  }
  div.powermail_fieldwrap_file_inner {
    overflow: hidden;
    height: 26px;
    padding: 3px;
    width: 392px;
    color: white;
    font-weight: bold;
    cursor: pointer;
    background-image: url('/typo3conf/ext/powermail/Resources/Public/Image/upload_bg.png');
  }
  input.powermail_file {
    position: relative;
    height: 100%;
    width: auto;
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }
  ul#powermail_tabmenu {
    list-style-type: none;
    width: 99.5%;
    height: 16px;
    padding: 10px 0;
    margin-left: 2px;
    background: #ccc; /* Old browsers */
  }
  ul#powermail_tabmenu li {
    float: left;
    margin-left: 10px;
    cursor: pointer;
    font-weight: bold;
    color: #1E5799;
  }
  ul#powermail_tabmenu li.act {
    text-decoration: underline;
  }
  .ui-datepicker-next span,
  .ui-datepicker-prev span {
    text-indent: -99999px;
    cursor: pointer;
  }
  .powermail_fieldset .nolabel legend {
  	display: none;
  }

  /* cleverreach */
    #cleverreach div.cr_form-component--group {
        margin: 6px 0 1em 0;
    }
    #cleverreach .cr_ipe_item.inactive{display:none;}
    #cleverreach .cr_captcha{padding-left:130px;}
    #cleverreach .cr_error{font-size:1.1em;padding:10px;}
    #cleverreach .clever_form_error{background-color:#f99; color:#000; border:1px solid #f22 !important}
    #cleverreach .clever_form_note {margin:26px 0 0 3px;position:absolute;display:inline; padding: 2px 4px; font-weight:bold;background-color:#f2ecb5; color:#000; font-size:12px !important;  }



    /* embed container - iframe, video */
    .embed-container > .csc-default {
        height: auto;
        overflow: hidden;
        padding-bottom: 52.25%;
        position: relative;
        width: 100%;
    }
    .embed-container iframe {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }
    .embed-container iframe {
        pointer-events: none;
    }
    .embed-container-video video {
        width: 100%;
        height: auto;
    }


    /* Dark Mode */
    :root[color-mode="light"] {
        --surface1: #fff;
        --surface2: #F8F8F8;
        --surface3: #ffffff;
        --element1: #000;
        --element2: #b1b2b3;
        --element3: #444444;
        --element4: #444444;
        --elementInverse: #eee;
        --primary: #01408e;
        --secondary: #3c5d5c;
        --tertiary: #fff7d6;
        --box-shadow: 20px 20px 60px #cacaca, -20px -20px 60px #bbbbbb;
    }

    :root[color-mode="dark"] {
        --surface1: #262626;
        --surface2: #333333;
        --surface3: #404040;
        --element1: #eeeeee;
        --element2: #dddddd;
        --element3: #dddddd;
        --element4: #ffffff;
        --elementInverse: #111;
        --primary: #8fceff;
        --secondary: #72faca;
        --tertiary: #eee8a9;
        --box-shadow: 20px 20px 60px #1d1d1d, -20px -20px 60px #272727;
    }
    :root[color-mode="light"] .light--hidden {
        display: none;
    }
    :root[color-mode="dark"] .dark--hidden {
        display: none;
    }
    #darkModeToggleWrap {
        position: fixed;
        right: 10px;
        top: 30%;
    }
    .color-mode__btn {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 1.7rem;
        margin: 0 auto 1.5rem;
        font-size: 1rem;
        font-weight: 600;
        line-height: 1;
        color: var(--element1);
        cursor: pointer;
        background: none;
        border: none;
        border-radius: var(--radius);
        box-shadow: var(--box-shadow);
    }
    .color-mode__btn svg {
        width: 36px;
        height: 36px;
        fill: none;
        stroke: var(--element2);
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 1.5px;
    }
    .color-mode__btn:hover svg,
    .color-mode__btn:focus svg, .color-mode__btn:focus {
        outline: none;
        fill: var(--tertiary);
    }
    .layout-dark-mode body {
        background-color: var(--surface2);
        color: var(--element3);
        transition: all 0.2s ease-in;
    }
    .layout-dark-mode .powermail_field:not(.powermail_submit) {
        background-color: var(--surface2);
        color: var(--element4);
        transition: all 0.2s ease-in;
    }

    .layout-dark-mode .blacksmall,
    .layout-dark-mode h1.blacksmall, .layout-dark-mode h2.blacksmall,
    .layout-dark-mode .coloredbox.whitebox h1.blacksmall, .layout-dark-mode .coloredbox.whitebox h2.blacksmall {
        color: var(--element1);
        transition: all 0.2s ease-in;
        font-size: 2.5em;
        margin: 0 0 0;
        font-weight: 700;
        font-style: normal;
        line-height: 1.3125;
    }
    .layout-dark-mode h3 {
        color: var(--element1);
    }

    .layout-dark-mode .zitat-fuse-r,
    .layout-dark-mode .color-configurator.teaser .csc-textpic-image .icon {
        color: var(--element2);
        transition: all 0.2s ease-in;
    }
    .layout-dark-mode h1, .layout-dark-mode h2,
    .layout-dark-mode .coloredbox.whitebox h2, .layout-dark-mode .coloredbox.greybox h2,
    .layout-dark-mode #main p,
    .layout-dark-mode #main table,
    .layout-dark-mode .powermail_label,
    .layout-dark-mode label {
        color: var(--element3);
        transition: all 0.2s ease-in;
    }

    .layout-dark-mode .a {
        color: var(--element3);
        transition: all 0.2s ease-in;
    }
    .layout-dark-mode a:hover, a:focus {

    }
    .layout-dark-mode .whitebox {
        background-color: var(--surface1);
        transition: all 0.2s ease-in;
    }


    .layout-dark-mode .coloredbox.whitebox h2.blacksmall {
        margin-bottom: 0;
    }
    .layout-dark-mode .coloredbox h2 {
        font-weight: 300;
        font-style: normal;
    }

    .layout-dark-mode .subheader {
        display: none;
    }




  /**
   * Confirmation
   */
  .powermail_confirmation {
    clear: left;
    border: 0;
    padding: 10px;
    margin-bottom: 20px;
    background: #ccc;
  }
  input.powermail_confirmation_form {
    float: left;
    margin-top: 20px;
    padding: 5px 20px;
    color: white;
    font-weight: bold;
    cursor: pointer;
    background: rgb(30,87,153); /* Old browsers */
  }
  input.powermail_confirmation_submit {
    float: right;
    margin-top: 20px;
    padding: 5px 20px;
    color: white;
    font-weight: bold;
    cursor: pointer;
    background: rgb(30,87,153); /* Old browsers */
  }

  /**
   * Powermail All
   */
  dl.powermail_all {
    padding: 5px 0;
  }
  dl.powermail_all dt {
    font-weight: bold;
    float: left;
    width: 380px;
    clear: left;
  }
  dl.powermail_all dd {
    float: left;
    width: 420px;
  }

  /**
   * Create
   */
  .powermail_create {
    border: 0;
    padding: 10px;
    margin-bottom: 20px;
    background: #e6e6e6;
  }

  footer .powermail_create {
    background: transparent;
    padding: 0;
  }

  /* Bestellformular */
  .powermail_form.powermail_form_12 .powermail_fieldwrap_type_select,
  .powermail_form .select33 .powermail_fieldwrap_type_select  {
    width: 33%;
    float: left;
    clear: none;
  }
  .powermail_form.powermail_form_12 .powermail_label,
  .powermail_form .select33 .powermail_label {
    width: 220px;
  }
  .powermail_form.powermail_form_12 select.powermail_select,
  .powermail_form .select33 select.powermail_select {
    padding: 2px 6px;
    width: 70px;
    text-align: center;
  }
  .powermail_form.powermail_form_12 .powermail_input,
  .powermail_form .select33 .powermail_input {
    width: 340px;
  }
  .powermail_form.powermail_form_12 .powermail_submit,
  .powermail_form .select33  .powermail_submit {
    width: auto;
  }

  /**
   * JS Form Validation
   */




  /* Z-INDEX */
  .formError { z-index: 990; }
  .formError .formErrorContent { z-index: 991; }
  .formError .formErrorArrow { z-index: 996; }
  .formErrorInsideDialog.formError { z-index: 5000; }
  .formErrorInsideDialog.formError .formErrorContent { z-index: 5001; }
  .formErrorInsideDialog.formError .formErrorArrow { z-index: 5006; }
  .inputContainer {
    position: relative;
    float: left;
  }
  .formError {
    font-family: Calibri, Arial, sans-serif;
    position: absolute;
    top: 300px;
    left: 300px;
    display: block;
    cursor: pointer;
  }
  .ajaxSubmit {
    padding: 20px;
    background: #55ea55;
    border: 1px solid #999;
    display: none
  }
  .formError .formErrorContent {
    width: 100%;
    position:relative;
    color: #fff;
    width: 150px;
    font-size: 11px;
    border: 2px solid #ddd;
    padding: 4px 10px 4px 10px;
    background: rgb(0,160,160); /* Old browsers */
  }
  .greenPopup .formErrorContent {
    background: #33be40;
  }
  .blackPopup .formErrorContent {
    background: #393939;
    color: #FFF;
  }
  .formError .formErrorArrow {
    width: 15px;
    margin: -2px 0 0 13px;
    position: relative;
  }
  body[dir='rtl'] .formError .formErrorArrow,
  body.rtl .formError .formErrorArrow {
    margin: -2px 13px 0 0;
  }
  .formError .formErrorArrowBottom {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin: 0px 0 0 12px;
    top:2px;
  }
  .formError .formErrorArrow div {
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    font-size: 0px;
    height: 1px;
    margin: 0 auto;
    line-height: 0;
    font-size: 0;
    display: block;
    background: rgb(0,160,160); /* Old browsers */
  }
  .formError .formErrorArrowBottom div {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
  }
  .greenPopup .formErrorArrow div {
    background: #33be40;
  }
  .blackPopup .formErrorArrow div {
    background: #393939;
    color: #FFF;
  }
  .formError .formErrorArrow .line10 {
    width: 15px;
    border: none;
  }
  .formError .formErrorArrow .line9 {
    width: 13px;
    border: none;
  }
  .formError .formErrorArrow .line8 {
    width: 11px;
  }
  .formError .formErrorArrow .line7 {
    width: 9px;
  }
  .formError .formErrorArrow .line6 {
    width: 7px;
  }
  .formError .formErrorArrow .line5 {
    width: 5px;
  }
  .formError .formErrorArrow .line4 {
    width: 3px;
  }
  .formError .formErrorArrow .line3 {
    width: 1px;
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    border-bottom: 0 solid #ddd;
  }
  .formError .formErrorArrow .line2 {
    width: 3px;
    border: none;
    background: #ddd;
  }
  .formError .formErrorArrow .line1 {
    width: 1px;
    border: none;
    background: #ddd;
  }

  /**
   * Powermail_Frontend
   */
  #powermail_frontend_search {
    margin: 0;
  }
  .powermail_frontend {
    clear: left;
    border: 0;
    padding: 10px;
    margin-bottom: 20px;
    overflow: auto;
    background: #ccc;
  }
  .powermail_frontend_list {
    width: 100%;
    font-size: 0.9em;
    border: 1px solid #070708;
    margin-top: 15px;
  }
  .powermail_frontend_list th {
    color: white;
    font-weight: bold;
    padding: 3px;
    text-align: left;
    background: rgb(69,72,77); /* Old browsers */
  }
  .powermail_frontend_list td {
    border-top: 1px solid #ccc;
    padding: 3px;
  }
  .powermail_frontend_filter {
    background: rgb(252,255,244); /* Old browsers */
    border: 1px solid #ccc;
    padding: 10px 0;
  }
  .powermail_frontend_search_container {
    padding: 5px 10px;
  }
  .powermail_frontend_search_container label {
    float: left;
    display: block;
    width: 150px;
    font-weight: bold;
    margin-right: 10px;
    padding-top: 3px;
  }
  .powermail_frontend_search_container input {
    width: 430px;
    padding: 3px;
  }
  .powermail_frontend_search_submit {
    width: 430px;
    padding: 3px;
    margin: 5px 0 0 170px;
    color: white;
    font-weight: bold;
    cursor: pointer;
    background: rgb(69,72,77); /* Old browsers */
  }
  .powermail_frontend_abc,
  .powermail_frontend_export {
    background: rgb(252,255,244); /* Old browsers */
    border: 1px solid #ccc;
    padding: 10px 0;
  }
  .powermail_frontend_abc_inner,
  .powermail_frontend_export_inner {
    margin: 0 10px;
  }
  span.abc,
  span.abc a {
    font-weight: bold;
    text-decoration: none;
  }
  .powermail_frontend dl {
    clear: both;
    padding: 5px 0;
  }
  .powermail_frontend dt {
    float: left;
    width: 150px;
    font-weight: bold;
    clear: left;
    margin-right: 10px;
  }
  .powermail_frontend dd {
    float: left;
  }
  .powermail_frontend_export_icon {
    float: right;
    margin: 0 8px;
    padding-top: 5px;
    height: 19px;
  }
  .powermail_frontend_export input {
    width: 17px;
    height: 16px;
    padding-top: 2px;
    cursor: pointer;
    text-indent: -99999px;
    border: 0;
    background: none;
    background-repeat: no-repeat;
    background-image: url('/typo3conf/ext/powermail/Resources/Public/Image/icon_csv.gif');
  }
  .powermail_frontend_export input.export_icon_xls {
    background-image: url('/typo3conf/ext/powermail/Resources/Public/Image/icon_xls.gif');
  }


  /* Seminarformular */
  .powermail_form.noborder .powermail_label,
  .powermail_form.noborder .powermail_fieldwrap_90 {
    width: 380px;
    color: #444;
    padding-right: 50px;
  }
  .powermail_form.noborder .powermail_radio_inner {
    float: left;
    margin-right: 50px;
  }
  .powermail_form.noborder .powermail_check_inner {
    float: left;
    margin-right: 50px;
  }
  .powermail_form.noborder .powermail_check_inner:last-child {
    margin-right: 0;
  }
  .powermail_form.noborder .powermail_radio_outer,
  .powermail_form.noborder .powermail_captcha_outer,
  .powermail_form.noborder .powermail_check_outer,
  .powermail_form_11 .powermail_radio_outer,
  .powermail_form_11 .powermail_captcha_outer,
  .powermail_form_11 .powermail_check_outer {
    border: 0 none;
    width: 392px;
  }

  .powermail_form.noborder .hide label {
    display: none;
  }
  .powermail_form_10 .powermail_fieldwrap_87, .powermail_form_10 .powermail_fieldwrap_90 {
    float: left;
    clear: none;
  }
  .powermail_form.noborder .powermail_submit,
  .powermail_form_11 .powermail_submit {
    width: 182px;
  }

  /* Termine ausgebucht */
  #powermail_fieldwrap_78 .powermail_check_inner_2,
  #powermail_fieldwrap_79 .powermail_check_inner_2,
  #powermail_fieldwrap_80 .powermail_check_inner_2,
  #powermail_fieldwrap_81 .powermail_check_inner_2,
  #powermail_fieldwrap_82 .powermail_check_inner_2 {
    display: none;
  }

 /*
  * CART
  */
  .summary {
    text-align: right;
  }

  .summary strong {
    width: 100px;
    float: right;
  }
  .cartForm .ym-gr {
    text-align:right;
  }




  /*
   * LOGINBOX
   */
  .csc-form-login { width: 40%; float: left; margin-right: 5%; margin-bottom: 10px;}
  .csc-form-login input[type="text"],
  .csc-form-login input[type="password"] {
    /* Input and textarea */
    border:1px solid #ccc;
    background:#fff none;
    padding:10px;
    width:100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

  }
  .csc-form-forgot {
    position: relative;
    height: 3em;
    line-height: 3em;
  }

  .csc-form-forgot a {
    vertical-align: text-top;
    position: relative;
    padding-left: 1.5em;
  }

  .csc-form-logout input[type="submit"] { margin: 0; }
  .csc-form-logout .nomargin { line-height: 2em; }

  .moreimages {
    position: relative;
  }
  .moreimages a:before,
  .moreimages a:after {
    content:'\f03e';
    position: absolute;
    font-family: "FontAwesome";
    top: 5px;
    right: 1px;
    background: #fff;
    padding: 3px 5px;
  }
  .moreimages a:after {
    content: '+';
    font-family: inherit;
    top: -5px;
    right:-5px;
    background: transparent;
  }

  div.ce-textpic .csc-textpic-imagewrap .csc-textpic-image.moreimages {
    margin-bottom: 0;
  }

  /*
   * Search
   */
  #search {
    display: inline-block;
    position: absolute;
    right:60px;
  }
  #searchform {
    position: absolute;
    /*right: 0;*/
    top: -0.8em;
    background: #112d61;
    padding: .3em 0 .4em .4em;
    right: -12px;
    display: none;
    z-index: 10;
  }

  #searchsubmit {
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding: 0;
    width: 38px;
    z-index: 2;
    border: 0;
    color: #fff;
    background: #112d61;
    cursor: pointer;
    font-family: 'entypo-fontello';
  }
  #searchfield {
    margin: 0;
    padding: 10px;
    width: 158px;
    z-index: 1;
    border: none;
    font-size: .9em;
  }
  #searchform div {
    max-width: 300px;
    position: relative;
    width: 200px;
    text-align: left;
  }

  /* Searchresults */
  .tx-indexedsearch-form label {
    padding: .7em 0;
      margin-right: 1em;
      width: 10em;
      float: left;
  }
  .tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css {
    margin-top: 0;
    font-size: .7em;
  }
  .tx-indexedsearch-res dl {
    padding: 0.5em 1em;
    font-size: .9em;
  }
  .tx-indexedsearch-res dd {
    margin-bottom: 0;
  }
  .tx-indexedsearch-search-submit{
    margin-top: 1.5em;
  }
  .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup {
    color: #64b4c0;
  }
  .tx-indexedsearch-info-sword {
      margin-top: 20px;
  }
  .tx-indexedsearch-res .tx-indexedsearch-info {
      background-color: #eee;
      font-size: 16px;
  }
    .tx-indexedsearch-info-sword .tx-indexedsearch-info-sword-word,
    .tx-indexedsearch-description .tx-indexedsearch-redMarkup {
        font-weight: 700;
        color: #64b4c0;
    }
    .tx-indexedsearch-res .tx-indexedsearch-percent {
        margin-top: 0;
        font-size: .7em;
        letter-spacing: 0;
        font-weight: normal;
        float: right;
    }
    .tx-indexedsearch-info .tx-indexedsearch-text-item-size,
    .tx-indexedsearch-info .tx-indexedsearch-text-item-crdate,
    .tx-indexedsearch-info .tx-indexedsearch-text-item-mtime {
        display: none;
    }

  /*
   * Traderdistancesearch
   */
  .traderdistancesearch {
    overflow: hidden;
    margin-bottom: 2.5em;
  }

  .traderdistancesearch .quickmenu {
    width: 78%;
    float: right;
  }

  .traderdistancesearch .powermail_field {
    margin-bottom: 1.5em;
  }

  .traderplz {
    width: 49%;
  }

  .tradersubmit {
    clear: both;
    width: 100%;
  }
  .traders .ym-gbox-left {
    border-top: 1px solid #F8F8F8;
    padding-top: 1.5em;
  }

  .traders .ym-gl:nth-child(even) .ym-gbox-left {
    margin-right: 1.5em;

  }

  .traders .ym-gl:nth-child(even) {
    clear: both;
  }

  /*
   *  jcarousel
   */
  .jcarousel-wrapper {
    position: relative;
    height: 320px;
  }
  .jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
  }

  .jcarousel ul {
      width: 20000em;
      position: relative;
      list-style: none;
      margin: 0;
      padding: 0;
  }

  .jcarousel li {
      width: 200px;
      float: left;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      text-align: center;
      margin: 0;
  }

  .jcarousel img {
      display: block;
      max-width: 100%;
      height: auto !important;
      margin: 0 auto;
  }

  /** Carousel Controls **/

  .jcarousel-control-prev,
  .jcarousel-control-next {
      position: absolute;
      top: 50%;
      margin-top: -15px;
      width: 30px;
      height: 30px;
      text-align: center;
      background: #ffffff;
      color: #444;
      text-decoration: none;
      text-shadow: 0 0 1px #000;
      font: 24px/27px Arial, sans-serif;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      border-radius: 30px;
      -webkit-box-shadow: 0 0 4px #fff;
      -moz-box-shadow: 0 0 4px #fff;
      box-shadow: 0 0 4px #fff;
  }

  .jcarousel-control-prev {
      left: 0px;
  }

  .jcarousel-control-next {
      right: 0px;
  }


  /* FONT COLORS */
  footer .headline,
  .white { color: #fff; }

  .whitebox .white  { color: #444444}

  .bigborderbox {
    border: 10px solid #3A3A3A;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*text-align: center;*/
    padding: 50px 35px 35px;
    margin-bottom: 2em;
    background: #fff;
  }

  /*Farbkonfigurator*/
  .color-configurator .ce-row {
    overflow: visible;
  }
  .color-configurator.color .csc-textpic-imagerow,
  .color-configurator.color .ce-gallery .ce-row {
    float: left;
    margin-left: 4px;
  }
  .color-configurator.color .csc-textpic-caption,
  .color-configurator.color .ce-gallery .ce-row .image-caption {
    display: none;
  }
  .color-configurator.teaser .csc-textpic-image,
  .color-configurator.teaser .ce-gallery .image {
    position: relative;
    max-width: 308px;
  }


  .color-configurator.teaser .csc-textpic-image .icon,
  .color-configurator.teaser .ce-gallery .image .icon {
    position: absolute;
    top: 0px;
    left: -82px;
    z-index:10;
    color: #444;
    font-size: 40px !important;
    text-decoration: none;
  }

  .configuratortabs ul#tabs {
    border-bottom: 2px solid #000;
    padding: 0;
  }

  .configuratortabs ul#tabs li a{
    border: 0;
    border-bottom: 2px solid #000;
    background: transparent;
    color: #000;
    padding: 4px 20px 4px 16px;
    font-size: 40px;
    font-weight: bold;
  }
  .configuratortabs ul#tabs li a { background: transparent; }
  .configuratortabs ul#tabs li a:hover, .configuratortabs ul#tabs li a.selected{
    background-color: #dfe9f3;
    color: #000;
  }

  .color-configurator.teaser img {
    width: 100%;
    height: auto;
  }





  /* back to top */
  .backToTop {
    display: none;
    position: fixed;
    right: 10px;
    bottom: 20px;
    text-indent: -9999px;
    height: 71px;
    width: 71px;
    background: url(../../Images/backtotop.png) no-repeat 0 0;
    opacity: 0.7;
    transition: opacity 0.4s ease-out;
  }
  .backToTop:hover {
    opacity: 1;
  }

  #bwc { padding-top: 2em; text-align: right; }

  /* NEWS */
  .news-list-morelink{display:block;}

  .news-img img,
  .news-list-item img,
  #main .ce-border img,  /* ? */
  .roll img {
    border: 6px solid #F0F0F0;
    border-radius: 500px;
  }
  .csc-bordered-images div.ce-textpic .ce-gallery img {
    border: 5px solid #E8E8E8;
  }

  .news-list-item { margin: 2.5em 0 1.5em 0; }
  .news-list-item:first-child { margin-top: 0; }
  .news-list-item .ym-gl { text-align: center; }
  .news-list-morelink { margin-top: 1.5em; }
  .news-single-img { }
  .news-single-img img { margin: 0 0 3em 0; max-width: 100% !important; height: auto; }

  .news-single-item .video { position: relative; }

    .news .f3-widget-paginator p {
        float:left;
    }
    .news ul.f3-widget-paginator {
        float:right;
    }
    .news ul.f3-widget-paginator li {
        float:left;
        display:block;
        padding:0 2px;
        background:none;
    }
    .news ul.f3-widget-paginator li a {
        display:block;
    }

  .video {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 50%;
    margin-bottom: 20px;
    padding-right: 10px;
  }

  .video img {
    width: 200px;
  }

  .video:nth-child(3) {
    clear: left;
  }

  .video a {
     position: absolute;
     display: block;
     height: 60px;
     width: 60px;
     top: 45px;
     left: 65px;
  }
  .video a:after {
    position:absolute;
        font-family: FontAwesome;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    content: "\f01d";
    text-align: center;
    vertical-align: middle;
    line-height: 60px;
    display: block;
    font-size: 60px;
    color: #fff;
    text-shadow: 1px 1px 1px #000000;
  }
  .video a:hover:after {
    color: #64b4c0;
  }
  /*
  span.roll {
    background:#000;
    border-radius: 500px;
    height: 75px;
    margin-left: 6px;
    margin-top: 6px;
    position: absolute;
    width: 75px;
    z-index: 10;
    opacity:0;
    transition: opacity 0.4s ease-out;
  }
  span.roll:hover{
    opacity:0.1;
  }
  */
  .news-latest-item .news-txt p{margin:0;}


  /* News Latest Timeline */
  .list_timeline .news-latest-item{
    overflow:hidden;
    position:relative;
    padding-left:35px;
  }
  .list_timeline .news-latest-item .greybox{
    margin:0 0 1.5em 0;
    overflow:hidden;
    padding:1em 0;
  }
  .list_timeline .iconlist-timeline {
    height: 100%;
    left: 8px;
    position: absolute;
    top: 0;
    width: 2px;
    background-color:#e1e1e1;
    background-size:2px 100%;
    background-position:0 0, 100% 0;
    background-repeat:no-repeat;
  }
  .list_timeline .iconlist-timeline:before{
    content: " ";
    display: block;
    width: 14px;height: 14px;
    position: absolute;z-index: 10;
    left: -8px;top: 0;
    border:2px solid #E1E1E1;
    border-radius:50px;
    background:#fff;
  }
  .list_timeline .news-latest-item:last-child .iconlist-timeline{
    background-color:transparent;
    background-image:linear-gradient(#E1E1E1, #ffffff);
    background-size:2px 110%;
    background-position:0 0, 100% 0;
    background-repeat:no-repeat;
    height:90%;
  }
  .news-latest-item h2{
    font-size: 128.57143%;
    font-style: normal;
    margin-bottom:0;
  }
  .news-latest-item h2 a{
    text-decoration:none;
  }

  /* Content Element Latest News */
  .csc-default.list_timeline .coloredbox.greybox{
    margin-bottom: 0.8em;
    padding-top: 0.8em;
    padding-bottom: 0.8em;
  }
  .csc-default.list_timeline .ce-gallery{
    width: 25%;
    margin-bottom: 0;
  }
  .csc-default.list_timeline .ce-gallery figure{
    margin-bottom: 0;
  }
  .csc-default.list_timeline .csc-textpic-imagewrap img{
    width: 85%;
    height: auto;
  }
  .csc-default.list_timeline .csc-textpic-text{

  }
  .csc-default.list_timeline .csc-textpic-text .csc-header > *{
    font-size: 100%;
  }
  .csc-default.list_timeline .csc-textpic-text p:last-child{
    margin-bottom: 0;
  }

  /* Filelinks - Presse */
  .filelinks-download .ym-g50 {
    margin-bottom: 50px;
    text-align: center;
  }
  .filelinks-download .ym-g50.left {
    clear: both;
  }
  .filelinks-download .ym-g50 .ym-gbox > a {
    display: block;
  }
  .filelinks-download .filelinks-box h3 {
    font-size: 100%;
    margin-bottom: 5px;
  }
  .filelinks-download .filelinks-box span {
    margin: 5px 10px;
    padding: 0;
  }
  .filelinks-download .filelinks-box span a {
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 5px 30px;
  }

  /* PopUp */
  .popup {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    background-color: rgba(0,0,0,0.6);
    width: 100%;
    height: 94%;
    padding-top: 6%;
    opacity: 0;
    display: none;
  }
  .popup .popup-box {
    position: relative;
    width: 750px;
    margin: 0 auto;
  }
  .popup .close span {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 20px;
    color: #112d61;
    border: 1px solid #112d61;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    background: #fff;
    cursor: pointer;
  }

  /* Disrupter */
  .disrupter {
    position: absolute;
    right: 10px;
    top: -50px;
  }

  /* ONEPAGECHECKOUT */
 [id^="onepage"] {
   display: none;
 }

  .csc-menu.csc-menu-16,
  .csc-menu.csc-menu-16 li {
    margin-left: 0;
    padding: 0;
  }
  .csc-menu.csc-menu-16 .parent {
    margin-bottom: 30px;
    list-style: none;
  }
  .csc-menu.csc-menu-16 .parent h3 {
    display: block;
    background: #f8f8f8;
    padding: 8px 16px;
  }
  .csc-menu.csc-menu-16 .parent li {
    margin-left: 16px;
  }

  .content {
    width: 50%;
    margin: 0px auto;
  }

  .embed-container {
    height: 0;
    width: 100%;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative;
  }
  .embed-container > * {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  /* Video/iFrame */
    .video_wrapper {
        /*background-image: url( 'bg_image.jpg' );*/
        background-size: cover;
        position: relative;
        box-shadow: 0px 3px 5px #333;
        height: 400px;
        width: 100%;
    }
    .video_wrapper .video_trigger:before {
        content: '\f04b';
        font-family: 'FontAwesome';
        position: relative;
        z-index: -1;
        font-size: 80px;
        color: #fff;
        width: 120px;
        height: 120px;
        line-height: 80px;
        text-align: center;
    }
    .video_wrapper .video_trigger {
        position: absolute;
        z-index: 9;
        width: 100%;
        height: 100%;
        background-color: #112d61;
        color: #fff;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .video_wrapper .video_trigger p {
        padding: 0 20px;
    }
    .video_wrapper .video_trigger a:hover,
    .video_wrapper .video_trigger a:focus {
        color: #fff;
    }
    .video_wrapper .video_layer {
        position: relative;
        display: none;
        height: inherit;
        width: inherit;
        margin: auto;
    }
    .video_wrapper .video_layer iframe {
        border: 0px none transparent;
        height: inherit;
        width: inherit;
    }


    .bg-image-full * {
        position: static !important;
        float: none !important;
        margin-bottom: 0 !important;
    }
    .bg-image-full figure,
    .bg-image-full img {
        width: 100%;
        height: auto;
        display: inline-block;
    }


  .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
	  background-color: #00305d !important;
	  border-color: #00305d !important;
  }
  h3.ui-accordion-header {
	  font-size: 20px !important;
	  padding: .8em .5em .8em .7em !important;
  }
  .ui-accordion-content .csc-header-n2 h2 {
	  margin-top: 0;
  }
}



/* Cookies */
/* Cookie Consent - mindshape_cookie_consent */
html .cookie-consent-container,
html .cookie-consent-container .label,
html .cookie-consent-container .consent-modal .cookie-headline {
    color: #3a3a3a;
    font-size: 1rem;
    font-family: "Source Sans Pro", Arial, sans-serif !important;
    font-weight: 400 !important;
}
html .cookie-consent-container .consent-modal {
    box-sizing: unset;
}
html .cookie-consent-container .consent-modal .cookie-headline {
    font-size: 1.4rem;
    line-height: 1em;
    letter-spacing: 0;
}
#cookie-consent.cookie-consent-container .consent-modal .options li {
    margin: 0;
}
#cookie-consent.cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper .option-detail {
    padding: 7px 10px;
}
#cookie-consent.cookie-consent-container .consent-modal .option-wrapper .label {
    padding: 0;
}
#cookie-consent.cookie-consent-container .buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
}
#cookie-consent.cookie-consent-container .buttons .btn--secondary {
    opacity: 1;
}
#cookie-consent.cookie-consent-container .label {
    background-color: transparent;
}
#cookie-consent.cookie-consent-container .label input:checked ~ .checkmark, #cookie-consent.cookie-consent-container .label.partially-checked .checkmark {
    background-color: #112d61;
    opacity: 1;
}
#cookie-consent .btn {
    background-color: #112d61;
    text-transform: none;
    letter-spacing: 0;
    border-radius: 0;
    padding: 10px;
}


/*
#cookie_directive_container {
  background: rgba(0,48,93,.9);
  padding: 15px 10px;
  text-align: center;
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 11000;
  line-height: 1.4;
  border-top: 1px solid #fff;
  color: #858585;
  box-sizing: border-box;
}
#cookie_directive_container p {
  margin: 0;
}
#cookie_directive_container * {
	font-size: 15px;
}
#cookie_directive_container .navbar-fixed-bottom {
  position: relative;
}
#cookie_directive_container a {
  color: #858585;
  margin: 0 10px;
}
a#cookie_accept {
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    padding: 5px 20px;
    width: auto;
    font-weight: 400;
    text-transform: none;
    vertical-align: middle;
    margin-top: -2px;
    color: #858585;
    border: 1px solid #858585;
    background: transparent;
}
a#cookie_accept:hover {
  background-color: #112d61;
  color: #fff;
  border-color: #fff;
}
body.cookieNoticeVisible > footer {
	padding-bottom: 50px;
}

@media (max-width:948px) {
	body.cookieNoticeVisible > footer {
		padding-bottom: 130px;
	}
	#cookie_directive_container a {
		display: block;
		margin-top: 15px;
	}
	a#cookie_accept {
		display: inline-block;
		margin-top: 15px;
	}
}
@media (max-width:644px) {
	body.cookieNoticeVisible > footer {
		padding-bottom: 150px;
	}
}
@media (max-width:358px) {
	body.cookieNoticeVisible > footer {
		padding-bottom: 180px;
	}
}
*/


/* reset fallback values in modern browsers */
@media screen and (min-width: 0px) {
  body > header, body > nav, body > main, body > footer {
    min-width: 0;
  }
}

@media screen and (max-width: 1140px) {
  /* Layout Module Configuration */
  .ym-wrapper {
    max-width: none;
    /*width:960px;*/
    overflow: hidden;
    padding-left: 15px;
    padding-right: 15px;
  }
  header .ym-wrapper, #nav .ym-wrapper, footer .ym-wrapper, #main .ym-wrapper {
    overflow: visible;
  }

	#language-header {
		bottom: auto !important;
		top: 0;
		-moz-box-shadow: 0 0 3px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3);
    box-shadow: 0 0 3px rgba(0,0,0,.3);
	}

  #nav .ym-wrapper{
    padding: 0;
  }
  main .ym-wrapper {
    margin-top: -4.3em;
  }

  .ls-fullwidth .ls-bottom-slidebuttons, .ls-fullwidth .ls-nav-start, .ls-fullwidth .ls-nav-stop, .ls-fullwidth .ls-nav-sides {
    top: -30px !important;
  }

  main > .ym-wrapper > .whitebox.padding, main > .ym-wrapper > .whitebox > .padding{
    padding-bottom: 1.5em;
  }

  header h1 {
    padding-left: .2em;
    margin-bottom: .3em;
    display: block;
  }

  header .ym-wbox{
    padding-bottom: 1.7em;
  }
  header #logo{
    padding-bottom: 10px;
  }
  #nav {
    clear: left;
    width: 100% !important;
    margin-left: -13px;
    margin-bottom: -24px;
    /*margin-bottom: -30px;*/
  }
  #nav ul.sub{
    top:61px;
    padding-top:2em;
  }
  #nav li.second{
    /*padding-right:2.5em;*/
  }
  #nav .ym-hlist li.last:hover ul{right: auto;}
  #headeraddon{
    /*margin-top:-85px;*/
    position: absolute;
    top: 20px;
    right: 12px;
  }

  .ls-slide h2,
  .ls-slide h3,
  .ls-slide p {
    padding-left: 70px !important;
  }
  #counsel{
    left: 15px;
  }


  /*
  .fixheight{
    height: 100%;
    margin-bottom: 2.5em;
  }
  */
  .fixheight .ym-gbox.item {
    height: 400px;
  }

  h3, .headline, .productdetails .hmv, .price-display{
    font-size: 150%;
  }

  .productdetails h1 {
    font-size: 350%;
  }

  .backToTop{
    bottom: 112px;
  }

  #main .csc-textpic-imagerow figure img,
  .csc-textpic.csc-textpic-above img{
    width: 100%;
    height: auto;
  }

  #main .ce-border .csc-textpic-imagerow img,
  .roll img {
    width: 80%;
    height: auto;
  }
  #main .img-no-responsiv figure img {
    max-width: 100%;
    width: auto;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }

  ul#tabs li a { padding: 11px 23px; }

    .popup {
        padding-top: 170px;
    }

}


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



  h2 {
    font-size: 171.42857%;
  }

  .box, .coloredbox, .productdetails .coloredbox, .coloredbox .whitebox .padding {
    padding: 1.5em;
  }

}

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

  #nav {
    margin-bottom: -28px;
  }

  /* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-1 */
  .linearize-level-1, .linearize-level-1 > [class*="ym-c"], .linearize-level-1 > [class*="ym-g"] {
    /* linearization for grids and columns module */
    display: block;
    float: none;
    padding: 0;
    margin: 0;
    width: auto !important;
  }
  .linearize-level-1 > [class*="ym-c"] > [class*="ym-cbox"], .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"] {
    /* reset defined gutter values */
    margin: 0;
    padding: 0;
    /* optional for containing floats */
    overflow: hidden;
  }
  /*
  #main .linearize-level-1, #main .linearize-level-1 > [class*="ym-c"], #main .linearize-level-1 > [class*="ym-g"] {
    border-bottom: 1px solid #f8f8f8;
    margin-bottom: 10px;
  }*/

  #main .ym-g50-items .ym-g50 {
      width: 50% !important;
      float: left !important;
  }


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

  footer .ym-g40.ym-gl .margintop {
    position: absolute;
    left: 254px;
    top: 42px;
  }

  #counsel {
    position: relative;
    bottom: auto;
    left: auto;
  }
  #counsel .ym-g50.ym-gl,
  #counsel .ym-g50.ym-gr {
    width: 50%;
    float: left;
  }
  #counsel .ym-g50.ym-gr {
    float: right;
  }


  footer#socket #crosslinks {
    clear: left;
    margin-top: 30px;
    margin-left: 0;
  }
  footer#socket #crosslinks a{
    margin-left: 0;
    margin-right: 4px;
  }
  #language {
    margin-top: 20px;
  }

  .ym-g33 div.csc-textpic-center .csc-textpic-center-outer, .ym-g33 div.csc-textpic-center .csc-textpic-center-inner {
    position: static;
    float: left;
  }
  div.csc-textpic-right .csc-textpic-imagewrap,
  footer .ce-right .ce-gallery {
    float: left;
    width: auto;
  }

  .traderdistancesearch .ym-g40.ym-gr {
    float: none;
    margin: 0 0 10px 0;
  }

  .popup {
    display: none !important;
  }

  [class*="csc-space-before-"] {
  	margin-top: 10px !important;
  }
  [class*="csc-space-after-"] {
  	margin-bottom: 10px !important;
  }

  h2.zitat,
  h3.zitat {
  	font-size: 30px;
  	background-size: auto 40px;
  	padding: 0 80px;
  }

    footer .dropdown dd ul {
        position: relative;
    }

}

@media only screen and (min-width : 861px) and (max-width : 1140px) {
  #nav {
    display: inline-block;
  }
}

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

  #selectnav {
    margin: 10px 12px 20px 12px;
    /*text-align: center;
    position: absolute;
    width: 100%;
    top: 25px;
    z-index: 25;
    */
  }
  #nav .ym-wrapper{
    display: none;
  }
  #mm0 {
    -webkit-appearance: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-color: #112D61;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC);
    background-position: center right;
    background-repeat: no-repeat;
    border-radius: 0px;
    padding: 10px 4px;
    border: 1px solid #112D61;
    font-weight: 700;
    width: 100%;
    font-size: 16px;
    font-family: "Source Sans Pro",Arial,sans-serif;
    color: #fff;
  }
  #mm0 optgroup {
    padding: 0 10px;
  }

  #loginnav .ym-hlist .loginmenu li {
    float: none;
  }
  #loginnav .ym-hlist .loginmenu li a {
    padding: 4px 0;
  }

  #search {
    right: 0;
  }
  #headeraddon a.lightbox-media {
    display: none;
  }
  .disrupter {
    top: -100px;
  }
  .csc-uploads.imagelinks li {
   width: 49%;
   margin-right: 1%;
 }
}


@media only screen and (min-width : 761px) and (max-width : 1008px) {
  .productdetails .linearize-level-1, .productdetails .linearize-level-1 > [class*="ym-c"], .productdetails .linearize-level-1 > [class*="ym-g"] {
    /* linearization for grids and columns module */
    display: table;
    float: none;
    padding: 0;
    margin: 0;
    width: 100% !important;
  }
  .productdetails .linearize-level-1 > [class*="ym-c"], .productdetails .linearize-level-1 > [class*="ym-g"] {
    /* linearization for grids and columns module */
    display: block;
    float: left;
    padding: 0;
    margin: 0;
    width: auto !important;
  }
  .productdetails .linearize-level-1 > .ym-g25 {
    width: 25% !important;
  }
  .productdetails .linearize-level-1 > .ym-g33 {
    width: 33% !important;
  }
  .productdetails .linearize-level-1 > .ym-g45 {
    width: 45% !important;
  }
  .productdetails .linearize-level-1 > .ym-g50 {
    width: 50% !important;
  }
  .productdetails .linearize-level-1 > [class*="ym-c"] > [class*="ym-cbox"], .productdetails .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"] {
    /* reset defined gutter values */
    margin: 0 0 1.5em;
    padding: 1.5em;
  }

}

@media only screen and (min-width : 480px) and (max-width : 1008px) {
  .productlist li.ym-g33 {
    min-height: 390px;
  }
  .productlist li h3 {
    min-height: 52px;
    font-size: 120%;
  }
}

@media screen and (max-width: 780px) {
  .video { width: 100%; }
  .disrupter {
    width: 32%;
  }
}

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

    html[lang="de"] .e-power.no-banner #main .productdetails.limitedred > .linearize-level-1,
    html[lang="de"] .e-power.no-banner #main .productdetails.limitedoptimus > .linearize-level-1 {
        background-position: right bottom;
    }

  .secondary {
    border-top: 1px #888 solid;
    margin-top: 1.5em !important;
    padding-top: 1.5em !important;
  }

  main aside .ym-gbox-right {
    border: 0 none;
  }

  .ym-searchform {
    display: block;
    float: none;
    width: auto;
    text-align: right;
  }

  .ym-searchform input[type="search"] {
    width: 14%;
  }

    #map .privacy-placeholder-content {
        font-size: 12px;
    }

  main {
    margin-bottom: 1em;
  }
  main .ym-wrapper {
    margin-top: 0;
  }

  main .morepadding, main .whitebox .morepadding {
    padding: 1em 0;
  }

  main > .ym-wrapper > .whitebox.padding, main > .ym-wrapper > .whitebox > .padding {
    padding: 1.5em;
  }
  .coloredbox.whitebox h1 {
    margin-bottom: 0.5em;
  }
  .jcarousel-wrapper {
    height: 250px;
  }

  footer .colorline {
    margin-top: 20px;
  }

  #bwc {
    text-align: left;
  }

  .formError {
    left: 0 !important;
  }

  .productdetails h1 {
    font-size: 180%;
  }

  .productlist li {
    width: 50%;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }

  .productlist li.ym-gr {
    float: left;
  }
  .productlist li .ym-gbox {
    padding: 0 0.2em;
  }
  .productlist li.ym-clearfix {
    border: 0 none !important;
    padding: 0;
      display: none;
  }

  .productdetails .linearize-level-1 .coloredbox, .productdetails .linearize-level-1 .coloredbox {
    /* reset defined gutter values */
    margin: 0 0 1em !important;
    padding: 1em !important;
  }
  .productitemspecial.ym-g25 {
    width: 50%;
    height: 350px;
  }

  .csc-form-login { width: 100%; float: none;}

  .summary {
    text-align: left;
  }
  .summary strong {
    float: left;
  }
  .cartForm .ym-gr {
    text-align:left;
  }
  .traderdistancesearch .ym-g40.ym-gr {
    width: 100%;
  }
  .traders .ym-gl {
    float: none;
    width: 100%;
  }
  #recommended {
    float: none;
    clear: both;
    padding: 2em 0 0 0.8em;
  }

  .powermail_form.noborder .powermail_label, .powermail_form_10 .powermail_fieldwrap_90,
  .powermail_form.noborder .powermail_radio_outer, .powermail_form.noborder .powermail_captcha_outer, .powermail_form.noborder .powermail_check_outer {
    width: 100%;
    padding-right: 0;
  }
  .powermail_form.noborder .powermail_check_inner {
    padding-right: 30px;
  }

  .powermail_radio_outer, .powermail_captcha_outer, .powermail_check_outer,
  .powermail_label,
  .powermail_fieldset .left-50, .powermail_fieldset .right-50, .powermail_fieldset.left-50, .powermail_fieldset.right-50,
  #cleverreach .cr_form-inputgroup input.cr_form-input,
  #cleverreach .label.cr_form-component--header {
  	width: 100% !important;
  	margin-right: 0;
  	float: none;
  }

  #c4826 .powermail_fieldwrap_select {
    width: 50%;
  }

  footer .ym-wbox {
    padding-bottom: 3em;
  }

  h2.zitat,
  h3.zitat {
  	font-size: 20px;
  	background-size: auto 30px;
  	padding: 0 60px;
  }

    .ym-g33 div.csc-textpic-center .csc-textpic-center-outer,
    .ym-g33 div.csc-textpic-center .csc-textpic-center-inner {
        float: none;
    }
    .ym-g33 div.csc-textpic-center .csc-textpic-center-inner {
        display: flex;
        justify-content: center;
    }

    iframe {
        width: 100%;
        height: auto;
    }

    #darkModeToggleWrap {
        top: auto;
        bottom: 70px;
    }
    .color-mode__btn {
        font-size: 0.9rem;
        padding: 1.3rem;
    }
    .color-mode__btn svg {
        width: 30px;
        height: 30px;
    }

}

@media screen and (max-width: 520px) {
  .csc-uploads.imagelinks li {
   width: 100%;
   margin-right: 0%;
 }
 #languageswitcher,
 #language-header,
 .disrupter {display: none;}
}

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

  /* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-2 */
  .ym-grid, .ym-grid > [class*="ym-c"], .ym-grid > [class*="ym-g"],
  .linearize-level-2, .linearize-level-2 > [class*="ym-c"], .linearize-level-2 > [class*="ym-g"] {
    /* linearization for grids and columns module */
    display: block;
    float: none;
    padding: 0;
    margin: 0;
    width: auto !important;
  }
  .ym-grid > [class*="ym-c"] > [class*="ym-cbox"], .ym-grid > [class*="ym-g"] > [class*="ym-gbox"],
  .linearize-level-2 > [class*="ym-c"] > [class*="ym-cbox"], .linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"] {
    /* reset defined gutter values */
    margin: 0;
    padding: 0;
    /* optional for containing floats */
    overflow: hidden;
  }

  .disrupter {
    top: -80px;
  }

  header .ym-wbox {
    padding: 0.75em 0;
  }
  header h1 {
    font-size: 1.5em;
    line-height: 1em;
    margin: 0;
  }

  #nav {
    margin-left: 0;
    margin-bottom: -8px;
  }
  #selectnav {
    margin-left: 0;
    margin-right: 0;
  }

  /* Kontaktformular */
  footer .ym-g60.ym-gr .ym-gbox-right {
    display: none;
  }

  footer .ym-wbox,
  .ym-wbox,
  .ym-searchform,
  nav .ym-hlist ul {
    padding-left: 10px;
    padding-right: 10px;
  }

  .ym-searchform,
  nav .ym-hlist ul,
  nav .ym-hlist li {
    display: block;
    float: none;
    width: auto;
    text-align: left;
  }

  .ym-searchform input[type="search"] {
    width: 75%;
  }

  #headeraddon{
    top: 10px;
  }

  h1.backgroundcolored {
    padding: 0.2em 0.5em;
    font-size: 171.429%;
  }
  .box, .coloredbox, .productdetails .coloredbox, .coloredbox .whitebox .padding {
    padding: 0.5em;
  }

  footer#socket nav a {
    margin: 0;
    text-transform: none;
  }
  footer #crosslinks a {
    margin-right: 6px;
  }

  footer#socket #crosslinks {
    margin-top: 20px;
  }

  #language ,#country-select {
    clear: left;
    float: left;
  }
  #language-header {
    position: relative;
    bottom: 0;
    left: 0;
  }
  #language-header #country-select {
    float:none;
  }
  #bwc {
    padding-top: 20px;
    clear: both;
  }

  footer .ym-g40.ym-gl .margintop {
    position: static;
  }
  #counsel .ym-g50.ym-gl, #counsel .ym-g50.ym-gr {
    width: 50% !important;
  }
  #counsel .ym-g50.ym-gr {
    display: none;
  }
  .backToTop {
    bottom: 12px;
  }

  #socket {
    padding-top: 20px;
  }

  .sitemapsub li.second {
    width: 100%;
    margin: 0;
  }
  .sitemap .nav-products .subpage > li {
    margin-left: 0;
  }

  .csc-textpic-imagewrap, .checkoutfieldset,
  div.ce-textpic .csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom: 0.5em;
  }

  .news-latest-container .news-img,
  .news-latest-container .news-txt {
    text-align: center;
  }

  div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap,
  div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap,
  div.csc-textpic-intext-left .csc-textpic-imagewrap,
  div.csc-textpic-intext-right .csc-textpic-imagewrap,
  .ce-intext.ce-right.ce-nowrap .ce-gallery {
    float: none;
  }
  .csc-textpic-intext-left-nowrap .csc-textpic-text,
  .csc-textpic-intext-right-nowrap .csc-textpic-text,
  .csc-textpic-intext-left .csc-textpic-text,
  .csc-textpic-intext-right .csc-textpic-text {
    margin: 0;
  }
  div.csc-textpic-intext-left .csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap,
  div.csc-textpic-intext-right .csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap,
  .ce-intext.ce-right.ce-nowrap .ce-gallery {
    margin: 0;
    text-align: center;
  }
  .ce-intext.ce-right.ce-nowrap .ce-gallery * {
      float: none;
      width: 100%;
      display: inline-block;
  }
  .ce-intext.ce-right.ce-nowrap .ce-gallery img {
    width: auto;
  }
  footer div.csc-textpic-intext-left .csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { text-align: left; }
  div.ce-textpic .csc-textpic-imagewrap .csc-textpic-image {
    display: inline-block;
  }

  .colored-button, .colored-button-red, .colored-button-turquoise, .colored-button-green, .colored-button-yellow, .colored-button-grey,
  .colored-button-pdf, .csc-form-submit input, .powermail_submit, .news-list-morelink a {
    display: block;
  }
  .productdetails .colored-button-pdf, .productdetails .colored-button {
    display: inline-block;
  }

  #main .ce-border .csc-textpic-imagerow img, .roll img {
    width: auto;
  }

  .productlist li {
    width: 100%;
    float: none;
    /*border-bottom: 1px solid #F5BE0F;*/
    border-bottom: 1px solid #ddd;
  }

  .productitemspecial.ym-g25 {
    width: 100%;
    float: none;
    text-align: center;
    height: auto;
    margin-bottom: 40px;
  }

  ul#tabs li a {
    padding: 10px 6px;
  }

  #id-technicdata {
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0.5em 0.1em;
  }
  th, td {
    padding: 2px;
  }

  .coloredbox.greybox {
    background: transparent;
    padding: 0;
  }

  .ls-s-1 {
    margin-left: -50px !important;
  }
  p.ls-s-1 {
    top: auto !important;
    bottom: 10px;
  }
  p.ls-s-1 a.colored-button,
  .ls-slide a {
    padding: 4px 10px;
    font-weight: 400;
    font-size: 14px;
  }
  .ls-slide p.ls-l-2 {
    top: 110px !important;
  }


  #main .kicktipp-javascript .kicktipp-navigation ul li {
    float: none;
    padding: 0 0 2px 0;
    width: 100%;
  }
  #main .kicktipp-javascript .kicktipp-navigation li a {
    padding: 2px 0 2px 0;
    width: 100%;
    text-align: center;
  }

  footer#socket.footer-alternate .ym-wbox {
    padding-top: 0;
  }
  footer#socket.footer-alternate .ym-wbox nav a:last-child {
    display: block;
  }
  footer#socket.footer-alternate .ym-wbox nav {
    padding-left: 10px;
  }

  #recommended{
    line-height: 40px;
  }
  #facebook, #google-plus, #twitter, #recommend{
    width: 38px;
    height: 38px;
  }
  #facebook{
    margin-left: 10px;
    background-position: -12px -6px;
  }
  #facebook:hover {
    background-position: -12px -67px;
  }
  #twitter {
    background-position: -82px -9px;
  }
  #twitter:hover {
    background-position: -82px -68px;
  }
  #google-plus {
    background-position: -152px -12px;
  }
  #google-plus:hover {
    background-position: -152px -72px;
  }
  #recommend {
    background-position: -225px -8px;
  }
  #recommend:hover {
    background-position: -225px -68px;
  }

  ul#tabs li a {
    display: block;
  }

  #c4826 .powermail_fieldwrap_select {
    width: 100%;
  }
  #footernavigation { text-align: left; }
  #footernavigation li { border: 0; float: none; padding: 5px;}
  #footernavigation li a { margin: 0; }

}



/* 1.25 dpr */
@media (-webkit-min-device-pixel-ratio: 1.25),(min-resolution: 120dpi) {
  /* Retina-specific stuff here */
  .quickmenu {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    text-indent: 0.01px;
    text-overflow: '';
    background: #E6E6E6 url("../../Images/arrow-down-32.png") no-repeat 98% center;
    background-size: 16px 16px;
  }




}


/* #Retina Images (High Resolution)
================================================== */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {

  header #logo a {
    /*background-image: url(../../Images/meyra-80jahre-logo-x2.png);
    background-size: 187px 50px;*/
    background-image: url(../../Images/meyra-logo-x2.png);
    background-size: 218px 32px;
  }

}

/* ÄNDERN */
#c3860 #id-characteristics .ym-gbox-right {
  /*display: none;*/
}

/* Sonderansicht iChair mc2 RS */
.e-power.no-banner .productdetails.limitedred > .linearize-level-1 {
  background: url(../../Images/bg_unterseite_mc2-RS.jpg) no-repeat;
  height: 540px;
  margin-bottom: 10px;
}
.e-power.no-banner .productdetails.limitedred .linearize-level-1 .coloredbox,
.e-power.no-banner .productdetails.limitedred > .linearize-level-1 a.colored-button,
.e-power.no-banner .productdetails.limitedred > .linearize-level-1 a.colored-button-pdf {
  background-color: #b50e08;
}
.e-power.no-banner .productdetails.limitedred > .linearize-level-1 a.colored-button-pdf {
  border-right-color: #b50e08;
}
.e-power.no-banner .productdetails.limitedred > .linearize-level-1 .col-md-6.offset-md-1 {
  display: none;
}
.e-power.no-banner .productdetails.limitedred hr,
.e-power.no-banner .productdetails.limitedred .technical-specification tr {
  border-bottom-color: #b50e08;
}
.e-power.no-banner .productdetails.limitedred table {
  border-top-color: #b50e08;
}

/*
html[lang="de"] .e-power.no-banner .productdetails.limitedoptimus > .ym-grid.linearize-level-1 {
    background: url(../../Images/bg_unterseite_optimus-2.jpg) no-repeat;
    height: 540px;
    margin-bottom: 10px;
}
html[lang="de"] .e-power.no-banner .productdetails.limitedoptimus > .ym-grid.linearize-level-1 .ym-gr.ym-g50 {
    display: none;
}
*/

.banner-item-full-link p.ls-l-1,
.banner-item-full-link p.ls-l-1 a {
	width: 100% !important;
	height: 100% !important;
	left: 0 !important;
	top: 0 !important;
}
.banner-item-full-link p.ls-l-1 a {
	background: transparent !important;
	text-indent: -999em;
}

/* Layerslider */
header > .ym-wrapper {
  z-index: 999;
}
.ls-wrapper.ls-in-out,
.slider-headline,  .slider-text, .ls-wrapper .slider-button {
  width: auto !important;
  height: auto !important;
}

h2.slider-headline, h3.slider-headline, .slider-text {
  color: #fff;
  text-shadow: 2px 2px 5px #444444;
  filter: dropshadow(color=#444444, offx=3, offy=2);
}
h2.slider-headline {
  text-transform: normal;
  font-style: italic;
  font-weight: 700;
}
.slider-text {
  font-weight: 300
}






/*
#main .surveymonkey-iframe {
	width: 100%;
}
#main .surveymonkey-iframe > *,
#main .surveymonkey-iframe > * > * {
	width: 100% !important;
	max-width: none !important;
	height: 800px !important;
}
#main .surveymonkey-iframe .auto-scroll {
	overflow: hidden !important;
}

.surveymonkey-iframe .survey-page .survey-footer {
	margin: 0 !important;
	padding: 0 !important;
}
*/


#pid795 #country-select,
#pid795 #language-header {
    display: none;
}

/* K.I.S.S.S. not translated */
#pid794 #c14703 .ym-g75,
#pid794 #c17795 .ym-g75 {
    width: 100% !important;
}