.chooseColor_box1 {
/* FARBE BOX EINS */

background-color: #4B484F;
}

.chooseColor_box2 {
/* FARBE BOX ZWEI */

background-color: #5A3322;
}

.chooseColor_box3 {
/* FARBE BOX DREI */

background-color: #A5734E;
}

.chooseColor_box4 {
/* FARBE BOX VIER */

background-color: #010133;
}

.chooseColor_box5 {
/* FARBE BOX FÃœNF */

background-color: #192C78;
}

.chooseColor_box6 {
/* FARBE BOX SECHS */

background-color: #27ae60;
}

.chooseColor_box7 {
/* FARBE BOX SIEBEN */

background-color: #e74c3c;
}

.chooseColor_box8 {
/* FARBE BOX ACHT */

background-color: #d35400;
}

.chooseColor_box9 {
/* FARBE BOX NEUN */

background-color: #f1c40f;
}

.chooseColor_box10 {
/* FARBE BOX ZEHN */

background-color: #F6F0DA;
}

.chooseColor_box11 {
/* FARBE BOX ELF */

background-color: #ffffff;
}

.chooseColor_box12 {
/* FARBE BOX ZWOELF */

background-color: #ffffff;
}

#chooseColor {
margin-top: 20px;
}

#chooseColor h1 {
font-family: 'lato', sans-serif;
font-size: 15px;
font-weight: 400;
color: #555;
}

#chooseColor:hover h1 {
color: #e67e22;
}

.chooseColor_box1,
.chooseColor_box2,
.chooseColor_box3,
.chooseColor_box4,
.chooseColor_box5,
.chooseColor_box6,
.chooseColor_box7,
.chooseColor_box8,
.chooseColor_box9,
.chooseColor_box10,
.chooseColor_box11,
.chooseColor_box12 {
border-style: solid;
border-width: 1px;
border-color: #ebebeb;
width: 28px;
height: 28px;
margin-bottom: 5px;
}

#chooseColor p {
display: none;
position: relative;
margin: 0;
font-size: 10px;
text-align: center;
line-height: 1;
}

.colorContainer {
width: 30px;
height: 46px;
display: inline-block;
vertical-align: top;
text-align: center;
margin-right: 3px;
}

.colorContainer:hover {
cursor: pointer;
}

.colorContainer:hover p {
display: block !important;
}

h1 {
font-size: 26px;
font-weight: 400;
}
/*ANIMATIONEN*/

.animated {
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both
}

@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0)
}
}

@-moz-keyframes fadeInRight {
0% {
opacity: 0;
-moz-transform: translateX(20px)
}
100% {
opacity: 1;
-moz-transform: translateX(0)
}
}

@-o-keyframes fadeInRight {
0% {
opacity: 0;
-o-transform: translateX(20px)
}
100% {
opacity: 1;
-o-transform: translateX(0)
}
}

@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(20px)
}
100% {
opacity: 1;
transform: translateX(0)
}
}

.fadeInRight {
-webkit-animation-name: fadeInRight;
-moz-animation-name: fadeInRight;
-o-animation-name: fadeInRight;
animation-name: fadeInRight
}
/*Wrapper*/

#wrapper {
margin: 0 auto;
min-width: 320px;
max-width: 1280px;
padding-top: 50px;
padding-right: 20px;
font-family: 'Lato', sans-serif;
text-decoration: none;
}

.header {
margin-bottom: 30px;
position: relative;
}

.header a,
.header a:visited {
text-decoration: none;
color: #8c8c8e;
}

.logoHelper img {
max-width: 300px;
max-height: 180px;
width: auto;
height: auto;
}

.navHelper {
margin-left: 350px;
position: absolute;
top: 40%;
}

.navHelper ul {
padding: 0;
margin: 0;
}

.navHelper ul li {
display: inline;
color: #8c8c8e;
font-weight: 400;
margin-left: 40px;
font-size: 16px;
-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
}

.header ul li:hover {
color: #000;
cursor: pointer;
}

