/* Contao Open Source CMS, (c) 2005-2014 Leo Feyer, LGPL license */
body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:bold}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
/* Contao Open Source CMS, (c) 2005-2014 Leo Feyer, LGPL license */
body,form{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}@media(max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}#main .inside{min-height:1px}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.caption{max-width:100%}.ce_gallery ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery li{float:left}.ce_gallery li.col_first{clear:left}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{width:0;height:0;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
/* Contao Open Source CMS, (c) 2005-2014 Leo Feyer, LGPL license */
legend{width:100%;display:block;font-weight:bold;border:0}input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="email"],input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],textarea, select{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type="text"]:focus,input[type="password"]:focus,input[type="date"]:focus,input[type="datetime"]:focus,input[type="email"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="time"]:focus,input[type="url"]:focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type="file"]{cursor:pointer}select,input[type="file"]{display:block}input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type="radio"],input[type="checkbox"]{margin:0 3px 0 0}input[type="radio"],input[type="checkbox"],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"][readonly],input[type="checkbox"][readonly]{background:transparent}input[type="submit"],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}input[type="submit"]:hover,.button:hover{text-decoration:none;background-position:0 -15px !important}input[type="submit"]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px !important}input[type="submit"].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}input[type="submit"].blue:active,.button.blue:active{background-color:#2e95b3}input[type="submit"].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}input[type="submit"].green:active,.button.green:active{background-color:#4f9f4f}input[type="submit"].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}input[type="submit"].orange:active,.button.orange:active{background-color:#f28f04}input[type="submit"].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}input[type="submit"].red:active,.button.red:active{background-color:#be322b}
/*
	jQuery.mmenu CSS
*/
.mm-page,
.mm-fixed-top,
.mm-fixed-bottom,
.mm-menu.mm-horizontal > .mm-panel {
  -webkit-transition: none 0.4s ease;
  -moz-transition: none 0.4s ease;
  -ms-transition: none 0.4s ease;
  -o-transition: none 0.4s ease;
  transition: none 0.4s ease;
  -webkit-transition-property: top, right, bottom, left, border;
  -moz-transition-property: top, right, bottom, left, border;
  -ms-transition-property: top, right, bottom, left, border;
  -o-transition-property: top, right, bottom, left, border;
  transition-property: top, right, bottom, left, border; }

html.mm-opened .mm-page,
html.mm-opened #mm-blocker {
  left: 0;
  top: 0;
  margin: 0;
  border: 0px solid rgba(0, 0, 0, 0); }

html.mm-opening .mm-page,
html.mm-opening #mm-blocker {
  border: 0px solid rgba(100, 100, 100, 0); }

.mm-menu .mm-hidden {
  display: none; }

.mm-fixed-top,
.mm-fixed-bottom {
  position: fixed;
  left: 0; }

.mm-fixed-top {
  top: 0; }

.mm-fixed-bottom {
  bottom: 0; }

html.mm-opened .mm-page,
.mm-menu > .mm-panel {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

html.mm-opened {
  overflow-x: hidden;
  position: relative; }

html.mm-opened .mm-page {
  position: relative; }

html.mm-background .mm-page {
  background: inherit; }

#mm-blocker {
  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==) transparent;
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999999; }

html.mm-opened #mm-blocker,
html.mm-blocking #mm-blocker {
  display: block; }

.mm-menu.mm-current {
  display: block; }

.mm-menu {
  background: inherit;
  display: none;
  overflow: hidden;
  height: 100%;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 0; }
  .mm-menu > .mm-panel {
    background: inherit;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    padding: 20px;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 0; }
    .mm-menu > .mm-panel.mm-opened {
      left: 0%; }
    .mm-menu > .mm-panel.mm-subopened {
      left: -40%; }
    .mm-menu > .mm-panel.mm-highest {
      z-index: 1; }
    .mm-menu > .mm-panel.mm-hidden {
      display: block;
      visibility: hidden; }

.mm-menu .mm-list {
  padding: 20px 0; }
.mm-menu > .mm-list {
  padding: 20px 0 40px 0; }

.mm-panel > .mm-list {
  margin-left: -20px;
  margin-right: -20px; }
  .mm-panel > .mm-list:first-child {
    padding-top: 0; }

.mm-list,
.mm-list > li {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0; }

.mm-list {
  font: inherit;
  font-size: 14px; }
  .mm-list a,
  .mm-list a:hover {
    text-decoration: none; }
  .mm-list > li {
    position: relative; }
    .mm-list > li > a,
    .mm-list > li > span {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      color: inherit;
      line-height: 20px;
      display: block;
      padding: 10px 10px 10px 20px;
      margin: 0; }
  .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults):after {
    content: '';
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0; }
  .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults):after {
    width: auto;
    margin-left: 20px;
    position: relative;
    left: auto; }
  .mm-list a.mm-subopen {
    width: 40px;
    height: 100%;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2; }
    .mm-list a.mm-subopen:before {
      content: '';
      border-left-width: 1px;
      border-left-style: solid;
      display: block;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0; }
    .mm-list a.mm-subopen.mm-fullsubopen {
      width: 100%; }
      .mm-list a.mm-subopen.mm-fullsubopen:before {
        border-left: none; }
    .mm-list a.mm-subopen + a,
    .mm-list a.mm-subopen + span {
      padding-right: 5px;
      margin-right: 40px; }
  .mm-list > li.mm-selected > a.mm-subopen {
    background: transparent; }
  .mm-list > li.mm-selected > a.mm-fullsubopen + a,
  .mm-list > li.mm-selected > a.mm-fullsubopen + span {
    padding-right: 45px;
    margin-right: 0; }
  .mm-list a.mm-subclose {
    text-indent: 20px;
    padding-top: 30px;
    margin-top: -20px; }
  .mm-list > li.mm-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 10px;
    text-transform: uppercase;
    text-indent: 20px;
    line-height: 25px;
    padding-right: 5px; }
  .mm-list > li.mm-spacer {
    padding-top: 40px; }
    .mm-list > li.mm-spacer.mm-label {
      padding-top: 25px; }
  .mm-list a.mm-subopen:after,
  .mm-list a.mm-subclose:before {
    content: '';
    border: 2px solid transparent;
    display: block;
    width: 7px;
    height: 7px;
    margin-bottom: -5px;
    position: absolute;
    bottom: 50%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .mm-list a.mm-subopen:after {
    border-top: none;
    border-left: none;
    right: 18px; }
  .mm-list a.mm-subclose:before {
    border-right: none;
    border-bottom: none;
    margin-bottom: -15px;
    left: 22px; }

.mm-menu.mm-vertical .mm-list .mm-panel {
  display: none;
  padding: 10px 0 10px 10px; }
  .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after {
    border-color: transparent; }
.mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel {
  display: block; }
.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen {
  height: 40px; }
  .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 16px;
    right: 16px; }

html.mm-opened .mm-page {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }

.mm-ismenu {
  background: #333333;
  color: rgba(255, 255, 255, 0.6); }

.mm-menu .mm-list > li:after {
  border-color: rgba(0, 0, 0, 0.15); }
.mm-menu .mm-list > li > a.mm-subclose {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(255, 255, 255, 0.3); }
.mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {
  border-color: rgba(255, 255, 255, 0.3); }
.mm-menu .mm-list > li > a.mm-subopen:before {
  border-color: rgba(0, 0, 0, 0.15); }
.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen),
.mm-menu .mm-list > li.mm-selected > span {
  background: rgba(0, 0, 0, 0.1); }
.mm-menu .mm-list > li.mm-label {
  background: rgba(255, 255, 255, 0.05); }
.mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
.mm-menu.mm-vertical .mm-list li.mm-opened > ul {
  background: rgba(255, 255, 255, 0.05); }

html.mm-opening .mm-page,
html.mm-opening #mm-blocker,
html.mm-opening .mm-fixed-top,
html.mm-opening .mm-fixed-bottom {
  left: 80%; }

.mm-menu {
  width: 80%; }

@media all and (max-width: 175px) {
  .mm-menu {
    width: 140px; }

  html.mm-opening .mm-page,
  html.mm-opening #mm-blocker,
  html.mm-opening .mm-fixed-top,
  html.mm-opening .mm-fixed-bottom {
    left: 140px; } }
@media all and (min-width: 550px) {
  .mm-menu {
    width: 440px; }

  html.mm-opening .mm-page,
  html.mm-opening #mm-blocker,
  html.mm-opening .mm-fixed-top,
  html.mm-opening .mm-fixed-bottom {
    left: 440px; } }

/*
	jQuery.mmenu position extension CSS
*/
.mm-menu.mm-top {
  width: 100%; }

html.mm-top.mm-opened .mm-page,
html.mm-top.mm-opened #mm-blocker {
  top: 0%; }

html.mm-top.mm-opened.mm-opening .mm-page,
html.mm-top.mm-opened.mm-opening #mm-blocker,
html.mm-top.mm-opened.mm-opening .mm-fixed-top,
html.mm-top.mm-opened.mm-opening .mm-fixed-bottom {
  left: 0; }

.mm-menu.mm-right {
  left: auto;
  right: 0; }

html.mm-right.mm-opened .mm-page,
html.mm-right.mm-opened #mm-blocker,
html.mm-right.mm-opened .mm-fixed-top,
html.mm-right.mm-opened .mm-fixed-bottom {
  left: auto;
  right: 0%; }

html.mm-right.mm-opened.mm-opening .mm-page,
html.mm-right.mm-opened.mm-opening #mm-blocker,
html.mm-right.mm-opened.mm-opening .mm-fixed-top,
html.mm-right.mm-opened.mm-opening .mm-fixed-bottom {
  left: auto; }

.mm-menu.mm-bottom {
  width: 100%;
  top: auto;
  bottom: 0; }

html.mm-bottom.mm-opened .mm-page,
html.mm-bottom.mm-opened #mm-blocker {
  bottom: 0%;
  top: auto; }

html.mm-bottom.mm-opened.mm-opening .mm-page,
html.mm-bottom.mm-opened.mm-opening #mm-blocker,
html.mm-bottom.mm-opened.mm-opening .mm-fixed-top,
html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom {
  top: auto;
  left: 0; }

.mm-menu.mm-top {
  height: 80%; }

html.mm-top.mm-opening .mm-page,
html.mm-top.mm-opening #mm-blocker,
html.mm-top.mm-opening .mm-fixed-top {
  top: 80%; }
html.mm-top.mm-opening .mm-fixed-bottom {
  bottom: -80%; }

@media all and (max-height: 175px) {
  .mm-menu.mm-top {
    height: 140px; }

  html.mm-top.mm-opening .mm-page,
  html.mm-top.mm-opening #mm-blocker,
  html.mm-top.mm-opening .mm-fixed-top {
    top: 140px; }
  html.mm-top.mm-opening .mm-fixed-bottom {
    bottom: -140px; } }
@media all and (min-height: 1100px) {
  .mm-menu.mm-top {
    height: 880px; }

  html.mm-top.mm-opening .mm-page,
  html.mm-top.mm-opening #mm-blocker,
  html.mm-top.mm-opening .mm-fixed-top {
    top: 880px; }
  html.mm-top.mm-opening .mm-fixed-bottom {
    bottom: -880px; } }
.mm-menu.mm-right {
  width: 80%; }

html.mm-right.mm-opening .mm-page,
html.mm-right.mm-opening #mm-blocker,
html.mm-right.mm-opening .mm-fixed-top,
html.mm-right.mm-opening .mm-fixed-bottom {
  right: 80%; }

@media all and (max-width: 175px) {
  .mm-menu.mm-right {
    width: 140px; }

  html.mm-right.mm-opening .mm-page,
  html.mm-right.mm-opening #mm-blocker,
  html.mm-right.mm-opening .mm-fixed-top,
  html.mm-right.mm-opening .mm-fixed-bottom {
    right: 140px; } }
@media all and (min-width: 550px) {
  .mm-menu.mm-right {
    width: 440px; }

  html.mm-right.mm-opening .mm-page,
  html.mm-right.mm-opening #mm-blocker,
  html.mm-right.mm-opening .mm-fixed-top,
  html.mm-right.mm-opening .mm-fixed-bottom {
    right: 440px; } }
.mm-menu.mm-bottom {
  height: 80%; }

html.mm-bottom.mm-opening .mm-page,
html.mm-bottom.mm-opening #mm-blocker,
html.mm-bottom.mm-opening .mm-fixed-bottom {
  bottom: 80%; }
html.mm-bottom.mm-opening .mm-fixed-top {
  top: -80%; }

@media all and (max-height: 175px) {
  .mm-menu.mm-bottom {
    height: 140px; }

  html.mm-bottom.mm-opening .mm-page,
  html.mm-bottom.mm-opening #mm-blocker,
  html.mm-bottom.mm-opening .mm-fixed-bottom {
    bottom: 140px; }
  html.mm-bottom.mm-opening .mm-fixed-top {
    top: -140px; } }
@media all and (min-height: 1100px) {
  .mm-menu.mm-bottom {
    height: 880px; }

  html.mm-bottom.mm-opening .mm-page,
  html.mm-bottom.mm-opening #mm-blocker,
  html.mm-bottom.mm-opening .mm-fixed-bottom {
    bottom: 880px; }
  html.mm-bottom.mm-opening .mm-fixed-top {
    top: -880px; } }
/*
	jQuery.mmenu z-position extension CSS
*/
html.mm-front.mm-opened .mm-page {
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important; }

.mm-menu.mm-front,
.mm-menu.mm-next {
  -webkit-transition: none 0.4s ease;
  -moz-transition: none 0.4s ease;
  -ms-transition: none 0.4s ease;
  -o-transition: none 0.4s ease;
  transition: none 0.4s ease;
  -webkit-transition-property: top, right, bottom, left, -webkit-transform;
  -moz-transition-property: top, right, bottom, left, -moz-transform;
  -ms-transition-property: top, right, bottom, left, -o-transform;
  -o-transition-property: top, right, bottom, left, -o-transform;
  transition-property: top, right, bottom, left, transform; }

html.mm-front .mm-page,
html.mm-front #mm-blocker {
  z-index: 0; }

.mm-menu.mm-front {
  z-index: 1;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); }

html.mm-opened.mm-next .mm-page {
  box-shadow: none; }

html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next {
  left: 0%; }

.mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next {
  left: 0; }

html.mm-opening .mm-menu.mm-top.mm-front, html.mm-opening .mm-menu.mm-top.mm-next {
  left: 0;
  top: 0%; }

.mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next {
  left: auto; }

html.mm-opening .mm-menu.mm-right.mm-front, html.mm-opening .mm-menu.mm-right.mm-next {
  left: auto;
  right: 0%; }

.mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next {
  top: auto;
  left: 0; }

html.mm-opening .mm-menu.mm-bottom.mm-front, html.mm-opening .mm-menu.mm-bottom.mm-next {
  left: 0;
  bottom: 0%; }

.mm-menu.mm-front, .mm-menu.mm-next {
  left: -80%; }

@media all and (max-width: 175px) {
  .mm-menu.mm-front, .mm-menu.mm-next {
    left: -140px; } }
@media all and (min-width: 550px) {
  .mm-menu.mm-front, .mm-menu.mm-next {
    left: -440px; } }
.mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next {
  top: -80%; }

@media all and (max-height: 175px) {
  .mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next {
    top: -140px; } }
@media all and (min-height: 1100px) {
  .mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next {
    top: -880px; } }
.mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next {
  right: -80%; }

@media all and (max-width: 175px) {
  .mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next {
    right: -140px; } }
@media all and (min-width: 550px) {
  .mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next {
    right: -440px; } }
.mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next {
  bottom: -80%; }

@media all and (max-height: 175px) {
  .mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next {
    bottom: -140px; } }
@media all and (min-height: 1100px) {
  .mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next {
    bottom: -880px; } }
html.mm-front .mm-fixed-top,
html.mm-front .mm-fixed-bottom,
html.mm-opening.mm-front .mm-fixed-top,
html.mm-opening.mm-front .mm-fixed-bottom {
  left: 0;
  right: auto; }
html.mm-front .mm-fixed-top,
html.mm-opening.mm-front .mm-fixed-top {
  top: 0; }
html.mm-front .mm-fixed-bottom,
html.mm-opening.mm-front .mm-fixed-bottom {
  bottom: 0; }

/*
	jQuery.mmenu counters addon CSS
*/
em.mm-counter {
  font: inherit;
  font-size: 14px;
  font-style: normal;
  text-indent: 0;
  line-height: 20px;
  display: block;
  margin-top: -10px;
  position: absolute;
  right: 40px;
  top: 50%; }
  em.mm-counter + a.mm-subopen {
    padding-left: 40px; }
    em.mm-counter + a.mm-subopen + a,
    em.mm-counter + a.mm-subopen + span {
      margin-right: 80px; }
  em.mm-counter + a.mm-fullsubopen {
    padding-left: 0; }

.mm-vertical em.mm-counter {
  top: 12px;
  margin-top: 0; }

.mm-nosubresults > em.mm-counter {
  display: none; }

.mm-menu em.mm-counter {
  color: rgba(255, 255, 255, 0.3); }

