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 */
@font-face {
   font-family: 'Roboto Black Italic';
   src: url("fonts/Roboto-BlackItalic.ttf");
}
@font-face {
   font-family: 'Roboto Italic';
   src: url("fonts/Roboto-Italic.ttf");
}
@font-face {
   font-family: 'Roboto Bold Italic';
   src: url("fonts/Roboto-BoldItalic.ttf");
}
@font-face {
   font-family: 'Bitter Italic';
   src: url("fonts/Bitter-Italic.ttf");
}
#itemPriceTop {
  text-align: left;
}
#info404 {
  font-size: 25px;
  font-weight: bold;
  line-height: 45px;
  margin-bottom: 20px;
  margin-top: 8px;
  text-align: center;
}
#info404 > span {
  background-color: #fff;
  padding: 5px;
}
#headerMobile #HeadLogoMob {
  text-align: center;
}
#PuNaviBox .btnCat:hover
{
    color: red;
}
#PuNaviBox.fixed {
    position: fixed;
    top: 0;
    left: 20px;
    right: calc(100% - 290px);
    margin-top: 0;
}
#headerMobile
{
    display: none;
}
#mainFooter {
  background-color: #000;
}
.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;
}
#btnOpenSizes {
  display: inline-block;
  font-size: 28px;
  height: auto;
  padding: 10px;
  text-align: center;
  cursor: pointer;
}
.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;
}
.inhalt {
  text-align: center;
}
#chgLang {
  display: flex;
  margin-left: 10px;
  width: auto;
}
#chgLang > span {
  display: inline-block;
  line-height: 25px;
  margin-right: 4px;
}
#chgLang > figure {
  margin-right: 4px;
  position: relative;
  width: 35px;
}
.flagOpa {
  opacity: 0.4;
}
#chgLang img {
  max-width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
#HeadLogo {
  text-align: center;
}
#PuNaviBox {
  background-color: #fff;
  border-radius: 2px;
  box-sizing: border-box;
  margin-top: 35px;
 
}
#puNaviHead {
  background: #666 none repeat scroll 0 0;
  color: #fff;
  font-size: 21px;
  font-weight: bold;
  padding: 5px 10px;
}
#puNavi {
  padding: 10px;
}
#puNavi > p {
  padding-left: 10px;
}
.btnCat:link, .btnCat:visited {
  color: #000;
  font-weight: bold;
  line-height: 25px;
  text-decoration: none;
}
#fbContent, #googleContent {
  display: flex;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  padding: 10px;
  width: 222px;
}
#fbContent {
  background: #fff none repeat scroll 0 0;
  border: 4px solid #09428b;
}
#fbContent > figure, #googleContent > figure {
  flex-basis: auto;
  width: 38%;
}
#fbContent > div, #googleContent > div {
  flex-basis: auto;
  text-align: center;
  width: 62%;
}
#fbTxt, #gplusTxt {
  color: #000;
  font-size: 15px;
  font-weight: bold;
  line-height: 30px;
  margin-bottom: 10px;
  text-align: center;
}
#googleContent {
  background: #fff none repeat scroll 0 0;
  border: 4px solid #25364c;
}
#fbContent img, #googleContent img {
  height: 90px;
  width: 90px;
}
#flexContent {
  display: flex;
}
#indexNav {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: calc(100% - 40px);
  position: relative;
}
#indexNav > img {
  width: 100%;
}
#startNike {
  bottom: 2px;
 
  padding: 0;
  position: absolute;
  width: 100%;
}
#indexHeader {
  background-color: rgba(255, 255, 255, 0.6);
}
#index_Nike {
  color: #000;
  font-family: sans-serif;
  font-size: 44px;
  font-weight: bold;
  letter-spacing: -2px;
  line-height: 80px;
  text-align: center;
}
#indexSidebar {
  background-color: #fff;
  box-sizing: border-box;
  margin-bottom: 20px;
  margin-left: 20px;
  width: 270px;
}
#searchformnews
{
    display: flex;
}
#searchBoxInner:focus {
 
  width: 200px;
}
.fa.fa-shopping-cart {
  padding-right: 10px;
}
#searchOuter {
  background: #333 none repeat scroll 0 0;
  color: #fff;
  font-size: 25px;
  font-weight: bold;
 
  padding: 14px 10px;
  display: inline-block;
  position: fixed;
  right: 187px;
  top: 0;
  z-index: 1000;
}
#searchOuter.blogEN
{
     right: 220px;
}
#btnWkShow {
  background: #333 none repeat scroll 0 0;
  color: #fff;
 
  display: inline-block;
  font-size: 25px;
  font-weight: bold;
  line-height: 61px;
  padding: 0 10px;
  position: fixed;
  right: 20px;
  top: 0;
  z-index: 1000;
}
.blogBtnTxt::before {
  content: "";
  font-family: fontawesome;
  padding-right: 10px;
}
#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; 
    padding: 8px 14px 9px; 
}
	
.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; }



