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;}/* HTML5 display-role reset for older browsers */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;}
.clear{clear:both;margin: 7.5px 0;}
* { font-family:Arial, Helvetica, sans-serif!important}
html > body > table { margin-bottom:0 !important}

.wrapper { max-width:100%; margin:0 auto;padding:15px 15px 0 15px}
.logo {width:30%; float:left;}
.search {width:70%; float: right}
li {font-size:12px!important}
h1 {font-size:25px!important;margin: 0 0 14px 0!important; color:#333!important }
h2 {font-size:18px!important; font-weight:bold!important;font-family:Trebuchet,"Trebuchet MS"!important; }
h5 {font-size: 13px!important;}
hr.smaller {margin: 12px 0 11px;}
form#search {DISPLAY: inline}
form#search #search_input {width:73%; padding:10px;margin-right:6px;margin-top: 2px;border:1px solid #d0d0d0; float:left}
form#search #search_button {width:25%}
/*#s4t_foot {display:none}*/
.banner {display:none}
.left_container, .right_container, #impressum, #slider-main{border:1px solid #e5e5e5; margin-bottom:15px;box-shadow: 2px 0 4px 0 rgba(0,0,0,.1);}
.left_container h5 , .main_container h5 , .right_container h5 {margin: 0;background: #f2f2f2;padding: 10px 8px 7px;border-bottom: solid 1px #ccc;text-transform: uppercase;color: #363636;text-shadow: 0 1px 1px #fff;}

#navi_left {margin-bottom:0}
#navi_left li {border-top: 1px solid #e2e2e2;}
#navi_left li:first-child {border-top: none}
#navi_left li a {color: #343434;font-size: 13px;text-decoration: none;line-height: normal;padding: 8px 15px;width: 90%;display: block;margin-left: 6px;}
.navi {margin-bottom:10px}


.content {padding: 10px 10px 0px 10px;}

.footer {display:none}
#thumbs img {border:1px solid #e0e0e0; margin-bottom:10px}
#main {text-align:center}
#right_content .thumbs {margin-bottom:15px;}
#right_content .thumbs img{margin-right: 9px;margin-bottom: 5px;border:1px solid #d0d0d0; float:left;box-shadow: 2px 0 4px 0 rgba(0,0,0,.1);}
#right_content .thumbs img:last-child {margin-right:0!important}

.mega-menu h4, .mega-menu h4 span, .mega-menu li#m_topnsale h4 a {font-size: 12px!important;}
.mega-menu li.dr#m_topnstart{min-width: 46px;width: 46px;}
.mega-menu > li {min-width:56px!important}
.mega-menu li:first-child{width:56px!important}

.mega-menu h4 a {color:#666}
#extras h3 {color:#666; font-size:19px; font-weight:400}

.p-bottom{padding:0 0 15px 0}
#slider-items .three { padding-bottom:20px}

#vtop {margin: 19px 0 0 0}
#hotline {padding-top:15px;}
#hotline span { text-transform:uppercase; font-size:15px} 
#search_button {margin-top:2px!important}
#service ul li {margin:5px 0}

.mega-menu h4, .mega-menu h4 span, .mega-menu li#m_topnsale h4 a{ line-height:4.7em!important;}
.mega-menu li#m_spielspass h4 {border-top-color: #C72EA8;}

.badge {margin:0 0 14px 0}
.stretch {width:100%!important}

#vorteile ul li {margin: 2.5px 0}

.icon {
	background:url(../images/icons.png) left top ;
	display: block;
	width: 22px;
	height: 25px;
	float: left;
	margin-right: 14px;
}
.mega-menu {margin:0!important}

.mega-menu>li {

    display: table-cell!important;
    min-width: auto!important;
height: 54px;
}

#ebay_fitness {border-bottom:3px solid #044c90}
#ebay_kraft {border-bottom:3px solid #50a804}
#ebay_gym {border-bottom:3px solid #feea00}
#ebay_lehrmittel {border-bottom:3px solid #fdac03}
#ebay_therapie {border-bottom:3px solid #04b6da}
#ebay_wellness {border-bottom:3px solid #c72e31}
#ebay_spiel {border-bottom:3px solid #C72E98; border-right:0}

.line-shadow {  
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;	
	padding-bottom: 0px!important;
	margin:15px 0 0 0!important;
}
/*.mega-menu h4#home {border-right:1px solid #d0d0d0} */
.mega-menu h4 {height: 53px!important;}
.mega-menu li h4 {border-top: none!important}

.icon-vkfrei {background-position: 0 0 }
.icon-retour{background-position: 0 -42px }
.icon-lizeit {background-position: 0 -81px ; height:33px}
.icon-kschutz {background-position: 0 -118px }
.icon-beratung {background-position: 0 -156px }
.icon-phone {background-position: 0 -192px }
.icon-home {background:url(../images/icon-home.jpg) left top ; display:inline-block; width:34px; float:none!important}
.icon-dpd {float: left;margin: 0 13px 0 0;}

#buybox{
	padding: 50px;
  background: #ECECEC;
}
h1 {    font-size: 18px!important;
    font-weight: bold;
    color: #333;
    line-height: normal;
    margin: 0;
    padding: 0;
    font-family: Trebuchet,"Trebuchet MS"!important;
    display: inline;}

.price-ebay {
		font-size: 22px;
    color: #333;	
		display:block;
		font-weight: 700;
		margin:0 0 10px 0
}

#addons {
	margin:20px 0 0 0	
}

#addons li {
	color:#0059a4;	
}


