@charset "utf-8";
/*
    @brand-primary: #619c43
*/
/* Glyphicons Pfad korrigieren */
@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}

body { color:#6b6b6b; }

/* Navigation */
.navbar-inverse { border-radius:0; padding-top:5px; padding-bottom:5px; background: #232222; }
.navbar-inverse .navbar-nav>li>a { font-family:"Roboto", sans-serif; color:#ccc; }
.navbar-nav a > .glyphicon { font-weight:bold; color:#ccc; }



.item-no { color:#ccc; font-size:12px; }

.btn-accent {
    background:#619c43;
    border-color:#619c43;
    color:#fff!important;
}
.underline { text-decoration:underline; }
.boxed { max-width:840px; margin:0 auto; }
a, a:hover, a:focus, a:active { color:#619c43; }
.cf { font-family:"Roboto", sans-serif; }
h1, h2, h3 { font-family:"Roboto", sans-serif; }
h1 { font-size:24px; font-weight:normal; }
h3 { font-size:18px; font-weight:bold; }

.well--primary {  color:#fff; background:url(../images/description-bg.png) #619c43 center center no-repeat; background-size:cover;  }
.well--primary a,
.well--primary a:hover,
.well--primary a:focus,
.well--primary a:active { color:#fff; }

.flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: row; flex-direction: row; }
.flex--center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.flex--middle { align-items:center; }

.main-header { border-bottom:1px solid #fafafa; padding-top:15px; padding-bottom:15px; background:#fefefe; }
.logo--link { display:inline-block; }
.logo--img { padding:10px 30px; display:inline-block; }
.ebay { display:block; line-height:1; justify-content:center; }
.ebay {  border-left:1px solid #eee; padding:5px 15px; text-align:center;}
.ebay--link { line-height:1; color:#333; font-size:11px; position:relative; }
.ebay--link .bigger { font-size:24px; font-weight:bold; }

@media(min-width:520px){
  .ebay--link::before {
    position:absolute;
    font-family:'Glyphicons Halflings';
    content: "\e080";
    left: -1.2em;
    font-size: 35px;
    opacity: .15;
  }
}

@media(min-width:480px){
  .main-header {
    display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
    -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: row; flex-direction: row;
    -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
  }
  .logo { width:50%; -webkit-flex: 2 0 0;  flex: 2 0 0; }
  .ebay { width:50%; -webkit-flex: 1 0 0;  flex: 1 0 0; display:flex; align-content: right; text-align:left; align-items: center; }
}



.section-heading { margin-top:40px; margin-bottom:20px; background:$brand-primary;  }
.section-heading h3 {
  color:#fff;
  text-align:center;
  margin:0;
  padding:15px 0;
}


/* SAME COLUMN HEIGHTS FOR BOOTSTRAP */
  .container-xs-height        { display:table!important; padding-left:0px!important; padding-right:0px!important; }
  .row-xs-height              { display:table-row!important; }
  .col-xs-height              { display:table-cell; float:none!important; }

  @media (min-width: 768px)   {
      .container-sm-height    { display:table; padding-left:0px!important; padding-right:0px!important; }
      .row-sm-height          { display:table-row!important; }
      .col-sm-height          { display:table-cell; float:none!important; }
  }
  @media (min-width: 992px)   { 
    .container-md-height      { display:table!important; padding-left:0px!important; padding-right:0px!important; }
      .row-md-height          { display:table-row!important; }
      .col-md-height          { display:table-cell; float:none!important; }
  }
  @media (min-width: 1200px)  {
      .container-lg-height    { display:table!important; padding-left:0px!important; padding-right:0px!important; }
      .row-lg-height          { display:table-row!important; }
      .col-lg-height          { display:table-cell!important; float:none!important; }
  }
  .col-top                    { vertical-align:top!important; }
  .col-middle                 { vertical-align:middle!important; }
  .col-bottom                 { vertical-align:bottom!important; }




.main-header .logo { text-align:left; }
.main-header .logo img { max-width:300px; }
.main-header .link { text-align:center; }
.item-info h1 { margin-top:0; }

.has--primary { background:#232222; }
.has--primary * { color:#fff!important; }

.has--accent { background:#619c43; }
.has--accent * { color:#fff!important; }

.has--gray { background:#6b6b6b; }
.has--light { background:#efefef; }
.has--light * { color:#000!important; }
.is--black { color:#000; }


@media(min-width:768px){
    .toolbar { text-align:right; }
}
.is--block { display:block; }



.main-content { padding-top:40px; padding-bottom:40px; }
.main-content table,
.technical-data table { max-width:100%; width:100%!important; }
.technical-data--image img { display:inline-block!important; }
@media(max-width:767px){
  .technical-data--text { text-align:center; margin-top:15px; margin-bottom:30px; }
  .technical-data--text h3 {  text-decoration:underline; }
}
.shop--link a { display:inline-block; padding:15px; border-left:1px solid #eee;  }
.shop--link .smaller { font-size:14px; color:#ccc; }
.shop--link .bigger { font-size:24px; color:#ccc; }


@media(min-width:768px){
  .shop--link { text-align:right; }
}

.item-gallery  { padding:15px 40px; }
.thumbnails { font-size:0;  }
.thumbnails label { display:inline-block; width:16.66667%; }
.thumbnails label+label { border-left:4px solid #fff; }

.big-image img { display:none; padding-bottom:15px; } 
#thumb_1:checked ~ .big-image [data-count="1"] { display:inline-block; }
#thumb_2:checked ~ .big-image [data-count="2"] { display:inline-block; }
#thumb_3:checked ~ .big-image [data-count="3"] { display:inline-block; }
#thumb_4:checked ~ .big-image [data-count="4"] { display:inline-block; }
#thumb_5:checked ~ .big-image [data-count="5"] { display:inline-block; }
#thumb_6:checked ~ .big-image [data-count="6"] { display:inline-block; }
#thumb_7:checked ~ .big-image [data-count="7"] { display:inline-block; }
#thumb_8:checked ~ .big-image [data-count="8"] { display:inline-block; }
#thumb_9:checked ~ .big-image [data-count="9"] { display:inline-block; }
#thumb_10:checked ~ .big-image [data-count="10"] { display:inline-block; }

.thumbnails img { cursor:pointer; }


.item-info { background:url(../images/description-bg.png) center center no-repeat; }
.item-info ul { list-style:none; margin:0; padding:0; }
.item-info li { padding-left:25px; position:relative;  }
.item-info p, .item-info li { color:#6b6b6b; }
.item-info li::before { font-family:"Glyphicons Halflings"; position:absolute; left:0; top:0px; content:"\e013"; color:#619c43; }

@media(min-width:768px){
  .technical-data {
    display: flex;
    align-items: center;
  }

}

.row.footer + div { padding-top:50px; text-align:center; padding-bottom:25px; }




@media(max-width:480px){
  .main-content table,
.technical-data table { font-size:9px; }
}

.steps, .step   { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.step           { background:#619c43; border:1px solid #fff; }

.step .num      { color:#fff; background:rgba(0,0,0,0.5); width:20%; font-size:36px; font-weight:bold; padding:15px; height:100%;  position:relative; justify-content:center; align-items: center; opacity:.3; display:flex; align-items:center; }
.step .text     { color:#fff; width:80%; font-size:14px; padding:15px; height:100%; }
.step .text p   { line-height:1; }
.step .num::before {
    position:absolute;
    content:"";
    width: 0;
    height: 0;
    top:50%;
    right:-10px;
    margin-top:-10px;
    border-style: solid;
    border-width:15px 0 15px 10px;
    border-color: transparent transparent transparent rgba(0,0,0,0.5);
}
@media(min-width:480px){ .step { width:50%; } }
@media(min-width:768px){ .step { width:33.3333%; } }
@media(min-width:992px){ .step .num { font-size: 56px; }
}