/*
	jQuery.mmenu themes extension CSS
*/
html.mm-opened.mm-light .mm-page {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

.mm-ismenu.mm-light {
  background: #f3f3f3;
  color: rgba(0, 0, 0, 0.6); }

.mm-menu.mm-light .mm-list > li:after {
  border-color: rgba(0, 0, 0, 0.1); }
.mm-menu.mm-light .mm-list > li > a.mm-subclose {
  background: rgba(255, 255, 255, 0.6);
  color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-light .mm-list > li > a.mm-subopen:after, .mm-menu.mm-light .mm-list > li > a.mm-subclose:before {
  border-color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-light .mm-list > li > a.mm-subopen:before {
  border-color: rgba(0, 0, 0, 0.1); }
.mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen),
.mm-menu.mm-light .mm-list > li.mm-selected > span {
  background: rgba(255, 255, 255, 0.6); }
.mm-menu.mm-light .mm-list > li.mm-label {
  background: rgba(0, 0, 0, 0.03); }
.mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
.mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > ul {
  background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-light .mm-search input {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-light li.mm-noresults {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light em.mm-counter {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light .mm-list li.mm-label > div > div {
  background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-light .mm-header {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-light .mm-header a:before {
    border-color: rgba(0, 0, 0, 0.3); }

html.mm-opened.mm-white .mm-page {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

.mm-ismenu.mm-white {
  background: white;
  color: rgba(0, 0, 0, 0.6); }

.mm-menu.mm-white .mm-list > li:after {
  border-color: rgba(0, 0, 0, 0.1); }
.mm-menu.mm-white .mm-list > li > a.mm-subclose {
  background: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-white .mm-list > li > a.mm-subopen:after, .mm-menu.mm-white .mm-list > li > a.mm-subclose:before {
  border-color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-white .mm-list > li > a.mm-subopen:before {
  border-color: rgba(0, 0, 0, 0.1); }
.mm-menu.mm-white .mm-list > li.mm-selected > a:not(.mm-subopen),
.mm-menu.mm-white .mm-list > li.mm-selected > span {
  background: rgba(0, 0, 0, 0.06); }
.mm-menu.mm-white .mm-list > li.mm-label {
  background: rgba(0, 0, 0, 0.03); }
.mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
.mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > ul {
  background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-white .mm-search input {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-white li.mm-noresults {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white em.mm-counter {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white .mm-list li.mm-label > div > div {
  background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-white .mm-header {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-white .mm-header a:before {
    border-color: rgba(0, 0, 0, 0.3); }

html.mm-opened.mm-black .mm-page {
  box-shadow: none; }

.mm-ismenu.mm-black {
  background: black;
  color: rgba(255, 255, 255, 0.6); }

.mm-menu.mm-black .mm-list > li:after {
  border-color: rgba(255, 255, 255, 0.2); }
.mm-menu.mm-black .mm-list > li > a.mm-subclose {
  background: rgba(255, 255, 255, 0.25);
  color: rgba(255, 255, 255, 0.3); }
.mm-menu.mm-black .mm-list > li > a.mm-subopen:after, .mm-menu.mm-black .mm-list > li > a.mm-subclose:before {
  border-color: rgba(255, 255, 255, 0.3); }
.mm-menu.mm-black .mm-list > li > a.mm-subopen:before {
  border-color: rgba(255, 255, 255, 0.2); }
.mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen),
.mm-menu.mm-black .mm-list > li.mm-selected > span {
  background: rgba(255, 255, 255, 0.25); }
.mm-menu.mm-black .mm-list > li.mm-label {
  background: rgba(255, 255, 255, 0.15); }
.mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
.mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > ul {
  background: rgba(255, 255, 255, 0.15); }

.mm-menu.mm-black .mm-search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.6); }
.mm-menu.mm-black li.mm-noresults {
  color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black em.mm-counter {
  color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black .mm-list li.mm-label > div > div {
  background: rgba(255, 255, 255, 0.15); }

.mm-menu.mm-black .mm-header {
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.3); }
  .mm-menu.mm-black .mm-header a:before {
    border-color: rgba(255, 255, 255, 0.3); }

/* dk_caroufredsel global styles */
.caroufredsel_skin .image_container img, .caroufredsel_thumbnails_skin .image_container img {
	vertical-align: bottom;
}
.caroufredsel > div, .caroufredsel > section, .caroufredsel_thumbnails > div {
	float: left;
}
.caroufredsel .clearfix {
	float: none;
	clear: both;
}
.caroufredsel_thumbnails_skin {
	position: relative;
}
/* Swipe 2.0, (C) Brad Birdsall 2012, MIT license */
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
/*
	jQuery Touch Optimized Sliders "R"Us
	Core CSS
*/
.tos-noanimation {
  -webkit-transition-property: none !important;
  -moz-transition-property: none !important;
  -ms-transition-property: none !important;
  -o-transition-property: none !important;
  transition-property: none !important; }

.tos-fastanimation {
  -webkit-transition-duration: 0.2s !important;
  -moz-transition-duration: 0.2s !important;
  -ms-transition-duration: 0.2s !important;
  -o-transition-duration: 0.2s !important;
  transition-duration: 0.2s !important;
  -webkit-transition-timing-function: ease-out !important;
  -moz-transition-timing-function: ease-out !important;
  -ms-transition-timing-function: ease-out !important;
  -o-transition-timing-function: ease-out !important;
  transition-timing-function: ease-out !important; }

.tos-wrapper {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -ms-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  display: none;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden; }
  .tos-wrapper.tos-opened {
    display: block; }
  .tos-wrapper.tos-opening {
    opacity: 1; }
  .tos-wrapper.tos-fixed {
    background-color: black;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9000; }
  .tos-wrapper.tos-inline {
    position: relative; }

.tos-slider {
  white-space: nowrap;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  position: relative; }

.tos-wrapper.tos-fx-slide .tos-slider {
  left: 0;
  -webkit-transition: left 0.4s ease;
  -moz-transition: left 0.4s ease;
  -ms-transition: left 0.4s ease;
  -o-transition: left 0.4s ease;
  transition: left 0.4s ease; }
.tos-wrapper.tos-fx-slide.tos-fixed .tos-slider {
  position: absolute; }

.tos-wrapper.tos-fx-fade .tos-slider {
  opacity: 1;
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -ms-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease; }

.tos-uibg {
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -ms-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  opacity: 0;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1; }

.tos-desktop .tos-wrapper:hover .tos-uibg,
.tos-touch .tos-wrapper.tos-hover .tos-uibg {
  opacity: 1; }

.tos-slide {
  -webkit-overflow-scrolling: touch;
  line-height: 1px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative; }
  .tos-slide:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px; }
  .tos-slide.tos-loading:after {
    content: '';
    border-right: 5px solid black;
    border-radius: 50%;
    display: block;
    width: 30px;
    height: 30px;
    margin: -15px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    -webkit-animation: spin 1s infinite linear;
    -moz-animation: spin 1s infinite linear;
    -ms-animation: spin 1s infinite linear;
    -o-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear; }
  .tos-slide.tos-loading > * {
    opacity: 0; }
  .tos-slide > * {
    opacity: 1;
    -webkit-transition: opacity 0.4s ease;
    -moz-transition: opacity 0.4s ease;
    -ms-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease; }

.tos-wrapper.tos-fixed .tos-slide.tos-loading:after {
  border-right-color: white; }

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg); }

  to {
    -webkit-transform: rotate(360deg); } }

@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg); }

  to {
    -moz-transform: rotate(360deg); } }

@-ms-keyframes spin {
  from {
    -ms-transform: rotate(0deg); }

  to {
    -ms-transform: rotate(360deg); } }

@-o-keyframes spin {
  from {
    -o-transform: rotate(0deg); }

  to {
    -o-transform: rotate(360deg); } }

@keyframes spin {
  from {
    transform: rotate(0deg); }

  to {
    transform: rotate(360deg); } }

.tos-slide > * {
  vertical-align: middle;
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }
.tos-slide.tos-html > div {
  white-space: normal;
  text-align: left;
  line-height: 1.5; }
  .tos-slide.tos-html > div * {
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none; }

.tos-wrapper.tos-fill .tos-slide.tos-image > img {
  max-height: none;
  max-width: none;
  min-height: 100%;
  min-width: 100%; }
.tos-wrapper.tos-fixed .tos-slide.tos-html > div {
  background-color: white;
  color: #333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  padding: 40px;
  overflow: auto; }

.tos-desktop .tos-wrapper.tos-fixed {
  background-color: rgba(0, 0, 0, 0.85); }
  .tos-desktop .tos-wrapper.tos-fixed.tos-fit .tos-slide {
    padding: 20px; }

/*
	jQuery Touch Optimized Sliders "R"Us
	Buttons addon
*/
.tos-prev,
.tos-next,
.tos-close {
  background: black;
  border-radius: 3px;
  opacity: 0;
  display: block;
  width: 40px;
  position: absolute;
  z-index: 1;
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -ms-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease; }

.tos-prev,
.tos-next {
  height: 80px;
  margin-top: -40px;
  top: 50%; }
  .tos-prev.tos-disabled,
  .tos-next.tos-disabled {
    cursor: default; }

.tos-prev {
  left: 20px; }

.tos-next {
  right: 20px; }

.tos-close {
  height: 40px;
  top: 20px;
  right: 20px; }

.tos-desktop .tos-wrapper:hover .tos-prev,
.tos-desktop .tos-wrapper:hover .tos-next,
.tos-desktop .tos-wrapper:hover .tos-close,
.tos-touch .tos-wrapper.tos-hover .tos-prev,
.tos-touch .tos-wrapper.tos-hover .tos-next,
.tos-touch .tos-wrapper.tos-hover .tos-close {
  opacity: 0.5; }
  .tos-desktop .tos-wrapper:hover .tos-prev:hover,
  .tos-desktop .tos-wrapper:hover .tos-next:hover,
  .tos-desktop .tos-wrapper:hover .tos-close:hover,
  .tos-touch .tos-wrapper.tos-hover .tos-prev:hover,
  .tos-touch .tos-wrapper.tos-hover .tos-next:hover,
  .tos-touch .tos-wrapper.tos-hover .tos-close:hover {
    opacity: 0.9; }
  .tos-desktop .tos-wrapper:hover .tos-prev.tos-disabled,
  .tos-desktop .tos-wrapper:hover .tos-next.tos-disabled,
  .tos-desktop .tos-wrapper:hover .tos-close.tos-disabled,
  .tos-touch .tos-wrapper.tos-hover .tos-prev.tos-disabled,
  .tos-touch .tos-wrapper.tos-hover .tos-next.tos-disabled,
  .tos-touch .tos-wrapper.tos-hover .tos-close.tos-disabled {
    opacity: 0.2; }

.tos-prev span,
.tos-next span,
.tos-close span:before,
.tos-close span:after {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  margin: -5px;
  position: absolute;
  top: 50%;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.tos-close span:before,
.tos-close span:after {
  width: 6px;
  height: 6px;
  margin-top: -4px;
  margin-left: 0;
  margin-right: 0; }

.tos-prev span,
.tos-close span:before {
  border-bottom: 3px solid white;
  border-left: 3px solid white;
  left: 50%; }

.tos-next span,
.tos-close span:after {
  border-top: 3px solid white;
  border-right: 3px solid white;
  right: 50%; }

.tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-prev .tos-slide, .tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-next .tos-slide, .tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-close .tos-slide {
  padding-left: 80px;
  padding-right: 80px; }

.tos-inline {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -ms-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  display: inline-block;
  margin: 0;
  position: relative;
  top: auto;
  left: auto;
  right: auto; }
  .tos-inline.tos-prev {
    margin-right: -60px; }
  .tos-inline.tos-next {
    margin-left: -60px; }

.tos-loading .tos-inline {
  opacity: 0 !important; }

.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-prev,
.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-next,
.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-close {
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  -o-transform: scale(2);
  transform: scale(2); }
.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-prev,
.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-next,
.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-close {
  -webkit-transform: scale(3);
  -moz-transform: scale(3);
  -ms-transform: scale(3);
  -o-transform: scale(3);
  transform: scale(3); }
.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-prev, .tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-prev {
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center; }
.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-next, .tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-next {
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  transform-origin: right center; }
.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-close, .tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-close {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top; }

/*
	jQuery Touch Optimized Sliders "R"Us
	Caption addon
*/
.tos-caption {
  color: white;
  text-align: center;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -ms-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  position: absolute;
  left: 0;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }
  .tos-caption.tos-disabled {
    opacity: 0 !important; }

.tos-desktop .tos-wrapper:hover .tos-caption,
.tos-touch .tos-wrapper.tos-hover .tos-caption {
  opacity: 1; }

.tos-wrapper .tos-caption {
  line-height: 20px;
  font-size: 15px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
  bottom: 20px; }
.tos-wrapper.tos-has-caption .tos-uibg {
  height: 100px; }

.tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-caption .tos-slide {
  padding-bottom: 60px; }

.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-caption {
  line-height: 40px;
  font-size: 30px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
  bottom: 40px; }
.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-caption .tos-uibg {
  height: 200px; }
.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-caption {
  line-height: 60px;
  font-size: 45px;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.8);
  bottom: 60px; }
.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-caption .tos-uibg {
  height: 300px; }

/*
	jQuery Touch Optimized Sliders "R"Us
	Drag addon
*/
.tos-wrapper.tos-fx-slide .tos-slider {
  -webkit-transition-property: left, margin;
  -moz-transition-property: left, margin;
  -ms-transition-property: left, margin;
  -o-transition-property: left, margin;
  transition-property: left, margin; }

/*
	jQuery Touch Optimized Sliders "R"Us
	Pagination addon
*/
.tos-pagination {
  text-align: center;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -ms-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1; }
  .tos-pagination a {
    display: inline-block; }
  .tos-pagination.tos-bullets a {
    background-color: rgba(255, 255, 255, 0.2); }
    .tos-pagination.tos-bullets a:hover {
      background-color: rgba(255, 255, 255, 0.5); }
    .tos-pagination.tos-bullets a.tos-selected {
      background-color: rgba(255, 255, 255, 0.9); }

.tos-desktop .tos-wrapper:hover .tos-pagination,
.tos-touch .tos-wrapper.tos-hover .tos-pagination {
  opacity: 1; }

.tos-wrapper .tos-pagination {
  padding: 0 0 20px 0; }
.tos-wrapper.tos-has-bullets .tos-pagination {
  height: 10px; }
  .tos-wrapper.tos-has-bullets .tos-pagination a {
    border-radius: 10px;
    width: 10px;
    height: 10px;
    margin: 0 5px; }
.tos-wrapper.tos-has-bullets .tos-caption {
  bottom: 40px; }
.tos-wrapper.tos-has-bullets .tos-uibg {
  height: 90px; }
.tos-wrapper.tos-has-bullets.tos-has-caption .tos-uibg {
  height: 130px; }
.tos-wrapper.tos-has-thumbnails .tos-pagination {
  height: 50px; }
  .tos-wrapper.tos-has-thumbnails .tos-pagination a {
    background-position: center center;
    background-size: cover;
    width: 50px;
    height: 50px;
    margin: 0 5px; }
.tos-wrapper.tos-has-thumbnails .tos-caption {
  bottom: 80px; }
.tos-wrapper.tos-has-thumbnails .tos-uibg {
  height: 130px; }
.tos-wrapper.tos-has-thumbnails.tos-has-caption .tos-uibg {
  height: 170px; }

.tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-bullets .tos-slide {
  padding-bottom: 50px; }
.tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-bullets.tos-has-caption .tos-slide {
  padding-bottom: 80px; }
.tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-thumbnails .tos-slide {
  padding-bottom: 90px; }
.tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-thumbnails.tos-has-caption .tos-slide {
  padding-bottom: 120px; }

.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-pagination {
  padding: 0 0 40px 0; }
.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-bullets .tos-pagination {
  height: 20px; }
  .tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-bullets .tos-pagination a {
    border-radius: 20px;
    width: 20px;
    height: 20px;
    margin: 0 10px; }
.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-bullets .tos-caption {
  bottom: 80px; }
.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-bullets .tos-uibg {
  height: 180px; }
.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-bullets.tos-has-caption .tos-uibg {
  height: 260px; }
.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-thumbnails .tos-pagination {
  height: 100px; }
  .tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-thumbnails .tos-pagination a {
    background-position: center center;
    background-size: cover;
    width: 100px;
    height: 100px;
    margin: 0 10px; }
.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-thumbnails .tos-caption {
  bottom: 160px; }
.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-thumbnails .tos-uibg {
  height: 260px; }
.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-thumbnails.tos-has-caption .tos-uibg {
  height: 340px; }
.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-pagination {
  padding: 0 0 60px 0; }
.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-bullets .tos-pagination {
  height: 30px; }
  .tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-bullets .tos-pagination a {
    border-radius: 30px;
    width: 30px;
    height: 30px;
    margin: 0 15px; }
.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-bullets .tos-caption {
  bottom: 120px; }
.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-bullets .tos-uibg {
  height: 270px; }
.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-bullets.tos-has-caption .tos-uibg {
  height: 390px; }
.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-thumbnails .tos-pagination {
  height: 150px; }
  .tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-thumbnails .tos-pagination a {
    background-position: center center;
    background-size: cover;
    width: 150px;
    height: 150px;
    margin: 0 15px; }
.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-thumbnails .tos-caption {
  bottom: 240px; }
.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-thumbnails .tos-uibg {
  height: 390px; }
.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-thumbnails.tos-has-caption .tos-uibg {
  height: 510px; }

/*
	jQuery Touch Optimized Sliders "R"Us
	Youtube media
*/
.tos-play {
  background: black;
  opacity: 0;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -ms-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease; }
  .tos-play:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%; }

.tos-desktop .tos-wrapper:hover .tos-play,
.tos-touch .tos-wrapper.tos-hover .tos-play {
  opacity: 0.5; }
  .tos-desktop .tos-wrapper:hover .tos-play:hover,
  .tos-touch .tos-wrapper.tos-hover .tos-play:hover {
    opacity: 0.9; }

.tos-wrapper .tos-play {
  border-radius: 80px;
  width: 80px;
  height: 80px;
  margin: -40px; }
  .tos-wrapper .tos-play:after {
    border: 20px solid transparent;
    border-left-color: white;
    border-left-width: 30px;
    margin-top: -20px;
    margin-left: -10.5px; }

.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-play {
  border-radius: 160px;
  width: 160px;
  height: 160px;
  margin: -80px; }
  .tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-play:after {
    border: 40px solid transparent;
    border-left-color: white;
    border-left-width: 60px;
    margin-top: -40px;
    margin-left: -21px; }
.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-play {
  border-radius: 240px;
  width: 240px;
  height: 240px;
  margin: -120px; }
  .tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-play:after {
    border: 60px solid transparent;
    border-left-color: white;
    border-left-width: 90px;
    margin-top: -60px;
    margin-left: -31.5px; }

/*########## grid ##########*/
/*### px                ###*/
/* Breite vergeben um responsive zu deaktivieren */
/*### px | % | .. 		###*/
/* Breit der Inhaltscontainer*/
/*### max 24 	###*/
/*### 1 bis 5 	###*/
/*### 1 bis 5 	###*/
/*### alles < 480px, max-width:479px ###*/
/*### von 480px bis 768px, max-width:767px ###*/
/*### von 768px bis 1024px, max-width:1023px ###*/
/*### alles > 1024px, no query needed ###*/
/* Smartphones (portrait and landscape): 320px and 480px */
/* iPads (portrait and landscape): 768px and 1024px */
/* Notebooks, Desktops, larger Screens > 1024px begrenzt durch maxwidth (s.o.) */
/* gridbreiten ohne padding und border (box-sizing:border-box) */
/*### 1 | 0 	###*/
/*### px | % | .. 		###*/
/* Paddingschrittweite, wird nur be box-sizing: 1 verwendet; */
/*
Hinweis zur Klassenvergabe in Elementen:

Wurden p oder m Klassen in einer Stufe gesetzt (z.B. in "large"),
MUESSEN sie in einer niedereren Stufe (z.B. "medium") ueberschrieben werden, sonst entstehen Fehler.

*/
.mod_article > * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; width: 100%; }

*[class*="large"], *[class*="medium"], *[class*="small"], *[class*="xsmall"] { float: left; display: inline; margin-right: 0; padding-left: 0; padding-right: 0; }

/* PADDING KLASSEN */
.lp0 { padding: 0px; }

.lp1 { padding: 5px; }

.lp2 { padding: 10px; }

.lp3 { padding: 15px; }

.lp4 { padding: 20px; }

/* MARGIN KLASSEN */
.lm0 { margin-right: 0%; }

.lm1 { margin-right: 1.38889%; }

.lm2 { margin-right: 2.77778%; }

.lm3 { margin-right: 4.16667%; }

/* GRID UND OFFSET KLASSEN */
.large0 { display: none; }

.large1 { width: 4.16667%; }

.loffset1 { margin-left: 4.16667%; }

.large2 { width: 8.33333%; }

.loffset2 { margin-left: 8.33333%; }

.large3 { width: 12.5%; }

.loffset3 { margin-left: 12.5%; }

.large4 { width: 16.66667%; }

.loffset4 { margin-left: 16.66667%; }

.large5 { width: 20.83333%; }

.loffset5 { margin-left: 20.83333%; }

.large6 { width: 25%; }

.loffset6 { margin-left: 25%; }

.large7 { width: 29.16667%; }

.loffset7 { margin-left: 29.16667%; }

.large8 { width: 33.33333%; }

.loffset8 { margin-left: 33.33333%; }

.large9 { width: 37.5%; }

.loffset9 { margin-left: 37.5%; }

.large10 { width: 41.66667%; }

.loffset10 { margin-left: 41.66667%; }

.large11 { width: 45.83333%; }

.loffset11 { margin-left: 45.83333%; }

.large12 { width: 50%; }

.loffset12 { margin-left: 50%; }

.large13 { width: 54.16667%; }

.loffset13 { margin-left: 54.16667%; }

.large14 { width: 58.33333%; }

.loffset14 { margin-left: 58.33333%; }

.large15 { width: 62.5%; }

.loffset15 { margin-left: 62.5%; }

.large16 { width: 66.66667%; }

.loffset16 { margin-left: 66.66667%; }

.large17 { width: 70.83333%; }

.loffset17 { margin-left: 70.83333%; }

.large18 { width: 75%; }

.loffset18 { margin-left: 75%; }

.large19 { width: 79.16667%; }

.loffset19 { margin-left: 79.16667%; }

.large20 { width: 83.33333%; }

.loffset20 { margin-left: 83.33333%; }

.large21 { width: 87.5%; }

.loffset21 { margin-left: 87.5%; }

.large22 { width: 91.66667%; }

.loffset22 { margin-left: 91.66667%; }

.large23 { width: 95.83333%; }

.loffset23 { margin-left: 95.83333%; }

.large24 { width: 100%; }

.loffset24 { margin-left: 100%; }

/* BREITEN DER GRID KLASSEN ANPASSEN */
.large1.lm0 { width: 4.16667%; }

.large1.lm1 { width: 2.77778%; }

.large1.lm2 { width: 1.38889%; }

.large1.lm3 { width: 0%; }

.large2.lm0 { width: 8.33333%; }

.large2.lm1 { width: 6.94444%; }

.large2.lm2 { width: 5.55556%; }

.large2.lm3 { width: 4.16667%; }

.large3.lm0 { width: 12.5%; }

.large3.lm1 { width: 11.11111%; }

.large3.lm2 { width: 9.72222%; }

.large3.lm3 { width: 8.33333%; }

.large4.lm0 { width: 16.66667%; }

.large4.lm1 { width: 15.27778%; }

.large4.lm2 { width: 13.88889%; }

.large4.lm3 { width: 12.5%; }

.large5.lm0 { width: 20.83333%; }

.large5.lm1 { width: 19.44444%; }

.large5.lm2 { width: 18.05556%; }

.large5.lm3 { width: 16.66667%; }

.large6.lm0 { width: 25%; }

.large6.lm1 { width: 23.61111%; }

.large6.lm2 { width: 22.22222%; }

.large6.lm3 { width: 20.83333%; }

.large7.lm0 { width: 29.16667%; }

.large7.lm1 { width: 27.77778%; }

.large7.lm2 { width: 26.38889%; }

.large7.lm3 { width: 25%; }

.large8.lm0 { width: 33.33333%; }

.large8.lm1 { width: 31.94444%; }

.large8.lm2 { width: 30.55556%; }

.large8.lm3 { width: 29.16667%; }

.large9.lm0 { width: 37.5%; }

.large9.lm1 { width: 36.11111%; }

.large9.lm2 { width: 34.72222%; }

.large9.lm3 { width: 33.33333%; }

.large10.lm0 { width: 41.66667%; }

.large10.lm1 { width: 40.27778%; }

.large10.lm2 { width: 38.88889%; }

.large10.lm3 { width: 37.5%; }

.large11.lm0 { width: 45.83333%; }

.large11.lm1 { width: 44.44444%; }

.large11.lm2 { width: 43.05556%; }

.large11.lm3 { width: 41.66667%; }

.large12.lm0 { width: 50%; }

.large12.lm1 { width: 48.61111%; }

.large12.lm2 { width: 47.22222%; }

.large12.lm3 { width: 45.83333%; }

.large13.lm0 { width: 54.16667%; }

.large13.lm1 { width: 52.77778%; }

.large13.lm2 { width: 51.38889%; }

.large13.lm3 { width: 50%; }

.large14.lm0 { width: 58.33333%; }

.large14.lm1 { width: 56.94444%; }

.large14.lm2 { width: 55.55556%; }

.large14.lm3 { width: 54.16667%; }

.large15.lm0 { width: 62.5%; }

.large15.lm1 { width: 61.11111%; }

.large15.lm2 { width: 59.72222%; }

.large15.lm3 { width: 58.33333%; }

.large16.lm0 { width: 66.66667%; }

.large16.lm1 { width: 65.27778%; }

.large16.lm2 { width: 63.88889%; }

.large16.lm3 { width: 62.5%; }

.large17.lm0 { width: 70.83333%; }

.large17.lm1 { width: 69.44444%; }

.large17.lm2 { width: 68.05556%; }

.large17.lm3 { width: 66.66667%; }

.large18.lm0 { width: 75%; }

.large18.lm1 { width: 73.61111%; }

.large18.lm2 { width: 72.22222%; }

.large18.lm3 { width: 70.83333%; }

.large19.lm0 { width: 79.16667%; }

.large19.lm1 { width: 77.77778%; }

.large19.lm2 { width: 76.38889%; }

.large19.lm3 { width: 75%; }

.large20.lm0 { width: 83.33333%; }

.large20.lm1 { width: 81.94444%; }

.large20.lm2 { width: 80.55556%; }

.large20.lm3 { width: 79.16667%; }

.large21.lm0 { width: 87.5%; }

.large21.lm1 { width: 86.11111%; }

.large21.lm2 { width: 84.72222%; }

.large21.lm3 { width: 83.33333%; }

.large22.lm0 { width: 91.66667%; }

.large22.lm1 { width: 90.27778%; }

.large22.lm2 { width: 88.88889%; }

.large22.lm3 { width: 87.5%; }

.large23.lm0 { width: 95.83333%; }

.large23.lm1 { width: 94.44444%; }

.large23.lm2 { width: 93.05556%; }

.large23.lm3 { width: 91.66667%; }

.large24.lm0 { width: 100%; }

.large24.lm1 { width: 98.61111%; }

.large24.lm2 { width: 97.22222%; }

.large24.lm3 { width: 95.83333%; }

/* OHNE BOXSIZING = BORDER-BOX WIRKT SICH PADDING AUF WIDTH AUS */
@media (max-width: 1023px) { /* GRID UND OFFSET KLASSEN */
  *[class*="medium"] { display: inline; }
  .medium0 { display: none; }
  .medium1 { width: 4.16667%; }
  .moffset1 { margin-left: 4.16667%; }
  .moffset0 { margin-left: 0; }
  .medium2 { width: 8.33333%; }
  .moffset2 { margin-left: 8.33333%; }
  .moffset0 { margin-left: 0; }
  .medium3 { width: 12.5%; }
  .moffset3 { margin-left: 12.5%; }
  .moffset0 { margin-left: 0; }
  .medium4 { width: 16.66667%; }
  .moffset4 { margin-left: 16.66667%; }
  .moffset0 { margin-left: 0; }
  .medium5 { width: 20.83333%; }
  .moffset5 { margin-left: 20.83333%; }
  .moffset0 { margin-left: 0; }
  .medium6 { width: 25%; }
  .moffset6 { margin-left: 25%; }
  .moffset0 { margin-left: 0; }
  .medium7 { width: 29.16667%; }
  .moffset7 { margin-left: 29.16667%; }
  .moffset0 { margin-left: 0; }
  .medium8 { width: 33.33333%; }
  .moffset8 { margin-left: 33.33333%; }
  .moffset0 { margin-left: 0; }
  .medium9 { width: 37.5%; }
  .moffset9 { margin-left: 37.5%; }
  .moffset0 { margin-left: 0; }
  .medium10 { width: 41.66667%; }
  .moffset10 { margin-left: 41.66667%; }
  .moffset0 { margin-left: 0; }
  .medium11 { width: 45.83333%; }
  .moffset11 { margin-left: 45.83333%; }
  .moffset0 { margin-left: 0; }
  .medium12 { width: 50%; }
  .moffset12 { margin-left: 50%; }
  .moffset0 { margin-left: 0; }
  .medium13 { width: 54.16667%; }
  .moffset13 { margin-left: 54.16667%; }
  .moffset0 { margin-left: 0; }
  .medium14 { width: 58.33333%; }
  .moffset14 { margin-left: 58.33333%; }
  .moffset0 { margin-left: 0; }
  .medium15 { width: 62.5%; }
  .moffset15 { margin-left: 62.5%; }
  .moffset0 { margin-left: 0; }
  .medium16 { width: 66.66667%; }
  .moffset16 { margin-left: 66.66667%; }
  .moffset0 { margin-left: 0; }
  .medium17 { width: 70.83333%; }
  .moffset17 { margin-left: 70.83333%; }
  .moffset0 { margin-left: 0; }
  .medium18 { width: 75%; }
  .moffset18 { margin-left: 75%; }
  .moffset0 { margin-left: 0; }
  .medium19 { width: 79.16667%; }
  .moffset19 { margin-left: 79.16667%; }
  .moffset0 { margin-left: 0; }
  .medium20 { width: 83.33333%; }
  .moffset20 { margin-left: 83.33333%; }
  .moffset0 { margin-left: 0; }
  .medium21 { width: 87.5%; }
  .moffset21 { margin-left: 87.5%; }
  .moffset0 { margin-left: 0; }
  .medium22 { width: 91.66667%; }
  .moffset22 { margin-left: 91.66667%; }
  .moffset0 { margin-left: 0; }
  .medium23 { width: 95.83333%; }
  .moffset23 { margin-left: 95.83333%; }
  .moffset0 { margin-left: 0; }
  .medium24 { width: 100%; }
  .moffset24 { margin-left: 100%; }
  .moffset0 { margin-left: 0; }
  /* PADDING KLASSEN */
  .mp0 { padding: 0px; }
  .mp1 { padding: 5px; }
  .mp2 { padding: 10px; }
  .mp3 { padding: 15px; }
  .mp4 { padding: 20px; }
  /* MARGIN KLASSEN */
  .mm0 { margin-right: 0%; }
  .mm1 { margin-right: 1.38889%; }
  .mm2 { margin-right: 2.77778%; }
  .mm3 { margin-right: 4.16667%; }
  /* BREITEN DER GRID KLASSEN ANPASSEN */
  .medium1.mm0 { width: 4.16667%; }
  .medium1.mm1 { width: 2.77778%; }
  .medium1.mm2 { width: 1.38889%; }
  .medium1.mm3 { width: 0%; }
  .medium2.mm0 { width: 8.33333%; }
  .medium2.mm1 { width: 6.94444%; }
  .medium2.mm2 { width: 5.55556%; }
  .medium2.mm3 { width: 4.16667%; }
  .medium3.mm0 { width: 12.5%; }
  .medium3.mm1 { width: 11.11111%; }
  .medium3.mm2 { width: 9.72222%; }
  .medium3.mm3 { width: 8.33333%; }
  .medium4.mm0 { width: 16.66667%; }
  .medium4.mm1 { width: 15.27778%; }
  .medium4.mm2 { width: 13.88889%; }
  .medium4.mm3 { width: 12.5%; }
  .medium5.mm0 { width: 20.83333%; }
  .medium5.mm1 { width: 19.44444%; }
  .medium5.mm2 { width: 18.05556%; }
  .medium5.mm3 { width: 16.66667%; }
  .medium6.mm0 { width: 25%; }
  .medium6.mm1 { width: 23.61111%; }
  .medium6.mm2 { width: 22.22222%; }
  .medium6.mm3 { width: 20.83333%; }
  .medium7.mm0 { width: 29.16667%; }
  .medium7.mm1 { width: 27.77778%; }
  .medium7.mm2 { width: 26.38889%; }
  .medium7.mm3 { width: 25%; }
  .medium8.mm0 { width: 33.33333%; }
  .medium8.mm1 { width: 31.94444%; }
  .medium8.mm2 { width: 30.55556%; }
  .medium8.mm3 { width: 29.16667%; }
  .medium9.mm0 { width: 37.5%; }
  .medium9.mm1 { width: 36.11111%; }
  .medium9.mm2 { width: 34.72222%; }
  .medium9.mm3 { width: 33.33333%; }
  .medium10.mm0 { width: 41.66667%; }
  .medium10.mm1 { width: 40.27778%; }
  .medium10.mm2 { width: 38.88889%; }
  .medium10.mm3 { width: 37.5%; }
  .medium11.mm0 { width: 45.83333%; }
  .medium11.mm1 { width: 44.44444%; }
  .medium11.mm2 { width: 43.05556%; }
  .medium11.mm3 { width: 41.66667%; }
  .medium12.mm0 { width: 50%; }
  .medium12.mm1 { width: 48.61111%; }
  .medium12.mm2 { width: 47.22222%; }
  .medium12.mm3 { width: 45.83333%; }
  .medium13.mm0 { width: 54.16667%; }
  .medium13.mm1 { width: 52.77778%; }
  .medium13.mm2 { width: 51.38889%; }
  .medium13.mm3 { width: 50%; }
  .medium14.mm0 { width: 58.33333%; }
  .medium14.mm1 { width: 56.94444%; }
  .medium14.mm2 { width: 55.55556%; }
  .medium14.mm3 { width: 54.16667%; }
  .medium15.mm0 { width: 62.5%; }
  .medium15.mm1 { width: 61.11111%; }
  .medium15.mm2 { width: 59.72222%; }
  .medium15.mm3 { width: 58.33333%; }
  .medium16.mm0 { width: 66.66667%; }
  .medium16.mm1 { width: 65.27778%; }
  .medium16.mm2 { width: 63.88889%; }
  .medium16.mm3 { width: 62.5%; }
  .medium17.mm0 { width: 70.83333%; }
  .medium17.mm1 { width: 69.44444%; }
  .medium17.mm2 { width: 68.05556%; }
  .medium17.mm3 { width: 66.66667%; }
  .medium18.mm0 { width: 75%; }
  .medium18.mm1 { width: 73.61111%; }
  .medium18.mm2 { width: 72.22222%; }
  .medium18.mm3 { width: 70.83333%; }
  .medium19.mm0 { width: 79.16667%; }
  .medium19.mm1 { width: 77.77778%; }
  .medium19.mm2 { width: 76.38889%; }
  .medium19.mm3 { width: 75%; }
  .medium20.mm0 { width: 83.33333%; }
  .medium20.mm1 { width: 81.94444%; }
  .medium20.mm2 { width: 80.55556%; }
  .medium20.mm3 { width: 79.16667%; }
  .medium21.mm0 { width: 87.5%; }
  .medium21.mm1 { width: 86.11111%; }
  .medium21.mm2 { width: 84.72222%; }
  .medium21.mm3 { width: 83.33333%; }
  .medium22.mm0 { width: 91.66667%; }
  .medium22.mm1 { width: 90.27778%; }
  .medium22.mm2 { width: 88.88889%; }
  .medium22.mm3 { width: 87.5%; }
  .medium23.mm0 { width: 95.83333%; }
  .medium23.mm1 { width: 94.44444%; }
  .medium23.mm2 { width: 93.05556%; }
  .medium23.mm3 { width: 91.66667%; }
  .medium24.mm0 { width: 100%; }
  .medium24.mm1 { width: 98.61111%; }
  .medium24.mm2 { width: 97.22222%; }
  .medium24.mm3 { width: 95.83333%; }
  /* OHNE BOXSIZING = BORDER-BOX WIRKT SICH PADDING AUF WIDTH AUS */ }
@media (max-width: 767px) { /* GRID UND OFFSET KLASSEN */
  *[class*="small"] { display: inline; }
  .small0 { display: none; }
  .small1 { width: 4.16667%; }
  .soffset1 { margin-left: 4.16667%; }
  .soffset0 { margin-left: 0; }
  .small2 { width: 8.33333%; }
  .soffset2 { margin-left: 8.33333%; }
  .soffset0 { margin-left: 0; }
  .small3 { width: 12.5%; }
  .soffset3 { margin-left: 12.5%; }
  .soffset0 { margin-left: 0; }
  .small4 { width: 16.66667%; }
  .soffset4 { margin-left: 16.66667%; }
  .soffset0 { margin-left: 0; }
  .small5 { width: 20.83333%; }
  .soffset5 { margin-left: 20.83333%; }
  .soffset0 { margin-left: 0; }
  .small6 { width: 25%; }
  .soffset6 { margin-left: 25%; }
  .soffset0 { margin-left: 0; }
  .small7 { width: 29.16667%; }
  .soffset7 { margin-left: 29.16667%; }
  .soffset0 { margin-left: 0; }
  .small8 { width: 33.33333%; }
  .soffset8 { margin-left: 33.33333%; }
  .soffset0 { margin-left: 0; }
  .small9 { width: 37.5%; }
  .soffset9 { margin-left: 37.5%; }
  .soffset0 { margin-left: 0; }
  .small10 { width: 41.66667%; }
  .soffset10 { margin-left: 41.66667%; }
  .soffset0 { margin-left: 0; }
  .small11 { width: 45.83333%; }
  .soffset11 { margin-left: 45.83333%; }
  .soffset0 { margin-left: 0; }
  .small12 { width: 50%; }
  .soffset12 { margin-left: 50%; }
  .soffset0 { margin-left: 0; }
  .small13 { width: 54.16667%; }
  .soffset13 { margin-left: 54.16667%; }
  .soffset0 { margin-left: 0; }
  .small14 { width: 58.33333%; }
  .soffset14 { margin-left: 58.33333%; }
  .soffset0 { margin-left: 0; }
  .small15 { width: 62.5%; }
  .soffset15 { margin-left: 62.5%; }
  .soffset0 { margin-left: 0; }
  .small16 { width: 66.66667%; }
  .soffset16 { margin-left: 66.66667%; }
  .soffset0 { margin-left: 0; }
  .small17 { width: 70.83333%; }
  .soffset17 { margin-left: 70.83333%; }
  .soffset0 { margin-left: 0; }
  .small18 { width: 75%; }
  .soffset18 { margin-left: 75%; }
  .soffset0 { margin-left: 0; }
  .small19 { width: 79.16667%; }
  .soffset19 { margin-left: 79.16667%; }
  .soffset0 { margin-left: 0; }
  .small20 { width: 83.33333%; }
  .soffset20 { margin-left: 83.33333%; }
  .soffset0 { margin-left: 0; }
  .small21 { width: 87.5%; }
  .soffset21 { margin-left: 87.5%; }
  .soffset0 { margin-left: 0; }
  .small22 { width: 91.66667%; }
  .soffset22 { margin-left: 91.66667%; }
  .soffset0 { margin-left: 0; }
  .small23 { width: 95.83333%; }
  .soffset23 { margin-left: 95.83333%; }
  .soffset0 { margin-left: 0; }
  .small24 { width: 100%; }
  .soffset24 { margin-left: 100%; }
  .soffset0 { margin-left: 0; }
  /* PADDING KLASSEN */
  .sp0 { padding: 0px; }
  .sp1 { padding: 5px; }
  .sp2 { padding: 10px; }
  .sp3 { padding: 15px; }
  .sp4 { padding: 20px; }
  /* MARGIN KLASSEN */
  .sm0 { margin-right: 0%; }
  .sm1 { margin-right: 1.38889%; }
  .sm2 { margin-right: 2.77778%; }
  .sm3 { margin-right: 4.16667%; }
  /* BREITEN DER GRID KLASSEN ANPASSEN */
  .small1.sm0 { width: 4.16667%; }
  .small1.sm1 { width: 2.77778%; }
  .small1.sm2 { width: 1.38889%; }
  .small1.sm3 { width: 0%; }
  .small2.sm0 { width: 8.33333%; }
  .small2.sm1 { width: 6.94444%; }
  .small2.sm2 { width: 5.55556%; }
  .small2.sm3 { width: 4.16667%; }
  .small3.sm0 { width: 12.5%; }
  .small3.sm1 { width: 11.11111%; }
  .small3.sm2 { width: 9.72222%; }
  .small3.sm3 { width: 8.33333%; }
  .small4.sm0 { width: 16.66667%; }
  .small4.sm1 { width: 15.27778%; }
  .small4.sm2 { width: 13.88889%; }
  .small4.sm3 { width: 12.5%; }
  .small5.sm0 { width: 20.83333%; }
  .small5.sm1 { width: 19.44444%; }
  .small5.sm2 { width: 18.05556%; }
  .small5.sm3 { width: 16.66667%; }
  .small6.sm0 { width: 25%; }
  .small6.sm1 { width: 23.61111%; }
  .small6.sm2 { width: 22.22222%; }
  .small6.sm3 { width: 20.83333%; }
  .small7.sm0 { width: 29.16667%; }
  .small7.sm1 { width: 27.77778%; }
  .small7.sm2 { width: 26.38889%; }
  .small7.sm3 { width: 25%; }
  .small8.sm0 { width: 33.33333%; }
  .small8.sm1 { width: 31.94444%; }
  .small8.sm2 { width: 30.55556%; }
  .small8.sm3 { width: 29.16667%; }
  .small9.sm0 { width: 37.5%; }
  .small9.sm1 { width: 36.11111%; }
  .small9.sm2 { width: 34.72222%; }
  .small9.sm3 { width: 33.33333%; }
  .small10.sm0 { width: 41.66667%; }
  .small10.sm1 { width: 40.27778%; }
  .small10.sm2 { width: 38.88889%; }
  .small10.sm3 { width: 37.5%; }
  .small11.sm0 { width: 45.83333%; }
  .small11.sm1 { width: 44.44444%; }
  .small11.sm2 { width: 43.05556%; }
  .small11.sm3 { width: 41.66667%; }
  .small12.sm0 { width: 50%; }
  .small12.sm1 { width: 48.61111%; }
  .small12.sm2 { width: 47.22222%; }
  .small12.sm3 { width: 45.83333%; }
  .small13.sm0 { width: 54.16667%; }
  .small13.sm1 { width: 52.77778%; }
  .small13.sm2 { width: 51.38889%; }
  .small13.sm3 { width: 50%; }
  .small14.sm0 { width: 58.33333%; }
  .small14.sm1 { width: 56.94444%; }
  .small14.sm2 { width: 55.55556%; }
  .small14.sm3 { width: 54.16667%; }
  .small15.sm0 { width: 62.5%; }
  .small15.sm1 { width: 61.11111%; }
  .small15.sm2 { width: 59.72222%; }
  .small15.sm3 { width: 58.33333%; }
  .small16.sm0 { width: 66.66667%; }
  .small16.sm1 { width: 65.27778%; }
  .small16.sm2 { width: 63.88889%; }
  .small16.sm3 { width: 62.5%; }
  .small17.sm0 { width: 70.83333%; }
  .small17.sm1 { width: 69.44444%; }
  .small17.sm2 { width: 68.05556%; }
  .small17.sm3 { width: 66.66667%; }
  .small18.sm0 { width: 75%; }
  .small18.sm1 { width: 73.61111%; }
  .small18.sm2 { width: 72.22222%; }
  .small18.sm3 { width: 70.83333%; }
  .small19.sm0 { width: 79.16667%; }
  .small19.sm1 { width: 77.77778%; }
  .small19.sm2 { width: 76.38889%; }
  .small19.sm3 { width: 75%; }
  .small20.sm0 { width: 83.33333%; }
  .small20.sm1 { width: 81.94444%; }
  .small20.sm2 { width: 80.55556%; }
  .small20.sm3 { width: 79.16667%; }
  .small21.sm0 { width: 87.5%; }
  .small21.sm1 { width: 86.11111%; }
  .small21.sm2 { width: 84.72222%; }
  .small21.sm3 { width: 83.33333%; }
  .small22.sm0 { width: 91.66667%; }
  .small22.sm1 { width: 90.27778%; }
  .small22.sm2 { width: 88.88889%; }
  .small22.sm3 { width: 87.5%; }
  .small23.sm0 { width: 95.83333%; }
  .small23.sm1 { width: 94.44444%; }
  .small23.sm2 { width: 93.05556%; }
  .small23.sm3 { width: 91.66667%; }
  .small24.sm0 { width: 100%; }
  .small24.sm1 { width: 98.61111%; }
  .small24.sm2 { width: 97.22222%; }
  .small24.sm3 { width: 95.83333%; }
  /* OHNE BOXSIZING = BORDER-BOX WIRKT SICH PADDING AUF WIDTH AUS */
  .small0 { display: none !important; } }
@media (max-width: 559px) { /* GRID UND OFFSET KLASSEN */
  .xsmall0 { display: none; }
  .xsmall1 { width: 4.16667% !important; }
  .xsoffset1 { margin-left: 4.16667%; }
  .xsoffset0 { margin-left: 0; }
  .xsmall2 { width: 8.33333% !important; }
  .xsoffset2 { margin-left: 8.33333%; }
  .xsoffset0 { margin-left: 0; }
  .xsmall3 { width: 12.5% !important; }
  .xsoffset3 { margin-left: 12.5%; }
  .xsoffset0 { margin-left: 0; }
  .xsmall4 { width: 16.66667% !important; }
  .xsoffset4 { margin-left: 16.66667%; }
  .xsoffset0 { margin-left: 0; }
  .xsmall5 { width: 20.83333% !important; }
  .xsoffset5 { margin-left: 20.83333%; }
  .xsoffset0 { margin-left: 0; }
  .xsmall6 { width: 25% !important; }
  .xsoffset6 { margin-left: 25%; }
  .xsoffset0 { margin-left: 0; }
  .xsmall7 { width: 29.16667% !important; }
  .xsoffset7 { margin-left: 29.16667%; }
  .xsoffset0 { margin-left: 0; }
  .xsmall8 { width: 33.33333% !important; }
  .xsoffset8 { margin-left: 33.33333%; }
  .xsoffset0 { margin-left: 0; }
  .xsmall9 { width: 37.5% !important; }
  .xsoffset9 { margin-left: 37.5%; }
  .xsoffset0 { margin-left: 0; }
  .xsmall10 { width: 41.66667% !important; }
  .xsoffset10 { margin-left: 41.66667%; }
  .xsoffset0 { margin-left: 0; }
  .xsmall11 { width: 45.83333% !important; }
  .xsoffset11 { margin-left: 45.83333%; }
  .xsoffset0 { margin-left: 0; }
  .xsmall12 { width: 50% !important; }
  .xsoffset12 { margin-left: 50%; }
  .xsoffset0 { margin-left: 0; }
  .xsmall13 { width: 54.16667% !important; }
  .xsoffset13 { margin-left: 54.16667%; }
  .xsoffset0 { margin-left: 0; }
  .xsmall14 { width: 58.33333% !important; }
  .xsoffset14 { margin-left: 58.33333%; }
  .xsoffset0 { margin-left: 0; }
  .xsmall15 { width: 62.5% !important; }
  .xsoffset15 { margin-left: 62.5%; }
  .xsoffset0 { margin-left: 0; }
  .xsmall16 { width: 66.66667% !important; }
  .xsoffset16 { margin-left: 66.66667%; }
  .xsoffset0 { margin-left: 0; }
  .xsmall17 { width: 70.83333% !important; }
  .xsoffset17 { margin-left: 70.83333%; }
  .xsoffset0 { margin-left: 0; }
  .xsmall18 { width: 75% !important; }
  .xsoffset18 { margin-left: 75%; }
  .xsoffset0 { margin-left: 0; }
  .xsmall19 { width: 79.16667% !important; }
  .xsoffset19 { margin-left: 79.16667%; }
  .xsoffset0 { margin-left: 0; }
  .xsmall20 { width: 83.33333% !important; }
  .xsoffset20 { margin-left: 83.33333%; }
  .xsoffset0 { margin-left: 0; }
  .xsmall21 { width: 87.5% !important; }
  .xsoffset21 { margin-left: 87.5%; }
  .xsoffset0 { margin-left: 0; }
  .xsmall22 { width: 91.66667% !important; }
  .xsoffset22 { margin-left: 91.66667%; }
  .xsoffset0 { margin-left: 0; }
  .xsmall23 { width: 95.83333% !important; }
  .xsoffset23 { margin-left: 95.83333%; }
  .xsoffset0 { margin-left: 0; }
  .xsmall24 { width: 100% !important; }
  .xsoffset24 { margin-left: 100%; }
  .xsoffset0 { margin-left: 0; }
  /* PADDING KLASSEN */
  .xsp0 { padding: 0px; }
  .xsp1 { padding: 5px; }
  .xsp2 { padding: 10px; }
  .xsp3 { padding: 15px; }
  .xsp4 { padding: 20px; }
  /* MARGIN KLASSEN */
  .xsm0 { margin-right: 0%; }
  .xsm1 { margin-right: 1.38889%; }
  .xsm2 { margin-right: 2.77778%; }
  .xsm3 { margin-right: 4.16667%; }
  /* BREITEN DER GRID KLASSEN ANPASSEN */
  .xsmall1.xsm0 { width: 4.16667% !important; }
  .xsmall1.xsm1 { width: 2.77778% !important; }
  .xsmall1.xsm2 { width: 1.38889% !important; }
  .xsmall1.xsm3 { width: 0% !important; }
  .xsmall2.xsm0 { width: 8.33333% !important; }
  .xsmall2.xsm1 { width: 6.94444% !important; }
  .xsmall2.xsm2 { width: 5.55556% !important; }
  .xsmall2.xsm3 { width: 4.16667% !important; }
  .xsmall3.xsm0 { width: 12.5% !important; }
  .xsmall3.xsm1 { width: 11.11111% !important; }
  .xsmall3.xsm2 { width: 9.72222% !important; }
  .xsmall3.xsm3 { width: 8.33333% !important; }
  .xsmall4.xsm0 { width: 16.66667% !important; }
  .xsmall4.xsm1 { width: 15.27778% !important; }
  .xsmall4.xsm2 { width: 13.88889% !important; }
  .xsmall4.xsm3 { width: 12.5% !important; }
  .xsmall5.xsm0 { width: 20.83333% !important; }
  .xsmall5.xsm1 { width: 19.44444% !important; }
  .xsmall5.xsm2 { width: 18.05556% !important; }
  .xsmall5.xsm3 { width: 16.66667% !important; }
  .xsmall6.xsm0 { width: 25% !important; }
  .xsmall6.xsm1 { width: 23.61111% !important; }
  .xsmall6.xsm2 { width: 22.22222% !important; }
  .xsmall6.xsm3 { width: 20.83333% !important; }
  .xsmall7.xsm0 { width: 29.16667% !important; }
  .xsmall7.xsm1 { width: 27.77778% !important; }
  .xsmall7.xsm2 { width: 26.38889% !important; }
  .xsmall7.xsm3 { width: 25% !important; }
  .xsmall8.xsm0 { width: 33.33333% !important; }
  .xsmall8.xsm1 { width: 31.94444% !important; }
  .xsmall8.xsm2 { width: 30.55556% !important; }
  .xsmall8.xsm3 { width: 29.16667% !important; }
  .xsmall9.xsm0 { width: 37.5% !important; }
  .xsmall9.xsm1 { width: 36.11111% !important; }
  .xsmall9.xsm2 { width: 34.72222% !important; }
  .xsmall9.xsm3 { width: 33.33333% !important; }
  .xsmall10.xsm0 { width: 41.66667% !important; }
  .xsmall10.xsm1 { width: 40.27778% !important; }
  .xsmall10.xsm2 { width: 38.88889% !important; }
  .xsmall10.xsm3 { width: 37.5% !important; }
  .xsmall11.xsm0 { width: 45.83333% !important; }
  .xsmall11.xsm1 { width: 44.44444% !important; }
  .xsmall11.xsm2 { width: 43.05556% !important; }
  .xsmall11.xsm3 { width: 41.66667% !important; }
  .xsmall12.xsm0 { width: 50% !important; }
  .xsmall12.xsm1 { width: 48.61111% !important; }
  .xsmall12.xsm2 { width: 47.22222% !important; }
  .xsmall12.xsm3 { width: 45.83333% !important; }
  .xsmall13.xsm0 { width: 54.16667% !important; }
  .xsmall13.xsm1 { width: 52.77778% !important; }
  .xsmall13.xsm2 { width: 51.38889% !important; }
  .xsmall13.xsm3 { width: 50% !important; }
  .xsmall14.xsm0 { width: 58.33333% !important; }
  .xsmall14.xsm1 { width: 56.94444% !important; }
  .xsmall14.xsm2 { width: 55.55556% !important; }
  .xsmall14.xsm3 { width: 54.16667% !important; }
  .xsmall15.xsm0 { width: 62.5% !important; }
  .xsmall15.xsm1 { width: 61.11111% !important; }
  .xsmall15.xsm2 { width: 59.72222% !important; }
  .xsmall15.xsm3 { width: 58.33333% !important; }
  .xsmall16.xsm0 { width: 66.66667% !important; }
  .xsmall16.xsm1 { width: 65.27778% !important; }
  .xsmall16.xsm2 { width: 63.88889% !important; }
  .xsmall16.xsm3 { width: 62.5% !important; }
  .xsmall17.xsm0 { width: 70.83333% !important; }
  .xsmall17.xsm1 { width: 69.44444% !important; }
  .xsmall17.xsm2 { width: 68.05556% !important; }
  .xsmall17.xsm3 { width: 66.66667% !important; }
  .xsmall18.xsm0 { width: 75% !important; }
  .xsmall18.xsm1 { width: 73.61111% !important; }
  .xsmall18.xsm2 { width: 72.22222% !important; }
  .xsmall18.xsm3 { width: 70.83333% !important; }
  .xsmall19.xsm0 { width: 79.16667% !important; }
  .xsmall19.xsm1 { width: 77.77778% !important; }
  .xsmall19.xsm2 { width: 76.38889% !important; }
  .xsmall19.xsm3 { width: 75% !important; }
  .xsmall20.xsm0 { width: 83.33333% !important; }
  .xsmall20.xsm1 { width: 81.94444% !important; }
  .xsmall20.xsm2 { width: 80.55556% !important; }
  .xsmall20.xsm3 { width: 79.16667% !important; }
  .xsmall21.xsm0 { width: 87.5% !important; }
  .xsmall21.xsm1 { width: 86.11111% !important; }
  .xsmall21.xsm2 { width: 84.72222% !important; }
  .xsmall21.xsm3 { width: 83.33333% !important; }
  .xsmall22.xsm0 { width: 91.66667% !important; }
  .xsmall22.xsm1 { width: 90.27778% !important; }
  .xsmall22.xsm2 { width: 88.88889% !important; }
  .xsmall22.xsm3 { width: 87.5% !important; }
  .xsmall23.xsm0 { width: 95.83333% !important; }
  .xsmall23.xsm1 { width: 94.44444% !important; }
  .xsmall23.xsm2 { width: 93.05556% !important; }
  .xsmall23.xsm3 { width: 91.66667% !important; }
  .xsmall24.xsm0 { width: 100% !important; }
  .xsmall24.xsm1 { width: 98.61111% !important; }
  .xsmall24.xsm2 { width: 97.22222% !important; }
  .xsmall24.xsm3 { width: 95.83333% !important; }
  /* OHNE BOXSIZING = BORDER-BOX WIRKT SICH PADDING AUF WIDTH AUS */
  .xsmall0 { display: none !important; } }
*[class*="large"] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/*########## debug modus ########## */
/*### 1 | 0 	###*/
/* ############################################################# */
/* ############### layout type A (default)  #################### */
/* ############################################################# */
/*### px | % | .. 	wird gebraucht bei fixem Header	###*/
/*### px | % | .. 	wird gebraucht bei fixem oder sticky Footer	###*/
/* ############################################################## */
/* ######################## layout mixins ####################### */
/* ############################################################## */
/*####   #  $txt_position => "left" | "right" ###*/
/* ############################################################## */
/* ##################### element layout mixins ################## */
/* ############################################################## */
/* ############################################################# */
/* #################### glogal mixins  ######################### */
/* ############################################################# */
/*########## grid ##########*/
/*### px                ###*/
/* Breite vergeben um responsive zu deaktivieren */
/*### px | % | .. 		###*/
/* Breit der Inhaltscontainer*/
/*### max 24 	###*/
/*### 1 bis 5 	###*/
/*### 1 bis 5 	###*/
/*### alles < 480px, max-width:479px ###*/
/*### von 480px bis 768px, max-width:767px ###*/
/*### von 768px bis 1024px, max-width:1023px ###*/
/*### alles > 1024px, no query needed ###*/
/* Smartphones (portrait and landscape): 320px and 480px */
/* iPads (portrait and landscape): 768px and 1024px */
/* Notebooks, Desktops, larger Screens > 1024px begrenzt durch maxwidth (s.o.) */
/* gridbreiten ohne padding und border (box-sizing:border-box) */
/*### 1 | 0 	###*/
/*### px | % | .. 		###*/
/* Paddingschrittweite, wird nur be box-sizing: 1 verwendet; */
/* ############ Abstaende ausgleichen ############ */
#nav_footer, #nav_language { margin-right: 4.16667%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.inside { padding-left: 4.16667%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

#main .inside { padding-left: 0px; }

@media (min-width: 1250px) { .inside { padding-left: 50px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } }
*[class*="debug_"] { display: none; background: #fff; }

.inside:after { content: ""; clear: both; display: table; }

/* ##### mixins ##### */
/* #### default sizes  ##### */
/* #### base layout #### */
#header { position: relative; }

#nav_language { position: absolute; }
#nav_language li { float: left; }
#nav_language li.last { margin-right: 0px; }

.icon_link { position: relative; z-index: 1000; display: none; float: right; }
.icon_link a { padding-left: 40px; height: 35px; display: block; }

#slidebox_close_link { display: block; float: left; margin-top: 10px; margin-left: 10px; z-index: 1000; }

#logocontainer { width: 250px; position: relative; }

#logolink { width: 100%; height: 100%; }

#nav_main { z-index: 1000; overflow: visible; height: 35px; }
#nav_main a, #nav_main span { float: none; display: block; }
#nav_main ul { list-style-type: none; margin-bottom: 0px; }
#nav_main ul li { position: relative; float: left; }
#nav_main ul ul { width: auto; position: absolute; left: 0; display: none; }
#nav_main ul ul li { float: none; }
#nav_main ul ul li div { min-width: 100px; }

#nav_search { margin-top: -35px; }
#nav_search input[type=search] { width: auto; }

#nav_footer { width: auto; }

#slider_header { clear: both; }

#slidebox1_link { display: block; }

/* #### configurations #### */
/*### "boxed" | "wide" 	###*/
/*### 1 | 0 			###*/
/*### 1 | 0 			###*/
/*### "relative" | "overlay" | "fixed" ###*/
/*### "relative" | "sticky" | "fixed"	###*/
/*### "sideleft" | "sideright" | "topleft" | "topright" | "topcenter" ###*/
/*### left | right 	###*/
/*### left | right 	###*/
/*### left | right 	###*/
/*### 1 | 0 falls 1: Slider in "Hauptspalte" einbinden (als Modul oder Artikel) ###*/
/*### Hinweis: Slider kann im Header auch VOR Logo und Menue plaziert werden. ### */
/*### "left" | "right" ###*/
/* #### layout mixins #### */
.inside { margin: 0 auto; max-width: 1150px; }

#main { float: none; }

#wrapper { max-width: none; width: auto; }

#header .inside { max-width: 100%; padding-left: 0; padding-right: 0; }

#footer .inside { max-width: 100%; padding-left: 0; padding-right: 0; }

#header { position: relative; width: 100%; max-width: none; z-index: 1000; }

#container { padding-top: 0px; }

html, body, .mm-page { height: 100%; }

#wrapper { min-height: 100%; position: relative; }

#footer { position: absolute; bottom: 0; width: 100%; max-width: none; z-index: 100; }

#nav_main ul { float: right; }

#nav_search { float: right; }

#nav_footer ul { float: left; }

#logocontainer { float: left; }

#nav_main { width: auto; }

.slidebox { left: auto; right: -100%; }

.slidebox { position: fixed; top: 25%; width: 80%; height: 70%; overflow: hidden; z-index: 10; }
.slidebox.open { right: 0%; }
.slidebox .inside { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; overflow-x: hidden; overflow-y: auto; width: 100%; height: 100%; padding-left: 40px; position: absolute; top: 0px; z-index: 0; max-width: none; }

/* ##### anpassungen ##### */
#slider_bg { visibility: hidden; height: 0px !important; }

.caroufredsel_thumbnails_skin { left: 100%; top: -40px; }

.caroufredsel_thumbnails_skin.open { left: 0; }

.caroufredsel_thumbnails_controls { display: none; }

#nav_footer { float: left; padding-top: 5px; }

#custom_show_switch { display: none; }

.custom { z-index: 999; position: relative; padding-top: 0px; padding-bottom: 35px; padding-left: 0px; padding-right: 0px; }

@media (orientation: landscape) and (min-width: 400px) { /* ##### mixins ##### */
  #header { position: fixed; width: 100%; max-width: inherit; z-index: 1000; top: 0px; }
  html, body, .mm-page { height: auto; }
  #wrapper { min-height: none; position: relative; }
  #footer { position: fixed; bottom: 0; width: 100%; max-width: inherit; z-index: 100; }
  /* ##### anpassungen ##### */
  #slider_header { height: 0px; padding-bottom: 0px !important; }
  #slider_bg { visibility: visible; height: auto !important; padding-top: 35px; }
  .caroufredsel_thumbnails_skin { height: 0px !important; left: 0px !important; }
  .caroufredsel_thumbnails_skin.open { height: 100% !important; z-index: 11000; }
  #footer.open { height: auto; }
  #footer { height: 0px; }
  #custom_show_switch { position: absolute; z-index: 1000; display: block; right: 4.16667%; top: 0px; }
  #custom_show_switch a { padding-left: 40px; height: 35px; display: block; }
  .custom, #wrapper { position: absolute; }
  #wrapper { top: 0px; left: 0px; right: 0px; bottom: 0px; }
  .custom { width: 100%; overflow-y: auto; overflow-x: hidden; top: 97px; left: auto; right: 0px; bottom: 0px; padding-top: 20px; }
  .custom.closed { padding-top: 0px; top: 120px; } }
@media (max-width: 1023px) { /* ##### mixins ##### */
  /* ##### anpassungen ##### */
  #logocontainer { width: 190px; } }
@media (max-width: 1023px) and (orientation: landscape) and (min-width: 400px) { .custom { top: 77px; }
  .custom.closed { padding-top: 0px; top: 71px; } }
@media (max-width: 767px) { /* ##### mixins ##### */
  #slidebox2_link { display: block; }
  #nav_main_mobile_link { display: block; }
  #nav_main { display: none; }
  #nav_search { display: none; }
  /* ##### anpassungen ##### */
  #logocontainer { width: 140px; } }
@media (max-width: 767px) and (orientation: landscape) and (min-width: 400px) { #header { padding-top: 0px; padding-bottom: 0px; }
  .custom { top: 45px; }
  .custom.closed { padding-top: 0px; top: 35px; } }

/* Base-CSS to contain basic variables and then to be included into all other css */
/*########## compass mixins ########## */
/*########## colors ##########*/
/** Contao Open Source CMS  Copyright (c) 2005-2014 Leo Feyer  @package Core @link    https://contao.org @license http://www.gnu.org/licenses/lgpl-3.0.html LGPL */
/** Since fieldset borders are removed in the reset style sheet, adjust the legends accordingly */
legend { width: 100%; display: block; font-weight: bold; }

/** Text fields and textareas */
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="month"], input[type="range"], input[type="week"], input[type="url"], textarea, select { width: 100%; display: inline-block; padding: 3px 6px; background: #fff; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 0 1px 1px #eee; -webkit-box-shadow: inset 0 1px 1px #eee; box-shadow: inset 0 1px 1px #eee; -moz-transition: all .15s linear; -webkit-transition: all .15s linear; -o-transition: all .15s linear; transition: all .15s linear; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="month"]:focus, input[type="range"]:focus, input[type="week"]:focus, input[type="url"]:focus, textarea:focus { outline: 0; background: #fcfcfc; border-color: #bbb; }

/** Fix some width and height settings */
input[type="file"] { cursor: pointer; }

select, input[type="file"] { display: block; }

input[type="file"], input[type="image"], input[type="submit"], input[type="upload"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] { width: auto; }

textarea, select[multiple], select[size] { height: auto; }

/** Checkboxes and radio buttons */
input[type="radio"], input[type="checkbox"] { margin: 0 3px 0 0; }

input[type="radio"], input[type="checkbox"], label { vertical-align: middle; }

/** Handle disabled and read-only */
input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] { cursor: not-allowed; background: #eee; }

input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], input[type="checkbox"][readonly] { background: transparent; }

/** Buttons */
input[type="submit"], input[type="upload"], .button { display: inline-block; padding: 4px 15px 4px 14px; margin-bottom: 0; margin-top: 10px; text-align: center; vertical-align: middle; line-height: 16px; font-size: 11px; color: #000; cursor: pointer; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #ececec; background-image: -moz-linear-gradient(top, #fff, #ececec); background-image: -webkit-linear-gradient(top, #fff, #ececec); background-image: -ms-linear-gradient(top, #fff, #ececec); background-image: -o-linear-gradient(top, #fff, #ececec); background-image: linear-gradient(to bottom, #ffffff, #ececec); background-repeat: repeat-x; -moz-transition: background .15s linear; -webkit-transition: background .15s linear; -o-transition: background .15s linear; transition: background .15s linear; font-size: 13px; margin-top: 10px; color: #fff; background-image: none; background-color: #ff6d0d; border: none; width: auto; }

input[type="submit"]:hover, .button:hover { text-decoration: none; background-position: 0 -15px !important; }

input[type="submit"]:active, .button:active { background-color: #e6e6e6; background-position: 0 -30px !important; }

/** Blue buttons */
input[type="submit"].blue, .button.blue { background-color: #2f96b4; background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4); background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); background-image: linear-gradient(to bottom, #5bc0de, #2f96b4); border-color: #2f96b4; color: #fff; }

input[type="submit"].blue:active, .button.blue:active { background-color: #2e95b3; }

/** Green buttons */
input[type="submit"].green, .button.green { background-color: #51a351; background-image: -moz-linear-gradient(top, #62c462, #51a351); background-image: -webkit-linear-gradient(top, #62c462, #51a351); background-image: -ms-linear-gradient(top, #62c462, #51a351); background-image: -o-linear-gradient(top, #62c462, #51a351); background-image: linear-gradient(to bottom, #62c462, #51a351); border-color: #51a351; color: #fff; }

input[type="submit"].green:active, .button.green:active { background-color: #4f9f4f; }

/** Orange buttons */
input[type="submit"].orange, .button.orange { background-color: #f89406; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -ms-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); border-color: #f89406; color: #fff; }

input[type="submit"].orange:active, .button.orange:active { background-color: #f28f04; }

/** Red buttons */
input[type="submit"].red, .button.red { background-color: #bd362f; background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); border-color: #bd362f; color: #fff; }

input[type="submit"].red:active, .button.red:active { background-color: #be322b; }

/*  
fieldset.boxed { border: 1px solid $color_1; background: #ffffff; border-radius: 3px; padding: 5px;
}

fieldset.boxed>legend { background: #ffffff; color: $color_1; padding: 5px 10px; border-radius: 3px; box-shadow: 0 0 0 1px $color_1; margin-left: 20px; width:inherit;
}
*/
.radio_container .options span, .checkbox_container .options span { display: block; }

.form_float .options span { float: left; margin-right: 10px; }

.formbody {  /*    .submit{
		font-size:14px;margin-top:10px;
		color:#fff;
		background-image:none;
		background-color: $color_2;
		border:none;
		width:auto;
	}
*/ }
.formbody input.error, .formbody textarea.error, .formbody select.error { -moz-box-shadow: #ff6d0d 0px 0px 2px; -webkit-box-shadow: #ff6d0d 0px 0px 2px; box-shadow: #ff6d0d 0px 0px 2px; border-color: #ff6d0d; }
.formbody input.upload.error { color: red; -moz-box-shadow: transparent 0px 0px 0px; -webkit-box-shadow: transparent 0px 0px 0px; box-shadow: transparent 0px 0px 0px; text-transform: uppercase; font-size: 12px; }
.formbody p.error { color: #ff6d0d; font-size: 10px; margin-bottom: 0; text-transform: uppercase; }
.formbody .show_message p.error, .formbody p.error.show_message { display: block; }
.formbody input.captcha { width: 40px; display: block; position: relative; z-index: 10; }
.formbody textarea { resize: none; overflow: hidden; }
.formbody label { font-size: 12px; padding-top: 0px; }
.formbody .captcha_text { display: block; font-size: 12px; padding-top: 0px; padding-left: 50px; margin-top: -22px; font-style: italic; }
.formbody .explanation { margin-top: 10px; }

.options { border: 1px solid transparent; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display: inline-block; width: 100%; }
.options span { margin-left: 3px; }

.error .options { border: 1px solid #ff6d0d; -moz-box-shadow: #ff6d0d 0px 0px 2px; -webkit-box-shadow: #ff6d0d 0px 0px 2px; box-shadow: #ff6d0d 0px 0px 2px; }

label.mandatory .mandatory { color: #ff6d0d; }

/*########## grid ##########*/
/*### px                ###*/
/* Breite vergeben um responsive zu deaktivieren */
/*### px | % | .. 		###*/
/* Breit der Inhaltscontainer*/
/*### max 24 	###*/
/*### 1 bis 5 	###*/
/*### 1 bis 5 	###*/
/*### alles < 480px, max-width:479px ###*/
/*### von 480px bis 768px, max-width:767px ###*/
/*### von 768px bis 1024px, max-width:1023px ###*/
/*### alles > 1024px, no query needed ###*/
/* Smartphones (portrait and landscape): 320px and 480px */
/* iPads (portrait and landscape): 768px and 1024px */
/* Notebooks, Desktops, larger Screens > 1024px begrenzt durch maxwidth (s.o.) */
/* gridbreiten ohne padding und border (box-sizing:border-box) */
/*### 1 | 0 	###*/
/*### px | % | .. 		###*/
/* Paddingschrittweite, wird nur be box-sizing: 1 verwendet; */
/* Base-CSS to contain basic variables and then to be included into all other css */
/*########## compass mixins ########## */
/*########## colors ##########*/
/* zum Test */
.product_list .prod_id_154 { display: none; }

img { display: block; }

.ce_gallery li.col_first { clear: none; }

.ce_text li { margin-left: 2em; }

.ce_download img { float: left; }

*[class*="large"], #logocontainer, nav li, .caroufredsel_thumbnail, .caroufredsel_thumbnails_skin, .slidebox, #footer, .custom { -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }

html { background-color: #161616; background-image: url("../../files/THEME_1/template/bg_metal.jpg"); background-position: top center; background-repeat: no-repeat; }

body { font-family: "Open Sans","sans-serif"; color: #ddd; line-height: 1.6; font-size: 14px; }

a { text-decoration: none; color: inherit; }

a:active, a:focus { outline: none; }

nav { text-transform: uppercase; }

h1, h2, h3, h4 { margin-bottom: 15px; border-bottom: 1px dotted #ccc; text-transform: uppercase; }

h1 { margin-top: 15px; font-size: 22px; }

h2 { margin-top: 10px; font-size: 14px; }

h3 { margin-top: 10px; font-size: 14px; }

.ce_text ul { list-style-type: disc; padding-left: 15px; margin-bottom: 0px; }
.ce_text ul ul { list-style-type: circle; }
.ce_text ul ul ul { list-style-type: square; }

#wrapper.fixed { position: fixed; width: 100%; }

.custom figure img { border: 1px solid #ccc; }

#header { padding-top: 5px; padding-bottom: 5px; }

.shop_footer { margin-top: 60px; }

#footer .inside { min-height: 50px; }

#logocontainer { padding: 2px; }

.slidebox { background: rgba(0, 0, 0, 0.85); -moz-box-shadow: rgba(0, 0, 0, 0.6) 0px 5px 5px; -webkit-box-shadow: rgba(0, 0, 0, 0.6) 0px 5px 5px; box-shadow: rgba(0, 0, 0, 0.6) 0px 5px 5px; }

#slider_bg .slidercaption, #slider_header .slidercaption { height: 0px; }
#slider_bg .visible .slidercaption, #slider_header .visible .slidercaption { display: block; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 10px; left: 0px; height: auto; width: auto !important; padding: 6px; -moz-box-shadow: rgba(255, 255, 255, 0.1) 40px 0px 40px inset; -webkit-box-shadow: rgba(255, 255, 255, 0.1) 40px 0px 40px inset; box-shadow: rgba(255, 255, 255, 0.1) 40px 0px 40px inset; font-size: 14px; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }

#slider_bg .visible .slidercaption { top: 120px; }

#nav_main { line-height: 1.2; font-size: 20px; text-shadow: black 1px 1px 0; }
#nav_main .subtitle { font-size: 10px; color: #ff6d0d; }
#nav_main li.shop > span, #nav_main li.shop > a { font-weight: bold; }
#nav_main li > a, #nav_main li > span { display: block; padding-left: 10px; padding-top: 20px; padding-bottom: 18px; width: 130px; font-weight: normal; }
#nav_main li.active, #nav_main li.trail, #nav_main li:hover { background-color: rgba(0, 0, 0, 0.3); }

/*	
	.caroufredsel_thumbs{
		font-size:14px;
		padding: 0px 0 0px 40px;
		margin: 10px 0 10px 5px;
		clear:both;
		background-image:url("../../files/THEME_1/template/btn_m_galerie.png");
		span{
			display:block;
			padding-top:6px;
		}
	}
*/
#nav_main_mobile.mm-opened + div #wrapper { position: fixed; width: 100%; }

html.mm-opened #wrapper { position: fixed; width: 100%; }

.icon_link { text-transform: uppercase; background-position: 0px 0px; background-repeat: no-repeat; font-size: 14px; }

.shop #custom_show_switch { display: none !important; }

#custom_show_switch { background-position: 0px 0px; background-repeat: no-repeat; background-image: url("../../files/THEME_1/template/btn_m_close.png"); text-transform: uppercase; }
#custom_show_switch span { display: none; }

#nav_main_mobile_link { margin-top: 5px; width: 95px; }
#nav_main_mobile_link a { background-image: url("../../files/THEME_1/template/btn_m_menu.png"); background-repeat: no-repeat; }
#nav_main_mobile_link a span { padding-top: 7px; display: block; }

#slidebox_close_link { background-image: url("../../files/THEME_1/template/btn_m_close.png"); }

/* #### OK #### */
#nav_footer { font-size: 12px; }
#nav_footer li { float: left; display: block; margin-right: 15px; }
#nav_footer li:hover, #nav_footer li.active { color: #ff6d0d; }

#slider_header { position: relative; }

#slider_header .caroufredsel_controls { margin-top: 10px; width: 100%; }

.caroufredsel_thumbnails_skin { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.85); padding-bottom: 5px; }

#slider_header .caroufredsel_thumbnails_skin { position: absolute; top: -40px; padding-top: 40px; width: 100%; height: 100%; z-index: 100; }

#slider_bg { position: absolute; bottom: 0px; }

#slider_bg .caroufredsel_skin { position: absolute; bottom: 0px; width: 100%; }

/* verhindern, dass Thumbnails geslidet werden */
.caroufredsel_thumbnails_wrapper { margin: 0 auto !important; width: 100% !important; height: 100% !important; overflow-x: hidden !important; overflow-y: auto !important; }

.caroufredsel_thumbnails { width: 100% !important; height: auto !important; left: 0% !important; position: relative !important; margin-left: 1% !important; }

.caroufredsel_thumbnail img { width: 100% !important; border: 1px solid #fff; }

.caroufredsel_thumbnail.selected img { border: 1px solid #ff6d0d; }

.caroufredsel_thumbnail { width: 18.5% !important; height: auto !important; margin-right: 1% !important; margin-top: 0.6% !important; }

#slider_header .caroufredsel_skin { position: relative; }

.caroufredsel_wrapper:after { content: '.'; width: 100%; height: 100%; display: block; background-image: url("../../files/THEME_1/template/dotted.png"); z-index: 100; position: absolute; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; }

/*
#footer{
	position:static;
}
*/
.caroufredsel_pagi { position: absolute; width: 100%; height: 30px; text-align: center; bottom: 0px; z-index: 20; }

.caroufredsel_pagi a { display: inline-block; margin: 0px 0.6%; background-image: none !important; text-indent: -9999em; width: 10px !important; height: 10px !important; background-color: white; border: 1px solid #000; }
.caroufredsel_pagi a span { display: none; }

.caroufredsel_navi { width: 100%; height: 35px; text-align: center; bottom: 0px; z-index: 30; }

.shop .caroufredsel_navi, .shop .slidercaption { display: none !important; }

.caroufredsel_navi a { position: absolute; background-position: 0px 0px; background-repeat: no-repeat; text-transform: uppercase; display: block; }
.caroufredsel_navi a span { margin-top: 6px; }

.caroufredsel_prev { position: absolute !important; z-index: 100; left: 0%; top: 48%; width: 50px; height: 50px; background-image: url("../../files/THEME_1/template/btn_m_slider_prev.png"); background-size: cover; background-color: rgba(0, 0, 0, 0.7); }
.caroufredsel_prev span { display: none; }

.caroufredsel_next { position: absolute !important; z-index: 100; right: 0%; top: 48%; width: 50px; height: 50px; background-image: url("../../files/THEME_1/template/btn_m_slider_next.png"); background-size: cover; background-color: rgba(0, 0, 0, 0.7); }
.caroufredsel_next span { display: none; }

.caroufredsel_thumbs { right: 0px; background-image: url("../../files/THEME_1/template/btn_m_galerie.png"); height: 35px; padding-right: 6px; z-index: 1010; font-size: 14px; }
.caroufredsel_thumbs span { margin-left: 40px; display: block; margin-top: 6px; }

.caroufredsel_button { left: 0px; background-image: url("../../files/THEME_1/template/btn_m_slider_pause_n.png"); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; height: 35px; width: 40px; }

.caroufredsel_pagi a.selected { background-color: #ff6d0d; }

/*
#slider_bg .caroufredsel_thumbnails_skin{
	width:100%;
	height:120px;
	position:fixed;
	bottom:10%;
	left:0%;
	right:0%;
	z-index:10000;
}
*/
.teaserbox { cursor: pointer; }
.teaserbox h2 { font-size: 15px; color: #87AA0D; margin-bottom: 0px; }
.teaserbox p { font-size: 12px; }

.box_impressum { height: 170px; }

#kundenstimmen form .widget_name, #kundenstimmen form .widget_email { max-width: 400px; }
#kundenstimmen form .widget_comment textarea { min-height: 200px; }

.login .submit_container a { display: block; float: right; margin-top: 10px; }

.lost_password input[name='username'] { display: none; }
.lost_password label[for='ctrl_username'] { display: none; }

/* ########## Modellauswahl ########## */
#modellwahl .ce_image figcaption { font-size: 2em; text-align: center; }

/* ########## Produktsuche ########## */
.iso_product_search { margin-top: 30px; text-align: right; }
.iso_product_search label, .iso_product_search .clear_filters { display: none; }
.iso_product_search input.text { float: left; width: 65%; }
.iso_product_search input.submit { float: left; width: 32%; margin-left: 3%; margin-top: 0px; }

.iso_cart, .orderproducts { margin-top: 6px; }
.iso_cart table, .orderproducts table { width: 100%; }
.iso_cart .product td, .orderproducts .product td { padding-top: 20px; }
.iso_cart .product td.price.total, .orderproducts .product td.price.total { padding-top: 23px; }
.iso_cart .foot_1 td, .orderproducts .foot_1 td { padding-top: 25px; }
.iso_cart .foot_last td, .orderproducts .foot_last td { font-weight: bold; }
.iso_cart td, .orderproducts td { padding: 0px 8px 0px 0px; }
.iso_cart td.col_0, .orderproducts td.col_0 { width: 115px; }
.iso_cart td.col_1, .orderproducts td.col_1 { -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }
.iso_cart td.col_2, .orderproducts td.col_2 { white-space: nowrap; width: 50px; }
.iso_cart td.col_2 input, .orderproducts td.col_2 input { width: 30px; }
.iso_cart td.col_3, .orderproducts td.col_3 { white-space: nowrap; text-align: right; padding-right: 0px; }
.iso_cart .submit_container, .orderproducts .submit_container { text-align: right; margin-top: 10px; }
.iso_cart .submit_container input, .orderproducts .submit_container input { width: auto; }
.iso_cart .submit_container .button_update, .orderproducts .submit_container .button_update { margin-right: 5px; }
.iso_cart .submit_container .button_checkout, .orderproducts .submit_container .button_checkout { font-weight: bold; }

.orderproducts .product .price.total { padding-top: 20px !important; }

/* ########## Warenkorb Mini "Downloads" ########## */
.iso_cart_mini { padding: 7px 0px 7px 10px; margin-top: 30px; border: 1px solid #ccc; }
.iso_cart_mini .product { float: left; }
.iso_cart_mini figure { border: 1px solid #ccc; }
.iso_cart_mini .subtotal { font-weight: bold; float: left; }
.iso_cart_mini .subtotal:after { content: ""; }
.iso_cart_mini .message_container { padding: 4px 0px; float: left; }
.iso_cart_mini .message_container .count { font-weight: bold; font-size: 110%; }
.iso_cart_mini .message_container p.error { color: #b93800; font-style: italic; margin-bottom: 0; }
.iso_cart_mini .button_container { float: right; width: 150px; }
.iso_cart_mini .empty.message { padding: 4px 0px; }
.iso_cart_mini .checkout, .iso_cart_mini .cart { margin-right: 10px; float: right; margin-top: 0px; }
.iso_cart_mini .checkout .button, .iso_cart_mini .cart .button { width: 110px; }
.iso_cart_mini .checkout { font-weight: bold; padding-bottom: 5px; }
.iso_cart_mini .sku, .iso_cart_mini .price, .iso_cart_mini .remove { float: left; margin-right: 10px; }
.iso_cart_mini .subtotal .label { margin-right: 10px; }
.iso_cart_mini p.empty.message { margin-bottom: 0px; }

.request_answer { padding: 20px; border: 1px solid #ff6d0d; }

/* ########## Navigation Shop ########## */
.nav_sub_shop { margin-top: 22px; }
.nav_sub_shop ul.level_1 { margin-left: 15px; }
.nav_sub_shop ul.level_2 { margin-left: 0px; }
.nav_sub_shop span.active, .nav_sub_shop span.trail, .nav_sub_shop a.trail { color: #ff6d0d; }
.nav_sub_shop .submenu.trail.first.last { color: inherit; }
.nav_sub_shop ul.level_2 { margin-bottom: 20px; margin-top: 10px; }

#nav_sub_shop_mod { margin-top: 35px; }

.nav_sub_shop_quick { margin-top: 30px; margin-bottom: 30px; }
.nav_sub_shop_quick select { float: left; width: 65%; }
.nav_sub_shop_quick input.submit { float: left; width: 32%; margin-left: 3%; margin-top: 0px; display: none; }
.nav_sub_shop_quick option[value='versand.html'], .nav_sub_shop_quick option[value='fahrwerk.html'] { margin-top: 10px; }

.nav_footer { margin-top: 40px; margin-bottom: 40px; }
.nav_footer ul { float: right; }
.nav_footer li { float: left; margin-left: 20px; }
.nav_footer span.active { color: #ff6d0d; }

/* ########## Produktliste "Downloads" ########## */
#iso_product_list { margin-top: 20px; }
#iso_product_list .image_container { margin-bottom: 10px; }
#iso_product_list .text_container { margin-bottom: 10px; height: 100%; }
#iso_product_list .teaser_container { position: relative; }
#iso_product_list .quantity_container { float: left; }
#iso_product_list .quantity_container input { width: 30px; margin-right: 10px; }
#iso_product_list .modelle, #iso_product_list .lieferzeit { color: #aaa; font-size: 0.8em; }
#iso_product_list .description_container_head { float: right; font-style: italic; font-size: 13px; margin-top: 5px; padding-bottom: 3px; cursor: pointer; }
#iso_product_list .description_container_head:before { content: '\25B6'; font-style: normal; padding-right: 5px; width: 10px; display: inline-block; color: #ff6d0d; }
#iso_product_list .description_container_head:hover:before { content: '\25B6'; font-style: normal; padding-right: 5px; width: 10px; display: inline-block; color: #ff6d0d; }
#iso_product_list .description_container_head.open:before { content: '\25BC'; font-style: normal; padding-right: 5px; width: 10px; display: inline-block; color: #ff6d0d; }
#iso_product_list .link_details { float: left; font-style: italic; font-size: 13px; margin-top: 1em; margin-bottom: 1em; padding-bottom: 3px; cursor: pointer; }
#iso_product_list .link_details:before { content: '\25B6'; font-style: normal; padding-right: 5px; width: 10px; display: inline-block; color: #ff6d0d; }
#iso_product_list .link_details:hover:before { content: '\25B6'; font-style: normal; padding-right: 5px; width: 10px; display: inline-block; color: #ff6d0d; }
#iso_product_list .link_details.open:before { content: '\25BC'; font-style: normal; padding-right: 5px; width: 10px; display: inline-block; color: #ff6d0d; }
#iso_product_list .gallery_container_body, #iso_product_list .description_container_body { max-height: 0px; overflow: hidden; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; -webkit-transition-duration: 0.8s; transition-duration: 0.8s; }
#iso_product_list .gallery_container_body.open, #iso_product_list .description_container_body.open { max-height: 4000px; }
#iso_product_list .ce_gallery { overflow: hidden; }
#iso_product_list .ce_gallery:after { content: " "; }
#iso_product_list .ce_gallery figure { margin-right: 3%; float: left; margin-top: 3%; }
#iso_product_list .product { overflow: hidden; padding-top: 20px; position: relative; border-bottom: 1px dotted #ccc; }
#iso_product_list .product.in_cart .button { display: block !important; }
#iso_product_list .product.in_cart .submit { /*display:none;*/ }
#iso_product_list h2 { font-weight: bold; margin-top: 0px; margin-bottom: 5px; border: none; }
#iso_product_list .price { font-weight: bold; margin-bottom: 5px; }
#iso_product_list .price .price_add { font-weight: normal; font-size: 0.8em; text-decoration: underline; }
#iso_product_list .submit_container { float: left; margin-top: 1em; }
#iso_product_list .submit_container .add_to_cart { margin-top: 0px; }
#iso_product_list p.message { font-weight: bold; }

.iso_product_reader .options { width: auto; }
.iso_product_reader .ce_gallery { overflow: hidden; }
.iso_product_reader .ce_gallery:after { content: " "; }
.iso_product_reader .ce_gallery figure { margin-right: 3%; float: left; margin-top: 3%; }
.iso_product_reader .price { font-weight: bold; margin-bottom: 5px; font-size: 1.5em; }
.iso_product_reader .price .price_add { padding-left: 1em; font-weight: normal; font-size: .6em; text-decoration: underline; }
.iso_product_reader .submit_container { float: left; margin-top: 1em; }
.iso_product_reader .submit_container .add_to_cart { margin-top: 0px; }
.iso_product_reader .quantity_container { float: left; }
.iso_product_reader .quantity_container input { width: 30px; margin-right: 10px; }
.iso_product_reader p.message { font-weight: bold; }

.back { float: left; font-style: italic; font-size: 13px; margin-top: 2em; padding-bottom: 3px; cursor: pointer; }
.back:before { content: '\25C0'; font-style: normal; padding-right: 5px; width: 10px; display: inline-block; color: #ff6d0d; }
.back:hover:before { content: '\25C0'; font-style: normal; padding-right: 5px; width: 10px; display: inline-block; color: #ff6d0d; }
.back.open:before { content: '\25C0'; font-style: normal; padding-right: 5px; width: 10px; display: inline-block; color: #ff6d0d; }

.iso_checkout { position: relative; margin-top: 10px; }
.iso_checkout .steps { border: 1px solid #ccc; padding: 10px; margin-bottom: 30px; margin-top: 20px; }
.iso_checkout .steps ol { list-style-type: none; }
.iso_checkout .steps li { float: left; margin-right: 5px; margin-right: 10px; }
.iso_checkout .steps li.last { margin-right: 0px; padding-right: 0px; background-image: none; }
.iso_checkout .steps li.active { color: #ff6d0d; }
.iso_checkout .steps li::after { content: '\203A'; margin-left: 10px; color: #fff; font-size: 30px; line-height: 0.8; }
.iso_checkout .steps li.last::after { content: ''; }
.iso_checkout .steps li a, .iso_checkout .steps li span { display: block; float: left; margin-top: 5px; }
.iso_checkout .shippingaddress fieldset span { display: block; }
.iso_checkout .billingaddress .address_new { margin-top: 80px; }
.iso_checkout .shippingmethod fieldset span:not(.currency), .iso_checkout .paymentmethod fieldset span:not(.currency) { display: block; }
.iso_checkout .orderconditionsontop #ctrl_32 { color: #fff; border: 1px solid #888; background: none; cursor: default; width: auto; box-shadow: none; }
.iso_checkout .orderinfo { margin-top: 50px; }
.iso_checkout .info_container, .iso_checkout .orderproducts, .iso_checkout .orderconditionsafterproducts { position: relative; padding-top: 30px; }
.iso_checkout .edit { position: absolute; right: 0px; top: 40px; }
.iso_checkout .edit:before { content: '\25B6'; font-style: normal; padding-right: 5px; width: 10px; display: inline-block; color: #ff6d0d; margin-right: 5px; }
.iso_checkout .field_agbs { margin-top: 30px; }
.iso_checkout .box_agbs, .iso_checkout .box_widerrufsrecht { font-size: .8em; height: 200px; overflow: hidden; overflow-y: scroll; padding: 2em; background: #000; border: 1px solid #666; }
.iso_checkout #iso_mod_checkout_conditions p.error { color: #ff6d0d; font-size: 10px; margin-bottom: 0; text-transform: uppercase; }
.iso_checkout #iso_mod_checkout_conditions p.error.hidden_error { display: none; }
.iso_checkout .review_step { height: auto; visibility: visible; opacity: 1; transition: opacity .5s linear; }
.iso_checkout .review_step.hidden_step { overflow: hidden; height: 0; visibility: hidden; opacity: 0; transition: visibility 0s .5s, opacity .5s linear; }
.iso_checkout .orderconditionsbeforeproducts { margin-top: 40px; }

.box_feedback { font-size: .8em; height: 200px; overflow: hidden; overflow-y: scroll; padding: 2em; background: #000; border: 1px solid #666; margin-top: 2em; }
.box_feedback + .widget { margin-bottom: 2em; }

.comment_default { margin-bottom: 4em; }

@media (orientation: landscape) and (min-width: 400px) { #header { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; padding-top: 10px; padding-bottom: 10px; }
  #logocontainer { background: rgba(0, 0, 0, 0.7); -moz-box-shadow: rgba(255, 255, 255, 0.2) 100px 0px 100px inset; -webkit-box-shadow: rgba(255, 255, 255, 0.2) 100px 0px 100px inset; box-shadow: rgba(255, 255, 255, 0.2) 100px 0px 100px inset; }
  #nav_main_mobile_link { margin-top: 0px; background-color: rgba(0, 0, 0, 0.7); -moz-box-shadow: rgba(255, 255, 255, 0.1) 40px 0px 40px inset; -webkit-box-shadow: rgba(255, 255, 255, 0.1) 40px 0px 40px inset; box-shadow: rgba(255, 255, 255, 0.1) 40px 0px 40px inset; }
  .caroufredsel_thumbnails_skin { background: none; padding: 0px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
  .caroufredsel_thumbnails_skin.open { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; background-color: rgba(0, 0, 0, 0.7); padding-bottom: 10px; padding-top: 10px; }
  html { background: transparent; }
  .custom { background-color: rgba(0, 0, 0, 0.85); }
  .caroufredsel_thumbnail { width: 13% !important; height: auto !important; margin-right: 1% !important; margin-top: 1% !important; }
  .caroufredsel_prev { position: fixed !important; }
  .caroufredsel_next { position: fixed !important; }
  .caroufredsel_thumbs { -moz-box-shadow: rgba(255, 255, 255, 0.1) 40px 0px 40px inset; -webkit-box-shadow: rgba(255, 255, 255, 0.1) 40px 0px 40px inset; box-shadow: rgba(255, 255, 255, 0.1) 40px 0px 40px inset; background-color: rgba(0, 0, 0, 0.7); }
  #nav_main li { -moz-box-shadow: rgba(255, 255, 255, 0.1) 60px 0px 60px inset; -webkit-box-shadow: rgba(255, 255, 255, 0.1) 60px 0px 60px inset; box-shadow: rgba(255, 255, 255, 0.1) 60px 0px 60px inset; }
  #nav_main ul { background: rgba(0, 0, 0, 0.7); }
  .custom.closed { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background-color: rgba(0, 0, 0, 0.7); left: auto; right: 0px; height: 35px; width: 95px; overflow: hidden; -moz-box-shadow: rgba(255, 255, 255, 0.1) 40px 0px 40px inset; -webkit-box-shadow: rgba(255, 255, 255, 0.1) 40px 0px 40px inset; box-shadow: rgba(255, 255, 255, 0.1) 40px 0px 40px inset; }
  .custom.closed *[class*="mod_"] { display: none; }
  .custom.closed #custom_show_switch { top: 0px; left: 0px; right: auto; background-position: 0px 0px; background-image: url("../../files/THEME_1/template/btn_m_text.png"); font-size: 14px; }
  .custom.closed #custom_show_switch span { display: block; padding-top: 7px; }
  .text_shown #header { background-color: rgba(0, 0, 0, 0.85); border-bottom: 1px solid #aaa; }
  .text_shown #logocontainer { background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
  .text_shown #nav_main_mobile_link { background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
  .text_shown #nav_main ul { background: none; }
  .text_shown #nav_main li { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } }
@media (max-width: 1023px) { body { font-size: 12px; }
  h1 { font-size: 18px; }
  h2 { font-size: 12px; }
  h3 { font-size: 12px; }
  #logocontainer { padding: 1px; }
  .caroufredsel_prev, .caroufredsel_next { width: 40px; height: 40px; top: 45%; }
  #nav_main { font-size: 14px; }
  #nav_main .subtitle { font-size: 9px; color: #ff6d0d; }
  #nav_main li > a, #nav_main li > span { display: block; padding-left: 7px; padding-top: 15px; padding-bottom: 14px; width: 100px; }
  #slider_bg .visible .slidercaption { top: 70px; padding: 3px; }
  #slider_bg .caroufredsel_pagi a, #slider_header .caroufredsel_pagi a { margin: 0px 0.6%; width: 6px !important; height: 6px !important; } }
@media (max-width: 767px) and (orientation: landscape) and (min-width: 400px) { #header { padding-top: 0px; padding-bottom: 0px; } }
@media (max-width: 767px) { body { font-size: 12px; }
  h1 { font-size: 18px; }
  h2 { font-size: 12px; }
  h3 { font-size: 12px; }
  .caroufredsel_prev, .caroufredsel_next { width: 30px; height: 30px; top: 42%; }
  .caroufredsel_wrapper:after { display: none; }
  #logocontainer { padding: 2px 3px; }
  #slider_bg .visible .slidercaption { top: 50px; padding: 2px; }
  #slider_bg .caroufredsel_pagi a, #slider_header .caroufredsel_pagi a { margin: 0px 0.4%; width: 5px !important; height: 5px !important; } }
@media (max-width: 559px) { body { font-size: 11px; }
  h1 { font-size: 16px; }
  h2 { font-size: 11px; }
  h3 { font-size: 11px; }
  .caroufredsel_prev, .caroufredsel_next { width: 30px; height: 30px; top: 35%; }
  #slider_bg .visible .slidercaption, #slider_header .visible .slidercaption { font-size: 10px; padding: 2px; }
  #slider_bg .caroufredsel_pagi a, #slider_header .caroufredsel_pagi a { margin: 0px 0.3%; width: 3px !important; height: 3px !important; }
  .nav_footer ul { float: left; }
  .nav_footer li { margin-left: 0px; float: none; } }