.breadcrumbs {
  margin: 20px auto;
 width: calc(100% - 40px);
}
.breadcrumbs a {
  font-size: 14px;
  text-decoration: underline;
 
}
.breadcrumbs span {
  font-size: 14px;
  
}
.tw-pagination .fa.fa-play
{
    padding-right: 0;
}
.fa.fa-play.back {
  transform: rotate(180deg);
}
#socialBox > h3 {
  font-size: 27px;
  font-weight: bold;
  line-height: 45px;
  margin-bottom: 20px;
}
#socialBox > h3 span {
  background: none repeat scroll 0 0 #fff;
  padding: 5px;
}
#socialBox {
  margin: 20px auto;
  max-width: calc(100% - 40px);
}
#socialContent {
  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;
  display: flex;
  justify-content: center;
  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% - 72px);
}
.social_btn {
  color: #fff;
  cursor: pointer;
  font-size: 32px;
  margin: 4px;
  overflow: hidden;
  text-align: left;
}
#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;
}
.inhalt nav {
  margin-bottom: 40px;
  text-align: left;
}
.artikelSlider {
  font-family: "arial";
  margin-left: auto;
  margin-right: auto;
  max-width: calc(100% - 40px);
}
.detailItemNike {
  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-bottom: 20px;
  margin-right: 20px;
  padding-bottom: 20px;
  width: calc(25% - 15px);
}
.product-image > img {
  max-width: 100%;
}
.detailItemNike.lastElement4 {
  margin-right: 0;
}
.product-name {
  text-decoration: none;
}
.product-name strong {
  color: #0074c8;
  display: block;
  font-family: "Arial";
  font-size: 18px;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  padding: 0 10px;
}
.product-name > span {
  color: #000 !important;
  display: block;
  font-family: "Arial";
  font-size: 14px;
  margin-bottom: 14px;
   overflow: hidden;
  padding: 0 10px;
}
.LagerLable {
  color: #008000;
  display: block;
  font-family: "Arial";
  font-style: italic;
  margin-bottom: 10px;
}
.priceLable {
  color: #000;
  font-family: "Arial";
  font-size: 20px;
  font-style: italic;
  font-weight: bold;
  line-height: 19px;
}
.inner {
  text-align: center;
}
.wrapperItem {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
}
.artikelSlider >  h3
{
    font-size: 24px;
    line-height: 48px;
    margin-bottom: 10px;
    font-weight: bold;
    font-family: 'Archivo Narrow';
}
.artikelSlider > h3 span 
{
    background: none repeat scroll 0 0 #fff;
    padding: 5px 0;
}
#detNavTitle.blogEN
{
    cursor: pointer;
   
}
.inhalt a {
  display: inline-block;
}
#btnBlogSize
{
    line-height: 90px;
    font-size: 30px;
}
.detailWK .pPriceBottom {
  color: #000;
  line-height: 20px;
  margin-right: 0;
  margin-bottom: 20px;
}
#detatilTop {
  margin-bottom: 40px;
}
#btnBlogSize .fa
{
    display: none;
}
#btnCatLnk {
  display: inline-block;
  font-size: 24px;
  height: 60px;
  line-height: 60px;
  padding: 0 25px;
}
.fa.fa-play {
  padding-right: 10px;
}
#blogMain div.pTop p 
{
    text-align: justify;
}
#blogMain div.pTop .contentDiv p {
  text-align: left;
}
#blogMain div.pTop 
{
    text-align: center;
}
.navigation {
     margin: 20px auto 65px;
    width: calc(100% - 40px);
    padding: 16px 0;
    background-color: #fff;
}
.line {
  border: 1px solid #d3d3d3;
  display: block;
  margin: 30px auto 0;
  width: 80%;
}
.lnkMore {
  display: inline-block;
  margin: 0 auto 20px;
 
}
a, a:visited 
{
    text-decoration: none;
}
header h1 a, header h1 a:visited {
  color: #000;
}
#btnReadIntro
{
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  padding: 6px 20px;
  cursor: pointer;
  margin-bottom: 20px;

}
.einleitung h1 {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 20px;
  margin-top: 20px;
}
.einleitung h1 span 
{
    background: none repeat scroll 0 0 #e6eaef;
    padding: 5px 0;
}
.einleitung > h2 span 
{
    background: none repeat scroll 0 0 #e6eaef;
    padding: 5px 0;
}
.einleitung > h2 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 40px;
}
.centerNo
{
    display: none;
}
.a_h1 > img {
  width: 500px;
}
.hidden
{
    position:absolute;
    clip: rect(1px 1px 1px 1px); /* IE6 & 7 */
    clip: rect(1px, 1px, 1px, 1px);
}
b {
    font-weight: bold;
}
.green {
  color: #2dba18;
  font-size: 20px;
}
body
{
    font-family: 'Archivo Narrow';
    -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; 
    background-color: #eaeaea;
}
#headerCon
{
     margin: 0 auto;
    max-width: 1280px;
    position: relative;
    width: auto;
    display: flex;
   
    align-items: center;
    
}
#headerLang {
    flex-basis: auto;
    width: 38%;
    align-self: center;
    
}
.flags {
  position: relative;
}
#lang-trigger {
  align-items: center;
  background: none repeat scroll 0 0 #333;
  color: #fff;
  display: flex;
  font-weight: normal;
  padding: 12px 30px;
  position: relative;
  width: 80%;
  z-index: 101;
  cursor: pointer;
}
.flagInnerLeft:hover
{
    background: #D00732;
}

.flagInnerRight:hover
{
    background: #D00732;
}
.flagInnerLeft:hover a,
.flagInnerRight:hover a
{
    color: #fff;
}
#topBar
{
     margin: 0 auto;
    max-width: 1280px;
    position: relative;
    width: auto;
    display: flex;
    align-items: center;
}
#lang-trigger img {
  height: 25px;
  width: 50px;
}
#lang-trigger .ir-before {
  border-right: 2px solid #ddd;
  display: block;
  font-weight: bold;
  margin-right: 5px;
  padding: 0 20px;
  width: 65%;
}
#lang-trigger .fa.fa-caret-down {
  font-size: 24px;
  margin-left: 15px;
}
.flags .switch-lang {
  right: 0;
}
.flags .lang-drop-down {
  background: none repeat scroll 0 0 #ffffff;
  border: 3px solid #333;
  display: none;
  padding: 15px;
  position: absolute;
  top: 47px;
  width: 92%;
  z-index: 104;
}
.flagInnerLeft {
  align-items: center;
  border: 3px solid #dddddd;
  flex-basis: 44%;
  margin-right: 15px;
  padding: 5px;
  width: 42%;
}
.flagInnerLeft a {
  align-items: center;
  display: flex !important;
}
#HeadFlagLeft, #HeadFlagRight {
  margin-top: 5px;
  padding-right: 5px;
}
.flagInnerRight {
  align-items: center;
  border: 3px solid #dddddd;
  flex-basis: 44%;
  padding: 5px;
  width: 44%;
}
.flagInnerRight a {
  align-items: center;
  display: flex;
}
#lang-trigger:hover .lang-drop-down
{
    display: flex !important;
    display: -webkit-box !important;
}