.header ul li a:hover {
color: #000;
cursor: pointer;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.UpperBody {
overflow: hidden;
padding-top: 30px;
margin-bottom: 60px;
border-top: solid;
border-color: #F7F6F6;
border-width: 1px;
}

.Picsarea {
float: left;
width: 400px;
}

.BigPic {
position: relative;
height: 400px;
width: 400px;
display: block;
text-align: center;
border-style: solid;
border-width: 1px;
border-color: #ebebeb;
}

.BigPic img {
max-height: 400px;
width: auto;
max-width: 400px;
height: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
position: absolute;
}

.PicsNav {
margin-top: 10px;
}

.PicsNavImgContainer {
width: 64px;
height: 64px;
display: table-cell;
vertical-align: middle;
text-align: center;
cursor: pointer;
float: left;
/*border-style:solid;
border-width:1px;
border-color:#ebebeb;*/

margin: 2px;
}

.PicsNav img {
max-width: 64px;
height: auto;
max-height: 64px;
width: auto;
}

.PicsNavThumb {
width: 64px;
height: 64px;
display: table-cell;
vertical-align: middle;
text-align: center;
cursor: pointer;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.Overview {
margin-right: 160px;
}

.Overview:hover h1 {
color: #e67e22;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.OverviewHeading {
margin-left: 420px;
padding-top: 10px;
margin-right: 10px;
}

.OverviewHeading h1 {
font-size: 30px;
padding: 10px 0 10px 0;
margin: 0;
color: #000;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.OverviewHeading h3 {
margin-top: 17px;
color: #aaa;
font-weight: 300;
font-size: 14px;
text-decoration: line-through;
}

.OverviewHeading h2 {
margin-top: 5px;
color: #FF5C26;
font-size: 26px;
font-weight: normal;
}

.NewPrice {
color: #FF5C26;
font-size: 26px;
}

.OverviewDetail {
float: left;
padding-left: 20px;
}

.OverviewDetail p {
line-height: 2;
font-size: 13px;
color: #212121;
}

.OverviewDetail span {
color: #AAA;
margin-right: 4px;
}

.priceTagBox {
width: 410px;
/*height: 65px;*/

height: 75px;
background-color: #22313F;
-moz-border-radius: 5px;
border-radius: 5px;
/*padding: 25px 0 0 20px;*/

padding: 35px 0 0 20px;
font-family: 'Lato', sans-serif;
margin-top: 24px;
}

.priceTagBox h1 {
color: #e67e22;
font-weight: normal;
display: inline-block;
padding: 0;
margin: 0 0 10px 0;
font-size: 32px;
}

.priceTagBox h2 {
color: #fff;
font-size: 14px;
font-weight: normal;
margin: 0 0 0 2px;
padding: 0;
}

.priceTagBox h3 {
color: #fff;
font-weight: normal;
font-size: 14px;
padding-top: 5px;
margin: 0;
}

.priceTagBox h3 img {
width: 12px;
height: 12px;
margin: 0 5px 0 4px;
}

.uiButton {
display: block;
text-decoration: none;
-moz-border-radius: 3px;
border-radius: 3px;
width: 210px;
height: 37px;
background-color: #2C3E50;
box-shadow: 0px 3px 0px #22313F;
cursor: pointer;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
float: left;
margin: 10px 10px 0 0;
}

.uiButton:hover {
background-color: #e67e22;
box-shadow: 0px 3px 0px #d35400;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}

.uiButton:active {
text-decoration: none;
background-color: #d35400;
box-shadow: 0px 3px 0px #d35400;
-webkit-transition: all 0.0s ease-in-out;
-moz-transition: all 0.0s ease-in-out;
-o-transition: all 0.0s ease-in-out;
transition: all 0.0s ease-in-out;
}

.innerbox {
height: 37px;
width: 40px;
background-color: #fff;
float: left;
-moz-border-radius: 0px;
-webkit-border-radius: 3px 0px 0px 3px;
border-radius: 3px 0px 0px 3px;
opacity: 0.2;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"
}

.uiButton img,
#buyItNowButton img {
width: 37px;
height: 37px;
position: relative;
left: -38px;
float: left;
}

#buyItNowButton img {
position: relative;
top: -1px;
}

.uiButton p,
#buyItNowButton p {
height: 40px;
padding-top: 5px;
color: #fff;
font-size: 14px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
font-family: 'Lato', sans-serif;
text-transform: uppercase;
position: relative;
left: -25px;
margin: 0;
}

