/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @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
 */
@media all {
  /*
  * @section global typography settings
  *
  * vertical rhythm settings (based on em-unit)
  * -------------------------------------------
  * basefont-size:  14px (87.5%)
  * line-height  :  21px (factor: 1.5) */
  /* (en) reset font size for all elements to standard (16 Pixel) */
  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
  html * {
    font-size: 100%;
  }

  /**
  * (en) reset monospaced elements to font size 16px in all browsers
  * (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
  *
  * @see: http://webkit.org/blog/67/strange-medium/
  */
  textarea { font-family: "Source Sans Pro", Arial, sans-serif; }
  pre,
  code,
  kbd,
  samp,
  var,
  tt {
    font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
  }

  /* font-size: 14px; */
  body {
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-size: 87.5%;
    color: #444444;
  }

  /*--- Headings | Überschriften ------------------------------------------------------------------------*/
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .headline {
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-weight: 400;
    color: #3a3a3a;
    margin: 0;
  }
  /*
  h1 i,
  h2 i,
  h3 i,
  h4 i,
  h5 i {
    color: #fff;
    background: #112d61;
    border: 2px solid #64b4c0;
    padding: 4px 9px;
    border-radius: 35px;
  }
  */

  h1 {
    /* font-size: 48px; */
    font-size: 342.85714%;
    line-height: 1em;
    margin: 0 0 0.4375em 0;
    font-weight:700;
  }
  h1.backgroundcolored {
    display: inline-block;
    color: #fff;
    margin: 0;
    font-style: italic;
  }
  h1.backgroundcolored {
    background: #112d61;
    padding: .5em 1em;
    font-size: 228.57143%;
  }
  h1.blacksmall,
  h2.blacksmall,
  .coloredbox.whitebox h2.blacksmall {
    text-transform: uppercase;
    font-size: 3em;
    color: black;
  }
  h2.blacksmall,
  .coloredbox.whitebox h2.blacksmall {
    font-size: 2.5em;
    margin: 0 0 0;
    font-weight: 700;
    font-style: normal;
  }
  h2.special,
  h3.special,
  h2.zitat,
  h3.zitat,
  .coloredbox h2.special,
  .coloredbox h3.special {
    text-transform: uppercase;
    font-size: 40px;
    margin-bottom: 0;
    font-style: normal;
    font-weight: bold;
  }
  .nouppercase, .nouppercase * {
    text-transform: none !important;
  }
  h3.special,
  .coloredbox h3.special {
    margin-bottom: 1em;
    font-size: 30px;
    font-weight: 400;
    color: #112d61;
  }
  h2.zitat,
  h3.zitat {
  	background: url(../../Images/zitat-left.png) no-repeat center left,
  							url(../../Images/zitat-right.png) no-repeat center right;
  	position: relative;
  	padding: 0 100px;
  	font-weight: 300;
  }
  h2.zitat-fuse-r,
  h3.zitat-fuse-r {
    background: url(../../Images/zitat-fuse-r-left.png) no-repeat center left,
    url(../../Images/zitat-fuse-r-right.png) no-repeat center right;
    text-transform: none;
    font-style: italic;
    color: #b1b2b3;
  }
  h2.zitat:before,
  h3.zitat:before,
  h2.zitat:after,
  h3.zitat:after {
  	display: block;
  	content: '';
  	width: 100%;
  	height: 22px;
  	margin: 30px 0;
  	background-color: transparent;
		background-image: repeating-linear-gradient(135deg, transparent, transparent 4px, rgba(204,204,204,1) 4px, rgba(204,204,204,1) 6px);
  }
  h2.zitat-fuse-r:before,
  h3.zitat-fuse-r:before,
  h2.zitat-fuse-r:after,
  h3.zitat-fuse-r:after {
    background-image: none;
  }

  .coloredbox.whitebox h2.blacksmall {
    margin-bottom: 1em;
  }
  .bigborderbox h2.blacksmall {
    margin-bottom: 1em;
  }
  h3.italicblack {
    font-style:italic;
    font-size: 2.5em;
  }

  .manual h1.backgroundcolored,
  .manual .colored-button,
  .manual .colored-button:hover
  .rehabilitation h1.backgroundcolored,
  .rehabilitation .colored-button,
  .rehabilitation .colored-button:hover,
  .rehab h1.backgroundcolored,
  .rehab .colored-button,
  .rehab .colored-button:hover,
  .rehabilitacyjny h1.backgroundcolored,
  .rehabilitacyjny .colored-button,
  .rehabilitacyjny .colored-button:hover,
  .manual #link-color,
  .rehab #link-color,
  .rehabilitacyjny #link-color,
  .rehabilitation #link-color,
  .rehab .available,
  .rehabilitation .available,
  .rehabilitacyjny .available {background: #f5be0f;}
  .manual a.colored-button-pdf { background-color: #F5BE0F; border-right: 15px solid #F5BE0F; }
  .active h1.backgroundcolored,
  .active .colored-button,
  .active .colored-button:hover,
  .active #link-color,
  .active .available  {background: #64b4c0;}
  .active a.colored-button-pdf { background-color: #64b4c0; border-right: 15px solid #64b4c0; }
  .e-power h1.backgroundcolored,
  .e-power .colored-button,
  .e-power .colored-button:hover,
  .e-power #link-color,
  .e-power .available {background: #e16323;}
  .e-power a.colored-button-pdf { background-color: #e16323; border-right: 15px solid #e16323; }
  .e-power .limitedpink h1.backgroundcolored,
  .e-power .limitedpink .colored-button,
  .e-power .limitedpink.colored-button:hover {background: #e5007d;}
  .e-power .limitedpink a.colored-button-pdf { background-color: #e5007d; border-right: 15px solid #e5007d; }
  .kids h1.backgroundcolored,
  .kids .colored-button,
  .kids .colored-button:hover,
  .kids #link-color,
  .kids .available {background: #cedc2b;}
  .kids a.colored-button-pdf { background-color: #cedc2b; border-right: 15px solid #cedc2b; }
  .sonstiges h1.backgroundcolored,
  .sonstiges .colored-button,
  .sonstiges .colored-button:hover,
  .sonstiges #link-color,
  .sonstiges .available {background: #7D7D7D;}
  .sonstiges a.colored-button-pdf { background-color: #7D7D7D; border-right: 15px solid #7D7D7D; }
  .amg .available,
  .manual .available {
    background-color: #112d61;
  }
  .netti h1.backgroundcolored,
  .netti .colored-button,
  .netti .colored-button:hover,
  .netti #link-color,
  .netti .available {background: #f3a000;}
  .netti a.colored-button-pdf { background-color: #f3a000; border-right: 15px solid #f3a000; }

  .richter h1.backgroundcolored,
  .richter .coloredbox,
  .richter .colored-button,
  .richter .colored-button-pdf,
  .colored-button-richter { background-color: #109b34; }
  .richter a.colored-button-pdf {border-right: 15px solid #109b34;}
  .richter a.colored-button-pdf:hover,
  .richter a.colored-button:hover { background-color: #537A3B; }
  .richter a.colored-button-pdf:hover {border-right: 15px solid #537A3B;}

  p.textcolor-richter,
  span.textcolor-richter {
    color: #109B34;
  }

  .reha h1.backgroundcolored,
  .reha .colored-button,
  .reha .colored-button:hover,
  .reha #link-color,
  .reha .available {background: #862753;}
  .reha a.colored-button-pdf { background-color: #862753; border-right: 15px solid #862753; }

  .xxl h1.backgroundcolored,
  .xxl .colored-button,
  .xxl .colored-button:hover,
  .xxl #link-color,
  .xxl .available {background: #b7114a;}
  .xxl a.colored-button-pdf { background-color: #b7114a; border-right: 15px solid #b7114a; }

  .coloredbox h1{
    display: inline-block;
    font-size:271.42857%;
    font-style: italic;
  }
  .coloredbox.whitebox h1{
    color:#3A3A3A;
    display:block;
    font-weight:300;
    font-style: normal;
    margin: 0 0 1.2em 0;
  }

  .productdetails h1 {
    font-size: 300%;
    color: #fff;
  }

  h1 span{
    display:block;
    font-weight:300;
    padding:10px 0;
  }
  h1 span span{
    font-weight:700;
    font-size:70%;
    padding:30px 0 0 0;
  }

  h2 {
    /* font-size: 32px; */
    font-size: 228.57143%;
    line-height: 1.3125;
    margin: 0 0 0.65625em 0;
    font-weight: 300;
  }
  [class*="ym-g"] .csc-header-n2 h2 { margin-top: 0; }
  .csc-header-n2 h2 { margin-top: .8em; }

  .coloredbox h2,
  .news-list-item h3 {
    color: #fff;
    font-weight: bold;
    font-style: italic;
  }
  .coloredbox{
    color: #fff;
    text-decoration:none;
  }
  .coloredbox.whitebox h2,
  .coloredbox.greybox h2,
  .news-list-item h3 {
    color: #112d61;
  }
  .productdetails .coloredbox.whitebox h2,
  .coloredbox.whitebox,.coloredbox.greybox{
    color: #444;
  }
  .productdetails .coloredbox.whitebox h2 {
    font-weight: normal;
  }

  h3,
  .headline,
  .productdetails .hmv,
  .price-display {
    /* font-size: 24px; */
    font-size: 171.42857%;
    line-height: 1.2em;
    margin: 0 0 0.875em 0;
  }
  footer .headline { font-style: italic; }

  .productitem h3 {
    margin-bottom:0;
  }

  h4 {
    /* font-size: 21px; */
    font-size: 150%;
    line-height: 1;
    margin: 0 0 1em 0;
  }

  h5 {
    /* font-size: 18px; */
    font-size: 128.57143%;
    line-height: 1.16667;
    margin: 0 0 1.16667em 0;
  }

  h6 {
    /* font-size: 14px; */
    font-size: 100%;
    font-weight: bold;
    line-height: 1.5;
    margin: 0 0 1.5em 0;
  }

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

  /* --- Lists | Listen  -------------------------------------------------------------------------------- */
  ul,
  ol,
  dl {
    font-size: 100%;
    line-height: 1.5;
    margin: 0 0 1.5em 0;
  }

  ul {
    list-style-type: disc;
  }

  ol {
    list-style-type: decimal;
  }

  ul ul {
    list-style-type: circle;
    margin-top: 0;
  }

  ol ol {
    list-style-type: lower-latin;
    margin-top: 0;
  }

  ol ul {
    list-style-type: circle;
    margin-top: 0;
  }

  li {
    font-size: 100%;
    line-height: 1.5;
    margin: 0 0 .8em 1.2em;
  }

  dt {
    font-weight: bold;
  }

  dd {
    margin: 0 0 1.5em 0.8em;
  }

  ul.list_arrow,ul.list_circle,ul.timeline{list-style-type:none;overflow:hidden;}
  ul.list_arrow li{position:relative;padding-left:16px;}
  ul.list_arrow li:before{
    border-bottom: 4px solid rgba(0, 0, 0, 0);
    border-left: 8px solid #444;
    border-top: 4px solid rgba(0, 0, 0, 0);
    content: " ";
    display: block;
    height: 0;
    left: 1px;
    position: absolute;
    top: 6px;
    width: 0;
  }

  ul.list_circle li{float:left;text-align:center;font-weight:bold;margin-left:12%;}
  ul.list_circle a,ul.list_circle a:hover{color:#444;text-decoration:none;background:transparent;}
  ul.list_circle span{
    display:inline-block;
    width:50px;height:50px;
    line-height:50px;
    text-align:center;
    background: #112d61;
    border:4px solid #64b4c0;
    border-radius:50px;
    font-size:200%;
    color:#fff;
    margin-bottom:6px;
    padding:10px;
    transition: border 0.5s ease-out;
  }
  ul.list_circle span:hover{border-color:#112d61}


  ul.productlist {
    overflow: hidden;
    list-style-type: none;
  }

  .productlist li {
    margin-left: 0;
    position: relative;
  }

  #main .tx-indexedsearch .tx-indexedsearch-browsebox li {
    margin-left: 0;
    margin-right: 10px;
    padding: 0;
  }

  ul.sitemap,
  .sitemap ul { list-style-type: none; margin: 0; padding: 0; }
  .sitemap h3 { display: none; font-size: 130%; }
  .sitemap .nav-products h3 { display: block; border-bottom: 1px solid #04305E; }
  .sitemapsub li.second { width: 29%; float: left; margin: 0 3em 0 0; }
  .sitemap > li:after {
    content:'';
    display:block;
    clear: both;
  }
  .sitemap > li { border-bottom: 1px solid #04305E; margin-bottom: 1em; }
  .sitemap > li > a {
    font-size: 150%;
    margin-bottom: 1em;
    display: block;
  }
  .sitemap a.comment { font-size: 110%; display: block; margin: .5em; }
  .sitemap .nav-products .subpage > li { margin-bottom: 2em; }

  /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */
  p {
    font-size: 100%;
    line-height: 1.5;
    margin: 0 0 1.5em 0;
  }
  .coloredbox > .csc-default > p:last-child, .coloredbox > .csc-default > ul:last-child {
    margin-bottom: 0.5em;
  }

  .csc-textpic-imagewrap,
  .checkoutfieldset { margin-bottom: 1.5em; }

  p.nomargin,
  label.nomargin {
    line-height: 2.8em;
    margin-bottom: 0;
  }

  .quantity-text { margin-right: 1em; font-weight: bold; font-size: 1.2em; }

  blockquote,
  cite,
  q {
    font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
    font-style: italic;
  }

  blockquote {
    background: transparent;
    color: #666666;
    margin: 1.5em 0 0 1.5em;
  }

  strong,
  b {
    font-weight: bold;
  }

  em,
  i {
    font-style: italic;
  }

  big {
    /* font-size: 16px; */
    font-size: 114.28571%;
    line-height: 1.3125;
  }

  small {
    /* font-size: 12px; */
    font-size: 85.71429%;
    line-height: 1.75;
  }

  pre,
  code,
  kbd,
  tt,
  samp,
  var {
    font-size: 100%;
  }

  pre {
    font-size: 100%;
    line-height: 1.5;
    margin: 0 0 1.5em 0;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
  }

  pre,
  code {
    color: #880000;
  }

  kbd,
  samp,
  var,
  tt {
    color: #666666;
    font-weight: bold;
  }

  var,
  dfn {
    font-style: italic;
  }

  acronym,
  abbr {
    border-bottom: 1px #aaa dotted;
    font-variant: small-caps;
    letter-spacing: .07em;
    cursor: help;
  }

  sub,
  sup {
    font-size: 85%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }

  sup {
    top: -0.5em;
  }

  sub {
    bottom: -0.25em;
  }

  mark {
    background: yellow;
    color: black;
  }

  span.textcolor, span.textcolor a { color: #64b4c0; }
  span.textcolor-yellow, span.textcolor-yellow a { color: #f5be0f; }
  span.textcolor-green, span.textcolor-green a { color: #cedc2b; }
  span.textcolor-red, span.textcolor-red a { color: #e16323; }
  span.textcolor-turquoise, span.textcolor-turquoise a { color: #64b4c0; }
  span.textcolor-blue, span.textcolor-blue a { color: #112d61; }
  span.textcolor-pink, span.textcolor-pink a { color: #e5007d; }
  span.textcolor a, span.textcolor-yellow a, span.textcolor-green a,
  span.textcolor-red a, span.textcolor-turquoise a, span.textcolor-blue a,
  span.textcolor-pink a {
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    font-style: normal;
  }
  span.textcolor a:hover, span.textcolor-yellow a:hover, span.textcolor-green a:hover,
  span.textcolor-red a:hover, span.textcolor-turquoise a:hover, span.textcolor-blue a:hover, span.textcolor-pink a:hover {
    text-decoration: underline;
  }

  span.fontsize { font-size: 1.5em; }

  hr,
  h2.divider,
  .productlist .ym-clearfix,
  .csc-frame-rulerAfter,
  .csc-frame-class-ruler-after {
    background: transparent;
    border: 0;
    border-bottom: 1px #eeeeee solid;
    margin: 0 0 1.5em 0;
    padding: 0 0 0.67857em 0;
  }

  .manual hr,
  .rehabilitation hr,
  .rehab hr,
  .rehabilitacyjny hr,
  .manual .csc-frame-rulerAfter,
  .manual .csc-frame-class-ruler-after,
  .rehabilitation .csc-frame-rulerAfter,
  .rehabilitation .csc-frame-class-ruler-after,
  .rehab .csc-frame-rulerAfter,
  .rehab .csc-frame-class-ruler-after,
  .rehabilitacyjny .csc-frame-rulerAfter,
  .rehabilitacyjny .csc-frame-class-ruler-after,
  .manual .productlist .ym-clearfix,
  .rehabilitation .productlist .ym-clearfix,
  .rehab .productlist .ym-clearfix,
  .rehabilitacyjny .productlist .ym-clearfix {
    border-bottom: 1px solid #f5be0f;
  }

  .kids hr,
  .kids .csc-frame-rulerAfter,
  .kids .csc-frame-class-ruler-after,
  .kids .productlist .ym-clearfix {
    border-bottom: 1px solid #cedc2b;
  }

  .reha hr,
  .reha .csc-frame-rulerAfter,
  .reha .csc-frame-class-ruler-after,
  .reha .productlist .ym-clearfix {
    border-bottom: 1px solid #862753;
  }

  .xxl hr,
  .xxl .csc-frame-rulerAfter,
  .xxl .csc-frame-class-ruler-after,
  .xxl .productlist .ym-clearfix {
    border-bottom: 1px solid #b7114a;
  }

  .active hr,
  .active .csc-frame-rulerAfter,
  .active .csc-frame-class-ruler-after,
  .active .productlist .ym-clearfix {
    border-bottom: 1px solid #64b4c0;
  }

  .e-power hr,
  .e-power .csc-frame-rulerAfter,
  .e-power .csc-frame-class-ruler-after,
  .e-power .productlist .ym-clearfix {
    border-bottom: 1px solid #e16323;
  }

  .e-power .limitedpink hr,
  .e-power .limitedpink .csc-frame-rulerAfter,
  .e-power .limitedpink .csc-frame-class-ruler-after,
  .e-power .limitedpink .productlist .ym-clearfix {
    border-bottom: 1px solid #E5007D;
  }

  .netti hr,
  .netti .csc-frame-rulerAfter,
  .netti .csc-frame-class-ruler-after,
  .netti .productlist .ym-clearfix {
    border-bottom: 1px solid #f3a000;
  }

  .richter hr,
  .richter .csc-frame-rulerAfter,
  .richter .csc-frame-class-ruler-after,
  .richter .productlist .ym-clearfix {
    border-bottom: 1px solid #109b34;
  }


  hr {color: #fff;}
  .tabContent hr,
  .productlist .ym-clearfix { margin-bottom: 2em; }

  h2.divider{
    padding:0.2em 0;
    border-top: 1px #eeeeee solid;
  }

  .manual h2.divider,
  .rehabilitation h2.divider,
  .rehab h2.divider,
  .rehabilitacyjny h2.divider  {
    border-top: 1px #f5be0f solid;
  }

  .richter h2.divider  {
    border-top: 1px #109b34 solid;
  }

  /*--- Links ----------------------------------------------------------------------------------------- */
  a {
    color: #858585;
    background: transparent;
    text-decoration: underline;
  }

  a:active {outline: none;}

  /* (en) maximum constrast for tab focus - change with great care */
  /* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */
  a:hover,
  a:focus {
    color: #112d61;
    text-decoration: none;
  }
  /*
  #main a {
    color:#444;
  }
  #main a:hover {
    color:#112d61;
  }


  a.colored-button,
  a.colored-pdf-button,
  .csc-form-submit input {
    background-repeat: no-repeat;
    background-position: 0 0;
    padding:10px;
    font-size: 12px;
    text-decoration: none;
    display:inline-block;
    border-style: solid;
    border-width: 1px;
    margin:3px 0;
    line-height: 1.2em;
    position: relative;
    font-weight: 600;
    text-align: center;
    max-width: 100%;
    color:#fff;
    border-color: #00abba;
    background-color: #00abba;
  }
  */

  a.colored-button-pdf {
    background-image: url("../../Images/pdf-icon.png");
    background-position: right center;
    background-repeat: no-repeat;
    border-right: 15px solid #64b4c0;
    padding-right: 25px;
  }

  a.back,a.next{
    position:relative;
    display:inline-block;
  }
  a.back{padding-left:25px;}
  a.next{width:100%;}
  a.back:before,a.next:before{
    border-bottom: 4px solid rgba(0, 0, 0, 0);
    border-top: 4px solid rgba(0, 0, 0, 0);
    content: " ";
    display: block;
    width: 0;height: 0;
    position: absolute;z-index:10;
    top: 7px;
  }
  a.back:before{left:2px;border-right: 10px solid #fff;}
  a.next:before{right: 2px;border-left: 10px solid #fff;}

  a.back:after,a.next:after{
    content: " ";
    display: block;
    width:16px;height:16px;
    position: absolute;z-index:1;
    top: 3px;
    background:#112d61;
  }
  a.back:after{left: 0;}
  a.next:after{right: 0;}

  .csc-form-submit input {
    cursor: pointer;
  }

  #headeraddon a { color: #858585; margin-left: 1.5em; line-height: 2em; display: inline-block; text-decoration:none;}
  #search a { padding: 0; }
  #search a span { display: none; }
  /*
  #headeraddon #search a:hover,
  #headeraddon #search a.active { background: #112d61; color: #fff; }
  */

  footer a { text-decoration: none; }
  #bwc { margin-right: 14px; }
  footer nav a { margin:0 7px; }
  footer nav a.first { margin-left:0; }
  footer #crosslinks a { margin-right:11px; }

  footer a:hover,
  footer a:focus,
  #loginnav a:hover,
  #loginnav a:focus {
    color: #fff;
    text-decoration: underline;
  }
  .manual #link-color,
  .active #link-color,
  .e-power #link-color,
  .kids #link-color,
  .reha #link-color,
  .xxl #link-color,
  .netti #link-color,
  #loginnav a {
    color: #fff;
  }
  .manual #link-color:hover,
  .active #link-color:hover,
  .e-power #link-color:hover,
  .kids #link-color:hover,
  .reha #link-color:hover,
  .xxl #link-color:hover,
  .netti #link-color:hover,
  .manual #link-color.selected,
  .active #link-color.selected,
  .e-power #link-color.selected,
  .kids #link-color.selected,
  .reha #link-color.selected,
  .xxl #link-color.selected,
  .netti #link-color.selected {
    color: #42454a;
  }
  header h1 a:hover,
  header h1 a:focus,
  #headeraddon a:hover,
  #headeraddon a:focus,
  a.fancybox-item:hover,
  a.fancybox-item:focus,
  #loginnav a {
    background-color: transparent;
    text-decoration: none;
  }
  .loginname a {
    margin-left: 1em;
  }

  /* --- images ------------------ */
  img {
    max-width: 100%;
    height: auto;
  }
  img,
  figure,
  div.csc-textpic .csc-textpic-imagewrap img {
    margin: 0;
    display: inline-block;
  }
  .ce-image .ce-gallery {
    margin-bottom: 40px;
  }
  .ce-image .ce-gallery img {
    display: inline-block;
  }
  .ce-center .ce-gallery .image {
    text-align: center;
  }

  .mainimage {
    max-width: 100%;
    height: auto;
  }

  .flexible {
    margin-bottom: 1.5em;
    max-width: 100%;
    height: auto;
  }

  /* IE6 workaround - 2% space for possible borders */
  * html .flexible {
    width: 98%;
  }

  .bordered {
    margin-bottom: 1.5em;
    border: 2px #eee solid;
    border: 2px white solid;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  }

  /**
  * ----------------------------------------------------------------------- #
  *
  * Generic Content Classes
  *
  * (en) standard classes for positioning and highlighting
  * (de) Standardklassen zur Positionierung und Hervorhebung
  *
  * @section content-generic-classes
  */
 p.align-center, .align-center { text-align: center; }
 p.align-justify, .align-justify { text-align: justify; }
 p.align-left, .align-left { text-align: left; }
 p.align-right, .align-right { text-align: right; }

  .highlight {
    color: #cc3300;
  }
  span.dimmed,
  .dimmed {
    color: #888888;
  }

  .box,
  .coloredbox,
  .productdetails .coloredbox,
  .coloredbox .whitebox .padding {
    padding: 1.42857em 2.5em;
    margin: 0 0 1.5em 0;
    overflow:hidden;
  }
  .coloredbox.nomargin {
    margin: 0 !important
  }
  .productdetails .coloredbox { padding-bottom: 4em; }
  .productdetails ul.coloredbox {
    padding: 1.5em 1em;
  }
  #banner > .coloredbox.whitebox { margin-bottom: 0; }

  .box > *:last-child {
    margin-bottom: 0;
  }

  .coloredbox.whitebox,
  .manual .coloredbox,
  .rehabilitation .coloredbox ,
  .rehab .coloredbox,
  .rehabilitacyjny .coloredbox{ background: #f5be0f; }
  .active .coloredbox { background: #64b4c0; }
  .e-power .limitedpink .coloredbox { background: #e5007d; }
  .e-power .coloredbox { background: #e16323; }
  .kids .coloredbox { background: #cedc2b; }
  .reha .coloredbox { background: #862753; }
  .xxl .coloredbox { background: #b7114a; }
  .netti .coloredbox { background: #f3a000; }
  .limitedpink .coloredbox.whitebox, .coloredbox.whitebox, .sonstiges .coloredbox { background: #fff; }
  .coloredbox.greybox { background: #f8f8f8; }
  .coloredbox.bluebox { background: #112D61; }
  .coloredbox,.coloredbox.bluebox { background: #112d61; }

  .coloredbox.bluebox * { color: #fff; font-style: normal; }

  .coloredbox.border-radius {
    border-radius: 15px;
  }

  .pattern-bg {
  	background: url(../../Images/bg-pattern.png) repeat 0 0;
  	padding: 110px 0 80px 0;
  }
  .pattern-bg-nano {
    background: url(../../Images/bg-pattern-nanox.jpg) repeat 0 0;
    padding: 110px 0 80px 0;
  }
  .pattern-bg-sky {
    background: url(../../Images/bg-pattern-sky.png) no-repeat 0 0;
    padding: 110px 0 80px 0;
    background-size: cover;
  }

  .pattern-bg-gaming {
    background: url(../../Images/bg-pattern-gaming.png) no-repeat 0 0;
    padding: 110px 0 80px 0;
    background-size: cover;
  }

  .tabContent.whitebox { padding: 3em 2.5em; }

  main .morepadding,
  main .whitebox .morepadding { padding: 2em 13em 1.5em; }
  main .whitebox .morepadding { padding: 4em 13em 1.5em; }

  .small { font-size: .8em; }
  .large { font-size: 1.2em; }

  .label:not(.cr_form-component--header) {
    font-family: Verdana, Geneva, sans-serif;
    padding: 1px 6px 2px;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
    white-space: nowrap;
    border-radius: 3px;
    background: #06C;
    color: #fff;
    font-size: 10px;
    line-height: 12px;
  }

  .information_message {
    padding: 0.6em 0.6em 0.6em 2.6em;
    background-repeat: no-repeat;
    background-position: 0.5em 0.7em;
    border: 1px solid;
    margin-bottom: 1.5em;
  }

  td .information_message {
    margin-bottom: 0;
  }

  .info {
    background-image: url("../../Images/information.png");
    background-color: #ddeef9;
    border-color: #8aafc4;
  }

  .success {
    background-image: url("../../Images/ok.png");
    background-color: #cdeaca;
    border-color: #58b548;
  }

  .warning {
    background-image: url("../../Images/warning.png");
    background-color: #fbffb3;
    border-color: #c4b70d;
  }

  .error {
    background-image: url("../../Images/error.png");
    background-color: #fbb19b;
    border-color: #dc4c42;
  }

  .grey,
  .powermail_fieldset label.grey { color: #b8b8b8; }

  .oldprice {
    /*text-decoration: line-through;*/
  }
  .mwst {
    margin-bottom: 1.5em;
  }

  .float-left {
    float: left;
    display: inline;
    margin: 0 1em 1.5em 0;
  }

  .float-right {
    float: right;
    display: inline;
    margin: 0 0 1.5em 1em;
  }
  span.floatright { float: right;}

  .center {
    display: block;
    text-align: center;
    margin: 0 auto 1.5em auto;
  }

  /* FONT COLORS */
  footer .headline,
  .white,
  span.white {  }
  p.omsheadline,
  .omsheadline,
  h3.omsheadline {}

  footer a.manual,
  footer a.rehabilitation,
  footer a.rehab,
  footer a.rehabilitacyjny,
  .ym-hlist .manual .comment,
  .ym-hlist .manual a:hover,
  .ym-hlist .manual .comment,
  .ym-hlist .manual a:focus,
  .ym-hlist .manual li.fourth a.current,
  a.reha-und-pflege,
  li.reha-und-pflege a,
  .reha-und-pflege,
  .ym-hlist .rehabilitation .comment,
  .ym-hlist .rehabilitation a:hover,
  .ym-hlist .rehabilitation .comment,
  .ym-hlist .rehabilitation a:focus,
  .ym-hlist .rehabilitation li.fourth a.current,
  a.reha-und-pflege,
  li.reha-und-pflege a,
  .reha-und-pflege,
  .ym-hlist .rehab .comment,
  .ym-hlist .rehab a:hover,
  .ym-hlist .rehab .comment,
  .ym-hlist .rehab a:focus,
  .ym-hlist .rehab li.fourth a.current,
  .ym-hlist .rehabilitacyjny .comment,
  .ym-hlist .rehabilitacyjny a:hover,
  .ym-hlist .rehabilitacyjny .comment,
  .ym-hlist .rehabilitacyjny a:focus,
  .ym-hlist .rehabilitacyjny li.fourth a.current,
  a.reha-und-pflege,
  li.reha-und-pflege a,
  .reha-und-pflege { color: #f5be0f; }

  footer a.active,
  a.active, li.active a, .active,
  #nav .ym-hlist ul li.active a.comment,
  #nav .ym-hlist ul li.active a:focus,
  #nav .ym-hlist ul li.active a:hover,
  #nav .ym-hlist ul li.active a:active,
  .ym-hlist .active li.fourth a.current,
  #nav .ym-hlist ul li.second:last-child li.fourth a:hover,
  #nav .ym-hlist ul li.second:last-child li.fourth a:focus,
  #nav .ym-hlist ul li.second:last-child li.fourth a.current,
  .news-list-morelink a { color: #64b4c0; }

  footer a.reha,.ym-hlist .reha li.fourth a.current,
  .ym-hlist .reha .comment,.ym-hlist .reha a:hover,
  .ym-hlist .reha .comment,.ym-hlist .reha a:focus { color: #862753; }

  footer a.xxl,.ym-hlist .xxl li.fourth a.current,
  .ym-hlist .xxl .comment,.ym-hlist .xxl a:hover,
  .ym-hlist .xxl .comment,.ym-hlist .xxl a:focus { color: #b7114a; }

  footer a.kids,.ym-hlist .kids li.fourth a.current,
  .ym-hlist .kids .comment,.ym-hlist .kids a:hover,
  .ym-hlist .kids .comment,.ym-hlist .kids a:focus { color: #cedc2b; }

  footer a.e-power,.ym-hlist .e-power li.fourth a.current,
  .ym-hlist .e-power .comment,.ym-hlist .e-power a:hover,
  .ym-hlist .e-power .comment,.ym-hlist .e-power a:focus { color: #e16323; }

  footer a.netti,.ym-hlist .netti li.fourth a.current,
  .ym-hlist .netti .comment,.ym-hlist .netti a:hover,
  .ym-hlist .netti .comment,.ym-hlist .netti a:focus { color: #f3a000; }

  footer a.richter,.ym-hlist .richter li.fourth a.current,
  .ym-hlist .richter .comment,.ym-hlist .richter a:hover,
  .ym-hlist .richter .comment,.ym-hlist .richter a:focus { color: #109b34; }

  .ym-hlist .amg li.fourth a.current,
  .ym-hlist .amg .comment,.ym-hlist .amg a:hover,
  .ym-hlist .amg .comment,.ym-hlist .amg a:focus{
    color: #858585;
  }
  .amg .colored-button,
  .amg .colored-button-pdf {
    background-color: #112d61;
  }
  .amg .colored-button:hover,
  .amg .colored-button:focus,
  .amg .colored-button-pdf:hover,
  .amg .colored-button-pdf:focus {
    background-color: #858585;
  }
  .amg a.colored-button-pdf {
    border-right-color: #112d61;
  }
  .amg .colored-button-pdf:hover,
  .amg .colored-button-pdf:focus {
    border-right-color: #858585;
  }
  footer a.sonstiges:hover,
  footer a.sonstiges:focus { color:#858585; }

  .red{color:#f00;}

  #crosslinks a{font-weight:bold;}

  span.circle-red, p.circle-red {
    color: #fff;
    display: inline-block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    border-radius: 50%;
    background-color: #E16323;
  }

  /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Tables | Tabellen
  *
  * (en) Generic classes for table-width and design definition
  * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
  *
  * @section content-tables
  */
  table {
    width: 100%;
    border-collapse: collapse;
    color: #444;
    border-top: 1px #eeeeee solid;
    margin: 0 0 1.35714em 0;
  }
  table.narrow {
    margin: 0 0 1.42857em 0;
  }
  table.narrow th,
  table.narrow td {
    padding: 0 0.5em;
    line-height: 1.42857;
  }
  table.fixed {
    table-layout: fixed;
  }
  table.bordertable {
    border: 1px #F8F8F8 solid;
  }
  table.bordertable thead th {
    background: #E6E6E6;
    border-right: 1px #eeeeee solid;
    border-bottom: 1px #eeeeee solid;
    text-align:center;
  }
  table.bordertable tbody th[scope="row"] {
    background: #f0f0f0;
  }
  table.bordertable tbody th {
    border-right: 1px solid #eeeeee;
  }
  table.bordertable tbody td {
    /*border-right: 1px solid #F8F8F8;*/
    border: 1px solid #eeeeee;
  }
  table.noborder { border-top: 0; }


  table.col2table td{ width: 50%;}
  table.col3table td{ width: 33%;}
  table.col4table td{ width: 25%;}

  table.nonbordered,
  table.nonbordered * {
    border: 0 none !important;
  }

  caption {
    font-variant: small-caps;
    /*text-align: left;
    font-weight: bold;
    padding-left: 0.3em;*/
  }

  th,
  td {
    line-height: 1.5em;
    vertical-align: top;
    padding: 0.71429em 0.8em;
  }

  th *:first-child,
  td *:first-child {
    margin-top: 0;
  }

  th.nowrap,
  td.nowrap {
    white-space: nowrap;
  }

  thead th {
    text-align: left;
    color: #444;
    border-bottom: 1px #eeeeee solid;
  }

  tbody {
    /* highlight row on mouse over */
  }
  tbody th {
    text-align: left;
    border-top: 1px solid #eeeeee;
  }
  .noborder thead th,
  .noborder tbody th {
    border-color: #000;
  }
  tbody td {
    text-align: left;
  }

  table p{margin-bottom:0;}

  tr { border-bottom: 1px solid #eee; }
  .noborder tr { border-color: #000; }

  .noborder { border: 0; }
  table.blue-border,
  table.blue-border thead th,
  table.blue-border tbody th,
  table.blue-border tr {
    border-color: #112d61;
  }
  table.blue-border th {
    background-color: #eee;
  }

  table.table-striped tr:nth-child(even) {
    background: #f8f8f8;
  }

  .technical-specification tbody th {
    border: none;
  }
  .technical-specification tbody td {
    text-align: center;
  }
  .technical-specification.grouped-table tbody td,
  .technical-specification.additional-information tbody td {
    text-align: left;
  }

  .technical-specification tr th:first-child {
    vertical-align: top;
    max-width: 100px;
  }
  .technical-specification:not(.no-min-width) tr td:last-child {
    min-width: 150px;
  }


  .grouped-table { width: 100%; }
  .grouped-table-quantity { width: 70px; }
  .grouped-table-price { white-space: nowrap; text-align: center; }
  .grouped-table td {
    vertical-align: middle;
  }

  .history tbody th {
    color: #112d61;
    font-size: 1.1em;
  }
  .width-100 {
    width: 100% !important;
  }

  .width-50 {
    width: 50% !important;
  }

  .important {
    color: #b22125;
  }

  .cartContent tr {
    border-bottom: 1px solid #04305E;
  }
  .cartContent th,
  .cartContent td {
    border-top: 1px solid #04305E;
  }

  .manual table,
  .rehabilitation table,
  .rehab table,
  .rehabilitacyjny table {
    border-top: 1px #f5be0f solid;
  }
  .manual .technical-specification tr,
  .rehabilitation .technical-specification tr,
  .rehab .technical-specification tr,
  .rehabilitacyjny .technical-specification tr { border-bottom: 1px solid #f5be0f; }

  .active table {
    border-top: 1px #64b4c0 solid;
  }
  .active .technical-specification tr,
  .active tr { border-bottom: 1px solid #64b4c0; }

  .e-power table {
    border-top: 1px #e16323 solid;
  }
  .e-power .technical-specification tr { border-bottom: 1px solid #e16323; }

  .e-power .limitedpink table {
    border-top: 1px #E5007D solid;
  }
  .e-power .limitedpink .technical-specification tr { border-bottom: 1px solid #E5007D; }

  .kids table {
    border-top: 1px #cedc2b solid;
  }
  .kids .technical-specification tr { border-bottom: 1px solid #cedc2b; }

  .reha table {
    border-top: 1px #862753 solid;
  }
  .reha .technical-specification tr { border-bottom: 1px solid #862753; }

  .xxl table {
    border-top: 1px #b7114a solid;
  }
  .xxl .technical-specification tr { border-bottom: 1px solid #b7114a; }

  .netti table {
    border-top: 1px #f3a000 solid;
  }
  .netti .technical-specification tr { border-bottom: 1px solid #f3a000; }

  .sonstiges table {
    border-top: 1px #64b4c0 solid;
  }
  .sonstiges .technical-specification tr { border-bottom: 1px solid #64b4c0; }

  .richter table {
    border-top: 1px #109b34 solid;
  }
  .richter .technical-specification tr { border-bottom: 1px solid #109b34; }
  /*
   * Forms
   */

  input {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
  }
  input[type="checkbox"], input[type="radio"] {
    margin-right: 4px;
    display: inline-block;
  }

  .colored-button,
  .colored-button-red,
  .colored-button-turquoise,
  .colored-button-green,
  .colored-button-yellow,
  .colored-button-pink,
  .colored-button-grey,
  .colored-button-pdf,
  .csc-form-submit input,
  .powermail_submit,
  .news-list-morelink a,
  #cleverreach .cr_button,
  #cookie-consent .btn,
  .tx-indexedsearch-searchbox-button {
    display:inline-block;
    border:0;
    background-color:#64b4c0;
    background-repeat: no-repeat;
    color: #fff;
    cursor: pointer;
    margin: 0 0 6px;
    padding: 5px 30px;
    font-weight: bold;
    text-align:center;
    text-decoration:none;
    transition: all 0.3s ease-out;
    -webkit-appearance: none;
  }
  .colored-button:focus,
  .colored-button-pdf:focus,
  .csc-form-submit input:focus,
  .powermail_submit:focus,
  .news-list-morelink a:focus,
  .tx-indexedsearch-searchbox-button:focus,
  #cookie-consent .btn:focus {
    color:#fff;
  }

  .colored-button-pdf {
    padding: 5px 15px;
  }

  .colored-button-pdf:hover {
    background-color: #0d7f8a;
    background-image: url("../../Images/pdf-icon.png");
    border-right: 15px solid #0d7f8a;
  }

  .colored-button-red,
  #pid903 .powermail_submit {
    background: #E16323;
  }
  .colored-button-turquoise {
    background: #64B4C0;
  }
  .colored-button-green {
    background: #CEDC2B;
  }
  .colored-button-yellow {
    background: #F5BE0F;
  }
  .colored-button-pink {
    background: #e5007d;
  }
  .colored-button-richter {
    background: #109b34;
  }
  .colored-button-grey {
    background: #858585;
  }

  /*.ce-uploads a[href $='.pdf'] .ce-uploads-fileName { background: url("../../Images/pdf-icon.png") no-repeat 1px 2px; padding-left: 20px; }
  .ce-uploads span.ce-uploads-filesize {display: block; padding-left: 20px;}*/
  .csc-uploads-element-pdf  a.pdfimagelink[href$='.pdf'] { background: none; padding-left: 0; }
  .csc-uploads-element-zip a[href $='.zip'] { background: url("../../Images/zip-icon.gif") no-repeat 1px 2px; padding-left: 20px; }

  .ls-s-1 .colored-button { padding: 10px 30px; }


  .colored-button:hover,
  .colored-button-pdf:hover,
  .csc-form-submit input:hover,
  .powermail_submit:hover,
  .news-list-morelink a:hover,
  .tx-indexedsearch-searchbox-button:hover,
  #cookie-consent .btn:hover {
    background-color: #0d7f8a;
    color: #fff;
  }

  .manual .colored-button,
  .rehabilitation .colored-button,
  .rehab .colored-button,
  .rehabilitacyjny .colored-button,
  .active .colored-button,
  .e-power .colored-button,
  .kids .colored-button,
  .netti .colored-button,
  .sonstiges .colored-button,
  .richter .colored-button {
    color: #fff;
  }
  .manual .colored-button:hover,
  .rehabilitation .colored-button:hover,
  .rehab .colored-button:hover,
  .rehabilitacyjny .colored-button:hover,
  .active .colored-button:hover,
  .e-power .colored-button:hover,
  .kids .colored-button:hover,
  .netti .colored-button:hover,
  .sonstiges .colored-button:hover,
  .richter .colored-button:hover {
    background: #505050;
  }


  footer .powermail_submit {
    /* submit button */
    border:1px solid #314f6a;
    background:#314f6a none;
    color: #e1e1e1;
    font-weight:normal;
  }
  footer .powermail_submit:hover {
    background:#00305d none;
  }

  body#fancybox{overflow:hidden;}
  #fancybox #main{
    background:#fff;
    margin-bottom:0;
  }
  #fancybox #main .ym-wrapper{
    margin-top:1em;
  }

  a[href^=tel]{
    color:inherit;
    text-decoration:none;
  }

  .margintop{
    margin-top: 2.5em;
  }

  .bottomline{
    border-bottom: 2px solid #f8f8f8;
    margin-bottom: 2.5em;
  }

  .new-de, .new-en, .new-pl,
  .delivery-de, .delivery-en, .delivery-pl,
  .rs-edition,
  .my-individual-icon {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 51;
    background: url(../../Images/neu.png) no-repeat;
    background-size: 50% auto;
    width: 120px;
    height: 80px;
  }
  .new-en {
    background-image: url(../../Images/neu_en.png);
  }
  .new-pl {
    background-image: url(../../Images/neu_pl.png);
  }
  .ym-gbox.item,
  .productdetails .image {
    position: relative;
  }
  .my-individual-icon {
    background-image: url(../../Images/my-individual-icon.png);
    left: 145px;
    text-decoration: none;
    width: 80px;
    height: 69px;
    background-size: contain;
  }

  .productdetails .image .my-individual-icon {
    left: 105px;
    width: 100px;
    height: 86px;
  }
  .delivery-de,
  .delivery-en,
  .delivery-pl {
    background-size: auto;
    height: 100px;
    left: 75px;
    top: 50px;
  }
  .delivery-de {
    background-image:url(../../Images/lieferbar.png);
  }
  .delivery-en {
    background-image:url(../../Images/delivery-en.png);
  }
  .delivery-pl {
    background-image:url(../../Images/delivery-pl.png);
  }
  .delivery {
    display: none;
  }

  .rs-edition {
    height: 100px;
    background-image: url(../../Images/wimpel-rs-edition.png);
  }

  /*iCHAiR limited editions*/
  #c4196 .csc-firstHeader strong {
    display: block;
  }

}
@media screen and (min-width: 1024px) {
  .marginbigtop { margin-top: 8em; }

  #main ul, #main ol, #main dl, #main p, #main table, #main form {
    font-size: 16px;
  }

}
@media screen and (max-width: 480px) {
  h2.special,
  h3.special,
  .coloredbox h2.special,
  .coloredbox h3.special {
    font-size: 30px;
  }
  h3.special,
  .coloredbox h3.special {
    font-size: 24px;
  }
}