article
{
    line-height: 25px;
}

#newsHeader
{
  width: 20%;
  font-size: 60px;
  line-height: 80px;
}
#newsHeader a:link, #newsHeader a:visited
{
    color: #000;
}
#divWK 
{
  width: 15%;
  text-align: center;
}
main 
{
    margin: 0 auto;
    width: calc(100% - 290px);
}

#blogMain 
{
   max-width: calc(100% - 40px);
    
    margin: 0 auto;
}
h2#detNavTitle {
  font-size: 27px;
  font-weight: bold;
  line-height: 45px;
  padding-left: 15px;
  padding-top: 15px;
}
#detNavTitle span {
  background: none repeat scroll 0 0 #e6eaef;
  padding: 5px 0;
}
#blogConLeft
{
    width: 74%;
    margin-right: 20px;
}
#blogConRight
{
    width: 25%;
}
#rightNavi > ul {
  font-size: 20px;
  margin-left: 20px;
}
#rightNavi {
  background: none repeat scroll 0 0 #fff;
  border-color: #fff;
  border-image: none;
  border-radius: 5px;
  border-style: solid;
  box-shadow: 0 0 2px #999;
  width: 95%;
  padding-top: 15px;
  padding-bottom: 15px;
}

#rightNavi:hover
{
    left: 0px;
}
#rightNavi:hover #verticalText
{
   display: none;
}


#rightNavi li a:link, #rightNavi li a:visited {
  color: blue;
  display: inline-block;
  padding: 10px 0;
  position: relative;
  text-decoration: underline;
}

#searchBox 
{
  align-items: center;
  align-self: center;
  background: none repeat scroll 0 0 #333;
  color: #fff;
  display: flex;
  font-weight: normal;
  padding: 10px;
  position: relative;
  width: 68%;
  z-index: 101;
  
}
#searchBoxInner
{
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #ddd;
  color: #000;
 
  line-height: 27px;
  padding-left: 5px;
  width: 100px;
  margin-right: 10px;
   -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    box-sizing: border-box;
}

#searchsubmit {
  cursor: pointer;
  display: block;
  height: 25px;
  padding: 4px 0;
}
#searchBoxInner span
{
  font-weight: bold;
  opacity: 0.7;
}
#searchBox .fa.fa-search
{
  font-size: 23px;
  margin-left: 14px;
  padding-right: 0;
}
#blogMain > h1 {
  font-size: 24px;
  line-height: 48px;
  margin-bottom: 10px;
  font-weight: bold;
}
#blogMain > h1 span {
  background: #fff none repeat scroll 0 0;
  padding: 5px;
}
#blogMain .indexPreview  h2
{
    font-size: 24px;
    line-height: 48px;
    margin-bottom: 10px;
}
#blogMain .indexPreview  h2 span 
{
    background: none repeat scroll 0 0 #e6eaef;
    padding: 5px 0;
}

#blogMain .indexPreview .a_h1, #blogMain .indexPreview .a_h1:visited {
  color: #000;
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
}
#blogMain .entry > p {
  margin-bottom: 15px;
}
.indexPreview {
  flex-basis: auto;
  margin: 0 auto;
  width: calc(100% - 560px);
}
.entry {
  display: flex;
 
  align-items: center;
 
}
.entry > figure {
  flex-basis: auto;
  width: 500px;
}

#blogMain 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: 0 auto 20px;
  padding: 20px;
  width: 100%;
}


#blogMain article.singleArticle
{
    border-bottom: 0;
    margin-bottom: 0;
}
span.inline-block {
    line-height: 22px;
}
.indexPreview a.button {
  background-color: #eee;
  display: inline-block;
  min-height: 28px;
  min-width: 80px;
  text-align: center;
  text-transform: capitalize;
}
.indexPreview a.facebook-share {
  color: #3b5998;
  padding-top: 6px;
}
.indexPreview a.facebook-share:hover {
    background-color: #3b5998;
}
.indexPreview a.twitter-retweet {
  color: #00aced;
  padding-top: 5px;
}
.indexPreview a.button:hover
{
    color: #fff;
}
.indexPreview a.facebook-share .fa {
  margin-right: 4px;
}
.indexPreview a.twitter-retweet .fa {
    margin-right: 4px;
    position: relative;
    top: 1px;
}
.indexPreview a.twitter-retweet:hover {
    background-color: #00aced;
}
.list-inline {
  list-style: outside none none;
  margin-left: -5px;
  padding-left: 0;
  display: none;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}


#rightNavi li {
  list-style-position: inside;
  list-style-type: disc;
}
#rightNavi a ,#rightNavi a:visited {
  color: #000;
  font-size: 20px;
}
#catDescription p
{
    margin-bottom: 20px;
}
#blogConLeft > h1 {
  font-size: 30px;
  margin-bottom: 20px;
  font-weight: bold;
  line-height: 40px;
}
#blogConLeft > h1 span{
    background: none repeat scroll 0 0 #e6eaef;
    padding: 5px;
}

#catDescription {
  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: 100%;
  font-family: "Archivo Narrow";
   line-height: 25px;
}