#buyItNowButton {
display: inline-block;
float: right;
margin-right: 20px;
margin-top: 2px;
text-decoration: none;
-moz-border-radius: 3px;
border-radius: 3px;
width: 195px;
height: 35px;
background-color: #e67e22;
cursor: pointer;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

#buyItNowButton .innerbox {
height: 35px;
}

#buyItNowButton p {
padding-top: 3px;
}

#buyItNowButton:hover {
background-color: #d35400;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}

#buyItNowButton:active {
text-decoration: none;
}

.RightContainer {
width: 150px;
height: 400px;
padding-left: 10px;
border-left-style: solid;
border-left-color: #EBEBEB;
border-left-width: 1px;
float: right;
}

.BrandView {
text-align: center;
height: 45px;
margin-top: 25px;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom-color: 1px solid #EBEBEB;
}

.BrandView img {
max-width: 150px;
width: auto;
max-height: 74px;
height: auto;
}

.BrandView span {
margin-top: 12px;
font-size: 14px;
}

.TrustViewDescription {
font-size: 12px;
display: inline-block;
margin-bottom: 16px;
}

.TrustViewDescription a {
text-decoration: none;
color: #000;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}

.TrustViewDescription:hover a {
color: #e67e22;
-webkit-transition: all 0.1s ease-in-osut;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}

.TrustViewDescription img {
width: 16px;
margin: 4px 16px 8px 12px;
height: auto;
display: inline-block;
}

.TrustViewDescriptionText {
width: 100px;
display: inline-block;
vertical-align: top;
padding-top: 1px;
}

.TrustViewDescriptionText p {
padding: 0;
margin: 0;
}

.TrustViewDescriptionText p {}
/*========== tabs ==========*/

#tab1,
#tab2,
#tab3,
#tab4,
#tab5:hover {}

#tab2,
#tab3,
#tab4,
#tab5 {
display: none;
}

.tablinks {
left: 0 !important;
width: 100%;
height: 29px;
padding: 0;
list-style: none;
}

.tablinks li {
float: left;
width: 32.5%;
height: 35px;
background-color: #EFF0EB;
display: inline-block;
text-align: center;
font-size: 18px;
font-family: 'Lato', sans-serif;
color: #666666;
padding-top: 10px;
margin-right: 1.25%;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}

.tablinks li:hover {
color: #fff;
background-color: #E67E22;
cursor: pointer;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
text-decoration: none;
}

.tablinks li span {
width: 100%;
height: 35px;
background-color: #E67E22;
display: inline-block;
text-align: center;
font-size: 18px;
font-family: 'Lato', sans-serif;
color: #fff;
padding-top: 10px;
}

.tabcontent {
margin: 0;
padding: 40px 0 0 0;
text-align: justify;
}

.tabcontent a,
.tabcontent a:visited {
color: #e67e22;
text-decoration: none;
}

