@charset "UTF-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,400italic,600italic,700italic);

body {
width: 100%;
position:relative;
}
#container{
width: 1133px;
background-color: #fff;
padding-bottom: 20px;
margin-left: auto;
margin-right: auto;
}
#header {
width: 1133px;
height: 167px;
}
#counter {
background-color: #000;
width: 320px;
height: 75px;
margin-top: 45px;
margin-left: 330px;
padding: 5px;
}
#artikelbild img {
border-radius: 3px;
border: 1px solid #e8e8e8;
margin-bottom: 0px;
}
#artikelbild_klein img {
  border-radius: 3px;
border: 1px solid #e8e8e8;
}
/*img {
  border-radius: 3px;
  border: 1px solid #e8e8e8;
}*/
img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto; 
}
#extras{
}
#kartei_artikelbeschreibung {
width: 420px;
height: 440px;
margin-bottom: 20px;
}
/*Start Style Reiter*/
#wrapper {
width: 100%;
height: 100%;
padding: 0px;
background-color:#fff;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
img width: 1133px;
}
.tab-content {
clear:both;
border-radius: 4px;
border: 1px solid #e8e8e8;
border-width: 1px 1px 1px 1px;
width: 1133px;
padding: 0px;
box-shadow: 0px 3px 5px #bbbbbb;
background-color: #fff
}
.tabrow {
/*text-align: center;*/
list-style: none;
margin: 0px 0px -1px;
/*padding: 0;*/
line-height: 34px;
height: 35px;
overflow: hidden;
position: relative;
}
.tabrow lx {
border: 1px solid #e8e8e8;
background: #f8f8f8;
display: inline-block;
position: relative;
z-index: 0;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #FFF;
text-shadow: 0 1px #FFF;
margin: 0 -5px;
padding: 0 0px;
}
.tabrow a {
color: #555;
text-decoration: none;
padding: 6px 20px 6px 20px;
}
.tabrow lx.selected {
background: #FFF;
color: #333;
z-index: 2;
border-bottom-color: #FFF;
font-weight:bold;
}
.tabrow:before {
position: absolute;
content: " ";
width: 100%;
bottom: 0;
left: 0;
/*border-bottom: 1px solid #AAA;*/
z-index: 1;
}
.tabrow lx:before,
.tabrow lx:after {
border: 1px solid #AAA;
position: absolute;
bottom: -1px;
width: 5px;
height: 0px;
content: " ";
}
.tabrow lx:before {
left: -6px;
border-bottom-right-radius: 6px;
border-width: 0 1px 1px 0;
box-shadow: 2px 2px 0 #D1D1D1;
}
.tabrow lx:after {
right: -6px;
border-bottom-left-radius: 6px;
border-width: 0 0 1px 1px;
box-shadow: -2px 2px 0 #D1D1D1;
}
.tabrow lx.selected:before {
box-shadow: 2px 2px 0 #FFF;
}
.tabrow lx.selected:after {
box-shadow: -2px 2px 0 #FFF;
}
/*Style Reiter small*/
.tab-contentsmall {
clear:both;
border-radius: 3px;
border: 1px solid #e8e8e8;
border-width: 1px 1px 1px 1px;
max-height: 100%;
min-height: 280px;
width: 560px;
padding: 15px;
box-shadow: 2px 3px 5px #fff;
background-color: #f8f8f8;
overflow:scroll;
}
.tabrowsmall {
/*text-align: center;*/
list-style: none;
margin: 0px -25px 0px;
/*padding: 0;*/
line-height: 34px;
height: 35px;
overflow: hidden;
position: relative;
}
.tabrowsmall lx {
border: 1px solid #e8e8e8;
background: #fff;
display: inline-block;
position: relative;
z-index: 0;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
box-shadow: 0 0px 0px rgba(0, 0, 0, 0), inset 0 1px 0 #FFF;
text-shadow: 0 1px #FFF;
margin: 0 -5px;
padding: 0 0px;
}
.tabrowsmall a {
color: #555;
text-decoration: none;
padding: 6px 20px 6px 20px;
}
.tabrowsmall lx.selectedsmall {
background: #f7f7f7;
color: #333;
z-index: 2;
border-bottom-color: #FFF;
font-weight:bold;
}
.tabrowsmall:before {
position: absolute;
content: " ";
width: 100%;
bottom: 0;
left: 0;
/*border-bottom: 1px solid #AAA;*/
z-index: 1;
}
.tabrowsmall lx:before,
.tabrowsmall lx:after {
border: 1px solid #AAA;
position: absolute;
bottom: -1px;
width: 5px;
height: 0px;
content: " ";
}
.tabrowsmall lx:before {
left: -6px;
border-bottom-right-radius: 6px;
border-width: 0 1px 1px 0;
box-shadow: 2px 2px 0 #D1D1D1;
}
.tabrowsmall lx:after {
right: -6px;
border-bottom-left-radius: 6px;
border-width: 0 0 1px 1px;
box-shadow: -2px 2px 0 #D1D1D1;
}
.tabrowsmall lx.selectedsmall:before {
box-shadow: 2px 2px 0 #FFF;
}
.tabrowsmall lx.selectedsmall:after {
box-shadow: -2px 2px 0 #FFF;
}
/*Style Reiter AGB*/
.tab-contentagb {
clear:both;
border-radius: 4px;
border: 1px solid #e8e8e8;
border-width: 1px 1px 1px 1px;
width: 1310px;
padding: 20px;
box-shadow: 0px 3px 5px #999;
background-color: #fff
}
.tabrowagb {
/*text-align: center;*/
list-style: none;
margin: 0px 0px -1px;
/*padding: 0;*/
line-height: 35px;
height: 36px;
overflow: hidden;
position: relative;
}
.tabrowagb li {
border: 1px solid #e8e8e8;
background: #D1D1D1;
background: -o-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
background: -ms-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
background: -moz-linear-gradient(top, #f7f7f7 50%, #f7f7f7 100%);
background: -webkit-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
background: linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
display: inline-block;
position: relative;
z-index: 0;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
box-shadow: 0 0px 0px rgba(0, 0, 0, 0.4), inset 0 1px 0 #FFF;
text-shadow: 0 1px #FFF;
margin: 0 -5px;
padding: 0 20px;
}
.tabrowagb a {
color: #555;
text-decoration: none;
}
.tabrowagb li.selectedagb {
background: #FFF;
color: #333;
z-index: 2;
border-bottom-color: #FFF;
font-weight:bold;
}
.tabrowagb:before {
position: absolute;
content: " ";
width: 100%;
bottom: 0;
left: 0;
/*border-bottom: 1px solid #AAA;*/
z-index: 1;
}
.tabrowagb li:before,
.tabrowagb li:after {
border: 1px solid #AAA;
position: absolute;
bottom: -1px;
width: 5px;
height: 0px;
content: " ";
}
.tabrowagb li:before {
left: -6px;
border-bottom-right-radius: 6px;
border-width: 0 1px 1px 0;
box-shadow: 2px 2px 0 #D1D1D1;
}
.tabrowagb li:after {
right: -6px;
border-bottom-left-radius: 6px;
border-width: 0 0 1px 1px;
box-shadow: -2px 2px 0 #D1D1D1;
}
.tabrowagb li.selectedagb:before {
box-shadow: 2px 2px 0 #FFF;
}
.tabrowagb li.selectedagb:after {
box-shadow: -2px 2px 0 #FFF;
}
#zusatzinfo {
margin-top: 30px;
margin-bottom: 30px;
min-height:100px;
clear:both;
border-radius: 10px;
border: 1px solid #aaa;
border-width: 1px 1px 1px 1px;
width: 920px;
padding: 20px;
box-shadow: 3px 4px 5px #666;
background-color: #fff
}
#batterietext {
margin-top: 30px;
margin-bottom: 30px;
min-height:100px;
clear:both;
border-radius: 4px;
border: 1px solid #e8e8e8;
border-width: 1px 1px 1px 1px;
width: 1133px;
padding: 0px;
box-shadow: 0px 3px 5px #bbbbbb;
background-color: #fff
}
.verlinkung {
margin-top: 30px;
margin-bottom: 30px;
min-height:100px;
clear:both;
border-radius: 4px;
border: 1px solid #e8e8e8;
border-width: 1px 1px 1px 1px;
width: 1133px;
padding: 0px;
box-shadow: 0px 3px 5px #bbbbbb;
background-color: #f8f8f8
}
p { 
margin-top: 0;
margin-bottom: 0;
color: #333;
}
ul {
color: #333;
}