.flexslider
{
    z-index: -1;
}
#blogMain .inhalt figure {
  background: none repeat scroll 0 0 #e5e5e5;
  border: 1px solid #ccc;
  margin: 0 auto 50px;
  padding: 30px 30px 10px;
    display: inline-block;
  box-sizing: border-box;
}
#blogMain .inhalt img {
  display: block;
  height: auto;
  width: 100%;
}
#blogMain .inhalt figure figcaption {
  font-size: 14px;
  text-align: center;
}
#blogMain article p {
  margin-bottom: 20px;
  text-align: left;
}
#blogMain .h1_post {
  font-size: 24px;
  line-height: 48px;
  font-weight: bold;
  margin-bottom: 10px;
}
#blogMain .h1_post span {
  background: none repeat scroll 0 0 #e6eaef;
  padding: 5px 0;
}
#blogMain .inhalt h2
{
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: bold;
}
.wrapper {
  border: 10px solid #fff;
  border-radius: 5px;
  box-shadow: 0 0 2px #999;
  margin-bottom: 20px;
  max-width: 131%;
  position: relative;
  width: 100%;
}
div[class*="artikelBox"] {
  overflow: hidden;
}
div[class*="artikelBox"] ul {
  display: flex;
  display: -webkit-box;
  list-style: outside none none;
  margin: 0;
  padding: 0;
  position: relative;
}
div[class*="artikelBox"] li {
  border: 1px solid #fff;
  box-sizing: border-box;
  flex-basis: auto;
  width: 33.3%;
}
.detailItem {
  margin-bottom: 0;
}

.detailItem, .detailItemNike, .detailItemLacoste, .detailItemSale, .detailItemStart {
  position: relative;
}
#imgDetailBrand {
  display: inline-block;
  position: absolute;
  right: 40px;
  top: 20px;
}
#imgDetailBrandAsics
{
    width: 125px;
    margin-top: 12px;
    position: absolute;
    right: 40px;
    top: 20px;
}
#imgDetailBrand {
  height: 78px;
}
#detailFB {
  display: flex;
  justify-content: space-between;
  margin-top: 80px;
}
.itemCart.fa.fa-shopping-cart {
  bottom: 20px;
  font-size: 30px;
  left: 15px;
  padding: 0;
  position: absolute;
}

.link-overlay {
  cursor: pointer;
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.link-overlay > a {
  display: block;
  height: 100%;
}

.priceLable s, .pPrice s {
  color: red;
  display: block;
  margin-bottom: 7px;
}

.fancybox-skin #detailContentCenter {
  width: 600px;
}
.sizesboxdetail {
  border: 1px solid #cccccc;
}
.tableDetailTop {
  background: url("http://purchaze.com/images/background.png") repeat-x scroll 0 0 #f6f6f6;
  border-bottom: 1px solid #cccccc;
  font-family: "Roboto";
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 39px;
  text-align: center;
}
.tableDetail {
  font-weight: bold;
}
.Available[data-tooltip]:before {
  background-color: #2a992a;
}
div[data-tooltip]:before {
  background-color: #ff0000;
  border-radius: 5px;
  color: #ffffff;
  content: attr(data-tooltip);
  display: none;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  position: absolute;
  right: 0;
  top: -40px;
  white-space: nowrap;
}
.Available[data-tooltip]:after {
  border-top: 7px solid #2a992a;
}
div[data-tooltip]:after {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ff0000;
  content: "";
  display: none;
  position: absolute;
  right: 35px;
  top: -10px;
}
.tableDetail .grey, .tableDetail .white, .table-right .grey, .table-right .white {
  align-items: center;
  display: flex;
  display: -webkit-box;
}
.white {
  background: none repeat scroll 0 0 #fff;
  position: relative;
}
.NotAvailable, .Available, .ReOrder {
  cursor: pointer;
}
.tdRadio {
  flex-basis: auto;
  line-height: 78px;
  width: 7%;
}
.outerDiv {
  flex-basis: auto;
  width: 93%;
}
.innerDiv {
  border-bottom: 1px solid #bababa;
  display: flex;
  display: -webkit-box;
}
.tdUS, .tdUK {
  flex-basis: auto;
  line-height: 39px;
  width: 25%;
}
.tdEUR {
  flex-basis: auto;
  line-height: 39px;
  width: 25%;
}
.tdCM {
  flex-basis: auto;
  line-height: 39px;
  width: 25%;
}
.tdColA {
  color: #2a992a;
}
.tdColA, .tdColB, .tdColC {
  font-size: 20px;
  line-height: 40px;
  margin-right: 20px;
  text-align: center;
}
.grey {
  background: url("http://purchaze.com/images/background.png") repeat-x scroll 0 0 #f6f6f6;
  position: relative;
}
.tdColC {
  color: red;
}
.tdColB {
  color: #0000ff;
}
#ContentDetail {
  display: flex;
  margin: 0 auto;
  max-width: calc(100% - 40px);
}
#btnSocial {
  background: #d3d3d3 none repeat scroll 0 0;
  color: #000;
  
  font-size: 30px;
  line-height: 60px;
  padding: 0 20px;
}
#itemContent {
  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;
}
#ContentDetail #DetailSlider
{
    flex-basis: auto;
    width: 50%;
    background-color: #fff;
    border-color: #fff #fff #fff #ccc;
    border-style: none none none solid;
    border-width: 0 0 0 1px;
    border-radius: 2px;
    box-sizing: border-box;
    padding: 20px 40px;
}
#contentDetailRight
{
    flex-basis: auto;
    width: 50%;
    background-color: #fff;
    border-color: #fff #ccc #fff #fff;
    border-style: none solid none none;
    border-width: 0 1px 0 0;
    border-radius: 2px;
    box-sizing: border-box;
    padding: 20px 40px;
    position: relative;
}
.detailWK
{
    text-align: center;
}

#detatilTopRight {
    
    width: 100%;
}

.pPrice {
  color: #0061af;
  font-size: 50px;
  line-height: 55px;
  text-align: right;
  width: 50%;
}
#mainC {
    font-size: 22px;
    display: flex;
    display: -webkit-box;
   -webkit-box-pack: end;
    justify-content: flex-end;
    margin-right: 3px;
}
#mainC p {
    margin: 5px 0;
    flex-basis: auto;
    width: auto;
    font-weight: bold;
    padding: 0 6px;
   
}
.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;

}