.tabcontent a:hover {
color: #e67e22;
text-decoration: underline;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.tabcontent h1,
.tabContainer h1 {
font-size: 28px;
font-weight: lighter;
font-family: 'Lato', sans-serif;
margin-top: 0;
text-align: left;
}

.tabContainer {
padding-bottom: 50px;
font: 16px Lato;
}

.tabcontent {
font: 16px Lato;
white-space: pre-line;
color: #111;
}

.tabContainer ul,
.tabContainer ol {
font: 16px Lato;
}

.contentImgLeft {
float: left;
margin-top: 0;
margin-right: 15px;
margin-bottom: 15px;
margin-left: 0px;
}

.contentImgRight {
float: right;
margin-top: 0;
margin-right: 0px;
margin-bottom: 15px;
margin-left: 15px;
}

.contentImgInline {
display: inline-block;
margin-top: 0;
margin-right: 0px;
margin-bottom: 15px;
margin-left: 15px;
}

.circle {
width: 76px;
height: 76px;
border-radius: 500px;
background-color: #fff;
display: block;
margin: 0 auto;
position: relative;
top: -38px;
}

.features {
width: 100%;
border: 2px solid #e67e22;
overflow: hidden;
position: relative;
padding: 20px 0 0 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-top: 60px;
}

.features img {
width: 36px !important;
height: 36px !important;
position: relative;
left: 2%;
top: 21px;
}

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

.featuresBlock {
width: 19%;
height: 370px;
padding: 0 15px;
background-color: #EFF0EB;
border-radius: 5px;
display: inline-block;
vertical-align: top;
margin-left: 1%;
margin-right: 1%;
margin-top: 45px;
margin-bottom: 40px;
position: relative;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-align: center;
}

.featuresBlock:hover {
cursor: default;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.featuresBlock h1 {
margin-top: 0px;
font-family: 'Roboto Slab', serif;
font-size: 20px;
font-weight: 500;
color: #666666;
text-align: center;
}

.featuresBlock p {
margin-top: 25px;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #666666;
}
/* =========================== */
/* ====== METRO GALLERY ====== */
/* =========================== */

.bsWrapper {
text-align: center;
width: 100%;
clear: both;
}

.bsContainer {
display: inline-block;
vertical-align: top;
clear: both;
margin-top: 80px;
}

#bsContainer1 {
margin-right: 10px;
}

#bsContainer2 {
margin-left: 10px;
}

.bsContainer > h2 {
font-size: 24px;
color: #666666;
text-transform: uppercase;
padding: 0;
margin: 0 0 10px 0;
font-weight: 400;
}

.bsitem1,
.bsitem2,
.bsitem3,
.bsitem4 {
width: 240px;
display: inline-block;
text-decoration: none;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
-o-transition: -o-transform 0.3s;
-ms-transition: -ms-transform 0.3s;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-o-transform: scale(0.8);
-ms-transform: scale(0.8);
border: 2px solid #ebebeb;
}

.bsitem1:hover,
.bsitem2:hover,
.bsitem3:hover,
.bsitem4:hover {
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
-o-transition: -o-transform 0.3s;
-ms-transition: -ms-transform 0.3s;
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
-o-transform: scale(1.0);
-ms-transform: scale(1.0);
}

.bsitem1,
.bsitem1:hover {
-webkit-transform-origin: bottom right;
-moz-transform-origin: bottom right;
-o-transform-origin: bottom right;
-ms-transform-origin: bottom right;
}

.bsitem2,
.bsitem2:hover {
-webkit-transform-origin: bottom left;
-moz-transform-origin: bottom left;
-o-transform-origin: bottom left;
-ms-transform-origin: bottom left;
}

.bsitem3,
.bsitem3:hover {
-webkit-transform-origin: top right;
-moz-transform-origin: top right;
-o-transform-origin: top right;
-ms-transform-origin: top right;
}

.bsitem4,
.bsitem4:hover {
-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-o-transform-origin: top left;
-ms-transform-origin: top left;
}
/* ============================ */
/* ====== IMAGE CAPTIONS ====== */
/* ============================ */

.figure {
display: block;
position: relative;
float: left;
overflow: hidden;
padding: 0;
margin: 0;
}

.figure img {
width: 100%;
height: auto;
}

.figcaption {
text-align: center;
position: absolute;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.7);
color: white;
opacity: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
width: 240px;
height: 80px;
padding: 10px;
}

.figure:hover .figcaption {
opacity: 1;
}

.figure:hover:before {}

.cap-bot .figcaption {
left: 0;
bottom: -100%;
}

.cap-bot:hover .figcaption {
bottom: 0;
}

.figcaption h1 {
font-size: 14px;
padding: 0;
margin: 0;
font-weight: 400;
font-family: 'Lato', sans-serif;
position: relative;
left: -10px;
}

.figcaption h2 {
font-size: 16px;
padding: 10px 0 0 0;
margin: 0;
font-weight: 400;
font-family: 'Lato', sans-serif;
position: relative;
left: -13px;
top: -2px;
}

.footerContainer {
background-color: #22313F;
width: 100%;
height: 240px;
margin: 100px 0 0 0;
padding: 40px 0 0 0;
}

.footerColumn1 {
float: left;
width: 200px;
height: 180px;
margin-left: 35px;
}

