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{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}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:'';content:none;}table{border-collapse:collapse;border-spacing:0;}body{-webkit-text-size-adjust:none;}
*, *:before, *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}audio,canvas,iframe,img,svg,video{vertical-align:middle;border:0;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:normal;-webkit-tap-highlight-color:transparent;outline:0 !important;-webkit-touch-callout:none;}
@-webkit-viewport{width:device-width;}
@-moz-viewport{width:device-width;}
@-ms-viewport{width:device-width;}
@-o-viewport{width:device-width;}
@viewport{width:device-width;}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:auto;overflow-x:hidden;}
img a, img, a img{border:none;}
img {display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;}
a, i{text-decoration:none;transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;}
a:focus, a:visited, a:active{outline:none;}
::-moz-selection{background:#0c73a2;color:#fff;}
::-webkit-selection{background:#0c73a2;color:#fff;}
::-ms-selection{background:#0c73a2;color:#fff;}
::-o-selection{background:#0c73a2;color:#fff;}
::selection{background:#0c73a2;color:#fff;}
p{padding:0;margin:0;}
strong{}
.clr{clear:both;}
.clr:before,
.clr:after{content:" ";display:table;}
.clr:after{clear:both;}
.clr{*zoom:1;}
.wrap {max-width:100%; margin:0 auto; font-family: 'Lato', sans-serif;}
.header {background:#fdfdfd; padding:30px; vertical-align:middle; display:block; border-top:5px solid #0c73a2;}
.header .logo {float:left; padding:5px 15px 0 0;}
.header .logo-zusatz {float:left; border-left:1px solid #0c73a2; color:#0c73a2; font-size:27px; padding:16px 0 0 15px; height:95px; line-height:30px;}
.header .img-powerseller {padding:1px 0 0 120px; float:left;}
.header .menu {float:right; padding:0;}
.header .menu a {display:block; color:#0c73a2; margin:10px 0;}
.header .menu i {width:28px; height:28px; border-radius:14px; display:inline-block; background:#0c73a2; color:#fff; line-height:28px; text-align:center; margin:0 3px 0 0;}
.header .menu a:hover {color:#074a68;}
.header .menu a:hover i {background:#074a68;}
.content {background:#f7f7f7;padding:30px 30px;}
.content .title {border-top:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; color:#a0a0a0; font-size:21px; font-weight:300; padding:10px 0; margin:0 0 20px 0;}
.content .title:before {font-family: 'simple-line-icons'; content: "\e080"; font-size:16px;padding-right:5px;}
.content .title-artikel {font-size:28px; color:#0c73a2; font-weight:700; margin:0 0 20px 0; line-height:34px;}
.content p {font-size:16px; color:#151515; line-height:23px;}
.content .table-artikel {margin:0 0 50px 0;}
.content .table-artikel td:first-child {min-width:180px;}
.content .artikel-beschreibung-liste {float:left; min-width:180px;}
.content .table-artikel tr {margin:0 0 2px 0;}
.content .table-artikel tr td:nth-of-type(1) {padding:6px 10px; text-align:left; background:#ededed; color:#151515; font-size:16px; font-weight:700; border-bottom:1px solid #f7f7f7;}
.content .table-artikel tr td:nth-of-type(2) {background:none; font-weight:400; color:#151515; line-height:23px; padding:10px 20px; border-bottom:1px solid #ededed;}
.content .table-artikel .teilenummer {background:#0c73a2!important; color:#fff!important;}

.table-left {width:66%; float:left;}
.table-right {width:24%; float:right; font-size:13px; line-height:17px; overflow:x-hidden; max-height:300px;}

.gallery .control-operator:target ~ .controls .control-button {
  color: #ccc;
  color: rgba(255, 255, 255, 0.4);
}

.gallery .control-button:first-of-type,
.gallery .control-operator:nth-of-type(1):target ~ .controls .control-button:nth-of-type(1),
.gallery .control-operator:nth-of-type(2):target ~ .controls .control-button:nth-of-type(2),
.gallery .control-operator:nth-of-type(3):target ~ .controls .control-button:nth-of-type(3),
.gallery .control-operator:nth-of-type(4):target ~ .controls .control-button:nth-of-type(4),
.gallery .control-operator:nth-of-type(5):target ~ .controls .control-button:nth-of-type(5),
.gallery .control-operator:nth-of-type(5):target ~ .controls .control-button:nth-of-type(6) {
  color: white;
  color: rgba(255, 255, 255, 0.8);
}

.gallery .item:first-of-type {
  position: static;
  pointer-events: auto;
  opacity: 1;
}

.gallery .item {
  position: absolute;
  top: 0;
  left: 0;
  width: 85%;
  max-height:800px;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s;
  transition: opacity .5s;
  float:left;
}

.gallery .control-operator {
  display: none;
}

.gallery .control-operator:target ~ .item {
  pointer-events: none;
  opacity: 0;
  -webkit-animation: none;
  -o-animation: none;
  animation: none;
}

.gallery .control-operator:target ~ .controls .control-button {
  -webkit-animation: none;
  -o-animation: none;
  animation: none;
}

.gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator:nth-of-type(4):target ~ .item:nth-of-type(4) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator:nth-of-type(5):target ~ .item:nth-of-type(5) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator:nth-of-type(6):target ~ .item:nth-of-type(6) {
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-button {
  color: #ccc;
  color: rgba(255, 255, 255, 0.4);
}

.gallery .control-button:hover {
  color: white;
  color: rgba(255, 255, 255, 0.8);
}

/*
	Theme controls how everything looks in Gallery CSS.
*/

.gallery {
  position: relative; overflow:hidden; margin:0 0 50px 0;
}

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

.gallery .item {
  overflow: hidden;
  text-align: center;
}

.gallery .controls {
  width: 13%;
  text-align: center;
  float:right; margin:0 0 0 1%;
}

.gallery .control-button {
  display: block;
  text-align: center;
  text-decoration: none;
  margin:0 0 1% 0; 
}

.gallery .control-button:hover {opacity:0.5;}

.footer {background:#fdfdfd; padding:30px; vertical-align:middle; display:block; border-top:5px solid #0c73a2;}
.footer .logo {float:left; padding:5px 15px 0 0;}
.footer .logo-zusatz {float:left; border-left:1px solid #0c73a2; color:#0c73a2; font-size:27px; padding:16px 0 0 15px; height:95px; line-height:30px;}
.footer .img-powerseller {padding:1px 0 0 120px; float:left;}
.footer .menu {float:right; padding:0 0 0 100px;}
.footer .menu a {display:block; color:#0c73a2; margin:10px 0;}
.footer .menu i {width:28px; height:28px; border-radius:14px; display:inline-block; background:#0c73a2; color:#fff; line-height:28px; text-align:center; margin:0 3px 0 0;}
.footer .menu a:hover {color:#074a68;}
.footer .menu a:hover i {background:#074a68;}
.img-powerseller {display:none; visibility:hidden;}
@media (max-width:800px){
.header .menu, .footer .menu {display:none;}
.header .logo, .footer .logo {float:left;}
.header .logo-zusatz, .footer .logo-zusatz {float:left;}
}

@media (max-width:640px){
.header, .content {padding:15px;}
.header .logo, .footer .logo {float:none; display:block; text-align:center; padding:0;}
.header .logo-zusatz, .footer .logo-zusatz {float:none; display:block; text-align:center; border-left:none; font-size:19px; padding:10px 0 0 0; height:auto; line-height:23px;}
.footer .menu {float:none; padding:0; display:block; text-align:center;}
.footer .menu a {background:#0c73a2; color:#fff; padding:12px; border-radius:4px;}

	table,
	thead, 
	tbody, 
	th, 
	td, 
	tr {
		display: block;
		overflow: hidden;
	}
.content .table-artikel tr {margin:0;}
.content .table-artikel tr td:nth-of-type(1) {padding:8px 10px;}
.content .table-artikel tr td:nth-of-type(2) {font-size:14px; line-height:21px; padding:10px;}
.content .title {font-size:17px; color:#858585;}

.gallery .item {width:100%;}
.gallery .controls {width:100%; float:left; margin:1% 0 0 0;}
.gallery .controls img {width:100%;}
.gallery .control-button {
  display: inline-block;
  margin:1% 0.5%; width:23.5%;
}
}

@media (max-width:520px){
.gallery .control-button {width:21%;}
}

#desc_div {width:100%!important;}

.table-zustand {}
.table-hinweis-kauf {}
.table-herkunft-modell {}
.table-laufleistung {}
.table-fahrgestellnummer {}
.table-lieferumfang {}
.table-passende-modelle {}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html,body {
    height:100%;
  }
}