.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;
}
#chooseSize
{
    font-size: 30px;
    line-height: 90px;
    color: #fff;
}
.detailFancyLnk .a-btn-icon-right
{
    border-left: 1px solid #5d81ab;
}
.a-btn-icon-right{
    position:absolute;
    right:0px;
    top:0px;
    height:100%;
    width:80px;
    border-left:1px solid #80ab5d;
    -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;
    display: none;
}
.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;
   
}
#availability {
  font-size: 25px;
  min-height: 52px;
  text-align: center;
  width: auto;
}
#availability .iconCart {
  font-size: 20px;
}
#availability .fa
{
    padding-right: 0;
}
.statusGreen, .iconGreen 
{
    color: green;
}
.statusBlue
{
    color: blue;
}
.iconCart, .iconCD, .iconClock  {
  color: #000;
  font-size: 20px;
  margin-right: 15px;
}
.iconCheck {
  font-size: 25px;
  padding: 0 5px;
}
#delivery 
{
    margin-top: 20px;
    font-size: 25px;
    display: flex;
    display: -webkit-box;
    text-align: left;
     -webkit-box-align: center;
    align-items: center;
}
#delivery .fa
{
    padding-right: 0;
}

#orderCD
{
    margin-top: 20px;
    font-size: 25px;
    display: flex;
    display: -webkit-box;
    text-align: left;
    -webkit-box-align: center;
    align-items: center;
}
#orderCD b {
  color: green;
  font-size: 25px;
}
#orderCD .fa
{
    padding-right: 0;
    display: inline;
}


p.detInfo {
    text-align: left;
    padding-left: 65px;
    margin-top: 5px;
    font-size: 14px;
}
.detailWK .right {
  font-size: 14px;
  margin-right: 10px;
}
#detatilTopRight .pPriceBottom {
  margin-bottom: 5px;
  margin-top: 5px;
}
.right {
  text-align: right;
}
#sizeDiv
{
    background: #fff;
    border: 1px solid #ccc; 
    margin-top: 6px;
}

#sizeDiv h4 {
  color: #fff;
  font-size: 35px;
  height: 44px;
  padding-top: 7px;
  text-align: center;
}
p#chooseSizeP {
  font-size: 25px;
  font-weight: bold;
  padding: 6px;
  text-align: center;
}
.btnColGreen
{
    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;
 
}
#wk {
  text-align: center;
  width: 450px;
}
select#selSize {
  display: block;
  margin-bottom: 10px;
  margin-left: auto;
}
#btnChgSize {
  display: block;
  font-size: 28px;
  height: auto;
  padding: 10px;
  text-align: center;
  cursor: pointer;
}
#btnWK {
    display: inline-block;
    font-size: 28px;
    height: auto;
    margin-top: 5px;
    padding: 10px;
    text-align: center;
    cursor: pointer;
}

#requestItem {
  padding: 10px;
}
.pHead {
  font-weight: bold;
  margin-bottom: 10px;
}
#requestItem .form-input {
  margin-top: 10px;
}
#requestItem .form-input label {
  display: block;
  font-weight: bold;
}
#btnAnfrage {
  font-size: 22px;
  line-height: 90px;
  margin-top: 25px;
  padding-left: 0;
  padding-right: 80px;
  text-align: center;
  width: 280px;
}
input[type="email"]
{
  background-color: #ffffff;
  border: 0 none;
  border-radius: 4px;
  box-shadow: 0 1px rgba(255, 255, 255, 0.5), 1px 1px 3px rgba(0, 0, 0, 0.25) inset, 0 0 3px rgba(0, 0, 0, 0.15) inset;
  height: 26px;
  line-height: 130%;
  padding: 4px 4px 4px 7px;
  font-weight: bold;
  width: 96%;

}
*::-moz-placeholder {
  color: #000;
  font-family: archivo narrow;
  font-size: 16px;
  font-weight: bold;
  opacity: 0.7;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color: #000;
    font-family: archivo narrow;
    font-size: 16px;
    font-weight: bold;
    opacity: 0.7;
}
#detailContentCenter {
  display: none;
}
#wk
{
    display: none;
}
#requestItem 
{
    display: none;
    padding: 10px;
}
#btnShop
{
    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;
    padding: 10px;
    height: auto;
}
#btnShop .blogBtnTxt {
  display: block;
  font-size: 22px;
  line-height: normal;
  text-align: center;
}
#blogMain .timeLi
{
    display: flex;
    display: -webkit-box;
    margin-bottom: 20px; 
}
.timeDiv
{
    flex-basis: auto;
    width: 20%;
    text-align: left;
}
.contentDiv 
{
    flex-basis: auto;
    width: 80%;
    text-align: left;
}
.inhalt h2 
{
    font-size: 20px;
    font-weight: bold;
    margin: 20px 0;
    display: inline-block;
    background: none repeat scroll 0 0 #e6eaef;
    padding: 5px 0;
}

#blogMain .inhalt nav ol
{
	margin-top: 10px;
	padding-left: 30px;
}
#blogMain .inhalt nav li 
{
	line-height: 25px;
	list-style: disc outside 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%;
}
.block {
    display: block;
}
#BlogSearchResult 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);
}

#BlogSearchResult article h3
{
    font-size: 20px;
     font-weight: bold;
     margin-bottom: 20px;
}
#BlogSearchResult article h3 a, #BlogSearchResult article h3 a:visited
{
    color: #000;
    text-decoration: none;
}
#BlogSearchResult article p
{
    margin-bottom: 20px;
}
#BlogSearchResult h2 {
  display: inline-block;
  font-size: 30px;
  font-weight: bold;
  background: none repeat scroll 0 0 #fff;
  padding: 5px;
  margin-left: 20px;
}

#NewsContent img {
  width: 100%;
}

.picTxt {
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  color: #000;
}

#navMobNew {
  display: none;
}