.ico {
		display:inline-block;
		width:20px!important;
		margin:0 6px 0 0;
		height: 15px;
		background: url(../images/icos.png) no-repeat;
}

.ico-question{ background-position:5px 1px}
.ico-watch{ background-position:-13px 0}
.ico-send{ background-position:-35px 0}
.ico-lieferbar{ background-position:-59px 1px;}

.ico-zoom{ 
	 position: absolute;
    bottom: 35px;
    right: 15px;
   background-position:-76px 5px;
    height: 45px!important;
    width: 50px!important;
}
#zoom{ border:none!important;display:none}

.price-ebay span{
		font-size:14px;
		font-weight:400
}

.button-ebay {
		width: 100%;
    background: #00509d;
    background: -webkit-gradient(linear,left top,left bottom,from(#0079bc),to(#00509d));
    background: -moz-linear-gradient(top,#0079bc,#00509d);
    text-decoration: none;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0079bc',endColorstr='#00509d');
    color: #fff;
}
.button-ebay:hover{
	color:white	
}

h1 {
    margin-bottom: 10px!important;
    display: block;	
}

#bigPic { 


					margin:0 0 20px 0
}

#main-img {text-align: center;}
#main-img img {width:450px; height:450px}
.thumbnail span img {width:450px; height:450px}
.spic {
	display:block;
	margin-right:15px;
	float:left;
}

#thumbs img {width: 70%;}
#thumbs {text-align: right;}



.lieferstatus {display:block;margin:0px 0 15px 0;color: #55A932}
.uheadline span{color: #55A932}
.btn {
    padding: .5em 1.2em;
    border: 1px solid transparent;
    border-radius: 3px;
    box-shadow: 0 3px 0 rgba(0,0,0,0.04);
    vertical-align: baseline;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    font-weight: 500;
    font-size: 16px;
    cursor: pointer;
    zoom: 1;
    display: inline-block;
}

#thumbs img {cursor:pointer}
.main_container {
    margin-bottom: 15px;
}

.hidden-banner {
	display:none	
}

hb-head {height:1px;width:100%}
#variants h4 {font-size:17px}
#variants h3 {margin-top:5px}

#variants .var-title {min-height:40px;display:block;}
#variants .var-a-img {display:block; margin:0 auto 10px auto; max-width:200px}
#variants .two {height: 250px;}
#variants .varprice { color: black; font-size:16px}
#zb .hr-zb {border: solid #f3f3f3!important;    border-width: 1px 0 0!important;}
h2 {line-height: 1.7!important}
[class*=column]+[class*=column]:last-child {    float: left!important;}

.varset-wrapper {padding-top: 20px;    border-top: 1px solid #d0d0d0;    margin-top: 20px;}
.varset-wrapper, .varset-headline {text-align:center; font-weight:bold}
.text-red { color:red}
ul.varset-content { width: 200px;margin: 0 auto;}
ul.varset-content li { text-align:left; font-weight: normal;}
.varset-title{font-weight: bold;font-size: 14px;     text-align: left;    width: 200px;    margin: 10px auto;}



.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
visibility: visible;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail img{
    margin: 0 10px 5px 0;

}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;

padding: 5px;
left: -2000px;

visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;

}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
padding:0;
top: -450px;
z-index: 50;
}

#vorteile h3 { font-weight:700;    color: #00498e!important;    text-transform: uppercase; font-size:15px;  margin-bottom: 3px;}
#vorteile .left {width: 20px; color:#00498e!important;font-weight: bold;font-size:20px}
#vorteile .right {width:240px}
#vorteile ul li {margin:15px 0!important;line-height: 15px;}
#vorteile ul li strong {font-size: 15px;}
#vorteile .clear {margin-bottom: 20px;}
.block-right { float:right; display:inline-block}

.e-text ul li { list-style:disc; font-size:13px!important; margin-left:17px}
.e-text { line-height:18px}
.content {padding:10px!important}


.line-shadow { margin:0!important}
#vtop {margin: 0 0 0 0;}
#vtop h1 {font-size:28px!important}
.mega-menu li:first-child {border-left-color: #f0f0f0;}
.row { width:100%!important}
.thumbnail:hover span {left: 50%;
    margin-left: -230px;}


@media only screen 
and (min-device-width : 768px) 
and (-webkit-min-device-pixel-ratio: 2) 
and (orientation : portrait) {
	  .row  {width: 100%!important;}
	.navi {display:none}
	.thumbnail:hover span {	top: -450px;     left:  104px;}
}

@media only screen 
and (min-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio: 2) 
and (orientation : portrait) {
	.navi {display:none}
	.thumbnail:hover span {	top: -450px;    left:104px;}
}

@media only screen 
and (min-device-width : 1366px) 
and (-webkit-min-device-pixel-ratio: 2) 
and (orientation : portrait) {
	.thumbnail:hover span {	top: -450px;left:  218px;}
}



@media only screen 
and (min-device-width : 768px) 
and (-webkit-min-device-pixel-ratio: 2) 
and (orientation : landscape) {

	.thumbnail:hover span {	top: -450px;left: 123px;}

}

@media only screen 
and (min-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio: 2) 
and (orientation : landscape) {
	.navi {display:none}
	.thumbnail:hover span {	top: -450px;       left: 211px;}
}

@media only screen 
and (min-device-width : 1366px) 
and (-webkit-min-device-pixel-ratio: 2) 
and (orientation : landscape) {
	.thumbnail:hover span {	top: -450px;left: 211px;}
}


@media only screen and (max-width: 480px){

.header .row .three {text-align:center}
.header {    padding-bottom: 9px;  margin-top:10px;  margin-bottom: 0!important;    border-bottom: 1px solid #d0d0d0;}
.main_container { width:103%}
.navi {display:none}
}



@media only screen and (max-width: 480px){
.phone-link {    border: 1px solid #d0d0d0;    height: 50px;    padding: 13px;    width: 50px;    display: block;    background: #f3f3f3;}
#hotline {padding-top:0}

#beschreibung{-webkit-order:1;	order: 1;}	
.row {width:100%!important}
#beschreibung video {height:200px!important}
#variants{-webkit-order:2;	order: 2;}
.flex {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction: column;
	flex-direction: column;}
	.navi {display:none}
#main-content {-webkit-order:1;	order: 1;}	
#left_content {-webkit-order:2;	order: 2;display:none}
.border-mobile {border-bottom:1px solid #d0d0d0;padding-bottom: 10px;}	
#main-img img {width:220px; height:220px}
.thumbnail span img {width:220px; height:220px}
.thumbnail img {    width: 70px;}
#vtop { margin:1px 0 0 14px;}
.content { padding:0!important}
#impressum .content {padding:7px!important}

}


@media only screen and (max-width: 414px){
	.thumbnail:hover span {     top: -220px;left: 70px;}
}


@media only screen and (max-width: 375px){
	.thumbnail:hover span {  top: -220px;  left: 50px;}
}

@media only screen and (max-width: 320px){
.thumbnail:hover span {       top: -220px;    left: 22px;	}
.navi {display:none}
#left_content {-webkit-order:2;	order: 2;display:none}

}