/* Navimeneu */

.container {
  width: 100%;
  height: 100%;
}

.tutorial {
  width: 100%;
  margin: 0px auto 0 auto;
  background-color: #f8f8f8;
}
.tab-content .information {
  width: 100%;
  padding: 0px 0px;
  margin-bottom: 10px;
  font-family: "Open Sans", Arial;
}
.tab-content .information h1 {
  font-weight: 700;
  color: #555;
  font-size: 1.5rem;
  padding: 0px 15px;
  border-left: 4px solid #e57eb6;
  margin-top: 0px;
}
.tab-content .information h3 {
  color: #e0e0e0;
  font-size: 1rem;
  font-weight: 400;
  padding: 0px 10px;
  border-left: 3px solid #e57eb6;
}
.tutorial .information p {
  padding: 10px 0px;
}
.tutorial ul {
margin-left: 0px;
  font-size: 0;
  list-style-type: none;
  z-index: 99;
  position: relative;
  padding: 0 0 0 0;
}
.tutorial ul li {
  font-family: "Open Sans", Arial;
  font-size: 0.835rem;
  font-weight: 400;
  color: #333;
  display: inline-block;
  padding: 0px;
  position: relative;
  }
.tutorial ul li ul {
  display: none;
}
.tutorial ul li:hover {
  cursor: pointer;
  background-color: #e57eb6;
  font-weight: bold;
}
.tutorial ul li:hover ul {
  display: block;
  margin-top: 0px;
  width: 300px;
  left: 0;
  position: absolute;
}
.tutorial ul li:hover ul li {
  display: block;
  background-color: #e7e7e7;
}
.tutorial ul li:hover ul li span {
  float: right;
  color: #f9f9f9;
  background-color: #d90000;
  padding: 2px 5px;
  text-align: center;
  font-size: .8rem;
  border-radius: 3px;
}
.tutorial ul li:hover ul li:hover {
  background-color: #eeabcf;
}
.tutorial ul li:hover ul li:hover span {
  background-color: #d90000;
}