#mobHeader
{
    display: none;
}
#mobWK 
{
    display: none;
}
.tdUSLac, .tdUKLac, .tdEURLac
{
    flex-basis: 33.3%;
    width: 33.3%;
    line-height: 39px;
}
#pbd-alp-load-posts  {
  text-align: center;
   margin-bottom: 15px;
}
.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%;
  line-height: 40px;
  margin-bottom: 20px;
}
#pbd-alp-load-posts  a {
  display: inline-block;
  text-decoration: none;
  width: 35%;
}

#pbd-alp-load-posts .fa.fa-angle-double-right {
  padding-right: 0;
  position: absolute;
  right: 20px;
 
}
#footerTop {
  background: none repeat scroll 0 0 #000;
}
#footerTopContent
{
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    font-family: 'Roboto';
    display: flex;
    display: -webkit-box;
}
#footerTopContent {
  display: flex;
  font-family: "Roboto";
  padding: 30px;
}
.footerLeft {
  border-right: 1px solid #4c4c4c;
  box-sizing: border-box;
  color: #ccc;
  text-align: center;
  flex-basis: auto;
  width: 50%;
}
.footerRight {
  box-sizing: border-box;
  flex-basis: auto;
  padding: 0 20px;
  width: 50%;
  color: #ccc;
  text-align: center;
}

#footerTopContent h3 {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: left;
  text-transform: uppercase;
}
.footerLeftContent {
  display: flex;
  padding: 0 20px;
}
.footerLeftContent > div {
  padding: 0 20px;
  text-align: left;
  width: 50%;
}
.footerLeftContent ol, .footerRightContent ol {
  list-style-position: outside;
  list-style-type: disc;
}

#footerTopContent a, #footerTopContent span {
  color: #ccc;
  font-size: 16px;
  line-height: 20px;
  text-decoration: none;
}

#footerTopContent a:hover
{
    color: red;
}
.footerRightContent {
  display: flex;
  padding: 0 20px;
}
.footerRightContent > div {
  padding: 0 20px;
  text-align: left;
  width: 50%;
}
.flex
{
    display: flex;
    display: -webkit-box;
}
.spanLeft
{
    text-align: right;
}
.footerLiRight > p {
    font-size: 17px;
    line-height: 18px;
    padding: 0 10px;
}
.footerLiRight > h3
{
    margin-bottom:15px;
}

.footerLiLeft, .footerLiMidLeft, .footerLiMidRight
{
    border-right: 1px solid #4C4C4C;
    
}
#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;
}
#btnMore {
  bottom: 8px;
  color: #000;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin: 40px auto 20px;
  
}
#otherProducts {
  margin-top: 20px;
}

@media (max-width: 1028px)
{
     #socialBox {
        max-width: 100%;
    }
    #ContentDetail {
        display: block;
    }
    .detailItemNike {
        width: calc(33.3% - 13.33px);
    }
    .detailItemNike.lastElement3 {
        margin-right: 0;
    }
     .detailItemNike.lastElement3.lastElement4 {
        margin-right: 0;
    }
   
    #detatilTop {
        margin-bottom: 0;
    }
    #socialBox {
        margin: 0 auto;
    }
    .detailItemNike.lastElement4 {
        margin-right: 20px;
    }
   #ContentDetail #DetailSlider {
        border-color: #fff #ccc;
        border-style: none solid ;
        border-width: 0 1px;
        margin-bottom: 0;
        width: 100%;
      }
    #itemContent {
        padding: 20px;
    }
   #contentDetailRight {
    border-color: #fff #ccc;
    border-style: none solid;
    border-width: 0 1px;
    width: 100%;
  }
    #blogConLeft {
        width: 73%;
    }
    #blogConRight {
        width: 26%;
    }
    h2#detNavTitle {
        font-size: 22px;
        padding-left: 9px;
    }
    
    #delivery, #availability, #orderCD, .detailWK figure figcaption {
        font-size: 18px;
    }
    #Chrome #orderCD,#Safari #orderCD
    {
        margin-top: 25px;
    }
    #availability {
        line-height: 36px;
    }


   
    #divWK {
        width: 15%;
    }
    .indexPreview {
        width: calc(100% - 40px);
        margin-top: 20px;
    }
    
    #blogMain .indexPreview h2 {
        font-size: 20px;
        line-height: 44px;
    }
    #socialContent .fa {
        background-color: rgba(0, 0, 0, 0.2);
        height: 40px;
        line-height: 40px;
        padding-right: 0;
        text-align: center;
        width: 40px;
      }
      
    .social_btn {
      font-size: 24px;
      width: calc(100% - 40px);
    }

   #socialContent {
        padding: 20px;
    }
    .entry > figure
    {
        margin-top: 50px;
        width: auto;
        text-align: center;
    }
    .entry {
        display: block;
    }
    #rightNavi a, #rightNavi a:visited {
        font-size: 18px;
    }
   
    #searchBox {
        width: 79%;
    }
    .detailWK .detailWKBottom {
        padding: 0px 0px 0 30px;
    }

    
    .footerLiRight > p {
        font-size: 14px;
        line-height: 22px;
        padding: 0 10px;
    }
    #footerTopContent h3 {
        font-size: 14px;
    }
    #footerTopContent a, #footerTopContent span {
        font-size: 12px;
        line-height: 22px;
    }
   
}