.footerColumn3 {
float: left;
width: 205px;
height: 180px;
margin-left: 35px;
}

.footerColumn4 {
float: left;
width: 250px;
height: 180px;
margin-left: 35px;
}

.footerColumn2 {
float: left;
width: 200px;
height: 180px;
margin-left: 35px;
}

.footerContainer h1 {
font-size: 18px;
color: #fff;
margin: 0 0 26px 0;
font-weight: 300;
padding: 0;
}

.footerColumn1 img {
float: left;
max-width: 26px;
height: auto;
max-height: 26px;
width: auto;
position: relative;
top: 3px;
}

.footerColumn3 img {
float: left;
max-width: 26px;
height: auto;
max-height: 26px;
width: auto;
}

.footerColumn2 img {
float: left;
max-width: 42px;
height: auto;
max-height: 42px;
width: auto;
}

.footerRow {
height: 28px;
margin-bottom: 20px;
}

.footerColumn1 p {
font-size: 12px;
color: #D6D6D6;
margin: 0 0 0 40px;
margin-bottom: 0;
padding: 0;
}

.footerColumn2 p {
height: 30px;
font-size: 12px;
color: #D6D6D6;
margin-left: 15px;
font-weight: 400;
float: left;
}

.footerColumn3 p {
font-size: 12px;
color: #D6D6D6;
margin: 5px 0 0 15px;
display: block;
font-weight: 400;
float: left;
}

.footerColumn4 p {
font-size: 12px;
color: #D6D6D6;
font-weight: 400;
clear: both;
}

.footerColumn4 span {
font-weight: 400;
margin-top: 5px;
}

#copyright {
float: right;
color: #D6D6D6;
font-size: 9px;
margin: 85px 40px 0 0;
}

#copyright a {
color: #ffffff;
text-decoration: none;
}

.measurements-table {
font-family: sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 115%;
width: 100%;
overflow: auto;
display: block;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.measurements-table td a,
.measurements-table td a:visited {
color: #6F6F6F;
text-decoration: none;
}

.measurements-table a:hover {
color: #e67e22;
text-decoration: underline;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.measurements-table th {
background-color: #e67e22;
font-weight: normal;
color: white;
padding: 10px 20px;
text-align: center;
}

.measurements-table td {
background-color: #EEEEEE;
color: #6F6F6F;
width: 10%;
padding: 10px 30px;
text-align: center;
}

.OverviewDetail-table {
display: block;
padding: 0;
margin: 0;
}

.OverviewDetail-table th {
font-weight: normal;
line-height: 1.8;
font-size: 13px;
color: #212121;
text-align: left;
}

.OverviewDetail-table td {
margin-right: 4px;
font-size: 13px;
color: #212121;
}

#chooseSize {
margin-top: 13px;
}

#chooseSize h1 {
font-family: 'lato', sans-serif;
font-size: 15px;
font-weight: 400;
color: #555;
}

#chooseSize:hover h1 {
color: #e67e22;
}

.chooseSize_box {
width: 97px;
height: 32px;
background-color: #EFF0EB;
color: #666666;
margin-right: 10px;
display: inline-block;
font-size: 17px;
text-align: center;
padding-top: 8px;
}
/*#sortimentInfo {
background-color: yellow;
width: 1000px;
height: 300px;
margin: 0 auto;
margin-top: 30px;
margin-bottom: 80px;
padding: 20px;
border-style: solid;
border-width: 1px;
border-color: #ebebeb;
text-align: center;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#sortimentInfo:hover {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
border-style: solid;
border-width: 1px;
border-color: #e67e22;
}
#sortimentInfo h1 {
font-family: "open sans", sans-serif;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#sortimentInfo:hover h1 {
color: #e67e22;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#sortimentInfo p {
text-align: justify;
}*/

.RightContainer {
display: block;
}

#rcT {
display: none;
}
/*****************/
/* TABLET 1050px */
/*****************/