.tabs__link {
color: #555;
font-family: "Open Sans", Arial;
font-weight: bold;
text-decoration:none;
vertical-align: middle;
}
.tutorial a {
display: block;
padding: 15px 8px 15px 8px;
color: #555;
text-decoration: none;
}


/* Größenanpassungen für Texte hier vornehmen */

#batterietext_size {
  width: 1133px;
  height: 1160px;
}
#kaufabwicklung_size {
  width: 1133px;
  height: 930px;
}
#lieferung_size {
  width: 1133px;
  height: 620px;
}
#bezahlung_size {
  width: 1133px;
  height: 920px;
}
#video_box {
  margin-top: 10px;
width: 560px;
padding: 15px;
background-color: #f8f8f8;
border: 1px solid #e8e8e8;
border-radius: 3px;
}
.cross_selling_titel p {
text-align: center;
font-family: "Open Sans", Arial;
font-weight: 400;
font-size: 1.4rem;
position: relative;
color: #777;    
margin: 0 0px 0px 0px;
padding: 0px 0px 10px; 
text-shadow: 0 1px #fff;
}
#zertifikat_box {
margin-top: 10px;
max-width: 560px;
padding: 15px;
background-color: #f8f8f8;
border: 1px solid #e8e8e8;
border-radius: 3px;
font-family: "Open Sans", Arial;
text-align: left;
font-size: 12px;
}