@media (max-width: 768px)
{
    #btnSocial {
        font-size: 26px;
    }
    #detailFB {
        display: flex;
        flex-direction: column-reverse;
    }
    #itemPriceTop {
        display: flex;
        flex-direction: column-reverse;
        margin-top: 15px;
        text-align: right;
        width: 100%;
    }
    #btnShop .blogBtnTxt {
        font-size: 20px;
    }
    #availability {
        text-align: right;
    }
    #btnOpenSizes {
        display: inline-block;
        font-size: 28px;
        height: auto;
        line-height: normal;
        margin-left: auto;
        margin-top: 25px;
        padding: 10px;
        text-align: center;
    }
    .pPrice {
        width: 100%;
    }
    body {
        font-size: 14px;
    }
    blockquote {
        font-size: 14px !important;
    }
    .a_h1 > img {
        width: 100%;
    }
    .entry > figure {
        margin-top: 0;
    }
    .indexPreview {
        width: 100%;
    }
    #blogMain .indexPreview h2 {
        font-size: 18px;
    }
    #blogMain .h1_post {
        font-size: 16px;
    }
    #socialContent {
        display: block;
    }
    #btnFB, #btnGP, #btnTw, #btnPint, #btnWA {
        width: calc(100% - 8px);
    }
    #ContentDetail #DetailSlider {
        padding: 20px;
    }
    #index_Nike {
        font-size: 25px;
        line-height: 50px;
    }
    .social_btn {
        font-size: 24px;
    }
    #headerCon
    {
        margin: 0 auto 20px;
    }
    #searchformnews {
        width: auto;
    }
   
    div.pTop {
        text-align: center;
    }
    div.pTop p {
        text-align: justify;
    }
   
   
    .lnkMore {
        display: inline-block;
        width: auto;
    }
    #blogConLeft {
        width: 100%;
        margin-right: 0;
    }
   
    
   
    
    
   
    #navMobNew > p {
        font-size: 30px;
        font-weight: bold;
        margin-bottom: 24px;
        margin-left: 55px;
    }
   
    #contentDetailRight {
        width: 100%;
    }
   .detailItemNike {
        width: calc(50% - 10px);
    }
    .detailItemNike.lastElement2 {
        margin-right: 0;
    }
    .detailItemNike.lastElement3.lastElement2 {
         margin-right: 0;
    }
    .detailItemNike.lastElement3 {
        margin-right: 20px;
    }
   
    
    #mobHeader #searchBoxInner {
        width: 85%;
        display: block;
    }
    .detailWK .detailWKBottom
    {
        padding: 0;
    }
   
   
    #divWK
    {
        display: none;
    }
   
    
  
    .footerLiMidLeft ol, .footerLiLeft ol {
        margin-left: 30px;
    }
    .footerLiRight .spanLeft {
        width: 45px;
        margin-left: 6px;
    }
    .footerLiRight > p {
        font-size: 12px;
    }
    .footerLiLeft > h3, .footerLiMidLeft > h3 {
        margin-left: 10px;
    }
    
}

@media screen and (max-width: 670px) 
{
    #indexSidebar
    {
        display: none;
    }
    #mobSearch > form {
        align-items: center;
        display: flex;
        justify-content: center;
    }
    .super.btnSim, .super.btnSim:visited {
        font-size: 28px;
    }
   .a_h1 > img {
        width: auto;
        margin-top: 30px;
    }
    main {
        width: 100%;
    }
    #headerMobile
    {
        display: block;
    }
     #mobWK, #mobSearch {
        background: none repeat scroll 0 0 #333;
        color: #fff;
        display: block;
        flex-basis: auto;
        font-size: 28px;
        line-height: 27px;
        padding: 10px;
        text-align: center;
        margin-top: 10px;
    }
    #mobWK a, #mobWK a:visited
    {
        text-decoration: none;
        color: #fff;
    }
   
    #mobWK .fa.fa-shopping-cart {
        padding-right: 0;
        padding-left: 10px;
    }
    #mobWK .spanTitle {
        display: block;
        font-size: 20px;
        margin-bottom: 5px;
    }
   
    #chgLangMob > p a {
        background: #f3f3f3 none repeat scroll 0 0;
        color: #333;
        display: flex;
        font-size: 22px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        text-decoration: none;
        align-items: center;
      }
      #chgLangMob > p
      {
          margin-bottom: 1px;
      }
    #chgLangMob .btnCat > img {
        height: 25px;
        margin-left: 20px;
        margin-right: 15px;
        width: 50px;
    }
    #nav-open-btn {
        background: #333 none repeat scroll 0 0;
        color: #fff;
        display: block;
        font-size: 28px;
        height: 50px;
        line-height: 50px;
        margin-bottom: 1px;
        text-align: center;
        text-decoration: none;
      }
    .fa.fa-bars {
        padding-left: 10px;
        padding-right: 0;
    }
    #mobNav
    {
        display: none;
    }
    #mobNav > p {
        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;
        margin-bottom: 1px;
        text-transform: uppercase;
    }
    #mobNav > p .btnCat:link, #mobNav > p .btnCat:visited
    {
        color: #fff;
        font-weight: normal;
        line-height: 50px;
        display: block;
    }
    #indexNav, #topBar
    {
        display: none;
    }
    
    #socialContent .fa {
        height: 32px;
        line-height: 32px;
        width: 32px;
    }
    .social_btn {
        font-size: 18px;
    }
   
   
    header h1 {
        width: 43%;
    }
   
   .footerLeftContent {
        display: block;
    }
    .footerRightContent {
        display: block;
    }
     .footerRightContent > div {
         width: 100%;
    }
    .footerLeftContent > div {
        width: 100%;
    }
   
   
}