@media only screen and (max-width: 1050px),
only screen and (max-width: 1050px) and (-moz-min-device-pixel-ratio: 3),
only screen and (max-width: 1050px) and (-o-min-device-pixel-ratio: 3/2),
only screen and (max-width: 1050px) and (-webkit-min-device-pixel-ratio: 3),
only screen and (max-width: 1050px) and (min-device-pixel-ratio: 3),
only screen and (max-width: 1050px) and (-moz-min-device-pixel-ratio: 2),
only screen and (max-width: 1050px) and (-o-min-device-pixel-ratio: 2/1),
only screen and (max-width: 1050px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 1050px) and (min-device-pixel-ratio: 2),
only screen and (max-width: 1050px) and (-moz-min-device-pixel-ratio: 3),
only screen and (max-width: 1050px) and (-o-min-device-pixel-ratio: 3),
only screen and (max-width: 1050px) and (-webkit-min-device-pixel-ratio: 3),
only screen and (max-width: 1050px) and (min-device-pixel-ratio: 3),
only screen and (max-width: 1050px) and (-webkit-min-device-pixel-ratio: 1.5) {
.bsItem1,
.bsItem2,
.bsItem3,
.bsItem4,
.figcaption {
width: 210px;
}
}
/*****************/
/* TABLET 1024px */
/*****************/

@media only screen and (max-width: 1050px),
only screen and (max-width: 1050px) and (-moz-min-device-pixel-ratio: 3),
only screen and (max-width: 1050px) and (-o-min-device-pixel-ratio: 3/2),
only screen and (max-width: 1050px) and (-webkit-min-device-pixel-ratio: 3),
only screen and (max-width: 1050px) and (min-device-pixel-ratio: 3),
only screen and (max-width: 1050px) and (-moz-min-device-pixel-ratio: 2),
only screen and (max-width: 1050px) and (-o-min-device-pixel-ratio: 2/1),
only screen and (max-width: 1050px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 1050px) and (min-device-pixel-ratio: 2),
only screen and (max-width: 1050px) and (-moz-min-device-pixel-ratio: 3),
only screen and (max-width: 1050px) and (-o-min-device-pixel-ratio: 3),
only screen and (max-width: 1050px) and (-webkit-min-device-pixel-ratio: 3),
only screen and (max-width: 1050px) and (min-device-pixel-ratio: 3),
only screen and (max-width: 1050px) and (-webkit-min-device-pixel-ratio: 1.5) {
.Overview {
overflow: auto;
margin-right: 0;
width: auto;
}
.OverviewHeading {
margin-left: 20px;
}
.RightContainer {
display: none;
}
#rcT {
display: block;
float: none;
clear: both;
width: auto;
height: auto;
text-align: center;
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
border-left: none;
padding-top: 16px;
margin-top: 30px;
}
.brandView {
display: none;
}
.TrustViewDescription {
width: 15%;
}
.TrustViewDescription img {
display: block;
margin-right: auto;
margin-left: auto;
}

.bsItem1,
.bsItem2,
.bsItem3,
.bsItem4{
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
-o-transform: scale(1.0);
-ms-transform: scale(1.0);
}

.figure .figcaption {
opacity: 1;
}

.cap-bot .figcaption {
bottom: 0;
}


.footerColumn2 {
display: none;
}
}
/****************/
/* TABLET 910px */
/****************/

@media only screen and (max-width: 910px),
only screen and (max-width: 910px) and (-moz-min-device-pixel-ratio: 3),
only screen and (max-width: 910px) and (-o-min-device-pixel-ratio: 3/2),
only screen and (max-width: 910px) and (-webkit-min-device-pixel-ratio: 3),
only screen and (max-width: 910px) and (min-device-pixel-ratio: 3),
only screen and (max-width: 910px) and (-moz-min-device-pixel-ratio: 2),
only screen and (max-width: 910px) and (-o-min-device-pixel-ratio: 2/1),
only screen and (max-width: 910px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 910px) and (min-device-pixel-ratio: 2),
only screen and (max-width: 910px) and (-moz-min-device-pixel-ratio: 3),
only screen and (max-width: 910px) and (-o-min-device-pixel-ratio: 3),
only screen and (max-width: 910px) and (-webkit-min-device-pixel-ratio: 3),
only screen and (max-width: 910px) and (min-device-pixel-ratio: 3),
only screen and (max-width: 910px) and (-webkit-min-device-pixel-ratio: 1.5) {
.logoHelper img {
max-width: 180px;
}
.navHelper {
margin-left: 180px;
}
.UpperBody {
text-align: center;
}
.Picsarea {
float: none;
width: auto;
margin-left: auto;
margin-right: auto;
position: relative;
text-align: center;
}
.BigPic {
margin: 0 auto;
}
.OverviewHeading {
width: 430px;
margin: 0 auto;
}
.OverviewDetail,
.OverviewDetail-table,
.priceTagBox {
display:block;
max-width:400px;
float: none;
margin-left: auto;
margin-right: auto;
}
.tabcontent > div {
width: 100% !important;
}
.tabcontent img {
display: none;
}
.featuresBlock {
width: 40%;
height: auto;
min-height: 350px;
}
.bsItem1,
.bsItem2,
.bsItem3,
.bsItem4,
.figcaption {
width: 240px;
}
.footerColumn3 {
display: none;
}
}
/********************/
/* SMARTPHONE 760px */
/********************/

