html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
/* Schriftarten */
/* roboto-100 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
src: local(''),
url('fonts/roboto-v30-latin-100.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('fonts/roboto-v30-latin-100.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-100italic - latin */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 100;
src: local(''),
url('fonts/roboto-v30-latin-100italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('fonts/roboto-v30-latin-100italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-300 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local(''),
url('fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('fonts/roboto-v30-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-300italic - latin */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 300;
src: local(''),
url('fonts/roboto-v30-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('fonts/roboto-v30-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-regular - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local(''),
url('fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('fonts/roboto-v30-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-italic - latin */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 400;
src: local(''),
url('fonts/roboto-v30-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('fonts/roboto-v30-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-500 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local(''),
url('fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('fonts/roboto-v30-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-500italic - latin */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 500;
src: local(''),
url('fonts/roboto-v30-latin-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('fonts/roboto-v30-latin-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-700 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local(''),
url('fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('fonts/roboto-v30-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-700italic - latin */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 700;
src: local(''),
url('fonts/roboto-v30-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('fonts/roboto-v30-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-900 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 900;
src: local(''),
url('fonts/roboto-v30-latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('fonts/roboto-v30-latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-900italic - latin */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 900;
src: local(''),
url('fonts/roboto-v30-latin-900italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('fonts/roboto-v30-latin-900italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* archivo-narrow-regular - latin */
@font-face {
font-family: 'Archivo Narrow';
font-style: normal;
font-weight: 400;
src: local(''),
url('fonts/archivo-narrow-v24-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('fonts/archivo-narrow-v24-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* archivo-narrow-700 - latin */
@font-face {
font-family: 'Archivo Narrow';
font-style: normal;
font-weight: 700;
src: local(''),
url('fonts/archivo-narrow-v24-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('fonts/archivo-narrow-v24-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* archivo-narrow-italic - latin */
@font-face {
font-family: 'Archivo Narrow';
font-style: italic;
font-weight: 400;
src: local(''),
url('fonts/archivo-narrow-v24-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('fonts/archivo-narrow-v24-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* archivo-narrow-700italic - latin */
@font-face {
font-family: 'Archivo Narrow';
font-style: italic;
font-weight: 700;
src: local(''),
url('fonts/archivo-narrow-v24-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('fonts/archivo-narrow-v24-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
font-family: 'Bitter Italic';
src: url("fonts/Bitter-Italic.ttf");
}
@keyframes boxGrow
{
0% {
height: 0;
}
100% {
height: 100%;
}
}
.InfoArtikelMain {
background: #fff none repeat scroll 0 0;
border: 1px solid #ccc;
border-radius: 2px;
box-shadow: 0 1px 1px -1px rgba(153, 153, 153, 0.3);
box-sizing: border-box;
line-height: 25px;
margin: 20px auto;
padding: 20px;
width: calc(100% - 40px);
}
.InfoArtikelMain.FirstTxt
{
margin: 0 auto 20px;
}
.InfoArtikelMain h2 {
background-color: #e6eaef;
display: inline-block;
font-size: 16px;
font-weight: bold;
padding: 5px;
}
.arrow_open {
position: absolute;
right: 0;
}
#bannerSale, #bannerSaga, #bannerGel, #bannerWinter1, #bannerWinter2, #bannerWinter3
{
display: block;
height: 100%;
position: relative !important;
}
#saleTitleTxt.remove, #saleTitleTxtTop.remove
{
display: none;
}
#trigNavBtn {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 2147483647;
}
#saleBoxMobile {
position: relative;
}
.entryContent
{
display: none;
}
.disclaimer .entryDiv
{
color: #5f5f5f;
margin: 0;
background: url(../p/faqIcons.png) #f6f6f6 no-repeat;
background-position: right -57px;
overflow: hidden;
margin-bottom: 10px;
}
#disclaimerContent{
position: relative;
font-family: 'Archivo Narrow';
display: flex;
}
.disclaimer
{
font-weight: normal;
font-weight: normal;
padding: 0 20px;
width: calc(100% - 290px);
line-height: 25px;
}
.disclaimer h1 {
position: relative;
font-size: 22px;
text-transform: uppercase;
text-align: left;
line-height: 40px;
letter-spacing: 2px;
color: #5f5f5f;
margin-bottom: 10px;
}
.disclaimer .entryDiv h3 {
font-size: 18px;
color: #5f5f5f;
padding: 11px 14px;
margin: 0;
background: url("../p/faqIcons.png") #f6f6f6 no-repeat;
background-position: right 7px;
}
.disclaimer .entryDiv h3:hover {
background-color: #D1D1D1;
cursor: pointer;
}
.disclaimer .entryDiv h3.active {
background-color: black !important;
color: white;
background-position: right -53px;
}
.disclaimer .entryDiv .entryContent {
display: none;
padding: 11px 14px;
color: #5f5f5f;
}
#saleTitleTxtTop {
background: #000 none repeat scroll 0 0;
color: #fff;
font-size: 25px;
left: 50%;
padding: 4px;
position: absolute;
top: 9%;
transform: translate(-50%, -20%);
}
#saleTitleTxt {
background: #d10101 none repeat scroll 0 0;
color: #fff;
font-size: 30px;
left: 10%;
padding: 4px;
position: absolute;
top: 40%;
transform: translate(-10%, -40%);
}
#bannerSaleMob > img {
width: 100%;
}
#saleBoxHead
{
margin-bottom: 20px;
}
#saleBoxHead img {
width: 100%
}
#saleBoxHeadTest {
background-image: url("../p/Banner/sale.jpg");
background-repeat: no-repeat;
background-size: 100% auto;
}
.saleRight_1 > span {
position: relative;
}
.saleRight_2 > span {
position: relative;
}
.saleRight_3 > span {
position: relative;
}
.saleRight_4 > span {
position: relative;
}
.saleRight_1 {
background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
bottom: 30%;
color: #fff;
font-size: 50px;
left: 35%;
padding: 10px;
transform: translate(-35%, -30%);
}
.saleRight_2 {
background: rgba(255, 0, 0, 1) none repeat scroll 0 0;
bottom: 23%;
color: #fff;
font-size: 180px;
left: 52%;
padding: 10px;
transform: translate(-52%, -23%);
}
.saleRight_3 {
background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
bottom: 22%;
color: #fff;
font-size: 135px;
left: 75%;
padding: 10px;
transform: translate(-75%, -24%);
}
.saleRight_4 {
background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
bottom: 10%;
color: #fff;
font-size: 60px;
padding: 10px;
right: 3%;
transform: translate(-3%, -10%);
}
.saleLeft {
background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
color: #fff;
font-size: 100px;
left: 0;
margin-left: 80px;
padding: 10px;
text-align: left;
top: 40%;
transform: translate(0px, -40%);
}
.saleLeft > span {
position: relative;
}
.btnMobNav img {
display: inline;
vertical-align: middle;
}
.btnMobNav span {
display: inline-block;
line-height: 25px;
margin-left: 10px;
}
#menuBoxMob {
background-color: #333;
color: #fff;
font-size: 28px;
padding: 11px;
position: relative;
}
#menuBoxMob > p {
text-align: center;
}
#menuBoxMob {
background-color: #333;
color: #fff;
}
.btnColRed {
border: 1px solid #fb2c17;
}
#navInfoCon
{
margin-top: 20px;
}
#payLogoBox {
margin-top: 20px;
}
#navConAsics {
box-sizing: border-box;
padding: 10px;
width: 210px;
}
#navConAsics > ul {
display: block;
}
#navConAsics li {
width: 100%;
}
#navConAsics a:link, #navConAsics a:visited {
color: #000;
text-decoration: none;
}
#navConAsics a:hover
{
color: red;
}
#navConAsics li {
width: 100%;
}
.mainNav.fixed {
position: fixed;
z-index: 9999;
left: 20px;
top: 0;
}
.btnPage a {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#aaaaaa+0,666666+100 */
background: #aaaaaa; /* Old browsers */
background: -moz-linear-gradient(top, #aaaaaa 0%, #666666 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aaaaaa), color-stop(100%,#666666)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #aaaaaa 0%,#666666 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #aaaaaa 0%,#666666 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #aaaaaa 0%,#666666 100%); /* IE10+ */
background: linear-gradient(to bottom, #aaaaaa 0%,#666666 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#666666',GradientType=0 ); /* IE6-9 */
color: #fff;
font-size: 18px;
margin: 3px;
padding: 10px;
text-align: center;
text-decoration: none;
display: inline-block;
box-sizing: border-box;
}
.btnPage a:hover
{
background: #ff8e00; /* Old browsers */
background: -moz-linear-gradient(top, #ff8e00 0%, #ff3100 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8e00), color-stop(100%,#ff3100)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ff8e00 0%,#ff3100 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ff8e00 0%,#ff3100 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ff8e00 0%,#ff3100 100%); /* IE10+ */
background: linear-gradient(to bottom, #ff8e00 0%,#ff3100 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8e00', endColorstr='#ff3100',GradientType=0 ); /* IE6-9 */
}
.btnPage.current a, .btnPage.current span{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff8e00+0,ff3100+100 */
background: #ff8e00; /* Old browsers */
background: -moz-linear-gradient(top, #ff8e00 0%, #ff3100 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8e00), color-stop(100%,#ff3100)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ff8e00 0%,#ff3100 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ff8e00 0%,#ff3100 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ff8e00 0%,#ff3100 100%); /* IE10+ */
background: linear-gradient(to bottom, #ff8e00 0%,#ff3100 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8e00', endColorstr='#ff3100',GradientType=0 ); /* IE6-9 */
color: #fff;
font-size: 18px;
margin: 3px;
padding: 10px;
display: inline-block;
box-sizing: border-box;
}
#navSizeBtn {
display: flex;
justify-content: space-between;
}
.subMenuDetailLeft {
box-sizing: border-box;
width: 50%;
}
.subMenuDetailRight {
box-sizing: border-box;
width: 50%;
}
#subMenuDetail {
display: flex;
}
.btnSubMenu {
cursor: pointer;
font-size: 16px;
font-weight: bold;
margin: 1px;
padding: 0;
text-align: center;
color: #fff;
background-color: #000;
}
.btnSubMenu:hover
{
background-color: #999;
}
#contentSize
{
display: flex;
max-width: calc(100% - 40px);
margin: 0 auto;
}
#sizeHeader{
background: #d3d3d3 none repeat scroll 0 0;
color: #000;
cursor: pointer;
font-size: 30px;
line-height: 60px;
padding: 0 20px;
}
#sizeBoxDetail {
box-sizing: border-box;
}
#contentSizeRight
{
box-sizing: border-box;
background-color: #fff;
border-color: #fff #ccc #fff #fff;
border-radius: 2px;
border-style: none solid none none;
border-width: 0 1px 0 0 ;
box-sizing: border-box;
flex-basis: auto;
padding: 20px 40px;
width: 50%;
}
#formRequest .content > p {
margin-bottom: 10px;
}
#hintOffer.arrow_box {
background: #fcfcfc none repeat scroll 0 0;
border: 1px solid #000;
border-radius: 10px;
box-shadow: 0 6px 4px 0 rgba(0, 0, 0, 0.2);
height: 80px;
margin: 0 auto;
padding: 5px;
right: 0;
z-index: 10;
}
#hintOffer.arrow_box:after, #hintOffer.arrow_box:before {
border: medium solid transparent;
content: " ";
height: 0;
left: 55%;
pointer-events: none;
position: absolute;
top: 100%;
width: 0;
}
#hintOffer.arrow_box:after {
border-color: #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
border-width: 9px;
margin-left: -30px;
}
#hintOffer.arrow_box:before {
border-color: rgba(0, 0, 0, 0);
border-top-color: #000;
border-width: 10px;
margin-left: -31px;
}
#sizeRequestSend {
background-color: #fff;
border-color: #fff #ccc #ccc;
border-radius: 2px;
border-style: none solid solid;
border-width: 0 1px 1px;
box-sizing: border-box;
margin: 0 auto 20px;
max-width: calc(100% - 40px);
padding: 40px;
}
#btnEditAddress.removeOffer
{
display: none;
}
.wrapperBox6 {
margin-top: 20px;
width: 200px;
}
#btnAnfragePreis {
display: inline-block;
font-size: 35px;
height: auto;
line-height: normal;
margin: 20px auto;
padding: 10px;
text-align: center;
}
#itemPriceTop {
width: 50%;
}
#btnNewPrice {
display: inline-block;
font-size: 20px;
height: auto;
line-height: normal;
padding: 10px;
position: relative;
background: red none repeat scroll 0 0 !important;
border: 1px solid #fb2c17 !important;
}
#hintOffer {
color: black;
display: none;
font-size: 20px;
left: 0;
position: absolute;
top: -100px;
width: 210px;
}
#btnNewPrice.btnNotActive:hover #hintOffer
{
display: inline-block;
}
.puNikeLogo {
background: #fff none repeat scroll 0 0;
left: 0;
margin-left: 20px;
margin-top: 20px;
padding: 15px;
top: 0;
width: 200px;
}
.puNikeLogo > img {
max-width: 100%;
position: relative;
}
#puShop {
bottom: 0;
color: #fff;
font-size: 40px;
margin-bottom: 20px;
margin-right: 20px;
right: 0;
text-align: right;
cursor: pointer;
}
#puShop > span {
background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
box-sizing: border-box;
display: inline-block;
padding: 10px;
position: relative;
}
#puShop > p {
background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
box-sizing: border-box;
padding: 10px;
position: relative;
}
a#deskBlog.searchNL {
right: 326px;
}
a#deskBlog.searchEN {
right: 378px;
}
#deskBlog {
display: inline-block;
position: fixed;
right: 314px;
top: 0;
z-index: 1000;
text-decoration: none;
}
#blogOuter {
background: #333 none repeat scroll 0 0;
color: #fff;
font-size: 25px;
font-weight: bold;
line-height: 61px;
padding: 0 10px;
}
#deskBlog:visited
{
color: #fff;
}
.blogExcerpt img
{
max-width: 100%;
}
.lnkMore {
display: inline-block;
margin: 0 auto 20px;
}
#btnMore {
bottom: 8px;
color: #000;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin: 40px auto 20px;
}
.blogExcerpt div.pTop {
text-align: center;
}
.blogExcerpt div.pTop p {
text-align: justify;
}
.blogExcerpt {
background: #fff none repeat scroll 0 0;
border: 1px solid #ccc;
border-radius: 2px;
box-shadow: 0 1px 1px -1px rgba(153, 153, 153, 0.3);
box-sizing: border-box;
margin: 0 auto 20px;
padding: 20px;
width: calc(100% - 40px);
display: flex;
align-items: center;
}
.blogExcerpt > figure {
flex-basis: auto;
width: 470px;
}
.indexPreview {
flex-basis: auto;
margin: 0 auto;
width: calc(100% - 560px);
line-height: 25px;
}
.blogExcerpt .indexPreview .a_h1 p {
font-size: 24px;
line-height: 48px;
margin-bottom: 10px;
}
.blogExcerpt .indexPreview .a_h1 p span {
background: #e6eaef none repeat scroll 0 0;
padding: 5px 0;
}
.blogExcerpt .indexPreview .a_h1, .blogExcerpt .indexPreview .a_h1:visited {
color: #000;
display: inline-block;
font-weight: bold;
text-decoration: none;
}
.wrapperBox4 > #login_state {
width: 50%;
}
select#selSize {
display: block;
margin-left: auto;
margin-bottom: 10px;
margin-right: auto;
}
.lnkBlog {
margin-right: 10px;
}
.fa.fa-desktop.fa-4x {
padding-right: 0;
}
.fa.fa-plane.fa-4x {
padding-right: 0;
}
#textileInfo, #saleInfo {
background-color: #000;
bottom: 116px;
color: #fff;
display: table;
font-size: 50px;
font-weight: bold;
left: 50%;
padding: 5px;
position: absolute;
transform: translate(-50%, 0%);
}
#Firefox #textileInfo, #Firefox #saleInfo
{
left: 0;
right: 0;
margin: 0 auto;
transform: none;
}
#textileInfo .btnCat:link, #textileInfo .btnCat:visited, #textileInfo .btnCat:hover
{
color: #fff;
}
#saleInfo .btnCat:link, #saleInfo .btnCat:visited, #saleInfo .btnCat:hover
{
color: #fff;
}
#saleCat .btnCat:link, #saleCat .btnCat:visited, #saleCat .btnCat:hover
{
color: #fff;
}
#textileCat .btnCat:link, #textileCat .btnCat:visited, #textileCat .btnCat:hover
{
color: #fff;
}
#textileCat, #saleCat {
background-color: #0074c8;
bottom: 60px;
color: #fff;
font-size: 25px;
font-weight: bold;
padding: 5px;
position: absolute;
left: 50%;
transform: translate(-50%, 0%);
display: table;
}
#Firefox #textileCat, #Firefox #saleCat
{
left: 0;
right: 0;
margin: 0 auto;
transform: none;
}
#saleCat
{
background-color: red;
}
#Warenkorb #wkContent nav {
display: flex;
justify-content: space-between;
}
#divWKMob a:link, #divWKMob a:visited
{
text-decoration: none;
}
#btnAsicsNav{
color: #000;
font-weight: bold;
line-height: 25px;
text-decoration: none;
cursor: pointer;
display: inline-block;
}
#navAsics {
margin-left: 20px;
}
#btnAsicsNav:hover
{
color: red;
}
#navAsics
{
display: none;
}
#simProd.start.super.btnSim.orange {
padding: 10px;
}
.fa.fa-bars {
padding-left: 10px;
padding-right: 0;
}
.payBtn .klarna-widget.klarna-logo-tooltip {
display: block !important;
}
#HeadLogoSearch
{
display: none;
}
#itemFinder
{
display: flex;
}
#itemFinderContent
{
width: calc(100% - 290px);
}
#itemSearch {
display: flex;
}
#itemSearchContent
{
width: calc(100% - 290px);
}
#klarnaPage
{
display: flex;
}
#klarnaPageContent
{
width: calc(100% - 290px);
}
#secureLogo
{
text-align: center;
margin-bottom: 20px;
display: none;
}
#ShopPageContent article.einleitung h1 {
background: #e6eaef none repeat scroll 0 0;
display: inline-block;
font-size: 26px;
font-weight: bold;
padding: 5px;
}
#toc_container .btnAnker,#toc_container .btnAnkerSize {
display: flex;
}
#toc_container .lblTxt
{
width: calc(100% - 35px);
}
#detailSidebar {
display: flex;
}
#detailRight {
width: calc(100% - 290px);
}
#catMenu {
display: flex;
}
#categoryRight {
width: calc(100% - 290px);
}
.flexFig
{
padding: 0 10px;
margin-bottom: 20px;
}
.flexFig p {
margin-bottom: 5px;
}
.flexFig span {
display: block;
}
.flexFig {
display: flex;
}
.flexFig img {
height: 40px;
margin-right: 20px;
width: 40px;
}
.puNaviHead {
background: #666 none repeat scroll 0 0;
color: #fff;
font-size: 21px;
font-weight: bold;
padding: 5px 10px;
margin-top: 5px;
position: relative;
}
#btnOpenSizes {
display: inline-block;
height: auto;
padding: 10px;
text-align: center;
font-size: 28px;
line-height: normal;
}
#btnOpenSizes2 {
display: inline-block;
font-size: 28px;
height: auto;
padding: 10px;
position: absolute;
right: 20px;
text-align: center;
top: 10px;
}
#payLogodetail {
margin-top: 20px;
text-align: left;
}
#payLogodetail p
{
}
#payVKDetail
{
width: 100px;
}
#payNNDetail
{
width: 60px;
}
#detatilTop {
margin-bottom: 42px;
}
.slides
{
display: flex;
}
.banner { position: relative; overflow: auto; text-align: center; }
.slidePic { list-style: none; }
.slidePic > img {
width: 100%;
}
.banner .dots {
bottom: 20px;
left: 0;
position: absolute;
right: 0;
}
.banner .dots li.active {
background: #fff none repeat scroll 0 0;
opacity: 1;
}
.banner .dots li {
border: 2px solid #fff;
border-radius: 6px;
cursor: pointer;
display: inline-block;
height: 10px;
margin: 0 4px;
opacity: 0.4;
text-indent: -999em;
transition: background 0.5s ease 0s, opacity 0.5s ease 0s;
width: 10px;
}
#itemBrand
{
position: relative;
}
#imgDetailBrand {
display: inline-block;
position: absolute;
right: 0;
top: 0;
}
#itemH1 {
color: #0074c8;
font-weight: bold;
margin-top: 10px;
text-align: left;
font-size: 25px;
line-height: 50px;
}
#itemH2
{
color: #000;
font-weight: bold;
text-align: left;
font-size: 20px;
line-height: 50px;
}
#itemH1 {
color: #0074c8;
}
.btnCat:link, .btnCat:visited {
color: #000;
font-weight: bold;
line-height: 25px;
text-decoration: none;
}
.btnCat:hover
{
color: red;
}
#puNavi > p {
padding-left: 10px;
}
#PuNaviBox {
background-color: #fff;
border-radius: 2px;
box-sizing: border-box;
margin-top: 35px;
}
#puNaviHead {
background: #666 none repeat scroll 0 0;
font-size: 21px;
font-weight: bold;
padding: 5px 10px;
color: #fff;
cursor: pointer;
}
#puNavi {
padding: 10px;
}
.paymentLogo.box1 p,
.paymentLogo.box2 p,
.paymentLogo.box3 p,
.paymentLogo.box4 p
{
padding-left: 12px;
}
#indexBlog .btnCat > img {
width: 100%;
}
#indexBlog {
background-color: #fff;
box-sizing: border-box;
margin: 0 auto 20px;
max-width: calc(100% - 40px);
padding: 40px;
border: 1px solid #ccc;
border-radius: 2px;
box-shadow: 0 1px 1px -1px rgba(153, 153, 153, 0.3);
position: relative;
}
.footerLeftContent ol, .footerRightContent ol {
list-style-type: disc;
list-style-position: outside;
}
#mainFooter
{
background-color: #000;
}
#indexTopRight {
width: calc(100% - 290px);
}
#indexSidebar {
background-color: #fff;
box-sizing: border-box;
margin-bottom: 20px;
margin-left: 20px;
width: 270px;
}
#headSidebar {
display: flex;
}
#btnPay.btnIdealShow, #btnPay.btnKlarnaShow
{
display: none
}
#infoNavi.hideNavi {
display: none;
}
.slidePanel #catNikeLogo {
display: none;
}
div#priceFilterMob a, #boxSexFilterMob a {
text-decoration: none;
}
#indexSale img {
max-width: 100%;
}
#indexTextil img
{
max-width: 100%;
}
.hideCatBox
{
display: none;
}
#indexCatWrapperList.hideCatBox
{
display: none;
}
#indexSpecial
{
max-width: calc(100% - 40px);
margin: 0 auto 20px;
box-sizing: border-box;
display: flex;
}
#indexTextil
{
margin-right: 20px;
width: calc(50% - 10px);
flex-basis: auto;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 2px;
box-shadow: 0 1px 1px -1px rgba(153, 153, 153, 0.3);
box-sizing: border-box;
padding: 40px;
position: relative;
text-align: center;
}
.textileBox > div
{
font-size: 50px;
font-weight: bold;
padding: 5px;
}
.textileBox {
padding: 20px;
border-bottom: 1px solid #fff;
}
#textileLink .wrapperTxt
{
font-size: 22px;
}
#textileLink .fa.fa-angle-right
{
font-size: 22px;
}
#saleLink .wrapperTxt {
font-size: 22px;
}
#saleLink .fa.fa-angle-right
{
font-size: 22px;
}
#saleLink {
background: rgba(100, 100, 100, 0.4) none repeat scroll 0 0;
border-bottom: 1px solid;
bottom: 20px;
box-sizing: border-box;
color: #fff;
font-size: 20px;
height: 35%;
left: 20px;
padding: 20px;
position: absolute;
width: calc(100% - 40px);
}
#saleLink > a {
bottom: 0;
display: block;
height: 100%;
left: 0;
position: absolute;
width: 100%;
}
#blogLink {
bottom: 40px;
box-sizing: border-box;
color: #000;
font-size: 20px;
height: 35%;
left: 40px;
padding: 20px;
position: absolute;
width: calc(100% - 80px);
text-align: right;
}
#blogLink .textileBox
{
border-bottom: none;
padding: 5px;
}
#blogLink .textileBox span {
background-color: #fff;
padding: 0 5px;
}
#blogLink > p {
color: #0074c8;
margin-top: 30px;
padding-right: 55px;
}
#blogLink .wrapperTxt {
background: #fff none repeat scroll 0 0;
color: #000;
font-size: 25px;
padding: 5px;
}
#blogLink > a {
bottom: 0;
display: block;
height: 100%;
left: 0;
position: absolute;
width: 100%;
}
#textileLink
{
background: rgba(100, 100, 100, 0.4) none repeat scroll 0 0;
bottom: 20px;
color: #fff;
font-size: 20px;
height: 35%;
left: 20px;
position: absolute;
width: calc(100% - 40px);
box-sizing: border-box;
padding: 20px;
border-bottom: 1px solid;
}
#textileLink > a {
bottom: 0;
display: block;
height: 100%;
left: 0;
position: absolute;
width: 100%;
}
#textileLink > p {
margin-top: 15px;
color: #0074c8;
}
#saleLink > p {
color: #0074c8;
margin-top: 15px;
}
#indexSale
{
width: calc(50% - 10px);
flex-basis: auto;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 2px;
box-shadow: 0 1px 1px -1px rgba(153, 153, 153, 0.3);
box-sizing: border-box;
padding: 40px;
position: relative;
text-align: center;
}
#categoryRight > h1 {
font-size: 24px;
font-weight: bold;
margin: 20px;
line-height: 44px;
}
#categoryRight > h1 span
{
background-color: #fff;
padding: 5px;
}
#category > h2 {
font-size: 24px;
font-weight: bold;
margin-bottom: 20px;
line-height: 44px;
}
#category > h2 span
{
background-color: #fff;
padding: 5px;
}
.itemCart.fa.fa-shopping-cart {
bottom: 15px;
font-size: 40px;
left: 30px;
position: absolute;
padding: 0;
}
.itemCart.fa.fa-shopping-cart.nikeair {
left: 30px;
}
#catMenuOld
{
display: flex;
}
#headerWK
{
background-color: #fff;
box-sizing: border-box;
margin: 0 auto;
max-width: 1000px;
padding: 40px;
border: 1px solid #ccc;
box-shadow: 0 1px 1px -1px rgba(153, 153, 153, 0.3);
border-radius: 2px;
}
#catContentTxt .gradient
{
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(90%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%);
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%);
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
bottom: 0;
height: 60px;
left: 0;
position: absolute;
width: 100%;
}
#catContentTxt
{
border-bottom: medium none;
height: 200px;
margin: 0;
overflow-y: hidden;
padding: 0;
position: relative;
}
#catContentTxt.active
{
height: 100%;
}
#InfoCatTxt .moreBtn:hover
{
background-color: #f1f1f1;
}
.moreBtn .fa.fa-angle-down {
padding: 0;
}
#InfoCatTxt .moreBtn {
background: transparent none repeat scroll 0 0;
cursor: pointer;
display: block;
margin-top: -5px;
padding: 3px 0;
position: relative;
width: 100%;
z-index: 99;
text-align: center;
font-size: 40px;
color: #999;
}
#btnItemDesc
{
background: #d3d3d3 none repeat scroll 0 0;
color: #000;
cursor: pointer;
font-size: 30px;
line-height: 60px;
padding: 0 20px;
position: relative;
}
.btnDetAnker:hover .arrow_open {
background: #d3d3d3 none repeat scroll 0 0;
font-weight: bold;
padding: 0 !important;
}
.btnDetAnker > .arrow_open {
padding: 0 !important;
}
#btnSocial
{
background: #d3d3d3 none repeat scroll 0 0;
color: #000;
font-size: 30px;
line-height: 60px;
padding: 0 20px;
}
#btnItemDetails
{
background: #d3d3d3 none repeat scroll 0 0;
color: #000;
font-size: 30px;
line-height: 60px;
padding: 0 20px;
position: relative;
}
#btnDelivery
{
background: #d3d3d3 none repeat scroll 0 0;
color: #000;
font-size: 30px;
line-height: 60px;
padding: 0 20px;
position: relative;
}
#btnOtherCat
{
background: #d3d3d3 none repeat scroll 0 0;
color: #000;
font-size: 30px;
line-height: 60px;
padding: 0 20px;
}
#btnPersAdv
{
background: #d3d3d3 none repeat scroll 0 0;
color: #000;
font-size: 30px;
line-height: 60px;
padding: 0 20px;
position: relative;
}
#btnQuestionItem
{
background: #d3d3d3 none repeat scroll 0 0;
color: #000;
font-size: 30px;
line-height: 60px;
padding: 0 20px;
position: relative;
}
#imgDetailBrand {
height: 78px;
}
#InfoCatTxt
{
background-color: #fff;
border: 1px solid #ccc;
border-radius: 2px;
box-shadow: 0 1px 1px -1px rgba(153, 153, 153, 0.3);
box-sizing: border-box;
margin: 0 auto 20px;
max-width: calc(100% - 40px);
padding: 40px;
position: relative;
line-height: 25px;
}
#InfoCatTxt.allSneakers
{
margin: 0 auto 20px;
}
#InfoCatTxt h2 {
font-weight: bold;
margin-bottom: 10px;
font-size: 20px;
}
#InfoCatTxt p {
margin-bottom: 20px;
}
#changeAdrContent > h2 {
font-size: 20px;
font-weight: bold;
margin: 20px 0;
text-decoration: underline;
}
#btnEditShipp {
bottom: 0;
height: 18px;
line-height: 18px;
margin: auto 20px;
position: absolute;
right: 0;
top: 0;
}
#btnEditShippGuest {
bottom: 0;
height: 18px;
line-height: 18px;
margin: auto 20px;
position: absolute;
right: 0;
top: 0;
}
#btnEditPayment {
bottom: 0;
height: 18px;
line-height: 18px;
margin: auto 20px;
position: absolute;
right: 0;
top: 0;
}
#btnEditPaymentGuest {
bottom: 0;
height: 18px;
line-height: 18px;
margin: auto 20px;
position: absolute;
right: 0;
top: 0;
}
#changeAddress.box-container {
border-radius: 0;
box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.09);
margin: 20px auto;
max-width: calc(100% - 40px);
}
nav#editNav {
display: flex;
}
#addressFormLeft > h2 {
font-size: 20px;
font-weight: bold;
margin: 20px 0;
text-decoration: underline;
}
.css-label #payiDEAL {
height: 60px;
}
div#paymentInfoBox.paymentinfoboxNN {
margin-top: 35px;
}
.payBtn .css-label > img{
margin-bottom: 5px;
}
.klarna-widget {
margin-bottom: 5px;
display: block !important;
}
#indexSidebar .klarna-widget {
margin-bottom: 5px;
display: inline-block !important;
}
#footerBottomContent .klarna-widget
{
padding-left: 105px;
}
.klarnaDate .puSelect-overlay,
#iDealBank .puSelect-overlay
{
padding: 10px;
}
#iDealBank .puInputGrp
{
margin-bottom: 0;
}
.klarnaDate .puInputGrp {
width: 100px;
margin-right: 10px;
margin-bottom: 0;
}
.klarnaDate .puInputGrp.lastElement
{
margin-right: 0;
}
.css-label img {
display: block;
}
#btnPay .fa
{
padding-right: 0;
}
#paymentAction nav {
text-align: center;
}
.payradio figure {
display: inline-block;
}
#WarenkorbSum.hide_payment_cart
{
display: none;
}
#WarenkorbSum.show_payment_cart
{
display: block;
}
#CheckEditHead h2 span {
text-decoration: underline;
}
#CheckEditContent > h2 span {
text-decoration: underline;
}
#CheckEditContent > h2 {
font-size: 25px;
margin-bottom: 10px;
margin-top: 25px;
}
#streetBox {
display: flex;
width: 70%;
}
#streetBoxAdd {
display: flex;
width: 70%;
}
.wrapperBox1
{
flex-basis: auto;
display: flex;
}
.wrapperBox1 > .puInputGrp {
width: calc(100% / 3);
}
.wrapperBox1 #titleBox {
width: calc(100% / 3);
}
.wrapperBox1 #titleBoxAdd {
width: calc(100% / 3);
}
.wrapperBox2 > .puInputGrp {
width: 30%;
}
.wrapperBox3 .puInputGrp {
width: 50%;
}
.wrapperBox4 > .puInputGrp {
width: 50%;
}
.wrapperBox5 > .puInputGrp {
width: 50%;
}
.wrapperBox5 > #login_state {
width: 50%;
}
.wrapperBox4 > #login_other_state {
width: 50%;
}
.wrapperBox2
{
display: flex;
}
#regBottom {
display: flex;
}
#chkGrp {
width: 40%;
}
.wrapperBox3
{
display: flex;
}
.wrapperBox4
{
display: flex;
}
.wrapperBox5
{
display: flex;
}
.puInputGrp.boxStreet {
flex-basis: auto;
width: 70%;
}
.puInputGrp.boxStreet.boxStreetEN {
margin-right: 0;
}
.puInputGrp.boxStreetNo {
flex-basis: auto;
width: 30%;
}
.infoError .fa.fa-times {
color: #000;
cursor: pointer;
position: absolute;
right: 0;
}
p.btn:not(#foo) > input + label::before, p.btn:not(#foo) > select::before {
content: "";
font-family: "FontAwesome";
font-size: 25px;
height: 10px;
left: 0;
padding: 6px 0 0;
position: absolute;
top: 4px;
width: 10px;
}
p.btn:hover:not(#foo) > input[type="radio"] + label::before, p.btn:not(#foo) *:hover > input[type="checkbox"] + label::before {
color: #b5bdc1;
content: "";
}
p.btn:not(#foo) > input[type="checkbox"]:hover + label::before, p.btn:not(#foo) > input[type="checkbox"]:focus + label::before, p.btn:not(#foo) > input[type="radio"]:hover + label::before, p.btn:not(#foo) > input[type="radio"]:focus + label::before, p.btn:not(#foo) > input[type="checkbox"]:active + label::before, p.btn:not(#foo) > input[type="radio"]:active + label::before, p.btn:not(#foo) > input[type="checkbox"]:active:checked + label::before, p.btn:not(#foo) > input[type="radio"]:active:checked + label::before {
color: #b5bdc1;
}
p.btn:not(#foo) > input[type="radio"]:checked + label, p.btn:not(#foo) > input[type="checkbox"]:checked + label, p.btn:not(#foo) > input[type="radio"]:checked + label::before, p.btn:not(#foo) > input[type="checkbox"]:checked + label::before, p.btn:not(#foo) > input[type="checkbox"]:hover:checked + label::before, p.btn:not(#foo) > input[type="checkbox"]:focus:checked + label::before, p.btn:not(#foo) > input[type="radio"]:hover:checked + label::before, p.btn:not(#foo) > input[type="radio"]:focus:checked + label::before {
color: #888080;
content: "";
}
p.btn input[type="checkbox"], p.btn input[type="radio"] {
float: left;
height: 35px;
left: 0;
margin: 0;
opacity: 0;
padding: 0;
position: absolute;
width: 100%;
z-index: 99;
}
p.btn {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
display: block;
padding: 0;
text-transform: none;
position: relative;
cursor: pointer;
margin: 10px;
box-sizing: border-box;
}
p.btn::before {
font-family: "icon";
margin-right: 5px;
}
p.btn > label {
cursor: pointer;
line-height: 16px;
padding: 10px 35px 6px;
display: block;
}
.puInputGrp
{
position: relative;
}
#CheckBeginHead {
height: 40px;
line-height: 40px;
position: relative;
}
#CheckEditHead {
height: 40px;
line-height: 40px;
position: relative;
}
#CheckBeginHead h2 {
font-size: 25px;
}
#CheckEditHead h2 {
font-size: 25px;
}
#loginFormLeft h3 {
margin-bottom: 10px;
font-size: 20px;
}
#CheckBeginLeft h3 {
font-size: 20px;
}
.puSelect-overlay::before {
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #ccc;
content: "";
height: 0;
pointer-events: none;
position: absolute;
right: 13px;
top: 20px;
width: 0;
z-index: 1;
}
.puSelect-overlay {
box-sizing: border-box;
display: inline-block;
font-size: 0.9375rem;
height: 45px;
overflow: hidden;
position: absolute;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
padding: 13px 10px;
font-weight: bold;
color: #595959;
}
.puSelect-overlay.is-placeholder {
color: #595959;
font-weight: normal;
opacity: 0.8;
}
.puSelect {
-moz-appearance: none;
border: medium none;
box-sizing: content-box;
font-size: 1rem;
height: 44px;
left: 0;
line-height: normal;
opacity: 0;
outline: medium none;
position: absolute;
top: 0;
width: 100%;
z-index: 4;
}
.show-label .inputLabel {
display: block;
opacity: 1;
transform: translateY(0px);
transition-duration: 0.3s;
}
.fieldset-wrapper .puInput {
border-radius: 0;
border: 1px solid #CBCBCB;
border-right-width: 1px;
}
.fieldset-wrapper input:focus,
.fieldset-wrapper .puSelect-overlay.has-focus
{
border: 1px solid #0072cc;
z-index: 3;
box-shadow: 0 0 3px 1px #0072cc;
}
.fieldset--challenge__label--email,
.fieldset--challenge__label--day,
.fieldset--challenge__label--month,
.fieldset--challenge__label--year,
.fieldset--challenge__label--forename,
.fieldset--challenge__label--surname,
.fieldset--challenge__label--company,
.fieldset--challenge__label--street,
.fieldset--challenge__label--street-no,
.fieldset--challenge__label--zip,
.fieldset--challenge__label--city,
.fieldset--challenge__label--country,
.fieldset--challenge__label--state,
.fieldset--challenge__label--additional,
.fieldset--challenge__label--title,
.fieldset--challenge__label--bank,
.fieldset--challenge__label--phone,
.fieldset--challenge__label--password,
.fieldset--challenge__label--price,
.fieldset--challenge__label--password-confirm
{
left: 10px;
visibility: hidden;
}
.fieldset--billing-address__overlay--country,
.fieldset--billing-address__overlay--price,
.fieldset--billing-address__overlay--title,
.fieldset--billing-address__overlay--bank,
.fieldset--billing-address__overlay--day,
.fieldset--billing-address__overlay--month,
.fieldset--billing-address__overlay--year,
.fieldset--billing-address__overlay--state
{
border: 1px solid #cbcbcb;
}
.fieldset-wrapper
{
height: 44px;
position: relative;
}
.show-label .fieldset--challenge__label--email,
.show-label .fieldset--challenge__label--day,
.show-label .fieldset--challenge__label--month,
.show-label .fieldset--challenge__label--year,
.show-label .fieldset--challenge__label--forename,
.show-label .fieldset--challenge__label--surname,
.show-label .fieldset--challenge__label--company,
.show-label .fieldset--challenge__label--street,
.show-label .fieldset--challenge__label--street-no,
.show-label .fieldset--challenge__label--zip,
.show-label .fieldset--challenge__label--city,
.show-label .fieldset--challenge__label--country,
.show-label .fieldset--challenge__label--state,
.show-label .fieldset--challenge__label--additional,
.show-label .fieldset--challenge__label--title,
.show-label .fieldset--challenge__label--bank,
.show-label .fieldset--challenge__label--phone,
.show-label .fieldset--challenge__label--password,
.show-label .fieldset--challenge__label--price,
.show-label .fieldset--challenge__label--password-confirm {
visibility: visible;
}
.puInput {
-moz-appearance: none;
background-color: white;
box-sizing: border-box;
color: #595959;
font-size: 0.9375rem;
font-weight: 600;
height: 45px;
line-height: 19px;
margin: 0;
position: relative;
transition: padding 0.1s cubic-bezier(0, 0, 0.01, 0.99) 0s;
width: 100%;
font-family: 'Archivo Narrow';
}
.show-label .puInput {
padding-bottom: 2px;
padding-top: 16px;
}
.inputLabel {
border-radius: 0;
box-sizing: border-box;
color: #a9a9a9;
display: block;
font-size: 0.6875rem;
font-weight: normal;
line-height: 1em;
opacity: 0;
pointer-events: none;
position: absolute;
top: 9px;
transform: translateY(5px);
transition-duration: 0.2s;
transition-property: all;
transition-timing-function: cubic-bezier(0, 0, 0.01, 0.99);
z-index: 10;
}
#btnEditLogMeth {
bottom: 0;
height: 18px;
line-height: 18px;
margin: auto 20px;
position: absolute;
right: 0;
top: 0;
}
#btnEditAddress
{
bottom: 0;
height: 18px;
line-height: 18px;
margin: auto 20px;
position: absolute;
right: 0;
top: 0;
}
#btnEditAddressGuest
{
bottom: 0;
height: 18px;
line-height: 18px;
margin: auto 20px;
position: absolute;
right: 0;
top: 0;
}
.puBtn{
font-family: 'Archivo Narrow';
color: #fff;
position:relative;
-webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
-moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
margin:6px 0px;
-webkit-transition:box-shadow 0.3s ease-in-out;
-moz-transition:box-shadow 0.3s ease-in-out;
-o-transition:box-shadow 0.3s ease-in-out;
transition:box-shadow 0.3s ease-in-out;
display: inline-block;
text-align: center;
padding: 10px;
cursor: pointer;
}
#btnLogin {
display: inline-block;
font-size: 20px;
height: auto;
line-height: normal;
padding: 10px;
text-align: center;
width: auto;
}
#btnRegCon {
display: inline-block;
font-size: 20px;
height: auto;
line-height: normal;
padding: 10px;
text-align: center;
}
#regLogin.box-container {
border-radius: 0;
box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.09);
margin: 20px auto;
max-width: calc(100% - 40px);
}
#CheckBegin.box-container {
box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.09);
border-radius: 0;
max-width: calc(100% - 40px);
margin: 20px auto;
}
#CheckEdit.box-container {
box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.09);
border-radius: 0;
max-width: calc(100% - 40px);
margin: 20px auto;
}
#loginFormLeft {
flex-basis: auto;
width: 50%;
}
#CheckBeginLeft
{
flex-basis: auto;
width: 50%;
}
#CheckBeginContent
{
border-top: 1px solid rgb(235, 238, 240);
margin-top: 20px;
padding-top: 20px;
display: flex;
}
#detSiteNav .fa-angle-double-right
{
display: none;
}
#HeadVersand > span {
color: #008000;
}
#HeadZahlung > span {
color: #008000;
}
#HeadRetoure > span {
color: #008000;
}
#PurchazeTopOuter
{
background-color: rgb(242, 240, 240);
}
#chgLang > span {
display: inline-block;
line-height: 25px;
margin-right: 4px;
}
#chgLang {
display: flex;
width: auto;
margin-left: 10px;
}
#PurchazeTop > div {
line-height: 25px;
}
.flagOpa {
opacity: 0.4;
}
#chgLang > figure {
margin-right: 4px;
width: 35px;
position: relative;
}
#chgLang img {
max-width: 100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
#PurchazeTop {
display: flex;
margin: 0 auto;
max-width: 1280px;
}
#btnWkShow {
background: #333 none repeat scroll 0 0;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 25px;
font-weight: bold;
line-height: 61px;
padding: 0 10px;
position: fixed;
right: 20px;
top: 0;
z-index: 9000;
}
#btnPuBlog {
text-align: center;
z-index: 9000;
}
body.p_login #wkDown
{
display: none;
}
body.p_login #wkBack
{
display: none;
}
#btnWkShowCheck
{
color: blue;
text-decoration: underline;
cursor: pointer;
}
#wkBox .span5.btn-group {
display: flex;
justify-content: space-between;
}
#wkBox select {
padding: 0 10px;
text-align: center;
width: auto;
}
#wkBox #cart-content
{
max-width: 1000px;
}
#wkBox #cart-content-empty
{
max-width: 1000px;
margin: 20px auto;
text-align: center;
font-size: 24px;
}
#wkBox .labelWKMob
{
display: none
}
#wkBox .cell-1
{
width: 44%;
box-sizing: border-box;
}
#wkBox .cell-2 {
width: 12%;
box-sizing: border-box;
}
#wkBox .cell-3 {
width: 15%;
box-sizing: border-box;
}
#wkBox .cell-4 {
width: 13%;
box-sizing: border-box;
}
#wkBox .cell-5 {
width: 15%;
box-sizing: border-box;
}
#wkBox div.article-info-cell figure
{
width: 140px;
}
#wkBox div.article-info-cell .data
{
width: 65%;
}
.row-fluid.containerBox {
margin: 0 auto;
max-width: 1000px;
}
#wkBox .available {
color: #008000;
font-size: 14px;
font-weight: bold;
margin-bottom: 8px;
}
#wkNewFooter {
font-family: "Archivo Narrow";
background: #ddd none repeat scroll 0 0;
position: relative;
text-align: right;
}
#wkNewFooter label {
font-size: 18px;
font-weight: bold;
}
#wkNewFooter .total {
display: flex;
justify-content: flex-end;
overflow: hidden;
padding: 8px 8px 0;
}
#wkNewFooter .tax {
font-size: 10px;
margin-top: 8px;
padding: 0 8px;
}
#wkNewFooter .klarna {
font-size: 12px;
margin-top: 8px;
padding: 0 8px 8px;
}
#wkBox {
max-height: 0;
overflow: hidden;
transition: all 0.3s ease 0.4s;
}
#wkBox.active {
max-height: 5000px;
overflow: hidden;
transition: all 0.6s ease 0s;
margin-bottom: 20px;
}
.cart-side-bar-container .cart-sidebar {
opacity: 1;
transition: all 0.3s ease 0s;
}
#wkBox #wkBottomBox {
background: rgba(150, 150, 150, 0.95) none repeat scroll 0 0;
padding: 0;
margin: 20px auto;
height: 25px;
max-width: 1000px;
}
#detailBigPic {
background: #e5e5e5 none repeat scroll 0 0;
border: 1px solid #ccc;
display: table;
margin: 30px auto 0;
padding: 30px 30px 10px;
}
#detailBigPic figcaption {
font-size: 14px;
text-align: center;
margin-top: 15px;
}
#howto_pic_wk_mobil, #howto_pic_navi_mobil, #howto_pic_detail_mobil, .howto_pic_register_mobil, .howto_pic_payment_mobil, #howto_pic_paypal_mobil, .howto_pic_cc_mobil
{
display: none;
}
#howto_pic_wk, #howto_pic_detail, .howto_pic_register, #howto_pic_payment, #howto_pic_paypal, .howto_pic_cc, #howto_pic_ideal
{
display: block;
}
#howto_pic_navi
{
width: 35%;
display: block;
}
#HowToContent ul {
list-style-position: outside;
list-style-type: disc;
margin-left: 15px;
margin-top: 10px;
}
.slidePanel
{
border: 1px solid #ddd;
margin-bottom: 10px;
}
#faqNav .slidePanel {
background: #fff none repeat scroll 0 0;
border: 1px solid #ccc;
border-radius: 2px;
box-shadow: 0 1px 1px -1px rgba(153, 153, 153, 0.3);
box-sizing: border-box;
margin: 20px auto;
padding: 20px;
width: calc(100% - 40px);
}
#shippingCosts h1 span.h1_span_mob {
background: none;
padding: 0;
}
.btnDetAnker:hover span {
background: #e6eaef none repeat scroll 0 0;
font-weight: bold;
}
#sizeHead > a:link, #sizeHead > a:visited
{
color: blue;
text-decoration: underline;
}
#infotable {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-collapse: separate;
border-color: #dddddd #dddddd #dddddd -moz-use-text-color;
border-image: none;
border-radius: 4px;
border-style: solid solid solid none;
border-width: 1px 1px 1px 0;
width: 50%;
}
.trEven {
background: #f9f9f9 none repeat scroll 0 0;
}
#infotable td {
border-top: 1px solid #dddddd;
border-left: 1px solid #dddddd;
line-height: 18px;
padding: 8px;
text-align: left;
vertical-align: top;
}
.btnDetAnker > span {
font-weight: bold;
padding: 5px;
}
.information
{
display: none;
}
.information.active
{
display: block;
}
.btnDetAnker.active span{
background: #e6eaef none repeat scroll 0 0;
font-weight: bold;
}
.mobileBlockAvail {
display: inline-block;
font-size: 30px;
line-height: 30px;
}
#categoryRight .sizeAvailUl .item_textile {
width: 55px;
}
.label_show.item_textile {
width: 55px;
}
#sizeHead {
margin-bottom: 10px;
}
.btnUnitChg {
border: 1px solid #777;
border-radius: 2px;
color: #000;
display: inline-block;
font-weight: bold;
font-size: 14px;
height: 26px;
line-height: 26px;
margin-bottom: 10px;
margin-right: 7px;
text-align: center;
transition: all 0.5s ease 0s;
vertical-align: middle;
width: 41px;
}
.btnUnitChg:hover {
background: #333 none repeat scroll 0 0;
border-color: #333;
color: #fff;
cursor: pointer;
}
.btnUnitChg.active {
background: #333 none repeat scroll 0 0;
border-color: #333;
color: #fff;
}
.sizeInput {
display: inline-block;
margin-bottom: 5px;
margin-right: 5px;
}
.sizeInput input, .label_hidden
{
display: none;
}
#btnCurrCHF
{
margin-right: 0;
}
.btnCurr
{
border: 1px solid #777;
border-radius: 2px;
color: #000;
display: inline-block;
font-weight: bold;
font-size: 14px;
height: 26px;
line-height: 26px;
margin-bottom: 10px;
margin-right: 7px;
text-align: center;
transition: all 0.5s ease 0s;
vertical-align: middle;
width: 41px;
}
.btnCurr i {
padding-right: 0;
}
#bItemPrice i {
padding-right: 0;
}
.btnCurr:hover {
background: #333 none repeat scroll 0 0;
border-color: #333;
color: #fff;
cursor: pointer;
}
.btnCurr.active {
background: #333 none repeat scroll 0 0;
border-color: #333;
color: #fff;
}
.slideThumb .slidePicThumb > img {
max-width: 100%;
}
.slidePicThumb {
cursor: pointer;
}
.slideThumb {
display: block;
width: 17%;
flex-basis: auto;
margin-right: 10px;
}
.link-overlay > a {
display: block;
height: 100%;
}
#startNike .sizeAvailUl li, #categoryRight .sizeAvailUl li,
#otherProducts .sizeAvailUl li{
border: 0 none;
display: inline-block;
padding: 0 3px;
width: auto;
}
.sizeAvailUl li
{
display: inline-block;
padding: 0 3px;
}
.sizeAvailUl
{
text-align: center;
}
.label_show {
border: 1px solid #777;
border-radius: 2px;
color: #000;
display: table-cell;
font-weight: bold;
font-size: 14px;
height: 26px;
line-height: 12px;
margin-bottom: 10px;
margin-right: 7px;
text-align: center;
transition: all 0.5s ease 0s;
vertical-align: middle;
width: 41px;
text-decoration: none;
}
.label_show:visited
{
color: #000;
text-decoration: none;
}
.label_show.item_avail
{
border: 1px solid #2a992a;
}
.label_show.item_request
{
border: 1px solid #0000ff;
}
.label_show.active {
background: #333 none repeat scroll 0 0;
border-color: #333;
color: #fff;
cursor: pointer;
}
.label_show:hover {
background: #333 none repeat scroll 0 0;
border-color: #333;
color: #fff;
cursor: pointer;
}
.box-container {
background-clip: padding-box;
background-color: rgb(255, 255, 255);
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
margin: 2px 0 20px;
padding: 25px;
z-index: 1000;
box-sizing: border-box;
}
.divSizes
{
display: none;
}
#hover-element .divSizes {
display: block;
width: 60%;
margin: 20px auto;
}
.wrapper #hover-element {
background: #fff none repeat scroll 0 0;
left: -40px;
padding: 0;
position: absolute;
right: -40px;
text-align: center;
top: -40px;
transition: all 0.2s ease 0s;
z-index: 99;
}
.wrapper #hover-element.active {
left: -40px;
padding: 20px;
position: absolute;
right: -40px;
text-align: center;
top: -40px;
z-index: 99;
}
#Warenkorb .labelWKMob
{
display: none
}
.fa.fa-times {
color: red;
}
#nav-open-btn
{
background: #333 none repeat scroll 0 0;
color: #fff;
display: block;
height: 50px;
line-height: 50px;
text-decoration: none;
margin-bottom: 1px;
font-size: 28px;
text-align: center;
}
#mobNavUl > li
{
margin-bottom: 1px;
width: 100%;
}
#mobNavUl > li > a, #mobNavUl > li > span {
background: #333 none repeat scroll 0 0;
color: #fff;
display: block;
height: 50px;
line-height: 50px;
text-decoration: none;
font-size: 28px;
padding-left: 20px;
}
.mobNavOl > li
{
margin-bottom: 1px;
width: 100%;
}
.mobNavOl > li > a {
background: #f3f3f3 none repeat scroll 0 0;
color: #333;
display: block;
height: 50px;
line-height: 50px;
text-decoration: none;
font-size: 22px;
padding-left: 20px;
}
#mobNavUl .container > ul {
display: block;
}
#mobNavUl .containerLiMid, #mobNavUl .containerLiRight {
padding-left: 0;
}
#mobNavLang > li a {
display: flex;
background: #f3f3f3 none repeat scroll 0 0;
color: #333;
height: 50px;
line-height: 50px;
text-align: center;
text-decoration: none;
font-size: 22px;
}
#mobNavLang > li
{
margin-bottom: 1px;
}
#mobNavLang figure {
margin-left: 20px;
margin-right: 15px;
}
#mobNavLang
{
display: none;
}
.tcl {
display: inline-block;
width: 87%;
}
#filterList.hideFilter,
#delAll.hideFilter,
#filterListMob.hideFilter,
#boxColTxt.hideFilter
{
display: none;
}
#categoryLeft.hideFilter #catNavi
{
margin-top: 0;
}
#leftDesc ol {
margin: 20px 20px 20px 30px;
list-style-position: outside;
list-style-type: disc;
}
#leftDesc ol li {
margin-bottom: 20px;
}
#subscribe h1 {
font-size: 30px;
font-weight: bold;
line-height: 46px;
margin-bottom: 30px;
}
#subscribe h1 span
{
background: #e6eaef none repeat scroll 0 0;
padding: 5px 0;
}
.pMid > span {
background: #e6eaef none repeat scroll 0 0;
padding: 5px 0;
}
#letterNavi
{
max-width: 1280px;
margin: 20px auto 40px;
width: auto;
}
#HowToContent article a:visited {
color: blue;
}
#faqNav {
margin-top: 20px;
}
#infoNavi #lnkShop figcaption {
margin: 10px 0 20px !important;
width: 100%;
}
#categoryLeft #catNavi {
margin-top: 20px;
box-shadow: 0 0 2px #999;
}
#btnTrusted {
display: inline-block;
margin: 20px auto;
font-size: 21px;
}
#lnkShop {
margin-bottom: 20px;
}
#lnkShop figure {
margin-bottom: 0;
}
#lnkShop .start.super.btnSim.orange {
font-size: 18px;
}
#infoNavi
{
margin: 20px 0;
}
#lnkShop figure {
background: #e5e5e5 none repeat scroll 0 0;
border: 1px solid #aaa;
box-sizing: border-box;
display: inline-block;
padding: 10px;
text-align: center;
width: 100%;
}
.navLabel
{
display: inline-block;
width: 35px;
}
#paymentMethod article {
background: #fff none repeat scroll 0 0;
border: 1px solid #ccc;
border-radius: 2px;
box-shadow: 0 1px 1px -1px rgba(153, 153, 153, 0.3);
box-sizing: border-box;
margin: 20px auto;
padding: 20px;
width: calc(100% - 40px);
}
#paymentMethod .line {
margin: 60px auto 0;
}
#impressumContent .line {
margin: 60px auto 0;
}
#shippingCosts .line {
margin: 60px auto 0;
}
#sizeTable .line {
margin: 60px auto 0;
}
#toc_container {
background: #f9f9f9 none repeat scroll 0 0;
border: 1px solid #aaa;
box-sizing: border-box;
display: block;
font-size: 16px;
margin-bottom: 1em;
padding: 10px;
width: 100%;
}
#toc_container p.toc_title {
text-align: center;
font-weight: 700;
margin: 0;
padding: 0;
font-size: 18px;
}
#toc_container span.toc_toggle {
font-weight: 400;
font-size: 90%;
color: #0F87C9;
cursor: pointer;
}
#toc_container a:link, #toc_container a:visited
{
color: #0F87C9;
text-decoration: none;
}
#toc_container .btnAnker:hover, #toc_container .btnAnkerSize:hover, #toc_container a:hover
{
color: red;
}
#toc_container .btnAnker {
color: #0F87C9;
}
#toc_container .btnAnkerSize {
color: #0F87C9;
cursor: pointer;
}
#toc_container li {
margin-bottom: 10px;
line-height: 16px;
}
#toc_container ul li {
margin-left: 20px;
}
#toc_container ul {
margin-top: 8px;
}
#toc_container > ol {
margin-top: 1em;
}
.artikelSlider > h1 {
font-size: 24px;
font-weight: bold;
margin-bottom: 20px;
line-height: 44px;
}
.artikelSlider > h1 span
{
background-color: #fff;
padding: 5px;
}
.fa.fa-check-square-o {
padding-right: 8px;
}
#filterColTxt a:link, #filterColTxt a:visited
{
color: #000;
text-decoration: none;
}
#headColTxtFilter {
background: #d6d6d6 none repeat scroll 0 0;
font-size: 21px;
font-weight: bold;
padding: 5px 10px;
}
#boxColTxt
{
background-color: #fff;
border: 1px solid #ccc;
border-radius: 2px;
box-shadow: 0 1px 1px -1px rgba(153, 153, 153, 0.3);
box-sizing: border-box;
width: 20%;
}
#filterColTxt li {
line-height: 25px;
}
#filterColTxt {
display: flex;
}
#filterColTxt > ul {
flex-basis: auto;
width: 50%;
padding-left: 20px;
margin: 20px 0;
}
#dark{
background-color:#333;
border:1px solid #000;
padding:10px;
margin-top:20px;}
#light{
background-color:#FFF;
border:1px solid #dedede;
padding:10px;
margin-top:20px;}
.btnSim, .btnSim:visited {
background: #222 url(buttons/overlay.png) repeat-x;
display: inline-block;
padding: 5px 10px 6px;
color: #fff;
text-decoration: none;
border-radius: 6px;
box-shadow: 0 1px 3px rgba(0,0,0,0.6);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer
}
.btnSim:hover { background-color: #111; color: #fff; }
.btnSim:active { top: 1px; }
.small.btnSim, .small.btnSim:visited { font-size: 11px}
.btnSim, .btnSim:visited,
.medium.btnSim, .medium.btnSim:visited
{ font-size: 13px;
font-weight: bold;
line-height: 1;
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}
.large.btnSim, .large.btnSim:visited
{
font-size: 14px;
padding: 8px 14px 9px;
}
.super.btnSim, .super.btnSim:visited
{
font-size: 34px;
}
.pink.btnSim, .magenta.btnSim:visited { background-color: #e22092; }
.pink.btnSim:hover { background-color: #c81e82; }
.green.btnSim, .green.btnSim:visited { background-color: #91bd09; }
.green.btnSim:hover { background-color: #749a02; }
.red.btnSim, .red.btnSim:visited { background-color: #e62727; }
.red.btnSim:hover { background-color: #cf2525; }
.orange.btnSim, .orange.btnSim:visited { background-color: #ff5c00; }
.orange.btnSim:hover { background-color: #d45500; }
.blue.btnSim, .blue.btnSim:visited { background-color: #2981e4; }
.blue.btnSim:hover { background-color: #2575cf; }
.yellow.btnSim, .yellow.btnSim:visited { background-color: #ffb515; }
.yellow.btnSim:hover { background-color: #fc9200; }
#otherProducts #simProd.orange.btnSim, #otherProducts #simProd.orange.btnSim:visited { background-color: #ff5c00; }
#soldOutMain #simProd
{
margin-bottom: 0;
}
#soldOutMain .artikelSlider {
margin-top: 20px;
}
#soldOutMain .artikelSlider
{
display: none;
}
#leftDesc ul {
padding: 0 15px;
}
#filterListMob
{
display: none;
}
div#sizeFilter a:link,
div#sizeFilter a:visited {
color: #000;
text-decoration: none;
}
div#colorFilter a:link,
div#colorFilter a:visited {
text-decoration: none;
}
div#sexFilter a:link,
div#sexFilter a:visited {
color: #000;
text-decoration: none;
}
div#priceFilter a:link,
div#priceFilter a:visited {
color: #000;
text-decoration: none;
}
#catSocial {
box-sizing: border-box;
display: flex;
margin: 20px auto;
max-width: calc(100% - 40px);
}
#catSocialLeft
{
width: 27%;
flex-basis: auto;
display: flex;
}
#catSocialRight
{
width: 73%;
flex-basis: auto;
align-self: center;
}
.iconBeige
{
background-color:#d4be8d;
}
.iconSchwarz
{
background-color:#000;
}
.iconBraun
{
background-color:#6f3e18;
}
.iconBlau
{
background-color:#345aff;
}
.iconGelb
{
background-color:#fffc00;
}
.iconGrau
{
background-color:#838383;
}
.iconGruen
{
background-color:#25b53a;
}
.iconGold
{
background-color:#FFD700;
}
.iconSilber
{
background-color:#C0C0C0;
}
.iconLila
{
background-color:#9349aa;
}
.iconOliv
{
background-color:#657400;
}
.iconOrange
{
background-color:#ff6501
}
.iconPetrol
{
background-color:#22a2a4;
}
.iconPink
{
background-color:#ed008c;
}
.iconRot
{
background-color:#ea0001
}
.iconTuerkis
{
background-color:#32caeb;
}
.iconWeiss
{
background-color:#fff;
}
#colorFilter li:hover a
{
color: #fff;
}
#colorFilter #filterWeiss:hover a
{
color: #000;
}
#colorFilter a {
color: transparent;
}
#colorFilter a.active {
color: #fff;
}
#colorFilter #filterWeiss a.active
{
color: #000;
}
#colorFilter .fa.fa-check {
padding: 0;
}
#filterList {
display: flex;
justify-content: space-between;
margin: 0 auto 20px;
max-width: calc(100% - 40px);
}
#colorFilter li {
margin-bottom: 10px;
}
#sizeFilter li {
margin-bottom: 10px;
}
#priceFilter li {
margin-bottom: 10px;
}
#priceFilterMob li {
margin-bottom: 10px;
}
#colorFilter {
display: flex;
padding: 10px;
width: 210px;
justify-content: space-between;
}
#sizeFilter li:hover .iconSize
{
background-color: #dd670a;
}
#sexFilter li:hover .iconSex
{
background-color: #dd670a;
}
#sexFilterMob li:hover .iconSex
{
background-color: #dd670a;
}
#sizeFilter li.active .iconSize
{
background-color: #dd670a;
}
#sizeFilterMob li.active .iconSize
{
background-color: #dd670a;
}
#priceFilter .active .iconPrice
{
background-color: #dd670a;
}
#priceFilterMob .active .iconPrice
{
background-color: #dd670a;
}
#sexFilter .active .iconSex
{
background-color: #dd670a;
}
#sexFilterMob .active .iconSex
{
background-color: #dd670a;
}
#priceFilter li:hover .iconPrice
{
background-color: #dd670a;
}
#priceFilterMob li:hover .iconPrice
{
background-color: #dd670a;
}
.iconFont {
border: 1px solid #eaeaea;
display: block;
height: 34px;
width: 34px;
line-height: 34px;
font-size: 34px;
}
#sizeFilter {
display: flex;
width: 298px;
padding: 10px;
justify-content: space-between;
}
#priceFilter {
display: flex;
width: 166px;
justify-content: space-between;
padding: 10px;
}
#priceFilterMob {
display: flex;
width: 166px;
justify-content: space-between;
padding: 10px;
}
#sexFilter {
padding: 10px;
}
#sexFilterMob {
padding: 10px;
}
#headPriceFilter {
background: #d6d6d6 none repeat scroll 0 0;
font-size: 21px;
font-weight: bold;
padding: 5px 10px;
}
#headPriceFilterMob {
background: #d6d6d6 none repeat scroll 0 0;
font-size: 21px;
font-weight: bold;
padding: 5px 10px;
}
#headColorFilter
{
background: #d6d6d6 none repeat scroll 0 0;
font-size: 21px;
font-weight: bold;
padding: 5px 10px;
}
#headSizeFilter
{
background: #d6d6d6 none repeat scroll 0 0;
font-size: 21px;
font-weight: bold;
padding: 5px 10px;
}
#headSexFilter
{
background: #d6d6d6 none repeat scroll 0 0;
font-size: 21px;
font-weight: bold;
padding: 5px 10px;
}
#headSexFilterMob
{
background: #d6d6d6 none repeat scroll 0 0;
font-size: 21px;
font-weight: bold;
padding: 5px 10px;
}
.filterDelete {
font-size: 16px;
font-weight: normal;
text-decoration: underline;
}
#delAll
{
text-align: right;
margin-bottom: 10px;
}
#boxSexFilter {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 2px;
box-shadow: 0 1px 1px -1px rgba(153, 153, 153, 0.3);
box-sizing: border-box;
}
#boxSexFilterMob {
background: #fff none repeat scroll 0 0;
border: 1px solid #999;
}
#boxSizeFilter {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 2px;
box-shadow: 0 1px 1px -1px rgba(153, 153, 153, 0.3);
box-sizing: border-box;
}
#boxColorFilter {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 2px;
box-shadow: 0 1px 1px -1px rgba(153, 153, 153, 0.3);
box-sizing: border-box;
}
#boxPriceFilter {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 2px;
box-shadow: 0 1px 1px -1px rgba(153, 153, 153, 0.3);
box-sizing: border-box;
}
#boxPriceFilterMob {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 2px;
box-shadow: 0 1px 1px -1px rgba(153, 153, 153, 0.3);
box-sizing: border-box;
}
#sexFilter li {
margin-bottom: 10px;
}
#sexFilterMob li {
margin-bottom: 10px;
}
.iconSex {
border: 1px solid #eaeaea;
display: block;
height: 34px;
width: 96px;
line-height: 34px;
font-size: 20px;
text-align: center;
background: #d2d2d2 none repeat scroll 0 0;
color: #000;
}
.iconSize {
background: none repeat scroll 0 0 #d2d2d2;
border: 1px solid #eaeaea;
color: #000;
display: block;
font-size: 20px;
height: 34px;
line-height: 34px;
text-align: center;
width: 34px;
}
.iconPrice {
background: none repeat scroll 0 0 #d2d2d2;
border: 1px solid #eaeaea;
color: #000;
display: block;
font-size: 20px;
height: 34px;
line-height: 34px;
text-align: center;
width: 34px;
}
#leftDesc h1 {
text-align: center;
font-size: 20px;
padding: 5px 0;
font-weight: bold;
background: #ddd;
}
#socialBox > h2 {
font-size: 27px;
font-weight: bold;
line-height: 45px;
margin-bottom: 20px;
}
#socialBox > h2 span {
background: none repeat scroll 0 0 #fff;
padding: 5px;
}
#socialBox
{
max-width: calc(100% - 40px);
margin: 20px auto;
}
#socialContent
{
display: flex;
justify-content: center;
background-color: #fff;
border-radius: 2px;
box-sizing: border-box;
padding: 40px;
}
#btnPint
{
background-color: rgb(174, 24, 31);
width: calc(25% - 8px);
}
#btnFB
{
background-color: rgb(59, 89, 152);
width: calc(25% - 8px);
}
#btnGP
{
background-color: rgb(217, 82, 50);
width: calc(25% - 8px);
}
#btnTw
{
background-color: #00ABF0;
width: calc(25% - 8px);
}
#btnWA
{
background-color: #2ab200;
width: calc(25% - 8px);
}
#socialContent .fa {
background-color: rgba(0, 0, 0, 0.2);
height: 64px;
line-height: 64px;
padding-right: 0;
text-align: center;
width: 64px;
}
.sbTxt
{
display: inline-block;
text-align: center;
width: calc(100% - 64px);
}
.social_btn {
color: #fff;
cursor: pointer;
margin: 4px;
overflow: hidden;
text-align: left;
font-size: 32px;
}
#pintHead
{
background-color: rgb(174, 24, 31);
padding: 6px 9px;
color: #fff;
}
#pinterest_pic > figure {
display: block;
margin: 20px 0;
text-align: center;
}
#pinterest_pic
{
display: none;
width: 800px;
}
#paymentError .fa.fa-times-circle {
color: red;
font-size: 40px;
}
#paymentError h4 {
font-size: 31px;
}
#fbBanner {
background: none repeat scroll 0 0 #efefef;
padding: 20px;
display: flex;
width: 620px;
margin: 40px auto;
}
#btnFBPu
{
cursor: pointer;
margin-right: 20px;
}
#fbBannerRight > p {
color: #445e99;
font-size: 34px;
font-weight: bold;
margin-bottom: 20px;
}
#fbBannerLeft
{
flex-basis: auto;
width: 20%;
}
#fbBannerRight
{
flex-basis: auto;
width: 80%;
text-align: right;
}
#fbBanner .fa.fa-thumbs-o-up {
color: #445e99;
font-size: 100px;
}
.button {
box-sizing: border-box;
display: inline-block;
font-weight: bold;
line-height: 13px;
text-align: center;
text-shadow: none;
}
a.buttton:hover, a.bitton:focus
{
color: #fff;
text-decoration: none;
}
.button--red:hover {
background-color: #e9423b;
}
.button--red {
background-color: #cf1f18;
color: #fff;
}
#fbBanner .button {
font-size: 20px;
padding: 12px 30px;
}
[class*="button"] {
transition: background 200ms ease-in-out 0s !important;
}
#maxTabNav
{
margin-bottom: 15px;
box-shadow: 0 0 2px #999;
}
#maxTabNav > li {
margin-bottom: 10px;
}
#maxTab
{
display: flex;
padding-bottom: 7px;
}
#maxTabHead > div {
flex-basis: auto;
font-size: 20px;
text-align: center;
width: 33.3%;
font-weight: bold;
}
#maxTabHead.tabSneaker > div {
width: 50%;
}
#maxTabHead > div span {
background-color: #e6eaef;
padding: 5px;
}
#maxTabHead {
display: flex;
padding-top: 15px;
}
#maxTab li
{
flex-basis: auto;
width: 33.3%;
text-align: center;
line-height: 40px;
font-size: 20px;
list-style-position: inside;
list-style-type: disc;
}
#maxTab.tabSneaker li
{
width: 50%;
}
#maxTab li span {
background-color: #e6eaef;
padding: 5px;
}
#maxTab a:link, #maxTab a:visited
{
color: blue;
}
h2#detNavTitle {
font-size: 27px;
font-weight: bold;
line-height: 45px;
padding-left: 15px;
padding-top: 15px;
}
#detNavTitle span {
background-color: #e6eaef;
padding: 5px 0;
}
#leftDesc {
box-shadow: 0 0 2px #999;
flex-basis: auto;
margin-top: 20px;
width: 95%;
line-height: 20px;
text-align: justify;
padding-bottom: 5px;
background-color: #fff;
}
#leftDesc h2 {
font-weight: bold;
background: none repeat scroll 0 0 #ddd;
padding: 5px;
text-align: center;
}
#leftDesc p {
margin: 20px 0;
padding: 0 15px;
}
#startMenuContent {
display: flex;
}
#menuLeft, #categoryLeft {
flex-basis: auto;
width: 25%;
}
#categoryLeftOld
{
flex-basis: auto;
width: 25%;
}
#categoryRightOld
{
flex-basis: auto;
width: 74%;
}
#boxColTxtOld {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 2px;
box-shadow: 0 1px 1px -1px rgba(153, 153, 153, 0.3);
box-sizing: border-box;
width: 95%;
margin-top: 10px;
}
#categoryLeftOld #catNavi {
box-shadow: 0 0 2px #999;
margin-top: 20px;
}
#startRight {
width: 100%;
}
#btnShowCart {
background: none repeat scroll 0 0 #333;
color: #fff;
cursor: pointer;
font-size: 28px;
padding: 5px 10px;
display: block;
}
#emptyInfo {
margin: 20px auto;
max-width: 70%;
}
#emptyInfo > p {
margin-top: 20px;
}
#emptyInfo h1
{
font-size: 20px;
font-weight: bold;
margin-bottom: 20px;
}
#emptyInfo h1 span
{
background-color: #e6eaef;
padding: 5px;
}
#divWK > p, #divWKMob > p {
font-weight: bold;
}
#sizeBox {
border: 1px solid #cccccc;
font-weight: bold;
}
#contentMain #dhlPic > figcaption
{
width: auto;
}
#detSiteNav {
margin: 60px auto;
}
#detSiteNav li
{
line-height: 30px;
list-style-position: outside;
list-style-type: disc;
font-size: 18px;
display: inline-block;
margin-right: 50px;
}
#detSiteNav #lastElement
{
margin-right: 0;
}
.btnDetAnker {
color: #000;
cursor: pointer;
}
#btnQuestion .fa.fa-angle-double-right {
padding-right: 0;
}
#simProd
{
font-size: 26px;
font-weight: bold;
margin: 0 20px 20px;
cursor: pointer;
display: inline-block;
}
#simProd span
{
background-color: #fff;
padding: 5px;
}
#pSelSize
{
font-size: 26px;
font-weight: bold;
margin-bottom: 20px;
margin-top: 5px;
}
#pSelSize span
{
background-color: #e6eaef;
padding: 5px;
}
#addSizeLeft > figure {
background: none repeat scroll 0 0 #e5e5e5;
border: 1px solid #ccc;
margin: 0 0 30px;
padding: 30px 30px 20px;
display: table;
}
#addSizeLeft > figure figcaption {
font-size: 14px;
text-align: center;
margin-top: 20px;
width: auto;
}
#logPay .detPayHead {
font-size: 27px;
font-weight: bold;
line-height: 45px;
}
#logPay .detPayBot
{
margin-bottom: 20px;
}
#logPay .detPayHead span {
background-color: #e6eaef;
padding: 5px;
}
.panePayDet {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 6px;
color: #333;
margin: 0 auto 20px;
padding: 22px 20px;
position: relative;
width: 350px;
}
.detPay {
margin-bottom: 50px;
padding-left: 30px;
}
.detPay > span {
font-size: 27px;
display: block;
}
#itemContent {
margin: 40px auto;
max-width: calc(100% - 40px);
background-color: #fff;
border-color: #fff #ccc #ccc;
border-style: none solid solid;
border-width: 0 1px 1px;
border-radius: 2px;
box-sizing: border-box;
margin: 0 auto 20px;
padding: 40px ;
}
#itemContentLeft {
flex-basis: auto;
width: 31%;
margin-right: 45px;
}
#pQuestHead span
{
background-color: #e6eaef;
padding: 5px;
}
#questionItem {
font-size: 16px;
line-height: 25px;
margin: 20px auto;
padding: 20px;
}
#addSize
{
max-width: 1280px;
margin: 20px auto;
display: flex;
}
#addSizeRight
{
width: 50%;
flex-basis: auto;
}
#addSizeLeft
{
width: 50%;
flex-basis: auto;
}
#addSizeRight .grey, #addSizeRight .white
{
display: flex;
}
#dhlPic .fa {
padding-right: 0;
}
#dhlPic
{
display: flex;
align-items: center;
margin-top: 25px;
}
#dhlPic figcaption
{
display: flex;
align-items: center;
margin-right: 10px;
}
#otherProducts
{
margin: 25px auto 20px;
}
#detailMidRight figcaption {
font-size: 16px;
line-height: 25px;
}
#itemPriceTop .pPrice
{
margin-top: 0;
}
.breadTxt {
color: blue;
}
.breadcrumb a, .breadcrumb a:visited{
color: #000;
}
.breadcrumb a:hover
{
text-decoration: underline;
}
#LoginForm > h2 {
font-size: 20px;
font-weight: bold;
margin: 20px 0;
text-decoration: underline;
}
#chkBox .fancybox {
text-decoration: underline;
}
#register .fa.fa-angle-double-right {
padding-right: 0;
}
.spanh1 {
display: block;
}
.spanh1Top {
margin-bottom: 10px;
}
#changeAdr .fa.fa-angle-double-right {
padding-right: 0;
}
#changeAdrEdit .fa.fa-angle-double-right {
padding-right: 0;
}
#LoginRight h3 .spanh3 {
display: inline-block;
font-size: 18px;
font-weight: normal;
padding-left: 34px;
text-decoration: underline;
}
#LoginRight .fa.fa-phone {
color: #000;
font-size: 25px;
}
#usrAccount .fa.fa-angle-double-right {
padding-right: 0;
}
#regFormHead {
display: flex;
justify-content: space-between;
}
#regFormHeadH1 {
align-self: center;
flex-basis: auto;
}
#wkFoot
{
font-size: 16px;
line-height: 25px;
margin-left: 15px;
}
.itemLine .line {
border: 1px solid #efefef;
display: block;
margin: 10px auto;
width: 100%;
}
#logWkCon .itemLine {
margin-left: 0;
}
.wkLine .line {
border: 1px solid #d3d3d3;
display: block;
margin: 0 auto;
width: 100%;
}
.wkLine
{
padding: 15px 0;
}
.wkPay
{
margin-bottom: 20px;
}
#wkFoot > span {
display: inline-block;
text-align: right;
width: 50%;
font-size: 20px;
}
#wkFoot > label {
display: inline-block;
width: 50%;
font-size: 20px;
}
#logWkCon p {
font-size: 16px;
line-height: 25px;
margin-left: 15px;
}
#logPay > h1 {
font-size: 18px;
margin-bottom: 20px;
text-decoration: underline;
padding-left: 20px;
}
.paneWK
{
background-color: #fff;
border: 1px solid #ccc;
color: #333;
font: 400 62.5%/1 Verdana,Arial,"Helvetica Neue",Helvetica,"Times New Roman","Courier New",sans-serif;
margin: 0 auto 20px;
padding: 22px 20px;
position: relative;
border-radius: 6px;
box-shadow: 3px 3px 5px 2px rgba(1, 1, 1, 0.15);
width: 350px;
}
.paneWK > h1 {
font-size: 18px;
text-decoration: underline;
margin-bottom: 10px;
padding-left: 30px;
}
.wkPay > p {
font-size: 10px;
padding: 20px 0 10px;
}
.panePay {
background-color: #fff;
border: 1px solid #ccc;
color: #333;
font: 400 62.5%/1 Verdana,Arial,"Helvetica Neue",Helvetica,"Times New Roman","Courier New",sans-serif;
margin: 0 auto 20px;
padding: 22px 20px;
position: relative;
border-radius: 6px;
box-shadow: 3px 3px 5px 2px rgba(1, 1, 1, 0.15);
width: 350px;
}
.klarnaBox
{
height: 60px;
}
.container_e-chat, .shopping-assistance {
width: 350px;
-webkit-box-shadow: 3px 3px 5px 2px rgba(1,1,1,.15);
box-shadow: 3px 3px 5px 2px rgba(1,1,1,.15);
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #CCC;
}
.shopping-assistance span {
color: #000;
}
.sep-b {
border-bottom: 1px solid #e0e0e0;
}
.pane br {
line-height: 1em;
}
.shopping-assistance {
position: relative;
background: #fff url(/p/purchaze-contact.png) top right no-repeat;
}
.pane {
position: relative;
z-index: 2;
padding: 22px 20px;
margin: 0 auto 20px;
background-color: #fff;
border: 1px solid #ccc;
font: 400 62.5%/1 Verdana,Arial,"Helvetica Neue",Helvetica,"Times New Roman","Courier New",sans-serif;
color: #333;
}
#LoginRight .h3 {
font-size: 14px;
line-height: 18px;
font-weight: bold;
color: #666;
padding-bottom: 1px;
margin-bottom: 10px;
}
.wkPay > span {
font-size: 25px;
}
.shopping-assistance span {
color: #000;
}
.lgr.lh
{
color: #999;
}
.lgr.lh strong {
font-weight: bold;
}
#CheckoutContent
{
display: flex;
}
#LoginRight
{
flex-basis: auto;
width: 45%;
margin-left: 63px;
}
#regFormHead h2 {
font-size: 25px;
}
#LoginHeader
{
max-width: calc(100% - 40px);
margin: 20px auto;
background: #fff;
}
div#changeAdr {
font-size: 20px;
height: 25px;
line-height: 25px;
margin: 15px auto;
padding: 5px 15px !important;
text-align: center;
display: inline-block;
}
div#changeAdrEdit {
font-size: 20px;
height: 25px;
line-height: 25px;
margin: 15px auto;
padding: 5px 15px !important;
text-align: center;
display: inline-block;
}
#boxHelp {
left: 10px;
position: absolute;
top: 28px;
width: 10%;
}
#wkRight .loginRow {
position: relative;
}
.input-group[data-info]:before
{
position: absolute;
left: auto;
top: 0;
right: 0;
background-color: #BF0E1A;
color: #ffffff;
height: 30px;
line-height: 30px;
border-radius: 5px;
padding: 0 15px;
content: attr(data-info);
white-space: nowrap;
display: none;
}
.input-group[data-info]:after
{
position: absolute;
left: auto;
right: 22px;
top: 30px;
border-top: 7px solid #BF0E1A;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
content: "";
display: none;
}
.input-group.show[data-info]:after,
.input-group.show[data-info]:before
{
display: block;
}
#wkRight .loginRow .input-group {
flex-basis: auto;
width: 100%;
}
#wkRight h1 {
font-size: 20px;
font-weight: bold;
margin-top: 10px;
text-align: center;
}
#btnCalcWK {
display: inline-block;
font-size: 20px;
height: 40px;
line-height: 40px;
padding: 0 20px;
text-align: center;
}
#calcBtn
{
text-align: center;
margin-top: 20px;
}
#wkCalcFinal {
margin-top: 30px;
}
#wkCalcFinal label {
display: inline-block;
width: 62%;
}
#wkCalcFinal span {
display: inline-block;
text-align: right;
width: 20%;
}
#wkCalcFinal > div {
margin-bottom: 5px;
}
#addressHeader figcaption {
width: auto;
}
#paymentInfoBox > p {
line-height: 30px;
}
#paymentInfoBox h1 {
font-size: 40px;
font-weight: bold;
margin-bottom: 20px;
}
#paymentInfoBoxPP > p {
line-height: 30px;
}
#paymentInfoBoxPP h1 {
font-size: 40px;
font-weight: bold;
margin-bottom: 20px;
}
#nav.fixedNavi.naviItemDetail {
display: none;
}
#startPrice s {
color: red;
display: block;
}
#glossar
{
max-width: 1280px;
margin: 20px auto;
}
#glossar h1
{
font-size: 30px;
font-weight: bold;
margin-bottom: 20px;
}
#glossar h1 span
{
background-color: #e6eaef;
padding: 5px;
}
#glossar ul {
padding-left: 30px;
}
#glossar li {
line-height: 25px;
list-style: outside none disc;
}
#detailMidLeft > figure {
display: flex;
flex-basis: auto;
width: 59%;
}
#detailMid {
padding: 20px;
font-size: 16px;
line-height: 25px;
}
#vorteile {
padding: 20px;
font-size: 16px;
line-height: 25px;
}
#itemBuy #detailMid {
margin: 20px auto;
max-width: 1260px;
padding-left: 20px;
}
#itemBuy #detailMidLeft, #itemBuy #detailMidRight {
display: flex;
}
#detailFB {
display: flex;
justify-content: space-between;
margin-top: 0;
}
.arrow_box {
position: absolute;
background: #fcfcfc;
border: 1px solid #000;
display: none;
left: 0;
right: 0%;
bottom: 30%;
z-index: 10;
height: 130px;
border-radius: 10px;
box-shadow: 0 6px 4px 0 rgba(0, 0, 0, 0.2);
width: 295px;
margin: 0 auto;
}
.arrow_box:after, .arrow_box:before {
top: 100%;
left: 55%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.boxHead {
background: none repeat scroll 0 0 #f2eded;
padding: 10px;
text-align: left;
z-index: 0;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
font-size: 13px;
}
.arrow_box > p.txtOrange
{
color: #F78513;
font-size: 15px;
}
.arrow_box:after {
border-color: rgba(255, 255, 255, 0);
border-top-color: #fff;
border-width: 9px;
margin-left: -30px;
}
.arrow_box:before {
border-color: rgba(0, 0, 0, 0);
border-top-color: #000;
border-width: 10px;
margin-left: -31px;
}
.inner > h1:hover ~ div.arrow_box {
display: block;
}
.arrow_box > p {
font-size: 12px;
line-height: 17px;
margin-bottom: 0;
margin-top: 17px;
padding-left: 10px;
padding-right: 10px;
}
#catHeader
{
max-width: 1280px;
width: auto;
margin: 7px auto 30px;
}
#catHeader h1
{
font-size: 30px;
font-weight: bold;
color: #000;
}
#catHeader h1 span
{
background-color: #e6eaef;
padding: 5px;
}
#indexHeaderOld {
margin-bottom: 20px;
}
#indexHeaderEN {
display: block;
}
#indexHeaderLeft {
flex-basis: auto;
width: 20%;
}
#indexHeaderLeftEN {
display: none;
}
#indexHeaderRightEN {
width: auto;
}
.naviDiv {
padding-bottom: 20px;
}
#navSix .naviDiv, #navOne .naviDiv
{
padding-bottom: 10px;
}
div#HeadZahlung {
flex-basis: auto;
width: 25%;
text-align: center;
}
div#HeadVersand {
flex-basis: auto;
width: 25%;
text-align: left;
}
div#HeadRetoure {
flex-basis: auto;
width: 25%;
text-align: center;
}
/* Main Navigation */
#nav {
position:relative;
width:auto;
margin: 10px auto;
padding:10px 0;
max-width: 1280px;
}
#nav.removeNavi
{
display: none;
}
#nav.fixedNavi {
background: none repeat scroll 0 0 #ddd;
margin: 0 auto;
max-width: 100%;
position: fixed;
top: 0;
width: 100%;
z-index: 999999;
box-shadow: 0 0 40px #222;
animation-duration: 0.8s;
animation-name: fadeIn;
}
#navSix > a, #navSeven > a
{
pointer-events: none;
}
#navOneZ,
#navTwoZ,
#navTwoA0,
#navThreeZ,
#navFourZ,
#navFiveZ,
#navFiveA0,
#navFiveB0
{
display: none;
}
li#navTwo:hover > a
{
border-color: #fcfc3e;
}
li#navThree:hover > a
{
border-color: #F78513;
}
li#navFour:hover > a
{
border-color: #ff0000;
}
li#navFive:hover > a
{
border-color: #0760B8;
}
li#navSix:hover > a
{
border-color: #8cb302;
}
li#navSeven:hover > a
{
border-color: #008c74;
}
ul#navigation {
margin:0px auto;
position:relative;
display: flex;
justify-content: space-between;
}
ul#navigation li {
flex-basis: auto;
width: 13.7%;
font-size: 18px;
font-weight: bold;
margin-right: 5px;
padding: 0;
position: relative;
}
ul#navigation li a {
padding:10px;
color:#000;
text-shadow:1px 1px 0px #fff;
text-decoration:none;
display:block;
border:2px solid #333;
background: #f1f1f1;
-webkit-transition:color 0.2s linear, background 0.2s linear;
-moz-transition:color 0.2s linear, background 0.2s linear;
-o-transition:color 0.2s linear, background 0.2s linear;
transition:color 0.2s linear, background 0.2s linear;
}
ul#navigation li a:hover {
background:#f8f8f8;
text-shadow: 1.5px 1.5px 0 #ddd;
}
ul#navigation li.lastEle {
margin-right: 0;
}
ul#navigation li:hover > a {
background:#fff;
}
/* Drop-Down Navigation */
ul#navigation li:hover > ul
{
/*these 2 styles are very important,
being the ones which make the drop-down to appear on hover */
visibility:visible;
opacity:1;
}
ul#navigation ul, ul#navigation ul li ul {
list-style: none;
margin: 0;
padding: 0;
/*the next 2 styles are very important,
being the ones which make the drop-down to stay hidden */
visibility:hidden;
opacity:0;
position: absolute;
z-index: 99999;
background:#f8f8f8;
box-shadow:1px 1px 3px #ccc;
/* css3 transitions for smooth hover effect */
-webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
-moz-transition:opacity 0.2s linear, visibility 0.2s linear;
-o-transition:opacity 0.2s linear, visibility 0.2s linear;
transition:opacity 0.2s linear, visibility 0.2s linear;
}
ul#navigation ul {
top: 42px;
left: 0;
width:150%;
}
ul#navigation #navSeven ul {
right: 0;
left: auto;
width: 186%;
}
ul#navigation ul li ul {
top: 0;
left: 100%; /* strong related to width:180px; from above */
width:100%;
}
ul#navigation ul li {
clear:both;
width:100%;
border:0 none;
border-bottom:1px solid #c9c9c9;
}
ul#navigation ul li a {
background:none;
padding:7px 15px;
color:#000;
text-shadow:1px 1px 0px #fff;
text-decoration:none;
display:inline-block;
border:0 none;
width:88%;
}
.paymentLogo.box4 > span {
display: block;
flex-basis: auto;
}
#klarnaInfo h3
{
font-size: 26px;
font-weight: bold;
}
#klarnaInfo h3 span
{
background-color: #e6eaef;
padding: 5px 0;
}
#verticalText.fix-search {
position: fixed;
top: 0;
width: 9%;
}
#navi_wrapper.fix-search {
left: auto;
position: fixed;
top: 60px;
width: 56%;
}
#nav_sub_cats.fix-search.active {
width: 16% ;
}
#boxChkState
{
display: none;
}
div#btnRegisterFinal {
padding: 10px;
line-height: normal;
text-align: center;
font-size: 40px;
margin-top: 10px;
height: auto;
}
#registerCheck p {
position: relative;
margin-bottom: 6px;
}
p#regChkInfo {
margin-bottom: 20px;
font-size: 20px;
}
span.btnChange.a-btn.btnColBlue {
padding: 0 5px;
position: absolute;
line-height: 20px;
height: 20px;
right: 0;
top: 0;
bottom: 0;
}
#registerCheck label {
width: 30%;
display: inline-block;
font-weight: bold;
}
#registerCheck
{
display: none;
}
.catInfo
{
color: #666;
font-size: 12px;
margin-left: 10px;
display: block;
}
#liDamenStart,
#liHerrenStart,
#liBaseStart,
#liBWStart,
#liForceStart,
#liJordanStart,
#liSafariStart,
#liStructureStart,
#liVortexStart,
#liWaffleStart,
#liAirMax1Start,
#liMax1MenStart,
#liWMNS1Start,
#liMax1KidStart,
#liAirMax90Start,
#liMax90MenStart,
#liWMNS90Start,
#liMax90KidStart,
#liAirMax180Start,
#liCommandStart,
#liLightStart,
#liLtdStart,
#liTheaStart
{
display: none;
}
#liDamenStart.show,
#liHerrenStart.show,
#liBaseStart.show,
#liBWStart.show,
#liForceStart.show,
#liJordanStart.show,
#liSafariStart.show,
#liStructureStart.show,
#liVortexStart.show,
#liWaffleStart.show,
#liAirMax1Start.show,
#liMax1MenStart.show,
#liWMNS1Start.show,
#liMax1KidStart.show,
#liAirMax90Start.show,
#liMax90MenStart.show,
#liWMNS90Start.show,
#liMax90KidStart.show,
#liAirMax180Start.show,
#liCommandStart.show,
#liLightStart.show,
#liLtdStart.show,
#liTheaStart.show
{
display: block;
}
.catLnkPic, .catLnkPic:link, .catLnkPic:visited
{
text-decoration: none;
color: #000;
}
#rechteck {
background: none repeat scroll 0 0 #0163D2;
bottom: 8%;
font-size: 14px;
height: 30px;
line-height: 30px;
position: absolute;
text-align: center;
width: 120px;
color: #fff;
}
#rechteck::after {
border-bottom: 15px solid transparent;
border-left: 30px solid #0163D2;
border-top: 15px solid transparent;
content: "";
height: 0;
position: absolute;
right: -30px;
top: 0px;
width: 0;
}
.cta_img {
background: none repeat scroll 0 0 #fff;
border: 1px solid #bbb;
border-radius: 3px;
font-size: 25px;
height: 27%;
padding: 10px;
position: absolute;
right: 14%;
top: 21%;
width: 155px;
}
.naviInfo {
color: #444;
display: block;
font-size: 11px;
font-weight: 400;
line-height: 13px;
white-space: normal;
padding: 0 10px;
}
.nav-arrow-inner {
border-color: transparent transparent #fff;
border-style: solid;
border-width: 0 9px 9px;
font-size: 0;
height: 0;
left: -9px;
line-height: 0;
position: absolute;
top: 1px;
width: 0;
}
.nav-arrow {
border-color: transparent transparent #bbb;
border-style: solid;
border-width: 0 9px 9px;
font-size: 0;
height: 0;
left: 120px;
line-height: 0;
position: absolute;
top: -9px;
width: 0;
z-index: 30000;
}
#vtTop {
display: block;
font-size: 14px;
font-weight: normal;
}
#vtBop {
font-size: 18px;
font-weight: bold;
}
div[id*='sub_'],
div[id*='airmax_'],
div[id*='air_'],
div[id*='capri_'],
div[id*='sneaker_'],
div[id*='blazer_'],
div[id*='court_'],
div[id*='dunk_'],
div[id*='roshe_'],
div[id*='tennis_'],
div[id*='vandal_'],
div[id*='reebok_'],
div[id*='lacoste_'],
div[id*='base2_'],
div[id*='cbw_'],
div[id*='force1_'],
div[id*='jordan_'],
div[id*='safari_'],
div[id*='structure_'],
div[id*='vortex_'],
div[id*='waffle_'],
div[id*='max180_'],
div[id*='max1_'],
div[id*='max90_'],
div[id*='command_'],
div[id*='light_'],
div[id*='ltd_'],
div[id*='thea_'],
div[id*='max1men_'],
div[id*='max1women_'],
div[id*='max1gs_'],
div[id*='max90men_'],
div[id*='max90women_'],
div[id*='max90gs_'],
div[id*='lyteiii_'],
div[id*='lytev_'],
div[id*='sale_'],
div[id*='gendermen_'],
div[id*='genderwomen_'],
div[id*='catair_'],
div[id*='catmax_']
{
display: none;
}
div[id*='sub_'].active,
div[id*='airmax_'].active,
div[id*='air_'].active,
div[id*='capri_'].active,
div[id*='sneaker_'].active,
div[id*='blazer_'].active,
div[id*='court_'].active,
div[id*='dunk_'].active,
div[id*='roshe_'].active,
div[id*='tennis_'].active,
div[id*='vandal_'].active,
div[id*='reebok_'].active,
div[id*='lacoste_'].active,
div[id*='base2_'].active,
div[id*='cbw_'].active,
div[id*='force1_'].active,
div[id*='jordan_'].active,
div[id*='safari_'].active,
div[id*='structure_'].active,
div[id*='vortex_'].active,
div[id*='waffle_'].active,
div[id*='max180_'].active,
div[id*='max1_'].active,
div[id*='max90_'].active,
div[id*='command_'].active,
div[id*='light_'].active,
div[id*='ltd_'].active,
div[id*='thea_'].active,
div[id*='max1men_'].active,
div[id*='max1women_'].active,
div[id*='max1gs_'].active,
div[id*='max90men_'].active,
div[id*='max90women_'].active,
div[id*='max90gs_'].active,
div[id*='lyteiii_'].active,
div[id*='lytev_'].active,
div[id*='sale_'].active,
div[id*='gendermen_'].active,
div[id*='genderwomen_'].active,
div[id*='catair_'].active,
div[id*='catmax_'].active
{
display: block;
}
.maxchild {
margin-left: 13px;
}
.maxchildchild {
margin-left: 26px;
}
#navi_wrapper {
left: 0;
position: absolute;
top: 80%;
width: 94%;
display: none;
max-width: 1280px;
}
#navi_wrapper.active
{
display: block;
}
#nav_sub_cats {
position: absolute;
z-index: 10000;
background: #fff;
display: none;
height: 240px;
padding: 10px;
left: 21.7%;
width: 16%;
border-top: 1px solid #bbb;
border-right: 1px solid #bbb;
border-bottom: 1px solid #bbb;
border-left: 1px solid #eee;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
#nav_sub_cats h1
{
font-size: 30px;
color: #e47911;
}
#nav_sub_cats.active
{
display: block;
}
div[id*='navi_content_']
{
display: none;
height: 90%;
overflow: hidden;
padding: 10px;
position: absolute;
z-index: 10000;
top: 0;
}
div[id*="navi_content_"] img {
max-width: 470px;
display: block;
margin: 12% auto auto;
width: 97%;
}
div[id*="navi_content_"] img {
max-width: 470px;
display: block;
margin: 12% auto auto;
width: 97%;
}
div[id*='navi_content_'].active
{
display: block;
width: 66%;
left: 0;
}
#navLv1 .fa.fa-angle-right,
ul[id*='navLvl'] .fa.fa-angle-right
{
opacity: 0.5;
position: absolute;
right: 0;
}
ul[id*='navLvl'] > li {
padding: 2px 0;
}
#navLv1 > li > a:hover > .fa.fa-angle-right,
ul[id*='navLvl'] > li > a:hover > .fa.fa-angle-right
{
opacity: 1 !important;
}
#navLv1 > li > a,
ul[id*='navLvl'] > li > a
{
display: block;
font-size: 14px;
position: relative;
padding: 6px 10px;
}
#navLvl2 > li > a
{
padding: 0px 10px;
}
#navLv1 > li > a.active,
ul[id*='navLvl'] > li > a.active
{
color: #e47911;
}
#navLvl42, #navLvl43, #navLvl6
{
width: 86%;
position: absolute;
height: 240px;
}
#sub_navi_lvl_3 {
background: none repeat scroll 0 0 #fff;
display: none;
height: 220px;
padding: 10px;
position: absolute;
z-index: 10000;
left: 39.4%;
width: 16%;
border-top: 1px solid #bbb;
border-right: 1px solid #bbb;
border-bottom: 1px solid #bbb;
border-left: 1px solid #eee;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
#sub_navi_lvl_3.active
{
display: block;
}
#sub_navi_lvl_3.active.fix-search
{
left: 39.3%;
}
ul[id*='navLvl'] a, ul[id*='navLvl'] a:visited,ul[id*='navLvl'] a:link
{
text-decoration: none;
color: #000;
}
#navLv1 a, #navLv1 a:visited, #navLv1 a:link
{
text-decoration: none;
color: #000;
}
#bigNavi {
background: none repeat scroll 0 0 #fff;
border: 1px solid #bbb;
border-radius: 3px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13);
position: absolute;
width: 20%;
z-index: 20000;
padding: 10px;
}
#bigNavi.newBorder
{
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-right: 0;
}
div#TopNavi {
padding: 5px 0 10px;
}
#itemBuy .selectfeld
{
flex-basis: auto;
width: 100%;
display: block;
height: 34px;
font-weight: bold;
}
.btnColBlueGrey
{
background: rgb(155,163,122); /* Old browsers */
background: -moz-linear-gradient(top, rgba(155,163,122,1) 0%, rgba(126,161,30,1) 50%, rgba(79,115,15,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(155,163,122,1)), color-stop(50%,rgba(126,161,30,1)), color-stop(100%,rgba(79,115,15,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(155,163,122,1) 0%,rgba(126,161,30,1) 50%,rgba(79,115,15,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(155,163,122,1) 0%,rgba(126,161,30,1) 50%,rgba(79,115,15,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(155,163,122,1) 0%,rgba(126,161,30,1) 50%,rgba(79,115,15,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(155,163,122,1) 0%,rgba(126,161,30,1) 50%,rgba(79,115,15,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ba37a', endColorstr='#4f730f',GradientType=0 ); /* IE6-9 */
border:1px solid #4F730F;
}
#catLinkLeft .a-btn:hover
{
background: rgb(155,163,122); /* Old browsers */
background: -moz-linear-gradient(top, rgba(155,163,122,1) 0%, rgba(123,211,40,1) 50%, rgba(99,178,24,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(155,163,122,1)), color-stop(50%,rgba(123,211,40,1)), color-stop(100%,rgba(99,178,24,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(155,163,122,1) 0%,rgba(123,211,40,1) 50%,rgba(99,178,24,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(155,163,122,1) 0%,rgba(123,211,40,1) 50%,rgba(99,178,24,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(155,163,122,1) 0%,rgba(123,211,40,1) 50%,rgba(99,178,24,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(155,163,122,1) 0%,rgba(123,211,40,1) 50%,rgba(99,178,24,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ba37a', endColorstr='#63b218',GradientType=0 ); /* IE6-9 */
}
#catLinkLeft > figcaption > nav > div > span.btnTxtTop > span > i
{
padding-right: 0;
}
.rightArrow
{
padding-left: 20px;
}
#catLinkLeft .a-btn {
display: inline-block;
padding: 15px 35px;
height: auto;
font-family: 'Roboto';
}
.btnTxtTop {
display: block;
font-size: 35px;
line-height: 35px;
text-shadow: 2px 2px #000;
letter-spacing: 1px;
font-weight: normal;
}
.btnTxtHead {
display: none;
}
.btnTxtBot {
font-size: 18px;
line-height: 28px;
}
#btnMoreSearch {
display: inline-block;
font-size: 30px;
line-height: 40px;
height: auto;
padding: 15px;
text-align: center;
position: relative;
}
#btnBox
{
max-width: 1280px;
margin: 20px auto;
text-align: center;
}
#btnMoreSearch.removeBtn
{
display: none;
}
#btnMoreSearch .fa.fa-angle-double-right {
padding-right: 0;
position: absolute;
right: 20px;
top: 25%;
}
#Shopseite h1 {
background: none repeat scroll 0 0 #fff;
display: inline-block;
font-size: 26px;
font-weight: bold;
padding: 5px;
}
.ListColumn h3
{
background-color: #e6eaef;
display: inline-block;
font-size: 20px;
font-weight: bold;
padding: 5px;
}
#ShopseitenList article.einleitung h3,
#infopages article.einleitung h3
{
background-color: #e6eaef;
display: inline-block;
font-size: 26px;
font-weight: bold;
padding: 5px;
}
#Infoseite h1 span {
background-color: #fff;
padding: 5px;
}
#Infoseite h1 {
font-size: 26px;
font-weight: bold;
}
#itemBuy
{
display: none;
}
#btnInfoPage, #btnInfoPage2 {
display: inline-block;
font-size: 24px;
line-height: 60px;
height: 60px;
padding: 0 10px;
}
#btnInfoPage i.fa.fa-angle-double-right {
padding-right: 0;
}
#btnInfoPage2 i.fa.fa-angle-double-right {
padding-right: 0;
}
.startBannerContent {
display: block;
}
#boxItemContentBottomRight figure
{
text-align: center;
}
#boxItemContentBottom {
display: block;
margin-top: 20px
}
#itemBuy #boxRightContent > figure {
text-align: center;
}
#boxItemContentBottomLeft
{
width: 100%;
}
#btnStartWK {
margin-top: 15px;
width: 100%;
padding: 0;
}
#itemBuy .btnWKtxt {
display: block;
font-size: 30px;
line-height: 90px;
text-align: center;
}
#itemBuy #orderCD b {
display: block;
}
#itemBuy .mobileBlock {
display: block;
}
#startSizeSel
{
margin-top: 8px;
}
#itemBuy h1 {
font-size: 25px;
line-height: 40px;
font-weight: bold;
}
#startBtnItem .fa
{
padding-right: 0;
}
#startBtnItem a
{
text-decoration: none;
}
#startBtnItem span {
border: 2px solid #000;
bottom: 8px;
color: #000;
font-size: 24px;
cursor: pointer;
font-weight: bold;
padding: 10px;
display: block;
text-align: center;
}
#startVAT
{
font-size: 14px;
margin-right: 10px;
text-align: right;
}
#startBtnItem {
flex-basis: auto;
width: 100%;
margin-top: 15px;
}
#startPrice {
color: #0061af;
flex-basis: auto;
font-size: 50px;
margin-right: 10px;
line-height: 50px;
text-align: right;
}
#boxRightContent .selectfeld {
flex-basis: auto;
width: 98%;
font-weight: bold;
}
#boxItemByContent
{
display: flex;
display: -webkit-box;
}
#boxLeftContent
{
flex-basis: auto;
width: 46%;
}
#boxRightContent {
flex-basis: auto;
margin-top: 20px;
padding-left: 20px;
width: 50%;
}
#itemBuy
{
width: 700px;
padding: 10px;
overflow: hidden;
}
#cdSoonBox
{
position: relative;
height: 140px;
}
#cdSoon {
margin: 20px 0;
max-width: 1280px;
display: -moz-box;
display: -webkit-box;
transform: scale(.8);
-ms-transform: scale(.8);
-webkit-transform: scale(.8);
-o-transform: scale(.8);
-moz-transform: scale(.8);
top: 15px;
}
#trustedIndex.ratingEN,
#trustedIndex.ratingNL
{
display: none;
}
#trustedIndex.ratingDE
{
margin-top: 20px;
width: 100%;
background: none repeat scroll 0 0 #fff;
text-align: center;
}
#catSocialLeft #trustedIndex.ratingDE
{
width: 73%;
}
#ratingTxt {
align-self: center;
font-size: 20px;
font-weight: bold;
line-height: 55px;
width: 49%;
}
#ratingTxt.catTrust
{
width: 98%;
}
#ratingTxt > span
{
padding: 5px;
background-color: #e6eaef;
}
#Bewertungsportal .mainNav li {
color: #000;
font-weight: bold;
font-size: 24px;
text-decoration: none;
}
.starRatingRight
{
display: flex;
display: -webkit-box;
}
#shopRatingDashboard .pTop, #shopRatingDone .pTop {
line-height: 25px;
}
.ratingItemsContentStars span {
position: relative;
}
#userRating > h1 {
font-size: 30px;
font-weight: bold;
margin-bottom: 30px;
}
#userRating > h1 span {
padding: 5px;
background-color: #e6eaef;
}
#userShopRating > h4 {
font-size: 30px;
font-weight: bold;
margin-bottom: 30px;
}
#userShopRating > h4 span {
padding: 5px;
background-color: #e6eaef;
}
.starsRow span {
position: relative;
}
span[data-tooltip]:before
{
position: absolute;
left: -8px;
top: -50px;
right: auto;
background-color: #000000;
color: #ffffff;
height: 30px;
line-height: 30px;
border-radius: 5px;
padding: 0 15px;
content: attr(data-tooltip);
white-space: nowrap;
display: none;
}
span[data-tooltip]:after
{
position: absolute;
left: 6px;
top: -20px;
border-top: 7px solid #000000;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
content: "";
display: none;
}
span[data-tooltip]:hover:after,
span[data-tooltip]:hover:before
{
display: block;
}
.starsRow.sizeVal
{
margin-top: 20px;
}
.starsRow.sizeVal label
{
width: 33%;
padding-left: 0;
}
.ratingItemsContent {
font-size: 18px;
}
.starsCalc {
margin-left: 10px;
}
.ratingItemsContentStars > figure {
align-items: center;
display: flex;
display: -webkit-box;
-webkit-box-align: center;
flex-basis: auto;
width: 58%;
}
.starsRow {
display: flex;
display: -webkit-box;
}
.ratingComment {
line-height: 25px;
margin-bottom: 10px;
margin-top: 10px;
}
.ratingLeft {
flex-basis: auto;
width: 25%;
border-right: 1px solid #eaeaea;
padding: 10px;
}
.ratingRight {
flex-basis: auto;
width: 69%;
padding: 10px;
}
.starsRow label {
display: block;
flex-basis: auto;
font-weight: bold;
position: relative;
width: 19%;
align-self: center;
font-size: 18px;
padding-left: 64px;
}
#userShopRating .starsRow label
{
padding-left: 0;
width: 42%;
}
#userRating {
margin: 20px auto;
max-width: 700px;
position: relative;
padding: 10px;
display: none;
}
#userShopRating {
margin: 20px auto;
max-width: 700px;
position: relative;
padding: 10px;
display: none;
}
.ratingRow {
display: flex;
display: -webkit-box;
border: 1px solid #eaeaea;
}
#detBewertung.hideRating
{
display: none;
}
#detBewertung.showRating
{
display: block;
}
#imgDetailBrandAsics
{
width: 125px;
margin-top: 12px;
position: absolute;
right: 0;
top: 0;
}
#payiDEAL {
height: 100px;
}
#iDealBank
{
border: 4px solid red;
padding: 10px;
width: 300px;
}
#ratingLoginField {
margin: 0 auto;
width: 61%;
}
#btnRatingLogin {
font-size: 40px;
line-height: 90px;
margin: 20px auto;
padding: 0;
text-align: center;
width: 61%;
}
#ratingLoginNav > div {
text-align: center;
}
#ratingLoginField input {
width: 97%;
}
#ratingLoginSite h1 {
font-size: 30px;
font-weight: bold;
text-align: center;
}
#ratingLoginSite {
margin: 0 auto;
max-width: 700px;
position: relative;
width: auto;
}
#ratingLogout {
display: inline-block;
height: 30px;
line-height: 30px;
margin-right: 20px;
padding: 0;
text-align: center;
width: 6%;
-webkit-box-pack: center;
}
#ratingHeader
{
display: flex;
display: -webkit-box;
}
#ratingHeader > div
{
flex-basis: auto;
text-align: right;
width: 80%;
align-self: center;
}
#userRating .artikelRatingObj[data-tooltip]:before
{
left: 0;
right: auto;
background: #000;
}
#userRating .artikelRatingObj[data-tooltip]:after
{
left: 10px;
right: auto;
border-top: 7px solid #000;
}
#userShopRating .artikelRatingObj[data-tooltip]:before
{
left: 0;
right: auto;
background: #000;
}
#userShopRating .artikelRatingObj[data-tooltip]:after
{
left: 10px;
right: auto;
border-top: 7px solid #000;
}
#shopbewertung .artikelRatingObj[data-tooltip]:before
{
top: -50px;
}
#shopbewertung .artikelRatingObj[data-tooltip]:after
{
border-top: 7px solid #000;
left: 10px;
right: auto;
top: -10px;
}
.shopRatingDashboardInnerContent .pTitleName
{
margin-bottom: 15px;
}
.contentShopRatingDone h3
{
margin-top: 20px;
}
#shopbewertung .input-group-size
{
position: relative;
margin-top: 50px;
display: flex;
display: -webkit-box;
}
#shopRatingContent #shopItemRatingInnerLeft label {
flex-basis: auto;
font-weight: bold;
width: 40%;
display: block;
}
#shopItemRatingInner
{
display: flex;
display: -webkit-box;
}
#shopItemRatingInnerLeft
{
fley-basis: auto;
width: 49%;
margin-right: 5px;
}
#shopItemRatingInnerRight
{
fley-basis: auto;
width: 49%;
margin-left: 5px;
}
.ratingItems > ul > li > div
{
display: flex;
display: -webkit-box;
}
.ratingItems > ul > li
{
line-height: 25px;
}
.ratingItems > ul {
margin: 20px auto;
}
.ratingItems label
{
flex-basis: auto;
width: 42%;
font-weight: bold;
}
.ratingLeftNavi
{
margin-right: 5px;
}
.ratingRightNavi
{
margin-left: 5px;
}
#shopbewertung > h2
{
font-size: 24px;
font-weight: bold;
margin-bottom: 20px;
}
#shopbewertung > h2 span
{
background-color: #e6eaef;
padding: 5px;
}
#shopItemRatingInnerLeft > h2
{
font-size: 24px;
font-weight: bold;
margin-bottom: 20px;
}
#shopItemRatingInnerLeft > h2 span
{
background-color: #e6eaef;
padding: 5px;
}
#shopRatingContent label
{
flex-basis: auto;
width: 25%;
font-weight: bold;
display: block;
}
.a-btn.btnRating {
display: block;
font-size: 30px;
height: 50px;
line-height: 50px;
margin: 0 auto;
padding: 0;
text-align: center;
width: 250px;
}
.btnRating .fa
{
padding-right: 0;
}
#Bewertungsportal
{
max-width: 1280px;
width: auto;
margin: 0 auto 2px;
}
#shopRatingDashboard h2,#shopRatingDone h2
{
font-size: 24px;
font-weight: bold;
margin-bottom: 20px;
}
#shopRatingDashboard h2 span,#shopRatingDone h2 span
{
background-color: #e6eaef;
padding: 5px;
}
.btnRatingMore .fa
{
padding-right: 0;
}
.a-btn.btnRatingMore
{
width: 150px;
padding: 0;
height: 50px;
line-height: 50px;
font-size: 24px;
text-align: center;
display: block;
}
#shopRatingDoneContent h3
{
font-size: 20px;
font-weight: bold;
margin-bottom: 20px;
}
#shopRatingDoneContent h3 > span
{
background-color: #e6eaef;
padding: 5px 0;
margin-left: 0;
}
.shopRatingDoneInnerContent span,
.shopRatingDoneInnerContentStats span
{
align-self: center;
position: relative;
}
.ratingItemsContentComment
{
width: 90%;
margin: 10px auto;
line-height: 25px;
}
.ratingItemsContentComment h3
{
font-size: 20px;
font-weight: bold;
margin-bottom: 20px;
}
.ratingItemsContentComment h3 span
{
background-color: #e6eaef;
padding: 5px 0;
}
.ratingItemsContentMain h3
{
font-size: 20px;
font-weight: bold;
margin-bottom: 20px;
}
.ratingItemsContentMain h3 span
{
background-color: #e6eaef;
padding: 5px 0;
}
.ratingItemsContentMain
{
width: 90%;
margin: 0 auto 10px ;
}
.ratingItemsContentStars {
display: flex;
display: -webkit-box;
}
.ratingItemsContentStars label
{
flex-basis: auto;
width: 45%;
font-weight: bold;
}
.ratingItemsContent > figure img {
width: 70%;
}
.ratingItemsContent > figure {
text-align: center;
}
#Shopseite .searchButton, #Infoseite .searchButton{
font-family: 'Archivo Narrow';
height:60px;
padding: 0 10px;
color: #fff;
position:relative;
-webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
-moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
margin:6px 0px;
-webkit-transition:box-shadow 0.3s ease-in-out;
-moz-transition:box-shadow 0.3s ease-in-out;
-o-transition:box-shadow 0.3s ease-in-out;
transition:box-shadow 0.3s ease-in-out;
display: inline-block;
line-height: 60px;
background:#a9db80;
background:-webkit-gradient(linear,left top,left bottom,color-stop(#a9db80,0),color-stop(#96c56f,1));
background:-webkit-linear-gradient(top, #a9db80 0%, #96c56f 100%);
background:-moz-linear-gradient(top, #a9db80 0%, #96c56f 100%);
background:-o-linear-gradient(top, #a9db80 0%, #96c56f 100%);
background:linear-gradient(top, #a9db80 0%, #96c56f 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9db80', endColorstr='#96c56f',GradientType=0 );
border: 1px solid #80ab5d;
}
.input-group label {
font-weight: bold;
}
input#requestStreetNo {
width: 100%;
}
.requestFormRow span.span-set {
display: inline-block;
width: 87%;
}
.requestFormRow span.span-short {
display: inline-block;
width: 34%;
}
#loginBox {
flex-basis: auto;
width: 100%;
}
#loginBox .loginRow
{
display: block;
}
#loginBox .loginRow .input-group {
width: 98%;
}
#loginBox .loginRow .input-group input
{
margin-left: 5px;
width: 97%;
}
#loginBox .loginRow .input-group .streetno{
width: 97%;
}
#loginBox .loginRow .input-group .input-city{
width: 97%;
}
#loginBox .loginRow .input-group .selectfeld {
width: 99%;
margin-left: 5px;
}
#loginBox .loginRow span.span-short {
display: inline-block;
width: 22%;
}
#loginBox .loginRow span.span-long {
display: inline-block;
width: 77%;
}
#loginBox .loginRow .input-group span.span-set {
display: inline-block;
width: 99%;
}
span.span-short-en {
display: inline-block;
width: 24%;
}
span.span-long-en {
display: inline-block;
width: 74%;
}
#LoginForm .street_no_en {
width: 74%;
}
.streetEN {
width: 97%;
}
.selection-item.key-hover, .selection-item.key-hover:hover{
background-color: #7BBAFB;
}
ul#content .selection-item {
text-align: left;
}
ul#content
{
z-index: 25;
position: absolute;
top: 54px;
background: #fff;
width: 88%;
}
ul#content li {
z-index: 20;
padding-left: 10px;
}
#subscribeMail {
width: 97%;
}
#contactContentLeft {
flex-basis: auto;
width: 55%;
}
#KontaktContent h1
{
font-size: 30px;
font-weight: bold;
margin-left: 20px;
}
#KontaktContent h1 span
{
background: none repeat scroll 0 0 #fff;
padding: 5px;
}
.captchaBox div {
display: inline-block;
vertical-align: middle;
}
#btnSendMsg .fa.fa-angle-double-right {
position: absolute;
right: 10px;
top: 30%;
}
.contactAddress {
align-items: center;
-webkit-box-align: center;
display: flex;
display: -webkit-box;
;
margin: 20px 0;
line-height: 25px;
padding-left: 10px;
}
#fromKontakt
{
margin-bottom: 40px;
}
#contactPage
{
font-family: 'Archivo Narrow';
display: flex;
}
#KontaktContent
{
width: calc(100% - 290px);
}
#KontaktContent article, #KontaktContent .contactAddress, #formKontakt {
background: #fff none repeat scroll 0 0;
border: 1px solid #ccc;
border-radius: 2px;
box-shadow: 0 1px 1px -1px rgba(153, 153, 153, 0.3);
box-sizing: border-box;
line-height: 25px;
margin: 20px auto;
width: calc(100% - 40px);
padding: 20px;
}
#partnerContent .einleitung ul
{
margin-top: 20px;
}
#labelCapture {
background-color: #e6eaef;
font-weight: bold;
padding: 5px;
}
#partnerContent h1 span
{
background-color: #fff;
padding: 5px;
}
#partnerContent .einleitung h1 span {
background-color: #e6eaef;
padding: 5px;
}
#partnerContent h2 span
{
background-color: #e6eaef;
padding: 5px;
}
.btnAnker
{
color: blue;
cursor: pointer;
}
#impressumContent > figure {
margin-bottom: 20px;
}
#impressum h1 span
{
background-color: #e6eaef;
padding: 5px 0;
}
.aboutContent h1 span
{
background-color:#fff;
padding: 5px 0;
}
.aboutContent h2 span
{
background-color: #e6eaef;
padding: 5px 0;
}
#aboutDetails h1 span, #aboutDetails h2 span
{
background-color: #e6eaef;
padding: 5px 0;
}
#aboutContent #aboutDetails h1
{
margin-top: 10px;
}
#aboutContent #aboutDetails h2
{
margin: 40px 0 20px;
}
#paymentMethod h2 span, #paymentMethod h3 span {
background-color: #e6eaef;
padding: 5px 0;
}
#HowToContent #HowToNLH1 {
font-size: 30px;
margin-bottom: 30px;
margin-top: 10px;
}
#sizeRequestSend p
{
line-height: 25px;
}
#sizeRequestSend h1 {
font-size: 30px;
font-weight: bold;
margin-bottom: 20px;
}
#sizeRequestSend h1 span
{
background-color: #e6eaef;
padding: 5px 0;
}
#requestItem .fieldset-wrapper {
background-color: #fff;
}
#requestItem .content {
background-color: #fff;
border-color: #ccc #ccc #fff;
border-image: none;
border-radius: 2px;
border-style: solid solid none;
border-width: 1px 1px 0;
box-shadow: 0 1px 1px -1px rgba(153, 153, 153, 0.3);
box-sizing: border-box;
margin: 20px auto 0;
max-width: calc(100% - 40px);
padding: 20px;
font-size: 17px;
}
#reqAGB
{
margin-top: 20px;
}
#requestAGB
{
display: none;
}
#navSneaker
{
text-align: center;
}
#btnSneaker a, #btnSneaker a:visited
{
text-decoration: none;
color: #fff;
}
#btnSneaker {
display: inline-block;
height: auto;
line-height: normal;
margin: 0px 0 20px;
padding: 10px;
position: relative;
font-size: 25px;
}
.requestFormRow {
display: flex;
margin-top: 20px;
}
.requestFormRow .form-input {
flex-basis: auto;
width: 50%;
}
#requestItem .selectfeld {
display: block;
flex-basis: auto;
height: 34px;
width: 88%;
}
.wrapperBox5 #login_other_state {
width: 50%;
}
#requestItem #inputFormRequest {
background-color: #fff;
border-color: #fff #ccc #ccc;
border-image: none;
border-radius: 2px;
border-style: none solid solid;
border-width: 0 1px 1px;
box-shadow: 0 1px 1px -1px rgba(153, 153, 153, 0.3);
box-sizing: border-box;
margin: 0 auto 20px;
max-width: calc(100% - 40px);
padding: 20px;
}
#requestItem span.span-long {
display: inline-block;
width: 65%;
}
#requestItem .content span
{
font-weight: bold;
padding: 5px 0;
background: #e6eaef;
}
button .fa.fa-angle-double-right {
position: absolute;
right: 20px;
top: 30px;
}
.picTxtArrival {
bottom: 40px;
color: #000;
font-family: "Archivo Narrow";
font-size: 45px;
font-weight: bolder;
left: 4%;
position: absolute;
text-shadow: 2px 2px #ddd;
}
#NaviArrivalContent {
position: relative;
}
#startArrival {
background: none repeat scroll 0 0 #fff;
border: 4px solid #8a858c;
margin-top: 20px;
position: relative;
width: 85%;
margin-left: auto;
margin-right: auto;
}
#NaviArrivalContent img {
height: auto !important;
width: 100% !important;
}
.btnCatBlock {
display: block;
}
#Firefox #otherItem .fa.fa-share-square
{
padding-right: 0;
}
.iconItem {
background: none repeat scroll 0 0 #0061af;
color: #fff;
font-size: 33px;
padding: 3px 9px;
}
#otherItem > a, #otherItem > a:visited {
color: #000;
text-decoration: none;
}
#otherItem {
cursor: pointer;
width: 32%;
margin-right: 20px;
background: none repeat scroll 0 0 #ffc0cb;
border: 2px solid #888;
}
#otherItem span.inline-block {
width: 100%;
text-align: center;
line-height: 30px;
display: block;
}
.infoBG {
align-items: center;
display: flex;
display: -webkit-box;
-webkit-box-align: center;
font-size: 20px;
margin: 0 auto;
padding: 10px;
}
#pageNav .fa.fa-angle-double-right {
padding-right: 0;
}
#pageNav .fa.fa-angle-double-left {
padding-right: 0;
}
#pageNav .fa.fa-play {
padding: 0;
}
#pageNav .fa.fa-play.back {
transform: rotate(180deg);
}
.btnCatNav {
background: none repeat scroll 0 0 #7cba3d;
border-radius: 15px;
color: #fff;
display: block;
font-size: 40px;
padding: 15px 0;
position: relative;
width: 92%;
box-sizing: border-box;
}
#shippingInfo h2 {
font-weight: bold;
line-height: 32px;
margin-bottom: 10px;
}
.removeBox
{
display: none;
}
.iconCheck {
padding: 0 5px;
}
div#divWKMob a {
display: inline-block;
}
div#divWKMob #mobSearch {
display: block;
}
#divWKMob.removeWK
{
display: none;
}
#shippingInfo span
{
font-weight: bold;
}
#paymentMethod h1 span,
#paymentMethod .paymentMethodContent article ul li > span,
#sizeTable h1 span,
#sizeTable h2 span
{
background-color: #e6eaef;
padding: 5px 0;
}
#shippingCosts h1 span,
#shippingCosts h2 span,
#shippingInfo span
{
background-color: #e6eaef;
padding: 5px ;
}
#btnArrival.btnRemove
{
display: none;
}
#arrivalRightContent h1 span {
line-height: 45px;
}
#arrivalRightContent h3 span
{
line-height: 40px;
}
#arrivalRightContent h2 span
{
line-height: 40px;
}
span.span-set {
display: inline-block;
width: 76%;
}
span.span-long {
display: inline-block;
width: 71%;
}
label.open3a {
display: block;
margin-bottom: 10px;
}
#boxFinance > a, #boxFinance > a:visited {
color: #fff;
text-decoration: none;
}
span.span-short {
display: inline-block;
width: 28%;
}
span.span-short-zip {
display: inline-block;
width: 25%;
}
span.span-long-city {
display: inline-block;
width: 74%;
}
label.open4 {
display: block;
margin-bottom: 10px;
}
label.label-city {
display: block;
margin-bottom: 10px;
}
label.label-zip {
display: block;
margin-bottom: 10px;
}
#LoginForm .btnOpen4, #LoginForm .btnOpen15 {
width: 89%;
}
.link
{
color: blue;
}
#detDescription, #detDetails, #detDelivery
{
display: none;
}
#navMobNew, #top
{
display: none;
}
figure#HeadLogoMob
{
display: none;
}
#detPayment, #detDescription, #detDetails, #detDelivery, #detBewertung {
display: block;
font-weight: bold;
font-size: 25px;
padding: 10px;
background: #d2d2d2;
}
#orderDetailsRight
{
display: none;
}
#detNav {
margin: 0 auto;
}
#DetDeliv {
margin: 0;
}
.detLiLeft
{
width: 80%;
}
.detLiRight
{
width: 20%;
text-align: right;
}
#detPayment li, #detDescription li, #detDetails li, #detDelivery li, #detBewertung li
{
display: inline-block;
}
#detBewertung
{
margin-top: 10px;
}
#detPayment, #detDescription, #detDetails
{
margin-bottom: 10px;
}
#artikelbeschreibung
{
padding: 20px;
font-size: 16px;
line-height: 25px;
position: relative;
}
#artikeldetails
{
width: 100%;
padding: 20px;
font-size: 16px;
line-height: 25px;
box-sizing: border-box;
}
#lieferzeiten
{
padding: 20px;
font-size: 16px;
line-height: 25px;
}
#orderDetailsRight
{
margin-top: 20px;
}
.detBannerContent h1 {
text-align: left;
color: #0074C8;
font-weight: bold;
margin-top: 10px;
}
.detBannerContent h2 {
text-align: left;
color: #0074C8;
font-weight: bold;
}
.iconGreen
{
color: green;
}
#detCDBlock {
display: block;
}
#boxQuestionTop.detEN .fa {
padding-left: 8px;
}
.zentriert {
position: relative;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
text-align: center;
}
#btnItemQuestion
{
color: blue;
cursor: pointer;
}
.iconComment
{
display: inline-block;
}
.questionP
{
font-size: 30px;
font-weight: bold;
}
#boxQuestionTop .fa
{
padding-right: 0;
padding-left: 10px;
}
.detPayBotPic .zentriert span {
background-color: #e6eaef;
padding: 5px;
font-weight: bold;
font-size: 20px;
}
.detPayTopPic
{
width: 100%;
margin-bottom: 20px;
text-align: center;
}
.detPayTopPic.lastPic
{
margin-right: 0;
}
#detPayTop {
display: block;
height: auto;
margin-bottom: 20px;
}
#detPayBot {
display: block;
}
.detPayTopPic h2, .detPayBotPic h2 {
margin-top: 10px;
font-size: 20px;
}
.detPayBotPic {
margin-bottom: 20px;
text-align: center;
width: 100%;
}
.detPayBotPic.lastPic
{
margin-right: 0;
text-align: center;
}
.finance
{
font-size: 35px;
}
.financeBot
{
color: #000;
padding: 10px;
font-size: 16px;
}
#boxFinance {
border-color: #fff;
border-image: none;
border-style: solid;
border-width: 2px;
box-shadow: 0 0 2px #999;
width: 32%;
color: white;
font-size: 20px;
margin-right: 20px;
}
#boxQuestion {
border-color: #fff;
border-image: none;
border-style: solid;
border-width: 2px;
box-shadow: 0 0 2px #999;
width: 32%;
color: white;
font-size: 20px;
cursor: pointer;
}
#boxFinanceTop
{
background: #0061AF;
padding: 10px;
}
#boxQuestionTop
{
background: #90C745;
padding: 22px 10px;
}
#orderPayment
{
max-width: 1280px;
}
#orderDetailsRight > h2 {
font-size: 24px;
font-weight: bold;
margin-bottom: 30px;
text-align: center;
}
#orderDetailsRight h2 span
{
background-color: #e6eaef;
padding: 5px;
font-weight: bold;
}
#orderDetailsRight .klarna-tooltip iframe.klarna-tooltip-content
{
display: none !important;
}
#orderDetailsLeft
{
width: 100%;
max-width: 1280px;
display: flex;
display: -webkit-box;
margin: 20px auto;
}
#orderDetailsRight
{
display: none;
}
span.inline-block {
line-height: 25px;
}
#orderCD
{
margin-top: 30px;
font-size: 16px;
display: flex;
display: -webkit-box;
text-align: left;
-webkit-box-align: center;
align-items: center;
}
#itemBuy figcaption {
font-size: 18px;
line-height: 52px;
}
#orderCD b
{
color: green;
font-size: 25px;
}
#itemBuy #orderCD b
{
color: green;
font-size: 18px;
}
#orderCD b.statusGreen
{
color: green;
}
#orderCD .fa
{
padding-right: 0;
}
.iconCart, .iconCD, .iconClock {
color: #000;
font-size: 16px;
margin-right: 15px;
}
#availability .iconCart
{
font-size: 20px;
}
#delivery
{
font-size: 16px;
display: flex;
text-align: left;
align-items: center;
}
#itemBuy #delivery {
align-items: center;
display: flex;
flex-basis: auto;
font-size: 16px;
margin-top: 20px;
text-align: left;
width: 65%;
}
#itemBuy #orderCD {
align-items: center;
display: flex;
flex-basis: auto;
font-size: 18px;
margin-top: 20px;
text-align: left;
width: 35%;
}
#delivery .fa
{
padding-right: 0;
}
.iconCheck
{
font-size: 25px;
}
#availability {
font-size: 25px;
text-align: center;
width: auto;
min-height: 52px;
}
#itemBuy #detailMidLeft > figure {
display: block;
flex-basis: auto;
width: 40%;
text-align: center;
}
#itemBuy #availability {
font-size: 18px;
margin-top: 0;
width: 53%;
display: flex;
display: -webkit-box;
text-align: left;
-webkit-box-align: center;
align-items: center;
flex-basis: auto;
}
#availability .fa
{
padding-right: 0;
}
.statusGreen
{
color: green;
}
.statusBlue
{
color: blue;
}
div#facebook {
flex-basis: auto;
margin-top: 20px;
width: 27%;
}
div#facebookCat {
flex-basis: auto;
width: 16%;
line-height: 35px;
}
div#facebookFooter {
flex-basis: auto;
width: 16%;
line-height: 22px;
}
#breadDet div {
flex-basis: auto;
width: 80%;
}
#detatilTopLeft {
flex-basis: auto;
width: 36%;
text-align: left;
}
#detatilTopRight {
margin-bottom: 30px;
width: 100%;
}
#artikeldetails h2 span,
#detailMid h2 span,
#vorteile h2 span,
#artikelbeschreibung h2 span,
#lieferzeiten h2 span,
#thumbs h2 span,
#thumbsLow h2 span
{
background-color: #e6eaef;
padding: 5px;
}
.kursiv
{
font-style: italic;
}
#HowToContent h1 span,
#HowToContent h2 span
{
background-color: #e6eaef;
padding: 5px 0;
}
.tabletNav
{
display: none;
}
#mainNavDet {
background: none repeat scroll 0 0 #000;
width: 100%;
}
#indexCatWrapper
{
max-width: 1280px;
margin: 0 auto;
display: flex;
box-sizing: border-box;
}
#indexNavOld #startNike > h2 {
font-size: 24px;
font-weight: bold;
line-height: 44px;
margin: 20px;
}
#indexNavOld #startNike > h2 span {
background-color: #fff;
padding: 5px;
}
#indexCatTitle
{
max-width: 1280px;
margin: 20px auto;
}
#indexCatTitle h2 {
font-size: 24px;
font-weight: bold;
line-height: 44px;
margin-bottom: 20px;
}
#indexCatTitle > h2 span {
background-color: #fff;
padding: 5px;
}
#indexCatWrapperList {
box-sizing: border-box;
display: flex;
margin: 0 auto 20px;;
max-width: calc(100% - 40px);
background-color: #fff;
padding: 10px;
border: 1px solid #ccc;
border-radius: 2px;
box-shadow: 0 1px 1px -1px rgba(153, 153, 153, 0.3);
box-sizing: border-box;
}
.slidePanel #indexCatWrapperList
{
box-sizing: border-box;
display: flex;
background-color: #fff;
padding: 10px;
box-sizing: border-box;
border: none;
box-shadow: none;
padding: 20px;
}
#indexCatWrapperListSneaker {
box-sizing: border-box;
display: flex;
margin: 0 auto;
max-width: calc(100% - 40px);
}
#indexCat1
{
box-sizing: border-box;
flex-basis: auto;
width: calc(25% - 30px);
margin-right: 40px;
}
#indexCat2
{
box-sizing: border-box;
flex-basis: auto;
width: calc(25% - 30px);
margin-right: 40px;
}
#indexCat3
{
box-sizing: border-box;
flex-basis: auto;
width: calc(25% - 30px);
margin-right: 40px;
}
#indexCat4
{
box-sizing: border-box;
flex-basis: auto;
width: calc(25% - 30px);
}
#catSocial.hideEN #catSocialLeft {
display: none;
}
#catSocial.hideEN #catSocialRight {
width: 100%;
}
#indexCatWrapperList #indexCat1
{
width: calc(25% - 15px);
margin-right: 20px;
}
#indexCatWrapperList #indexCat2
{
width: calc(25% - 15px);
margin-right: 20px;
}
#indexCatWrapperList #indexCat3
{
width: calc(25% - 15px);
margin-right: 20px;
}
#indexCatWrapperList #indexCat4
{
width: calc(25% - 15px);
}
#indexCatWrapperListSneaker .logoNike {
height: 50px;
}
#indexCatWrapperListSneaker .logoAsics {
height: 30px;
margin-top: 10px;
}
#indexCatWrapperListSneaker .logoLacoste {
height: 60px;
}
#indexCatWrapperListSneaker #indexCat1
{
width: calc(25% - 15px);
margin-right: 20px;
}
#indexCatWrapperListSneaker #indexCat2
{
width: calc(25% - 15px);
margin-right: 20px;
}
#indexCatWrapperListSneaker #indexCat3
{
width: calc(25% - 15px);
margin-right: 20px;
}
#indexCatWrapperListSneaker #indexCat4
{
width: calc(25% - 15px);
}
.catWrapper {
background: #fff none repeat scroll 0 0;
box-sizing: border-box;
padding: 30px;
margin-bottom: 20px;
box-shadow: 0 1px 1px -1px rgba(153, 153, 153, 0.3);
border: 1px solid #ccc;
border-radius: 2px;
cursor: pointer;
}
.catWrapperList {
box-sizing: border-box;
position: relative;
cursor:pointer;
}
.catWrapperListSneaker {
background: #fff none repeat scroll 0 0;
border: 1px solid #ccc;
border-radius: 2px;
box-sizing: border-box;
cursor: pointer;
margin-bottom: 20px;
padding: 0;
}
.catWrapperList.grow > a {
display: block;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.catWrapperList > a {
display: block;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.catWrapperListSneaker.grow > a {
display: block;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.banner-text
{
text-align: center;
}
#indexCatWrapperList .banner-text
{
text-align:left;;
}
#categoryRight > h2 span {
background-color: #fff;
padding: 5px;
}
#categoryRight > h2 {
font-size: 24px;
font-weight: bold;
line-height: 44px;
margin: 20px;
}
.btnPlay {
padding: 5px 15px;
}
.btnPlay .fa.fa-play {
color: #fff;
padding: 0;
}
.catWrapperList .banner-text h3
{
margin: 0;
text-transform: none;
font-size: 16px;
text-align: left;
}
#catNikeLogo {
align-self: center;
margin-right: 10px;
}
#catNikeLogo #brandNike {
height: 107px;
width: 198px;
}
#catNikeLogo #brandAsics
{
height: 85px;
width: 198px;
}
#catNikeLogo #brandLacoste
{
height: 100px;
width: 150px;
}
#indexCatWrapperList .banner-text > div {
display: flex;
margin-bottom: 5px;
}
#indexCatWrapperList .banner-text img {
width: 55px;
margin-right: 10px;
height: 37px;
}
.banner-text div{
font-size: 18px;
color: #555;
text-transform: uppercase;
margin: 20px 0;
font-weight: bold;
}
.banner-text a {
color: #555;
text-decoration: none;
}
.grow:hover .wrapperTxt
{
text-decoration: underline;
}
.wrapperTxt
{
font-size: 16px;
font-weight: bold;
}
.catWrapper.grow > p a:link, .catWrapper.grow > p a:visited {
color: #0074c8;
text-decoration: none;
}
.catWrapper.grow > p {
text-align: right;
color: #0074c8;
}
#indexCatWrapper .banner-text
{
border-bottom: 1px solid #dedede;
margin-bottom: 15px;
}
#indexCatWrapperListSneaker .banner-text div{
font-size: 18px;
color: #555;
text-transform: uppercase;
margin: 10px 0;
font-weight: bold;
}
#indexCatWrapperList .banner-text p {
display: inline-block;
font-size: 15px;
line-height: 37px;
}
.banner-text p {
font-size: 14px;
line-height: 23px;
}
.grow {
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
transform: translateZ(0px);
transition-duration: 0.3s;
transition-property: transform;
}
.grow:hover, .grow:focus, .grow:active {
transform: scale(1.1);
}
.catWrapper img
{
border: 0 none;
height: auto;
max-width: 100%;
vertical-align: middle;
}
.catWrapper:hover img {
opacity: 0.7;
}
#indexNav {
box-sizing: border-box;
margin: 0 auto 20px;
max-width: calc(100% - 40px);
position: relative;
}
#indexNavOld {
margin-left: auto;
margin-right: auto;
}
#index_NikeOld {
color: #0074c8;
font-size: 60px;
font-weight: bold;
letter-spacing: -1px;
line-height: 100px;
margin-bottom: 35px;
text-align: center;
text-transform: uppercase;
}
#indexNavOld #catNavi {
background: #fff none repeat scroll 0 0;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 2px;
box-shadow: 0 1px 1px -1px rgba(153, 153, 153, 0.3);
box-sizing: border-box;
width: 95%;
}
#indexHeaderOld #mainNav > ul {
font-size: 20px;
height: 235px;
margin-left: 20px;
overflow-y: scroll;
}
#indexHeaderRightOld {
flex-basis: auto;
max-width: calc(100% - 40px);
margin: 0 auto 20px;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 2px;
box-shadow: 0 1px 1px -1px rgba(153, 153, 153, 0.3);
box-sizing: border-box;
padding: 10px 10px 0;
position: relative;
}
#detNav
{
max-width: 1280px;
margin: 30px auto 20px;
display: flex;
display:-webkit-box;
}
#indexLeft
{
flex-basis: auto;
width: 25%;
}
#startNike div[class*='artikelBox'] > ul > li
{
flex-basis: auto;
width: 33.3%;
border: 1px solid #fff;
box-sizing: border-box;
}
#printVersion {
margin-top: 20px;
}
#printVersion > h3 {
margin-bottom: 20px;
font-size: 22px;
}
#btnPrint > span, #btnMap > span {
background: none repeat scroll 0 0 #fff !important;
color: red;
display: block;
font-size: 14px;
padding: 0 !important;
}
#btnMap .fa
{
padding-right: 30px;
}
#btnPrint .fa
{
padding-right: 57px;
}
#btnPrint {
background: none repeat scroll 0 0 #fff !important;
cursor: pointer;
display: inline-block;
padding: 0 !important;
margin-left: 15px;
font-size: 30px;
text-align: right;
}
#btnMap {
background: none repeat scroll 0 0 #fff !important;
cursor: pointer;
display: inline-block;
padding: 0 !important;
font-size: 30px;
margin-left: 20px;
text-align: right;
}
#lnkMap
{
background: none repeat scroll 0 0 #fff !important;
cursor: pointer;
display: inline-block;
padding: 0 !important;
text-decoration: underline;
font-weight: normal;
color: blue;
}
#arrivalRightContent span {
background-color: #e6eaef;
padding: 5px 0;
font-weight: bold;
}
.fa {
padding-right: 10px;
}
.mainContent li {
line-height: 25px;
margin-bottom: 20px;
padding-left: 1.5em;
}
.mainContent ul {
margin-bottom: 30px;
}
.mainContent ol li:before {
content: '\f1b9';
font-family: 'FontAwesome';
display: inline-block;
margin-left: -1.5em;
width: 1.5em;
}
.li1:before {
content: '\f062';
font-family: 'FontAwesome';
display: inline-block;
margin-left: -1.5em;
width: 1.5em;
}
.li2:before {
content: '\f061';
font-family: 'FontAwesome';
display: inline-block;
margin-left: -1.5em;
width: 1.5em;
}
.li3:before {
content: '\f060';
font-family: 'FontAwesome';
display: inline-block;
margin-left: -1.5em;
width: 1.5em;
}
li.li1.rotateRight:before {
transform: rotate(45deg);
}
li.li1.rotateLeft:before {
transform: rotate(-45deg);
}
.mainContent > h3 {
font-size: 20px;
font-weight: bold;
margin-top: 30px;
}
#spacer.removeWK
{
display: none;
}
.pHelp
{
margin-bottom :10px;
}
#fbHead.removeWK
{
display: none;
}
.styled_select
{
overflow: hidden;
background: url(/p/icon/arrow-select.png) no-repeat right #fff;
width: 53%;
height: 40px;
margin: 20px auto;
}
#checkoutPayment h2,
#checkoutVersand h2{
margin-bottom: 0;
text-align: left;
font-size: 25px;
}
#checkoutPayment .headPayment,
#checkoutVersand .headPayment
{
margin: 0;
}
#selPaymentMob,
#selShipping
{
display: block;
height: 38px;
width: 100%;
background: transparent;
font-weight: bold;
-moz-appearance: none;
font-family: 'Archivo Narrow';
}
.klarnaSubtitle
{
margin-left: 40px;
margin-top: 10px;
font-weight: bold;
text-transform: uppercase;
font-size: 20px;
display: block;
color: #0074C8;
}
.label {
font-weight: bold;
margin-bottom: 10px;
margin-left: 5px;
text-transform: uppercase;
}
.klarnaDate
{
display: flex;
border: 4px solid red;
padding: 10px;
width: 320px;
}
.klarnaDate select {
background: none repeat scroll 0 0 #ffb5b5;
font-weight: bold;
margin-right: 10px;
}
.payBtn > figure {
margin-left: 60px;
}
input[type=radio].css-checkbox
{
position:absolute;
z-index:-1000;
left:-1000px;
overflow: hidden;
clip: rect(0 0 0 0);
height:1px; width:1px;
margin:-1px;
padding:0;
border:0;
}
.shipMeth input[type=radio].css-checkbox + label.css-label
{
margin-bottom: 0;
}
input[type=radio].css-checkbox + label.css-label {
padding-left:40px;
display:inline-block;
line-height:25px;
background-repeat:no-repeat;
background-position: 0 0;
font-size:22px;
vertical-align:middle;
cursor:pointer;
text-transform: uppercase;
color: #0074C8;
height: 25px;
margin-bottom: 43px;
}
input[type=radio].css-checkbox:checked + label.css-label {
background-position: 0 -25px;
}
label.css-label {
background-image:url(/p/icon/csscheckbox.png);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#checkoutPayment fieldset, #checkoutVersand fieldset
{
border: 0;
box-shadow: none;
padding: 0;
}
.PaymentRow
{
display: block;
}
#paymentstable
{
width: 100%;
}
input[type="text"], input[type="email"], input[type="phone"]
{
font-weight: bold;
}
::-moz-placeholder
{
opacity: 0.8;
font-weight: normal;
}
::-webkit-input-placeholder { /* WebKit browsers */
opacity: 0.8;
font-weight: normal;
}
#LoginForm span.open5a,
#LoginForm span.open16a
{
width: 14%;
display: inline-block;
}
#LoginForm span.open3a,
#LoginForm span.open14a
{
width: 44%;
display: inline-block;
}
#LoginForm .input-group.loginBegin
{
display: block;
}
.removeIndexEN
{
display: none;
}
.page_line_payment {
background-color: #2f353e;
height: 2px;
margin: 50px auto 50px;
width: 200px;
display: block;
}
#addressHeader span {
display: block;
padding-left: 12px;
}
#contactHeader span {
display: block;
padding-left: 12px;
}
#index_skill {
font-size: 40px;
font-weight: bold;
letter-spacing: -1px;
margin-bottom: 20px;
text-align: center;
text-transform: uppercase;
line-height: 60px;
color: #0074C8;
}
#index_Nike {
color: #000;
font-family: sans-serif;
font-size: 44px;
font-weight: bold;
letter-spacing: -2px;
line-height: 80px;
text-align: center;
}
#skill > a,
#skillAll > a
{
color: #000;
text-decoration: none;
}
#skillTxt > span {
border: 2px solid #000;
color: #0074C8;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-top: 18px;
padding: 10px;
position: absolute;
bottom: 8px;
}
#skillAll h4 span,
#skill h4 span
{
float: right;
margin-right: 4px;
}
#skillAll
{
display: none;
}
#skillTxt
{
margin-left: 30px;
flex-basis: 48%;
width: 48%;
position: relative;
min-height: 345px;
}
#skillTxt > p {
line-height: 25px;
padding-bottom: 70px;
}
#skillTxt > h3 {
font-size: 25px;
font-weight: bold;
line-height: 40px;
margin: 10px 0;
text-align: left;
text-transform: uppercase;
}
.counter {
color: white;
display: block;
font-size: 20px;
line-height: 36px;
margin-right: 5px;
text-align: right;
}
#skill h4, #skillAll h4 {
font-size: 18px;
font-weight: bold;
margin-bottom: 5px;
}
#puInfo
{
display: flex;
}
#skill
{
flex-basis: 50%;
width: 50%;
}
#skill .skillbar, #skillAll .skillbar{
background: none repeat scroll 0 0 #dfdfdf;
height: 36px;
margin: 0 0 10px;
}
#skill .bar, #skillAll .bar {
height: 35px;
background: #25364c;
}
.icon-thumbs-up-alt:before {
content: "";
}
#indexPicContent
{
padding: 50px 0;
}
#indexPic #indexPicContent h2 {
font-size: 40px;
font-weight: 100;
letter-spacing: 0;
text-transform: uppercase;
text-align: center;
line-height: 40px;
margin-bottom: 40px;
font-weight: bold;
}
.parallax_column_container p
{
line-height: 25px;
}
.parallax_column_container {
padding: 20px;
}
.parallax_column_container h3 {
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
line-height: 30px;
margin-top: 20px;
text-transform: uppercase;
}
#IconFlex {
display: flex;
justify-content: space-around;
}
.circle_icon {
border: 1px solid black;
border-radius: 100%;
display: inline-block;
height: 130px;
line-height: inherit;
margin: 0 auto;
position: relative;
width: 130px;
text-align: center;
}
.circle_icon i {
position: relative;
}
.circle_icon .fa.fa-desktop.fa-4x
{
top: 39px;
}
.circle_icon .icon-thumbs-up-alt
{
top: 52px;
}
.circle_icon .fa-plane
{
top: 35px;
}
.icon-4x {
font-size: 4em;
}
[class^="icon-"], [class*=" icon-"] {
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
}
.parallax_colum4 {
text-align: center;
flex-basis: 27%;
}
#servicePU {
margin-bottom: 20px;
position: relative;
}
#indexPic {
margin: 0 auto 20px;
max-width: calc(100% - 40px);
background-color: #fff;
box-sizing: border-box;
border: 1px solid #ccc;
box-shadow: 0 1px 1px -1px rgba(153, 153, 153, 0.3);
border-radius: 2px;
}
#startAdvContent .smallFont
{
font-size: 14px;
}
#index_payment {
font-size: 40px;
margin-bottom: 20px;
text-align: center;
text-transform: uppercase;
color: #0074C8;
letter-spacing: -1px;
font-weight: bold;
line-height: 50px;
}
.page_line {
background-color: #2f353e;
height: 4px;
margin: 0 auto 50px;;
width: 80px;
}
#index_payment_subtitle {
margin: 15px 0;
text-align: center;
text-transform: uppercase;
color: #0074C8;
font-size: 30px;
letter-spacing: -1px;
font-weight: bold;
}
time
{
display: block;
}
.infor1det time
{
padding-left: 0;
}
#blogMain .inner {
font-family: archivo narrow;
margin: 0;
padding: 0;
}
#blogMain .inner strong {
font-weight: normal;
}
#blogMain .detailItem {
margin-bottom: 0;
}
#artikelbeschreibung p {
margin-bottom: 20px;
}
#agbContent figcaption {
font-size: 10px;
margin: 0 !important;
padding: 2px 0 !important;
text-align: left !important;
}
#partnerContent figcaption {
font-size: 10px;
margin: 0 !important;
padding: 2px 0 !important;
text-align: left !important;
}
#impressumContent figcaption {
font-size: 10px;
margin: 0 !important;
padding: 2px 0 !important;
text-align: left !important;
}
#picSize figcaption {
font-size: 10px;
margin: 0 !important;
padding: 2px 0 !important;
text-align: left !important;
}
.accordion_faq > figure {
margin-bottom: 20px;
text-align: center;
}
.accordion_faq figcaption {
font-size: 10px;
padding: 2px 0 !important;
text-align: left !important;
}
.shippingLeftContentEN {
flex-basis: 50%;
width: 50%;
}
.shippingRightContentEN {
flex-basis: 50%;
width: 50%;
}
#agbContent img {
width: 100%;
}
#partner .einleitung {
margin-top: 20px;
}
#partnerContent img {
width: 100%;
}
#partnerContent .einleitung h1 {
font-size: 30px;
font-weight: bold;
}
#HowToContent > figure {
margin-bottom: 20px;
}
#partnerContent h2 {
font-size: 20px;
font-weight: bold;
margin-bottom: 20px;
}
#partnerContent article {
background: #fff none repeat scroll 0 0;
border: 1px solid #ccc;
border-radius: 2px;
box-shadow: 0 1px 1px -1px rgba(153, 153, 153, 0.3);
box-sizing: border-box;
margin: 20px auto;
padding: 20px;
width: calc(100% - 40px);
line-height: 25px;
}
#aboutContent .einleitung h1 {
font-size: 30px;
font-weight: bold;
margin-left: 0
}
#aboutContent h2 {
font-size: 20px;
font-weight: bold;
line-height: 40px;
}
#aboutContent h1 {
font-size: 30px;
font-weight: bold;
margin-left: 20px;
line-height: 50px;
}
#aboutDetails h1
{
font-size: 30px;
}
#aboutDetails h2
{
font-size: 20px;
}
#aboutContent
{
width: calc(100% - 290px);
line-height: 25px;
}
.lnkArrival {
display: flex;
}
#arrivalContent
{
width: calc(100% - 290px);
line-height: 25px;
}
#aboutContent article {
background: #fff none repeat scroll 0 0;
border: 1px solid #ccc;
border-radius: 2px;
box-shadow: 0 1px 1px -1px rgba(153, 153, 153, 0.3);
box-sizing: border-box;
margin: 20px auto;
padding: 20px;
width: calc(100% - 40px);
}
#HowToList li {
list-style: disc outside none;
margin-left: 15px;
margin-bottom: 10px;
}
.star {
font-size: 30px;
}
#HowToContent .einleitung h1 {
font-size: 30px;
font-weight: bold;
margin-bottom: 20px;
}
#HowToContent h1, #HowToContent h2 {
font-size: 20px;
font-weight: bold;
margin-bottom: 20px;
line-height: 36px;
}
#arrivalRightContent > figure img
{
width: 100%;
}
#arrivalRightContent > figure {
margin-bottom: 20px;
}
#picPayment{
background-color: #fff;
border: 1px solid #ccc;
display: table;
margin: 0 auto 30px;
max-width: 1280px;
padding: 30px;
}
#HowToContent figcaption
{
text-align: left !important;;
}
#HowToContent article figure {
background: none repeat scroll 0 0 #e5e5e5;
border: 1px solid #ccc;
margin: 0 auto 50px;
padding: 30px 30px 10px;
text-align: center;
}
#HowToContent img {
width: 100%;
}
#impressumContent {
width: calc(100% - 290px);
}
#agbContent
{
width: calc(100% - 290px);
}
#impressumContent h1 {
font-size: 30px;
font-weight: bold;
}
#agbContent h1 {
font-weight: bold;
margin-left: 20px;
}
#agbContent h2 {
font-weight: bold;
}
#agbContent .einleitung h1 {
font-size: 30px;
}
#impressumContent h2
{
font-weight: bold;
margin-top: 60px;
}
#impressumContent h2 span {
background-color: #e6eaef;
padding: 5px 0;
}
#arrivalRightContent h2 span {
background-color: #e6eaef;
padding: 5px 0;
}
#arrivalRightContent h1 span {
background-color: #e6eaef;
padding: 5px 0;
}
#arrivalRightContent h3 span {
background-color: #e6eaef;
padding: 5px 0;
}
#shopAGB h1 span {
background: none repeat scroll 0 0 #fff;
padding: 5px;
}
#shopAGB h2 span {
background-color: #e6eaef;
padding: 5px 0;
}
.sizeAppletText > h2 {
font-size: 20px;
font-weight: bold;
margin-bottom: 20px;
text-align: center;
}
.sizeAppletText .pBottom {
margin-bottom: 50px;
}
.infoTxt
{
line-height: 25px;
}
.infoTxt span {
background-color: #e6eaef;
padding: 5px 0;
}
.infoTxt > h2 {
font-size: 20px;
font-weight: bold;
margin-top: 20px;
}
#sizeTableContentLeft h1 {
font-size: 30px;
font-weight: bold;
line-height: 46px;
}
#sizeTableContentLeft article {
background: #fff none repeat scroll 0 0;
border: 1px solid #ccc;
border-radius: 2px;
box-shadow: 0 1px 1px -1px rgba(153, 153, 153, 0.3);
box-sizing: border-box;
margin: 20px auto;
padding: 20px;
width: calc(100% - 40px);
line-height: 25px;
}
.LeftContent nav ul {
margin-top: 8px;
}
.paymentMethodContent article ul {
margin-top: 20px;
}
.paymentMethodContent li {
margin-bottom: 10px;
}
#toc_container ul li
{
margin-left: 10px;
}
.paymentMethodContent .LeftContent article li {
list-style: disc inside none ;
margin-left: 20px;
}
.paymentMethodContent h1 {
font-size: 24px;
font-weight: bold;
margin-bottom: 25px;
margin-top: 10px;
}
.faqDiv li {
list-style: disc outside none ;
}
#faqOrder {
background: #d3d3d3;
color: #000;
font-size: 30px;
line-height: 60px;
padding: 0 20px;
cursor: pointer;
}
.btnAnkerFAQ {
display: flex;
color: #0f87c9;
cursor: pointer;
}
.btnAnkerFAQ:hover
{
color: red;
}
#toc_container .btnAnkerFAQ .lblTxt {
width: calc(100% - 45px);
}
.btnAnkerFAQ .navLabel {
width: 45px;
}
#faqShipping
{
background: #d3d3d3;
font-size: 30px;
line-height: 60px;
padding: 0 20px;
cursor: pointer;
}
#faqPayment
{
background: #d3d3d3;
font-size: 30px;
line-height: 60px;
padding: 0 20px;
cursor: pointer;
}
#faqOther
{
background: #d3d3d3;
font-size: 30px;
line-height: 60px;
padding: 0 20px;
cursor: pointer;
}
#faqNavTop {
background: none repeat scroll 0 0 #000;
color: #fff;
font-size: 25px;
font-weight: bold;
padding: 5px 0;
text-align: center;
}
#faqNavSwitch {
display: flex;
display: -webkit-box;
}
#faqNavSwitch li {
flex-basis: 25%;
font-size: 20px;
font-weight: bold;
padding: 10px 0;
text-align: center;
width: 25%;
cursor: pointer;
}
.accordion_faq {
width: 100%;
}
.accordion_faqEN {
width: 100%;
}
#Delivery {
background: none repeat scroll 0 0 #FECC02;
color: #fff;
display: flex;
display:-webkit-box;
}
#Delivery > figure {
margin: 0 0 0 10px !important;
}
#Delivery .picIcon
{
flex-basis: 8%;
width: 8%;
}
#Delivery .picLogo
{
flex-basis: 18%;
width: 18%;
}
#logodhl
{
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
}
#Delivery > div {
font-size: 30px;
line-height: 68px;
margin-left: 10px;
font-weight: bold;
flex-basis: auto;
width: 73%;
}
#picVersand, #picImprint, #picAGB, #picArrival, #picPartner, #picHowTo {
background-color: #fff;
border: 1px solid #ccc;
display: table;
margin: 0 auto 30px;
max-width: 1280px;
padding: 30px;
position: relative;
}
#HowToContent figure {
background-color: #fff;
border: 1px solid #ccc;
display: table;
margin: 0 auto 30px;
max-width: 1280px;
padding: 30px;
position: relative;
}
#picVersand img, #picImprint img, #picAGB img, #picArrival img, #picPartner img, #picHowTo img
{
width: 100%;
}
#picFAQ {
background-color: #fff;
border: 1px solid #ccc;
display: table;
margin: 0 auto 30px;
max-width: 1280px;
padding: 30px;
position: relative;
}
#picFAQ img
{
width: 100%;
}
#picVersandTxt {
bottom: 70px;
color: #fff;
font-size: 41px;
position: absolute;
right: 85px;
}
#picSize
{
background-color: #fff;
border: 1px solid #ccc;
display: table;
margin: 0 auto 30px;
max-width: 1280px;
padding: 30px;
position: relative;
}
#picSize img
{
width: 100%;
}
#picSizeTxt {
bottom: 70px;
font-size: 30px;
position: absolute;
right: 50px;
}
.shippingLeftContent figcaption {
font-size: 10px;
margin: 0 !important;
text-align: left !important;
padding: 2px 0 !important;
}
#picVersand> figure {
position: relative;
}
.shippingTable > h2 {
font-weight: bold;
margin-top: 20px;
font-size: 22px;
}
.shippingOdd > p {
display: block;
font-size: 18px;
font-weight: bold;
padding: 15px 0;
text-align: center;
width: 100%;
}
.shippingTable > span {
display: block;
margin-top: 10px;
margin-bottom: 30px;
}
#leftMenue .catLiLast {
border-bottom: medium none;
}
.shippingTable, .shippingLeftContent .intro {
background: #fff none repeat scroll 0 0;
border: 1px solid #ccc;
border-radius: 2px;
box-shadow: 0 1px 1px -1px rgba(153, 153, 153, 0.3);
box-sizing: border-box;
margin: 20px auto;
padding: 20px;
width: calc(100% - 40px);
}
#shippingTableInfo {
background: #fff none repeat scroll 0 0;
border: 1px solid #ccc;
border-radius: 2px;
box-shadow: 0 1px 1px -1px rgba(153, 153, 153, 0.3);
box-sizing: border-box;
margin: 20px auto;
padding: 20px;
width: calc(100% - 40px);
}
#leftMenue
{
width: 25%;
margin-right: 30px;
z-index: 9999;
background: none repeat scroll 0 0 #fff;
}
#leftMenue:hover
{
left: 0px;
}
#leftMenue:hover #verticalText
{
display: none;
}
#serviceNavi {
border-color: #fff;
border-image: none;
border-radius: 5px;
border-style: solid;
border-width: 10px 10px 1px;
box-shadow: 0 0 2px #999;
width: 95%;
}
#leftMenue h1
{
font-size: 28px;
margin-bottom: 25px;
}
#leftMenue nav > ul > li {
border-bottom: 1px solid #d2d2d2;
}
#leftMenue li a:link, #leftMenue li a:visited {
color: #43433e;
display: block;
left: -18px;
margin: 10px 0;
padding: 14px 45px;
position: relative;
text-decoration: none;
}
#serviceNavi.lnkID1 #lnkID1,
#serviceNavi.lnkID2 #lnkID2,
#serviceNavi.lnkID3 #lnkID3,
#serviceNavi.lnkID4 #lnkID4,
#serviceNavi.lnkID5 #lnkID5,
#serviceNavi.lnkID6 #lnkID6,
#serviceNavi.lnkID7 #lnkID7,
#serviceNavi.lnkID8 #lnkID8,
#serviceNavi.lnkID9 #lnkID9,
#serviceNavi.lnkID10 #lnkID10,
#serviceNavi.lnkID11 #lnkID11,
#serviceNavi.lnkID12 #lnkID12,
#serviceNavi.lnkID13 #lnkID13,
#serviceNavi.lnkID14 #lnkID14,
#serviceNavi.lnkID15 #lnkID15,
#serviceNavi.lnkVersand #lnkVersand,
#serviceNavi.lnkPayment #lnkPayment,
#serviceNavi.lnkSizeChart #lnkSizeChart,
#serviceNavi.lnkImprint #lnkImprint,
#serviceNavi.lnkAGB #lnkAGB,
#serviceNavi.lnkHowTo #lnkHowTo,
#serviceNavi.lnkAbout #lnkAbout,
#serviceNavi.lnkPartner #lnkPartner,
#serviceNavi.lnkContact #lnkContact,
#serviceNavi.lnkFaq #lnkFAQ
{
padding: 14px 45px !important;
}
#serviceNavi.lnkID1 #lnkID1:after,
#serviceNavi.lnkID2 #lnkID2:after,
#serviceNavi.lnkID3 #lnkID3:after,
#serviceNavi.lnkID4 #lnkID4:after,
#serviceNavi.lnkID5 #lnkID5:after,
#serviceNavi.lnkID6 #lnkID6:after,
#serviceNavi.lnkID7 #lnkID7:after,
#serviceNavi.lnkID8 #lnkID8:after,
#serviceNavi.lnkID9 #lnkID9:after,
#serviceNavi.lnkID10 #lnkID10:after,
#serviceNavi.lnkID11 #lnkID11:after,
#serviceNavi.lnkID12 #lnkID12:after,
#serviceNavi.lnkID13 #lnkID13:after,
#serviceNavi.lnkID14 #lnkID14:after,
#serviceNavi.lnkID15 #lnkID15:after,
#serviceNavi.lnkVersand #lnkVersand:after,
#serviceNavi.lnkPayment #lnkPayment:after,
#serviceNavi.lnkSizeChart #lnkSizeChart:after,
#serviceNavi.lnkImprint #lnkImprint:after,
#serviceNavi.lnkAGB #lnkAGB:after,
#serviceNavi.lnkHowTo #lnkHowTo:after,
#serviceNavi.lnkAbout #lnkAbout:after,
#serviceNavi.lnkPartner #lnkPartner:after,
#serviceNavi.lnkContact #lnkContact:after,
#serviceNavi.lnkFaq #lnkFAQ:after {
border-bottom: 22px solid transparent;
border-left: 22px solid #000;
border-top: 22px solid transparent;
content: "";
height: 0;
position: absolute;
right: -22px;
top: 0;
width: 0;
}
#leftMenue .lnkID1 #lnkID1:before,
#leftMenue .lnkID2 #lnkID2:before,
#leftMenue .lnkID3 #lnkID3:before,
#leftMenue .lnkID4 #lnkID4:before,
#leftMenue .lnkID5 #lnkID5:before,
#leftMenue .lnkID6 #lnkID6:before,
#leftMenue .lnkID7 #lnkID7:before,
#leftMenue .lnkID8 #lnkID8:before,
#leftMenue .lnkID9 #lnkID9:before,
#leftMenue .lnkID10 #lnkID10:before,
#leftMenue .lnkID11 #lnkID11:before,
#leftMenue .lnkID12 #lnkID12:before,
#leftMenue .lnkID13 #lnkID13:before,
#leftMenue .lnkID14 #lnkID14:before,
#leftMenue .lnkID15 #lnkID15:before,
#leftMenue .lnkVersand #lnkVersand:before,
#leftMenue .lnkPayment #lnkPayment:before,
#leftMenue .lnkSizeChart #lnkSizeChart:before,
#leftMenue .lnkImprint #lnkImprint:before,
#leftMenue .lnkAGB #lnkAGB:before,
#leftMenue .lnkHowTo #lnkHowTo:before,
#leftMenue .lnkAbout #lnkAbout:before,
#leftMenue .lnkPartner #lnkPartner:before,
#leftMenue .lnkContact #lnkContact:before,
#leftMenue .lnkFaq #lnkFAQ:before
{
border-bottom: 6px solid transparent;
border-left: 6px solid #000;
border-top: 6px solid transparent;
bottom: -8px;
content: "";
left: 10px;
margin-left: -7px;
position: absolute;
transform: rotate(-45deg);
}
#leftMenue .lnkID1 #lnkID1,
#leftMenue .lnkID2 #lnkID2,
#leftMenue .lnkID3 #lnkID3,
#leftMenue .lnkID4 #lnkID4,
#leftMenue .lnkID5 #lnkID5,
#leftMenue .lnkID6 #lnkID6,
#leftMenue .lnkID7 #lnkID7,
#leftMenue .lnkID8 #lnkID8,
#leftMenue .lnkID9 #lnkID9,
#leftMenue .lnkID10 #lnkID10,
#leftMenue .lnkID11 #lnkID11,
#leftMenue .lnkID12 #lnkID12,
#leftMenue .lnkID13 #lnkID13,
#leftMenue .lnkID14 #lnkID14,
#leftMenue .lnkID15 #lnkID15,
#leftMenue .lnkVersand #lnkVersand,
#leftMenue .lnkPayment #lnkPayment,
#leftMenue .lnkSizeChart #lnkSizeChart,
#leftMenue .lnkImprint #lnkImprint,
#leftMenue .lnkAGB #lnkAGB,
#leftMenue .lnkHowTo #lnkHowTo,
#leftMenue .lnkAbout #lnkAbout,
#leftMenue .lnkPartner #lnkPartner,
#leftMenue .lnkContact #lnkContact,
#leftMenue .lnkFaq #lnkFAQ {
background: none repeat scroll 0 0 #000;
color: #fff;
width: 51%;
}
#leftMenue li a:hover
{
color: #fff;
padding: 14px 15px 14px 45px !important;
background: none repeat scroll 0 0 #3d3d3d;
width: 50%;
}
#leftMenue li a:hover:after
{
width: 0px;
height: 0px;
border-top: 22px solid transparent;
border-bottom: 22px solid transparent;
border-left: 22px solid #3d3d3d;
content: "";
top: 0;
position: absolute;
right: -22px;
}
#leftMenue li a:hover:before
{
border-bottom: 6px solid transparent;
border-left: 6px solid #000;
border-top: 6px solid transparent;
bottom: -8px;
content: "";
left: 10px;
margin-left: -7px;
position: absolute;
transform: rotate(-45deg);
}
#shippinIntro
{
max-width: 1280px;
margin: 0 auto;
line-height: 25px;
}
#thumbs a,
#thumbsLow a
{
position: relative;
}
#thumbs .left[data-tooltip]:before,
#thumbsLow .left[data-tooltip]:before
{
left: 0;
}
#thumbs .right[data-tooltip]:before,
#thumbsLow .right[data-tooltip]:before
{
right: 0;
}
#thumbs a[data-tooltip]:before,
#thumbsLow a[data-tooltip]:before
{
position: absolute;
top: -40px;
background-color: #000;
color: #fff;
height: 30px;
line-height: 30px;
border-radius: 5px;
padding: 0 15px;
content: attr(data-tooltip);
white-space: nowrap;
display: none;
}
#thumbs .left[data-tooltip]:after,
#thumbsLow .left[data-tooltip]:after
{
left: 15px;
}
#thumbs .right[data-tooltip]:after,
#thumbsLow .right[data-tooltip]:after
{
right: 15px;
}
#thumbs a[data-tooltip]:after,
#thumbsLow a[data-tooltip]:after
{
position: absolute;
top: -10px;
border-top: 7px solid #000;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
content: "";
display: none;
}
#thumbs a[data-tooltip]:hover:after, #thumbs a[data-tooltip]:hover:before,
#thumbsLow a[data-tooltip]:hover:after, #thumbsLow a[data-tooltip]:hover:before
{
display: block;
}
#thumbs > h2,
#thumbsLow > h2
{
font-size: 26px;
margin-bottom: 20px;
font-weight: bold;
}
#thumbsLow {
margin: 20px auto;
max-width: 1000px;
}
#thumbs{
margin: 40px auto 0;
max-width: 1000px;
}
#thumbs img {
width: 136px;
}
#thumbs .row,
#thumbsLow .row{
display: flex;
display: -webkit-box;
height: 92px;
}
#thumbs .row.textilePic,
#thumbsLow .row.textilePic {
display: flex;
display: -webkit-box;
height: 141px;
}
#thumbs .row > figure,
#thumbsLow .row > figure {
margin-right: 1px;
}
#thumbs .row a,
#thumbsLow .row a {
display: block;
}
#blogLinks div {
margin-bottom: 5px;
margin-top: 10px;
text-align: center;
}
#blogLinks span {
display: inline-block;
height: auto;
line-height: normal;
padding: 10px;
}
#blogLinks div > a
{
text-decoration: none;
display: inline-block;
}
#blogLinks figure {
display: flex;
align-items: flex-start;
}
#blogLinks img {
width: 150px;
}
#blogLinks figure > figcaption {
flex-basis: auto;
width: calc(100% - 170px);
font-size: 14px;
line-height: 20px;
margin-left: 20px;
margin-top: 0;
padding: 0;
text-align: left;
}
#blogLinks
{
max-width: calc(100% - 40px);
margin: 20px auto;
line-height: 25px;
}
#blogLinks h1
{
font-size: 24px;
font-weight: bold;
margin-bottom: 20px;
}
#blogLinks article {
margin-bottom: 30px;
padding: 10px;
background-color: #fff;
}
#changeAdrLnk
{
display: none;
}
.LoginBottom > div {
text-align: center;
}
#loginFormLeft .input-group > input {
width: 97% !important;
}
.LoginBottom {
margin-top: 20px;
text-align: center;
}
#chkBoxAccount > span {
margin-left: 5px;
}
#chkBoxLetter > span {
margin-left: 5px;
}
#chkBox > span {
margin-left: 5px;
}
.loginRow {
display: flex;
display: -webkit-box;
}
#addressForm .loginRow
{
display: block;
}
#addressForm .loginRow .input-group
{
width: 100%;
}
.loginRow .input-group {
flex-basis: 50%;
width: 50%;
}
#usrAccount {
display: inline-block;
font-size: 20px;
height: 25px;
line-height: 25px;
text-align: center;
padding: 5px 15px !important;
margin-right: 15px;
}
#subscribe > div {
background: none repeat scroll 0 0 #ccc;
margin: 0 auto;
max-width: 50%;
padding: 20px;
}
#letterConfirm p {
margin-bottom: 20px;
}
#letterConfirm span {
font-size: 35px;
}
#letterOK > p {
text-align: center;
font-size: 25px;
}
#letterOK span {
color: #008000;
}
#subscribe .form-input
{
margin: 20px auto;
width: 57%;
}
#subscribe .form-input label
{
margin-bottom: 5px;
}
.btnColGreen, #blogMain .a-btn
{
background:#a9db80;
background:-webkit-gradient(linear,left top,left bottom,color-stop(#a9db80,0),color-stop(#96c56f,1));
background:-webkit-linear-gradient(top, #a9db80 0%, #96c56f 100%);
background:-moz-linear-gradient(top, #a9db80 0%, #96c56f 100%);
background:-o-linear-gradient(top, #a9db80 0%, #96c56f 100%);
background:linear-gradient(top, #a9db80 0%, #96c56f 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9db80', endColorstr='#96c56f',GradientType=0 );
border: 1px solid #80ab5d;
}
.btnColBlue
{
background: rgb(170,212,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(170,212,255,1) 0%, rgba(96,171,248,1) 44%, rgba(64,150,238,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(170,212,255,1)), color-stop(44%,rgba(96,171,248,1)), color-stop(100%,rgba(64,150,238,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(170,212,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(170,212,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(170,212,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(170,212,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aad4ff', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */
border: 1px solid #6FB3F9;
}
#btnSubscribe {
display: block;
font-size: 40px;
line-height: 90px;
margin: 0 auto;
padding-right: 80px;
text-align: center;
width: 30%;
}
.paymentLogo.box3 > figcaption {
bottom: -23px;
}
#subscribe
{
margin: 20px auto;
max-width: 700px;
}
#unsubscribeInfo {
font-size: 30px;
margin: 20px auto;
max-width: 1280px;
text-align: center;
}
.paymentinfobox {
padding: 0 30px;
margin-top: 15px;
position: relative;
}
.paymentLeft {
margin-bottom: 20px;
}
.paymentRight {
flex-basis: 20%;
width: 20%;
margin-bottom: 20px;
}
#blogMain .top {
margin-top: 0 !important;
}
#blogMain .einleitung {
margin-top: 0;
}
#btnReadIntro
{
display: block;
padding-left: 0;
padding-right: 80px;
width: 30%;
margin: 20px auto;
height: 60px;
}
.btnIntrotxt {
display: block;
font-size: 25px;
line-height: 60px;
text-align: center;
width: 100%;
}
#blogNav {
background: none repeat scroll 0 0 #000;
width: 100%;
}
#blogHeadBig {
margin: 90px auto 0;
max-width: 1280px;
}
#contentMain > figure {
display: table;
margin: 30px auto;
max-width: 1280px;
background: none repeat scroll 0 0 #e5e5e5;
border: 1px solid #ccc;
padding: 30px 30px 10px;
}
#contentMain > figure img
{
width: 100%;
}
#footerFB
{
background: none repeat scroll 0 0 #1fa2ed;
}
.removeSearch
{
display: none !important;
}
#headIcons
{
display: flex;
align-items: center;
margin-bottom: 10px;
max-width: 1280px;
margin: 0 auto;
}
#headIcons span{
color: #008000;
font-size: 18px;
font-weight: bold;
padding-top: 4px;
height: 22px;
font-family: 'Archivo Narrow';
}
.startPaymentEN
{
display: none;
}
.paymentLogo.box1 > a,
.paymentLogo.box1 > span
{
display: block;
flex-basis: auto;
}
.paymentLogo.box2 > a,
.paymentLogo.box2 > span
{
display: block;
flex-basis: auto;
}
.paymentLogo.box3 > a,
.paymentLogo.box3 > div
{
display: block;
flex-basis: auto;
}
.paymentLogo.box4 > a
{
display: block;
flex-basis: auto;
}
#payVK
{
width: 150px;
}
.paymentLogo.box1 h3,
.paymentLogo.box2 h3,
.paymentLogo.box3 h3,
.paymentLogo.box4 h3
{
font-size: 16px;
font-weight: bold;
margin-bottom: 25px;
margin-top: 5px;
color: #000;
text-transform: uppercase;
}
#footerBottom figcaption {
margin: 0;
line-height: 25px;
text-align: left;
flex-basis: auto;
width: 70%;
font-size: 18px;
box-sizing: border-box;
}
.paymentLogo.ENbox1 > figcaption,
.paymentLogo.ENbox2 > figcaption,
.paymentLogo.ENbox3 > figcaption,
.paymentLogo.ENbox4 > figcaption
{
position: relative;
bottom: 10px;
}
.outerDiv {
flex-basis: 93%;
width: 93%
}
.innerDiv {
border-bottom: 1px solid #bababa;
display: flex;
display: -webkit-box;
margin-right: 20px;
}
.tdColA, .tdColB, .tdColC {
font-size: 20px;
line-height: 40px;
text-align: center;
margin-right: 20px;
}
.infoldet
{
width: 40%;
line-height: 32px;
font-weight: bold;
}
#DetDeliv
{
display: flex;
display: -webkit-box;
max-width: 1280px;
margin: 0 auto;
}
#lieferzeiten > h2 {
font-size: 26px;
font-weight: bold;
margin-bottom: 20px;
}
#artikeldetails > h2 {
font-size: 26px;
font-weight: bold;
margin-bottom: 20px;
}
#detailMid > h2 {
font-size: 26px;
font-weight: bold;
margin-bottom: 20px;
}
#vorteile > h2 {
font-size: 26px;
font-weight: bold;
margin-bottom: 20px;
}
#artikelbeschreibung > h2 {
font-size: 32px;
font-weight: bold;
margin-bottom: 20px;
}
#btnSoldItems
{
display: inline-block;
padding-left: 0;
padding-right: 0;
margin: 0 auto;
width: 100%;
line-height: 48px;
font-size: 24px;
height: 48px;
}
#catDesc.romoveCat
{
display: none;
}
#catContentLeft > iframe {
width: 100%;
height: 200px;
}
#catNavi .catLiLast
{
border-bottom: none;
}
#catNavi > nav > ul > li > ul > li > a
{
font-size: 14px;
}
#catNavi > p {
font-size: 28px;
padding-left: 25px;
background: #fff;
font-weight: bold;
}
#catNavi > nav {
padding-bottom: 20px;
}
#mainNav > ul {
font-size: 20px;
margin-left: 20px;
height: 210px;
overflow-y: scroll;
}
#mainNavPu > ul {
display: flex;
}
#mainNav li {
list-style-position: inside;
list-style-type: disc;
}
#mainNavPu li {
font-size: 16px;
line-height: 25px;
list-style-position: inside;
list-style-type: none;
}
#itemBuy .flexslider
{
z-index: 0;
}
#mainNavPu .navLi {
background-color: #333;
color: #fff;
font-size: 25px;
font-weight: bold;
line-height: 61px;
list-style-position: inside;
list-style-type: none;
padding: 0 10px;
margin-right: 10px;
position: relative;
}
#mainNavPu .navLi > a:link, #mainNavPu .navLi a:visited
{
color: #fff;
text-decoration: none;
}
#catNavi li a:link, #catNavi li a:visited {
color: blue;
display: inline-block;
padding: 8px 0;
text-decoration: underline;
position: relative;
}
#catNavi .catNavSub {
padding-left: 75px !important;
padding-right: 15px !important;
}
#catNavi.cat4 #cat4,
#catNavi.cat5 #cat5,
#catNavi.cat7 #cat7,
#catNavi.cat12 #cat12,
#catNavi.cat15 #cat15,
#catNavi.cat16 #cat16,
#catNavi.cat17 #cat17,
#catNavi.cat49 #cat49
{
padding: 14px 45px !important;
}
#requestItemAgain
{
height: 250px;
width: 600px;
padding: 10px 20px;
}
#requestItemAgain .pHead
{
font-size: 18px;
font-weight: bold;
line-height: 30px;
margin-bottom: 10px;
}
#requestItemAgain .pTitle
{
font-size: 30px;
font-weight: bold;
line-height: 40px;
margin-bottom: 10px;
color: #2462AB;
}
#btnAnfrageAgain,#btnAnfrageNotAgain {
flex-basis: 45%;
width: 45%;
line-height: 90px;
text-align: center;
font-size: 45px;
padding: 0;
}
#btnAnfrageNotAgain
{
background: rgb(185,56,66);
border-color: #d78db8;
/* Old browsers */
background: -moz-linear-gradient(top, rgba(185,56,66,0.8) 0%, rgba(158,61,79,0.8) 44%, rgba(160,43,45,0.8) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(185,56,66,0.8)), color-stop(44%,rgba(158,61,79,0.8)), color-stop(100%,rgba(160,43,45,0.8))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(185,56,66,0.8) 0%,rgba(158,61,79,0.8) 44%,rgba(160,43,45,0.8) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(185,56,66,0.8) 0%,rgba(158,61,79,0.8) 44%,rgba(160,43,45,0.8) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(185,56,66,0.8) 0%,rgba(158,61,79,0.8) 44%,rgba(160,43,45,0.8) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(185,56,66,0.8) 0%,rgba(158,61,79,0.8) 44%,rgba(160,43,45,0.8) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccb93842', endColorstr='#cca02b2d',GradientType=0 ); /* IE6-9 */
}
#requestItemAgain nav
{
display: flex;
display: -webkit-box;
justify-content: space-between;
-webkit-box-pack: justify;
margin-top: 20px;
}
#blogMain .center
{
margin: 50px 0;
}
#btnShop {
display: block;
font-size: 36px;
line-height: 90px;
margin: 0 auto;
padding-left: 0;
padding-right: 80px;
text-align: center;
width: 85%;
}
#checkoutProblem > p {
display: block;
font-size: 40px;
margin: 0 auto 30px;
width: 81%;
}
.radioBoxReason
{
display: block;
margin: 0 auto 10px;
width: 74%;
}
#msgBoxProblem
{
margin: 20px auto;
}
#checkoutProblem nav {
display: flex;
display: -webkit-box;
justify-content: space-around;
-webkit-box-pack: center;
margin-top: 55px;
}
#msgSend
{
flex-basis: 22%;
width: 22%;
display: block;
padding: 0;
text-align: center;
line-height: 90px;
font-size: 45px;
}
#msgCancel
{
flex-basis: 22%;
width: 22%;
display: block;
padding: 0;
text-align: center;
line-height: 90px;
font-size: 45px;
background: rgb(185,56,66);
border-color: #d78db8;
/* Old browsers */
background: -moz-linear-gradient(top, rgba(185,56,66,0.8) 0%, rgba(158,61,79,0.8) 44%, rgba(160,43,45,0.8) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(185,56,66,0.8)), color-stop(44%,rgba(158,61,79,0.8)), color-stop(100%,rgba(160,43,45,0.8))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(185,56,66,0.8) 0%,rgba(158,61,79,0.8) 44%,rgba(160,43,45,0.8) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(185,56,66,0.8) 0%,rgba(158,61,79,0.8) 44%,rgba(160,43,45,0.8) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(185,56,66,0.8) 0%,rgba(158,61,79,0.8) 44%,rgba(160,43,45,0.8) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(185,56,66,0.8) 0%,rgba(158,61,79,0.8) 44%,rgba(160,43,45,0.8) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccb93842', endColorstr='#cca02b2d',GradientType=0 ); /* IE6-9 */
}
#msgProblem {
display: block;
height: 70px;
margin: 0 auto;
resize: none;
width: 80%;
}
#pQuestHead {
font-size: 28px;
font-weight: bold;
margin-bottom: 30px;
}
#msgQuestion {
display: block;
height: 70px;
margin: 0 auto;
resize: none;
width: 100%;
}
#formQuestion .content {
display: block;
margin: 0 auto 30px;
text-align: center;
width: 96%;
}
.pName
{
font-weight: bold;
margin: 10px 0;
text-align: center;
}
#questionMail {
display: block;
margin: 0 auto;
width: 30%;
}
#btnQuestion {
display: inline-block;
font-size: 20px;
line-height: 40px;
height: 40px;
margin: 0 auto;
padding: 5px 15px;
text-align: center;
}
#formQuestion
{
text-align: center;
}
#formQuestion .form-input > label {
margin: 0 auto;
width: 30%;
}
#formQuestion .form-input {
text-align: left;
}
#msgBoxQuestion > label {
display: block;
margin: 0 auto;
width: 97%;
font-weight: bold
}
#msgBoxQuestion {
margin: 20px 0;
text-align: left;
}
#msgBoxProblem > label {
display: block;
margin: 0 auto;
width: 80%;
}
#divPopup > nav {
display: flex;
display: -webkit-box;
justify-content: space-around;
-webkit-box-pack: center;
margin-top: 50px;
}
#btnYes {
flex-basis: 22%;
width: 22%;
display: block;
padding: 0;
text-align: center;
line-height: 90px;
font-size: 45px;
}
#btnNo {
flex-basis: 22%;
width: 22%;
display: block;
padding: 0;
text-align: center;
line-height: 90px;
font-size: 45px;
background: rgb(185,56,66);
border-color: #d78db8;
/* Old browsers */
background: -moz-linear-gradient(top, rgba(185,56,66,0.8) 0%, rgba(158,61,79,0.8) 44%, rgba(160,43,45,0.8) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(185,56,66,0.8)), color-stop(44%,rgba(158,61,79,0.8)), color-stop(100%,rgba(160,43,45,0.8))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(185,56,66,0.8) 0%,rgba(158,61,79,0.8) 44%,rgba(160,43,45,0.8) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(185,56,66,0.8) 0%,rgba(158,61,79,0.8) 44%,rgba(160,43,45,0.8) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(185,56,66,0.8) 0%,rgba(158,61,79,0.8) 44%,rgba(160,43,45,0.8) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(185,56,66,0.8) 0%,rgba(158,61,79,0.8) 44%,rgba(160,43,45,0.8) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccb93842', endColorstr='#cca02b2d',GradientType=0 ); /* IE6-9 */
}
.popupContent
{
color: #25364c;
font-size: 30px;
margin-top: 80px;
text-align: center;
}
#divPopup, #popupContact {
display: none;
height: 550px;
width: 950px;
}
#popupContact
{
background: #1fa2ed;
padding-top: 20px;
}
#divPopup .startBanner
{
background: none repeat scroll 0 0 #1fa2ed;
}
#divPopup .startBanner .design
{
background: none repeat scroll 0 0 #1fa2ed;
}
#divPopup .bannerContent
{
font-size: 42px;
line-height: 84px;
font-weight: bold;
}
#divPopup #addressHeader p,
#divPopup #contactHeader p
{
font-size: 18px;
}
#divPopup #addressHeader figcaption,
#divPopup #contactHeader figcaption
{
font-size: 16px;
line-height: 32px;
}
#divPopup #contactHeader
{
padding: 0;
}
#FinderHowToInner
{
display: none;
}
#btnFinderReadMore.a-btn
{
padding: 0 5px;
height: 30px;
line-height: 30px;
}
#FinderHowToHead
{
display: flex;
display: -webkit-box;
}
.activeTab
{
background-color: #3d3d3d;
}
#FinderContent .selectFeld{
margin-bottom: 0;
}
#FinderBoxNav figcaption {
color: #fff;
font-weight: bold;
}
#NavFinderCol img {
width: 64px;
}
#sneakerfinder .selectFeld
{
width: 90%;
}
.picTxt {
color: #000;
font-size: 40px;
font-weight: normal;
left: 15%;
position: absolute;
text-shadow: 2px 2px 0 #999;
top: -3px;
}
#startNews {
position: relative;
width: 100%;
background: none repeat scroll 0 0 #fff;
margin-left: auto;
margin-right: auto;
height: 160px;
overflow: hidden;
}
#NewsContent img {
width: 100% !important;
height: auto !important;
}
#requestItem {
margin: 0 auto;
width: auto;
position: relative;
line-height: 25px;
font-family: 'Archivo Narrow';
}
.pHead
{
font-weight: bold;
margin-bottom: 10px;
}
.form-input {
margin-top: 10px;
}
.form-input > input {
width: 96%;
}
.form-input label {
display: block;
font-weight: bold;
}
#btnAnfrage {
display: inline-block;
font-size: 35px;
height: auto;
line-height: normal;
margin: 20px auto;
padding: 10px;
text-align: center;
}
#fbHead
{
max-width: 1220px;
margin: 0 auto;
text-align: left;
display: flex;
display: -webkit-box;
justify-content: space-around;
-webkit-box-pack: justify;
padding: 20px 0;
}
#fbOuter
{
width: 95%;
}
#fbOuter.fixed {
position: fixed;
top: 0;
width: 304px;
}
#fbContent, #googleContent
{
display: flex;
padding: 10px;
width: 222px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
#fbContentMob
{
display: flex;
padding: 10px;
width: 276px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
border: 4px solid #09428B;
background: none repeat scroll 0 0 #fff;
}
#googleContent
{
border: 4px solid #25364c;
background: none repeat scroll 0 0 #fff;
}
#fbContent
{
border: 4px solid #09428B;
background: none repeat scroll 0 0 #fff;
}
#fbTxt, #gplusTxt {
color: #000;
font-size: 15px;
font-weight: bold;
line-height: 30px;
margin-bottom: 10px;
text-align: center;
}
#fbTxtMob{
color: #000;
font-size: 18px;
font-weight: bold;
line-height: 30px;
margin-bottom: 10px;
text-align: center;
}
#fbContentMob img
{
width: 90px;
height: 90px;
}
#fbContent img , #googleContent img
{
width: 90px;
height: 90px;
}
#fbContent > figure, #googleContent > figure{
flex-basis: 38%;
width: 38%;
}
#fbContentMob > figure
{
flex-basis: 38%;
width: 38%;
}
#fbContent > div, #googleContent > div{
flex-basis: 62%;
width: 62%;
text-align: center;
}
#fbContentMob > div
{
flex-basis: auto;
width: 62%;
text-align: center;
}
#btnNews {
line-height: 34px;
padding: 0 5px;
text-align: center;
background: rgb(170,212,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(170,212,255,0.8) 0%, rgba(96,171,248,0.8) 44%, rgba(64,150,238,0.8) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(170,212,255,0.8)), color-stop(44%,rgba(96,171,248,0.8)), color-stop(100%,rgba(64,150,238,0.8))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(170,212,255,0.8) 0%,rgba(96,171,248,0.8) 44%,rgba(64,150,238,0.8) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(170,212,255,0.8) 0%,rgba(96,171,248,0.8) 44%,rgba(64,150,238,0.8) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(170,212,255,0.8) 0%,rgba(96,171,248,0.8) 44%,rgba(64,150,238,0.8) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(170,212,255,0.9) 0%,rgba(96,171,248,0.9) 44%,rgba(64,150,238,0.9) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aad4ff', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */
border-color: #6FB3F9;
bottom: 0;
height: 34px;
position: absolute;
right: 8px;
}
.btnNewstxt {
display: block;
font-size: 20px;
text-shadow: none;
}
#NewsContent {
position: relative;
}
#btnChgSize {
display: block;
font-size: 28px;
height: auto;
padding: 10px;
}
.btnNewsCon {
background: none repeat scroll 0 0 rgba(121, 119, 119, 0.4);
bottom: 30px;
color: #fff;
font-size: 50px;
padding: 20px;
position: absolute;
right: 60px;
width: 74%;
z-index: 8;
}
#wk
{
display: none;
width: 450px;
text-align: center;
}
#btnSliderBig {
display: block;
margin: 0;
padding: 0;
}
.btnSlidertxt {
display: block;
font-size: 30px;
line-height: 90px;
text-align: center;
width: 74%;
}
.sliderCon {
background: none repeat scroll 0 0 rgba(121, 119, 119, 0.4);
color: #fff;
left: 30px;
padding: 20px;
position: absolute;
top: 30px;
width: 24%;
z-index: 8;
}
#TopsellerOne > div, #TopsellerTwo > div {
display: flex;
display: -webkit-box;
flex-basis: 50%;
width: 50%;
justify-content: space-around;
-webkit-box-pack: center;
}
#saleHead
{
font-size: 40px;
margin-bottom: 20px;
}
.txtContent.txtContentD
{
margin: 0 auto 10px;
}
.startBanner.bottomBanner
{
background: none repeat scroll 0 0 #761a1d;
}
.startBanner.bottomBanner .design
{
background: none repeat scroll 0 0 #761a1d;
}
.detailItemSale .a-btn {
border: 1px solid red;
}
.detailItemSale .a-btn.actionBtn {
background: none repeat scroll 0 0 #df1a2e;
}
.saleInfo {
background: none repeat scroll 0 0 rgba(210, 210, 210, 0.3);
bottom: 0;
color: red;
font-size: 52px;
height: 0;
line-height: 7;
overflow: hidden;
position: absolute;
text-align: center;
width: 100%;
}
li[class*='detailItemSale']:hover .saleInfo
{
animation-name: boxGrow;
animation-duration: 0.5s;
animation-iteration-count: 1;
animation-direction: normal;
animation-timing-function: linear;
animation-fill-mode: none;
animation-delay: 0s;
height: 100%;
cursor: pointer;
}
#startSale
{
background: none repeat scroll 0 0 #df1a2e;
padding: 20px 0 60px;
margin-top: 90px;
}
#startSale .inner {
background: none repeat scroll 0 0 #fff;
}
#startSale p
{
color: #fff;
}
.topsellerInfo {
background: none repeat scroll 0 0 rgba(210, 210, 210, 0.3);
bottom: 0;
color: #fff;
font-size: 30px;
height: 0;
line-height: 7;
overflow: hidden;
position: absolute;
text-align: center;
width: 100%;
}
article[id*='topseller_']:hover .topsellerInfo
{
animation-name: boxGrow;
animation-duration: 0.5s;
animation-iteration-count: 1;
animation-direction: normal;
animation-timing-function: linear;
animation-fill-mode: none;
animation-delay: 0s;
height: 100%;
cursor: pointer;
}
.inner .actionContent {
bottom: auto;
}
.detailItemLacoste .product-name, .detailItemNike .product-name, .detailItemSale .product-name,.detailItemStart .product-name
{
display: block;
}
.a-btn.actionBtn
{
padding: 0;
height: 34px;
width: 70%;
margin: 0 auto;
}
.a-btn.actionBtn.btnAnimate
{
animation-duration: 2s;
animation-fill-mode: both;
animation-iteration-count: infinite;
}
.actionContent {
border-radius: 5px;
bottom: -52px;
padding: 20px;
position: absolute;
width: 87%;
}
.actionBtnTxt {
color: #fff;
display: block;
font-size: 22px;
line-height: 34px;
text-align: center;
font-weight: bold;
}
.actionBtn {
color: #fff;
font-size: 34px;
}
.link-overlay-top {
height: 100%;
position: absolute;
top: 0;
width: 100%;
}
.chgArrow
{
transform: rotate(270deg) !important;
}
#changeAdr .a-btn-icon-right > span {
transform: rotate(90deg);
}
#changeAdrGuest .a-btn-icon-right > span {
transform: rotate(90deg);
}
#regNew .a-btn
{
padding: 0;
}
#regNew .continueGuest
{
margin-top: 60px;
}
#contentMain {
font-family: Archivo Narrow;
display: block;
}
#regNewLogin
{
width: 100%;
display: block;
margin-bottom: 30px;
}
#regNewLogin .customer-loginform-content
{
width: 37.5%;
margin: 0 auto;
}
#regNewLogin .LoginBottom {
margin: 50px auto 0 !important;
width: 50% !important;
}
#regNewLogin h1
{
font-size: 30px;
}
#regNewLogin .LoginBottom a {
font-size: 16px;
}
#regNewLogin .formleft
{
width: auto;
}
#regInfo {
margin-top: 30px;
}
#regInfoContent
{
max-width: 1280px;
margin: 80px auto 0;
font-size: 25px;
line-height: 50px;
padding-left: 40px;
}
#regInfoContent h2
{
font-size: 35px;
font-weight: bold;
margin-bottom: 15px;
}
.removeEle
{
display: none;
}
#headerSearch > a {
text-decoration: none;
}
.txtContent
{
font-size: 20px;
color: #2f353e;
text-align: center;
line-height: 40px;
margin: 0 auto 50px;
box-sizing: border-box;
padding: 0 30px;
}
#startTop .txtContent
{
color: #fff;
}
#headerSearch {
text-align: center;
flex-basis: auto;
width: 44%;
}
#headerSearch.arrivalHeader
{
width: 80%;
}
#headerMid {
display: flex;
display: -webkit-box;
flex-basis: auto;
width: 60%;
z-index: 1;
}
#mobSearch
{
display: none;
}
#deskSearch {
display: inline-block;
position: fixed;
right: 187px;
top: 0;
z-index: 9000;
}
#deskSearch.searchEN {
right: 219px;
}
#deskSearch.searchNL {
right: 211px;
}
#sfAnchor > figure, #sfAnchorMob > figure {
margin-left: 10px;
}
#sfAnchor img, #sfAnchorMob img {
height: 25px;
width: 25px;
}
#addressHeader p {
font-weight: bold;
font-size: 22px;
text-transform: uppercase;
}
#contactHeader p {
font-weight: bold;
font-size: 22px;
text-transform: uppercase;
}
#addressHeader img {
margin-top: 30px;
height: 40px;
width: 40px;
}
#contactHeader img {
margin-top: 30px;
height: 40px;
width: 40px;
}
#startSlider .plus {
background: none repeat scroll 0 0 #000;
border-radius: 80px;
bottom: -85px;
color: #fff;
display: block;
font-size: 60px;
font-weight: 900;
height: 80px;
left: 50%;
line-height: 74px;
margin-left: -40px;
position: absolute;
text-align: center;
text-transform: uppercase;
width: 80px;
font-family: Georgia;
z-index: 1;
}
#startSlider.startSliderEN .plus {
bottom: -110px;
}
.design {
background: none repeat scroll 0 0 #1fa2ed;
height: 80px;
left: 50%;
margin-left: -80px;
overflow: hidden;
position: absolute;
width: 160px;
}
.rightCirc {
background: none repeat scroll 0 0 #fff;
border-radius: 80px;
height: 200%;
left: -75px;
position: absolute;
width: 100%;
z-index: 0;
}
.leftCirc {
background: none repeat scroll 0 0 #fff;
border-radius: 80px;
height: 200%;
left: 75px;
position: absolute;
width: 100%;
z-index: 0;
}
#startTop
{
background: none repeat scroll 0 0 #1fa2ed;
padding: 15px 0 60px;
}
#startTop h2
{
font-size: 40px;
color: #fff;
text-align: center;
margin-bottom: 20px;
}
#startLac h2
{
font-size: 40px;
color: #25364c;
text-align: center;
margin-bottom: 20px;
}
#startTopOne h2
{
font-size: 40px;
color: #25364c;
text-align: center;
margin-bottom: 20px;
}
#startSlider h2
{
font-size: 40px;
color: #fff;
text-align: center;
margin-bottom: 60px;
}
#startTopOne
{
padding: 65px 0 60px;
}
#startSlider
{
position: relative;
z-index: 0;
padding: 20px 0 60px;
}
#startAdv {
margin: 0 auto;
max-width: calc(100% - 40px);
padding: 40px;
position: relative;
background-color: #fff;
box-sizing: border-box;
border: 1px solid #ccc;
box-shadow: 0 1px 1px -1px rgba(153, 153, 153, 0.3);
border-radius: 2px;
}
#startAdvContent
{
max-width: 1280px;
margin: 0 auto;
}
#AdvLeft > figure, #AdvMid > figure, #AdvBot > figure {
display: flex;
margin-bottom: 25px;
z-index: 1;
}
#AdvLeft img, #AdvMid img, #AdvBot img {
height: 64px;
width: 64px;
margin-top: 25px;
}
#AdvLeft figcaption, #AdvMid figcaption, #AdvBot figcaption{
margin-left: 45px;
width: 80%;
flex-basis: auto;
}
#AdvLeft h3, #AdvMid h3, #AdvBot h3 {
font-size: 25px;
font-weight: bold;
color: #008000;
margin-bottom: 20px;
text-transform: uppercase;
}
#AdvLeft p, #AdvMid p, #AdvBot p {
padding-left: 12px;
line-height: 25px;
}
#AdvLeft span, #AdvMid span, #AdvBot span
{
font-weight: bold;
}
#AdvLeft {
margin: 0 auto;
max-width: 1280px;
padding: 0;
}
#AdvMid {
margin: 0 auto;
max-width: 1280px;
padding: 0;
}
#AdvBot
{
margin: 0 auto;
max-width: 1280px;
padding: 0;
}
#startAdv h2
{
font-size: 40px;
color: #0074C8;
text-align: center;
margin-bottom: 40px;
text-transform: uppercase;
font-weight: bold;
letter-spacing: -1px;
line-height: 50px;
}
.startBanner {
background: none repeat scroll 0 0 #25364c;
color: #fff;
position: relative;
}
.detBanner {
color: #000;
margin: 0 auto;
max-width: 1280px;
position: relative;
}
.detBannerContent
{
padding: 0;
font-size: 40px;
line-height: 50px;
margin-bottom: 0;
}
.detBannerTxt {
display: inline-block;
font-weight: bold;
}
.detCol {
display: inline-block;
font-weight: bold;
}
.block {
display: block;
}
.startBanner2
{
background: #747A85;
position: relative;
color: #fff;
}
.bannerContent
{
padding: 5px 0;
text-align: center;
font-size: 40px;
line-height: 80px;
}
#bannerContentLogin
{
padding: 0;
}
.startBanner .design
{
background: #25364c;
}
.startBanner2 .design
{
background: #747A85;
}
#startLac
{
padding: 65px 0 60px;
}
#indexNav > img {
width: 100%;
}
#startNike {
bottom: 2px;
flex-basis: auto;
padding: 0;
position: absolute;
width: 100%;
}
#indexHeader {
background-color: rgba(255, 255, 255, 0.6);
}
#startItems {
padding: 65px 0 60px;
}
#skillInfo
{
background-color: #fff;
border: 1px solid #ccc;
border-radius: 2px;
box-shadow: 0 1px 1px -1px rgba(153, 153, 153, 0.3);
box-sizing: border-box;
margin: 0 auto 20px;
max-width: calc(100% - 40px);
padding: 40px ;
position: relative;
}
#ShopAddress {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 2px;
box-shadow: 0 1px 1px -1px rgba(153, 153, 153, 0.3);
box-sizing: border-box;
margin: 0 auto 20px;
width: calc(100% - 40px);
padding: 40px 0;
position: relative;
}
#ShopAddress.ShopAddressLogin
{
margin-top: 0;
}
#contactHeader {
display: flex;
margin: 0 auto;
max-width:1280px;
padding: 0 0 15px ;
}
#contactHeader.contactHeaderLogin
{
padding: 15px 0;
}
#contactHeader > figure {
display: flex;
display: -webkit-box;
margin-bottom: 5px;
flex-basis: 50%;
width: 50%;
margin-left: 70px;
z-index: 1;
}
#contactHeader figcaption {
font-size: 20px;
line-height: 40px;
margin-left: 30px;
}
#addressHeader
{
margin: 0 auto;
max-width:1280px;
padding: 15px 0 0;
display: flex;
}
#addressHeader > address,
#addressHeader > figure {
display: flex;
display: -webkit-box;
margin-bottom: 5px;
flex-basis: 50%;
width: 50%;
margin-left: 70px;
z-index: 1;
}
#addressHeader > address figure
{
display: flex;
display: -webkit-box;
z-index: 1;
}
#addressHeader figcaption {
line-height: 40px;
margin-left: 30px;
font-size: 20px;
width: auto;
}
#TopsellerOne, #TopsellerTwo
{
display: flex;
display: -webkit-box;
margin: 15px auto 0;
max-width: 1280px;
position: relative;
z-index: 1;
}
#TopsellerOne article, #TopsellerTwo article
{
flex-basis: 48%;
width: 48%;
position: relative;
}
#TopsellerOne article img, #TopsellerTwo article img
{
width: 100%;
}
.detailBtnTxt {
font-size: 30px;
line-height: 90px;
}
.continueTxt {
font-size: 30px;
line-height: 90px;
}
.registerTxt {
font-size: 30px;
line-height: 90px;
}
.continueTxt {
display: block;
font-size: 40px;
line-height: 90px;
width: 86%;
}
.btnLoginTxt
{
font-size: 45px;
line-height: 90px;
display: block;
text-align: center;
}
.a-btn{
font-family: 'Archivo Narrow';
padding-left:90px;
padding-right:80px;
height:90px;
color: #fff;
position:relative;
-webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
-moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
margin:6px 0px;
-webkit-transition:box-shadow 0.3s ease-in-out;
-moz-transition:box-shadow 0.3s ease-in-out;
-o-transition:box-shadow 0.3s ease-in-out;
transition:box-shadow 0.3s ease-in-out;
}
.btnColOrange
{
background: #f2a45c; /* Old browsers */
background: -moz-linear-gradient(top, #f2a45c 0%, #f79e45 50%, #f77b00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2a45c), color-stop(50%,#f79e45), color-stop(100%,#f77b00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f2a45c 0%,#f79e45 50%,#f77b00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f2a45c 0%,#f79e45 50%,#f77b00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f2a45c 0%,#f79e45 50%,#f77b00 100%); /* IE10+ */
background: linear-gradient(to bottom, #f2a45c 0%,#f79e45 50%,#f77b00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2a45c', endColorstr='#f77b00',GradientType=0 ); /* IE6-9 */
border: 1px solid #d8760e;
}
#wkBack
{
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjODg4ODg4Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2cxKSIgLz48L3N2Zz4=);
background-image: -webkit-gradient(linear, center top, center bottom, color-stop(0%, #888888), color-stop(100%, #000000));
background-image: -webkit-linear-gradient(top, #888888 0%, #000000 100%);
background-image: -moz-linear-gradient(top, #888888 0%, #000000 100%);
background-image: -ms-linear-gradient(top, #888888 0%, #000000 100%);
background-image: -o-linear-gradient(top, #888888 0%, #000000 100%);
background-image: linear-gradient(to bottom, #888888 0%, #000000 100%);
border: 1px solid #666;
margin: 0;
height: 64px;
flex-basis: auto;
padding-left: 15px;
padding-right: 15px;
text-align: center;
line-height: 64px;
font-size: 24px;
}
#wkGoBack
{
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjODg4ODg4Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2cxKSIgLz48L3N2Zz4=);
background-image: -webkit-gradient(linear, center top, center bottom, color-stop(0%, #888888), color-stop(100%, #000000));
background-image: -webkit-linear-gradient(top, #888888 0%, #000000 100%);
background-image: -moz-linear-gradient(top, #888888 0%, #000000 100%);
background-image: -ms-linear-gradient(top, #888888 0%, #000000 100%);
background-image: -o-linear-gradient(top, #888888 0%, #000000 100%);
background-image: linear-gradient(to bottom, #888888 0%, #000000 100%);
border: 1px solid #666;
margin: 0;
height: 64px;
flex-basis: auto;
padding-left: 15px;
padding-right: 15px;
text-align: center;
line-height: 64px;
font-size: 24px;
}
.a-btn img{
position:absolute;
left:15px;
top:13px;
border:none;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
.a-btn .a-btn-slide-text{
position:absolute;
font-size:36px;
top:18px;
left:18px;
color:#6d954e;
opacity:0;
text-shadow:0px 1px 1px rgba(255,255,255,0.4);
-webkit-transition:opacity 0.2s ease-in-out;
-moz-transition:opacity 0.2s ease-in-out;
-o-transition:opacity 0.2s ease-in-out;
transition:opacity 0.2s ease-in-out;
}
.a-btn-text{
padding-top:21px;
padding-left: 5px;
display:block;
font-size:30px;
text-shadow:0px -1px 1px #80ab5d;
}
.a-btn-icon-right{
position:absolute;
right:0px;
top:0px;
height:100%;
width:80px;
}
.a-btn-icon-left{
position:absolute;
left:0px;
top:0px;
height:100%;
width:80px;
border-right:1px solid #666;
-webkit-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
-moz-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
}
.a-btn-icon-left span{
width:38px;
height:38px;
opacity:0.7;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
position:absolute;
left:50%;
top:50%;
margin:-20px 0px 0px -20px;
border:1px solid rgba(0,0,0,0.5);
background:#4e5c50 url(/p/icon/arrow_right.png) no-repeat center center;
-webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.3) inset, 0px 1px 2px rgba(255,255,255,0.5);
-moz-box-shadow:0px 1px 1px rgba(255,255,255,0.3) inset, 0px 1px 2px rgba(255,255,255,0.5);
box-shadow:0px 1px 1px rgba(255,255,255,0.3) inset, 0px 1px 2px rgba(255,255,255,0.5);
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
}
.a-btn-icon-right span{
width:38px;
height:38px;
opacity:0.7;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
position:absolute;
left:50%;
top:50%;
margin:-20px 0px 0px -20px;
border:1px solid rgba(0,0,0,0.5);
background:#4e5c50 url(/p/icon/arrow_right.png) no-repeat center center;
-webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.3) inset, 0px 1px 2px rgba(255,255,255,0.5);
-moz-box-shadow:0px 1px 1px rgba(255,255,255,0.3) inset, 0px 1px 2px rgba(255,255,255,0.5);
box-shadow:0px 1px 1px rgba(255,255,255,0.3) inset, 0px 1px 2px rgba(255,255,255,0.5);
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
.a-btn:hover{
-webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);
box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);
cursor: pointer;
}
.a-btn:hover .a-btn-slide-text,
.a-btn:hover .a-btn-icon-right span,
.a-btn:hover .a-btn-icon-left span{
opacity:1;
}
.a-btn:active .a-btn-icon-right span{
-webkit-transform:scale(1.4);
-moz-transform:scale(1.4);
-ms-transform:scale(1.4);
-o-transform:scale(1.4);
transform:scale(1.4);
}
.a-btn:active .a-btn-icon-left span{
-webkit-transform:scale(1.4);
-moz-transform:scale(1.4);
-ms-transform:scale(1.4);
-o-transform:scale(1.4);
transform:scale(1.4);
}
.naviField > a {
text-decoration: none;
}
.shipMeth
{
width: 50%;
padding-top: 20px;
}
.shippLogo
{
width: 100%;
margin-left: 60px;
}
.full
{
width: 56%;
}
.half
{
width: 56%;
}
.headComment
{
margin-top: 15px;
}
.headPayment
{
margin-bottom: 15px;
}
#checkoutVersand figure {
margin-right: 20px;
align-self: center;
flex-basis: 30%;
width: 25%;
}
#checkoutVersand .full figure
{
flex-basis: 13%;
width: 13%;
}
#checkoutVersand .paydesc{
width: 75%;
flex-basis: 80%;
}
.paydesc > label {
font-size: 19px;
text-transform: uppercase;
}
.payInfoTotal
{
margin-top: 10px;
}
.payInfo{
margin-top: 10px;
margin-left: 20px;
margin-bottom: 20px;
font-family: 'Archivo Narrow';
line-height: 25px;
}
.payInfoPrice
{
text-decoration: underline;
width: 85px !important;
}
.payInfo label {
width: 105px;
display: inline-table;
}
.payInfo span {
display: inline-table;
text-align: right;
width: 85px;
}
#sliderOverlay {
position: absolute;
bottom: 50px;
background-color: rgba(255, 255, 255, 0.8);
z-index: 9;
height: 150px;
width: 40%;
right: 30px;
}
#sliderOverlay .searchButton
{
padding: 20px 0;
display: block;
text-align: center;
width: 60%;
margin: 10px auto;
}
#paymentError nav {
margin-top: 40px;
margin-bottom: 30px;
text-align: center;
}
#paymentError .a-btn
{
background: rgb(170,212,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(170,212,255,1) 0%, rgba(96,171,248,1) 44%, rgba(64,150,238,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(170,212,255,1)), color-stop(44%,rgba(96,171,248,1)), color-stop(100%,rgba(64,150,238,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(170,212,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(170,212,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(170,212,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(170,212,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aad4ff', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */
border-color: #6FB3F9;
display: block;
width: 98%;
padding: 10px 0;
font-size: 24px;
height: auto;
}
#soldOutMain
{
display: flex;
}
#detailSoldRight
{
width: calc(100% - 290px);
}
.tableDetail {
font-weight: bold;
}
.btnsRight .a-btn
{
background: rgb(99,206,129); /* Old browsers */
background: -moz-linear-gradient(top, rgba(99,206,129,1) 0%, rgba(88,178,87,1) 44%, rgba(23,145,49,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(99,206,129,1)), color-stop(44%,rgba(88,178,87,1)), color-stop(100%,rgba(23,145,49,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(99,206,129,1) 0%,rgba(88,178,87,1) 44%,rgba(23,145,49,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(99,206,129,1) 0%,rgba(88,178,87,1) 44%,rgba(23,145,49,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(99,206,129,1) 0%,rgba(88,178,87,1) 44%,rgba(23,145,49,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(99,206,129,1) 0%,rgba(88,178,87,1) 44%,rgba(23,145,49,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63ce81', endColorstr='#179131',GradientType=0 ); /* IE6-9 */
}
.btnsLeft .a-btn,
#changeAdr,
#changeAdrGuest
{
background: rgb(170,212,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(170,212,255,1) 0%, rgba(96,171,248,1) 44%, rgba(64,150,238,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(170,212,255,1)), color-stop(44%,rgba(96,171,248,1)), color-stop(100%,rgba(64,150,238,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(170,212,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(170,212,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(170,212,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(170,212,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aad4ff', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */
border-color: #6FB3F9;
}
.btnInfoLeft > h2, .btnInfoRight > h2 {
font-family: Archivo Narrow;
font-size: 25px;
font-weight: bold;
line-height: 25px;
margin-top: 15px;
text-align: center;
}
.btns
{
display: flex;
justify-content: space-between;
display: -webkit-box;
-webkit-box-pack: justify;
}
.btnsRight
{
flex-basis: 49%;
}
.btnInfoLeft {
border: 4px solid #fff;
border-radius: 4px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
margin-top: 100px;
}
.btnInfoRight {
border: 4px solid #fff;
border-radius: 4px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
margin-left: 60px;
margin-right: 40px;
margin-top: 20px;
}
#KKButtonAfter, #PPButtonAfter
{
padding: 20px 0;
display: block;
width: 50%;
margin: 20px auto;
}
#btnWK {
display: inline-block;
font-size: 20px;
height: auto;
line-height: normal;
padding: 10px;
text-align: center;
}
.pPriceTop b
{
font-size: 25px;
}
#detailFinance > div{
align-self: center;
width: 100%;
}
p#chooseSizeP {
font-size: 25px;
padding: 6px;
font-weight: bold;
text-align: center;
}
#detailContentCenter
{
display: none;
}
#sizeDiv
{
background: #fff;
border: 1px solid #ccc;
margin-top: 6px;
}
#sizeDiv h4 {
background-color: red;
color: #fff;
font-size: 35px;
height: 44px;
padding-top: 7px;
text-align: center;
}
#chooseSize
{
font-size: 28px;
line-height: 90px;
color: #fff;
}
#readAGB.hideBox
{
display: none;
}
.pSpace {
margin-bottom: 92px;
}
.shippingDetails .pBottom
{
margin-bottom: 20px;
}
#OrderOKBuy > nav {
flex-basis: 25%;
width: 25%;
}
#kaufen, #kaufenBot
{
display: block;
font-size: 40px;
text-align: center;
width: 100%;
padding: 20px 0;
}
#kaufenBot
{
width: 25%;
margin-left: auto;
margin-top: 10px;
}
#OrderOkNav
{
text-align: right;
}
#orderAGB a {
text-decoration: underline;
}
.SliderHead
{
margin: 0 auto;
position: relative;
width: auto;
max-width: 1260px;
font-family: 'Archivo Narrow';
font-size: 30px;
color: #fff;
background: #000;
padding: 10px;
}
#dialog-form-recommend-page p
{
line-height: 25px;
}
#headRecomm
{
margin: 10px auto 0;
width: 30%;
background: rgb(170,212,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(170,212,255,1) 0%, rgba(96,171,248,1) 44%, rgba(64,150,238,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(170,212,255,1)), color-stop(44%,rgba(96,171,248,1)), color-stop(100%,rgba(64,150,238,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(170,212,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(170,212,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(170,212,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(170,212,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aad4ff', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */
border-color: #6FB3F9;
text-align: center;
line-height: 90px;
}
#btnRecomm {
color: #fff;
font-size: 45px;
}
button.ui-button-text-only
{
background: #6a8c0d !important;
background: -webkit-gradient(linear, left top, left bottom, from(#8fab41), to(#6a8c0d)) !important;
background: -webkit-linear-gradient(top, #8fab41, #6a8c0d) !important;
background: -moz-linear-gradient(top, #8fab41, #6a8c0d) !important;
background: -ms-linear-gradient(top, #8fab41, #6a8c0d) !important;
background: -o-linear-gradient(top, #8fab41, #6a8c0d) !important;
color: white !important;
}
.ui-widget-header {
background: #6a8c0d !important;
background: -webkit-gradient(linear, left top, left bottom, from(#8fab41), to(#6a8c0d)) !important;
background: -webkit-linear-gradient(top, #8fab41, #6a8c0d) !important;
background: -moz-linear-gradient(top, #8fab41, #6a8c0d) !important;
background: -ms-linear-gradient(top, #8fab41, #6a8c0d) !important;
background: -o-linear-gradient(top, #8fab41, #6a8c0d) !important;
color: white !important;
border: 0 !important;
font-weight: bold;
}
.ui-widget-overlay {
background: none repeat scroll 0 0 #aaaaaa !important;
opacity: 0.5;
}
#dialog-form-recommend-page .labelArea
{
display: block;
margin-bottom: 10px;
}
#dialog-form-recommend-page textarea
{
width: 98%;
height: 100px;
resize: none;
}
div.input-group-area {
margin-top: 10px;
overflow: hidden;
}
#dialog-form-recommend-page div.input-group > label {
width: 40% !important;
}
#dialog-form-recommend-page
{
display: none;
}
#dialog-form-recommend-page legend
{
font-weight: bold;
}
#dialog-form-recommend-page fieldset
{
margin-bottom: 20px;
padding: 10px;
}
#spacer #headRecomm
{ width: 38%;
flex-basis: 38%;
align-self: center;
-webkit-box-pack: center;
}
#activationOK h1
{
margin-left: 20px;
}
#activationOK
{
max-width: 1280px;
margin: 20px auto;
width: auto;
position: relative;
font-family: 'Archivo Narrow';
}
#searchsubmit {
margin-left: 15px;
margin-right: 15px;
}
#searchformnews > div {
align-items: center;
display: flex;
}
#pwLink {
margin: 20px auto;
max-width: 700px;
position: relative;
width: auto;
font-family: 'Archivo Narrow';
}
#pwLink nav {
margin-bottom: 20px;
margin-top: 50px;
text-align: center;
}
#pwLink fieldset > div {
border: 5px solid #d3d3d3;
padding: 10px 10px 20px;
}
#pwLink h3 {
font-size: 15px !important;
padding-left: 7px !important;
}
#pwLink div.input-group {
justify-content: space-between;
}
#payOK
{
margin: 15px auto;
max-width: 1280px;
}
#followFacebook
{
max-width: 1280px;
margin: 30px auto 10px;
}
#newFB
{
margin: 0 auto;
width: 500px;
}
#followFacebook a
{
text-decoration: none;
}
#fbLike {
background: none repeat scroll 0 0 #3b5997;
color: #fff;
height: 100px;
line-height: 100px;
text-align: center;
width: 500px;
font-size: 43px;
font-weight: bold;
}
.removeInfobox
{
display: none;
}
.removeFB
{
display: none !important;
}
.removeSpeech
{
display: none;
}
#EmptyResult
{
max-width: 1280px;
margin: 0 auto;
font-size: 20px;
}
#EmptyResult p
{
margin-left: 20px;
}
.FinderWord
{
font-size: 18px;
color: orange;
font-weight: bold;
font-style: italic;
}
.FinderEnd
{
font-size: 20px;
}
.pFinder
{
margin-top: 30px;
}
#loginPage
{
max-width: 1280px;
margin: 0 auto;
}
#naviSpacer .searchButton
{
background: -moz-linear-gradient(top, #c40a1c 0%, #a11a2c 100%, #333333 60%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c40a1c), color-stop(100%,#a11a2c), color-stop(60%,#333333)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #c40a1c 0%,#a11a2c 100%,#333333 60%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #c40a1c 0%,#a11a2c 100%,#333333 60%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #c40a1c 0%,#a11a2c 100%,#333333 60%); /* IE10+ */
background: linear-gradient(to bottom, #c40a1c 0%,#a11a2c 100%,#333333 60%); /* W3C */
font-size: 14px;
padding: 5px 9px;
}
#naviSpacer a
{
text-decoration: none;
}
#mobile-header, #mobile-header-cat {
display: none;
}
.removeTemp
{
display: none;
}
.noJS
{
max-width: 1280px;
margin: 150px auto 0;
border: 3px solid red;
padding: 20px;
line-height: 25px;
font-family: 'Archivo Narrow';
}
.noJS h2
{
font-size: 30px;
font-weight: bold;
margin-bottom: 15px;
}
.noJS p
{
font-weight: bold;
}
#readAGB {
margin: 0 auto;
width: 80%;
}
#address-show,
#shipping-show,
#payment-show
{
font-weight: normal;
font-size: 16px;
}
.adress-toolbar {
border-left: 1px solid #D2D2D2;
padding-left: 5px;
margin-left: 5px;
}
.summaryContent #chkAGB
{
background: #fff;
color: #000;
padding: 10px;
font-weight: bold;
border: 2px solid green;
margin-bottom: 10px;
display: flex;
display: -webkit-box;
-webkit-box-align: center;
}
#chkBox, #chkBoxLetter, #chkBoxAccount
{
align-self: center;
position: relative;
}
.summaryContent #abgTxt
{
margin-left: 5px;
line-height: 22px;
width: 90%;
}
.summaryContent #chkAGB p
{
margin-bottom: 0;
line-height: 24px;
}
.summaryContent #orderAGB nav {
margin: 30px 0 25px;
text-align: center
}
.summaryContent #kaufen {
width: 50%;
font-size: 30px;
}
.noJS h1
{
text-align: center;
font-weight: bold;
margin-bottom: 10px;
font-size: 30px;
}
body
{
-webkit-user-select: none; /* Chrome all / Safari all */
-moz-user-select: none; /* Firefox all */
-ms-user-select: none; /* IE 10+ */
/* No support for these yet, use at own risk */
-o-user-select: none;
user-select: none;
font-family: "Archivo Narrow";
background-color: #eaeaea;
}
.labelinside
{
margin: 3px 0;
position: relative;
}
.labelinside label
{
color: silver !important;
cursor: text;
display: none;
font-size: 0.8em;
left: 0;
line-height: 0.8em;
padding: 6px 3px;
position: absolute;
top: 0;
}
.labelinside input,
.labelinside textarea
{
margin: 0;
}
.error
{
border: 3px solid red;
}
.infoError {
border: 3px solid #FF0000;
font-family: 'Archivo Narrow';
line-height: 25px;
margin: 20px auto;
max-width: 80%;
padding: 10px;
background: none repeat scroll 0 0 #FFDEDE;
position: relative;
}
.infoError h3
{
font-weight: bold;
text-decoration: underline;
font-size: 18px;
}
.infoKlarnaError {
border: 3px solid #FF0000;
font-family: 'Archivo Narrow';
line-height: 25px;
margin-left: 55px;
flex-basis: 57%;
width: 57%;
padding: 10px;
background: none repeat scroll 0 0 #FFDEDE;
}
.infoKlarnaKontoError {
border: 3px solid #FF0000;
font-family: 'Archivo Narrow';
line-height: 25px;
margin-left: 55px;
flex-basis: 57%;
width: 57%;
padding: 10px;
margin-top: 20px;
background: none repeat scroll 0 0 #FFDEDE;
}
.infoShop
{
max-width: 1254px;
margin: 20px auto;
font-family: 'Archivo Narrow';
line-height: 25px;
border: 3px solid red;
padding: 10px;
}
.infoShop h1
{
font-size: 26px;
color: red;
padding-bottom: 10px;
}
#klarnaInfo {
background: #fff none repeat scroll 0 0;
border: 1px solid #ccc;
border-radius: 2px;
box-shadow: 0 1px 1px -1px rgba(153, 153, 153, 0.3);
box-sizing: border-box;
margin: 20px auto;
padding: 20px;
width: calc(100% - 40px);
font-family: 'Archivo Narrow';
line-height: 25px;
}
#activateOK, #emptyWK
{
max-width: 1280px;
margin: 20px auto;
font-family: 'Archivo Narrow';
line-height: 25px;
}
#activateOK h2
{
font-size: 18px;
margin-left: 15px;
}
#activateOK p
{
margin-left: 15px;
}
.conTop {
display: flex;
margin: 25px auto;
padding-left: 70px;
width: 70%;
}
.conTop a {
text-decoration: underline;
}
.conTop a:visited, .conTop a:link
{
color: blue;
}
.conTop div
{
flex-basis: auto;
width: 25%;
}
#klarnaInfo h3
{
margin-left: 7px;
}
#klarnaInfo h4
{
font-weight: bold;
margin-left: 15px;
}
/* Bewertung */
#shopbewertung, #shopbewertungOK, #shopRatingDashboard, #shopRatingDone
{
max-width: 1280px;
margin: 20px auto;
font-family: 'Archivo Narrow';
}
.choice
{
padding-top: 4px;
margin-left: 10px;
}
#shopbewertung .input-group
{
position: relative;
padding-top: 50px;
margin-top: 0;
display: flex;
display: -webkit-box;
}
#shopbewertung nav
{
text-align: center;
margin-top: 20px;
}
#shopbewertung .starChk
{
-moz-appearance: none;
-webkit-appearance: none;
opacity: 0;
display:inline-block;
width: 20%;
height: 100%;
margin:0;
padding:0;
z-index: 2;
position: relative;
}
#shopbewertungOK a
{
text-decoration: none;
}
.starChk:hover + i,
.starChk:checked + i
{
opacity: 1;
}
.star-rating i{
opacity: 0;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 20%;
z-index: 1;
background:
url('/images/Shopbewertung/SB-Star-Full.png');
background-size: contain;
}
i ~ i{
width: 40% !important;
}
i ~ i ~ i{
width: 60% !important;
}
i ~ i ~ i ~ i{
width: 80% !important;
}
i ~ i ~ i ~ i ~ i{
width: 100% !important;
}
.star-rating
{
font-size:0;
white-space:nowrap;
display:inline-block;
width:125px;
height:25px;
overflow:hidden;
position:relative;
background:
url('/images/Shopbewertung/SB-Star-Blank.png');
background-size: contain;
}
.cancelRating
{
background: url("/images/Shopbewertung/delete.png") no-repeat scroll 0 0px rgba(0, 0, 0, 0);
cursor: pointer;
display: block;
height: 25px;
overflow: hidden;
text-indent: -999em;
width: 24px;
}
.cancelRating:hover
{
background-position: 0 -27px;
}
#shopbewertung form
{
margin-top: 20px;
}
#shopRatingContent
{
}
#shopRatingMessage
{
width: 350px;;
height: 100px;
resize: none;
font-family: 'arial';
font-size: 16px;
position: relative;
}
#shopRatingDashboardContent, #shopRatingDoneContent
{
display: flex;
display: -webkit-box;
margin-top: 20px;
}
#shopRatingDoneContentLeft,
#shopRatingDoneContentRight
{
flex-basis: auto;
width: 49%;
}
#shopRatingDoneContentLeft
{
margin-right: 15px;
}
#shopRatingDashboardContent > div > div,
#shopRatingDoneContent > div > div
{
padding: 40px;
border: 7px solid #000;
margin-top: 20px;
font-size: 18px;
}
.shopRatingDoneInnerContent p
{
align-items: center;
display: flex;
display: -webkit-box;
justify-content: space-between; -webkit-box-pack: justify;
}
.shopRatingDoneInnerContent,
.shopRatingDoneInnerContentStats
{
font-size: 18px;
position: relative;
}
.LiInnerContent
{
height: 320px;
width: 98%;
overflow: auto;
padding-left: 26px;
margin-top: 40px;
margin-bottom: 40px;
}
.btnAnfrage,
.btnFrage,
.btnOrder
{
text-align: center !important;
}
.btnAnfrage .searchButton, .btnFrage .searchButton, .btnOrder .searchButton {
display: block;
font-size: 22px;
padding: 20px 0;
width: 45%;
margin: 20px auto 10px;
}
.btnAnfrage a, .btnFrage a, .btnOrder a
{
text-decoration: none !important;
}
.absolutContent
{
top: 0;
left: 0;
height:40px;
width: 100%;
position: absolute;
background:#fff;
}
.absolutContentBottom
{
bottom: 0;
left: 0;
height:40px;
width: 100%;
position: absolute;
background:#fff;
}
.shopRatingDoneInnerContent ul
{
width: 100%;
}
.shopRatingDashboardInnerContent li,
.shopRatingDoneInnerContent li
{
line-height: 25px;
}
.shopRatingDashboardInnerContent .liContent,
.shopRatingDoneInnerContent .liContent
{
display: flex;
display: -webkit-box;
}
.shopRatingDashboardInnerContent .liContent > div,
.shopRatingDoneInnerContent .liContent > div
{
flex-basis: 75%;
width: 75%;
}
.shopRatingDashboardInnerContent .liContent > label
{
flex-basis: auto;
width: 25%;
font-weight: bold;
display: block;
}
.shopRatingDoneInnerContent .liContent > label
{
flex-basis: auto;
width: 15%;
font-weight: bold;
display: block;
}
.shopRatingDashboardInnerContent > div,
.shopRatingDoneInnerContent > div
{
margin-left: 10px;
}
.shopRatingDoneInnerContent > div > div > div,
.shopRatingDoneInnerContent figure,
.shopRatingDoneInnerContentStats > div > div,
.shopRatingDoneInnerContentStats figure
{
display: flex;
display: -webkit-box;
}
.shopRatingDoneInnerContent nav
{
display: flex;
display: -webkit-box;
}
.shopRatingDoneInnerContent label,
.shopRatingDoneInnerContentStats label
{
font-weight: bold;
}
.shopRatingDoneInnerContent > div > div > div > label,
.shopRatingDoneInnerContentStats > div > div > label
{
flex-basis: auto;
width: 45%;
align-self: center;
display: block;
}
#shopRatingDashboardContent nav {
margin-top: 40px;
text-align: center;
}
#shopRatingDashboardContent nav a{
text-decoration: none;
}
.ulBorderBottom
{
border-bottom: 1px solid #bbb;
}
.ratingItemsContent > ul > li > div
{
display: flex;
display: -webkit-box;
}
.ratingItemsContent > ul > li
{
line-height: 25px;
}
.ratingItemsContent > ul {
margin: 20px auto;
width: 90%;
}
.ratingItemsContent label
{
flex-basis: auto;
width: 42%;
font-weight: bold;
display: block;
position: relative;
font-size: 18px;
}
.artikelRating
{
display: flex;
display: -webkit-box;
}
.artikelRatingObj
{
background: #d3d3d3;
padding: 10px 15px;
border: 1px solid #666;
margin-right: 2px;
position: relative;
}
.artikelRatingObj.active
{
background: #000;
border-color: #000;
}
.artikelRatingObj:hover
{
background: #000;
border-color: #000;
cursor: pointer;
}
.flex
{
display: flex;
display: -webkit-box;
}
/* allgemein */
.center
{
text-align: center;
}
/*ADMIN*/
#Admin
{
max-width:1280px;
margin: 0 auto 20px auto;
}
#Variablen ul
{
padding-left: 20px;
padding-bottom: 5px;
}
/* 404 */
#error404
{
font-family: 'Archivo Narrow';
display: flex;
}
#Start404 {
display: inline-block;
font-size: 25px;
height: auto;
margin: 20px auto 0;
padding: 15px;
text-align: center;
}
#Kontakt404 {
display: inline-block;
font-size: 25px;
height: auto;
margin: 20px auto 0;
padding: 15px;
text-align: center;
}
#error404 article .pTop {
margin: 0 auto;
}
#error404 h1
{
margin-left: 20px;
}
#error404 article {
flex-basis: auto;
line-height: 20px;
margin: auto;
width: 20%;
}
#error404 article a
{
text-decoration: none;
}
/* Hilfe */
#helpPage
{
position:relative;
width:auto;
max-width:1260px;
padding: 0 10px;
margin: 0 auto 20px auto;
font-family: 'Archivo Narrow';
line-height: 25px;
}
#helpPage h3 {
font-size: 18px;
}
#sneakerfinder {
font-family: "Archivo Narrow";
line-height: 25px;
margin: 0 auto 50px;
padding: 0 10px;
width: auto;
}
#sneakerfinder .searchButton
{
display: inline-block;
margin-bottom: 20px;
}
#sneakerfinder label{
display: block;
font-weight: bold;
}
/* SneakerFinder */
#NavFinderCol {
border-right: 1px solid #fff;
}
#NavFinderDetail {
border-right: 1px solid #fff;
}
#FinderBox {
width: 100%;
}
#FinderBoxButton {
display: inline-block;
font-size: 30px;
height: auto;
margin: 35px auto 25px;
padding: 10px;
text-align: center;
}
#FinderInnerContent input {
width: calc(100% - 40px);
}
#FinderContent {
background: none repeat scroll 0 0 rgba(125, 125, 125, 0.3);
border: 7px solid;
text-align: center;
}
#FinderInnerContent
{
display: flex;
display: -webkit-box;
}
#FinderInput > div {
position: relative;
}
#FinderContentCat label {
width: 65%;
font-size: 16px;
}
#FinderInnerContent label {
margin-left: 5px;
text-align: left;
font-size: 16px;
}
.InputSingle {
flex-basis: 50% !important;
margin-left: 135px;
width: 50% !important;
}
#FinderInput
{
flex-basis: auto;
width: calc(100% / 3);
border-right: 1px solid #fff;
box-sizing: border-box;
}
#sneakerfinder input {
background-color: #FFFFFF;
background-image: linear-gradient(#EEEEEE 1%, #FFFFFF 15%);
border: 1px solid #AAAAAA;
box-shadow: none !important;
cursor: text;
overflow: hidden;
position: relative;
}
.FinderContentSearchLabel {
width: calc(100% - 40px);
}
#FinderContentColor
{
flex-basis: auto;
width: calc(100% / 3);
border-right: 1px solid #fff;
box-sizing: border-box;
}
#FinderContentColor .pTop {
margin-left: 20px;
}
#FinderContentSize .pTop {
margin-left: 20px;
}
#FinderContentPrice .pTop {
margin-left: 20px;
}
#FinderContentSize
{
flex-basis: auto;
width: calc(100% / 3);
border-right: 1px solid #fff;
box-sizing: border-box;
}
#FinderBox nav > ul > li
{
flex-basis: auto;
width: 33.33%;
}
#FinderHowTo, #sneakerfinder, #error404
{
background: #fff none repeat scroll 0 0;
border: 1px solid #ccc;
border-radius: 2px;
box-shadow: 0 1px 1px -1px rgba(153, 153, 153, 0.3);
box-sizing: border-box;
margin: 20px auto;
padding: 20px;
width: calc(100% - 40px);
}
#FinderHowTo h2 {
display: inline-block;
font-size: 40px;
font-weight: bold;
margin-right: 20px;
}
#FinderTitle
{
display: none;
}
/* HowTo */
#HowTo
{
position:relative;
font-family: 'Archivo Narrow';
display: flex;
}
#HowToEN
{
position:relative;
width:auto;
max-width:1280px;
margin: 0 auto 20px auto;
font-family: 'Archivo Narrow';
line-height: 25px;
}
#HowToEN h3
{
font-size: 18px;
font-weight: bold;
}
#HowToEN h2
{
font-size: 24px;
font-weight: bold;
}
#HowToContent
{
width: calc(100% - 290px);
line-height: 25px;
}
#HowToContent article {
background: #fff none repeat scroll 0 0;
border: 1px solid #ccc;
border-radius: 2px;
box-shadow: 0 1px 1px -1px rgba(153, 153, 153, 0.3);
box-sizing: border-box;
margin: 20px auto;
padding: 20px;
width: calc(100% - 40px);
}
#HowTo h3
{
font-size: 18px !important;
margin-left: 10px;
}
/* HEADER */
header
{
position:relative;
font-family: 'Archivo Narrow';
}
#spacer
{
display: flex;
align-items: center;
margin: 0 auto;
max-width: 1280px;
position: relative;
}
#headerLang {
flex-basis: auto;
width: 40%;
align-self: center;
}
#headerLang.arrivalHeader {
display: none;
}
#HeadFlagLeft,#HeadFlagRight
{
margin-top:5px;
padding-right: 5px;
}
#FooterIcons > div > figure > div > span
{
font-weight: bold;
line-height: 25px;
margin-left: 10px;
color: #005800;
font-size: 18px;
}
#FooterIcons figcaption span,
.pPriceBottom span
{
color: #008000;
}
#divWK
{
text-align: right;
font-family: 'Archivo Narrow';
flex-basis: auto;
width: 24%;
}
#FooterIcons h4{
background-color: #eee;
color: #008000;
font-size: 18px;
font-weight: bold;
text-align: center;
padding-top: 4px;
height: 22px;
font-family: 'Archivo Narrow'
}
#HeadLogo
{
text-align: center;
}
#searchOuter {
background: #333 none repeat scroll 0 0;
color: #fff;
font-size: 25px;
font-weight: bold;
line-height: 61px;
padding: 0 10px;
}
#searchOuterMob {
background: #333 none repeat scroll 0 0;
color: #fff;
font-size: 28px;
padding: 5px 10px;
display: block;
margin-top: 15px;
}
#sfAnchor {
background: #fff none repeat scroll 0 0;
font-size: 20px;
font-weight: bold;
color: #000;
font-weight: normal;
padding: 10px 0;
position: relative;
width: 100%;
z-index: 101;
text-align: left;
}
#sfAnchorMob {
background: #333;
color: #fff;
font-weight: normal;
padding: 10px;
position: relative;
z-index: 101;
align-items: center;
-webkit-box-align: center;
display: flex;
display: -webkit-box;
margin: 0 auto;
align-self: center;
width: 64%;
}
#sfAnchorInner, #sfAnchorMobInner
{
background: #fff;
border: 1px solid #ddd;
width: 89%;
height: 25px;
line-height: 25px;
padding-left: 5px;
color: #000;
}
#sfAnchor .fa.fa-search, #sfAnchorMob .fa.fa-search {
margin-left: 10px;
padding-right: 5px;;
}
#sfAnchorInner span, #sfAnchorMobInner span
{
opacity: 0.7;
font-weight: bold;
}
#sfAnchor:hover, #sfAnchorMob:hover
{
cursor: pointer;
}
#sfAnchor .finder-drop-down, #sfAnchorMob .finder-drop-down {
display: none;
background: none repeat scroll 0 0 #FFFFFF;
border: 3px solid #ddd;
padding: 15px;
position: absolute;
top: 49px;
width: 350px;
z-index: 104;
left: -244px;
}
#sfAnchor:hover .finder-drop-down, #sfAnchorMob:hover .finder-drop-down
{
display: flex !important;
display: -webkit-box !important;
}
#spacer .flags .lang-drop-down {
display: none;
background: none repeat scroll 0 0 #FFFFFF;
border: 3px solid #333;
padding: 15px;
position: absolute;
top: 47px;
width: 92%;
z-index: 104;
}
#spacer .flags .switch-lang
{
right: 0;
}
.flagInnerLeft {
align-items: center;
border: 3px solid #DDDDDD;
flex-basis: 44%;
width: 42%;
padding: 5px;
margin-right: 15px;
}
.flagInnerLeft:hover
{
background: #D00732;
}
.flagInnerRight:hover
{
background: #D00732;
}
.flagInnerRight {
align-items: center;
border: 3px solid #DDDDDD;
flex-basis: 44%;
width: 44%;
padding: 5px;
}
.flagInnerRight a
{
align-items: center;
display: flex;
display: -webkit-box;
-webkit-box-align: center;
}
.flagInnerLeft:hover a,
.flagInnerRight:hover a
{
color: #fff;
}
.flagInnerLeft a
{
align-items: center;
display: flex !important;
display: -webkit-box !important;
-webkit-box-align: center;
}
.flags {
position: relative;
}
#facebookHead
{
margin: 10px 20px 10px 0;
text-align: right;
}
#facebookHeadMob
{
display: none;
}
.fb_iframe_widget {
display: inline-block !important;
}
.fb_iframe_widget_fluid {
display: inline !important;
}
.fb_iframe_widget_lift{
z-index: 32 !important;
}
#twitter-widget-0 {
flex-basis: 20%;
}
#___plusone_0 {
flex-basis: 25%;
}
/* Navigation */
#FinderBoxNav > ul , #blogNav > ul , #mainNavDet > ul
{
display: flex;
}
#FinderBoxNav > ul > li, #blogNav > ul > li, #mainNavDet > ul > li
{
position: relative;
display:block;
flex-basis: auto;
width: calc(100% / 3);
background-color: #000;
text-align: center;
z-index: 20;
box-sizing: border-box;
}
#blogNav > ul > li
{
flex-basis:auto;
width: 33.3%;
}
#Bewertungsportal .mainNav > ul > li
{
width: 99%;
background-color: #e6eaef;
padding: 10px 0;
text-align: center;
}
#Bewertungsportal .mainNav > ul > li:hover
{
background: none repeat scroll 0 0 #666;
cursor: pointer;
}
#Bewertungsportal .mainNav a
{
color: #000;
font-weight: bold;
font-size: 24px;
text-decoration: none;
display: block;
}
#blogNav > ul > li:hover, #mainNavDet > ul > li:hover
{
background-color: #3d3d3d;
}
.navHover:hover div
{
display: block;
}
#blogNav > ul > li > a, #blogNav > ul > li > span,
#mainNavDet > ul > li > a, #mainNavDet > ul > li > span,
#FinderBoxNav > ul > li > a,#FinderBoxNav > ul > li > span
{
color: #fff;
text-decoration: none;
font-size: 24px;
display: block;
line-height: 48px;
}
#mainNavDet > ul > li > a:hover, #mainNavDet ul li a:visited
{
color: #fff;
text-decoration: none;
}
#mainHeader nav ol li a:hover, #mainHeader nav ol li a:visited,
#mainNavDet ol li a:hover, #mainNavDet ol li a:visited
{
text-decoration: none;
}
.container {
position: absolute;
left: 0;
top: 60px;
background: #fff;
border: 2px solid #3d3d3d;
overflow: hidden;
width: 1280px;
padding: 10px 0 10px 10px;
box-shadow: 0 5px 5px #808080;
display: none;
z-index: 10;
}
#blogNav .container
{
left: -425px;
width: 1266px;
}
#blogNav .conLacoste
{
left: -640px;
width: 1266px;
}
#blogNav .conSonstige
{
left: -852px;
width: 1266px;
}
.conLacoste > ul,
.container > ul,
.conSonstige > ul
{
display: flex;
}
.conLacoste > ul > li,
.conSonstige > ul > li
{
flex-basis: auto !important;
width: 48.3% !important;
}
.mainNav ol > li > a,
.mainNav ol > li > h2 > a,
#blogNav ol > li > a
{
font-family: 'Roboto';
text-decoration: none;
color: #000;
font-size: 14px;
}
#mainNavPu .container li > a:visited
{
color: #000 !important;
}
.container a:hover
{
color: red;
}
#mainHeader nav ol > li > a:visited,
#mainNavDet ol > li > a:visited
{
color: #000;
}
.breadcrumb nav ol > li > a
{
font-size: 16px;
}
nav h3
{
text-align: left;
}
.container > ul > li
{
flex-basis: 33.3%;
width: 33.3%;
}
.container > ul > li > h3
{
padding-left: 10px;
font-family: 'Roboto';
font-weight: bold;
margin-left: 100px;
font-size: 18px;
color: #000;
}
.containerLiLeft, .containerLiMid
{
border-right: 1px solid #d2d2d2;
}
.containerLiMid, .containerLiRight
{
padding-left: 10px;
}
.col1,.col2,.col3
{
margin: 10px 20px 10px 10px;
text-align: left;
border-top: 1px solid #d2d2d2;
}
.conLacoste .col1, .conLacoste .col3,
.conSonstige .col1, .conSonstige .col3
{
border-top: 0;
}
.col1 li,.col2 li,.col3 li
{
z-index: 20000;
}
.noImg
{
list-style: none !important;
}
.col3 .noImg:before
{
content: "";
list-style: none !important;
}
.col1 ol, .col2 ol, .col3 ol
{
margin-top:10px;
width: 75%;
margin-left: 90px;
}
/* Footer */
#FooterIcons
{
display: none;
}
#footerBottom
{
position: relative;
margin: 0 auto 20px;
background-color: #fff;
box-sizing: border-box;
border: 1px solid #ccc;
box-shadow: 0 1px 1px -1px rgba(153, 153, 153, 0.3);
border-radius: 2px;
padding: 40px;
max-width: calc(100% - 40px);
}
#footerBottomContent
{
max-width: 1280px;
margin-left:auto;
margin-right:auto;
}
.startPayment
{
margin-bottom: 40px;
}
.paymentLogo
{
flex-basis: auto;
width: 100%;
text-align: center;
position: relative;
margin-bottom: 40px;
}
#footerBottom figure
{
display: flex;
display: -webkit-box;
}
#footerBottom figure img {
max-width: 100%;
height: auto;
}
#FooterSecure figure
{
margin-top: 15px;
display: flex;
display: -webkit-box;
width: 70px;
height: 50px;
}
.secureMaster
{
margin-right: 10px;
}
#FooterSecure > div
{
display: flex;
display: -webkit-box;
justify-content: center;
-webkit-box-pack: center;
}
.footerLiMidLeft ol,.footerLiLeft ol
{
text-align: left;
margin-left:60px;
list-style: disc;
}
.footerLiLeft > h3, .footerLiMidLeft > h3
{
text-align: left;
margin-left: 20px;
}
#FooterSecure img {
flex-basis: 100%;
width: 100%;
height: auto;
}
.logoMastercard
{
border-left: 4px solid #fff;
border-right: 4px solid #fff;
}
.followLi
{
margin-bottom: 25px;
text-align: center;
}
.followFB
{
background: url("/p/logo/social.jpg");
display: inline-block;
height: 40px;
margin-right: 2px;
text-indent: -9999em;
width: 40px;
}
.followTW
{
background: url("/p/logo/social.jpg");
background-position: -50px 0 !important;
display: inline-block;
height: 40px;
margin-right: 2px;
text-indent: -9999em;
width: 40px;
}
.followBL
{
background: url("/p/logo/social.jpg");
display: inline-block;
height: 40px;
margin-right: 2px;
text-indent: -9999em;
width: 40px;
background-position: -100px 0 !important;
}
.footerFollow
{
display: flex;
display: -webkit-box;
justify-content: center;
-webkit-box-pack: center;
}
.footerFollow li
{
margin-right: 5px;
}
#footerTop
{
background: #000;
}
#footerTopContent
{
font-family: 'Roboto';
display: flex;
padding:30px;
}
.footerLeft
{
flex-basis: auto;
width: 50%;
}
.footerRight
{
flex-basis: auto;
width: 50%;
box-sizing: border-box;
padding: 0 20px;
}
.footerLeft
{
border-right: 1px solid #4c4c4c;
color: #ccc;
text-align: center;
box-sizing: border-box;
}
.footerRight
{
color: #ccc;
text-align: center;
}
.footerRightContent {
display: flex;
padding: 0 20px;
}
.footerLeftContent {
display: flex;
padding: 0 20px;
}
#footerTopContent h3
{
color: #fff;
font-weight: bold;
margin-bottom: 20px;
font-size: 18px;
text-transform: uppercase;
text-align: left;
}
.footerLiLeft
{
flex-basis: auto;
width: 50%;
}
.footerLeftContent > div {
text-align: left;
width: 50%;
padding: 0 20px;
}
.footerRightContent > div
{
text-align: left;
width: 50%;
padding: 0 20px;
}
.footerLiMidLeft
{
flex-basis: auto;
width: 100%;
}
.footerLiMidRight
{
flex-basis: auto;
width: 50%;
}
.footerLiRight
{
flex-basis: auto;
width: 50%;
}
#footerTopContent a, #footerTopContent span
{
color: #ccc;
text-decoration: none;
line-height: 20px;
font-size: 16px;
}
#footerTopContent a:hover
{
color: red;
}
.footerLiLeft > div, .footerLiMidLeft > div, .footerLiMidRight > div
{
margin-top: 15px;
margin-bottom: 10px;
}
.footerLiRight > div
{
margin-top: 10px;
margin-bottom: 20px;
}
.footerLiLeft li, .footerLiMidLeft li {
margin-bottom: 10px;
}
.footerLiRight li
{
display: flex;
display: -webkit-box;
}
.footerLiRight .spanLeft
{
display: block;
width: 65px;
margin-left: 20px;
}
.footerLiRight .spanRight
{
display: table-cell;
padding-left: 10px;
}
.flex
{
display: flex;
display: -webkit-box;
}
.spanLeft
{
text-align: right;
}
.footerLiRight > p {
font-size: 16px;
line-height: 18px;
padding: 0 10px;
}
.footerLiRight > h3
{
margin-bottom:15px;
}
.footerLiLeft, .footerLiMidRight
{
border-right: 1px solid #4C4C4C;
}
/* MISC */
.hidden
{
position:absolute;
clip: rect(1px 1px 1px 1px); /* IE6 & 7 */
clip: rect(1px, 1px, 1px, 1px);
}
/* Startseite Top*/
#TopSlider
{
max-width: 1280px;
position: relative;
margin: 0 auto;
}
#topseller figure img
{
max-width:100% !important;
height:auto;
display:block;
}
#contact
{
border: 1px solid #ccc;
padding-bottom: 10px;
font-family: 'Archivo Narrow';
}
#contactHead{
background-color: #666;
height: 22px;
font-size: 18px;
font-weight: bold;
text-align: center;
color: #fff;
padding-top: 4px;
}
.contactTitel
{
font-weight: bold;
text-decoration: underline;
text-align: center;
margin-top:7px;
margin-bottom: 5px;
}
.contactCenter
{
text-align: center;
}
.contactCenter span
{
font-weight: bold;
}
#sliderBox
{
position: relative;
margin-bottom: 20px;
}
/*Startseite ->Blogpost*/
#blogposts
{
max-width: 1280px;
margin-left:auto;
margin-right:auto;
margin-top: 17px;
position: relative;
border: 1px solid #ccc;
border-radius: 5px;
background: none repeat scroll 0 0 #F4F4F4;
box-shadow: 0 1px rgba(255, 255, 255, 0.35), -1px -1px 3px rgba(0, 0, 0, 0.25) inset;
}
#blogposts section
{
display: flex;
display: -webkit-box;
padding: 30px 0;
}
#blogposts .blogTitle
{
font-size: 21px !important;
}
#blogposts nav
{
display: flex;
display: -webkit-box;
margin-bottom: 30px;
text-align: right;
}
#blogposts nav div
{
flex-basis: 45%;
width: 45%;
margin-right: 30px;
}
#blogposts article
{
padding: 0 30px;
height: 230px;
flex-basis: 45%;
width: 45%;
}
#blogposts .searchButton {
background: linear-gradient(to bottom, #0393FA 5%, #0174BC 100%) repeat scroll 0 0 #0393FA;
background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#0393fa), color-stop(100%,#0174bc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #0393fa 5%,#0174bc 100%); /* Chrome10+,Safari5.1+ */
font-size: 20px;
padding: 10px;
}
#BlogRight
{
border-left: 1px solid #D9D9D9;
}
.blogTitle
{
margin-bottom: 20px;
margin-top: 15px;
display:inline;
text-decoration: none;
font-weight: bold;
font-size: 26px;
font-family: 'arial';
color: #fff;
background: #000;
box-shadow: 7px 0 0 #000, -7px 0 0 #000;
line-height: 33px;
}
#blogposts article p
{
margin-top: 15px;
max-width: 500px;
padding-left: 10px;
font-family: 'Archivo Narrow';
line-height: 25px;
color: #000;
font-size: 18px;
}
/*Artikel Slider Startseite */
.artikelSlider
{
font-family: 'arial';
max-width: calc(100% - 40px);
margin-left: auto;
margin-right: auto;
}
.artikelSliderSoldOut
{
max-width: 1280px;
margin-left: auto;
margin-right: auto;
font-family: 'arial';
font-size: 16px;
}
.artikelSliderSoldOut h2
{
margin-left: 30px;
}
.artikelSliderSoldOut p
{
margin-top: 0;
}
/*Sneakerfinder*/
#sneakerfinder_start
{
max-width: 1280px;
margin-left:auto;
margin-right: auto;
}
/* Content-Texte -> Startseite */
#startContent
{
max-width: 1280px;
margin: 20px auto;
border: 1px solid #ccc;
border-radius: 5px;
box-shadow: 0 1px rgba(255, 255, 255, 0.35), -1px -1px 3px rgba(0, 0, 0, 0.25) inset;
background: url("/images/background.png") repeat-x scroll 0 0 #F6F6F6;
}
#tabs > ul
{
display: flex;
display: -webkit-box;
justify-content: center;
-webkit-box-pack: center;
margin-top: 20px;
}
.tabsMenuLeft,
.tabsMenuMid,
.tabsMenuRight
{
flex-basis: 23%;
width: 23%;
text-align: center;
background: #fff;
border: 1px solid #ccc !important;
background-image: linear-gradient(to top, #F2F5F5, #E1E3E6 28%, #F2F5F5);
margin: 0 !important;
}
.ui-tabs-active
{
background-image: none;
background-color: #C2C3C5 !important;
box-shadow: 0 1px rgba(255, 255, 255, 0.75), 1px 1px 3px rgba(0, 0, 0, 0.25) inset, 0 0 3px rgba(0, 0, 0, 0.15) inset;
}
#tabs ul a:hover
{
color: #ff3500;
}
#tabs h4 {
color: #000000;
font-weight: bold;
margin-top: 30px;
text-align: center;
font-family: 'Archivo Narrow';
}
.tabsMenuLeft
{
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.tabsMenuRight
{
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
#tabs ul a
{
text-decoration: none;
color: #000;
display: block;
padding: 10px;
font-size: 14px;
text-shadow: 0 1px rgba(255, 255, 255, 0.5);
font-family: 'Archivo Narrow';
}
#footerNav {
margin: 20px 0;
width: 95%;
text-align: center;
}
#contentDetailRight #footerNav {
margin: 15px auto 35px;
max-width: 84%;
padding-left: 20px;
text-align: center;
}
#startContent .searchButton
{
background: linear-gradient(to bottom, #0393FA 5%, #0174BC 100%) repeat scroll 0 0 #0393FA;
background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#0393fa), color-stop(100%,#0174bc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #0393fa 5%,#0174bc 100%); /* Chrome10+,Safari5.1+ */
font-size: 20px;
padding: 10px;
}
#footerNav a
{
text-decoration: none;
}
#startContent .searchButton:hover,
#blogposts .searchButton:hover,
#blogMain .searchButton:hover,
#infoBox .searchButton:hover,
#footerNav .searchButton:hover
{
background: linear-gradient(to bottom, #0392F9 5%, #015DAA 100%) repeat scroll 0 0 #0392F9;
background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#0392f9), color-stop(100%,#015daa)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #0392f9 5%,#015daa 100%); /* Chrome10+,Safari5.1+ */
}
#startContentLeft h3,
#startContentMid h3,
#startContentRight h3
{
font-size: 24px !important;
}
#tabs nav {
margin: 20px 0 40px;
text-align: right;
}
#tabs nav a
{
text-decoration: none;
}
.bold
{
margin-top: 15px;
margin-bottom: 15px;
font-weight: bold;
}
.hideBox
{
display: none;
}
#startContent article
{
margin-top: 20px;
padding-left: 60px;
padding-right: 60px;
font-family: 'Archivo Narrow';
line-height: 22px;
color: #666;
font-size: 18px;
}
#startContent h3, .RightContent figure span,
#sizeTableContentLeft .sizeAppletText h3, #sizeTableContentRight h3,
#contactPage h2, .contactContent .captchaBox h3,
#partner .einleitung h3, #partner .partnerRow div h3, #blogMain article h3, #blogMain article h1, .breadcrumb h1, #error404 h1,
#BlogSearchResult h2, #BlogSearchResult h3, #categoryTop h1,
#pwNew .customer-loginform-content h3, #itemInfo .captchaBox > h3, #mailOrder .captchaBox > h3,
#sliderDetail h2, #sizechart_en h3,#sizechart_en h2,
#othersites h3, #othersites h2, #sizeRequest h2, #sizeRequest h3, #mailOrder > h2, #mailOrder h3,
.f-require h4, #ShopseitenList h2, #faq h2, .spanh4, #pwLink h3, #activationOK h1, .LiInnerContent h2,
#catDesc.catDescEN h2, #catDesc.catDescEN h3
{
display:inline;
text-decoration: none;
font-weight: bold;
font-size: 26px;
font-family: 'arial';
color: #fff;
background: #000;
box-shadow: 7px 0 0 #000, -7px 0 0 #000;
line-height: 33px;
}
.LiInnerContent h2
{
color: #fff !important;
}
#startContent p
{
margin-top: 20px;
color: #000;
line-height: 25px;
font-size: 16px;
font-family: 'Archivo Narrow';
}
/* Nivo-Slider */
#slider
{
position:relative;
overflow:hidden;
width: auto;
}
#sliderCat
{
position:relative;
max-width:1280px;
max-height:100%;
overflow:hidden;
}
.nivoSlider
{
position:relative;
width:auto;
height:auto;
overflow: hidden;
}
.nivoSlider img
{
position:absolute;
top:0px;
left:0px;
max-width: none;
}
.nivo-main-image
{
display: block !important;
position: relative !important;
width: 100% !important;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink
{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index: 10;
}
/* The slices and boxes in the Slider */
.nivo-slice
{
display:block;
position:absolute;
z-index:5;
height:100%;
top:0;
}
.nivo-box
{
display:block;
position:absolute;
z-index:5;
overflow:hidden;
}
.nivo-box img
{
display:block;
}
/* Caption styles */
.nivo-caption
{
position:absolute;
left:0px;
bottom:0px;
background:#000;
color:#fff;
width:100%;
z-index:8;
padding: 5px 10px;
opacity: 0.6;
overflow: hidden;
display: none;
-moz-opacity: 0.6;
filter:alpha(opacity=6);
box-sizing: border-box; /* Opera/IE 8+ */
}
.nivo-caption p
{
padding:5px;
margin:0;
}
.nivo-caption a
{
display:inline !important;
}
.nivo-html-caption
{
display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a
{
position:absolute;
top:45%;
z-index:9;
cursor:pointer;
}
.nivo-prevNav
{
left:0px;
}
.nivo-nextNav
{
right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav
{
text-align:center;
padding: 15px 0;
}
.nivo-controlNav a
{
cursor:pointer;
}
.nivo-controlNav a.active
{
font-weight:bold;
}
.theme-default .nivoSlider
{
position:relative;
background:#fff url(/p/loading.gif) no-repeat 50% 50%;
box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.theme-default .nivoSlider img
{
position:absolute;
top:0px;
left:0px;
display:none;
}
.theme-default .nivoSlider a
{
border:0;
display:block;
}
.theme-default .nivo-controlNav
{
text-align: center;
padding: 20px 0;
}
.theme-default .nivo-controlNav a
{
display:inline-block;
width:22px;
height:22px;
background:url(/p/bullets.png) no-repeat;
text-indent:-9999px;
border:0;
margin: 0 2px;
}
.theme-default .nivo-controlNav a.active
{
background-position:0 -22px;
}
.theme-default .nivo-directionNav a
{
display:block;
width:30px;
height:30px;
background:url(/p/arrows.png) no-repeat;
text-indent:-9999px;
border:0;
opacity: 0;
transition: all 200ms ease-in-out;
}
.theme-default:hover .nivo-directionNav a
{
opacity: 1;
}
.theme-default a.nivo-nextNav
{
background-position:-30px 0;
right:15px;
}
.theme-default a.nivo-prevNav
{
left:15px;
}
.theme-default .nivo-caption
{
font-family: Helvetica, Arial, sans-serif;
font-size: 20px;
}
.theme-default .nivo-caption a
{
color:#fff;
border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover
{
color:#fff;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled
{
width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a
{
width: auto;
height: auto;
background: none;
margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img
{
display: block;
width: 120px;
height: auto;
}
/* Startseite : JCarousel */
.jcarousel-wrapper
{
margin: 20px auto;
position: relative;
border: 10px solid #fff;
border-radius: 5px;
box-shadow: 0 0 2px #999;
background: none repeat scroll 0 0 #fff;
}
/** Carousel **/
div[class*='jcarousel']
{
position: relative;
overflow: hidden;
}
div[class*='jcarousel'] ul
{
width: 250%;
position: relative;
list-style: none;
margin: 0;
padding: 0;
display: flex;
display: -webkit-box;
}
#sliderDetail div[class*='jcarousel'] ul
{
width: 100%;
}
#sliderDetail div[class*='jcarousel'] li
{
flex-basis: 25%;
width: 25%;
border: 1px solid #fff;
box-sizing: border-box;
}
div[class*='jcarousel'] li
{
flex-basis: 10%;
width: 10%;
border: 1px solid #fff;
box-sizing: border-box;
}
div[class*='jcarousel'] img
{
display: block;
max-width: 100%;
height: auto !important;
}
/** Carousel Controls **/
a[class*='jcarousel-control-prev'],
a[class*='jcarousel-control-next']
{
position: absolute;
top: 50%;
margin-top: -15px;
width: 30px;
height: 30px;
text-align: center;
background: #4E443C;
color: #fff;
text-decoration: none;
text-shadow: 0 0 1px #000;
font: 24px/27px Arial, sans-serif;
border-radius: 30px;
box-shadow: 0 0 4px #F0EFE7;
}
a[class*='jcarousel-control-prev']
{
left: 15px;
}
a[class*='jcarousel-control-next']
{
right: 15px;
}
/** Carousel Pagination **/
.jcarousel-pagination
{
position: absolute;
bottom: -40px;
left: 50%;
transform: translate(-50%, 0);
margin: 0;
}
.jcarousel-pagination a
{
text-decoration: none;
display: inline-block;
font-size: 11px;
height: 10px;
width: 10px;
line-height: 10px;
background: #fff;
color: #4E443C;
border-radius: 10px;
text-indent: -9999px;
margin-right: 7px;
box-shadow: 0 0 2px #4E443C;
}
.jcarousel-pagination a.active
{
background: #4E443C;
color: #fff;
opacity: 1;
box-shadow: 0 0 2px #F0EFE7;
}
.link-overlay
{
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
cursor: pointer;
}
.tab-products-container .product-name strong
{
padding: 0;
}
.product-name
{
text-decoration: none;
}
.product-name h2
{
color: #0074C8;
display: block;
font-size: 18px;
font-weight: normal;
height: 40px;
line-height: 40px;
overflow: hidden;
font-family: 'Arial';
font-weight: bold;
}
.product-name p
{
color: #0074C8;
display: block;
font-size: 18px;
font-weight: normal;
height: 40px;
line-height: 40px;
overflow: hidden;
font-family: 'Arial';
font-weight: bold;
}
.product-name h3 {
color: #000 !important;
font-size: 14px;
margin-bottom: 14px;
display: block;
font-family: 'Arial';
}
.product-name strong
{
color: #0074C8;
display: block;
font-size: 18px;
font-weight: normal;
height: 40px;
line-height: 40px;
overflow: hidden;
padding: 0 10px;
font-family: 'Arial';
font-weight: bold;
}
.product-name p
{
color: #0074C8;
display: block;
font-size: 18px;
font-weight: normal;
height: 40px;
line-height: 40px;
overflow: hidden;
padding: 0 10px;
font-family: 'Arial';
font-weight: bold;
}
.product-name > span{
color: #000 !important;
font-size: 14px;
margin-bottom: 14px;
display: block;
font-family: 'Arial';
}
.inner
{
text-align: center;
}
.detailItem, .detailItemNike, .detailItemLacoste, .detailItemSale, .detailItemStart
{
position: relative;
}
.priceLable
{
color: #000;
font-size: 20px;
font-style: italic;
font-weight: bold;
line-height: 19px;
font-family: 'Arial';
}
.LagerLable {
color: #008000;
display: block;
font-style: italic;
margin-bottom: 10px;
font-family: 'Arial';
}
.LagerLableSoon {
color: orange;
display: block;
font-style: italic;
margin-bottom: 10px;
font-family: 'Arial';
}
.SoldLable {
color: red;
display: block;
font-style: italic;
margin-bottom: 10px;font-family: 'Arial';
}
.priceLable s, .pPrice s {
color: red;
display: inline-block;
margin-bottom: 7px;
margin-right: 10px;
}
.arrow
{
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #000000;
border-style: solid;
border-width: 95px 0 95px 30px;
content: "";
height: 0;
transform: scale(0.9999);
width: 0;
}
/* Kategorieseiten */
#category
{
margin-left: auto;
margin-right: auto;
}
#catSoldOut
{
max-width: 1280px;
margin-left: auto;
margin-right: auto;
margin-top: 15px;
display: flex;
display:-webkit-box;
}
#verticalText {
background: none repeat scroll 0 0 #333;
color: #fff;
padding: 5px 10px;
width: 11%;
line-height: 18px;
cursor: pointer;
position: relative;
z-index: 10000;
}
#verticalText .fa
{
font-size: 24px;
position: absolute;
right: 15px;
top: 28%;
}
#catLeft
{
width: 25%;
position: fixed;
left: -25%;
top: 0;
bottom: 0;
z-index: 9999;
overflow-y:scroll;
overflow-x:hidden;
background: none repeat scroll 0 0 #fff;
}
#catNavi {
border-color: #fff;
border-image: none;
border-radius: 5px;
border-style: solid;
border-radius: 5px;
width: 95%;
background: none repeat scroll 0 0 #fff;
}
#catNavi.information
{
box-shadow: none;
}
#catRight
{
width: 100%;
}
#category .artikelSlider
{
margin-top: 0;
}
#sliderBoxCat
{
margin-bottom: 20px;
}
#pageNav {
background: #fff none repeat scroll 0 0;
display: flex;
flex-wrap: wrap;
margin: 0 auto 20px;
max-width: calc(100% - 40px);
padding: 10px;
text-align: center;
box-shadow: 0 1px 1px -1px rgba(153, 153, 153, 0.3);
border-radius: 2px;
border: 1px solid #ccc;
box-sizing: border-box;
}
#pageNav .searchButton
{
padding: 10px 50px;
margin-left: 5px;
margin-right: 5px;
background: #7CBA3D;
border-radius: 10px;
font-size: 30px;
}
#pageNav .searchButton.page
{
padding: 10px 20px;
}
#infoBox
{
max-width: 1280px;
margin: 0 auto 20px;
border: 1px solid #ccc;
border-radius: 5px;
box-shadow: 0 1px rgba(255, 255, 255, 0.35), -1px -1px 3px rgba(0, 0, 0, 0.25) inset;
background: url("/images/background.png") repeat-x scroll 0 0 #F6F6F6;
font-family: 'Archivo Narrow';
}
#infoBox p {
color: #000000;
text-align: justify;
font-size: 16px;
line-height: 25px;
margin-top: 20px;
font-family: 'Archivo Narrow';
}
#infoBox .ui-widget-header,
#startContent .ui-widget-header {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
border: medium none !important;
color: #222222 !important;
font-weight: bold !important;
}
#infoBox .ui-tabs .ui-tabs-nav .ui-tabs-anchor,
#startContent .ui-tabs .ui-tabs-nav .ui-tabs-anchor{
float: none;
}
#infoBox .ui-widget-content,
#startContent .ui-widget-content{
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 0;
color: #222222;
}
#infoBox .ui-state-active, #infoBox .ui-widget-content .ui-state-active, #infoBox .ui-widget-header .ui-state-active,
#startContent .ui-state-active, #startContent .ui-widget-content .ui-state-active, #startContent .ui-widget-header .ui-state-active{
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #212121;
font-weight: normal;
}
#infoBox .ui-tabs .ui-tabs-nav li,
#startContent .ui-tabs .ui-tabs-nav li{
border-bottom-width: 1px;
float: none;
list-style: none outside none;
position: relative;
top: 0;
white-space: nowrap;
}
#infoBox .ui-tabs .ui-tabs-nav li.ui-tabs-active,
#startContent .ui-tabs .ui-tabs-nav li.ui-tabs-active{
margin-bottom: 0;
padding-bottom: 0;
}
#infoBox article {
color: #666666;
font-size: 18px;
line-height: 22px;
margin-top: 20px;
padding-left: 60px;
padding-right: 60px;
}
#infoBox .searchButton {
background: linear-gradient(to bottom, #0393FA 5%, #0174BC 100%) repeat scroll 0 0 #0393FA;
background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#0393fa), color-stop(100%,#0174bc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #0393fa 5%,#0174bc 100%); /* Chrome10+,Safari5.1+ */
font-size: 20px;
padding: 10px;
}
#catDesc.catDescDE
{
color: #000;
}
#catDescContent {
font-family: "Archivo Narrow";
line-height: 25px;
margin: 30px auto 0;
max-width: 1280px;
padding: 40px 0;
}
#catDescContent.catDescDE {
font-family: "Archivo Narrow";
line-height: 25px;
margin: 30px auto 0;
max-width: 1280px;
padding: 40px 0;
display: flex;
display: -webkit-box;
}
#catDesc.catDescEN h2 {
margin-left: 30px;
}
#catDescContent.catDescDE h2
{
margin-bottom: 15px;
font-weight: bold;
font-size: 20px;
}
#catDescContent .pBot
{
margin-bottom: 20px;
margin-top: 0;
}
.pNavi
{
align-self: flex-end;
padding: 15px 10px 0;
}
.innerContent
{
margin: 20px;
color: #fff;
width:100%;
display: flex;
display: -webkit-box;
flex-direction: column;
justify-content: space-between;
-webkit-box-pack: justify;
}
#catDesc ul
{
list-style: disc;
padding-left:30px;
}
#catDesc li
{
margin-bottom: 20px;
line-height: 25px;
}
#categoryTop h1
{
margin-left: 20px;
}
#catDesc h3
{
font-size: 16px;
}
#catDesc article
{
margin: 40px 0 0;
padding-left: 20px;
line-height: 25px;
}
.wrapperItem {
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
}
.logoNike {
height: 78px;
}
.logoLacoste {
height: 100px;
}
.logoAsics {
height: 50px;
}
.detailItemNike {
background: #fff none repeat scroll 0 0;
box-sizing: border-box;
margin-right: 20px;
padding-bottom: 20px;
width: calc(25% - 15px);
border: 1px solid #ccc;
border-radius: 2px;
box-shadow: 0 1px 1px -1px rgba(153, 153, 153, 0.3);
margin-bottom: 20px;
}
.detailItemNike.lastElement4 {
margin-right: 0;
}
.product-image > img {
max-width: 100%;
}
/* Artikelboxen */
.wrapper
{
margin-bottom: 20px;
position: relative;
border-radius: 5px;
box-shadow: 0 0 2px #999;
max-width: 100%;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 2px;
box-shadow: 0 1px 1px -1px rgba(153, 153, 153, 0.3);
box-sizing: border-box;
padding: 20px;
}
div[class*='artikelBox'] > ul
{
display: flex;
display: -webkit-box;
position: relative;
list-style: none;
margin: 0;
padding: 0;
}
div[class*='artikelBox'] li
{
flex-basis: auto;
width: 33.3%;
border: 1px solid #fff;
box-sizing: border-box;
}
#categoryRight div[class*='artikelBox'] > ul > li
{
flex-basis: auto;
width: 50%;
border: 1px solid #fff;
box-sizing: border-box;
}
div[class*='artikelBox'] img
{
display: block;
width: 100%;
height: auto !important;
}
#artikelbeschreibung > figure {
position: absolute;
right: 20px;
top: 70px;
}
#ContentDetailSoldOut
{
display: flex;
width: calc(100% - 40px);
margin: 0 auto 20px;
}
#ContentDetail
{
display: flex;
max-width: calc(100% - 40px);
margin: 0 auto;
}
#breadDetail
{
margin: 10px auto 20px !important;
}
#breadDet
{
margin: 40px auto 0 !important;
}
#contentDetailRight
{
flex-basis: auto;
width: 50%;
background-color: #fff;
border-color: #ccc #ccc #fff #fff;
border-style: solid solid none none;
border-width: 1px 1px 0 0;
border-radius: 2px;
box-sizing: border-box;
padding: 20px 40px;
}
.SoldOutLeft
{
flex-basis: 37.32%;
width: 37.3%;
}
#detailContentMid h3
{
padding-left: 5px;
margin-bottom: 5px;
font-weight: bold;
font-size: 18px;
}
.textile
{
margin-bottom: 136px;
}
#ContentDetail #DetailSlider
{
flex-basis: auto;
width: 50%;
background-color: #fff;
border-color: #ccc #fff #fff #ccc;
border-style: solid none none solid;
border-width: 1px 0 0 1px;
border-radius: 2px;
box-sizing: border-box;
padding: 20px 40px;
}
#catLink
{
display: flex;
align-items: center;
height: 478px;
text-align: center;
font-family: 'Archivo Narrow';
}
#catLink figcaption
{
line-height: 25px;
font-size: 20px;
}
.redLine
{
background: red;
height: 5px;
margin: 0 85px;
width: 76%;
}
#catLink figcaption h3
{
color: red;
font-size: 35px;
font-weight: bold;
}
#catLinkLeft a
{
text-decoration: none;
}
#catLinkLeft nav
{
margin-top: 40px;
}
#sliderDetail h2
{
margin-left: 25px;
}
.soldoutInfo {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 2px;
box-shadow: 0 1px 1px -1px rgba(153, 153, 153, 0.3);
box-sizing: border-box;
flex-basis: auto;
padding: 40px;
width: calc(50% - 20px);
}
#ContentDetailSoldOut #DetailSlider {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 2px;
box-shadow: 0 1px 1px -1px rgba(153, 153, 153, 0.3);
box-sizing: border-box;
flex-basis: auto;
margin-right: 20px;
padding: 40px;
width: 50%;
}
#ContentDetailSoldOut #DetailSlider img {
width: 100%;
}
.soldoutInfo .searchButton
{
display: block;
padding: 20px 0;
}
#shopServiceContent
{
background: #fff;
width:100%;
height: 15px;;
}
.breadNavi
{
background: #d3d3d3;
font-family: Arial;
padding: 10px 20px 10px 20px;
text-decoration: none;
text-align: center;
border: medium none;
}
.searchButton {
background: #3ebc42; /* Old browsers */
background: -moz-linear-gradient(top, #3ebc42 0%, #7cba3d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3ebc42), color-stop(100%,#7cba3d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #3ebc42 0%,#7cba3d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #3ebc42 0%,#7cba3d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #3ebc42 0%,#7cba3d 100%); /* IE10+ */
background: linear-gradient(to bottom, #3ebc42 0%,#7cba3d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ebc42', endColorstr='#7cba3d',GradientType=0 ); /* IE6-9 */
padding: 20px 40px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
box-shadow: rgba(0,0,0,1) 0 1px 0;
text-shadow: rgba(0,0,0,.4) 0 1px 0;
color: #ffffff;
font-size: 24px;
font-family: 'Roboto Italic';
text-decoration: none;
vertical-align: middle;
font-weight: bold;
}
.searchButton:hover
{
background: #7cba3d; /* Old browsers */
background: -moz-linear-gradient(top, #7cba3d 0%, #81e04a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7cba3d), color-stop(100%,#81e04a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #7cba3d 0%,#81e04a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #7cba3d 0%,#81e04a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #7cba3d 0%,#81e04a 100%); /* IE10+ */
background: linear-gradient(to bottom, #7cba3d 0%,#81e04a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cba3d', endColorstr='#81e04a',GradientType=0 ); /* IE6-9 */
text-decoration: none;
cursor: pointer;
}
.searchButton:active
{
background: #768d37;
}
.searchButton a
{
color: #fff !important;
text-decoration: none !important;
display: block;
height: 100%;
}
.more-link
{
text-decoration: none;
}
.tdInfo
{
padding-bottom: 5px;
padding-left: 10px;
padding-top: 5px;
}
.tdLeft
{
width: 5px;
}
.tdRight
{
width: 5px;
}
.thTop
{
padding: 5px 10px;
text-align: left;
font-weight: bold;
}
.tdSize
{
padding: 5px 10px;
}
.tdColC
{
color: red;
}
.tdColB
{
color: #0000FF;
}
.tdColA
{
color: #2A992A;
}
.soonColor
{
color: #ff8e00 !important;
}
.grey
{
background: url("/images/background.png") repeat-x scroll 0 0 #F6F6F6;
position:relative;
}
.tableDetail .grey, .tableDetail .white, .table-right .grey, .table-right .white
{
display: flex;
align-items: center;
}
.tdRadio
{
flex-basis: auto;
width: 7%;
line-height: 39px;
}
.tdUS, .tdUK, .tdEUR, .tdCM
{
flex-basis: auto;
width: 25%;
line-height: 39px;
}
.tdUSLac, .tdUKLac, .tdEURLac
{
flex-basis: 33.3%;
width: 33.3%;
line-height: 39px;
}
.tdUSTex
{
flex-basis: 72.72%;
width: 72.72%;
line-height: 39px;
}
div[data-tooltip]:before
{
position: absolute;
right: 0;
left: 0;
margin-left: auto;
margin-right: auto;
top: -40px;
background-color: #ff0000;
color: #ffffff;
height: 30px;
line-height: 30px;
border-radius: 5px;
padding: 0 15px;
content: attr(data-tooltip);
white-space: nowrap;
display: none;
}
#btnPay[data-tooltip]:before
{
position: absolute;
left: 0;
top: -50px;
background-color: #ff0000;
color: #ffffff;
height: 40px;
line-height: 40px;
border-radius: 5px;
padding: 0 15px;
content: attr(data-tooltip);
white-space: nowrap;
right: auto;
}
#btnPay[data-tooltip]:after
{
position: absolute;
left: 35px;
right: auto;
top: -10px;
border-top: 7px solid #ff0000;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
content: "";
}
#btnPay[data-tooltip]:hover:after,
#btnPay[data-tooltip]:hover:before
{
display: block;
}
.shopRatingDoneInnerContent[data-tooltip]:before
{
height: 25px;
line-height: 25px;
left: 0;
right: auto;
top: -33px;
background-color: #000;
padding: 0 10px;
}
.shopRatingDoneInnerContent[data-tooltip]:after
{
left: 15px;
top: -8px;
right: auto;
border-top: 7px solid #000;
}
#shopbewertung div[data-tooltip]:before
{
top: 5px;
left: 0px;
right: auto;
background-color: #000;
height: 40px;
line-height: 40px;
font-size: 20px;
}
#shopbewertung div[data-tooltip]:after
{
left: 20px;
right: auto;
top: 45px;
border-top: 7px solid #000;
}
#shopbewertung .formErrorContent
{
width: auto;;
}
div[data-tooltip]:after
{
position: absolute;
right: 0;
left: 0;
margin-left: auto;
margin-right: auto;
top: -10px;
border-top: 7px solid #ff0000;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
content: "";
display: none;
}
#btnWK[data-tooltip]:before
{
right: 0;
top: -40px;
}
#btnWK[data-tooltip]:after
{
right: 40px;
}
div[data-tooltip]:hover:after,
div[data-tooltip]:hover:before
{
display: table;
}
.ReOrder[data-tooltip]:after
{
border-top: 7px solid #0000FF;
}
.ReOrder[data-tooltip]:before
{
background-color: #0000FF;
}
.Available[data-tooltip]:after
{
border-top: 7px solid #2A992A;
}
.Available[data-tooltip]:before
{
background-color: #2A992A;
}
.PreOrder[data-tooltip]:after
{
border-top: 7px solid #ff8e00;
}
.PreOrder[data-tooltip]:before
{
background-color: #ff8e00;
}
/* Datailinfos */
#detailInfos
{
max-width: 1280px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.table-right
{
border: 2px solid #d2d2d2;
font-size: 14px;
margin-left: 10px;
}
.sizesboxdetail tr
{
line-height: 18px;
}
.detailWK
{
text-align: center;
font-family: 'Archivo Narrow';
}
.detailWK .right
{
font-size: 14px;
margin-right: 10px;
}
.detailWK .detailWKBottom
{
position: relative;
}
.detailWK figure figcaption
{
font-size: 20px;
margin-bottom: 15px;
}
.detailInfo
{
font-size: 12px;
margin-top: 30px;
}
#Kundensiegel {
border: 1px solid #ddd;
height: 204px;
margin-top: 50px;
padding: 2px;
position: absolute;
right: 30px;
top: 39px;
width: 373px;
z-index: 2000;
}
#KundensiegelHead > figure {
margin: 7px 20px;
flex-basis: 13.21%;
width: 13.21%;
z-index: 2001;
}
#KundensiegelHead {
align-items: flex-end;
display: flex;
display: -webkit-box;
justify-content: space-between;
-webkit-box-pack: justify;
-webkit-box-align: end;
margin-bottom: 2px;
background: url(/images/Kundensiegel/KS-Bluebox.jpg) no-repeat center center;
background-size: 100% auto;
background-origin: content-box;
height:57.35%;
}
#KundensiegelHead img
{
max-width: 100% !important;
height: auto;
width: auto;
}
#KundensiegelFooter
{
background: url("/images/Kundensiegel/KS-Greybox.jpg") no-repeat center center;
background-size: 100% auto;
background-origin: content-box;
height: 41.66%;
}
#KundensiegelHeadL, #KundensiegelHeadR
{
opacity: 0.5;
}
#KundensiegelHeadL:hover,
#KundensiegelHeadM:hover,
#KundensiegelHeadR:hover
{
cursor: pointer;
}
#KundensiegelFooter h2
{
font-size:14px;
color: #666;
font-family: 'Roboto Black Italic';
margin-bottom: 5px;
padding-left: 10px;
padding-top: 15px;
}
#Kundensiegel p
{
font-size: 10px;
font-family: 'Roboto Italic';
color: #666;
line-height: 14px;
padding-left: 10px;
}
.line
{
display: block;
border: 1px solid #d3d3d3;
width: 80%;
margin: 30px auto 0;
}
.pPrice {
color: #0061af;
font-size: 24px;
text-align: right;
width: 50%;
}
.right
{
text-align: right;
}
.detailWK .pPriceBottom
{
color: #000;
line-height: 20px;
margin-right: 0;
}
.pPriceBottom .green
{
margin: 5px 0;
}
.pPriceTop
{
margin-Top: 20px;
margin-bottom: 10px;
font-size: 20px;
line-height: 25px;
}
.pPriceMid
{
font-size: 20px;
}
b
{
font-weight: bold;
}
.breadcrumb
{
max-width: calc(100% - 40px);
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 15px;
font-family: 'Roboto';
font-size: 13px;
}
#requestItem h1 {
font-size: 30px;
font-weight: bold;
margin-bottom: 20px;
}
#requestItem .content .breadcrumb span {
background-color: #fff;
font-weight: normal;
padding: 0;
}
#requestItem .content .breadcrumb
{
max-width: none;
}
.breadcrumb .fa.fa-home {
padding-right: 5px;
}
.sizesboxdetail {
border: 1px solid #CCCCCC;
}
.tableDetailTop
{
background: url("/images/background.png") repeat-x scroll 0 0 #F6F6F6;
font-weight: bold;
line-height: 39px;
font-size: 18px;
text-align: center;
border-bottom: 1px solid #CCCCCC;
letter-spacing: 1px;
font-family: 'Roboto';
}
.detailPageNavi
{
font-family: 'Roboto';
border: 1px solid #ccc;
border-radius: 5px;
box-shadow: 0 1px rgba(255, 255, 255, 0.35), -1px -1px 3px rgba(0, 0, 0, 0.25) inset;
background: url("/images/background.png") repeat-x scroll 0 0 #F6F6F6;
padding: 39px 20px 39px 40px;
}
.detailPageNaviPadding
{
padding: 26px 20px 27px 40px !important;
}
.detailPageNavi h1
{
font-size: 18px;
font-weight: bold;
}
#divCartAdd
{
width: 500px;
height: 270px;
margin:10px 20px;
}
.divCartAddContent
{
display: block;
justify-content: space-between;
-webkit-box-pack: justify;
height: 95%;
}
.divCartAddHead
{
display: flex;
display: -webkit-box;
}
.divCartAddHeadLeft
{
flex-basis: 43%;
width: 43%;
align-self: center;
text-align: center;
-webkit-box-align: center;
}
#test .searchButton,
.goBack .searchButton
{
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjODg4ODg4Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2cxKSIgLz48L3N2Zz4=);
background-image: -webkit-gradient(linear, center top, center bottom, color-stop(0%, #888888), color-stop(100%, #000000));
background-image: -webkit-linear-gradient(top, #888888 0%, #000000 100%);
background-image: -moz-linear-gradient(top, #888888 0%, #000000 100%);
background-image: -ms-linear-gradient(top, #888888 0%, #000000 100%);
background-image: -o-linear-gradient(top, #888888 0%, #000000 100%);
background-image: linear-gradient(to bottom, #888888 0%, #000000 100%);
}
#test .searchButton:hover,
.goBack .searchButton:hover
{
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTAwJSIgeTE9IjEwMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzc3Nzc3NyIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNnMSkiIC8+PC9zdmc+);
background-image: -webkit-gradient(linear, center bottom, center top, color-stop(0%, #777777), color-stop(100%, #efefef));
background-image: -webkit-linear-gradient(bottom, #777777 0%, #efefef 100%);
background-image: -moz-linear-gradient(bottom, #777777 0%, #efefef 100%);
background-image: -ms-linear-gradient(bottom, #777777 0%, #efefef 100%);
background-image: -o-linear-gradient(bottom, #777777 0%, #efefef 100%);
background-image: linear-gradient(to top, #777777 0%, #efefef 100%);
color: #000;
}
.divCartAddHeadRight
{
flex-basis: 57%;
width: 57%;
}
#divCartAdd nav
{
display: block;
margin-top: 10px;
text-align: center;
}
#divCartAdd nav a
{
text-decoration: none;
}
.divCartAddWKTxt > p {
line-height: 16px;
}
.divCartAddWK
{
display: flex;
display: -webkit-box;
margin-bottom: 7px;
justify-content: flex-start;
-webkit-box-pack: start;
margin-top: 10px;
}
.divCartAddPrice {
text-align: right;
}
.divCartAddPrice .itemPrice
{
font-weight: bold;
font-size: 30px;
margin-top: 7px;
width: 57%;
}
.divCartAddPrice .itemPrice s
{
color: #ff0000;
}
.divCartAddPrice .itemName
{
font-weight: bold;
font-size: 18px;
}
div#test
{
margin-bottom: 20px;
}
#test .searchButton,
#ready .searchButton
{
display: block;
padding: 20px 0;
text-align: center;
width: 100%;
}
.divCartAddWKTxt
{
margin-left: 5px;
color: green;
}
.circle
{
border: 1px solid green;
width: 30px;
height: 30px;
border-radius: 15px;
display: flex;
display: -webkit-box;
justify-content: center;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyYWRpYWxHcmFkaWVudCBpZD0iZyI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSJyZ2JhKDEzLCAyNTUsIDE5LCAwLjQ3OSkiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9ImJsYWNrIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSIwJSIgeT0iMCUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9ImJsYWNrIiAvPjxyZWN0IHg9Ii05LjEyNTIlIiB5PSItNDMuNjgyNSUiIHdpZHRoPSIxMTguMjUwNSUiIGhlaWdodD0iMTg3LjM2NDklIiBmaWxsPSJ1cmwoI2cpIiAvPjwvc3ZnPg==);
background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 205, color-stop(0%, rgba(13, 255, 19, 0.479)), color-stop(100%, black));
background-image: -webkit-radial-gradient(center center, farthest-corner circle, rgba(13, 255, 19, 0.479) 0%, black 100%);
background-image: -moz-radial-gradient(center center, farthest-corner circle, rgba(13, 255, 19, 0.479) 0%, black 100%);
background-image: -ms-radial-gradient(center center, farthest-corner circle, rgba(13, 255, 19, 0.479) 0%, black 100%);
background-image: -o-radial-gradient(center center, farthest-corner circle, rgba(13, 255, 19, 0.479) 0%, black 100%);
background-image: radial-gradient(farthest-corner circle at center center, rgba(13, 255, 19, 0.479) 0%, black 100%);
}
.circle span
{
color: #fff;
align-self: center;
font-size: 24px;
}
.NotAvailable, .Available, .ReOrder
{
cursor: pointer;
}
#itemNotAvailable
{
color: red;
font-size: 20px;
font-family: 'Archivo Narrow';
}
#divNachnahne
{
width: 450px;
height: 300px;
margin:10px 20px;
font-size: 18px;
}
#divNachnahne h1
{
color: red;
font-weight: bold;
font-size: 22px;
margin-bottom: 10px;
}
#divNachnahne nav
{
margin-top: 20px;
text-align: center;
}
/*Checkout -> Showcart*/
#Warenkorb
{
max-width: calc(100% - 40px);
margin-left: auto;
margin-right: auto;
position: relative;
color: #666;
font-family: 'Archivo Narrow';
margin-bottom: 20px;
margin-top: 30px;
}
#WarenkorbSum
{
position: relative;
color: #666;
font-family: 'arial';
}
.summaryContent #orderAGB
{
margin-top: 0;
margin-left: 20px;
}
.summaryContent #footerAGB
{
width: auto;
margin: 0;
}
.summaryContent #checkoutFooter {
display: block;
}
#Warenkorb h2
{
font-size: 20px;
margin-bottom: 15px;
font-family: 'Archivo Narrow';
}
#Warenkorb > a, #WarenkorbSum > a
{
position: absolute;
top:-10px;
right: 0;
}
#cart-content
{
border: 1px solid #CCCCCC;
margin-bottom: 40px;
overflow: hidden;
border-radius: 5px;
max-width: 100%;
}
#Warenkorb #cart-content
{
background: #fff;
margin-bottom: 20px;
}
#Warenkorb .absatz
{
margin-bottom: 20px;
}
#cart-content header
{
background-color: #e3e3e3;
font-weight: bold;
margin-bottom: 0;
display: flex;
display: -webkit-box;
}
#cart-content .item-row
{
display: flex;
display: -webkit-box;
}
.data h3 {
font-size: 18px;
font-weight: bold;
}
.cell-1
{
padding-left: 8px;
padding-top: 8px;
padding-bottom: 8px;
position: relative;
text-align: left;
width: 52.444%;
box-sizing: border-box;
}
#cart-content .containerWK
{
display: flex;
box-sizing: border-box;
}
#WarenkorbSum .cell-1
{
width: 51.444%;
}
.cell-2
{
position: relative;
width: 8.444%;
padding: 8px 0;
text-align: center;
box-sizing: border-box;
}
.cell-3
{
position: relative;
width: 12.444%;
padding: 8px 0;
text-align: center;
font-family: 'Archivo Narrow';
box-sizing: border-box;
}
.cell-4{
font-weight: bold;
position: relative;
text-align: right;
width: 10.444%;
box-sizing: border-box;
padding: 8px 0;
}
.cell-5
{
font-weight: bold;
padding-right: 8px;
padding-top: 8px;
padding-bottom: 8px;
position: relative;
text-align: right;
width: 14.444%;
box-sizing: border-box;
}
div.article-info-cell
{
overflow: hidden;
}
div.article-info-cell figure
{
flex-basis: auto;
width: 40%;
position: relative;
}
div.article-info-cell .data
{
flex-basis: auto;
width: 60%;
margin-left: 10px;
}
#WarenkorbSum div.article-info-cell .data
{
width: calc(75% - 10px);
font-family: 'Archivo Narrow';
}
div.article-info-cell .data h3, .liBottom
{
margin-bottom: 8px;
}
.liBottom
{
margin-top: 3px;
}
div.article-info-cell .data a
{
color: #666;
text-decoration: none;
}
div.article-info-cell .data a:visited, div.article-info-cell .data a:hover
{
color: #666;
text-decoration: none;
}
#Warenkorb select
{
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
margin: 2px 0;
padding: 2px 4px;
}
#Warenkorb footer, #WarenkorbSum footer
{
padding: 8px;
text-align: right;
font-family: 'Archivo Narrow';
position: relative;
}
#Warenkorb footer .total, #WarenkorbSum footer .total
{
border-top: 1px solid #CCCCCC;
padding-top: 8px;
margin-top: 8px;
overflow: hidden;
display: flex;
display: -webkit-box;
justify-content: flex-end;
-webkit-box-pack: end;
}
#Warenkorb label
{
font-size: 18px;
font-weight: bold;
}
#WarenkorbSum label
{
font-size: 18px;
font-weight: bold;
}
.containerWK > figure > img, div[id*='btnDel-'] img
{
height: auto;
width: 100%;
}
div[id*='btnDel-']
{
font-size: 14px;
font-weight: bold;
cursor: pointer;
display: inline-block;
}
.article-data li
{
font-size: 14px;
}
.value
{
font-weight: bold;
width: 11.444%;
font-size: 18px;
}
#WarenkorbSum .value
{
font-size: 18px;
}
.tax
{
font-size: 10px;
margin-top: 8px;
}
.klarna
{
font-size: 12px;
margin-top: 8px;
}
.is_step
{
background: #f5f5f5;
}
#WarenkorbSum .available, #Warenkorb .available
{
color: #008000;
margin-bottom: 8px;
font-size: 14px;
font-weight: bold;
}
.period
{
margin-bottom: 8px;
font-size: 14px;
line-height: 16px;
}
#wkLeft > nav {
display: flex;
justify-content: space-between;
margin: 40px 0;
}
.wkHead
{
display: flex;
justify-content: space-between;
margin-bottom: 20px;
position: relative;
}
#wkUp > img {
top: 0;
}
#wkUp {
flex-basis: auto;
position: relative;
padding: 0 15px;
margin: 0;
height: 64px;
display: inline-block;
text-align: center;
line-height: 64px;
font-size: 24px;
}
#wkDown {
flex-basis: auto;
margin: 0;
height: 64px;
padding: 0 15px;
text-align: center;
line-height: 64px;
font-size: 24px;
}
.wkHead > a {
margin-right: 130px;
text-decoration: none;
flex-basis: auto;
width: 15%;
display: block;
}
#wkHelp {
display: block;
font-size: 26px;
line-height: 50px;
padding: 0;
text-align: center;
height: 50px;
margin: 0;
}
.wkHead .searchButton
{
font-size: 17px;
background: #2051ab;
background: -webkit-gradient(linear, left top, left bottom, from(#4a7ad9), to(#2051ab));
background: -webkit-linear-gradient(top, #4a7ad9, #2051ab);
background: -moz-linear-gradient(top, #4a7ad9, #2051ab);
background: -ms-linear-gradient(top, #4a7ad9, #2051ab);
background: -o-linear-gradient(top, #4a7ad9, #2051ab);
}
.wkHead .searchButton:hover
{
background: #527acc;
}
#breadWK {
bottom: 0;
font-family: "Roboto";
position: absolute;
font-size: 14px;
}
#breadWK a:link, #breadWK a:visited
{
color: #000;
}
#wkBreadInner
{
flex-basis: auto;
width: 50%;
}
#breadSearch {
margin-bottom: 0;
margin-top: 40px;
}
/*Checkout -> Login*/
.customer-login
{
max-width: 1280px;
margin-left: auto;
margin-right: auto;
font-family: 'Archivo Narrow';
padding-top: 8px;
min-height: 700px;
margin-bottom: 20px;
}
.trustedMain
{
display: flex;
display: -webkit-box;
padding: 15px;
border: 1px solid #ccc;
border-radius: 5px;
box-shadow: 0 1px rgba(255, 255, 255, 0.35), -1px -1px 3px rgba(0, 0, 0, 0.25) inset;
background: url("/images/background.png") repeat-x scroll 0 0 #F6F6F6;
}
.trustedMainPayment
{
display: flex;
padding: 15px;
border: 1px solid #ccc;
border-radius: 5px;
box-shadow: 0 1px rgba(255, 255, 255, 0.35), -1px -1px 3px rgba(0, 0, 0, 0.25) inset;
background: url("/images/background.png") repeat-x scroll 0 0 #F6F6F6;
}
#trusted
{
background: url('/images/Shopbewertung/SB-Box-Skin-Small.png') no-repeat scroll;
width: 180px;
height: 163px;
position: relative;
margin: 0 auto;
}
#catSocialLeft #trusted
{
margin: 0 auto;
}
.trustedRight
{
margin-left: 10px;
font-weight: bold;
font-size: 14px;
flex-basis: 67%;
width: 67%;
}
.trustedRightPayment
{
margin-left: 50px;
font-weight: bold;
font-size: 20px;
flex-basis: 79%;
width: 79%;
}
.trustedRight a,
.trustedRight a:visited,
.trustedRightPayment a,
.trustedRightPayment a:visited
{
text-decoration: none;
color: #000;
}
.trustedContent
{
display: flex;
display: -webkit-box;
}
.trustedContentPayment
{
display: flex;
display: -webkit-box;
padding-top: 30px;
}
.trustedContentPayment > div {
flex-basis: 42%;
width: 42%;
}
.trustedContentPayment .trustRight {
flex-basis: 33% !important;
width: 33% !important;
}
.trustedContentPayment .mid {
flex-basis: 25% !important;
width: 25% !important;
}
.trustedRightInnerLeft
{
flex-basis: 46%;
width: 46%;
}
.trustedRight p, .trustedRightPayment p
{
line-height: 35px;
display: flex;
display: -webkit-box;
}
#kundenservice
{
font-size: 20px;
margin: 7px 0;
}
#kundenservice .green
{
font-size: 21px;
}
.green
{
color: #2DBA18;
font-size: 20px;
}
.spanGreen
{
color: #2a992a;
}
.blue
{
color: #0000ff;
}
.red
{
color: red;
}
.trustedContentPayment .green
{
font-size: 20px;
}
#loginFormLeft > div {
margin-top: 25px;
}
.ratingTitleTop {
margin-top: 10px;
width: 180px;
position: relative;
}
.ratingTitleTop img, .ratingTitleBot img
{
display: block;
margin-left: auto;
margin-right: auto;
}
.ratingTitleTop span, .ratingTitleBot span
{
position: absolute;
bottom: 10px;
left: 0;
width: 100%;
font-family: 'Bitter Italic';
font-size: 14px;
color: #333;
text-align: center;
}
.ratingTitleBot {
margin-top: 5px;
width: 180px;
position: relative;
}
#trusted .stars
{
display: flex;
display: -webkit-box;
justify-content: center;
-webkit-box-pack: center;
}
#trusted .stars > img {
margin-top: 48px;
}
.customer-login > div > .formright
{
font-size: 15px;
}
.customer-login-var1 h1, .customer-login-new-content h1
{
margin-bottom: 25px;
text-align: center;
font-size: 20px;
}
.customer-login-form-regist h1
{
margin-bottom: 25px;
font-size: 20px;
}
.customer-login-new-content nav {
margin-top: 45px;
text-align: center;
}
.customer-loginform-var1 {
min-height: 154px;
}
fieldset {
border: 1px solid #CCCCCC;
border-radius: 5px;
box-shadow: 0 1px rgba(255, 255, 255, 0.35), -1px -1px 3px rgba(0, 0, 0, 0.25) inset;
padding: 30px;
}
.customer-login .customer-loginform-content .input-group input {
margin: 0;
width: 280px;
}
.cell-a select
{
width: 20%;
display: block;
}
input {
padding: 4px 5px 4px 7px;
}
textarea {
padding: 4px 5px 4px 7px;
box-sizing: border-box;
}
.customer-login .customer-loginform-content .input-group label {
width: 85px;
}
.customer-login > .formleft .input-group > label, .customer-login > .formright .input-group > label {
font-size: 15px;
}
div.input-group > label, div.input-group > div.value {
margin: 8px 0 0;
}
div.input-group > label {
display: block;
}
.customer-login .customer-loginform-content {
margin: auto;
width: 82.5%;
}
.customer-login .LoginBottom
{
margin-top: 50px;
text-align: center;
}
.customer-login .LoginBottom > div
{
margin-top:35px;
}
.LoginBottom a {
font-size: 13px;
}
.customer-login .customer-loginform-content .input-group:first-child {
margin-bottom: 10px;
}
.customer-login .customer-loginform-content .input-group {
margin-top: 0;
}
.customer-login-new-wrapper {
background-color: #F8F8F8;
display: table-cell;
vertical-align: middle;
}
div.input-group > label {
display: block;
margin-bottom: 3px;
}
#LoginForm div.input-group > label {
margin-bottom: 7px;
}
#sizeRequest div.input-group > label,
#mailOrder div.input-group > label
{
width: 205px !important;
}
#mailOrder .selectFeld, #sizeRequest .selectFeld
{
width: 360px;
}
#sizeRequest #addressFormRight div.input-group > label {
width: 200px;
}
#addressFormLeft
{
width: 100%;
}
#addressFormRight {
width: 45%;
flex-basis: 45%;
}
#addressFormLeft .f-require
{
margin-bottom: 10px;
}
#addressFormLeft div.input-group > label, #addressFormRight div.input-group > label
{
display: block;
width: 200px;
}
#sizeRequest div.input-group .radio-label,
#mailOrder div.input-group .radio-label,
#addressFormRight div.input-group .radio-label,
.customer-login-form-regist div.input-group .radio-label
{
width: 40px !important;
}
div.input-group.set-radio input, div.input-group.set-radio .radio-label {
margin-top: 4px;
}
div.input-group.set-radio input {
vertical-align: -2px;
}
input[type="radio"] {
padding: 0;
}
div.input-group {
margin-top: 10px;
}
div.input-group > span > input.input-zip, div.input-group > div > span > input.input-zip {
margin-right: 8px;
width: 65px;
}
div.input-group > span > input.input-city, div.input-group > div > span > input.input-city {
width: 76%;
flex-basis: 76%;
display: block;
}
div.input-group > .set {
display: flex;
display: -webkit-box;
flex-basis: 76%;
width: 76%;
}
.customer-login-form-regist div.input-group.set-yesno {
margin-top: 12px;
}
.customer-login-form-regist div.input-group > label {
margin-bottom: 10px;
}
.input-title
{
display: flex;
display: -webkit-box;
justify-content: space-between;
-webkit-box-pack: justify;
flex-basis: 60%;
width: 60%;
}
div.input-group.set-yesno > label {
padding-top: 0;
}
.customer-login-form-regist div.input-group.set-agb {
margin-left: 20px;
margin-top: 12px;
}
div.input-group .checkbox-label {
margin-left: 30px;
}
.customer-login-form-regist div.input-group.set-checkbox > input,
.customer-login-form-regist div.input-group.set-agb > input {
display: table-cell;
margin-right: 8px;
}
.f-require {
font-size: 90%;
margin-bottom: 0;
margin-left: 20px;
margin-top: 5px;
}
.f-require h4{
font-size: 12px;;
}
div.input-group > input[type="text"],
div.input-group > input[type="password"],
div.input-group > input[type="email"],
div.input-group > input[type="number"],
div.input-group > input[type="tel"],
div.input-group > div > input[type="text"],
div.input-group > div > input[type="password"],
div.input-group > div > input[type="email"],
div.input-group > div > input[type="number"],
div.input-group > div > input[type="tel"] {
width: 73%;
flex-basis: 73%;
display: block;
}
.customer-login-var1 > nav
{
text-align: right;
}
.customer-login-form-regist > nav
{
text-align: center;
}
#regNew nav {
margin: 40px 0;
text-align: center;
}
#regNew h1 {
font-size: 20px;
text-align: center;
}
.searchButton.continue {
padding: 20px 104px;
}
.continuepayment .searchButton {
display: block;
font-size: 30px;
padding: 20px 0;
text-align: center;
}
#paymentform > nav {
margin: 20px auto;
max-width: 1280px;
text-align: center;
}
.continuepayment {
display: inline-block;
margin: 20px auto;
font-size: 30px;
line-height: 35px;
height: auto;
padding: 10px;
text-align: center;
}
#PPButton {
cursor: pointer;
display: inline-block;
padding: 0;
}
#changeAddress .customer-login-form-regist nav
{
text-align: center;
display: flex;
display: -webkit-box;
justify-content: space-around;
-webkit-box-pack: center;
}
#changeAddress .customer-login-form-regist a {
display: block;
flex-basis: 30%;
width: 30%;
font-size: 30px;
line-height: 90px;
text-decoration: none;
}
#update {
display: inline-block;
padding: 10px;
height: 30px;
font-size: 25px;
line-height: 30px;
margin-right: 20px;
text-align: center;
}
#btnGoPayment {
display: inline-block;
padding: 10px;
height: 30px;
font-size: 25px;
line-height: 30px;
text-align: center;
}
#pwNew
{
max-width: 700px;
margin-left: auto;
margin-right: auto;
font-family: 'arial';
}
#pwNew .customer-loginform-content
{
margin-bottom: 40px;
}
#pwNew p
{
font-size: 12px;
line-height: 20px;
}
#pwNew .customer-loginform-content h3
{
font-size: 15px;
padding-left:7px;
}
#pwNew nav
{
text-align: center;
margin-bottom: 20px;
}
#pwNew div.input-group {
justify-content: space-between;
-webkit-box-pack: justify;
}
#pwNew fieldset > div
{
border: 5px solid #d3d3d3;
padding: 10px;
padding-bottom: 20px;
}
#checkoutVersand.box-container {
border-radius: 0;
box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.09);
margin: 20px auto;
max-width: calc(100% - 40px);
font-family: 'Archivo Narrow';
line-height: 25px;
position: relative;
}
#checkoutPayment.box-container {
border-radius: 0;
box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.09);
margin: 20px auto;
max-width: calc(100% - 40px);
font-family: 'Archivo Narrow';
line-height: 25px;
position: relative;
}
#WarenkorbSum h2 {
font-size: 40px;
font-weight: bold;
line-height: 40px;
margin-bottom: 0;
margin-left: 7px;
text-align: center;
text-transform: uppercase;
color: #000;
font-family: 'Archivo Narrow';
}
#changeAddress
{
max-width: 1280px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
font-family: 'Archivo Narrow';
color: #000;
}
.paydesc {
font-size: 18px;
}
.paydesc > figure {
margin-top: 10px;
}
#checkoutVersand fieldset > div
{
display: flex;
display: -webkit-box;
}
.paymentArticleTop, .paymentArticle {
display: flex;
display: -webkit-box;
}
.paymentmethodrow
{
width: 100%;
padding-top: 20px;
}
#Kommentar textarea
{
width: 99%;
height: 150px;
resize: none;
font-family: 'arial';
font-size: 16px;
}
.paymentfold
{
width: 62%;
margin-left: 20px;
padding: 20px;
}
.paymentmethodrowTop
{
width: 100%;
padding-top: 20px;
}
.paymentfoldTop
{
width: 21%;
padding: 20px;
margin-left: 20px;
}
.paymentArticle, .paymentArticlePayPal
{
display: flex;
display: -webkit-box;
}
.paylogo > img {
margin-top: 2px;
}
.paymentinfobox h3
{
font-size: 20px;
font-weight: bold;
margin-bottom: 15px;
}
.paymentinfobox p
{
margin-bottom: 8px;
margin-top: 8px;
line-height: 25px;
}
.para .label
{
flex-basis: 20%;
width: 20%;
}
.para #mobile, .para #kontomobile
{
width: 95%;
}
.cell-a
{
margin-top: 12px;
display: flex;
display: -webkit-box;
}
.cell-a .label {
flex-basis: 20% !important;
width: 20% !important;
}
.cell-a > div {
flex-basis: 70%;
width: 70%;
display: flex;
display: -webkit-box;
}
.payradio, .noradio
{
padding-left: 20px;
padding-right: 5px;
margin-bottom: 20px;
}
.paydesc > p {
margin-bottom: 20px;
}
.noradio
{
height: 1px;
padding-right: 40px;
}
#paymentstable .paylogo
{
margin-left: 60px;
}
.paySpan
{
font-size: 18px;
color: red;
text-decoration: underline;
}
.absatzInfo
{
margin: 20px 0 !important;
display: flex;
display: -webkit-box;
}
.absatzInfo > span
{
font-weight: bold;
flex-basis: 75%;
width: 75%;
line-height: 25px;
display: block;
}
.absatzInfo > label {
font-weight: bold;
flex-basis: 20%;
width: 20%;
display: block;
}
.summaryContent
{
display: flex;
display: -webkit-box;
justify-content: space-between;
-webkit-box-pack: justify;
}
.shippingDetails
{
flex-basis: 32%;
width: 32%;
}
.summary
{
max-width: calc(100% - 40px);
margin-left: auto;
margin-right: auto;
color: #666666;
font-family: 'Archivo Narrow';
margin-bottom: 20px;
}
.summary textarea, #sizeRequest textarea,#mailOrder textarea
{
width: 1210px;
height: 150px;
resize: none;
font-family: 'Roboto';
padding-left: 10px;
}
#mailOrder textarea
{
width: 1145px;
}
#sizeRequest > article > h3,
#mailOrder > article > h3
{
margin-bottom: 10px;
font-size: 16px;
}
#sizeRequest > article > p,
#mailOrder > article > p
{
margin-bottom: 20px;
}
#orderAGB
{
border: 1px solid #CCCCCC;
box-shadow: 0 1px rgba(255, 255, 255, 0.35), -1px -1px 3px rgba(0, 0, 0, 0.25) inset;
border-radius: 5px;
background: url("/images/background.png") repeat-x scroll 0 0 #F6F6F6;
margin-top: 10px;
width: 63%;
}
#orderAGB h3, #requestAGB h3, #requestAGBMail h3
{
font-size: 20px;
font-weight: bold;
margin-bottom: 25px;
}
#orderAGB p, #requestAGB p, #requestAGBMail p
{
margin-bottom: 10px;
line-height: 25px;
}
#orderAGB nav
{
margin: 30px 0 15px;
}
.contentAGB
{
padding:30px;
}
.scroller
{
height: 250px;
overflow: auto;
background: #fff;
padding: 20px;
line-height: 25px;
}
.scroller > article
{
margin-bottom: 20px;
}
.contentAGB > div .absolutContent {
background: none repeat scroll 0 0 #FFFFFF;
height: 18px;
left: 0;
position: absolute;
top: 0;
width: 98%;
}
.contentAGB > div .absolutContentBottom {
background: none repeat scroll 0 0 #FFFFFF;
bottom: 0;
height: 18px;
left: 0;
position: absolute;
width: 98%;
}
.contentAGB > div {
position: relative;
}
#checkoutFooter
{
display: flex;
display: -webkit-box;
justify-content: space-between;
-webkit-box-pack: justify;
}
#footerAGB
{
width:70%;
margin: 30px 0;
}
#sizeRequest #footerAGB,
#mailOrder #footerAGB
{
width: 100%;
}
#sizeRequest .searchButton.btnSendRequest,
#mailOrder .searchButton.btnSendRequest {
margin: 20px auto;
padding: 20px 0;
text-align: center;
width: 43%;
}
#sizeRequest #footerAGB > div,
#mailOrder #footerAGB > div
{
flex-basis: 75%;
width: 75%;
}
#footerAGB > p
{
padding-left:28px;
}
.shippingDetails > section
{
border: 1px solid #CCCCCC;
margin-bottom: 8px;
box-shadow: 0 1px rgba(255, 255, 255, 0.35), -1px -1px 3px rgba(0, 0, 0, 0.25) inset;
border-radius: 5px;
}
.footerAGBbot
{
margin-left: 28px;
}
.footerAGBbot .info
{
color: #ff3500;
}
.shippingDetails > section > .sectionTitle {
border-bottom: 1px solid #CCCCCC;
padding: 8px;
font-weight: bold;
display: flex;
display: -webkit-box;
justify-content: space-between;
-webkit-box-pack: justify;
}
.sectionTitle a
{
font-size: 16px;
font-weight: normal;
color: #666;
}
.sectionTitle > .adress-toolbar
{
border-left: 1px solid #CCCCCC;
display: block;
padding-left: 8px;
}
div.address-data
{
margin: 8px;
line-height: 25px;
}
.white
{
background: #fff;
position:relative;
}
#register, #login, #registerGuest
{
display: inline-block;
height: 60px;
line-height: 60px;
font-size: 30px;
margin: 15px auto;
padding-left: 15px;
padding-right: 15px;
text-align: center;
}
/* Fehlerbox - Zahlungsart */
#paymentError
{
margin-left: auto;
margin-right: auto;
max-width: 1280px;
font-family: 'Archivo Narrow';
}
#paymentError > article
{
border: 5px solid #FF0000;
padding: 30px 30px 25px 30px;
background: none repeat scroll 0 0 #FFDEDE;;
}
#paymentError h3
{
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
}
#paymentError p
{
margin-bottom: 5px;
}
/*Bestellung abgechlossen*/
#finalOrder
{
margin-left: auto;
margin-right: auto;
max-width: 1280px;
font-family: 'Archivo Narrow';
margin-top: 20px;
margin-bottom: 20px;
}
#finalOrder .pFinal
{
display: flex;
display: -webkit-box;
}
#finalOrder .pBottom
{
margin-bottom: 20px;
}
#finalOrder article {
display: flex;
display: -webkit-box;
}
#finalOrder article > div
{
flex-basis: 65%;
width: 65%;
}
#finalOrder h3
{
font-size: 22px;
font-weight: bold;
margin-bottom: 30px;
}
#finalOrder p {
margin-bottom: 5px;
line-height: 25px;
}
#finalOrder .pLeft
{
margin-left: 40px;
}
#finalOrder .finalFooter
{
margin-left: 40px;
margin-top: 30px;
}
#finalOrder span
{
display: block;
width: 120px;
}
#finalOrder .absatz
{
margin-bottom: 20px;
}
#finalOrder .absatzHead
{
margin-bottom: 10px;
}
#finalOrder div > figure
{
margin-bottom: 30px;
margin-left: 35px;
}
#finalOrder article > figure {
flex-basis: 35%;
width: 35%;
text-align: center;
align-self: center;
}
#finalPic
{
display: flex;
display: -webkit-box;
-webkit-box-align: center;
align-items: center;
}
/* Navigation Checkout */
#paymentNavi
{
max-width: 1280px;
width: auto;
position: relative;
margin: 0 auto;
font-family: 'Archivo Narrow';
}
.CheckoutNavi
{
display: block;
margin: 20px auto;
text-align: center;
white-space: nowrap;
justify-content: space-between;
-webkit-box-pack: justify;
-webkit-box-align: center;
display: flex;
display: -webkit-box;
}
.naviField
{
display: flex;
display: -webkit-box;
}
#logout
{
align-self: center;
}
#logout a
{
text-decoration: none;
}
#logout .searchButton
{
font-size: 14px;
padding: 5px 9px;
background: #0393fa; /* Old browsers */
background: -moz-linear-gradient(top, #0393fa 5%, #0174bc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#0393fa), color-stop(100%,#0174bc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #0393fa 5%,#0174bc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #0393fa 5%,#0174bc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #0393fa 5%,#0174bc 100%); /* IE10+ */
background: linear-gradient(to bottom, #0393fa 5%,#0174bc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0393fa', endColorstr='#0174bc',GradientType=0 ); /* IE6-9 */
}
#logout .searchButton:hover
{
background: #0392f9; /* Old browsers */
background: -moz-linear-gradient(top, #0392f9 5%, #015daa 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#0392f9), color-stop(100%,#015daa)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #0392f9 5%,#015daa 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #0392f9 5%,#015daa 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #0392f9 5%,#015daa 100%); /* IE10+ */
background: linear-gradient(to bottom, #0392f9 5%,#015daa 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0392f9', endColorstr='#015daa',GradientType=0 ); /* IE6-9 */
}
nav.CheckoutNavi .naviField span
{
background: url("/p/icon/menu_item.gif") no-repeat scroll 0 -29px rgba(0, 0, 0, 0);
display: list-item;
font-size: 16px;
font-weight: bold;
height: 29px;
line-height: 29px;
list-style: none outside none;
width: 180px;
color: #666666;
}
.paymentNotice
{
padding-left: 45px;
padding-top: 25px;
}
.CheckoutNavi .naviField span.is-selected
{
background-position: left top;
color: #FFFFFF;
}
#itemcountdown span
{
font-size: 25px;
font-weight: bold;
}
#itemsoon
{
text-align: center;
margin-bottom: 20px;
padding: 10px 0;
}
#itemsoon strong
{
font-size: 25px;
font-weight: bold;
}
/* SizeRequest */
#sizeRequest,
#mailOrder,
#mailOrderOK,
#itemInfo,
#itemInfoOK
{
max-width: 1280px;
margin-left: auto;
margin-right: auto;
font-family: 'Archivo Narrow';
font-size: 16px;
line-height: 25px;
margin-bottom: 20px;
}
#mailOrderOK a, #itemInfoOK a
{
text-decoration: none;
}
#mailOrderOK .pTop, #itemInfoOK .pTop
{
margin-left: 80px;
}
#mailOrderOK #btnBack, #itemInfoOK #btnBack {
margin-bottom: 40px;
margin-left: 60px;
margin-top: 40px;
}
#mailOrderOK > p,
#itemInfoOK > p
{
margin-left: 5px;
}
#emailOrder {
display: flex;
display: -webkit-box;
}
#sizeRequest h2, #mailOrder h2
{
margin-left: 10px;
}
#sizeRequest h4, #mailOrder h4
{
margin-top: 20px;
margin-bottom: 5px;
font-weight: bold;
}
#sizeRequest > article,
#mailOrder > article
{
margin-left: 15px;
}
#sizeRequest h3,
#mailOrder h3
{
font-size: 18px;
font-weight: bold;
margin-bottom: 15px;
}
#btnEmailOrder
{
display: none;
}
.contentAGB > h3
{
margin-bottom: 25px !important;
}
.captchaBox{
margin-top: 30px !important;
}
#btnRequest, #btnRequestEN
{
display: none;
}
.selectfeld {
flex-basis: 75%;
width: 75%;
display: block;
height: 34px;
}
.customer-login .formright .input-title {
flex-basis: 75%;
width: 75%;
}
#sicherheitscode
{
width:260px;
}
#captcha img
{
margin-right: 10px;
height: 29px;
}
#AfterOrderPayment
{
max-width: 1280px;
margin-left: auto;
margin-right: auto;
color: #666;
font-family: 'Archivo Narrow';
margin-bottom: 20px;
line-height: 25px;
}
#divPP
{
text-align: center;
margin-bottom: 20px;
}
.ccPics{
display: flex;
display: -webkit-box;
align-items: center;
-webkit-box-align: center;
justify-content: center;
-webkit-box-pack: justify;
}
#AfterOrderPayment i
{
font-style: italic;
}
/* Versandkosten */
#shippingCosts
{
display: flex;
font-family: 'Archivo Narrow';
}
#navShipping
{
max-width: 1280px;
margin-left: auto;
margin-right: auto;
font-family: 'Archivo Narrow';
line-height: 25px;
}
.intro
{
line-height: 25px;
}
.shippingTable h1, .shippingTable h3, .intro h1
{
font-size: 22px;
font-weight: bold;
margin-bottom: 20px;
color: #000;
}
.shippingTable > p {
margin-bottom: 10px;
line-height: 20px;
}
#shippingCosts .einleitung
{
line-height: 25px;
margin-top: 20px;
margin-bottom: 40px;
font-size: 16px;
color: #000;
}
#shippingTableInfo figure
{
margin-top: 20px;
}
#shippingCosts h4, #shippingTableInfo h2
{
font-size: 18px;
font-weight: bold;
margin: 20px 0;
color: #000;
}
.spanh4
{
font-size: 18px;
font-weight: bold;
margin: 20px 0 20px 10px;
}
#shippingInfo {
margin-left: 25px;
margin-top: 20px;
}
#shippingInfo li
{
line-height: 25px;
margin-bottom: 20px;
font-size: 16px;
color: #000;
line-height: 25px;
}
.shippingTop
{
background: #666;
color: #fff;
font-weight: bold;
display: flex;
display: -webkit-box;
margin-top: 20px;
}
.shippingEven
{
background: #A0A0A0;
display: flex;
display: -webkit-box;
}
.shippingOdd
{
background: #D3D3D3;
display: flex;
display: -webkit-box;
}
.shippingOdd div, .shippingEven div, .shippingTop div
{
line-height: 30px;
}
.shippingOdd figure, .shippingEven figure
{
padding-top: 7px;
flex-basis: 10%;
width: 10%;
text-align: center;
}
.ImageSpace
{
flex-basis: auto;
width: 10%;
}
.shippingLeftContent
{
width: calc(100% - 290px);
}
.CountryName
{
flex-basis: auto;
width: 30%;
}
.shippingTime
{
flex-basis: auto;
width: 30%;
}
.shippingCosts
{
flex-basis: auto;
width: 30%;
text-align: center;
}
.shippingEven .shippingCosts
{
font-weight: bold;
}
.shippingEven .CountryName
{
font-weight: bold;
}
.shippingEven .shippingCosts.CountryGer, .shippingEven .CountryName.CountryGer
{
font-weight: normal;
}
.shippingTable p
{
color: #000;
}
.pTop
{
margin-top: 20px;
margin-bottom: 20px;
}
.pTopLeft
{
margin-top: 20px;
margin-bottom: 20px;
margin-left: 35px;
}
.pTopRight
{
margin-top: 20px;
margin-bottom: 20px;
margin-left: 5px;
}
.pMid
{
margin-top: 20px;
margin-bottom: 10px;
}
.pBot
{
margin-top: 10px;
margin-bottom: 10px;
}
/* Zahlungsmöglichkeiten */
#paymentMethod
{
display: flex;
font-family: 'Archivo Narrow';
font-size: 16px;
color: #000;
}
#paymentMethodEN {
color: #000;
font-family: "Archivo Narrow";
font-size: 16px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
max-width: 1280px;
}
#paymentMethodDetails
{
line-height: 25px;
}
#paymentMethodDetails h2
{
font-size: 24px;
font-weight: bold;
}
#paymentMethodDetails h3
{
font-size: 20px;
font-weight: bold;
}
#paymentMethod .einleitung
{
line-height: 25px;
}
#paymentMethod .einleitung h1
{
font-weight: bold;
font-size: 30px;
margin-top: 10px;
}
.paymentMethodContent
{
width: calc(100% - 290px);
}
.faqContent
{
width: calc(100% - 290px);
}
.paymentMethodContent figcaption {
line-height: 25px;
margin: 10px 0 20px;
text-align: left;
}
#LogoDHL
{
width: 120px;
}
/* Größentabelle */
#sizeTable
{
display: flex;
font-family: 'Archivo Narrow';
font-size: 16px;
}
#sizechart_en
{
max-width: 1280px;
margin: 0 auto;
font-family: 'Archivo Narrow';
font-size: 16px;
margin-bottom: 20px;
}
#sizechart_en article
{
margin-top: 20px;
}
#sizechart_en h2
{
margin-left: 7px;
}
#sizechart_en h3
{
margin-left: 10px;
font-size: 18px;
}
.rowSizeTable {
display: flex;
font-size: 18px;
}
.rowSizeTableCM {
display: flex;
font-size: 18px;
}
.rowSizeTableCM div
{
flex-basis: auto;
width: 25%;
text-align: center;
font-weight: bold;
line-height: 40px;
box-sizing: border-box;
}
.rowSizeTable div
{
flex-basis: auto;
width: 33.33%;
text-align: center;
font-weight: bold;
line-height: 40px;
box-sizing: border-box;
}
#sizeTableContentLeft
{
width: calc(100% - 290px);
}
#NikeDamen .rowSizeTableCM div,
#ReeDamen .rowSizeTableCM div,
#AsicsDamen .rowSizeTableCM div,
#AsicsDamen_2 .rowSizeTableCM div,
#LacDamen .rowSizeTable div
{
border: 1px solid #F4AFF3;
}
#NikeHerren .rowSizeTableCM div,
#ReeHerren .rowSizeTableCM div,
#AsicsHerren .rowSizeTableCM div,
#AsicsHerren_2 .rowSizeTableCM div,
#LacHerren .rowSizeTable div
{
border: 1px solid #AFC5F4;
}
#NikeGS .rowSizeTableCM div
{
border: 1px solid #BFC3CA;
}
.rowTopDamen div,
.rowTopHerren div,
.rowTopGS div
{
width: 100%;
line-height: 40px;
background: #666;
}
.rowTopDamenCM
{
margin-top: 15px;
display: flex;
display: -webkit-box;
}
.rowTopDamenCM div,
.rowTopHerrenCM div
{
width: 100%;
line-height: 40px;
background: #666;
}
.NikeGSEUR, .NikeGSUK
{
background: #a0a0a0;
}
.NikeGSUS, .NikeGSCM
{
background: #d3d3d3;
}
.NikeDamenEURhead,
.NikeDamenUKhead,
.LacDamenEURhead,
.LacDamenUKhead,
.ReeDamenEURhead,
.ReeDamenUKhead,
.AsicsDamenEURhead,
.AsicsDamenUKhead
{
background: #897B87;
padding: 1px;
border: 0 !important;
font-size: 20px;
color: #fff;
}
.NikeGSEURhead,
.NikeGSUKhead
{
background: #777377;
padding: 1px;
border: 0 !important;
font-size: 20px;
color: #fff;
}
.NikeHerrenEURhead,
.NikeHerrenUKhead,
.LacHerrenEURhead,
.LacHerrenUKhead,
.ReeHerrenEURhead,
.ReeHerrenUKhead,
.AsicsHerrenEURhead,
.AsicsHerrenUKhead
{
background: #547490;
padding: 1px;
border: 0 !important;
font-size: 20px;
color: #fff;
}
.NikeDamenUShead,
.NikeDamenCMhead,
.LacDamenUShead,
.ReeDamenUShead,
.ReeDamenCMhead,
.AsicsDamenUShead,
.AsicsDamenCMhead
{
background: #A09E9F;
padding: 1px;
border: 0 !important;
font-size: 20px;
color: #fff;
}
.NikeHerrenUShead,
.NikeHerrenCMhead,
.LacHerrenUShead,
.ReeHerrenUShead,
.ReeHerrenCMhead,
.AsicsHerrenUShead,
.AsicsHerrenCMhead
{
background: #7DA3C3;
padding: 1px;
border: 0 !important;
font-size: 20px;
color: #fff;
}
.NikeGSUShead,
.NikeGSCMhead
{
background: #A09E9F;
padding: 1px;
border: 0 !important;
font-size: 20px;
color: #fff;
}
.NikeHerrenUK,
.NikeHerrenEUR,
.LacHerrenUK,
.LacHerrenEUR,
.ReeHerrenUK,
.ReeHerrenEUR,
.AsicsHerrenUK,
.AsicsHerrenEUR,
.AsicsHerren_2UK,
.AsicsHerren_2EUR
{
background: #85BCEF;
}
.NikeHerrenUS,
.NikeHerrenCM,
.LacHerrenUS,
.ReeHerrenUS,
.ReeHerrenCM,
.AsicsHerrenUS,
.AsicsHerrenCM,
.AsicsHerren_2US,
.AsicsHerren_2CM
{
background: #DCECFA;
}
.NikeDamenUK,
.NikeDamenEUR,
.LacDamenUK,
.LacDamenEUR,
.ReeDamenUK,
.ReeDamenEUR,
.AsicsDamenUK,
.AsicsDamenEUR,
.AsicsDamen_2UK,
.AsicsDamen_2EUR
{
background: #F782E4;
}
.NikeDamenUS,
.NikeDamenCM,
.LacDamenUS,
.ReeDamenUS,
.ReeDamenCM,
.AsicsDamenUS,
.AsicsDamenCM,
.AsicsDamen_2US,
.AsicsDamen_2CM
{
background: #F4D5E9;
}
.AsicsDamenEUR:hover,
.AsicsDamenUS:hover,
.AsicsDamenUK:hover,
.AsicsDamenCM:hover,
.AsicsDamenEURhead.highlightWomenHead,
.AsicsDamenUShead.highlightWomenHead,
.AsicsDamenUKhead.highlightWomenHead,
.AsicsDamenCMhead.highlightWomenHead,
.NikeDamenEUR:hover,
.NikeDamenUS:hover,
.NikeDamenUK:hover,
.NikeDamenCM:hover,
.NikeDamenEURhead.highlightWomenHead,
.NikeDamenUShead.highlightWomenHead,
.NikeDamenUKhead.highlightWomenHead,
.NikeDamenCMhead.highlightWomenHead,
.ReeDamenEUR:hover,
.ReeDamenUS:hover,
.ReeDamenUK:hover,
.ReeDamenCM:hover,
.ReeDamenEURhead.highlightWomenHead,
.ReeDamenUShead.highlightWomenHead,
.ReeDamenUKhead.highlightWomenHead,
.ReeDamenCMhead.highlightWomenHead,
.LacDamenEUR:hover,
.LacDamenUS:hover,
.LacDamenUK:hover,
.LacDamenEURhead.highlightWomenHead,
.LacDamenUShead.highlightWomenHead,
.LacDamenUKhead.highlightWomenHead
{
background: #A9CFF0;
}
.AsicsDamenEUR.highlightWomen,
.AsicsDamenUS.highlightWomen,
.AsicsDamenUK.highlightWomen,
.AsicsDamenCM.highlightWomen,
.NikeDamenEUR.highlightWomen,
.NikeDamenUS.highlightWomen,
.NikeDamenUK.highlightWomen,
.NikeDamenCM.highlightWomen,
.ReeDamenEUR.highlightWomen,
.ReeDamenUS.highlightWomen,
.ReeDamenUK.highlightWomen,
.ReeDamenCM.highlightWomen,
.LacDamenEUR.highlightWomen,
.LacDamenUS.highlightWomen,
.LacDamenUK.highlightWomen
{
background: #fff;
}
.AsicsHerrenEUR:hover,
.AsicsHerrenUS:hover,
.AsicsHerrenUK:hover,
.AsicsHerrenCM:hover,
.AsicsHerrenEURhead.highlightWomenHead,
.AsicsHerrenUShead.highlightWomenHead,
.AsicsHerrenUKhead.highlightWomenHead,
.AsicsHerrenCMhead.highlightWomenHead,
.NikeHerrenEUR:hover,
.NikeHerrenUS:hover,
.NikeHerrenUK:hover,
.NikeHerrenCM:hover,
.NikeHerrenEURhead.highlightWomenHead,
.NikeHerrenUShead.highlightWomenHead,
.NikeHerrenUKhead.highlightWomenHead,
.NikeHerrenCMhead.highlightWomenHead,
.ReeHerrenEUR:hover,
.ReeHerrenUS:hover,
.ReeHerrenUK:hover,
.ReeHerrenCM:hover,
.ReeHerrenEURhead.highlightWomenHead,
.ReeHerrenUShead.highlightWomenHead,
.ReeHerrenUKhead.highlightWomenHead,
.ReeHerrenCMhead.highlightWomenHead,
.LacHerrenEUR:hover,
.LacHerrenUS:hover,
.LacHerrenUK:hover,
.LacHerrenEURhead.highlightWomenHead,
.LacHerrenUShead.highlightWomenHead,
.LacHerrenUKhead.highlightWomenHead
{
background: #A9CFF0;
}
.AsicsHerrenEUR.highlightWomen,
.AsicsHerrenUS.highlightWomen,
.AsicsHerrenUK.highlightWomen,
.AsicsHerrenCM.highlightWomen,
.NikeHerrenEUR.highlightWomen,
.NikeHerrenUS.highlightWomen,
.NikeHerrenUK.highlightWomen,
.NikeHerrenCM.highlightWomen,
.ReeHerrenEUR.highlightWomen,
.ReeHerrenUS.highlightWomen,
.ReeHerrenUK.highlightWomen,
.ReeHerrenCM.highlightWomen,
.LacHerrenEUR.highlightWomen,
.LacHerrenUS.highlightWomen,
.LacHerrenUK.highlightWomen
{
background: #fff;
}
.NikeGSEUR:hover,
.NikeGSUS:hover,
.NikeGSUK:hover,
.NikeGSCM:hover,
.NikeGSEURhead.highlightWomenHead,
.NikeGSUShead.highlightWomenHead,
.NikeGSUKhead.highlightWomenHead,
.NikeGSCMhead.highlightWomenHead
{
background: #A9CFF0;
}
.NikeGSEUR.highlightWomen,
.NikeGSUS.highlightWomen,
.NikeGSUK.highlightWomen,
.NikeGSCM.highlightWomen
{
background: #fff;
}
.rowTopDamen,
.rowTopDamenCM,
.rowTopHerren,
.rowTopHerrenCM,
.rowTopGS
{
text-align: left;
background: #666;
line-height: 30px;
color: #fff;
font-weight: bold;
padding-left: 10px;
font-size: 25px;
}
.rowTopDamen
{
margin-top: 15px;
}
.menAsics, .womenAsics
{
margin-bottom: 5px;
}
.womenAsics
{
margin-top: 15px;
}
.menAsicsRight
{
width: 100%;
}
.menAsicsLeft
{
font-weight: bold;
margin-bottom: 10px;
}
#AsicsHerren .rowTopHerren,
#AsicsHerren_2 .rowTopHerren
{
margin-top: 0;
}
.rowTopHerren, .rowTopGS, .menAsics, .rowTopHerrenCM
{
margin-top: 40px;
}
.rowTopHerren.topAsics
{
margin-top: 0;
}
.rowTopDamen.topAsics
{
margin-top: 0;
}
#sizeTableContentRight article
{
margin-top: 20px;
}
#sizeTableContentRight h3
{
margin-left: 40px;
}
/* IE-Hack-> Dropdown-Pfeil entfernen */
select::-ms-expand {
display: none;
}
.selectFeld
{
display: inline-block;
font-size: 16px;
margin-bottom: 10px;
padding: 4px 6px;
vertical-align: middle;
height: 30px;
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
width: 220px;
font-family: 'Archivo Narrow';
}
.selectFeld:disabled
{
background-color: #eee;
}
#step-5
{
font-family: 'Archivo Narrow';
font-size: 16px;
}
.chooseSize
{
border: 1px solid #CCCCCC;
padding: 20px;
}
#step-5 h4
{
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
}
#step-5 > div
{
display: flex;
display: -webkit-box;
}
#step-5 > div > div
{
flex-basis: 33.3%;
width: 33.3%;
text-align: center;
}
.sizeAppletSelectBox
{
display: flex;
display: -webkit-box;
}
.sizeAppletSelect {
flex-basis: auto;
margin-bottom: 20px;
margin-left: 20px;
text-align: center;
width: 50%;
}
.sizeAppletSelect label {
display: block;
font-weight: bold;
margin: 0 auto;
padding-left: 10px;
text-align: left;
width: 52%;
}
.pBottom
{
margin-bottom: 20px;
}
/* Infopages */
#infopages
{
display: flex;
font-family: 'Archivo Narrow';
}
#InfoPageContent {
width: calc(100% - 290px);
}
#infopages .einleitung {
background: #fff none repeat scroll 0 0;
border: 1px solid #ccc;
border-radius: 2px;
box-shadow: 0 1px 1px -1px rgba(153, 153, 153, 0.3);
box-sizing: border-box;
line-height: 25px;
margin: 20px auto;
padding: 20px;
width: calc(100% - 40px);
}
.ListColumn
{
display: flex;
display: -webkit-box;
justify-content: space-between;
-webkit-box-pack: justify;
}
.ListColumn h3
{
font-size: 20px;
margin-left: 10px;
}
.ListColumn ul
{
margin-top: 20px;
}
.ListColumn div
{
padding:20px;
border: 1px solid #EEEEEE;
margin: 10px 0;
}
.ListColumn .column5
{
flex-basis: 15.3%;
width: 15.3%;
}
.ListColumn .column3
{
flex-basis: 28.8%;
width: 28.8%;
}
.ListColumn li
{
line-height: 25px;
}
/* FAQ */
#faq
{
display: flex;
font-family: 'Archivo Narrow';
}
#faq .einleitung
{
margin: 40px 0;
padding-left: 20px;
line-height: 25px;
}
.faqDiv
{
padding:20px;
line-height: 25px;
}
.faqContent h3
{
background: -moz-linear-gradient(top, #fdfcfc 0%, #fbf9f9 50%, #f7f5f6 50%, #f2f0f0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfcfc), color-stop(50%,#fbf9f9), color-stop(50%,#f7f5f6), color-stop(100%,#f2f0f0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fdfcfc 0%,#fbf9f9 50%,#f7f5f6 50%,#f2f0f0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fdfcfc 0%,#fbf9f9 50%,#f7f5f6 50%,#f2f0f0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fdfcfc 0%,#fbf9f9 50%,#f7f5f6 50%,#f2f0f0 100%); /* IE10+ */
background: linear-gradient(to bottom, #fdfcfc 0%,#fbf9f9 50%,#f7f5f6 50%,#f2f0f0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfcfc', endColorstr='#f2f0f0',GradientType=0 ); /* IE6-9 */
border: 1px solid #cecece;
margin-bottom: 5px;
padding:10px;
position: relative;
font-size: 18px;
line-height: 25px;
}
.faqContent h3 span
{
background-image: url('/p/icon/down.png');
height: 12px;
margin-top: -6px;
position: absolute;
top: 50%;
width: 12px;
right: 1%;
opacity: 0.4;
}
#faq .accordion_faq > ol {
margin-bottom: 20px;
margin-top: 20px;
}
#faq h2
{
font-size: 22px;
margin-left: 20px;
}
.faqContent h3:hover span,.faqContent .active span
{
opacity: 1;
right: 14px;
transform: rotate(90deg);
}
#faq h4
{
margin: 10px 0;
font-weight: bold;
}
/* Impressum */
#impressum
{
font-family: 'Archivo Narrow';
display: flex;
}
#impressumNL
{
display: flex;
font-family: 'Archivo Narrow';
}
#impressum article {
background: #fff none repeat scroll 0 0;
border: 1px solid #ccc;
border-radius: 2px;
box-shadow: 0 1px 1px -1px rgba(153, 153, 153, 0.3);
box-sizing: border-box;
margin: 20px auto;
padding: 20px;
width: calc(100% - 40px);
line-height: 25px;
}
#impressum h4
{
font-size: 16px;
margin-left: 10px;
}
#impressumNL article
{
margin: 20px 0 40px;
line-height: 25px;
}
#impressumNL h4
{
font-size: 16px;
margin-left: 10px;
font-weight: bold;
}
#impressumTrusted
{
display: flex;
display: -webkit-box;
}
#impressumTrusted > figure {
margin-left: 20px;
margin-top: 15px;
}
#shopAGB
{
font-family: 'Archivo Narrow';
display: flex;
}
#shopAGBEN
{
font-family: 'Archivo Narrow';
display: flex;
}
#shopAGB article, #shopAGBEN article {
background: #fff none repeat scroll 0 0;
border: 1px solid #ccc;
border-radius: 2px;
box-shadow: 0 1px 1px -1px rgba(153, 153, 153, 0.3);
box-sizing: border-box;
margin: 20px auto;
padding: 20px;
width: calc(100% - 40px);
line-height: 25px;
}
#shopAGB h2
{
font-weight: bold;
}
#shopAGBEN h2
{
font-weight: bold;
}
#shopAGBEN h3
{
font-weight: bold;
}
#agbwiderruf
{
padding: 30px;
border: 1px dashed red;
}
#agbContent ul
{
list-style: disc;
padding-left:30px;
}
#agbContent li
{
margin-bottom: 20px;
}
#agbContent #toc_container li {
margin-bottom: 10px;
}
/* Kontakt */
#contactMailSent
{
display: flex;
font-family: 'Archivo Narrow';
}
#contactPage .intro
{
line-height: 25px;
}
.pKontaktButton
{
margin-left: 35px;
}
.pKontakt
{
font-size: 20px;
margin-bottom: 30px;
margin-left: 20px;
}
#contactMailSent
{
padding-top: 0;
}
#contactMailSent > p > a
{
text-decoration: none;
}
#contactPage .einleitung {
border: 1px solid #CCCCCC;
border-radius: 5px;
box-shadow: 0 1px rgba(255, 255, 255, 0.35), -1px -1px 3px rgba(0, 0, 0, 0.25) inset;
display: flex;
display: -webkit-box;
line-height: 25px;
margin: 40px 0;
padding: 30px;
}
#contactPage h2
{
margin-left: 20px;
}
#contactPage .map
{
min-height: 500px;
position:relative;
}
.contactAddress > figure {
margin-left: 60px;
margin-top: 25px;
}
#map_canvas
{
width: calc(100% - 40px);
height: calc(100% - 40px);
position:absolute;
}
.contactContent
{
display: flex;
}
.contactContent .input-group
{
display: flex;
}
.contactContent .input-group label
{
width: 100px;
}
.contactContent .captchaBox
{
padding-top: 35px;
}
.contactContent .captchaBox h3
{
font-size: 15px;
}
.contactContent .captchaBox input
{
width: 95px !important;
}
.contactContent .captchaBox #captcha img
{
padding-left: 43px;
padding-right: 10px;
}
.input-group.captchaBox > div {
display: flex;
display: -webkit-box;
}
.contactContent textarea
{
width: 100%;
height: 210px;
resize: none;
font-family: 'Archivo Narrow';
font-size: 16px;
box-sizing: border-box
}
.contactContentRight {
flex-basis: auto;
margin-left: 30px;
width: calc(45% - 42px);
}
.contactContent #art
{
font-size: 16px;
padding:4px;
}
#contactPage .einleitung nav
{
text-align: right;
}
#contactMsg nav {
text-align: center;
}
#btnSendMsg {
font-size: 30px;
height: auto;
margin-top: 30px;
padding: 10px;
position: relative;
display: inline-block;
text-align: center;
}
/* Über Purchaze */
#about
{
font-family: 'Archivo Narrow';
display: flex;
}
#aboutEN
{
max-width: 1280px;
margin: 0 auto;
font-family: 'Archivo Narrow';
}
#aboutEN > h2 {
font-size: 20px;
font-weight: bold;
}
.aboutContentRight {
display: flex;
display: -webkit-box;
margin: 0 auto;
width: 100%;
}
#aboutContentRightLeft
{
flex-basis: auto;
width: 22%;
}
#aboutContentRightRight
{
flex-basis: auto;
width: 35%;
}
.aboutContent figure {
margin-bottom: 15px;
margin-left: 120px;
}
#aboutTop figure {
text-align: center;
}
/* ItemInfo */
#itemInfoContent
{
max-width: 900px;
margin: 20px auto 0;
}
#itemInfoContent input[type="text"]
{
width: 375px;
font-size: 16px;
}
#itemInfoContent #captcha {
margin-left: 25px;
}
#itemInfoContent .captchaBox {
padding-left: 7px;
margin-top: 0 !important;
display: block !important;
flex-basis: 50%;
width: 50%;
}
#mailOrder .captchaBox
{
display: block;
padding-left: 7px;
}
#mailOrderTrusted
{
display: flex;
display: -webkit-box;
margin-top: 40px;
}
#mailOrderTrusted > div {
flex-basis: 50%;
width: 50%;
}
#itemInfoContent #sicherheitscode,
#mailOrder #sicherheitscode
{
width: 80px !important;
}
#itemInfoContentHead {
display: flex;
display: -webkit-box;
margin-bottom: 20px;
}
#itemInfoFooter
{
display: flex;
display: -webkit-box;
align-items: center;
-webkit-box-align: center;
}
#itemInfoContentHead > figure {
flex-basis: 28%;
width: 28%;
}
#itemInfoContent textarea
{
width: 375px;
height: 150px;
resize: none;
font-family: 'arial';
font-size: 16px;
}
#itemInfoContent p
{
margin-left: 10px;
}
#itemInfoContent div.input-group > label {
width: 235px;
}
#itemInfo .captchaBox > h3,
#mailOrder .captchaBox > h3
{
font-size: 15px;
}
#itemInfo #btnQuestion {
margin-left: 22px;
text-align: center;
}
#itemInfoTrusted
{
display: flex;
display: -webkit-box;
}
#itemInfoTrusted > figure {
margin-left: 30px;
margin-top: 30px;
}
/* Partner */
#othersites
{
display: flex;
font-family: 'Archivo Narrow';
line-height: 25px;
padding: 0 10px;
}
#partner
{
font-family: 'Archivo Narrow';
display: flex;
}
#partnerContent
{
width: calc(100% - 290px);
}
#partnerContent article ul
{
padding-left:30px;
}
#partnerContent article li
{
line-height: 25px;
list-style: disc;
}
#othersites article
{
margin-top: 20px;
padding-left: 20px;
}
#othersites li
{
list-style: disc inside;
}
#othersites h2
{
margin-left: 10px;
}
#othersites h3
{
font-size: 18px;
}
#showPartner
{
max-width: 1280px;
margin: 0 auto;
font-family: 'Archivo Narrow';
}
#showPartner .einleitung
{
margin: 40px 0;
padding-left: 20px;
line-height: 25px;
}
#showPartner .einleitung .PartnerContent
{
display: flex;
display: -webkit-box;
align-items: flex-start;
}
#arrival
{
display: flex;
font-family: 'Archivo Narrow';
}
#arrival .einleitung, #arrival .mainContent
{
margin-bottom: 20px;
}
div.pTop p.pTop {
display: block;
margin: 20px auto;
width: 90%;
}
#arrivalRightContent form
{
text-align: center;
}
#planer {
margin-bottom: 20px;
width: 60%;
margin: 0 auto 20px;
text-align: left;
}
#planer .spanh4 {
margin-left: 20px;
font-size: 16px;
}
#arrivalContent button {
border: 0;
font-size: 30px;
position: relative;
padding: 10px;
height: auto;
display: inline-block;
}
#arrivalContent input[name="saddr"] {
width: 100%;
}
#Anfahrt, #Anfahrt:visited
{
color: #000;
text-decoration: none;
}
#planer > h3 {
font-size: 20px;
font-weight: bold;
margin-bottom: 5px;
}
#arrivalRightContent h2 {
display: inline-block;
font-size: 20px;
font-weight: bold;
padding: 5px 0;
margin-bottom: 15px;
line-height: 32px;
}
#arrivalRightContent div.pTop h2
{
display: block;
text-align: center;
background: none;
}
#arrivalContent iframe
{
width: 100%;
height: 500px;
}
#arrivalRightContent h1 {
font-size: 26px;
font-weight: bold;
position: relative;
margin-bottom: 25px;
}
#arrivalSidebar {
background: none repeat scroll 0 0 #EDEDED;
flex-basis: 25%;
font-family: 'Roboto';
margin-right: 20px;
padding: 10px 12px 12px;
width: 25%;
}
#arrivalRightContent {
background: #fff none repeat scroll 0 0;
border: 1px solid #ccc;
border-radius: 2px;
box-shadow: 0 1px 1px -1px rgba(153, 153, 153, 0.3);
box-sizing: border-box;
margin: 20px auto;
padding: 20px;
width: calc(100% - 40px);
}
#arrivalSidebar h4 {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDEvMTcvMTOYD50mAAAAG0lEQVQImWO8e/fufwYGBgbGb9++/WdgYGAAAFC4B3pTF7doAAAAAElFTkSuQmCC") repeat-x scroll 0 bottom rgba(0, 0, 0, 0);
font-size: 16px;
font-weight: bold;
line-height: 30px;
margin-bottom: 10px;
}
#arrivalSidebar > ul {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #DDDDDD;
padding: 10px 0 10px 30px;
}
#arrivalSidebar li {
list-style-position: outside;
list-style-type: disc;
}
#showPartner .einleitung .PartnerContent img {
max-width: 100%;
margin: 20px 0;
}
/* Shopseiten */
#Shopseite, #Infoseite, #ShopseitenList
{
display: flex;
font-family: 'Archivo Narrow';
margin-top: 65px
}
#ShopPageContent {
width: calc(100% - 290px);
}
#ShopseitenList .einleitung {
background: #fff none repeat scroll 0 0;
border: 1px solid #ccc;
border-radius: 2px;
box-shadow: 0 1px 1px -1px rgba(153, 153, 153, 0.3);
box-sizing: border-box;
margin: 20px auto;
padding: 20px;
width: calc(100% - 40px);
line-height: 25px;
}
.seoNavi {
display: flex;
}
.seoNavi .navLabel {
width: 45px;
}
.seoNavi #toc_container .lblTxt {
width: calc(100% - 45px);
}
#Shopseite h1, #Infoseite h1
{
margin-left: 20px;
}
#Shopseite nav h2
{
font-size: 20px;
margin-top: 20px;
margin-left: 10px;
}
#Shopseite article, #Infoseite .InfoArtikel, #InfoContent nav {
background: #fff none repeat scroll 0 0;
border: 1px solid #ccc;
border-radius: 2px;
box-shadow: 0 1px 1px -1px rgba(153, 153, 153, 0.3);
box-sizing: border-box;
margin: 20px auto;
padding: 20px;
width: calc(100% - 40px);
line-height: 25px;
}
#Shopseite article h3, #Shopseite article h2, #Infoseite h2 {
background-color: #e6eaef;
display: inline-block;
font-size: 16px;
font-weight: bold;
padding: 5px;
}
#Shopseite h3 a
{
text-decoration: none;
}
#Shopseite h2 a
{
text-decoration: none;
}
#ShopPageContent nav ol, .breadcrumb nav ol, .detailPageNavi nav ol,
#navShipping nav ol
{
margin-top: 10px;
padding-left:30px;
}
#ShopPageContent > nav {
margin-left: 20px;
}
.detailPageNavi a
{
font-size: 16px;
font-family: 'Roboto';
text-decoration: none;
color: #000;
}
#ShopPageContent nav li,.breadcrumb nav li, .detailPageNavi nav li, #navShipping nav li
{
line-height: 25px;
list-style: disc;
}
.btnCenter
{
text-align: center;
}
.btnCenter a
{
text-decoration: none;
}
#InfoContent
{
}
#InfoSidebar, .PartnerContentLeft
{
flex-basis: 25%;
width: 25%;
padding: 10px 12px 12px;
font-family: 'Roboto';
background: #ededed;
margin-right: 20px;
}
#InfoContent {
width: calc(100% - 290px);
}
.PartnerContent > div:nth-child(2) {
flex-basis: 75%;
width: 75%;
}
#InfoSidebar h4,
.PartnerContent h4
{
font-size: 16px;
margin-bottom: 10px;
font-weight: bold;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDEvMTcvMTOYD50mAAAAG0lEQVQImWO8e/fufwYGBgbGb9++/WdgYGAAAFC4B3pTF7doAAAAAElFTkSuQmCC") repeat-x scroll 0 bottom rgba(0, 0, 0, 0);
line-height: 30px;
}
#InfoSidebar a,
.PartnerContent a
{
font-size: 12px;
line-height: 25px;
}
#InfoSidebar > ul,
.PartnerContent ul
{
background: none repeat scroll 0 0 #FFFFFF;
padding: 10px 0 10px 30px;
border: 1px solid #DDDDDD;
}
.PartnerContent li
{
list-style-position: outside;
list-style-type: disc
}
#InfoSidebar li > div {
display: flex;
display: -webkit-box;
justify-content: space-between;
-webkit-box-pack: justify;
}
#toggleSpan
{
width: 32%;
}
#toggleSpan .searchButton
{
padding: 8px;
border-radius: 18px;
font-size: 16px;
height: auto;
line-height: 10px;
text-align: center;
}
/* Blog */
.blogBody
{
background: #e5e5e5;
}
.postmetadata
{
font-size: 14px;
}
#blogMain, #BlogSearchResult
{
max-width: 1280px;
margin: 0 auto;
font-family: 'Archivo Narrow';
margin-top: 20px;
}
#blogHeadMob
{
display: none;
}
#blogMain strong
{
font-weight: bold;
}
.blogHead
{
display: flex;
display: -webkit-box;
}
.blogHead .blogName
{
flex-basis: 18%;
width: 18%;
position: relative;
}
.blogHead .blogName h1
{
font-size: 60px;
}
.blogHead .blogName .blogNameContent
{
position: absolute;
top: 14px;;
left: 0;
}
#blogMain article, #BlogSearchResult article
{
margin: 40px 0;
padding: 30px;
line-height: 25px;
background: #fff;
}
#blogMain .einleitung h4
{
font-size: 18px;
font-weight: bold;
}
#BlogSearchResult h2
{
margin-left: 20px;
}
#blogMain article .entry
{
margin-top: 35px;
}
#blogMain article figure
{
background: none repeat scroll 0 0 #E5E5E5;
border: 1px solid #ccc;
display: table;
margin: 0 auto 50px;
padding: 30px 30px 10px;
}
.entry > h2 {
font-size: 25px;
margin-bottom: 20px;
line-height: 30px;
}
.picWidth {
display: block !important;
width: 95%;
}
#blogMain figure img {
display: block;
height: auto;
max-width: 100% !important;
}
#blogMain article figure figcaption
{
text-align: center;
font-size: 14px;
}
#blogMain article ul li
{
margin-bottom: 20px;
}
#blogMain .timeLi
{
display: flex;
display: -webkit-box;
margin-bottom: 20px;
}
.centerVid {
text-align: center;
}
.timeDiv
{
width: 20%;
}
.contentDiv
{
width: 80%;
}
#blogMain article .entry p
{
margin-top: 20px;
margin-bottom: 20px;
}
#blogMain article h3
{
font-size: 16px !important;
}
#blogMain article h3 a, #blogMain article h1 a, #BlogSearchResult article h3 a
{
color: #fff;
text-decoration: none;
}
blockquote:before {
color: #DDDDDD;
content: "“";
display: block;
font-family: Georgia,"Times New Roman",Times,serif;
font-size: 96px;
left: 0;
line-height: 1;
position: absolute;
top: -0.1em;
}
blockquote {
font-size: 1.3em;
padding: 1em 3em;
position: relative;
display: table;
margin-left: auto;
margin-right: auto;
font-family: 'Archivo Narrow';
}
.pagebar {
background: none repeat scroll 0 0 #FFFFFF;
display: flex;
display: -webkit-box;
padding: 20px;
}
.pagebar span.this-page, .pagebar a {
background: linear-gradient(to bottom, #aaaaaa, #666666) repeat scroll 0 0 #aaaaaa;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aaaaaa), color-stop(100%,#666666)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #aaaaaa 0%,#666666 100%); /* Chrome10+,Safari5.1+ */
color: #FFFFFF;
font-size: 18px;
margin-right: 5px;
padding: 10px;
text-decoration: none;
}
.pagebar a:hover {
background-color: #AAAAAA;
text-decoration: none;
}
.pagebar span.this-page {
background: linear-gradient(to bottom, #FF8E00, #FF3100) repeat scroll 0 0 #FF8E00;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8e00), color-stop(100%,#ff3100)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ff8e00 0%,#ff3100 100%); /* Chrome10+,Safari5.1+ */
}
.pagebar .break {
font-size: 18px;
margin-right: 5px;
padding-top: 15px;
}
#blogMain .center a
{
text-decoration: none;
}
.responsive_16-9
{
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
text-align: center;
margin-bottom: 20px;
}
.responsive_16-9 iframe, .responsive_16-9 object, .responsive_16-9 embed
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.otherPosts
{
margin-left: 20px;
}
.otherPosts li
{
margin-bottom: 5px !important;
list-style-type: disc;
}
.otherPosts li a
{
text-decoration: none;
}
#blogMain .searchButton
{
background: linear-gradient(to bottom, #0393FA 5%, #0174BC 100%) repeat scroll 0 0 #0393FA;
border-radius: 5px;
font-size: 20px;
padding: 10px;
}
/* Blog Live Search */
#searchformnews input[name="s"] {
width: 50%;
}
.blogHead #HeadLogo
{
flex-basis: 20%;
width: 20%;
}
#blogSearch
{
align-items: center;
display: flex;
display: -webkit-box;
flex-basis: 46%;
width: 46%;
-webkit-box-align: center;
}
.blogHead #twitter-widget-0 {
width: 58% !important;
}
#blogSocial {
flex-basis: 15%;
width: 15%;
margin-top: 10px;
}
#blog-gplus {
margin-bottom: 4px;
}
#blogSearch .primary-sidebar.widget-area {
width: 100%;
}
#blogMain .entry nav, #categoryTop nav
{
margin-bottom: 20px;
}
#blogMain .entry nav ol,#categoryTop nav ol
{
margin-top: 10px;
padding-left: 30px;
}
#blogMain .entry nav li, #categoryTop nav li
{
line-height: 25px;
list-style: disc outside none;
}
#blogMain .entry nav li a, #categoryTop nav li a
{
text-decoration: none;
}
#blogMain .entry nav li a:visited, #categoryTop nav li a:visited
{
color: blue;
}
#back-to-top {
position:fixed; /* Wichtig! */
bottom:20px;
left:40px;
cursor:pointer;
padding:10px;
background:black;
border-radius:2px;
color:white;
}
/** Dave's WordPress Live Search CSS **/
ul.search_results
{
display: block;
background-color:#fff;
width:500px;
max-height: 500px;
position:absolute;
top:20px;
left:0px;
overflow:auto;
z-index: 9999;
list-style-type: none;
list-style-image: none;
list-style-position: inside;
padding: 0px;
margin: 0px;
box-shadow: 5px 5px 3px #222;
}
ul.search_results li
{
display: flex;
display: -webkit-box;
padding: 5px 10px 5px 10px;
margin: 0px 0px 0px 0px;
border-top: 1px solid #eee;
border-bottom: 1px solid #aaa;
text-align: left;
color: #000;
background-color: #fff;
text-decoration: none;
}
ul.search_results li:hover
{
background-color: #E5E5E5;
}
ul.search_results li a, ul.search_results li a:visited
{
display: block;
color: #000;
margin-left: 0px;
padding-left: 0px;
text-decoration: none;
font-family: 'arial';
}
ul.search_results p#daves-wordpress-live-search_author
{
margin: 0px;
font-size: 90%;
font-weight: bold;
}
ul.search_results p#daves-wordpress-live-search_date
{
margin: 0px;
font-size: 90%;
}
/* BEGIN post thumbnails */
ul.search_results li.post_with_thumb a {
width:300px;
margin-bottom: 5px;
}
ul.search_results li.post_with_thumb img.post_thumb
{
margin: 3px 10px 10px 0px;
height: auto;
width: 90px;
border: 1px solid #888;
}
/* END post thumbnails */
/* BEGIN post excerpt */
ul.search_results .excerpt, ul.search_results .meta
{
font-size: 75%;
width: 100%;
}
/* END post excerpt */
ul.search_results .clearfix
{
float: none !important;
clear: both !important;
}
.search_footer
{
background-color: #fff;
width: 100%;
text-align: right;
padding: .5em 0;
font-size: .9em;
}
.search_footer a,
.search_footer a:visited
{
color: #fff;
margin-right: 1em;
text-decoration: none;
}
#search_results_activity_indicator
{
z-index:999999;
}
#mainC {
display: none;
}
#mainC p {
margin: 5px 0;
flex-basis: auto;
width: auto;
font-weight: bold;
padding: 0 6px;
}
#sizechart_en .sizeAppletText
{
display: none;
}
#thumbs
{
display: block;
}
#thumbsLow
{
display: none;
}
p.detInfo {
text-align: left;
padding-left: 60px;
margin-top: 5px;
font-size: 14px;
}
#fbOuterMob
{
display: none;
}
/* Media Queries */
/* Standartauflösung 1024:768 */
@media (max-width: 1028px)
{
#IconFlex {
display: block;
}
.parallax_colum4 {
width: 100%;
}
#indexPic #indexPicContent h2 {
font-size: 31px;
}
#startAdv h2 {
font-size: 26px;
}
.mainNav ol > li > a, .mainNav ol > li > h2 > a {
font-size: 12px;
}
#mainNavPu li {
font-size: 12px;
}
#contentSize {
display: block;
}
#sizeBoxDetail {
background-color: #fff;
border: 0 none;
border-radius: 2px;
box-sizing: border-box;
flex-basis: auto;
width: 100%;
}
#contentSizeRight {
background-color: #fff;
border-color: #fff #ccc;
border-radius: 2px;
border-style: none solid;
border-width: 0 1px;
box-sizing: border-box;
flex-basis: auto;
padding: 20px 40px;
width: 100%;
}
#sizeRequestSend {
padding: 80px 40px;
}
#detailRight .breadcrumb {
margin: 70px auto 15px;
}
#FinderHowTo h2 {
width: 40%;
}
.product-name h2, .product-name strong, .product-name p
{
font-size: 16px;
}
#picPayment {
box-sizing: border-box;
display: table;
margin: 0 auto;
width: calc(100% - 40px);
}
#picHowTo {
box-sizing: border-box;
display: table;
margin: 0 auto;
width: calc(100% - 40px);
}
#picArrival {
box-sizing: border-box;
display: table;
margin: 0 auto;
width: calc(100% - 40px);
}
#picAGB {
box-sizing: border-box;
display: table;
margin: 0 auto;
width: calc(100% - 40px);
}
#picImprint {
box-sizing: border-box;
display: table;
margin: 0 auto;
width: calc(100% - 40px);
}
#picPayment > img {
width: 100%;
}
#picFAQ {
box-sizing: border-box;
display: table;
margin: 0 auto;
width: calc(100% - 40px);
}
#picPartner {
box-sizing: border-box;
display: table;
margin: 0 auto;
width: calc(100% - 40px);
}
#picVersand {
box-sizing: border-box;
display: table;
margin: 0 auto;
width: calc(100% - 40px);
}
#picVersand > img {
width: 100%;
}
#picSize {
box-sizing: border-box;
display: table;
margin: 0 auto;
width: calc(100% - 40px);
}
#picSize > img {
width: 100%;
}
#picSizeTxt {
bottom: 55px;
}
#detailBigPic {
display: block;
}
#detailBigPic > img {
max-width: 100%;
}
#btnOpenSizes2
{
font-size: 24px;
}
#ContentDetail {
display: block;
}
#ContentDetailSoldOut {
display: block;
}
#ContentDetailSoldOut #DetailSlider {
width: 100%;
margin-bottom: 20px;
}
#ContentDetail #DetailSlider {
width: 100%;
border-color: #ccc #ccc #fff #ccc;
border-style: solid solid none solid;
border-width: 1px 1px 0 1px;
margin-bottom: 0;
}
#contentDetailRight {
border-color: #fff #ccc #fff #ccc;
border-style: none solid none solid;
border-width: 0 1px 0 1px;
width: 100%;
}
.soldoutInfo {
width: 100%;
padding: 20px;
}
#startNike {
bottom: 3px;
}
#index_Nike {
font-size: 30px;
line-height: 60px;
}
.detailItemNike {
width: calc(33.3% - 13.33px);
}
.detailItemNike.lastElement4 {
margin-right: 20px;
}
.detailItemNike.lastElement3 {
margin-right: 0;
}
#indexBlog {
padding: 20px;
}
#blogLink {
bottom: 70px;
height: 40%;
left: 20px;
width: calc(100% - 40px);
}
.textileBox {
padding: 5px;
}
.textileBox > div {
font-size: 30px;
}
#socialContent
{
padding: 20px;
}
#catNikeLogo #brandNike {
display: none;
}
#catNikeLogo #brandLacoste {
display: none;
}
#catNikeLogo #brandAsics {
display: none;
}
#itemContent {
padding: 20px;
}
.slidePanel #indexCatWrapperList {
padding: 10px;
}
#ContentDetail #DetailSlider {
padding: 20px;
}
.itemCart.fa.fa-shopping-cart {
left: 25px;
font-size: 30px;
}
#indexCatWrapperList .banner-text p {
font-size: 12px;
}
.itemCart.fa.fa-shopping-cart.nikeair {
left: 25px;
}
#filterColTxt > ul {
padding-left: 10px;
}
#socialContent .fa {
background-color: rgba(0, 0, 0, 0.2);
height: 40px;
line-height: 40px;
padding-right: 0;
text-align: center;
width: 40px;
}
.sbTxt {
width: calc(100% - 40px);
}
.social_btn {
font-size: 24px;
}
#footerBottomContent .klarna-widget {
padding-left: 65px;
}
#chgLang {
padding-left: 15px;
}
#headerSearch {
width: 32%;
}
#divWK {
width: 35%;
}
#index_payment {
font-size: 30px;
}
#index_skill
{
font-size: 30px;
}
#headerLang {
width: 41%;
}
#availability .iconCart {
font-size: 20px;
}
.mobileBlockAvail {
font-size: 25px;
}
#detSiteNav li {
font-size: 16px;
margin-right: 12px;
}
.detBannerContent figure {
width: 40%;
}
.pPrice {
width: 60%;
}
.slides img
{
max-width: 100%;
}
#startNews {
height: 154px;
}
.picTxt
{
font-size: 38px;
left: 19%;
top: 10px;
}
.iconSex {
width: 77px;
line-height: 34px;
font-size: 16px;
}
.iconPrice {
font-size: 16px;
height: 25px;
line-height: 25px;
width: 25px;
}
.iconFont {
font-size: 25px;
height: 25px;
line-height: 25px;
width: 25px;
}
.iconSize {
font-size: 16px;
height: 25px;
line-height: 25px;
width: 25px;
}
#sizeFilter {
width: 235px;
}
#priceFilter {
width: 130px;
}
#colorFilter {
width: 165px;
}
#catSocialLeft #trustedIndex.ratingDE {
width: 100%;
}
#ratingTxt {
font-size: 20px;
line-height: 28px;
width: 49%;
}
#ratingTxt > span {
display: inline-block;
margin-bottom: 7px;
}
#regFormHead h1 {
font-size: 18px;
}
#fbOuter.fixed {
width: 247px;
}
#menuLeft, #categoryLeft
{
width: 26%;
}
#mainNav > ul {
font-size: 18px;
}
h2#detNavTitle {
font-size: 20px;
}
.conTop {
width: 73%;
}
#addSizeRight {
width: 47%;
}
#addSizeLeft {
margin-right: 30px;
}
#addSizeLeft > figure {
padding: 20px;
display: block;
}
#addSizeLeft > figure img {
display: block;
height: auto;
max-width: 100% !important;
}
#wkHelp {
font-size: 15px;
height: 30px;
line-height: 30px;
}
#loginBox .loginRow .input-group input {
width: 96%;
}
#loginBox .loginRow .input-group .input-city {
width: 96%;
}
#loginBox .loginRow .input-group .streetno {
width: 96%;
}
#usrAccount {
font-size: 16px;
}
div#changeAdr {
font-size: 16px;
}
#wkRight
{
width: 27%;
}
#wkLeft
{
width: 71%;
}
#wkCalcFinal label {
width: 75%;
}
#PPButton {
width: 46%;
}
#detailMidLeft > figure {
width: 52%;
}
#addressHeader figcaption {
width: auto;
}
.arrow_box
{
bottom: 35%;
}
div#HeadZahlung {
width: 27%;
}
div#HeadVersand {
width: 23%;
}
div#HeadRetoure {
width: 26%;
}
ul#navigation li {
font-size: 16px;
}
#headIcons span {
font-size: 20px;
display: block;
}
#nav.fixedNavi {
max-width: 100%;
margin-left: -20px;
}
ul#navigation ul li a {
width: 85%;
}
#Kontakt404 .detailBtnTxt,
#Start404 .detailBtnTxt
{
font-size: 30px;
}
#verticalText.fix-search
{
top: 0;
width: 14%;
}
#navi_wrapper.fix-search
{
width: 94%;
top: 60px;
}
#nav_sub_cats {
left: 22.2% !important;
}
#sub_navi_lvl_3 {
left: 40.4%;
}
.cta_img {
background: none repeat scroll 0 0 #fff;
height: 17%;
padding: 10px;
position: absolute;
right: 14%;
top: 20%;
border: 1px solid #bbb;
border-radius: 3px;
width: 155px;
font-size: 16px;
}
#rechteck::after {
border-bottom: 12px solid transparent;
border-left: 24px solid #0163d2;
border-top: 12px solid transparent;
content: "";
height: 0;
position: absolute;
right: -24px;
top: 0;
width: 0;
}
#rechteck {
background: none repeat scroll 0 0 #0163d2;
bottom: 8%;
color: #fff;
font-size: 12px;
height: 24px;
line-height: 24px;
position: absolute;
text-align: center;
width: 110px;
}
#bannerContentLogin {
font-size: 30px;
}
.rightArrow
{
display: none;
}
#catLinkLeft .a-btn {
padding: 15px 35px 12px 35px;
}
.btnTxtBot {
line-height: 34px;
}
.btnTxtTop {
font-size: 25px;
font-weight: bold;
}
.btnTxtHead {
display: block;
font-size: 18px;
line-height: 28px;
}
#startArrival {
width: 89%;
}
#cdSoon {
left: -60px;
width: 127%;
transform: scale(.73);
-ms-transform: scale(.73);
-webkit-transform: scale(.73);
-o-transform: scale(.73);
-moz-transform: scale(.73);
}
#ratingHeader > div {
width: 76%;
}
#shopRatingContent #shopItemRatingInnerLeft label {
width: 32%;
}
.ratingItemsContentStars > label {
width: 25%;
}
.ratingItemsContentMain .ratingItemsContentStars > label {
width: 50%;
}
.shopRatingDoneInnerContent .liContent > label
{
width: 20%;
}
#shopRatingContent .shopRatingDashboardInnerContent label
{
width: 10%;
}
.shopRatingDoneInnerContent > div > div > div > label, .shopRatingDoneInnerContentStats > div > div > label
{
width: 50%;
}
#shopRatingContent label {
width: 32%;
}
#shopRatingMessage {
width: 315px;
}
#ratingLogout {
width: 10%;
}
#otherItem {
margin-right: 17px;
}
#boxFinance {
width: 31%;
margin-right: 17px;
}
#picVersandTxt {
right: 60px;
font-size: 35px;
}
#btnSendMsg .fa.fa-angle-double-right {
top: 33%;
}
#labelCapture {
display: inline-block;
margin-bottom: 10px;
}
#captcha {
display: inline-block;
vertical-align: middle;
}
.captchaBox > div {
display: block;
}
#captchainput {
display: inline-block;
}
#thumbsLow img {
width: 132px;
}
span.btnCatBlockRight {
display: block;
}
#orderDetails
{
margin: 0 auto 50px;
}
#orderCD b {
font-size: 22px;
}
#Chrome #orderCD,#Safari #orderCD
{
margin-top: 25px;
}
span.inline-block {
line-height: 22px;
}
#availability
{
line-height: 36px;
}
.questionP
{
font-size: 22px;
}
#boxQuestionTop {
padding: 26px 10px;
}
#DetDeliv {
display: block;
}
#thumbs
{
display: none;
}
#thumbsLow
{
display: block;
}
.detailWK .detailWKBottom
{
padding: 0;
}
#mainC {
font-size: 18px;
}
.detBannerContent {
font-size: 30px;
line-height: 40px;
}
#breadDet
{
width: 100% !important;
}
#breadDet div
{
width: 100%;
}
#pageNav .NoLink
{
font-size: 23px;
}
#pageNav .searchButton
{
font-size: 23px;
}
#LoginForm span.open5a,
#LoginForm span.open16a
{
width: 20%;
display: inline-block;
}
#LoginForm span.open3a,
#LoginForm span.open14a
{
width: 56%;
display: inline-block;
}
#catLeft
{
width: 32%;
left: -32%;
}
#leftMenue
{
width: 32%;
left: -32%;
}
#verticalText {
width: 15%;
}
.wkHead > a {
margin-right: 140px;
width: 16%;
}
#addressForm .street_no {
width: 18%;
}
#addressForm .street_no {
width: 18%;
}
#addressForm div.input-group > .set {
width: 95%;
}
.styled_select
{
width: 58%;
}
.shipMeth {
width: 62%;
}
#indexPic h2 {
font-size: 30px;
}
.parallax_column_container h2 span {
display: block;
}
#btf
{
width: 84%;
}
#Delivery .picIcon {
flex-basis: 10%;
width: 10%;
}
#Delivery > div {
font-size: 22px;
width: 65%;
}
#Delivery .picLogo {
flex-basis: 21%;
width: 21%;
}
#leftMenue li a:hover
{
width: 60%;
}
#agbContent .einleitung h1 {
font-size: 20px;
}
.shippingTable > h2 {
font-weight: bold;
margin-top: 20px;
font-size: 17px;
line-height: 34px;
}
#btnReadIntro {
width: 50%;
}
.paymentRight
{
width: 25%;
flex-basis: 25%;
}
.btnSlidertxt {
font-size: 30px;
line-height: 70px;
width: 73%;
}
.sliderCon {
width: 30%;
}
#btnSliderBig {
height: 70px;
}
#btnShop {
font-size: 28px;
}
#FinderContent {
width: 98.6%;
}
.actionContent {
width: 84%;
}
.saleInfo
{
line-height: 5;
}
.customer-login-form-regist h1 {
font-size: 30px;
text-align: center;
}
.btnLoginTxt {
font-size: 28px;
}
.registerTxt {
font-size: 28px;
}
.continueTxt {
display: block;
font-size: 28px;
width: 81%;
}
#AdvLeft > figure, #AdvMid > figure, #AdvBot > figure
{
margin-left: 10px;
}
#contactHeader > figure, #addressHeader > figure, #addressHeader > address
{
margin-left: 20px;
flex-basis: auto;
width: 48%
}
.txtContent {
font-size: 20px;
line-height: 40px;
}
.bannerContent {
font-size: 35px;
line-height: 70px;
}
#spacer .flags .switch-lang-de
{
left: -141px;
}
#spacer .flags .switch-lang-en
{
left: -136px;
}
#HeadLogo {
width: 33%;
}
.detailBtnTxt {
font-size: 25px;
}
.a-btn.question
{
padding-right: 85px;
}
div.detailFancyLnk.a-btn {
padding: 0;
}
#sizeDiv h4
{
font-size: 30px;
}
.paydesc {
width: 80%;
}
#checkoutVersand .half .paydesc {
flex-basis: 65%;
width: 60%;
}
#checkoutVersand .half figure {
flex-basis: 35%;
width: 30%;
}
#checkoutVersand .full .paydesc {
flex-basis: 80%;
width: 80%;
}
#checkoutVersand .full figure {
flex-basis: 15%;
width: 15%;
}
.btnInfoLeft {
margin-top: 30px;
}
.btnAnfrage .searchButton, .btnFrage .searchButton, .btnOrder .searchButton {
width: 50%;
}
#spacer #headRecomm {
align-self: center;
flex-basis: 42%;
width: 42%;
}
#FinderContentCat label {
width: 62%;
}
.spanh4 {
margin: 20px 0;
}
.input-title {
flex-basis: 55%;
width: 55%;
}
#sizeRequest div.input-group > label, #mailOrder div.input-group > label {
width: 168px !important;
}
#HeadVersand img {
margin-left: 10px;
}
#FooterIcons figcaption {
font-size: 13px;
}
#HeadZahlung {
flex-basis: 31.5%;
width: 31.5%;
}
#HeadVersand figure, #HeadRetoure figure, #HeadZahlung figure {
margin-left: 0;
padding-right: 7px;
}
#spacer .flags .lang-drop-down {
width: 91.4%;
}
#sfAnchorInner {
width: 84%;
}
#footerBottomContentLeft {
flex-basis: 50%;
width: 50%;
}
#footerBottomContentRight {
flex-basis: 48%;
width: 48%;
}
.blogTitle, #startContent h3
{
font-size: 24px;
}
#startContent p
{
font-size: 15px;
}
#blogposts article p {
font-size: 16px;
}
#blogposts section {
padding: 16px 0;
}
.artikelSliderSoldOut {
font-size: 14px;
}
.container
{
width: 954px;
}
#blogNav .container
{
left: -247px;
width: 973px;
}
#blogNav .conLacoste
{
left: -494px;
width: 973px;
}
#blogNav .conSonstige
{
left: -740px;
width: 973px;
}
.tabsMenuLeft, .tabsMenuMid, .tabsMenuRight {
flex-basis: 27%;
width: 27%;
}
#contactContent
{
font-size: 14px;
}
#itemInfoContent {
max-width: 885px;
}
.contactCenter
{
font-size: 11px;
}
#about nav ol > li > a, #navShipping nav ol > li > a
{
font-size: 15px;
}
nav ol > li > a
{
font-size: 9px;
}
#toc_container ol > li > a
{
font-size: 100%;
}
.breadcrumb nav ol > li > a {
font-size: 14px;
}
.breadcrumb .pBottom {
font-size: 14px;
}
.container > ul > li > h3
{
font-size: 16px;
}
#breadDetail, #breadCat {
width: 99% !important;
}
.detailPageNaviPadding {
padding: 24px 20px 24px 20px !important;
}
.detailPageNavi {
padding: 34px 20px 39px 40px;
}
.detailPageNavi h1{
font-size: 17px;
}
.tableDetailTop {
font-size: 16px;
}
.tdRadio {
flex-basis: 8.49%;
width: 8.49%;
}
.pcss3t > label {
font-size: 15px !important;
padding: 0 14px !important;
}
.LiInnerContent {
padding-left: 20px;
}
.pPriceBottom {
font-size: 13px;
}
#topseller {
flex-basis: 16.5%;
width: 16.5%;
}
#blogLink > p {
padding-right: 10px;
}
#blogLink .textileBox > div {
font-size: 50px;
}
.detailWK > figure figcaption {
font-size: 13px;
margin-top: 5px;
}
.customer-login .trustedMain
{
display: block;
}
.customer-login .trusted
{
margin: 15px auto 7px;
}
.trustedRight {
margin-left: 0;
width: auto;
}
#kundenservice {
font-size: 24px;
}
#kundenservice .green {
font-size: 25px;
}
.trustedRightInnerLeft {
flex-basis: 50%;
width: 50%;
}
.green {
font-size: 20px;
}
.trustedContentPayment > div {
flex-basis: 40%;
width: 40%;
}
.trustRight {
flex-basis: 33% !important;
width: 33% !important;
}
.trustedContentPayment .mid {
flex-basis: 27% !important;
width: 27% !important;
}
.trustedRightPayment {
flex-basis: 78%;
width: 78%;
font-size: 17px;
margin-left: 19px;
}
.SoldOutLeft
{
flex-basis: auto;
width: 51%;
}
.redLine {
margin: 0 18px;
width: 91%;
}
#catLink figcaption h3 {
font-size: 25px;
}
#catLink figcaption {
font-size: 16px;
}
.customer-login .LoginBottom {
align-items: center;
flex-direction: column-reverse;
-webkit-box-align: center;
-webkit-box-direction: reverse;
-webkit-box-orient: vertical;
}
.absatzInfo > label {
width: 25%;
}
.cell-a .label {
width: 25% !important;
}
.data h3 {
font-size: 16px;
}
#catLink {
height: 490px;
}
.LoginBottom > nav {
margin-top: 20px;
}
.LoginBottom a {
font-size: 12px;
}
.product-name > p
{
font-size: 12px;
line-height: 18px;
margin-top: 5px;
}
.paymentArticlePayPal
{
display: flex;
display: -webkit-box;
}
.customer-login .customer-loginform-content .input-group label {
font-size: 13px;
}
#changeAddress div.input-group {
font-size: 16px;
}
div.input-group {
font-size: 16px;
}
#mailOrder #sicherheitscode {
width: 122px !important;
}
#mailOrderTrusted > div {
flex-basis: 64%;
width: 64%;
}
#finalOrder p {
font-size: 14px;
line-height: 20px;
margin-bottom: 10px;
}
#finalOrder figure {
margin-bottom: 15px;
}
fieldset {
padding: 25px;
}
.paymentinfobox p {
line-height: 25px;
}
.para .label {
flex-basis: 30%;
width: 30%;
}
#footerAGB > p {
padding-left: 0;
}
#sizeRequest #footerAGB > div,
#mailOrder #footerAGB > div
{
flex-basis: 65%;
width: 65%;
}
#WarenkorbSum {
font-size: 14px;
}
.value {
width: 15.444%;
}
.summary textarea, #sizeRequest textarea {
width: 897px;
}
/* Footer*/
#footerTopContent a, #footerTopContent span
{
font-size: 12px;
line-height: 22px;
}
.footerLiRight > p {
font-size: 14px;
line-height: 22px;
padding: 0 10px;
}
#footerTopContent h3
{
font-size: 14px;
}
.rowEven, .rowOdd {
font-size: 12px;
}
#NikeDamendeUS div,
#NikeDamendeUK div,
#NikeDamendeEUR div,
#NikeDamendeCM div {
width: 6%;
}
#NikeHerrendeUS div,
#NikeHerrendeUK div,
#NikeHerrendeEUR div,
#NikeHerrendeCM div {
width: 5.6%;
}
#LacDamendeUS div,
#LacDamendeUK div,
#LacDamendeEUR div
{
width: 9.1%;
}
#LacHerrendeUS div,
#LacHerrendeUK div,
#LacHerrendeEUR div
{
width: 7.5%;
}
#ReeDamendeUS div,
#ReeDamendeUK div,
#ReeDamendeEUR div,
#ReeDamendeCM div
{
width: 6.4%;
}
#ReeHerrendeUS div,
#ReeHerrendeUK div,
#ReeHerrendeEUR div,
#ReeHerrendeCM div
{
width: 5.6%;
}
#sizeTable h3
{
font-size: 24px !important;
}
.sizeAppletSelectBox .selectFeld
{
width: 100%;
font-size: 14px !important;
}
.ListColumn .column5 {
flex-basis: 14.7%;
width: 14.7%;
}
.ListColumn .column3 {
flex-basis: 28.1%;
width: 28.1%;
}
#ShopseitenList .column2 {
flex-basis: auto;
width: 45%;
}
#ShopseitenList .column3 {
flex-basis: auto;
width: 28.2%;
}
.einleitung > h3 {
font-size: 24px !important;
}
.ListColumn div {
margin: 5px;
padding: 20px;
}
.ListColumn h3 {
font-size: 18px;
}
#paymentMethod figcaption {
line-height: 20px;
}
#twoIMG {
margin-left: 20px;
}
.shippingTable h3 {
font-size: 14px;
}
#shippingTableInfo > h3 {
font-size: 20px;
}
.contactAddress {
font-size: 14px;
}
.contactContent .captchaBox #captcha img {
padding-left: 0;
padding-right: 10px;
}
.contactContent .input-group {
display: block;
}
.contactContent #art {
font-size: 14px;
width: 100%;
}
#agbContent h1 {
margin-left: 10px;
}
#contactContentLeft input {
width: 100%;
}
.contactContent .captchaBox {
padding-top: 10px;
}
#arrivalContent iframe
{
height: 400px;
}
.PartnerContent > div:nth-child(2) {
flex-basis: 70%;
width: 70%;
}
#toggleSpan {
width: 28%;
}
#toggleSpan .searchButton {
font-size: 15px;
}
#searchformnews input[name="s"] {
width: 60%;
}
.blogHead #HeadLogo {
flex-basis: 25%;
width: 25%;
margin-left: 10px;
}
.blogHead .blogName {
flex-basis: 15%;
width: 15%;
}
#blogSearch {
flex-basis: 41%;
width: 41%;
}
#blogSocial {
flex-basis: 18%;
width: 18%;
}
#mailOrder textarea, #sizeRequest textarea {
width: 840px;
}
#mailOrder .selectFeld, #sizeRequest .selectFeld {
width: 245px;
font-size: 14px !important;
}
#mailOrder div.input-group > span > input.input-city,
#mailOrder div.input-group > div > span > input.input-city,
#sizeRequest div.input-group > span > input.input-city,
#sizeRequest div.input-group > div > span > input.input-city
{
width: 164px;
}
#mailOrder div.input-group > input[type="text"],
#mailOrder div.input-group > input[type="tel"],
#mailOrder div.input-group > input[type="email"],
#sizeRequest div.input-group > input[type="text"],
#sizeRequest div.input-group > input[type="tel"],
#sizeRequest div.input-group > input[type="email"]
{
width: 234px !important;
}
#mailOrder #sicherheitscode,
#sizeRequest #sicherheitscode
{
width: 143px;
}
#Kundensiegel
{
top: 44px;
}
.banner-text h3 {
font-size: 22px;
}
#error404 article {
width: auto;
}
}
/* Standartauflösung 768:1024 -> Tablet */
@media (max-width: 769px)
{
#mainNavPu .navLi{line-height: 40px; font-size: 20px;}
#blogOuter{line-height: 40px; font-size: 20px;}
#searchOuter{line-height: 40px; font-size: 20px;}
#btnWkShow{line-height: 40px; font-size: 20px;}
.container{top: 40px;}
a#deskBlog.searchEN {
right: 305px;
}
#deskSearch.searchEN {
right: 188px;
}
a#deskBlog.searchNL {
right: 280px;
}
#deskSearch.searchNL {
right: 180px;
}
#blogOuter, #searchOuter, #btnWkShow, #mainNavPu .navLi {
font-size: 20px;
}
.container > ul > li > h3
{
margin-left: 0;
}
#btnWK {
font-size: 16px;
}
#btnNewPrice {
font-size: 16px;
}
#contentDetailRight
{
padding: 20px;
}
#indexPic h2 {
font-size: 24px;
}
#startAdv h2 {
font-size: 26px;
}
#indexPic #indexPicContent h2 {
font-size: 26px;
}
.parallax_colum4 {
width: 100%;
}
#indexPicContent {
padding: 20px;
}
#IconFlex {
display: block;
}
#sizeRequestSend {
padding: 80px 40px;
}
#sizeRequestSend h1 {
font-size: 25px;
}
.blogExcerpt {
display: block;
width: calc(100% - 40px);
}
.blogExcerpt div.pTop {
margin-bottom: 0;
}
.blogExcerpt > figure {
text-align: center;
width: 100%;
margin-bottom: 20px;
}
.indexPreview {
width: 100%;
}
#chkGrp {
width: 55%;
}
#textileInfo, #saleInfo {
bottom: 60px;
font-size: 32px;
}
#textileCat, #saleCat {
bottom: 15px;
font-size: 16px;
}
#indexTextil {
padding: 0;
}
#indexSale {
padding: 0;
}
#availability {
text-align: right;
padding-right: 45px;
}
#headerWK, #wkBox #wkBottomBox
{
max-width: calc(100% - 20px);
}
#cart-content {
border-radius: 0;
}
.contactContent {
display: block;
}
#contactContentLeft {
width: 100%;
}
.contactContentRight {
flex-basis: auto;
margin-left: 0;
width: 100%;
}
#indexSidebar.sidebarHide {
display: none;
}
#HeadLogoSearch
{
display: block;
margin-left: 20px;
}
#itemFinderContent {
width: 100%;
}
#imgDetailBrand {
left: 0;
right: auto;
}
#lnkShop .start.super.btnSim.orange {
font-size: 16px;
}
.shippingTable, .shippingLeftContent .intro {
font-size: 14px;
}
.shippingOdd > p {
font-size: 16px;
}
.footerLeftContent {
padding: 0 10px;
}
.footerRight {
padding: 0 10px;
}
#index_skill {
font-size: 25px;
}
#skillTxt > h3 {
font-size: 20px;
}
#startAdv h2 {
font-size: 25px;
}
#indexPic h2 {
font-size: 25px;
}
#AdvLeft h3, #AdvMid h3, #AdvBot h3 {
font-size: 20px;
}
#picFAQ, #picVersand, #picImprint, #picAGB, #picPartner {
padding: 15px;
}
#picSize
{
display: none;
}
#picVersandTxt {
bottom: 50px;
font-size: 30px;
right: 25px;
}
#index_Nike {
font-size: 25px;
line-height: 50px;
}
.detailItemNike {
width: calc(50% - 10px);
}
.detailItemNike.lastElement2 {
margin-right: 0;
}
.detailItemNike.lastElement3.lastElement2 {
margin-right: 0;
}
.detailItemNike.lastElement3 {
margin-right: 20px;
}
#saleLink, #textileLink {
height: 44%;
}
#blogLink {
height: 50%;
}
#ContentDetail #DetailSlider
{
margin-right: 0;
padding: 20px;
}
#detailContentLeft > div {
text-align: center;
}
.slideThumb
{
width: 17%;
margin-right: 0;
}
#indexCatWrapperListSneaker .banner-text div {
font-size: 13px;
}
#boxColTxt
{
width: 35%;
}
#indexCatWrapperList {
flex-wrap: wrap;
padding: 20px 20px 0;
}
.paymentLogo.box1 h3, .paymentLogo.box2 h3, .paymentLogo.box3 h3, .paymentLogo.box4 h3 {
font-size: 24px;
}
#indexCatWrapperList .banner-text > div
{
margin: 0;
}
#catNikeLogo {
margin-right: 0;
}
.catWrapperList
{
margin-bottom: 15px;
}
#indexCatWrapperList #indexCat1 {
width: calc(50% - 15px);
margin-right: 0;
}
#indexCatWrapperList #indexCat2 {
width: calc(50% - 15px);
margin-right: 0;
}
#indexCatWrapperList #indexCat3 {
width: calc(50% - 15px);
margin-right: 0;
}
#indexCatWrapperList #indexCat4 {
width: calc(50% - 15px);
margin-right: 0;
}
#indexPic {
height: auto;
}
.itemCart.fa.fa-shopping-cart {
left: 25px;
}
.textileBox {
padding: 10px;
}
.parallax_column_container {
padding: 10px;
}
#footerBottom
{
padding: 20px;
}
#AdvLeft, #AdvMid, #AdvBot
{
padding: 0;
}
#startAdv
{
padding: 20px;
}
#footerBottomContent .klarna-widget {
padding-left: 35px;
}
#skillInfo
{
padding: 20px;
}
#indexCat1 {
box-sizing: border-box;
width: calc(25% - 15px);
margin-right: 20px;
}
#indexCat2 {
box-sizing: border-box;
width: calc(25% - 15px);
margin-right: 20px;
}
#indexCat3 {
box-sizing: border-box;
width: calc(25% - 15px);
margin-right: 20px;
}
#indexCat4 {
box-sizing: border-box;
width: calc(25% - 15px);
}
.banner-text div {
font-size: 16px;
}
.catWrapper
{
padding: 15px;
}
#startNike menuLeft {
width: 27%;
}
#chgLang > figure {
display: inline-block;
}
#shippingInfo {
margin-left: 0;
}
#Delivery .picIcon, #Delivery .picLogo {
display: none;
}
#shippingCosts h4, #shippingTableInfo h2 {
font-size: 16px;
}
#headerSearch {
width: 36%;
}
#wkBox div.article-info-cell figure {
width: 120px;
}
#wkBox .cell-1 {
width: 43%;
}
#detailBigPic img
{
max-width: 100%;
}
#toc_container {
padding: 10px 20px;
}
#filterColTxt > ul {
width: 60%;
}
#filterColTxt > #colTxtTop {
margin: 20px 0 0;
}
#boxSexFilter {
display: none;
}
#boxPriceFilter
{
display: none;
}
#filterListMob
{
margin-bottom: 20px;
display: flex;
justify-content: space-between;
}
#catSocialLeft {
display: none;
}
#catSocialRight {
width: 100%;
text-align: center;
}
#fbBanner {
width: 500px;
margin: 20px auto 40px;
}
.social_btn {
font-size: 24px;
}
#fbOuterMob
{
display: block;
margin-bottom: 20px;
}
#btnOpenSizes2
{
display: none;
}
#artikeldetails {
padding: 0;
}
#infotable {
width: 100%;
border-radius: 0;
}
#btnQuestionItem, #btnPersAdv, #btnDelivery, #btnItemDetails, #btnItemDesc, #btnSocial {
font-size: 20px;
line-height: 40px;
}
#sizeHeader {
font-size: 20px;
line-height: 40px;
}
#fbOuter
{
display: none;
}
#itemContentLeft h2#detNavTitle {
font-size: 30px;
}
#itemContentLeft #mainNav > ul {
font-size: 20px;
}
#maxTab li {
font-size: 16px;
}
#mainNav > ul {
font-size: 16px;
}
#mainNav li {
list-style-type: none;
}
#emptyInfo {
max-width: 90%;
}
.conTop {
padding-left: 0;
width: 85%;
}
#itemContent {
flex-direction: column-reverse;
}
.detPay {
padding-left: 110px;
}
.pPrice {
width: 100%;
}
#socialContent {
display: block;
}
#btnFB, #btnGP, #btnTw, #btnPint, #btnWA {
width: 100%;
}
#itemH1 {
font-size: 30px;
}
#itemH2 {
font-size: 25px;
}
#detailFB {
display: flex;
flex-direction: column-reverse;
}
#btnOpenSizes {
display: inline-block;
font-size: 28px;
height: auto;
line-height: normal;
margin-left: auto;
margin-top: 25px;
padding: 10px;
text-align: center;
}
#itemPriceTop {
display: flex;
flex-direction: column-reverse;
margin-top: 15px;
text-align: right;
width: 100%;
}
#availability .iconCart {
font-size: 20px;
margin-right: 0;
}
#addSize {
display: block;
}
#addSizeLeft {
margin: 0;
width: 100%;
}
#addSizeLeft > figure {
display: table;
margin: 0 auto 30px;
}
#addSizeRight {
margin: 40px auto;
width: 96%;
}
#loginBox .loginRow .input-group .selectfeld {
width: 98%;
}
#loginBox {
width: 100%;
}
#LoginRight {
margin-left: 0;
width: 0;
display: none;
}
#wkRight
{
display: none;
}
#wkLeft
{
width: 100%;
}
#btnSoldItems {
font-size: 18px
}
#PPButton {
width: 63%;
}
span.mobileBlockAvail
{
display: inline-block;
}
#itemBuy #detailMidLeft
{
-webkit-box-direction: normal;
flex-direction: row;
-webkit-box-orient: horizontal;
}
.inner > h1:hover ~ div.arrow_box {
display: none;
}
#itemBuy #detailMidRight
{
display: flex;;
display: -webkit-box;
}
#detailMidRight
{
display: block;
}
.detBannerContent figure {
width: 77%;
}
#detailMidLeft > figure {
display: block;
text-align: center;
}
#addressHeader figcaption {
width: auto;
}
#contentMain #detailMidLeft figcaption
{
width: 100%;
text-align: center;
}
#detailMidLeft > figure {
width: auto;
}
#detailMidLeft {
flex-direction: column-reverse;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
}
ul#navigation ul #navSixH > a {
width: 90%;
}
ul#navigation ul #navOneA a {
width: 87%;
}
.picTxtArrival
{
font-size: 35px;
}
div#HeadVersand
{
width: 23%;
padding-left: 15px;
font-size: 14px;
}
#chgLang {
margin-right: 0;
}
div#HeadZahlung {
width: 28%;
font-size: 14px;
}
div#HeadZahlung.langNL {
font-size: 14px;
width: 23%;
}
div#HeadRetoure
{
width: 25%;
font-size: 14px;
}
div#HeadRetoure.langNL {
font-size: 14px;
width: 30%;
}
ul#navigation #navSeven ul {
width: 300%;
}
ul#navigation #navOne ul {
width: 300%;
}
ul#navigation #navSix ul {
width: 300%;
left: auto;
right: 0;
}
#mainNav > ul {
height: 185px;
}
#indexHeaderLeft {
width: 30%;
}
#impressumContent img, .accordion_faq img {
width: 100%;
}
.accordion_faq figcaption {
width: auto;
}
#navOneZ,
#navTwoZ,
#navTwoA0,
#navThreeZ,
#navFourZ,
#navFiveZ,
#navFiveA0,
#navFiveB0
{
display: block;
}
li#navTwo > a,
li#navTwoA > a,
li#navThree > a,
li#navFour > a,
li#navFive > a,
li#navFiveA > a,
li#navFiveB > a,
li#navSix > a
{
pointer-events: none;
}
ul#navigation li {
font-size: 12px;
}
ul#navigation ul li a {
width: 80%;
}
ul#navigation ul {
top: 36px;
}
#verticalText.fix-search {
width: 17%;
}
#sfAnchorInner {
width: 77%;
}
#headerLang {
width: 47%;
}
#spacer .flags .lang-drop-down {
width: 89%;
}
.nav-arrow {
left: 110px;
}
#verticalText {
width: 18%;
}
div[id*="navi_content_"] img {
margin: 45% auto auto;
}
ul[id*="navLvl"] {
width: 35%;
}
.cta_img {
background: none repeat scroll 0 0 #fff;
border: 1px solid #bbb;
border-radius: 3px;
font-size: 14px;
height: 14%;
padding: 10px;
position: absolute;
right: 9%;
top: 38%;
width: 145px;
}
#bigNavi
{
width: 27%;
}
#nav_sub_cats
{
left: 30.1%;
width: 22%;
}
#nav_sub_cats.fix-search.active {
width: 22.4% ;
}
#sub_navi_lvl_3
{
width: 16%;
left: 55.3%;
}
#sub_navi_lvl_3.active.fix-search
{
left: 49%;
}
.rightArrow
{
display: inline;
}
#catLinkLeft .a-btn {
padding: 15px 35px;
}
.btnTxtBot {
line-height: 28px;
}
.btnTxtTop {
font-size: 35px;
font-weight: normal;
}
.btnTxtHead {
display: none;
}
.SoldOutLeft
{
flex-basis: auto;
width: 100%;
}
.soldoutInfo {
flex-basis: auto;
width: 100%;
margin-left: 0;
}
.infoBG
{
font-size: 18px;
}
.detailWK figure figcaption {
font-size: 18px;
}
#cdSoon {
left: 0px;
width: 100%;
transform: scale(.8);
-ms-transform: scale(.8);
-webkit-transform: scale(.8);
-o-transform: scale(.8);
width: 100%;
-moz-transform: scale(.8);
}
#shopItemRatingInner {
display: block;
}
.shopRatingDashboardInnerContent .liContent > label {
width: 20%;
}
.ratingItemsContent > ul {
width: 70%;
}
#shopbewertung .input-group-size {
display: block;
}
#shopbewertung .input-group-size label
{
margin-bottom: 5px;
}
#shopbewertung .input-group
{
display: block;
}
#shopRatingContent #shopItemRatingInnerLeft label {
width: 20%;
margin-bottom: 5px;
}
#shopItemRatingInnerLeft img
{
width: 100%;
}
#shopRatingContent label {
width: 80%;
margin-bottom: 5px;
}
div#shopRatingDoneContentRight {
margin-top: 40px;
}
#shopRatingDoneContentLeft, #shopRatingDoneContentRight {
width: 99%;
}
#shopRatingDashboardContent,
#shopRatingDoneContent {
display: block;
margin-top: 20px;
}
.pPriceMid {
font-size: 16px;
}
.finance {
font-size: 27px;
}
.questionP {
font-size: 23px;
}
.infoBG {
font-size: 16px;
}
#KontaktContent {
width: 100%;
}
#thumbsLow img {
width: 142px;
}
#thumbs .row, #thumbsLow .row {
height: 96px;
}
.contactAddress > figure {
margin-left: 20px;
}
#requestItem .selectfeld
{
width: 93%;
}
#requestItem span.span-long {
width: 71%;
}
#requestItem .form-input > input {
width: 90%;
}
div#facebookFooter
{
width: 21%;
}
.selectfeld {
flex-basis: auto;
width: 93%;
}
div.input-group > input[type="text"], div.input-group > input[type="password"], div.input-group > input[type="email"], div.input-group > input[type="number"], div.input-group > input[type="tel"], div.input-group > div > input[type="text"], div.input-group > div > input[type="password"], div.input-group > div > input[type="email"], div.input-group > div > input[type="number"], div.input-group > div > input[type="tel"]
{
flex-basis: auto;
width: 90%;
}
span.span-set {
display: inline-block;
width: 91%;
}
span.span-long {
display: inline-block;
width: 71%;
}
span.span-long-city {
width: 69%;
}
span.span-short-zip {
display: inline-block;
width: 30%;
}
.detBannerContent figure {
flex-basis: auto;
width: 50%;
}
.detBannerContent h1 {
flex-basis: auto;
width: 83%;
}
p.detInfo
{
margin-left: 75px;
}
#boxQuestionTop {
padding: 19px 10px;
}
div#facebook
{
width: 23%;
}
#orderDetails {
display: block;
}
#orderDetailsRight {
width: 100%;
}
#orderDetailsLeft {
width: 100%;
display: flex;
flex-basis: auto;
justify-content: space-between;
display: -webkit-box;
margin-bottom: 20px;
-webkit-box-pack: justify;
}
#usp {
position: relative;
}
#indexPic h1 {
font-size: 35px;
}
.sliderCon {
width: 40%;
}
#mainNavDet
{
display: none;
}
.tabletNav
{
display: block;
}
#catRight
{
width: 100%;
}
.slideOutTip{
/* The main wrapping div of the slideout tips */
position:absolute;
padding:3px;
top: -31px;
left:0;
background-color:#eee;
font-size:13px;
color: #000;
overflow:hidden;
height:25px;
width: 745px;
}
.slideOutTip:hover{
/* Applying a CSS3 outer glow on hover */
-moz-box-shadow:0 0 1px #999;
-webkit-box-shadow:0 0 1px #999;
box-shadow:0 0 1px #999;
}
/* The holder for the title and the icon: */
.tipVisible{ cursor:pointer; height:22px; }
.tipTitle{
float:left;
font-family:'Myriad Pro',Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
white-space:nowrap;
line-height:30px;
padding-right:5px;
width: 705px;
font-size: 25px;
}
.tipIcon{
width:25px;
height:25px;
float:left;
margin-right:8px;
font-size: 26px;
}
/* Three color themes */
.green .tipIcon{ background-color:#61b035; border:1px solid #70c244; }
.blue .tipIcon{ background-color:#1078C7; border:1px solid #1e82cd; }
.red .tipIcon{ background-color:#CD3A12; border:1px solid #da421a; }
.slideOutTip.isOpened{ z-index:10000; }
/* Special rules for the left and top - opening versions */
.openLeft .tipIcon{
/* Floating the title and the icon to the right */
margin:0 0 0 8px;
float:right;
}
.openLeft .tipTitle{ float:right; padding:0 0 0 5px; }
.openLeft .slideOutContent{ margin-top:22px; }
.openLeft.openTop .slideOutContent{ margin-top:0; }
.slideOutContent{
/* Hiding the div with the slide out content: */
display:none;
padding:10px;
font-size:11px;
}
/* Hiding the original paragraphs if they have not been replaced (JS disabled): */
.tabletNav > p{ display:none; }
#startNike {
width: 100%;
}
.wkHead > a {
margin-right: 185px;
}
.klarnaSubtitle
{
font-size: 15px;
}
#skillTxt > h2
{
font-size: 20px;
}
#addressHeader figcaption, #contactHeader figcaption
{
text-align: left;
}
.paymentLogo.box1 > a, .paymentLogo.box1 > span
{
margin-bottom: 20px;
height: 47px;
}
.paymentLogo.box2 > a, .paymentLogo.box2 > span
{
margin-bottom: 20px;
height: 91px;
}
.paymentLogo.box3 > a, .paymentLogo.box3 > div
{
margin-bottom: 20px;
}
.paymentLogo.box4 > a
{
margin-bottom: 20px;
}
#thumbs,
#thumbsLow
{
max-width: 705px;
}
#artikeldetails
{
width: 100%;
}
.paymentRight
{
width: 33%;
flex-basis: 33%;
}
#contentMain > figure {
max-width: 769px;
}
#headIcons span
{
font-size: 16px;
}
span.blogBtnTxt {
width: 76%;
display: block;
line-height: 40px;
margin: auto;
}
#Start404 .detailBtnTxt, #Kontakt404 .detailBtnTxt
{
font-size: 30px;
}
#fbHead {
display: block;
}
#FinderHowTo h2 {
width: 34%;
}
#spacer .flags .switch-lang-de {
left: -88px;
}
#headerMid {
display: block;
width: 50%;
}
.saleInfo {
line-height: 4;
}
.bannerContent {
font-size: 26px;
line-height: 52px;
}
.topsellerInfo
{
font-size: 40px;
}
.actionContent {
padding: 20px 10px;
width: 89%;
}
.a-btn.actionBtn
{
width: 80%;
}
#btnRecomm {
font-size: 32px;
}
.btnSneakertxt, .btnLactxt, .btnSaletxt, .btnStartItemstxt
{
font-size: 32px;
}
#AdvLeft, #AdvMid, #AdvBot
{
display: block
}
#AdvLeft > figure, #AdvMid > figure, #AdvBot > figure
{
width: 98%;
margin-bottom: 20px;
}
#AdvLeft figcaption, #AdvMid figcaption, #AdvBot figcaption
{
margin-left: 45px;
}
.registerTxt {
font-size: 40px;
}
.continueTxt {
font-size: 45px;
}
.btnLoginTxt {
font-size: 45px;
}
.customer-login .trustedMain {
display: flex;
}
.customer-login > div > .formright {
width: 98%;
margin-top: 20px;
}
.continueTxt {
width: 88%;
}
#regNewLogin .customer-loginform-content .input-group label
{
font-size: 18px !important;
}
#regNewLogin .customer-loginform-content
{
width: 50%;
}
#regNewLogin h1
{
font-size: 25px;
}
#chooseSize
{
font-size: 42px;
margin-left: 0;
}
#sizeDiv h4 {
font-size: 40px;
}
p#chooseSizeP
{
font-size: 30px;
}
.btnInfoRight
{
margin: 0 !important;
}
.pPriceTop
{
width: 100%
}
.shippLogo
{
display: block;
}
#ContentDetail, #ContentDetailSoldOut {
display: block;
}
#ContentDetail #DetailSlider {
width: auto;
}
#contentDetailRight {
margin-left: 0;
width: auto;
}
.FinderContentSearchLabel
{
width: 62%;
}
#FinderContentCat label {
width: 58%;
}
.col1 ol, .col2 ol, .col3 ol {
margin-left: 0;
margin-top: 10px;
width: 100%;
}
#divWK > figure {
margin-top: 2px;
}
#HeadVersand figure, #HeadRetoure figure, #HeadZahlung figure {
margin-top: 5px;
}
.container {
width: 715px;
}
.footerLiRight .spanLeft {
margin-left: 0;
}
.footerLiMidLeft ol, .footerLiLeft ol {
margin-left: 30px;
}
.footerLiRight > p {
font-size: 13px;
}
#footerBottomContent {
display: block;
}
#footerBottomContentLeft {
align-items: center;
width: 100%;
margin-right: 0;
}
#footerBottomContentRight {
align-items: center;
display: flex;
justify-content: space-between;
width: 100%;
margin-left: 0;
}
#blogNav .container {
left: -187px;
width: 734px;
}
#blogNav .conLacoste {
left: -374px;
width: 734px;
}
#blogNav .conSonstige {
left: -561px;
width: 734px;
}
#blogposts .blogTitle {
font-size: 16px !important;
}
#blogposts article {
padding: 0 20px;
}
#blogposts article p {
padding-left: 0;
}
#blogposts article{
height: 220px;
}
#blogposts nav {
margin-top: 18px;
}
div[class*="artikelBox"] > ul > li
{
flex-basis: auto;
width: 33.3%;
}
.detailFancy
{
display: none;
}
.footerLiRight .spanLeft {
width: 45px;
}
.detailPageNaviPadding {
padding: 40px 20px 35px 40px !important;
}
#ContentDetail > div {
width: 100%;
}
#Kundensiegel {
display: none;
}
.detailFancyLnk
{
display: block;
margin-bottom: 0;
}
.detailWK .detailWKBottom {
padding: 0;
}
#sizeDiv
{
background: #fff;
border: 1px solid #ccc;
}
.pcss3t > label {
font-size: 16px !important;
padding: 0 10px !important;
}
#back-to-top
{
display: none;
}
.trustedRightInnerLeft {
flex-basis: 46%;
width: 46%;
}
.trustedRight {
margin-left: 0;
}
#kundenservice {
font-size: 20px;
}
#loginFormLeft > div {
margin-top: 31px;
}
.cell-a > div {
flex-basis: 30%;
width: 30%;
}
.cell-a > div:nth-child(2) {
flex-basis: 70%;
width: 70%;
}
.absatzInfo > label {
flex-basis: 30%;
width: 30%;
}
.absatzInfo > span {
flex-basis: 70%;
width: 70%;
}
.trustedRightPayment {
flex-basis: 74%;
width: 74%;
font-size: 15px;
margin-left: 7px;
}
#paymentform .trustedContentPayment .green {
font-size: 16px;
}
#paymentform .trustedContentPayment > div {
flex-basis: 42%;
width: 42%;
}
#paymentform .trustedRightPayment {
font-size: 13px;
}
#paymentform .trustedContentPayment .mid {
flex-basis: 25% !important;
width: 25% !important;
}
.shippingDetails {
font-size: 14px;
}
#WarenkorbSum {
font-size: 14px;
}
.data h3 {
font-size: 16px;
font-weight: bold;
}
.contentAGB {
padding: 25px;
}
.infoTxt > h2 {
line-height: 40px;
}
.payPic {
margin-bottom: 20px;
}
#shopAGB .einleitung h3 {
font-size: 19px !important;
}
#shippingTableInfo > h3 {
font-size: 16px;
}
.aboutContent figure {
margin-left: 80px;
}
#shopAGB article h3 {
font-size: 16px;
}
.PartnerContent h3 {
font-size: 19px;
}
#contactPage .einleitung {
flex-direction: column-reverse;
padding: 20px;
}
.contactAddress {
display: flex;
display: -webkit-box;
justify-content: space-around;
}
.contactAddress > figure {
margin-top: 0;
margin-bottom: 20px;
}
.contactAddress > div {
align-self: center;
margin-bottom: 20px;
}
#InfoSidebar, .PartnerContentLeft {
flex-basis: 30%;
width: 30%;
}
.ListColumn h3 {
font-size: 15px;
margin-left: 5px;
}
.ListColumn div {
margin: 5px;
padding: 10px;
}
#addressFormLeft {
margin-right: 15px;
}
#sizeRequest div.input-group > label {
width: 135px !important;
}
#sizeRequest #footerAGB .searchButton
{
padding: 10px 0;
font-size: 18px;
}
#sizeRequest #footerAGB nav {
flex-basis: 32%;
width: 32%;
margin-left: 5px;
}
#sizeRequest #footerAGB > div {
flex-basis: 67%;
width: 67%;
}
.input-group.captchaBox > div {
align-items: flex-start;
display: flex;
display: -webkit-box;
}
#sizeRequest .customer-login-form-regist div.input-group > label {
margin-right: 0;
}
#itemInfoContent textarea {
width: 225px;
}
#itemInfoContent input[type="text"] {
width: 225px;
}
#mailOrder .customer-login-form-regist div.input-group > label {
margin-right: 10px;
}
#mailOrderTrusted {
display: block;
}
#mailOrderTrusted > figure {
text-align: center;
}
#mailOrder div.input-group > label {
width: 130px !important;
}
#mailOrder fieldset
{
padding: 25px;
}
#mailOrder nav {
flex-basis: 40%;
width: 40%;
margin: 0;
}
#mailOrder #footerAGB > div {
flex-basis: 58%;
width: 58%;
}
#searchformnews input[name="s"] {
width: 330px;
}
#footerNav {
max-width: 100%;
}
.accordion_faq
{
width: 100%;
}
#leftMenue
{
display: none;
}
#leftMenue.leftMenue
{
display: block;
flex-basis: 30%;
width: 30%;
}
.paymentMethodContent {
width: 100%;
}
#HowToContent {
width: 100%;
}
#Delivery > div {
font-size: 20px;
line-height: 68px;
margin-left: 15px;
font-weight: bold;
width: 100%;
}
#arrivalContent iframe {
height: 300px;
}
#contactHeader > figure, #addressHeader > figure, #addressHeader > address{
width: 97%;
margin-bottom: 15px;
}
.paymentLogo.box1 h2, .paymentLogo.box2 h2, .paymentLogo.box3 h2, .paymentLogo.box4 h2
{
font-size: 25px;
}
#itemBuy #availability, #itemBuy #delivery, #itemBuy #orderCD {
margin-left: 0;
}
#catLeft {
left: -42%;
width: 42%;
}
}
@media (max-width: 736px)
{
#mainNavPu
{
display: none;
}
#paymentform .trustedRightPayment {
font-size: 11px;
}
#trusted {
width: 188px;
}
.paymentinfobox
{
padding: 0px 0 0 30px;
}
#paymentInfoBox h1
{
font-size: 35px;
}
#paymentInfoBox.paymentinfobox
{
padding: 0px 0 0 60px;
}
.social_btn {
font-size: 20px;
}
.sbTxt {
width: 93px;
}
#socialContent .fa {
height: 32px;
line-height: 32px;
width: 32px;
}
}
/* S3 gedreht */
@media (max-width: 670px)
{
header#mainHeader.removeBanner {
height: auto;
}
.anim-slider
{
display: none;
}
#saleBoxHead {
display: none;
}
.fa.fa-bars {
left: 10px;
padding-left: 0;
padding-right: 0;
position: absolute;
top: 11px;
}
.fa.fa-shopping-cart {
left: 10px;
position: absolute;
}
.fa.fa-search {
left: 10px;
position: absolute;
}
#LoginLogo.vorschlag
{
display: none;
}
#btnAnfragePreis {
font-size: 22px;
}
.wrapperBox6 {
width: 100%;
}
#itemSearchContent
{
margin-top: 0;
}
select#selSize {
margin-right: 0;
}
#sizeRequestSend {
padding: 40px;
}
#mobNavLang > li a {
font-size: 28px;
}
#cart-content {
margin-bottom: 0;
}
.cart-sidebar-footer {
margin-bottom: 20px;
}
#headerWK {
display: flex;
flex-direction: column-reverse;
}
#klarnaPageContent {
width: 100%;
}
#btnPuBlog {
display: none;
}
#detailRight .breadcrumb {
margin: 10px auto 15px;
}
.blogExcerpt img {
max-width: 100%;
}
#regBottom {
display: block;
}
#chkGrp {
width: 100%;
}
#register, #login, #registerGuest {
display: inline-block;
font-size: 24px;
height: auto;
line-height: normal;
margin: 15px auto;
padding: 10px;
text-align: center;
}
#itemSearch {
display: block;
}
#ContentDetailSoldOut #DetailSlider {
margin-right: 0;
padding: 20px;
}
#btnWkShow
{
display: none;
}
#mobArrivalNavi
{
display: none;
}
div.article-info-cell figure {
width: 35%;
}
#mobArrivalNavi ul > li > a {
background: #333 none repeat scroll 0 0;
color: #fff;
display: block;
font-size: 22px;
height: 50px;
line-height: 50px;
padding-left: 20px;
text-decoration: none;
}
#mobArrivalNavi ul > li {
margin-bottom: 1px;
width: 100%;
}
#mobArrivalNavi .navLabel {
width: 50px;
}
#sizeTableContentLeft {
width: 100%;
}
#partnerContent {
width: 100%;
}
#arrivalContent {
line-height: 25px;
width: 100%;
}
#impressumContent {
width: 100%;
}
#aboutContent {
width: 100%;
}
#agbContent {
width: 100%;
}
.sizeAppletSelect label {
width: auto;
}
.faqContent {
width: 100%;
}
#ShopPageContent {
width: 100%;
}
#InfoPageContent {
width: 100%;
}
#mainHeader {
padding-left: 0;
}
#indexNav > img {
display: none;
}
#startNike {
position: relative;
}
#indexHeader {
background-color: rgba(255, 255, 255, 1);
}
#indexTopRight {
width: 100%;
}
.LagerLable {
font-size: 14px;
}
.detailItemNike {
width: calc(33.33% - 13.33px);
}
.detailItemNike.lastElement2 {
margin-right: 20px;
}
.detailItemNike.lastElement3 {
margin-right: 0;
}
#indexSidebar {
display: none;
}
#itemSearchContent
{
width: 100% ;
}
#detailSoldRight {
width: 100% ;
}
#footerBottomContent .klarna-widget {
padding-left: 0;
}
#footerBottom figure {
display: block;
}
.footerRightContent {
display: block;
}
.footerRightContent > div {
width: 100%;
}
.footerLeftContent > div {
width: 100%;
}
#detailRight {
width: 100%;
}
.footerLeftContent {
display: block;
}
#indexBlog {
display: none;
}
#indexCatWrapper
{
flex-wrap: wrap;
}
#indexCat1 {
width: calc(50% - 10px);
margin-right: 20px;
}
#indexCat2 {
width: calc(50% - 10px);
margin-right: 0
}
#indexCat3 {
width: calc(50% - 10px);
margin-right: 20px;
}
#indexCat4 {
width: calc(50% - 10px);
margin-right: 0;
}
.btnCat {
font-size: 14px;
}
.itemCart.fa.fa-shopping-cart.nikeair {
left: 160px;
}
.sbTxt {
width: calc(100% - 40px);
}
#indexCatWrapperListSneaker
{
flex-wrap: wrap;
}
.slideThumb {
margin-right: 10px;
}
#detailContentLeft > div {
box-sizing: border-box;
}
#availability {
margin-left: 20px;
}
#socialContent {
padding: 10px;
}
#indexCatWrapperListSneaker .banner-text div {
font-size: 16px;
}
#indexCatWrapperListSneaker #indexCat1 {
width: calc(50% - 10px);
margin-right: 20px;
}
#indexCatWrapperListSneaker #indexCat2 {
width: calc(50% - 10px);
margin-right: 0;
}
#indexCatWrapperListSneaker #indexCat3 {
width: calc(50% - 10px);
margin-right: 20px;
}
#indexCat4 {
box-sizing: border-box;
width: calc(50% - 10px);
}
#addressHeader figcaption,
#contactHeader figcaption
{
font-size: 16px;
line-height: 32px;
}
#footerBottom figcaption
{
font-size: 16px;
}
.txtContent
{
padding: 0;
}
.klarna-widget {
display: inline-block !important;
}
.itemCart.fa.fa-shopping-cart
{
left: 15px;
}
.product-name h2, .product-name strong, .product-name p {
font-size: 14px;
}
#AdvLeft h3, #AdvMid h3, #AdvBot h3 {
font-size: 22px;
}
#footerBottom figcaption
{
padding: 0;
}
#AdvLeft figcaption, #AdvMid figcaption, #AdvBot figcaption {
margin-left: 30px;
}
#indexSpecial
{
display: none;
}
#index_Nike {
font-size: 20px;
}
#index_skill {
font-size: 24px;
}
.txtContent {
font-size: 16px;
line-height: 25px;
}
#btnRegCon, #btnLogin
{
font-size: 30px;
}
#index_payment_subtitle
{
font-size: 22px;
}
#loginFormLeft h3 {
margin-bottom: 10px;
font-size: 18px;
}
#paymentInfoBox h1 {
font-size: 30px;
}
#paymentInfoBox.paymentinfobox {
padding: 0px 0 0 40px;
}
input[type=radio].css-checkbox + label.css-label
{
font-size: 18px;
}
#CheckBeginLeft h3 {
font-size: 18px;
}
.puSelect-overlay {
padding: 16px 10px;
}
.puSelect-overlay.is-placeholder {
font-size: 12px;
}
.klarnaDate .puSelect-overlay.is-placeholder {
font-size: 16px;
}
::-moz-placeholder {
font-size: 12px;
}
::-webkit-input-placeholder {
font-size: 12px;
}
#socialBox > h2 {
background: #e6eaef none repeat scroll 0 0;
text-align: center;
}
#simProd {
padding: 7px 0;
text-align: center;
}
#otherProducts #simProd
{
background: #e6eaef none repeat scroll 0 0;
}
#detSiteNav .fa-angle-double-right {
display: inline-block;
position: absolute;
right: 0;
}
.btnDetAnker.active span {
background: none;
}
#detSiteNav li {
display: block;
font-size: 30px;
margin-bottom: 7px;
padding: 10px 0;
margin-right: 0;
position: relative;
}
#detSiteNav .btnDetAnker.active
{
background: #c2c6cb none repeat scroll 0 0;
}
#detSiteNav .btnDetAnker
{
background: #e6eaef none repeat scroll 0 0;
}
#PurchazeTopOuter
{
display: none;
}
#wkBox div.article-info-cell figure {
width: 90px;
}
#howto_pic_navi_mobil
{
display: block;
}
#howto_pic_navi
{
display: none;
}
#detSiteNav #lastElement
{
display: none;
}
.divSizes {
display: block;
margin-top: 20px;
}
#top {
display: block;
}
#filterColTxt li {
line-height: 30px;
}
#aboutContentRightLeft
{
width: 37%;
}
#aboutContentRightRight
{
width: 28%;
}
#infoNavi {
display: block;
}
#lnkShop {
margin: 0 auto 30px;
width: 254px;
}
#delAll
{
display: none;
}
#filterList {
display: none;
}
#filterListMob {
display: none;
}
.social_btn {
font-size: 18px;
}
#menuLeft {
display: none;
}
#leftDesc {
width: 99%;
margin-left: 2px;
}
#footerNav {
width: 100%;
}
#catMenu {
flex-direction: column-reverse;
}
#startRight, #categoryRight {
margin: 0 auto;
width: 99%;
}
#menuLeft, #categoryLeft {
width: 100%;
}
#catNavi {
display: none;
}
.conTop {
width: 96%;
}
#emptyInfo {
max-width: 97%;
}
.conTop li {
margin-bottom: 10px;
}
div#facebook {
width: 27%;
}
#loginBox .loginRow .input-group .selectfeld {
width: 98%;
}
#loginBox .loginRow .input-group .street {
width: 96%;
}
#wkHelp {
font-size: 18px;
height: 30px;
line-height: 30px;
}
#boxHelp {
width: 15%;
}
#btnSoldItems {
width: 60%;
}
#PPButton {
width: 76%;
}
span.mobileBlockAvail
{
display: inline-block;
}
#itemBuy #detailMidLeft > figure {
display: block;
width: 100%;
text-align: center;
}
#itemBuy #detailMidLeft {
-webkit-box-direction: reverse;
flex-direction: column-reverse;
-webkit-box-orient: vertical;
}
#itemBuy #detailMidRight
{
display: block;
}
#itemBuy #detailMid
{
padding-left: 0;
}
#itemBuy #orderCD, #itemBuy #delivery, #itemBuy #availability
{
width: 100%;
}
#itemBuy figcaption
{
font-size: 18px;
width: 100%;
}
#addressHeader figcaption {
width: auto;
}
#indexHeaderLeft {
display: none;
}
#indexHeaderRight
{
width: auto;
}
#indexHeader
{
display: block;
}
#nav
{
display: none;
}
#headerSearch {
width: 100%;
}
#mainHeader {
background: none;
}
#verticalText {
display: none;
}
section#arrival div#arrivalContent div#leftMenue.leftMenue
{
position: relative;
left: auto;
}
section#arrival div#arrivalContent div#leftMenue.leftMenue #verticalText {
display: none;
}
#boxLeftContent {
width: 100%;
}
#boxRightContent {
margin-top: 20px;
padding-left: 0;
width: 100%;
}
#itemBuy {
width: 590px;
}
#boxItemByContent {
display: block;
}
#shopRatingContent #shopItemRatingInnerRight label
{
width: 80%;
}
#shopItemRatingInnerLeft {
width: 55%;
}
#shopItemRatingInnerRight {
width: 70%;
}
.ratingItemsContentComment p
{
text-align: justify;
}
#ratingHeader > div {
width: 60%;
}
#ratingLogout {
width: 20%;
}
#ratingLoginField input {
width: 96%;
}
.ratingComment
{
text-align: justify;
}
.starsRow label {
width: 23%;
}
.starsRow.sizeVal label {
width: 40%;
}
.ratingRight {
width: 68%;
}
#catDescContent p {
text-align: justify;
}
.LeftContent h1 {
font-size: 30px;
}
.RightContent > article > figure > div > div > img, .LeftContent > article > figure > div > div > img {
margin-left: 0;
}
.payPic {
margin-left: 0;
}
.LeftContent li {
list-style: none;
margin-left: 0;
margin-bottom: 20px;
font-size: 21px;
}
.shippingTable > h2
{
line-height: 32px;
}
.finance {
font-size: 30px;
}
.infoBG {
font-size: 20px;
}
.pPriceMid {
font-size: 20px;
}
#orderDetailsLeft {
display: block;
}
.detPayTopPic h2, .detPayBotPic h2 {
font-size: 16px;
}
#otherItem {
margin: 20px auto;
width: 50%;
}
#boxFinance {
margin: 20px auto;
width: 50%;
}
.detailWK figure figcaption {
font-size: 16px;
}
#boxQuestion {
margin: 20px auto;
width: 50%;
}
#footerBottom figcaption {
margin: 0 auto;
width: 95%;
}
.box4
{
height: auto;
}
.boxOdd {
background: none repeat scroll 0 0 #eee;
padding: 20px 0;
}
.boxEven {
background: none repeat scroll 0 0 #ccc;
padding: 20px 0;
}
.paymentLogo.box1 > a, .paymentLogo.box1 > span
{
height: auto;
}
.paymentLogo.box1 > a, .paymentLogo.box1 > span {
width: auto;
}
.paymentLogo.box2 > a, .paymentLogo.box2 > div {
width: auto;
}
.paymentLogo.box3 > a, .paymentLogo.box3 > div {
width: auto;
}
.paymentLogo.box1 h2, .paymentLogo.box2 h2, .paymentLogo.box3 h2, .paymentLogo.box4 h2 {
font-size: 30px;
line-height: 35px;
}
.paymentLogo.box4 > a {
width: auto;
}
#footerBottom figure img {
width: 200px;
}
.paymentLogo.box2 > a, .paymentLogo.box2 > span
{
height:auto;
}
.txtContent {
text-align: justify;
}
#loginBox
{
width: 100%;
}
#loginBox .loginRow span.span-long
{
display: inline-block;
width: 64%;
}
#loginBox .loginRow .input-group input {
width: 96%;
}
#loginBox .loginRow span.span-short {
display: inline-block;
width: 34%;
}
#contactContentLeft {
width: 58%;
}
.requestFormRow {
display: block;
}
.requestFormRow .form-input {
flex-basis: auto;
width: 100%;
}
#requestItem .selectfeld {
width: 99%;
}
#requestItem .form-input > input {
width: 97%;
}
span.span-set {
width: 99%;
}
span.span-short {
width: 34%;
}
#requestItem span.span-long {
width: 66%;
}
span.span-long-city {
width: 64%;
}
span.span-short-zip {
width: 34%;
}
#reqAGB p {
font-size: 14px;
}
#catLink figcaption {
padding: 0;
}
#soldOutMain
{
padding: 0;
}
#catLinkLeft .a-btn {
font-size: 30px;
}
header
{
margin-bottom: 10px;
}
#navMobNew > p {
font-size: 30px;
font-weight: bold;
margin-bottom: 24px;
margin-left: 55px;
}
#divWKMob {
display: inline-block;
text-align: center;
width: 100%;
margin-top: 0;
}
#mobNavUl > li > a, #mobNavUl > li > span {
font-size: 28px;
}
#btnShowCart {
padding: 11px;
color: #17E217;
}
#searchOuterMob {
margin-top: 0;
padding: 11px;
}
#nav-open-btn {
margin-bottom: 0;
}
#mobNavUl #purchaze_sale a {
color: red;
}
#mobNavUl > li {
margin-bottom: 0;
}
#top .nav-btn.checkoutMobile
{
display: none;
}
#navMobNew.checkoutMobile
{
display: none;
}
.container
{
width: 100%;
position: relative;
background: none;
border: none;
padding: 0;
margin: 0;
top: 0;
box-shadow: none;
}
.containerLiLeft
{
padding-left: 10px;
}
#mobNavUl .containerLiLeft
{
padding-left: 0;
}
.containerLiLeft, .containerLiMid
{
border: 0;
}
.col1, .col2, .col3
{
margin: 0;
border: 0;
}
.container > ul > li {
flex-basis: auto;
width: auto;
}
figure#HeadLogoMob {
display: inline-block;
width: 100%;
text-align: center;
}
#headerLang {
display: none;
}
#spacer
{
display: block;
}
.detBannerContent h1 {
flex-basis: auto;
width: 80%;
}
figure.detPayTopPic.detDE, figure.detPayBotPic.detDE{
box-shadow: none;
}
.tipTitle
{
width: 572px;
}
.questionP {
font-size: 30px;
}
#boxQuestionTop {
padding: 20px 10px;
}
.slideOutTip
{
width: 612px;
}
#startNike div[class*='artikelBox'] > ul > li
{
width: 100%;
}
#startNike {
width: 100%;
}
#wkUp
{
display: none;
}
#wkBreadInner {
width: 78%;
}
.wkHead > a
{
margin-right: 0;
width: 22%;
}
#checkoutVersand .paydesc
{
width: 100%;
}
.shippLogo {
width: 100%;
margin-left: 40px;
}
.styled_select
{
width: 77%;
}
.shipMeth {
width: 77%;
}
.klarna-tooltip iframe.klarna-tooltip-content {
display: none !important;
}
#footerBottom figcaption {
text-align: center;
}
#puInfo
{
display: block;
}
#skill {
width: 100%;
}
#skillTxt {
margin-left: 0;
width: 100%;
min-height: 100%;
margin-top: 30px;
text-align: justify;
}
#skillTxt > p
{
padding-bottom: 30px;
}
#skillTxt > span {
position: relative;
display: block;
width: 195px;
margin: 0 auto;
font-size: 30px;
text-align: center;
}
.parallax_column_container p {
font-size: 14px;
text-align: justify;
}
.parallax_column_container h2 {
font-size: 15px;
}
.parallax_column_container h3
{
color: #000;
}
#indexPic h2
{
color: #000;
}
#startAdv h2 {
font-size: 24px;
}
#picSizeTxt
{
display: none;
}
#picVersandTxt {
bottom: 36px;
font-size: 41px;
right: 24px;
}
#Delivery .picIcon {
flex-basis: 11%;
width: 11%;
}
#fbHead
{
display: none;
}
#leftMenue.leftMenue {
flex-basis: 40%;
width: 40%;
}
#arrivalRightContent {
flex-basis: auto;
}
.removeMobile{
display: none !important;
}
#thumbs,
#thumbsLow {
max-width: 600px;
}
#thumbsLow img {
width: 149px;
}
#thumbs .row, #thumbsLow .row {
height: 100px;
}
#FinderInput
{
width: 100%;
}
#FinderInnerContent input {
width: 93%;
}
#blogLinks figure > figcaption
{
flex-basis: auto;
width: 74%;
}
#changeAdrLnk
{
display: block;
text-decoration: none;
}
#changeAdrMob
{
padding: 0;
height: auto;
display: block;
padding: 6px !important;
}
#changeAddress .customer-login-form-regist nav
{
display: block;
}
#usrAccount
{
margin-top: 15px;
}
#changeAddress .loginRow {
display: block;
}
#loginBox .loginRow
{
display: block;
}
#addressFormLeft, #addressFormRight {
width: 98%;
}
.loginRow .input-group
{
width: 100%;
}
.payradio, .noradio {
padding-left: 0;
padding-right: 0;
}
.paymentinfobox {
padding: 0px 20px;
}
.klarnaSubtitle {
font-size: 12px;
}
.payBtn > figure {
margin-left: 40px;
}
.payInfo {
margin-left: 170px;
}
.paymentmethodrowTop, .paymentmethodrow
{
display: block;
}
.paymentRight
{
width: 100%;
}
#contentMain > figure {
max-width: 640px;
}
.sliderCon{
display: none;
}
#headIcons span {
font-size: 14px;
}
#DetDeliv {
display: block;
}
#catContentRight .pTop {
padding-top: 0;
}
#catDescContent.catDescDE {
display: block;
}
#catContentLeft {
border-right: 0;
flex-basis: auto;
padding: 0 ;
margin-bottom: 20px;
width: 100%;
}
#catContentRight {
flex-basis: auto;
padding: 0;
width: 100%;
}
#catRight
{
flex-basis: auto;
width: 100%;
}
#catLeft
{
display: none;
}
#btnShop {
font-size: 23px;
}
.remove404
{
display: none !important;
}
#error404 {
display: block;
}
#error404 article {
width: 100%;
line-height: 30px;
}
#Start404 .detailBtnTxt, #Kontakt404 .detailBtnTxt {
font-size: 40px;
}
#sneakerfinder
{
position: relative;
}
#FinderContent
{
background: none;
border: none;
}
#startSale {
margin-top: 60px;
}
#fbContent, #googleContent {
margin: 20px auto;
width: 53%;
}
#startNews {
margin: 0 auto;
width: 56%;
}
#wk #sizeDiv h4 {
font-size: 26px;
}
#wk #chooseSizeSpan {
font-size: 26px;
}
p#chooseSizeP {
font-size: 26px;
}
#wk #btnWK > span {
font-size: 26px;
}
#wk .btnWKtxt {
display: block;
}
#wk #sizeDiv h4 {
height: 36px;
}
#FinderBoxNav
{
display: none;
}
.topsellerInfo, .saleInfo
{
height: 100%;
line-height: 6;
}
.topsellerInfo
{
line-height: 7;
font-size: 30px;
}
.saleInfo
{
line-height: 7;
}
#btnRecomm {
font-size: 26px;
}
.btnSneakertxt, .btnLactxt, .btnSaletxt, .btnStartItemstxt
{
font-size: 26px;
}
#addressHeader figcaption, #contactHeader figcaption {
margin-left: 20px;
}
#contactHeader > figure, #addressHeader > figure, #addressHeader > address
{
width: 50%;
}
#divWK {
display: none;
}
#headerMid {
width: 100%;
}
#deskSearch
{
display: none;
}
#mobSearch
{
display: block;
}
#sfAnchorMob {
width: 97%;
border-radius: 0;
background: #333;
padding: 10px;
margin: 0 auto;
border: 0;
}
#sfAnchorMob i.fa.fa-search {
margin-left: 14px;
color: #fff;
font-size: 23px;
padding-right: 0;
}
#sfAnchorMobInner {
width: 92%;
}
#spacer {
margin: 10px auto 0;
}
#HeadLogo
{
display: none;
}
#regNewLogin .LoginBottom {
width: 85% !important;
}
#regNewLogin .customer-loginform-content
{
width: 56%;
}
#regNewLogin h1
{
font-size: 20px;
}
#wkBack .goBackTxt {
font-size: 22px;
}
#wkDown .goPaymentTxt {
font-size: 23px;
}
.btnInfoRight
{
margin-left: 0;
margin-right: 0;
}
#checkoutVersand .half .paydesc {
flex-basis: 80%;
width: 80%;
}
.pPriceTop
{
width: 100%
}
#checkoutVersand fieldset > div
{
display: block;
}
.paydesc > label {
font-size: 16px;
}
.vkOrange
{
background: inherit;
box-shadow: none;
}
.nnOrange
{
background: inherit;
box-shadow: none;
}
.krGelb
{
background: inherit;
box-shadow: none;
}
.kkoGelb
{
background: inherit;
box-shadow: none;
}
.ppblue
{
background: inherit;
box-shadow: none;
}
.ccblue
{
background: inherit;
box-shadow: none;
}
.btnInfoLeft {
margin-top: 43px;
}
.customer-login-form-regist > nav
{
margin-left: 0;
}
#OrderOKBuy > nav {
flex-basis: 40%;
width: 40%;
}
#kaufenBot
{
width: 40%;
}
#infoBox
{
display: none;
}
#dialog-form-recommend-page textarea
{
width: 97% !important;
}
#dialog-form-recommend-page div.input-group > label {
width: 100% !important;
}
#dialog-form-recommend-page div.input-group > input[type="text"]
{
width: 97% !important;
}
#dialog-form-recommend-page div.input-group > label {
margin-bottom: 10px;
}
#dialog-form-recommend-page div.input-group
{
display: block;
}
#divCartAdd
{
height: 260px;
}
#FinderTitle
{
display: block;
}
.mobileOverlay
{
display: block;
height: 350px;
left: 11px;
position: absolute;
top: 0;
width: 95%;
}
div[class*="artikelBox"] > ul > li {
flex-basis: auto;
width: 100%;
}
.priceLable
{
font-size: 18px;
}
#sneakerfinder
{
background: #fff;
height: 350px;
}
#FinderHowTo
{
display: none;
}
.InputSingle {
width: 100% !important;
margin-bottom: 20px;
}
#FinderBox
{
height: auto;
border: 4px solid #d2d2d2;
background: padding-box;
width: 98%;
}
#FinderBox h2
{
font-size: 24px;
font-weight: bold;
margin-top: 20px;
}
.FinderContentSearchLabel
{
width: 73%;
}
#FinderInnerContent label
{
margin-left: 0;
}
#sneakerfinder label
{
color: #000;
}
#FinderContentCat
{
display: none;
}
.summaryContent #orderAGB {
margin-left: 0;
width: auto;
}
.summaryContent .footerAGBbot {
margin-left: 0;
}
.fb_iframe_widget_fluid
{
display: inline !important;
}
#facebookHead {
display: none;
}
#facebookHeadMob
{
display: block;
margin-bottom: 15px;
text-align: right;
margin-right: 5px;
}
.mainNav .other
{
display: none;
}
#HeadRetoure {
flex-basis: 28.7%;
width: 28.7%;
}
#HeadZahlung {
flex-basis: 32%;
width: 32%;
}
#HeadVersand figcaption, #HeadRetoure figcaption, #HeadZahlung figcaption {
margin-left: 0;
}
header > .blogHead
{
display: none;
}
#blogNav .container {
left: -155px;
width: 606px;
}
#blogNav .conLacoste
{
left: -310px;
width: 606px;
}
#blogNav .conSonstige
{
left: -465px;
width: 606px;
}
#blogHeadMob
{
display: block;
}
#blogSearch {
flex-basis: 57%;
width: 57%;
}
.blogHead #HeadLogo {
flex-basis: 43%;
width: 43%;
}
.blogHead .blogName {
flex-basis: 27%;
width: 27%;
}
#searchformnews input[name="s"] {
width: 216px;
}
.entry img
{
max-width: 100% !important;
height: auto;
display: block;
}
#blogMain article figure {
display: block;
}
#blogMain h1 {
font-size: 20px !important;
}
.col1 li, .col2 li, .col3 li
{
line-height: 25px;
}
.col1 ol, .col2 ol, .col3 ol {
width: 100%;
margin-left: 0;
margin-top: 0;
}
.container > ul > li > h3 {
margin-left: 12px;
}
#blogposts
{
display: none;
}
#startContent
{
flex-direction: column;
}
.footerLiRight {
flex-basis: 48%;
width: 48%;
}
.footerLiLeft > h3, .footerLiMidLeft > h3 {
margin-left: 45px;
}
#footerTopContent h3 {
font-size: 18px;
}
#footerTopContent a, #footerTopContent span {
font-size: 16px;
}
.footerLiMidLeft ol, .footerLiLeft ol {
margin-left: 45px;
}
.footerLiRight .spanLeft {
width: 75px;
}
.footerLiRight > p {
font-size: 16px;
}
.footerLiMidLeft
{
border: 0;
}
#TopSlider
{
display: block;
}
#contact {
flex-basis: 28%;
width: 28%;
margin-right: 5px;
padding-bottom: 0;
}
#contactContent {
font-size: 16px;
}
.contactCenter {
font-size: 12px;
}
#sliderBox
{
margin-left: 0;
margin-top: 15px;
width: 100%;
}
.tabsMenuLeft, .tabsMenuMid, .tabsMenuRight {
flex-basis: 36%;
width: 33%;
}
#startContent article {
padding-left: 30px;
padding-right: 30px;
}
#breadDetail, #breadCat
{
display: block;
}
#facebook{
margin-top: 15px;
}
#ContentDetailSoldOut {
display: block;
}
#Kundensiegel
{
display: none;
}
#loginFormLeft .trustedMain
{
display: none;
}
.trustedMainPayment
{
display: none;
}
#itemInfoTrusted figure
{
display: none;
}
#mailOrderTrusted figure
{
display: none;
}
.sizesboxdetail {
justify-content: center;
}
#detailContentMid h3 {
text-align: center;
}
#contentDetailRight {
margin-left: 0;
}
#detailContentBottom {
justify-content: center;
}
.value
{
width: 17.444%;
}
#cart-content header {
font-size: 12px;
}
.cell-4, .cell-5
{
width: 12.444%
}
.period {
font-size: 11px;
}
.customer-login > div > .formright {
width: 100%;
margin-top: 15px;
}
.paymentmethodrowTop, .paymentmethodrow
{
margin-bottom: 10px;
width: 100%;
}
.paymentArticleTop, .paymentArticle {
display: block;
}
.absatzInfo {
display: flex;
display: -webkit-box;
margin: 20px 0;
}
.absatzInfo > label {
flex-basis: 25%;
width: 25%;
}
.paymentfoldTop
{
max-width: 100%;
padding: 0 20px 20px;
}
.paydesc > figure {
margin-top: 5px;
}
fieldset
{
padding: 25px;
}
.paymentfold
{
max-width: 100%;
}
.para .label {
flex-basis: 30%;
width: 30%;
}
.summaryContent
{
display: block;
}
#WarenkorbSum
{
width: auto;
}
.shippingDetails
{
width: auto;
}
.summary textarea
{
width: 540px;
height: 100px;
}
#footerAGB
{
width: auto;
}
#footerAGB > p {
padding-left: 0;
}
#checkoutFooter
{
display: block;
}
.ListColumn div
{
flex-basis: 100%;
width: 100%;
}
.ListColumn h3 {
font-size: 13px;
}
#sizeTable
{
display: block;
}
#sizeTableContentRight
{
width: 100%;
}
.paymentMethodContent {
display: block;
}
.LeftContent, .RightContent {
margin-right: 0;
max-width: 100%;
}
.LeftContent figure > div, .RightContent figure > div {
display: block;
}
#NikeWomenenUS div,
#NikeVrouwennlUS div,
#NikeWomenenUK div,
#NikeVrouwennlUK div,
#NikeWomenenEUR div,
#NikeVrouwennlEUR div,
#NikeWomenenCM div,
#NikeVrouwennlCM div
{
width: 6.1%;
}
#NikeMenenUS div,
#NikeMannennlUS div,
#NikeMenenUK div,
#NikeMannennlUK div,
#NikeMenenEUR div,
#NikeMannennlEUR div,
#NikeMenenCM div,
#NikeMannennlCM div
{
width: 5.7%;
}
#LacWomenenUS div,
#LacVrouwennlUS div,
#LacWomenenUK div,
#LacVrouwennlUK div,
#LacWomenenEUR div,
#LacVrouwennlEUR div
{
width: 9.3%;
}
#LacMenenUS div,
#LacMannennlUS div,
#LacMenenUK div,
#LacMannennlUK div,
#LacMenenEUR div,
#LacMannennlEUR div
{
width: 7.7%;
}
#ReeWomenenUS div,
#ReeVrouwennlUS div,
#ReeWomenenUK div,
#ReeVrouwennlUK div,
#ReeWomenenEUR div,
#ReeVrouwennlEUR div,
#ReeWomenenCM div,
#ReeVrouwennlCM div
{
width: 6.6%;
}
#ReeMenenUS div,
#ReeMannennlUS div,
#ReeMenenUK div,
#ReeMannennlUK div,
#ReeMenenEUR div,
#ReeMannennlEUR div,
#ReeMenenCM div,
#ReeMannennlCM div
{
width: 5.7%;
}
.payPic {
margin-bottom: 10px;
}
#shippingCosts
{
display: block;
}
.shippingLeftContent {
width: 100%;
max-width: 100%;
}
#shippingCosts .einleitung {
margin-bottom: 20px;
}
.aboutContent {
display: block;
}
#about > article > div > div:nth-child(2) {
display: flex;
}
.aboutContent > div {
width: 100%;
}
.aboutContent figure {
margin-left: 0;
}
#contactPage .einleitung {
border: 0;
display: flex;
display: -webkit-box;
flex-direction: column;
padding: 0;
}
#contactPage .einleitung nav {
text-align: center;
}
#btnSendMsg {
margin-top: 10px;
}
.contactContentRight {
margin-left: 0;
}
.contactContent .captchaBox {
margin-bottom: 20px;
}
#btnSendMsg
{
font-size: 30px;
}
#btnSendMsg .fa.fa-angle-double-right {
top: 38%;
}
.contactContent .input-group {
display: block;
}
#contactPage .einleitung > div {
order: 2;
-webkit-box-align: center;
}
#contactPage .einleitung {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
}
.contactAddress {
padding-left: 20px;
margin-bottom: 0;
order: 1 !important;
}
.contactAddress > div {
margin-bottom: 20px;
}
.contactAddress > figure {
margin-top: 10px;
margin-bottom: 10px;
}
.contactContent .captchaBox #captcha img
{
padding-left: 0;
padding-right: 10px;
}
.input-group.captchaBox > div {
margin-top: 10px;
}
#partner .partnerRow {
display: block;
}
.PartnerContent h3 {
font-size: 20px;
}
#partner .partnerRow div {
width: 93%;
}
#showPartner .einleitung .PartnerContent {
display: block;
}
#showPartner .einleitung .PartnerContent .PartnerContentLeft {
width: auto;
margin-bottom: 20px;
}
.PartnerContent > div:nth-child(2) {
width: 100%;
}
#arrivalSidebar {
flex-basis: 30%;
width: 30%;
}
#arrival .einleitung, #arrival .mainContent {
padding-left: 0;
}
#arrivalContent iframe {
height: 350px;
}
#InfoContent {
width: 100%;
}
#Shopseite h1, #Infoseite h1 {
font-size: 20px;
}
#Infoseite h1 span {
background-color: #fff;
}
#InfoContent > div:nth-child(2) {
flex-basis: auto;
width: 100%;
}
#InfoSidebar, .PartnerContentLeft {
flex-basis: 38%;
width: 38%;
}
#toggleSpan .searchButton {
font-size: 13px;
}
#InfoSidebar > ul, .PartnerContent ul {
padding: 10px 0 10px 10px;
}
#Infoseite div[class*="artikelBox"] li {
flex-basis: auto;
width: 100%;
}
#category div[class*="artikelBox"] > ul > li {
flex-basis: auto;
width: 100%;
}
#catSoldOut div[class*="artikelBox"] > ul > li {
flex-basis: auto;
width: 100%;
}
#pageNav .searchButton {
font-size: 20px;
}
#pageNav .NoLink {
font-size: 20px;
}
.SoldOutLeft {
width: 100%;
}
.soldoutInfo
{
width: 100%;
margin-left: 0;
}
#detailContentLeft {
margin: 0 auto;
}
.detailWK .detailWKBottom {
padding: 0;
}
.detailFancyLnk {
font-size: 15px;
}
#ContentDetail {
align-items: flex-start;
-webkit-box-align: start;
}
.detailPageNavi {
margin-bottom: 10px;;
}
.cell-a .label {
flex-basis: 25% !important;
width: 25% !important;
}
.paymentfoldTop {
padding: 0;
}
.paymentArticlePayPal {
display: block;
}
#addressForm {
display: block;
}
#addressFormLeft div.input-group > label,
#addressFormRight div.input-group > label {
font-size: 16px;
width: 180px;
}
#emailOrder {
display: block;
}
#sizeRequest #footerAGB .searchButton {
font-size: 15px;
}
.searchButton.btnSendRequest {
font-size: 15px;
padding: 10px;
}
.scroller {
padding: 20px 4px 20px 10px;
font-size: 15px;
}
.contentAGB > div .absolutContent {
width: 97%;
}
.contentAGB > div .absolutContentBottom {
width: 97%;
}
#mailOrder div.input-group > span > input.input-city,
#mailOrder div.input-group > div > span > input.input-city,
#sizeRequest div.input-group > span > input.input-city,
#sizeRequest div.input-group > div > span > input.input-city
{
width: 256px;
}
#mailOrder div.input-group > input[type="text"],
#mailOrder div.input-group > input[type="tel"],
#mailOrder div.input-group > input[type="email"],
#sizeRequest div.input-group > input[type="text"],
#sizeRequest div.input-group > input[type="tel"],
#sizeRequest div.input-group > input[type="email"]
{
width: 322px !important;
}
#mailOrder .selectFeld,
#sizeRequest .selectFeld {
font-size: 16px !important;
width: 330px;
}
#mailOrder div.input-group > label {
width: 170px !important;
}
.CheckoutNavi .naviField{
display: none;
}
.startPayment
{
display: block;
margin-bottom: 0;
}
.paymentLogo {
width: 100%;
}
.paymentLogo.box1 > a, .paymentLogo.box1 > span,
.paymentLogo.box2 > a, .paymentLogo.box2 > span,
.paymentLogo.box3 > a, .paymentLogo.box3 > span,
.paymentLogo.box4 > a, .paymentLogo.box4 > span {
margin: 0 auto 20px;
display: inline-block;
}
}
@media (max-width: 568px)
{
#index_skill {
font-size: 22px;
}
#AdvLeft h3, #AdvMid h3, #AdvBot h3 {
font-size: 18px;
}
#startAdv h2 {
font-size: 20px;
}
#indexPic h2 {
font-size: 20px;
}
.parallax_column_container h3 {
font-size: 18px;
}
#InfoCatTxt {
padding: 20px;
}
#CheckBeginHead h2 {
font-size: 20px;
}
#regFormHead h2 {
font-size: 20px;
}
#CheckEditHead h2 {
font-size: 20px;
}
#CheckEditContent > h2 {
font-size: 20px;
}
#checkoutPayment h2, #checkoutVersand h2 {
font-size: 20px;
}
input.css-checkbox[type="radio"] + label.css-label {
font-size: 16px;
}
#paymentInfoBox > p {
text-align: justify;
}
#paymentInfoBox h1 {
font-size: 26px;
}
::-moz-placeholder {
font-size: 16px;
}
.continuepayment {
font-size: 25px;
line-height: 30px;
}
::-webkit-input-placeholder {
font-size: 16px;
}
.puSelect-overlay.is-placeholder {
font-size: 16px;
}
.puSelect-overlay {
padding: 13px 7px;
}
#loginWrapper {
display: block;
}
#loginWrapperAdd {
display: block;
}
.wrapperBox1 {
width: 100%;
}
.wrapperBox2 {
width: 100%;
}
.wrapperBox3 {
width: 100%;
}
#loginFormLeft h3 {
font-size: 16px;
}
#CheckBeginLeft h3 {
font-size: 16px;
}
p.btn > label {
font-size: 14px;
}
#socialContent {
display: block;
}
.social_btn {
margin: 15px auto;
}
#btnShowCart {
font-size: 28px;
text-align: center;
margin-right: 0;
}
#searchOuterMob {
display: block;
font-size: 28px;
}
div#divWKMob #mobSearch {
display: block;
}
#divWKMob {
width: 100%;
}
.conTop a {
font-size: 14px;
}
.detBannerContent figure {
width: 67%;
}
#artikelbeschreibung p {
text-align: justify;
}
#formQuestion .form-input > label {
width: 50%;
}
#questionMail {
width: 50%;
}
#itemBuy #availability, #itemBuy #delivery, #itemBuy #orderCD {
margin-left: 65px;
}
#boxItemContentBottom {
display: block;
}
#boxItemContentBottomLeft {
width: 100%;
}
#boxItemContentBottomRight {
width: 100%;
}
#itemBuy {
width: 520px;
}
#cdSoon {
left: -20px;
transform: scale(.7);
-ms-transform: scale(.7);
-webkit-transform: scale(.7);
-o-transform: scale(.7);
-moz-transform: scale(.7);
}
#shopItemRatingInnerLeft {
width: 60%;
}
#Bewertungsportal .mainNav a {
font-size: 22px;
}
#ratingHeader > div {
width: 56%;
}
#btnRatingLogin {
width: 80%;
}
#ratingLoginField {
width: 80%;
}
.ratingRow {
display: block;
}
.ratingLeft {
width: 95%;
border-right: 0;
}
.ratingRight {
width: 95%;
}
#delivery, #orderCD {
font-size: 20px;
}
#contentMain #dhlPic > figcaption {
font-size: 20px;
}
#orderCD .block
{
padding: 0;
}
#orderPayment > h2 {
display: none;
}
#addressHeader, #contactHeader
{
display: block;
}
.removeSearchBar
{
display: none
}
#blogLinks h1 {
font-size: 20px;
}
#blogLinks figure {
display: block;
text-align: center;
}
#blogLinks figure > figcaption {
margin-left: 0;
width: 100%;
}
#btnSubscribe {
width: 61%;
}
#contentMain > figure {
max-width: 550px;
}
#responsive-menu-button, #responsive-menu-button-cat, #responsive-menu-button-det
{
text-decoration: none;
text-align: center;
font-size: 25px;
}
#mobile-header
{
background: black;
border-radius: 5px;
display: block;
}
#mobile-header:hover
{
background: #3d3d3d;
}
#mobile-header-cat
{
background: black;
border-radius: 5px;
display: block;
margin-top: 10px
}
#mobile-header-cat:hover
{
background: #3d3d3d;
}
#mainNav, #mainNavDet
{
display: none;
}
#questionItem {
max-width: 486px;
}
#pQuestHead {
font-size: 25px;
}
#simProd {
font-size: 25px;
}
#pSelSize {
font-size: 25px;
}
#logPay .detPayHead {
font-size: 25px;
}
.detPay > span {
font-size: 24px;
}
#infotable {
width: 100%;
}
}
@media (max-width: 532px)
{
.wrapperBox1 {
display: block;
}
.wrapperBox2 {
display: block;
}
.wrapperBox3 {
display: block;
}
.wrapperBox4 {
display: block;
}
.wrapperBox5 {
display: block;
}
.wrapperBox1 > .puInputGrp {
width: 100%;
}
.wrapperBox1 #titleBox {
width: 100%;
}
.wrapperBox1 #titleBoxAdd {
width: 100%;
}
.wrapperBox2 > .puInputGrp {
width: 100%;
}
.wrapperBox3 .puInputGrp {
width: 100%;
}
.wrapperBox4 > .puInputGrp {
width: 100%;
}
.wrapperBox4 > #login_state {
width: 100%;
}
.wrapperBox5 > .puInputGrp {
width: 100%;
}
.wrapperBox5 > #login_state {
width: 100%;
}
#streetBox {
width: 100%;
}
#streetBoxAdd {
width: 100%;
}
.wrapperBox4 > #login_other_state {
width: 100%;
}
#CheckBeginContent
{
display: block;
}
#CheckBeginLeft {
width: 100%;
}
#PPButton {
width: auto;
}
#btnEditLogMeth {
margin: auto;
}
#btnEditAddress
{
margin: auto;
}
#loginFormLeft {
width: 100%;
margin-top: 20px;
}
#CheckBeginLeft h3 {
font-size: 20px;
}
#loginFormLeft h3 {
font-size: 20px;
}
p.btn > label {
font-size: 16px;
}
#loginFormLeft h3 {
font-size: 20px;
}
#guestError
{
font-size: 16px;
}
input.css-checkbox[type="radio"] + label.css-label {
font-size: 15px;
}
.conTop {
display: block;
}
.conTop div {
width: 100%;
padding-left: 20px;
}
.conTop a {
font-size: 20px;
}
.detBannerContent figure {
width: 65%;
}
#chooseSize
{
font-size: 30px;
}
#addSizeLeft > figure {
display: block;
}
#delivery, #orderCD {
font-size: 14px;
}
#contentMain #dhlPic > figcaption {
font-size: 14px;
}
#formQuestion .content {
font-size: 14px;
width: 100%;
}
.btnTxtTop {
font-size: 34px;
}
#itemBuy
{
width: 484px;
}
#cdSoon {
left: -62px;
}
#shopItemRatingInnerLeft {
width: 70%;
}
#otherItem {
width: 61%;
}
#boxFinance {
width: 61%;
}
#boxQuestion {
width: 61%;
}
#thumbsLow img {
width: 122px;
}
#thumbs .row, #thumbsLow .row {
height: 83px;
}
#orderCD b {
font-size: 20px;
}
}
@media (max-width: 480px)
{
#saleTitleTxtTop {
font-size: 23px;
}
#pageNav {
max-width: calc(100% - 20px);
}
#sizeRequestSend {
max-width: calc(100% - 20px);
padding: 20px;
}
.blogExcerpt {
width: calc(100% - 20px);
}
#blogLinks img {
width: 250px;
}
#dhlPic {
display: block;
}
#Warenkorb .cell-1 {
box-sizing: border-box;
padding: 8px;
width: 100%;
}
#Warenkorb .cell-2 {
padding: 8px 20px 8px 0;
text-align: right;
width: 100%;
}
#Warenkorb #cart-content .containerWK {
display: block;
}
#index_Nike {
font-family: Archivo Narrow;
letter-spacing: 0px;
font-size: 18px;
}
.detailItemNike {
width: calc(50% - 10px);
}
.detailItemNike.lastElement3 {
margin-right: 20px;
}
.detailItemNike.lastElement2 {
margin-right: 0;
}
.detailItemNike.lastElement3.lastElement2 {
margin-right: 0;
}
#skillInfo {
max-width: calc(100% - 20px);
}
.artikelSlider {
max-width: calc(100% - 20px);
}
#indexPic {
max-width: calc(100% - 20px);
}
#indexNav {
max-width: calc(100% - 20px);
}
#indexPic h2 {
font-size: 20px;
}
.footerLiRight .spanRight {
display: block;
text-align: center;
padding-left: 0;
}
.footerLiRight .spanLeft {
margin-left: 0;
text-align: center;
width: 100%;
}
#infotable td {
border: 1px solid #dddddd;
}
#infotable {
border: none;
font-size: 14px;
}
#lieferzeiten {
font-size: 14px;
}
#artikeldetails {
padding: 0;
}
#headerWK
{
padding: 20px;
}
#btnFB, #btnGP, #btnTw, #btnPint, #btnWA {
width: calc(100% - 40px);
}
li.slidePicThumb {
margin-bottom: 3px;
}
.mobileBlockAvail {
font-size: 20px;
}
#btnItemDesc {
font-size: 20px;
line-height: 40px;
}
#itemContent {
max-width: calc(100% - 20px);
}
#btnItemDetails {
font-size: 20px;
line-height: 40px;
}
#btnDelivery {
font-size: 20px;
line-height: 40px;
}
#btnPersAdv {
font-size: 20px;
line-height: 40px;
}
#btnQuestionItem {
font-size: 20px;
line-height: 40px;
}
#btnOtherCat {
font-size: 20px;
line-height: 40px;
}
#InfoCatTxt {
padding: 20px;
}
#index_Nike {
font-size: 18px;
line-height: 36px;
}
.paymentLogo.box1 h3, .paymentLogo.box2 h3, .paymentLogo.box3 h3, .paymentLogo.box4 h3 {
font-size: 20px;
}
.itemCart.fa.fa-shopping-cart {
left: 25px;
}
.itemCart.fa.fa-shopping-cart.nikeair {
left: 25px;
}
#InfoCatTxt {
max-width: calc(100% - 20px);
}
#socialBox {
max-width: calc(100% - 20px);
}
#categoryRight > h1 {
margin: 20px 10px;
}
#ContentDetail {
max-width: calc(100% - 20px);
}
#indexPic h2 {
font-size: 18px;
}
#index_skill {
font-size: 18px;
line-height: 40px;
}
#catContentLeft {
font-size: 14px;
}
#artikelbeschreibung {
font-size: 14px;
}
#skillInfo {
font-size: 14px;
}
#skillTxt > h3 {
font-size: 18px;
line-height: 40px;
}
#skillTxt > span {
font-size: 25px;
line-height: 50px;
}
#ShopAddress {
padding: 20px 0;
}
#addressHeader {
margin: 0 auto 15px;
}
#index_payment {
font-size: 25px;
line-height: 50px;
}
#index_payment_subtitle {
font-size: 18px;
}
label#label_klarnaKonto {
margin-bottom: 60px;
}
#detSiteNav li {
font-size: 25px;
}
#wkBox div.article-info-cell figure {
width: 140px;
}
#wkBox .cell-2
{
width: 98%;
}
#wkBox .cell-3
{
display: block;
width: 100%;
}
#wkBox .cell-5
{
width: 98%;
}
#wkBox .labelWKMob {
display: inline-block;
}
#wkBox .span5.btn-group {
display: block;
}
.howto_pic_cc_mobil
{
display: block;
}
.howto_pic_cc
{
display: none;
}
#howto_pic_paypal_mobil
{
display: block
}
#howto_pic_paypal
{
display: none;
}
.howto_pic_payment_mobil
{
display: block;
}
#howto_pic_payment
{
display: none;
}
.howto_pic_register_mobil
{
display: block;
}
.howto_pic_register
{
display: none;
}
#howto_pic_detail_mobil
{
display: block;
}
#howto_pic_detail
{
display: none;
}
#WarenkorbSum .available, #Warenkorb .available {
font-size: 18px;
}
.period {
font-size: 14px;
}
.cell-3 {
display: block;
width: 100%;
}
.shippingOdd > p {
font-size: 13px;
}
#Warenkorb .labelWKMob
{
font-size: 16px;
padding-right: 10px;
display: inline-block;
}
#cart-content header {
display: none;;
}
#cart-content .item-row {
display: block;
}
#WarenkorbSum .cell-1 {
padding: 8px;
width: 100%;
}
div.article-info-cell .data {
margin-left: 10px;
margin-top: 10px;
}
#wkBox .cell-1 {
width: 100%;
padding: 8px;
}
#wkBox .cell-2
{
width: 98%;
font-size: 14px;
text-align: right;
}
.cell-2 select {
width: 15%;
}
.cell-5
{
width: 98%;
}
.cartPrice {
font-size: 18px;
}
div.article-info-cell figure {
width: 100%;
}
div.article-info-cell .data {
flex-basis: auto;
width: 56%;
}
#aboutContentRightLeft {
width: 70%;
}
#fbBanner {
box-sizing: border-box;
width: 100%;
margin: 0;
}
#maxTab li {
font-size: 20px;
margin-bottom: 15px;
width: 100%;
margin-left: 60px;
text-align: left;
}
#maxTab.tabSneaker li {
width: 100%;
}
#maxTabHead {
display: none;
}
#maxTab {
display: block;
}
#questionItem {
max-width: 398px;
}
#availability {
width: 100%;
}
#pQuestHead {
font-size: 22px;
line-height: 44px;
}
#btnChangeSizePop
{
font-size: 24px;
}
#wkLeft > nav
{
display: block;
}
#btnSoldItems {
width: 99%;
font-size: 22px;
}
#paymentInfoBox h1, #paymentInfoBoxPP h1 {
font-size: 22px;
}
#detailMidLeft > figure {
display: block;
margin-bottom: 20px;
text-align: center;
}
#wk
{
display: none;
width: auto;
}
#registerCheck label {
display: block;
}
div#btnRegisterFinal {
font-size: 24px;
}
.rightArrow
{
display: none;
}
#catLinkLeft .a-btn {
padding: 15px 35px 12px 35px;
}
.btnTxtBot {
line-height: 34px;
}
.btnTxtTop {
font-size: 25px;
font-weight: bold;
}
.btnTxtHead {
display: block;
font-size: 18px;
line-height: 28px;
}
.startBannerContent figure {
display: none;
}
#itemBuy {
width: 432px;
}
#cdSoonBox {
height: 115px;
}
#cdSoon {
left: -70px;
transform: scale(.68);
-ms-transform: scale(.68);
-webkit-transform: scale(.68);
-o-transform: scale(.68);
-moz-transform: scale(.68);
}
#shopbewertung > h2 {
font-size: 20px;
}
.shopRatingDoneInnerContent > div > div > div > label,
.shopRatingDoneInnerContentStats > div > div > label {
width: 55%;
}
#Bewertungsportal .mainNav a {
font-size: 20px;
}
#ratingHeader > div {
width: 48%;
}
#ratingLogout {
width: 30%;
}
#userRating > h1 {
font-size: 28px;
}
#userShopRating > h4 {
font-size: 28px;
}
.shippingTable h1, .shippingTable h3, .intro h1 {
line-height: 40px;
}
#shippingInfo {
margin-left: 10px;
}
#shippingInfo p {
text-align: justify;
}
#btnSubscribe {
width: 58%;
}
#thumbsLow img {
width: 146px;
}
#thumbs .row, #thumbsLow .row {
height: 98px;
}
#imgPP, #imgVi
{
position: relative;
left: 0;
}
span.span-long-city {
width: 63%;
}
#loginBox .loginRow .input-group input
{
width: 96%;
}
#loginBox .loginRow .input-group .input-city
{
width: 96%;
}
#KontaktContent p.pTop {
text-align: justify;
}
.contactContent {
display: block;
}
#btnSendMsg {
width: 80%;
}
#contactContentLeft {
width: 100%;
}
.contactContentRight {
width: 100%;
}
#paymentMethod p {
text-align: justify;
}
#paymentMethod #fbBannerRight p {
text-align: right;
}
#HowToContent .pTop, #HowToContent p {
text-align: justify;
}
#paymentMethodDetails h2 {
font-size: 20px;
}
#HowToContent li {
margin-bottom: 10px;
}
#sizeRequestSend h1 {
font-size: 22px;
font-weight: bold;
line-height: 44px;
margin-bottom: 15px;
}
#sizeRequestSend p {
line-height: 25px;
margin-bottom: 15px;
}
span.span-long {
width: 58%;
}
#requestItem .content span {
padding: 0;
background: #fff;
}
#requestItem .content .pBot {
margin-bottom: 20px;
text-align: justify;
}
#arrivalContent button {
margin-left: 0;
font-size: 25px;
}
button .fa.fa-angle-double-right {
position: absolute;
right: 20px;
top: 34px;
}
.btnCatBlock {
display: inline-block;
width: 100%;
}
.btnCatNav {
font-size: 30px;
padding: 10px;
}
#btnNavPrev {
margin-bottom: 20px;
}
#LoginForm .btnOpen4, #LoginForm .btnOpen15 {
width: 100%;
}
#facebook
{
display: none;
}
.detBannerTxt
{
padding-left: 15px;
}
.detCol {
display: inline-block;
padding-left: 15px;
font-weight: bold;
}
#availability, #delivery, #orderCD, p.detInfo
{
margin-left: 0;
}
#orderDetailsLeft
{
display: block;
}
#boxFinance {
width: 98%;
margin-bottom: 20px;
}
#boxQuestion {
width: 98%;
}
#otherItem {
width: 98%;
}
#detPayTop
{
display: block;
height: auto;
margin-bottom: 0;
}
#detPayBot
{
display: block;
}
.detPayTopPic.detEN
{
width: 100%;
}
.mobileBlock
{
display: block;
}
.mobileBlockAvail
{
display: inline-block;
}
.iconCheck {
font-size: 18px;
padding: 0 5px 0 0;
}
.detBannerContent h1 {
flex-basis: auto;
width: 100%;
}
.detBannerContent {
padding: 0;
font-size: 22px;
line-height: 30px;
margin-left: 0;
}
.detBannerContent figure
{
width: 40%;
}
#navTablet .container > ul > li
{
width: 100%;
}
#wkBack
{
margin: 0 auto 20px;
}
#wkDown
{
text-align: center;
margin: 0 auto;
}
.wkHead > a {
width: 30%;
}
#wkBreadInner {
width: 70%;
}
.styled_select
{
width: 100%;
}
.PaymentRow > article
{
width: 100%;
}
.shipMeth {
width: 100%;
}
#checkoutVersand h2, #checkoutPayment h2, #WarenkorbSum h2
{
font-size: 25px;
}
.PaymentRow > article {
width: 100%;
}
.PaymentRow {
display: block;
}
.paymentLogo.box1 > a, .paymentLogo.box1 > span,
.paymentLogo.box2 > a, .paymentLogo.box2 > span,
.paymentLogo.box3 > a, .paymentLogo.box3 > span,
.paymentLogo.box4 > a, .paymentLogo.box4 > span {
margin: 0 auto 20px;
}
#footerBottom figcaption
{
text-align: center;
}
.parallax_column_container h2 span {
display: initial;
}
#IconFlex {
display: block;
}
[class^="icon-"], [class*=" icon-"] {
color: #000;
}
.parallax_colum4 {
width: 100%;
}
#indexPic
{
height: auto;
}
.parallax_column_container h2
{
color: #000;
}
.circle_icon {
border: 1px solid black;
}
.parallax_column_container {
color: #000;
}
.aboutContentRight {
display: block;
}
#aboutContentRightRight {
width: 66%;
}
#picVersandTxt {
bottom: 32px;
font-size: 28px;
right: 22px;
}
#Delivery > div {
font-size: 20px;
}
#leftMenue.leftMenue {
width: 100%;
}
#leftMenue.leftMenue #serviceNavi {
width: 94%;
}
#thumbs,
#thumbsLow {
max-width: 100%;
}
#FinderBoxButton
{
font-size: 30px;
width: 97%;
}
#loginFormLeft .input-group > input {
width: 95% !important;
}
.payInfo {
margin-left: 40px;
}
#contentMain > figure {
max-width: 480px;
}
#startSlider
{
display: none;
}
#fbContent
{
font-size: 0.0em;
white-space: pre-wrap;
}
.box1, .box2, .box3, .box4
{
height: auto;
}
#btnShop {
font-size: 25px;
width: 81%;
}
span.blogBtnTxt {
width: 100%;
display: block;
line-height: 30px;
margin: 0;
}
#startSale {
margin-top: 0;
}
#startNews {
width: 67%;
margin: 15px auto;
}
#NewsContent img {
width: 100% !important;
}
#NewsContent {
width: 100%;
}
#wk #chooseSizeSpan {
font-size: 24px;
}
#wk #sizeDiv h4 {
font-size: 26px;
}
#wk #btnWK > span {
font-size: 24px;
}
p#chooseSizeP {
font-size: 24px;
}
#fbContent, #googleContent {
margin: 0 auto;
width: 62%;
}
#fbContent
{
margin-bottom: 15px;
}
.btnNewsCon {
bottom: 5px;
padding: 10px;
right: 30px;
width: 62%;
}
#saleHead {
font-size: 34px;
margin-bottom: 20px;
}
.topsellerInfo {
line-height: 7;
font-size: 50px;
}
#topseller_1, #topseller_3, #topseller_5, #topseller_7
{
margin-bottom: 15px;
}
#TopsellerOne article, #TopsellerTwo article
{
width: 100%;
}
#TopsellerOne > div, #TopsellerTwo > div
{
display: block;
}
#startLac .txtContent
{
display: none;
}
.btnSneakertxt, .btnLactxt, .btnSaletxt, .btnStartItemstxt
{
font-size: 20px;
}
#index_service
{
display: none;
}
#startAdv
{
display: none;
}
div.input-group > .set
{
width: 99%;
}
#regInfoContent h2
{
font-size: 30px;
}
#regInfoContent
{
padding-left: 0;
margin-top: 70px;
font-size: 20px;
line-height: 40px;
}
#regNewLogin .customer-loginform-content {
width: 98%;
}
#regNewLogin .LoginBottom {
width: 98% !important;
}
#contactHeader
{
display: block;
}
.bannerContent {
font-size: 22px;
line-height: 42px;
}
#contactHeader > figure, #addressHeader > figure, #addressHeader > address
{
width: auto;
}
.detailBtnTxt {
font-size: 30px;
}
.a-btn.continue {
text-align: left;
}
.continueTxt {
display: block;
text-align: center;
width: 81%;
padding: 0;
}
.registerTxt {
font-size: 20px;
}
.btnLoginTxt
{
font-size: 30px;
}
#Warenkorb > nav
{
display: block;
}
#chooseSize {
font-size: 23px;
}
.detailInfo {
margin-bottom: 10px;
}
#detailFinance > div{
flex-basis: auto;
width: 100%;
}
#sizeDiv h4 {
background-color: red;
color: #fff;
font-size: 26px;
font-weight: bold;
height: 44px;
padding-top: 0;
text-align: center;
line-height: 36px;
}
p#chooseSizeP {
font-size: 20px;
}
.btnsRight
{
display: block;
}
#picPayment, #picVersand, #picFAQ, #picImprint, #picAGB, #picPartner {
padding: 15px;
width: calc(100% - 20px);
}
#picArrival
{
padding: 15px 15px 10px;
width: calc(100% - 20px);
}
#paymentMethod article, .shippingTable, .shippingLeftContent .intro,
#shippingTableInfo, #sizeTableContentLeft article, #faqNav .slidePanel,
#infopages .einleitung, #Shopseite article, #Infoseite .InfoArtikel, #ShopseitenList .einleitung,
#KontaktContent article, #KontaktContent .contactAddress, #formKontakt, #impressum article, #arrivalRightContent,
#partnerContent article, #ShopAddress, #FinderHowTo, #sneakerfinder, #error404, #ContentDetailSoldOut
{
width: calc(100% - 20px);
font-size: 14px;
}
#LoginHeader {
max-width: calc(100% - 20px);
}
#regLogin.box-container {
max-width: calc(100% - 20px);
}
#CheckEdit.box-container, #checkoutVersand.box-container, #checkoutPayment.box-container, .summary {
max-width: calc(100% - 20px);
}
#shippingInfo li {
font-size: 14px;
}
#Shopseite h1, #Infoseite h1 {
margin-left: 10px;
}
#KontaktContent h1 {
margin-left: 10px;
}
#checkoutVersand .paydesc {
width: 100%;
}
#OrderOKBuy > nav {
width: 100%;
}
.btnAnfrage .searchButton, .btnFrage .searchButton, .btnOrder .searchButton
{
width: 100%;
}
#sizeTableContentLeft h1 {
font-size: 20px;
}
.infoTxt > h2 {
font-size: 18px;
}
#detailFinance {
display: block;
}
#ContentDetail #DetailSlider {
width: auto;
}
#kaufenBot
{
width: 100%;
}
#OrderOKBuy
{
display: block;
}
#OrderOKBuy > nav {
margin-top: 10px;
}
.breadSpan
{
display:block;
margin-top: 5px;
}
.detailPageNavi
{
display: none;
}
.showMobile
{
display: none;
}
#sneakerfinder {
height: 350px;
}
#dialog-form-recommend-page textarea
{
width: 95% !important;
}
.ui-dialog .ui-dialog-buttonpane button {
margin: .1em !important;
}
#dialog-form-recommend-page div.input-group > input[type="text"]
{
width: 95% !important;
}
span#btnRecomm {
padding: 20px 0 !important;
display: block !important;
text-align: center;
width: 100% !important;
}
#spacer #headRecomm {
width: 100%;
flex-basis: 100%;
align-self: center;
-webkit-box-pack: center;
margin-bottom: 20px;
display: block;
}
#getHashMail {
font-size: 15px;
display: block;
padding: 20px 0;
}
.divCartAddWK
{
display: block;
}
.circle, .divCartAddWKTxt
{
display: none;
}
.searchButton.continue {
padding: 20px 104px;
}
.customer-login .LoginBottom .searchButton, .customer-login-new-content .searchButton
{
font-size: 20px;
display: block;
}
.FinderContentSearchLabel {
width: 52%;
}
.flags {
display: block;
text-align: right;
margin-right: 0;
}
#facebookHeadMob {
text-align: center;
}
.flagInnerLeft {
width: 90%;
margin-bottom: 15px;
margin-right: 0;
}
.flagInnerRight {
width: 90%;
margin-bottom: 15px;
margin-right: 0;
}
#twitter-widget-0
{
display: none;
}
.blogName{
display: none;
}
#blogSocial
{
display: none;
}
#contact {
width: 100%;
}
#contactHead {
font-size: 25px;
height: 29px;
}
#contactContent {
font-size: 18px;
}
.contactCenter {
font-size: 16px;
}
.index div[class*="jcarousel"] ul
{
width: 500%;
}
#mainHeader nav > ul
{
display: block;
}
#mainHeader nav > ul > li
{
margin-bottom: 1px;
flex-basis: auto;
width: auto;
padding: 14px 0;
}
#TopSlider
{
display: block;
}
#contact
{
margin-bottom: 15px;
margin-right: 0;
height: auto;
}
#startContent
{
display: none;
}
#footerTopContent > ul
{
flex-direction: column;
}
.footerLiLeft, .footerLiMidLeft, .footerLiMidRight
{
border-right: none;
}
.footerLiRight li {
display: block;
margin-bottom: 10px;
}
.footerLiLeft {
width: 100%;
margin-bottom: 30px;
}
.footerLiMidLeft {
width: 100%;
}
.footerLiMidRight {
width: 100%;
}
.footerLiMidLeft ol, .footerLiLeft ol {
margin-left: 60px;
}
#footerTopContent a, #footerTopContent span {
font-size: 14px;
line-height: 25px;
}
#footerTopContent h3 {
font-size: 16px;
}
.footerLiLeft > h3, .footerLiMidLeft > h3 {
margin-left: 0;
}
div#FooterSecure {
margin-top: 30px;
}
.footerLiRight
{
text-align: center;
width: 100%;
margin-top: 20px;
}
#footerBottomContentLeft {
display: block;
}
#footerBottomContentRight {
display: block;
}
#footerBottomContent {
text-align: center;
padding: 0;
}
#footerTopContent > ul > li
{
text-align: center;
flex-basis: auto;
width: auto;
}
.footerLiRight > p {
font-size: 12px;
}
#footerBottom figure img
{
height: auto;
max-width: 100%;
}
#footerBottom figure
{
margin: 0 auto;
}
.container
{
position: relative;
left: 0;
}
.containerLiLeft, .containerLiMid
{
border-right: 0;
}
.container > ul
{
display: block;
}
.container > ul > li {
width: 100%;
}
.container > ul > li > h3
{
font-size: 16px;
margin-left: 40px;
}
nav ol > li > a
{
font-size: 13px;
}
.col1 li, .col2 li, .col3 li
{
line-height: 20px;
}
#categoryTop
{
display: none;
}
#catLink {
height: 570px;
}
.pNavi {
padding: 10px 5px 0;
}
#pageNav .searchButton.page {
padding: 5px 10px;
}
#pageNav .searchButton {
font-size: 16px;
border-radius: 5px;
padding: 5px 10px;
}
#pageNav .NoLink {
font-size: 16px;
}
#pageNav .NoLink {
border-radius: 5px;
padding: 5px 10px;
}
#breadDetail, #breadCat {
display: block;
}
#facebook {
margin-top: 15px;
}
#contentDetailRight {
width: 100%;
margin-left: 0;
}
#ContentDetail {
display: block;
}
#ContentDetail > div {
width: 100%;
}
.detailPageNaviPadding {
padding: 40px 0 35px 30px !important;
}
.divCartAddPrice .itemName {
font-size: 15px;
font-weight: bold;
}
#divCartAdd {
margin: 0;
width: 290px;
}
.divCartAddPrice .itemSize {
font-size: 10px;
}
.divCartAddPrice .itemPrice {
font-size: 25px;
width: auto;
}
.breadcrumb p
{
font-size: 12px;
}
.cell-4 {
display: none;
}
.value
{
width: 28.444%;
}
#cart-content header {
font-size: 11px;
}
.liBottom {
font-size: 11px;
}
.goPayment .searchButton, .goBack .searchButton
{
font-size: 18px;
padding: 20px 10px;
}
div.input-group > label
{
margin-bottom: 5px;
width: auto;
}
.customer-login-form-regist div.input-group > label
{
margin-right: 0;
}
div.input-group
{
display: block;
}
div.input-group > input[type="text"],
div.input-group > input[type="password"],
div.input-group > input[type="email"],
div.input-group > input[type="number"],
div.input-group > input[type="tel"],
div.input-group > div > input[type="text"],
div.input-group > div > input[type="password"],
div.input-group > div > input[type="email"],
div.input-group > div > input[type="number"],
div.input-group > div > input[type="tel"],
.customer-login .customer-loginform-content .input-group inpu
{
width: 91%;
}
div.input-group > span > input.input-zip,
div.input-group > div > span > input.input-zip
{
width: 25%;
}
div.input-group > span > input.input-city,
div.input-group > div > span > input.input-city
{
width: 62%;
}
.selectfeld {
width: 93%;
}
fieldset {
padding: 25px;
}
.customer-login-var1 h1, .customer-login-new-content h1 {
font-size: 16px;
}
.customer-login .customer-loginform-content {
width: 100%;
}
.customer-login .customer-loginform-content .input-group input
{
width: 96%;
}
.customer-login-var1 > nav, .customer-login-form-regist > nav {
text-align: center;
}
.paydesc
{
font-size: 15px;
}
.payradio, .noradio
{
padding-left: 0;
padding-right: 10px;
}
fieldset
{
padding: 15px;
}
.absatz {
font-size: 14px;
margin-bottom: 10px;
}
.paymentfold {
font-size: 16px;
margin-left: 6px;
padding: 0 0 20px 0;
}
.paymentfoldTop {
margin-left: 0;
}
#checkoutPayment section {
line-height: 25px;
}
#changeAddress div.input-group {
font-size: 16px;
}
.paySpan {
font-size: 16px;
}
.absatzInfo
{
display: block;
}
.absatzInfo > label {
flex-basis: 0;
width: 0;
}
.absatzInfo > span {
display: block;
margin-top: 10px;
font-size: 16px;
}
.para
{
display: block;
margin-bottom: 5px;
font-size: 12px;
}
.cell-a
{
display: block;
}
.cell-a .label {
width: 100% !important;
margin-bottom: 5px;
}
.cell-a > div:nth-child(2) {
width: 100%;
}
.cell-a select
{
margin-right: 5px;
width: 32%;
}
.absatzInfo > span {
width: 100%;
}
.paymentfoldTop {
font-size: 16px;
}
#addressFormLeft div.input-group > label,
addressFormRight div.input-group > label,
.customer-login div.input-group > label {
font-size: 16px;
width: 80%;
}
#changeAddress div.input-group > input[type="text"],
#changeAddress div.input-group > input[type="tel"]
{
width: 290px !important;
}
#changeAddress .customer-login-form-regist nav {
text-align: center;
}
#changeAddress div.input-group > span > input.input-city,
#changeAddress div.input-group > div > span > input.input-city,
.customer-login div.input-group > span > input.input-city,
.customer-login div.input-group > div > span > input.input-city
{
width: 195px;
}
.input-title
{
width: 95%;
}
.LiInnerContent {
height: 420px !important;
}
.pcss3t > ul, .pcss3t > ul > li {
height: 500px !important;
margin-bottom: 20px;
}
.pcss3t .typography h2 {
font-size: 24px !important;
}
#Kommentar textarea
{
width: 98%;
}
.summary textarea
{
width: 98%;
height: 100px;
font-size: 9px;
}
.searchButton
{
font-size: 17px;
}
#WarenkorbSum .total label, #WarenkorbSum .value
{
font-size: 14px;
}
.tax
{
font-size: 8px;
}
#orderAGB p, #requestAGB p , #requestAGBMail p
{
font-size: 14px;
}
#addressForm
{
display: block;
}
#addressFormLeft
{
margin-right: 0;
}
#addressFormRight
{
margin-top: 20px;
}
#finalOrder > article {
padding: 20px 20px 15px 20px;
}
#finalOrder span
{
width: 70px;
}
#finalOrder p
{
font-size: 13px;
}
#finalOrder article > figure
{
display: none;
}
#newFB
{
width: 300px;
}
#finalOrder figure {
width: 300px;
}
#followFacebook img {
width: 300px;
}
#fbLike {
height: 55px;
line-height: 55px;
width: 300px;
font-size: 25px;
}
#finalOrder article > div {
width: 300px;
flex-basis:80%;
}
#Shopseite blockquote {
padding: 2em 1em;
font-size: 16px;
}
#Shopseite blockquote:before
{
font-size: 4em;
}
#Shopseite nav h2
{
font-size: 16px;
}
#Shopseite nav h3
{
font-size: 12px;
}
#sizeTableContentRight
{
display: none;
}
.sizeAppletSelectBox {
display: block;
}
.sizeAppletSelect {
padding-right: 0;
}
.sizeAppletSelect .selectFeld
{
width: 100%;
}
#step-5 {
font-size: 14px;
}
.ImageSpace {
width: 14.25%;
flex-basis: auto;
}
.shippingTable h3 {
font-size: 12px;
}
.shippingOdd, .shippingEven, .shippingTop {
font-size: 12px;
}
.shippingOdd figure, .shippingEven figure {
padding-right: 15px;
}
#about > article > div > div:nth-child(2) {
display: block;
}
.aboutContent figure {
display: none;;
}
#impressumTrusted figure{
display: none;
}
#shopAGB article {
width: calc(100% - 20px);
line-height: 25px;
font-size: 14px;
}
#aboutContent h1 {
margin-left: 10px;
}
#aboutContent article
{
width: calc(100% - 20px);
font-size: 14px;
}
.agbLink
{
font-size: 11px;
}
#shopAGB article h3 {
font-size: 16px !important;
}
#shopAGB .einleitung h3 {
margin-left: 0;
font-size: 15px;
}
.PartnerContent ul {
padding: 10px 0 10px 35px;
}
.contactAddress {
display: block;
}
.contactAddress figure
{
display: none;
}
.contactAddress > div {
padding: 20px 0;
margin: 0;
}
#arrivalContent {
display: block;
}
#arrivalRightContent > figure img {
margin-top: 20px;
}
#arrival .einleitung, #arrival .mainContent {
margin-top: 15px;
}
#arrivalRightContent h2 {
font-size: 18px;
}
#arrivalSidebar {
width: 93%;
}
#arrivalContent iframe {
height: 400px;
}
#InfoSidebar {
width: 95%;
}
#InfoContent {
display: block;
}
#InfoContent > div:nth-child(2) {
width: 100%;
}
#sicherheitscode {
width: 50%;
}
#agbwiderruf {
padding: 20px;
}
#pwNew fieldset > div {
border: 0;
padding: 0;
padding-bottom: 20px;
}
#sizeRequest h3, #mailOrder h3 {
font-size: 15px;
}
#sizeRequest .selectFeld {
font-size: 16px !important;
width: 310px;
}
#mailOrder .selectFeld {
font-size: 16px !important;
width: 310px;
}
#sizeRequest div.input-group > label {
width: 200px !important;
}
#mailOrder div.input-group > input[type="text"],
#mailOrder div.input-group > input[type="tel"],
#mailOrder div.input-group > input[type="email"]
{
width: 300px !important;
}
#sizeRequest div.input-group > input[type="text"],
#sizeRequest div.input-group > input[type="tel"],
#sizeRequest div.input-group > input[type="email"]
{
width: 300px !important;
}
#sizeRequest div.input-group > span > input.input-city,
#sizeRequest div.input-group > div > span > input.input-city
{
width: 205px;
}
#mailOrder div.input-group > span > input.input-city,
#mailOrder div.input-group > div > span > input.input-city
{
width: 205px;
}
#mailOrderTrusted > div {
width: 90%;
}
#mailOrder fieldset {
padding: 15px;
}
#sizeRequest #footerAGB, #mailOrder #footerAGB {
display: block;
width: 100%;
}
#sizeRequest #footerAGB > div {
width: 100%;
}
#mailOrder #footerAGB > div {
width: 100%;
}
.contentAGB {
padding: 20px;
}
.scroller {
max-width: 252px;
padding: 20px 4px 20px 15px;
}
#itemInfoContent input[type="text"] {
width: 95%;
}
#itemInfoContent textarea {
width: 95%;
}
#itemInfoContent #captcha {
margin-left: 0px;
}
#itemInfoContent .captchaBox {
width: 100%;
}
#itemInfoTrusted {
display: block;
}
#itemInfoFooter {
width: 100%;
display: block;
}
#itemInfo #btnQuestion {
margin: 30px 0 20px;
}
#step-5 > div > div {
flex-basis: 33.3%;
width: 25.3%;
}
#sizechart_en .sizeAppletText
{
display: block;
}
#sizechart_en .sizeTable
{
display: none;
}
#blogNav > ul > li {
width: 100%;
}
#blogNav .container {
left: 0;
}
.conLacoste > ul > li, .conSonstige > ul > li {
width: 90.3% !important;
}
.blogHead {
display: block;
}
#blogSearch {
width: 100%;
margin-bottom: 5px;
}
.ListColumn
{
display: block;
}
.ListColumn .column5 {
width: 91%;
}
.ListColumn .column4 {
width: 91%;
}
.ListColumn .column3 {
width: 91%;
}
.ListColumn .column2 {
width: 91%;
}
.ListColumn .column1 {
width: 91%;
}
#infopages .einleitung > h3 {
font-size: 18px !important;
}
#ShopseitenList .column2
{
width: 91%;
}
#ShopseitenList .column3
{
width: 91%;
}
#ShopseitenList .column4
{
width: 91%;
}
#ShopseitenList .column5
{
width: 91%;
}
#infopages {
font-size: 16px;
}
.ListColumn h3 {
font-size: 18px;
margin-left: 10px;
}
.ListColumn ul {
margin-left: 15px;
}
.ListColumn div {
margin: 10px 5px;
padding: 10px;
}
#othersites li {
margin-left: 15px;
list-style: disc outside;
}
.SliderHead
{
font-size: 20px;
}
.saleInfo {
line-height: 5;
}
.paymentLogo.box3 > figcaption {
bottom: 0;
}
.tipTitle
{
width: 413px;
}
.slideOutTip
{
width: 453px;
}
#Bewertungsportal .mainNav > ul > li {
width: 100%;
}
.ratingRightNavi {
margin-left: 0;
}
.ratingLeftNavi {
margin-right: 0;
margin-bottom: 5px;
}
#Bewertungsportal .mainNav > ul {
display: block;
}
#Bewertungsportal .mainNav a {
font-size: 20px;
}
#imgLupe
{
display: block;
}
#chooseSize {
margin-top: 0;
}
.detailFancyLnk.a-btn > img {
display: none;
}
#chooseSize .detailBlock {
display: inline;
}
#chooseSize {
display: block;
line-height: 90px;
}
.a-btn img {
height: 44px;
left: 10px;
top: 24px;
width: 44px;
}
#wk #sizeDiv h4 {
font-size: 24px;
}
#Start404{
font-size: 20px;
margin: 20px auto;
padding: 10px;
}
#Kontakt404 {
font-size: 20px;
margin: 20px auto 0;
padding: 10px;
}
}
@media (max-width: 414px)
{
#navSizeBtn {
display: block;
}
.cart-sidebar-footer {
margin-bottom: 0;
margin-top: 20px;
}
.txtBlue {
display: block;
}
#wkGoBack
{
margin-bottom: 20px;
}
#Warenkorb {
max-width: calc(100% - 20px);
}
#Warenkorb #wkContent nav {
display: block;
}
#impressumContent h1, #partnerContent .einleitung h1 {
margin-top: 10px;
}
#agbContent h1 {
margin-left: 0;
}
#arrivalRightContent h1 {
font-size: 20px;
}
.NikeDamenEURhead, .NikeDamenUKhead, .LacDamenEURhead,
.LacDamenUKhead, .ReeDamenEURhead, .ReeDamenUKhead,
.AsicsDamenEURhead, .AsicsDamenUKhead {
font-size: 18px;
}
.rowTopDamen, .rowTopDamenCM, .rowTopHerren, .rowTopHerrenCM, .rowTopGS {
font-size: 22px;
}
.sizeAppletText > h2 {
font-size: 18px;
}
.accordion_faq figcaption {
font-size: 9px;
}
.faqContent h3 {
font-size: 16px;
}
#faqOrder, #faqShipping, #faqPayment, #faqOther {
font-size: 25px;
line-height: 50px;
}
.faqDiv {
padding: 10px;
}
.faqDiv > ul {
margin-left: 10px;
}
#paymentMethod article, .shippingTable, .shippingLeftContent .intro,
#shippingTableInfo, #sizeTableContentLeft article, #faqNav .slidePanel,
#infopages .einleitung, #Shopseite article, #Infoseite .InfoArtikel, #ShopseitenList .einleitung,
#KontaktContent article, #KontaktContent .contactAddress, #formKontakt, #impressum article, #arrivalRightContent,
#partnerContent article
{
padding: 15px;
}
#picVersandTxt {
bottom: 35px;
right: 20px;
}
#headerWK
{
padding: 0;
}
.row-fluid.containerBox {
margin: 0 auto 35px;
max-width: calc(100% - 30px);
}
#btnOpenSizes {
font-size: 24px;
}
#itemContent {
padding: 0;
}
#itemContent .slidePanel {
border: 0 none;
margin-bottom: 10px;
}
#indexCatWrapper
{
display: block;
}
.btnCat {
font-size: 16px;
}
#indexCat1 {
width: 100%;
margin-right: 0;
}
#indexCat2 {
width: 100%;
margin-right: 0;
}
#indexCat3 {
width: 100%;
margin-right: 0;
}
#indexCat4 {
width: 100%;
margin-right: 0;
}
#index_skill {
font-size: 20px;
line-height: 40px;
}
#index_service {
font-size: 20px;
line-height: 40px;
}
#index_Nike {
font-size: 20px;
line-height: 40px;
}
#indexPic h2 {
font-size: 20px;
}
#contentMain #dhlPic > figcaption {
font-size: 16px;
}
#delivery, #orderCD {
font-size: 16px;
}
#contentDetailRight {
padding: 10px;
}
#msgBoxQuestion > label {
width: 90%;
}
#indexHeaderRightOld
{
padding: 10px;
}
#questionMail {
width: 60%;
}
#artikeldetails, #artikelbeschreibung,
#lieferzeiten, #questionItem
{
font-size: 14px;
}
.detBannerContent figure {
width: 32%;
}
.pPrice {
width: 68%;
}
#category > h1 {
font-size: 20px;
line-height: 40px;
}
#indexCatWrapperListSneaker .banner-text div {
font-size: 14px;
}
#fbBanner .fa.fa-thumbs-o-up {
font-size: 70px;
}
#fbBannerRight > p {
font-size: 25px;
}
.itemCart.fa.fa-shopping-cart.nikeair {
left: 95px;
}
.slidePanel #indexCatWrapperList
{
display: block;
}
#indexCatWrapperList #indexCat1,
#indexCatWrapperList #indexCat2,
#indexCatWrapperList #indexCat3,
#indexCatWrapperList #indexCat4
{
width: 100%;
}
#ContentDetail #DetailSlider {
padding: 10px 0 10px 10px;
}
#iDealBank
{
width: 260px;
}
.puBtn i.fa.fa-eraser {
padding-right: 5px;
}
#btnEditLogMeth {
font-size: 14px;
}
#btnEditAddress
{
font-size: 14px;
}
#checkoutVersand h2, #checkoutPayment h2, #WarenkorbSum h2
{
font-size: 20px;
}
.klarnaDate {
width: 250px;
}
.paymentinfobox {
padding: 0px 0 0 20px;
}
#CheckBeginHead h2 {
font-size: 16px;
}
#register, #login, #registerGuest {
height: 50px;
line-height: 50px;
font-size: 25px;
}
#detSiteNav li {
font-size: 16px;
line-height: normal;
}
#wkBox div.article-info-cell figure {
width: 100%;
}
#cart-content .containerWK {
display: block;
}
#fbBannerRight > p
{
text-align: right;
}
#index_payment {
font-size: 20px;
}
#sfAnchorMobInner {
width: 88%;
}
.panePayDet {
width: 332px;
}
#index_skill > span {
display: block;
}
#questionItem {
max-width: 332px;
}
#footerTopContent {
display: block;
}
.footerRightContent {
padding: 0 10px;
}
.LagerLable {
font-size: 12px;
}
.product-name > span {
font-size: 12px;
}
#pageNav .fa.fa-angle-double-right {
padding-left: 10px;
padding-right: 0;
position: relative;
right: auto;
}
#pageNav .fa.fa-angle-double-left {
left: auto;
padding-right: 10px;
position: relative;
}
.product-name h2, .product-name strong, .product-name p {
font-size: 12px;
}
.footerLeftContent ol, .footerRightContent ol {
display: inline-block;
}
.footerLeft {
border-right: 0 none;
width: 100%;
margin-bottom: 20px;
}
.footerRight {
padding: 0;
width: 100%;
}
#orderCD b {
display: block;
}
#emptyInfo > p {
margin-top: 20px;
text-align: justify;
}
#socialBox > h2
{
font-size: 22px;
}
}
@media (max-width: 384px)
{
.paymentMethodContent h1 {
font-size: 20px;
}
#saleTitleTxtTop {
font-size: 22px;
}
#btnWK {
font-size: 20px;
display: block;
}
#btnNewPrice {
display: block;
font-size: 20px;
text-align: center;
}
.buttonNew.big {
font-size: 28px;
}
#ContentDetail #DetailSlider {
padding: 0;
}
.bannerContent {
font-size: 16px;
}
#btnOtherCat {
font-size: 16px;
}
.itemCart.fa.fa-shopping-cart {
left: 15px;
bottom: 20px;
font-size: 23px;
}
#iDealBank
{
width: 240px;
}
#CheckBeginHead
{
height: auto;
}
#paymentInfoBox.paymentinfobox {
padding: 0;
}
#paymentInfoBox h1 {
font-size: 17px;
}
#btnEditShipp {
margin: 10px auto;
position: relative;
}
#btnEditPayment {
margin: 10px auto;
position: relative;
}
#btnEditLogMeth {
position: relative;
}
::-moz-placeholder
{
font-size: 13px;
}
.paymentinfobox
{
padding: 0;
}
.klarnaDate {
width: 240px;
}
.klarnaDate .puSelect-overlay.is-placeholder {
font-size: 13px;
}
::-webkit-input-placeholder {
font-size: 13px;
}
.puSelect-overlay.is-placeholder {
font-size: 13px;
}
.puSelect-overlay {
padding: 16px 7px;
}
#chkBox > span {
font-size: 14px;
}
#loginFormLeft h3 {
font-size: 16px;
}
#CheckBeginLeft h3 {
font-size: 16px;
}
#howto_pic_wk_mobil
{
display: block;
}
#howto_pic_wk
{
display: none;
}
#faqOrder {
font-size: 28px;
}
#faqShipping {
font-size: 28px;
}
#faqPayment {
font-size: 28px;
}
#faqOther {
font-size: 28px;
}
#faqNavSwitch {
display: block;
}
#faqNavSwitch li {
width: 100%;
margin-bottom: 2px;
}
#shippingCosts h1 span.h1_span_mob {
display: block;
}
#catLink
{
display: block;
}
#catRight {
margin-top: 40px;
}
#otherProducts {
text-align: center;
}
#bannerContentLogin {
font-size: 20px;
}
#boxColTxt {
width: 99%;
}
#detailContentLeft {
flex-direction: column-reverse;
}
.pPrice {
width: 100%;
}
.slides img {
max-width: none;
width: 100%;
}
.slidePicThumb {
cursor: pointer;
display: inline-block;
width: calc(33.3% - 3.33px);
margin-right: 5px;
}
.slidePicThumb.lastPic
{
margin-right: 0;
}
.slideThumb {
margin-right: 0;
width: 100%;
}
#detailBigPic {
background: #e5e5e5 none repeat scroll 0 0;
border: 1px solid #ccc;
margin: 0;
padding: 20px 20px 10px;
}
#detailContentLeft > div {
flex-basis: auto;
width: 100%;
box-sizing: border-box;
}
#arrivalContent input[name="saddr"] {
width: 94%;
}
#planer {
width: 80%;
}
#fbBanner .button {
font-size: 16px;
padding: 12px 25px;
}
#fbBanner .fa.fa-thumbs-o-up {
font-size: 60px;
}
#fbBannerRight > p {
font-size: 22px;
}
#orderCD b.statusGreen {
display: block;
}
#itemPriceTop .pPrice {
font-size: 40px;
}
.panePayDet {
width: 278px;
}
.detPay {
padding-left: 65px;
}
#questionMail {
width: 80%;
}
#formQuestion .form-input > label {
width: 80%;
}
#questionItem {
max-width: 278px;
}
#pSelSize {
font-size: 22px;
}
.detPay > span {
font-size: 20px;
}
.detailFancyLnk.a-btn {
font-size: 24px;
}
#detailMid .iconCart, #detailMid .iconCD, #detailMid .iconClock
{
display: none;
}
#vorteile .iconCart, #vorteile .iconCD, #vorteile .iconClock
{
display: none;
}
#regFormHeadH1 {
align-self: auto;
margin-top: 20px;
}
#regFormHead {
flex-direction: column-reverse;
}
#loginBox .loginRow .input-group .selectfeld {
width: 98%;
}
#catLinkLeft nav
{
margin-top: 0;
}
.btnTxtTop {
font-size: 19px;
}
#availability
{
padding-right: 0;
}
#itemBuy #availability, #itemBuy #delivery, #itemBuy #orderCD {
margin-left: 0px;
padding-right: 0;
}
#startVAT
{
margin-top: 10px;
}
#itemBuy {
width: 312px;
}
#itemBuy h1 {
font-size: 20px;
}
#cdSoonBox {
height: 115px;
}
#cdSoon {
left: -80px;
transform: scale(.5);
-ms-transform: scale(.5);
-webkit-transform: scale(.5);
-o-transform: scale(.5);
-moz-transform: scale(.5);
}
.shopRatingDoneInnerContent > div > div > div,
.shopRatingDoneInnerContent figure,
.shopRatingDoneInnerContentStats > div > div,
.shopRatingDoneInnerContentStats figure
{
display: block;
margin-bottom: 10px;
}
.ratingItemsContentMain {
width: 95%;
}
.ratingItemsContentComment {
width: 95%;
margin: 10px auto 0;
}
.ratingItemsContent {
font-size: 16px;
}
.shopRatingDoneInnerContent, .shopRatingDoneInnerContentStats {
font-size: 16px;
}
.shopRatingDoneInnerContent > div > div > div > label,
.shopRatingDoneInnerContentStats > div > div > label {
margin-bottom: 5px;
}
#shopRatingMessage {
width: 300px;
}
#ratingLogout {
margin-right: 0;
}
#ratingHeader {
display: block;
}
#ratingHeader > div {
width: 100%;
margin-bottom: 10px;
}
#shopRatingContent .shopRatingDashboardInnerContent label
{
width: 20%;
}
#shopbewertung > h2 {
font-size: 16px;
}
#shopRatingDashboardContent > div > div, #shopRatingDoneContent > div > div
{
padding: 40px 10px;
font-size: 16px;
}
.ratingItemsContent label {
width: 22%;
font-size: 16px;
}
.ratingItemsContent > ul {
width: 95%;
}
.ratingItemsContent > figure img {
width: 95%;
}
#shopItemRatingInnerRight {
width: 100%;
}
#shopItemRatingInnerLeft {
width: 100%;
}
#ratingLoginSite h1 {
font-size: 24px;
}
#ratingLoginField input {
width: 95%;
}
#btnRatingLogin {
width: 92%;
}
#ratingLoginField {
margin: 0 auto;
width: 94%;
}
#userRating > h1 {
font-size: 20px;
}
#userShopRating > h4 {
font-size: 20px;
}
.starsRow.sizeVal label {
margin-bottom: 5px;
}
.starsRow.sizeVal {
display: block;
}
.starsRow label {
width: 40%;
padding-left: 0;
}
.sizeAppletText > h2
{
margin-left: 0;
}
#subscribe .form-input {
margin: 20px auto;
width: 98%;
}
#subscribe {
margin: 20px auto;
width: 100%;
min-height: 800px;
}
#btnSubscribe {
margin-bottom: 20px;
width: 46%;
}
#subscribe fieldset {
padding: 0px;
border: 0;
box-shadow: none;
}
#orderDetailsRight > h2 {
font-size: 22px;
}
.requestFormRow span.span-set {
display: inline-block;
width: 99%;
}
.requestFormRow span.span-short {
display: inline-block;
width: 100%;
}
#loginBox .loginRow .input-group .input-zip {
width: 94%;
}
#loginBox .loginRow .input-group input {
width: 94%;
}
span.span-long-city {
width: 98%;
display: block;
margin-top: 10px;
}
#btnSendMsg .fa.fa-angle-double-right {
top: 40%;
right: 5px;
}
#btnSendMsg {
font-size: 24px;
}
#requestItem span.span-long {
width: 100%;
}
#headerMid {
width: 99%;
}
#spacer
{
margin: 10px auto 0;
}
#divWK {
margin-bottom: 20px;
width: 100% !important;
}
span.span-set {
width: 100%;
}
span.span-long {
display: block;
width: 100%;
}
span.span-short {
display: block;
width: 100%;
margin-top: 10px;
}
span.span-short-zip {
display: block;
width: 100%;
}
#orderCD .green
{
display: block;
}
#orderCD .block
{
line-height: 25px;
}
.tipTitle
{
width: 292px;
}
.slideOutTip
{
width: 332px;
}
#wkDown img
{
width: 64px;
height: 64px;
}
#wkDown .goPaymentTxt
{
font-size: 22px;
}
#checkoutVersand h2, #checkoutPayment h2, #WarenkorbSum h2
{
font-size: 25px;
}
#skillTxt > h2 {
font-size: 18px;
}
#footerTopContent h3 {
font-size: 18px;
}
.counter
{
font-size: 16px;
}
#index_payment {
font-size: 20px;
}
#skillTxt > p {
font-size: 14px;
}
#skillTxt > h3 {
font-size: 16px;
line-height: 32px;
}
#index_skill {
font-size: 20px;
line-height: 40px;
}
#index_service {
font-size: 20px;
line-height: 40px;
}
#index_Nike {
font-size: 20px;
line-height: 40px;
}
#indexPic h2 {
font-size: 20px;
}
#index_payment_subtitle {
font-size: 16px;
}
.txtContent {
font-size: 14px;
line-height: 28px;
}
.itemCart.fa.fa-shopping-cart.nikeair {
left: 80px;
}
#indexCatWrapperListSneaker .banner-text div {
font-size: 13px;
}
#InfoCatTxt {
font-size: 14px;
}
#footerBottom figcaption {
font-size: 14px;
}
#thumbs > h2, #thumbsLow > h2
{
font-size: 30px;
}
#otherItem {
width: 98%;
margin-right: 0;
margin-bottom: 20px;
}
#boxFinance {
width: 98%;
}
#boxQuestion {
width: 98%;
}
#thumbs,
#thumbsLow {
max-width: 318px;
}
.infoBG {
margin: 0 auto;
}
#thumbs .row, #thumbsLow .row
{
height: 106px;
}
#thumbsLow img {
width: 158px;
}
#contentMain > figure {
max-width: 360px;
}
#btnItemQuestion .detailBlock
{
display: block;
}
#btnItemQuestion .detailBtnTxt
{
padding-left: 0;
}
#btnShop {
font-size: 20px;
width: 100%;
height: 110px;
padding: 7px 0 !important;
}
span.blogBtnTxt {
width: 77%;
display: block;
line-height: 36px;
margin: 0;
}
.InputSingle {
margin-left: 70px;
}
#btnNews {
padding: 0 5px !important;
}
.btnNewstxt {
width: 100%;
}
#startNews {
width: 98%;
margin: 15px auto;
}
#wk #chooseSizeSpan {
font-size: 22px;
}
#fbContent, #googleContent {
width: 92%;
}
.a-btn-icon-right span
{
margin: -15px 0px 0px -15px;
width: 30px;
height: 30px;
}
.saleInfo {
line-height: 4;
font-size: 44px;
}
.a-btn-icon-right
{
width: 64px;
}
.topsellerInfo {
line-height: 6;
font-size: 40px;
}
.a-btn img
{
left: 15px;
top: 20px;
height: 48px;
width: 48px;
}
.btnSneakertxt, .btnLactxt, .btnSaletxt, .btnStartItemstxt
{
font-size: 20px;
}
#startTopOne
{
padding: 70px 0 30px;
}
#addressHeader p, #contactHeader p {
font-size: 15px;
}
#addressHeader figcaption, #contactHeader figcaption
{
margin-left: 25px;
}
#HeadLogo {
width: 74%;
margin: 0 auto 15px;
}
#sfAnchorMob {
width: 95%;
}
#sfAnchorMobInner {
border: 0;
width: 86%;
}
.continueTxt {
font-size: 30px;
}
.continueTxt.continueGuestTxt {
display: block;
font-size: 30px;
line-height: 38px;
margin-top: 6px;
padding: 0;
width: 72%;
}
.btnBlock {
display: block;
}
#regNewLogin .customer-loginform-content {
width: 99%;
}
#regInfoContent h2
{
font-size: 24px;
}
.shipMeth {
width: 91%;
}
div#btnPay {
text-align: center;
}
#btnSoldItems {
padding-left: 0;
padding-right: 0;
}
.detailBtnTxt {
font-size: 20px;
padding-left: 0;
display: block;
padding-right: 0;
width: 81%;
}
#WarenkorbSum h2 {
font-size: 22px;
}
.paymentArticleTop, .paymentArticle {
width: 300px;
}
#wk #chooseSizeSpan
{
margin-top: 0;
font-size: 20px;
}
#chooseSize, #chooseSizeSpan
{
font-size: 20px;
display: block;
}
.goPayment .searchButton, .goBack .searchButton
{
font-size: 16px;
padding: 20px 10px;
}
.question .detailBtnTxt,
.mail .detailBtnTxt{
display: block;
line-height: 30px;
margin-top: 15px;
}
#Delivery .picIcon {
display: none;
}
#Delivery > div {
font-size: 16px;
line-height: 40px;
}
#faqNavSwitch li
{
font-size: 20px;
}
.infoTxt > h2 {
font-size: 20px;
line-height: 36px;
}
#sizeTableContentLeft h1 {
font-size: 22px;
line-height: 38px;
}
.registerTxt {
font-size: 24px;
padding-right: 0;
line-height: 30px;
}
.registerTxt.regDE {
line-height: 45px;
}
.span-block
{
display: block;
}
#btnAnfrage {
font-size: 26px;
width: 235px;
}
#loginBox .loginRow .input-group input {
width: 94%;
}
#loginBox .loginRow .input-group .selectfeld {
width: 98%;
}
#loginBox .loginRow .input-group .input-zip {
width: 94%;
}
#loginBox .loginRow .input-group .street {
width: 94%;
}
#loginBox .loginRow .input-group .streetno {
width: 94%;
}
#loginBox .loginRow .input-group .input-city {
width: 94%;
}
#loginBox .loginRow span.span-short {
display: block;
width: 100%;
}
#contactHeader > figure, #addressHeader > figure, #addressHeader > address
{
margin-left: 10px;
}
#register, #login, #registerGuest {
font-size: 24px;
}
#btnChangeSizePop
{
font-size: 22px;
}
#btnInfoPage, #btnInfoPage2 {
display: inline-block;
font-size: 16px;
height: auto;
padding: 10px;
line-height: normal;
}
#impressumContent h1 {
font-size: 20px;
}
}
@media (max-width: 320px)
{
.btnSubMenu {
font-size: 14px;
}
#itemH1 {
font-size: 25px;
}
#itemH2 {
font-size: 20px;
}
#aboutContent h1 {
font-size: 25px;
}
#arrivalRightContent h1 {
font-size: 18px;
}
#arrivalRightContent h2 {
font-size: 16px;
}
.aboutContent h1 span {
padding: 5px;
}
#impressumContent figcaption {
font-size: 9px;
}
#impressumContent h2 {
line-height: 30px;
margin-top: 30px;
}
#agbContent .einleitung h1 {
font-size: 18px;
}
#aboutContent h2 {
font-size: 18px;
}
#btnOpenSizes {
font-size: 20px;
}
.shippingOdd > p {
font-size: 12px;
}
.sizeAppletText > h2 {
font-size: 16px;
}
.detailItemNike {
width: 100%;
margin-right: 0;
}
.detailItemNike.lastElement3 {
margin-right: 0;
}
#categoryRight > h1 {
font-size: 20px;
}
.parallax_column_container h3 {
font-size: 16px;
}
#socialBox > h2
{
font-size: 18px;
}
#btnItemDesc {
font-size: 18px;
}
#btnItemDetails {
font-size: 18px;
}
#btnDelivery {
font-size: 18px;
}
#btnPersAdv {
font-size: 18px;
}
#sizeHeader {
font-size: 18px;
line-height: 40px;
}
#btnQuestionItem {
font-size: 18px;
}
#btnSocial {
font-size: 18px;
}
#btnOtherCat {
font-size: 14px;
}
#category > h1 {
font-size: 17px;
line-height: 34px;
}
#btnFBPu
{
margin-right: 0;
}
#indexCatWrapperListSneaker
{
display: block;
}
#indexCatWrapperListSneaker #indexCat1 {
width: 100%;
margin-right: 0;
}
#indexCatWrapperListSneaker #indexCat2 {
width: 100%;
margin-right: 0;
}
#indexCatWrapperListSneaker #indexCat3 {
width: 100%;
margin-right: 0;
}
#indexCatWrapperListSneaker #indexCat4 {
width: 100%;
margin-right: 0;
}
#indexCatWrapperListSneaker .banner-text div {
font-size: 16px;
}
.itemCart.fa.fa-shopping-cart {
left: 55px;
}
.itemCart.fa.fa-shopping-cart.nikeair {
left: 55px;
}
#index_skill {
font-size: 18px;
line-height: 40px;
}
#skillTxt > h3 {
font-size: 14px;
line-height: 28px;
}
#index_service {
font-size: 18px;
line-height: 40px;
}
#index_Nike {
font-size: 18px;
line-height: 40px;
}
#indexPic h2 {
font-size: 18px;
}
#iDealBank
{
width: 220px;
}
.box-container
{
padding: 15px;
}
.puInputGrp.boxStreetNo {
width: 40%;
}
.puInputGrp.boxStreet {
width: 60%;
}
#btnEditAddress {
font-size: 13px;
}
#btnEditLogMeth {
font-size: 13px;
}
#btnEditShipp {
font-size: 13px;
}
#btnEditPayment {
font-size: 13px;
}
.klarnaDate {
width: 220px;
}
#detSiteNav li {
font-size: 16px;
}
#wkBox div.article-info-cell .data {
width: 90%;
}
#faqOrder {
font-size: 24px;
}
#faqShipping {
font-size: 24px;
}
#faqPayment {
font-size: 24px;
}
#faqOther {
font-size: 24px;
}
#btnFB {
width: 280px;
}
#btnGP {
width: 280px;
}
#btnTw {
width: 280px;
}
#btnPint {
width: 280px;
}
#btnWA {
width: 280px;
}
#fbBannerLeft {
width: 32%;
}
#fbBannerRight {
width: 68%;
}
#fbBannerRight > p {
font-size: 19px;
}
#fbBanner .button {
font-size: 13px;
padding: 12px 19px;
}
#fbContentMob {
width: 250px;
}
#itemPriceTop .pPrice {
font-size: 35px;
}
.detailFancyLnk.a-btn {
font-size: 22px;
}
#btnChangeSizePop
{
font-size: 20px;
}
.infoldet {
width: 120px;
}
.panePayDet {
width: 238px;
}
#logPay .detPayHead {
font-size: 18px;
}
.detPay {
padding-left: 40px;
}
#detailMid > h1 {
font-size: 18px;
}
#vorteile > h1 {
font-size: 18px;
}
#pSelSize {
font-size: 18px;
}
#formQuestion .content {
width: 100%;
}
#register, #login, #registerGuest {
font-size: 23px;
}
#loginBox .loginRow .input-group input {
width: 93%;
}
#loginBox .loginRow .input-group .selectfeld {
width: 97%;
}
#loginBox .loginRow .input-group .input-zip {
width: 93%;
}
#loginBox .loginRow .input-group .street {
width: 93%;
}
#loginBox .loginRow .input-group .streetno {
width: 93%;
}
#loginBox .loginRow .input-group .input-city {
width: 93%;
}
#startBtnItem span
{
font-size: 22px;
}
#glossar ul {
font-size: 14px;
padding-left: 15px;
}
#itemBuy #availability, #itemBuy #delivery, #itemBuy #orderCD {
font-size: 16px;;
}
#itemBuy span.mobileBlock.statusGreen {
font-size: 16px;
}
.btnTxtTop {
font-size: 15px;
text-shadow: none;
}
#itemBuy {
width: 272px;
}
#Bewertungsportal .mainNav a {
font-size: 18px;
}
#shopRatingMessage {
width: 260px;
}
#shopRatingContent label {
width: 100%;
}
#shopRatingContent .artikelRatingObj {
padding: 10px 12px;
}
#shopItemRatingInnerLeft > h2 {
font-size: 20px;
}
.ratingItemsContent label {
font-size: 14px;
}
.ratingItemsContent {
font-size: 14px;
}
#shopbewertung div[data-tooltip]:before {
font-size: 12px;
}
.a-btn.btnRating {
font-size: 27px;
width: 240px;
}
#shopbewertung > h2 {
font-size: 18px;
line-height: 36px;
}
#shopRatingDashboardContent > div > div, #shopRatingDoneContent > div > div {
font-size: 14px;
}
#ratingLoginSite h1 {
font-size: 20px;
}
.shopRatingDashboardInnerContent > div, .shopRatingDoneInnerContent > div {
margin-left: 0;
}
#userRating > h1 {
font-size: 18px;
}
#userShopRating > h4 {
font-size: 18px;
}
.ratingRight {
width: 92%;
}
#userRating
{
padding: 0;
}
#userShopRating
{
padding: 0;
}
.rowTopDamen, .rowTopDamenCM, .rowTopHerren, .rowTopHerrenCM, .rowTopGS
{
font-size: 22px;
}
#subscribeMail {
width: 96%;
}
#btnSubscribe {
width: 44%;
font-size: 32px;
padding-left: 70px;
}
#boxQuestionTop {
padding: 19px 10px;
}
.pPriceMid {
font-size: 17px;
}
.finance {
font-size: 28px;
}
.questionP {
font-size: 28px;
}
#orderDetailsRight > h2 {
font-size: 20px;
}
#thumbsLow img {
width: 139px;
}
#thumbs .row, #thumbsLow .row {
height: 94px;
}
#btnAnfrage {
width: 195px;
}
#requestItem .form-input > input {
width: 94%;
}
span.span-long-city {
width: 100%;
}
#footerTopContent h3 {
font-size: 16px;
}
#HeadLogoMob img {
width: 200px;
height: auto;
}
.tipTitle
{
width: 253px;
}
.slideOutTip
{
width: 293px;
}
.parallax_column_container {
padding: 20px 4px;
}
#agbContent .einleitung h1 {
font-size: 20px;
}
#picVersandTxt {
bottom: 25px;
font-size: 20px;
right: 8px;
}
#Delivery > div {
font-size: 15px;
width: 100%;
margin-left: 0;
text-align: center;
}
#faqNavSwitch li
{
font-size: 14px;
}
#contentMain > figure {
max-width: 320px;
}
#responsive-menu-button, #responsive-menu-button-cat, #responsive-menu-button-det
{
font-size: 20px;
}
#btnShop
{
height: 124px;
}
#fbContent, #googleContent {
width: 90%;
}
#startNews {
width: 96%;
}
.bannerContent
{
font-size: 20px;
line-height: 40px;
}
#index_payment_subtitle {
font-size: 14px;
}
.paymentLogo.box1 h3, .paymentLogo.box2 h3, .paymentLogo.box3 h3, .paymentLogo.box4 h3 {
font-size: 16px;
}
.txtContent {
font-size: 16px;
line-height: 32px;
}
.bannerContent {
font-size: 14px;
line-height: 38px;
}
.saleInfo
{
font-size: 40px;
}
.actionContent {
width: 86%;
}
.a-btn.actionBtn {
width: 100%;
}
.topsellerInfo {
line-height: 7;
font-size: 30px;
}
#HeadLogo {
width: 83%;
}
#addressHeader p, #contactHeader p {
font-size: 14px;
}
#addressHeader figcaption, #contactHeader figcaption {
line-height: 32px;
font-size: 16px;
}
#addressHeader img, #contactHeader img {
height: 30px;
width: 30px;
}
.continueTxt.continueGuestTxt
{
font-size: 26px;
}
#regInfoContent h2
{
font-size: 20px;
}
.detailBlockAction
{
display: block;
}
.btnLoginTxt {
font-size: 26px;
padding-right: 10px;
}
.continueTxt {
font-size: 26px;
}
p#chooseSizeP {
font-size: 17px;
}
#btnWK .btnWKtxt
{
font-size: 20px !important;
padding: 0;
}
#WarenkorbSum h2
{
font-size: 20px;
}
#chooseSize, #sizeDiv h4
{
font-size: 18px;
}
.paymentArticleTop, .paymentArticle {
width: 268px;
}
.paymentArticleTop {
margin-bottom: 30px;
}
#changeAddress div.input-group > span > input.input-city,
#changeAddress div.input-group > div > span > input.input-city
{
width: 171px;
}
#changeAddress div.input-group > input[type="text"],
#changeAddress div.input-group > input[type="tel"]
{
width: 260px !important;
}
fieldset {
padding: 12px;
}
#breadCat a, #breadCat p {
line-height: 16px;
}
#wkBack .goPayment span, #wkBack .goBack span
{
font-size: 13px;
}
#partnerContent .einleitung h1 {
font-size: 25px;
}
.footerLiRight .spanRight {
display: inline-table;
padding-left: 10px;
}
.footerLiRight .spanLeft {
display: inline;
}
.footerLiRight > div {
margin: 10px auto 20px;
}
.footerLiRight {
width: 100%;
}
.footerLiMidRight {
width: 100%;
}
.footerRight {
display: block;
width: 100%;
padding: 0;
}
.footerLiRight {
padding-bottom: 20px;;
}
.padBot {
padding-bottom: 10px;
}
#skillTxt > h2 {
font-size: 17px;
}
.innerDiv
{
font-size: 14px;
}
.detailBtnTxt {
font-size: 18px;
width: 77%;
}
.tdUS, .tdUK
{
flex-basis: auto;
width: 23%;
line-height: 39px;
}
.tdEUR, .tdCM
{
flex-basis: auto;
width: 27%;
line-height: 39px;
}
.infoBG {
font-size: 18px;
}
.iconCart, .iconClock, .iconCD {
margin-right: 13px;
}
#dhlPic
{
display: block;
}
.sizeAppletText > h2
{
font-size: 17px;
}
#arrivalContent button {
font-size: 20px;
}
#Kontakt404 .detailBtnTxt {
width: 62%;
}
#cdSoon
{
transform: scale(.44);
-ms-transform: scale(.44);
-webkit-transform: scale(.44);
-o-transform: scale(.44);
-moz-transform: scale(.44);
left: -77px;
top: -0;
}
#cdSoonBox {
height: 80px;
}
.paymentLogo.box1 h2, .paymentLo#register, #login, #registerGuestgo.box2 h2, .paymentLogo.box3 h2, .paymentLogo.box4 h2 {
font-size: 25px;
line-height: 35px;
}
#skillTxt > span {
width: 238px;
}
#toc_container {
padding: 10px 20px;
}
.LeftContent li {
font-size: 18px;
}
#fbBannerRight > p {
font-size: 19px;
}
#cdSoonBox {
height: 100px;
}
#saleTitleTxtTop {
font-size: 18px;
}
}