@media screen and (max-width: 480px) 
{
    .einleitung h1 {
        font-size: 25px;
    }
    .indexPreview {
        box-sizing: border-box;
        margin-bottom: 15px;
        padding: 0 15px;
        text-align: center;
        width: 100%;
    }
    #blogMain article {
        padding: 0;
    }
    #contentDetailRight {
        padding: 20px;
    }
    #imgDetailBrand
    {
        right: 20px;
    }
    .super.btnSim, .super.btnSim:visited {
        font-size: 20px;
    }
     #btnCatLnk {
        display: inline-block;
        font-size: 24px;
        height: 94px;
        text-align: center;
        line-height: 30px;
        padding: 10px 22px;
    }
    #catDescription
    {
        text-align: center;
    }
    #catDescription p
    {
        text-align: justify;
    }
    
    span.btnBlock {
        display: block;
    }
    #btnCatLnk .fa
    {
        display: none;
    }

    #blogMain .inhalt figure {
        display: block;
    }
    
    
    header h1 {
        display: inline-block;
        position: absolute;
        width: 32%;
    }
    #divWK {
        width: 100%;
    }
    #availability, #delivery, #orderCD {
        margin-left: 0;
    }
    #divWK
    {
        display: none;
    }
    #mobWK .fa.fa-shopping-cart {
        padding-right: 20px;
    }

    .entry
    {
        flex-direction: column-reverse;
        margin-bottom: 25px;
       
    }
    #blogMain .singleArticle {
       padding: 15px;
    }
    .entry > figure {
        width: 100%;
        text-align: center;
    }
    .a_h1 > img {
        width: 100%;
        margin-top: 0;
    }
    .indexPreview {
        width: 100%;
        margin-bottom: 15px;
        text-align: center;
        padding: 0 15px;
    }
    #pbd-alp-load-posts a {
       text-decoration: none;
        width: 100%;
    }
    .btnCatNav {
        width: 100%;
    }
    #btnNavPrev
    {
        margin-bottom: 20px;
    }
   
    .showMobile {
        display: none;
    }
   
    
    .navigation {
        width: calc(100% - 20px);
    }
   
}

@media screen and (max-width: 414px) 
{
    #footerTopContent {
        display: block;
    }
     #socialBox {
        max-width: calc(100% - 20px);
    }
    .artikelSlider {
        max-width: calc(100% - 20px);
    }
    #ContentDetail {
        max-width: calc(100% - 20px);
    }
    #BlogSearchResult article {
        width: calc(100% - 20px);
    }
    #BlogSearchResult h2 {
        margin-left: 10px;
    }
    .product-name span, .product-name strong {
        font-size: 12px;
    }
    .priceLable {
        font-size: 18px;
    }
    .LagerLable {
        font-size: 12px;
    }
    .itemCart.fa.fa-shopping-cart {
        bottom: 23px;
        font-size: 23px;
        left: 15px;
    }
    .footerLeft {
        border-right: 0 none;
        margin-bottom: 20px;
        width: 100%;
      }
    .footerRight {
        padding: 0;
        width: 100%;
    }
    #btnReadIntro {
        font-size: 15px;
    }
    .a_h1 > img {
        margin-top: 0;
    }
    #blogMain .indexPreview h2 {
        font-size: 16px;
    }
    blockquote {
        padding: 2em !important;
    }
    #blogMain .inhalt figure {
        margin: 0 0 10px;
    }
   
    
}

@media screen and (max-width: 384px) 
{
    #btnSocial {
        font-size: 20px;
        line-height: 40px;
    }
    #socialContent {
        border: 0 none;
    }
    #itemContent {
        padding: 0;
        max-width: calc(100% - 20px);
    }
    #socialBox {
        max-width: 100%;
    }
    .super.btnSim, .super.btnSim:visited 			
    { 
        font-size: 15px; 
    }
     #ContentDetail #DetailSlider
    {
        padding: 0;
    }
    
    #delivery .fa, #orderCD .fa {
        display: none;
    }
   
    #socialBox > h3 {
        font-size: 24px;
    }
    #blogMain article p {
        margin-bottom: 20px;
        text-align: justify;
    }
    #blogMain {
        margin: 0 auto;
        max-width: calc(100% - 20px);
    }
    #blogMain .inhalt figure {
        margin: 0 0 10px;
        padding: 20px 20px 10px;
    }
    
    #btnMore
    {
        font-size: 28px;
    }
   .list-inline {
        display: block;
    }
    #btnBlogSize
    {
        padding: 0;
        display: inline-block;
        text-align: center;
        padding: 0 20px;
        line-height: 90px;
        font-size: 24px;
    }
    #orderCD b 
    {
        display: block;
    }
    #btnBlogSize .fa
    {
        display: inline-block;
    }
    #btnBlogSize img, #btnBlogSize .a-btn-icon-right
    {
        display: none;
    }
    #blogMain .indexPreview h1 {
        font-size: 20px;
        line-height: 40px;
        margin-bottom: 10px;
    }
   
    header h1 {
        display: block;
        width: 100%;
        text-align: center;
        position: relative;
    }
    
   
    span.mobileBlock {
        display: block;
    }
    .iconCart {
        display: inline-block;
    }
    #orderCD .green {
        display: block;
    }
    #orderCD .block {
        line-height: 25px;
        max-width: 270px;
    }
    #availability, #delivery, #orderCD {
       font-size: 18px;
    }
    #chooseSize 
    {
        font-size: 25px;
        line-height: 45px;
    }
   
    #sizeDiv h4 {
        font-size: 30px;
        height: 36px;
    }
    p#chooseSizeP {
        font-size: 20px;
    }
  
    #chooseSizeSpan {
        font-size: 22px;
        line-height: 44px;
    }
    .wrapper {
        max-width: 92%;
        width: 92%;
    }
    #footerTopContent h3 {
        font-size: 18px;
    }
    #footerTopContent a, #footerTopContent span {
        font-size: 16px;
    }
    .footerLiLeft > h3, .footerLiMidLeft > h3 {
         margin-left: 0;
    }
  
}

@media screen and (max-width: 320px) 
{
   
    .super.btnSim, .super.btnSim:visited 			
    { 
        font-size: 25px; 
    }
    #socialBox > h3 {
        font-size: 20px;
    }
    #btnBlogSize {
        padding: 0 25px;
        font-size: 20px;
    }
   
    .product-name strong {
        font-size: 16px;
    }
    #sizeDiv h4 {
        font-size: 25px;
    }
  
     .detailItemNike {
        width: 100%;
        margin-right: 0;
    }
    .detailItemNike.lastElement3 {
        margin-right: 0;
    }
    #btnReadIntro {
        font-size: 14px;
        padding: 6px 10px;
    }
    #btnMore {
        font-size: 25px;
    }
   
    
    .innerDiv
    {
        font-size: 14px;
    }

}