@media only screen and (max-width: 760px),
only screen and (max-width: 760px) and (-moz-min-device-pixel-ratio: 3),
only screen and (max-width: 760px) and (-o-min-device-pixel-ratio: 3/2),
only screen and (max-width: 760px) and (-webkit-min-device-pixel-ratio: 3),
only screen and (max-width: 760px) and (min-device-pixel-ratio: 3),
only screen and (max-width: 760px) and (-moz-min-device-pixel-ratio: 2),
only screen and (max-width: 760px) and (-o-min-device-pixel-ratio: 2/1),
only screen and (max-width: 760px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 760px) and (min-device-pixel-ratio: 2),
only screen and (max-width: 760px) and (-moz-min-device-pixel-ratio: 3),
only screen and (max-width: 760px) and (-o-min-device-pixel-ratio: 3),
only screen and (max-width: 760px) and (-webkit-min-device-pixel-ratio: 3),
only screen and (max-width: 760px) and (min-device-pixel-ratio: 3),
only screen and (max-width: 760px) and (device-aspect-ratio: 9/16),
only screen and (device-width: 760px) and (device-height: 760px) and (-webkit-device-pixel-ratio: 3),
only screen and (max-width: 760px) and (-webkit-min-device-pixel-ratio: 1.5) {

.logoHelper{
width: 100%;
text-align: center;
margin-bottom: 30px;
}



.logoHelper img{
max-width: 85%;
}

.navHelper {
margin:0 auto;
position: static;
}

.navHelper ul li {
display: block;;
margin:20px auto;
text-align: center;
font-size: 16px;
}

.PicsArea {
height: 400px;
}

.BigPic {
width: auto;
max-width: 95%;
height: 400px;
}
.BigPic img {
width: auto;
max-width: 95%;
height: auto;
}

.OverviewHeading {
width: auto;
}

.OverviewDetail{
padding-left: 0;
}

.priceTagBox{
height: auto;
width: auto;
padding:30px 0;
}

#buyItNowButton{
float: none;
display: block;
margin:2px auto 0 auto;
}

#rcT {
display: none;
}

.bsItem1,
.bsItem2,
.bsItem3,
.bsItem4{ 
display: block;
overflow: auto;
border: 8px solid red;
text-align: center;
margin:20px auto 0 auto;
}

.bsContainer{
width: auto;
margin-right: 0;
display:block;
text-align: center;
}

.tablinks{
display: none;
}

#tab1 {
display: block !important;
}

.tabContainer {
padding-bottom: 0;
}

.tabcontent,
.tabcontent h1{
text-align: center;
padding-top: 0;
}

.tabcontent a{
display: none;
}

#tab2,
#tab3,
#tab4,
#tab5{
display: none !important;
}

.featuresBlock {
width: 80%;
height: auto;
min-height: 350px;
}

#bsContainer2{
display: none;
}

.footerContainer {
height: auto;
overflow: auto;
padding-top: 0;
padding-bottom: 60px;
}

.footerColumn1,
.footerColumn2,
.footerColumn3,
.footerColumn4{
float: none;
display: block;
height: auto;
margin: 60px 0 40px 40px !important;
}

}