@import url(https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css);    
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);    
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700);    
     
/* Copyright 2022 WEBMARX Digital Agentur | https://www.ebay.de/str/webmarx | eBay Auktionsvorlage Aquino V.1.2 */    
    
.row {margin:0; padding:0;}
.header {margin:0; padding:0; background:#292d32}
.logo {margin:45px 0; padding:0}
.logo i {float:left; width:60px; height:60px; padding:0; margin-right:10px; line-height:60px; font-size:34px; background:#00a7ff; color:#fff; -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; text-align:center; position: relative; top:5px;}
.logo span {float:left; display:inline-block; font-size:34px; color:#00a7ff; margin:0 10px 0 0; padding:0}
.logo h1 {font-family: 'Open Sans', sans-serif; font-weight:400; font-size:36px!important; color:#fff; margin:8px 0 0 0; padding:0; text-align: left; text-transform: uppercase}
.logo h2 {font-family: 'Open Sans', sans-serif; font-weight:300; font-size:12px;color:#979797; text-transform:uppercase; text-align: left; margin:0; padding:2px 0 0 0;}
.infobox {margin:30px 0 0 0; padding:0 0 0 80px; text-align: left; color:#00a7ff; font-size:11px; line-height:32px}
.infobox i {width:22px; height:22px; background:#00a7ff; color:#fff; font-size:12px; text-align: center; padding:5px; margin:0 5px 0 0; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px;}
.info-text {font-family: 'Open Sans', serif; text-align: left; color:#7c868e; font-size:13px; margin:0; padding:0 0 0 5px}
    
/* SUCHE */
.header-suche {padding:0; margin:55px 0 0 0; border:none; text-decoration:none}
.header-suche a {color:inherit; text-decoration:none!important;}
.suchfeld {float:left; width:240px; height:50px; font-family: 'Open Sans', serif; font-size:14px; background:#31363c; color:#6c7480!important; line-height:50px; margin:0 0 0 90px; padding:0 20px; border:none; text-align:left;}
.suchbutton {float:right; width:50px; height:50px; border:none; background:#00a7ff; color:#fff; font-size:20px; text-align:center; margin:0!important; padding:0;}
.suchbutton i {line-height:50px}
.suchbutton:hover {background:#3f454d; color:#fff} 
    
/* MENU */
.navigation {background:#3f454d; margin:0; padding:0}
ul.menu {margin:0 -15px; padding:0;}
ul.menu li {float:left; width:25%; height:70px; line-height:70px; list-style-type:none; margin:0; padding:0; font-family: 'Open Sans', serif; font-weight:400; border-right: 1px solid #50555d; font-size:14px; text-align: center}
ul.menu li:first-child, ul.menu li:first-child a, ul.menu li:first-child a:hover {background:#00a7ff; color:#fff; font-weight:400}
ul.menu li a {display:block; text-decoration:none; color:#91959a; font-weight:400;}
ul.menu li a:hover {text-decoration:none; background:#393d44; color:#fff}
ul.menu li a i {padding-right:10px}
.menu-bottom {width:100%; height:10px; background:#00a7ff; margin:0; padding:0}
    
/* RESPONSIVE MENU */
.dropdown {margin:0; padding:0;}
ul.resmenu {margin:0; padding:0; width:100%;}
ul.resmenu li {float:left; display:block; margin:0; padding:0; width:25%; background:none;}
ul.resmenu li a i {display:inline-block; text-align:center; font-size:20px; color:#fff; background:none; text-decoration: none; margin:0; padding:15px 0}
ul.resmenu li a:hover i {color:#00a7ff}
    
/* LAYOUT */
.sidebar, .maincontent, .footer {margin:0; padding:0; font-family: 'Open Sans', serif; font-size: 14px}
.sidebar {max-width:240px;}
.sidebar h1, .maincontent h1 {margin:20px 0 0 0; padding:15px; font-size:16px; font-weight: 400; color:#fff; background:#3f454d; border-left:10px solid #00a7ff; text-align: left;}
.sidebar h2 {margin:0; padding:15px; font-size:16px; font-weight: 400; color:#fff; background:#3f454d; border-top:5px solid #00a7ff; text-align: center;}
.sidebar p, .sbox p {margin:0; padding:10px 20px; text-align: left; font-family: 'Open Sans', serif; font-size: 14px}
.sbox {margin:0; padding:0; background:#353c42; border-left:10px solid #00a7ff; font-family: 'Open Sans', serif; font-size:12px; color:#828991; text-align:left;}
.sbox a {color:#00a7ff!important; display:block; text-align: center}
.sbox a {display:block; padding:10px 5px; margin:13px 0; color:#00a7ff!important; background:#2a2f33; box-shadow:1px 1px 0px #3f454d}
.sbox a:hover {background:#00a7ff; color:#fff!important; text-decoration: none}
    
/* TEXT & STYLES */
.artpic {padding:20px 0; text-align: center;}
.artdsc {text-align: left; padding:25px 20px 20px 30px; font-family: 'Open Sans', serif; font-size:14px}
.artdsc h2 {font-family: 'Open Sans', serif; font-size:20px; color:#3f454d; border-bottom:1px solid #00a7ff; padding-bottom:3px; margin:0 0 10px 0}
.artdsc h3 {font-family: 'Open Sans', serif; font-size:14px; color:#3f454d; border-bottom:1px solid #bec3c9; padding-bottom:3px}
.artdsc h4 {font-family: 'Open Sans', serif; font-size:36px; color:#5a616a; margin:0 0 10px 0; padding:0;}
.artdsc span {font-size:12px; color:#8e939b}
.artdsc ul, .tab-content ul {margin:20px 0 30px 0; padding:0}
.artdsc ul li, .tab-content ul li {list-style-type:none; color:#666; padding:7px; text-indent:-1.3em; padding-left:1.5em; border-bottom:1px dotted #ccc; background:#fff; font-weight:400; font-size:14px}
.artdsc ul li:before, .tab-content ul li:before {font-family: 'FontAwesome'; content: '\f105'; padding:0 5px 0 10px; color: #00a7ff;}  
    
/* VARIANTEN */
span.var {display:inline-block; padding:7px 10px; margin:0 5px 5px 0; background:#3f454d; color:#FFF;}
    
/* BUTTONS */
a.skb {display:block; max-width:250px; height:50px; font-family: 'Open Sans', serif; font-size:20px; font-weight:300; color:#fff; text-align:left; background:#00a7ff; padding:0; line-height:50px; margin:0; text-decoration:none; margin:20px 0}
a.skb:hover i {color:#00a7ff}
a.skb i {font-size:24px; line-height:50px; color:#5d6571; font-weight:normal; margin:0 10px 0 0; padding:0 15px; background:#3f454d;}  
a.beo {font-family: 'Open Sans', serif; display:block; font-size:12px; background:none; margin:0; padding:4px 0; color:#666d77; text-decoration:none}
a.beo:hover {color:#00a7ff;}
a.beo i {padding-right:3px}

.artdsc hr {width:100%; height:1px; background:none; border:none; border-bottom:1px solid #00a7ff; margin:10px 0; padding:0;}

/* TABLE */
.tab-content table {margin:20px 0; cursor: default; font-family: 'Open Sans', serif; color:#3f3f3f; font-size:14px;}
.tab-content table tr {border-bottom:1px solid #ddd;}
.tab-content table tr:nth-child(odd) {background:#f5f5f5;}
.tab-content table tr:last-child {border-bottom:none;}
.tab-content table td {padding:10px;}
.tab-content table td:first-child {font-weight:700; border-right:1px solid #ddd;}
    
/* STYLES */
blockquote {display:block; margin:20px 0; padding:20px; font-family: 'Open Sans', serif; font-size:14px; color:#3f3f3f; background:#f5f5f5; border-left:4px solid #00a7ff;}
code {display:block; margin:20px 0; padding:20px; font-family: 'Open Sans', serif; font-size:14px; color:#fff; background:#353c42; border-left:4px solid #00a7ff;}
mark {font-family: 'Open Sans', serif; font-size:14px; color:#3f3f3f; background:#fff0ce;}
small {font-size:12px; color:#999;}
kbd {font-family: 'Open Sans', serif; font-size:14px; box-shadow:none; font-weight:700; background:#00a7ff;}

/* SHOPKATEGORIEN */
ul.katmenu {margin:0; padding:0; text-align:left; background:#3f454d; border-left:10px solid #00a7ff; display:block}
ul.katmenu li {margin:0; padding:10px; list-style-type:none; font-family: 'Open Sans', serif; font-weight:400; font-size:14px; background:#353c42; border-bottom:1px dotted #3f454d;}
ul.katmenu li a {margin:0; padding:0 5px; color:#bfbfbf; text-decoration:none; font-size:14px;}
ul.katmenu li a:before {font-family: 'FontAwesome'; content: '\f105'; font-size:13px; padding:0 5px 0 0; color: #00a7ff;}
ul.katmenu li a#ukat:before {font-family: 'FontAwesome'; content: '\f105'; font-size:13px; padding:0 5px 0 15px; color: #bcbcbc;}
ul.katmenu li a:hover {color:#00a7ff; background:none}
ul.katmenu li ul {margin:0;}    
ul.katmenu li ul li {margin-left:-35px}    
ul.katmenu li ul li:first-child {margin-top:10px; border-top:1px dotted #3f454d;}       
ul.katmenu li ul li:last-child {border:none; margin-bottom:-10px;}    
    
/* SERVICE */
.service {font-family: 'Open Sans', serif; font-weight:400; margin:0; padding:15px 0; color:#828991; text-align: left; font-size:14px; border-bottom:1px dotted #454e55}  
.service i {float:left; width:43px; height:50px; margin:0 5px 0 10px; padding:0; color:#5f676f; font-size:32px; text-align:center;}
.service i:hover {color:#00a7ff; cursor: default}
.service span {margin:0; padding:0; color:#00a7ff; line-height:14px; display:block} 
    
/* ARTIKELBILDER */
img {max-width:100%; height:auto}
.artikelbilder.galerie {display:inline-block; position:relative; width:100%; height:auto;}   
.artikelbilder.galerie > .anker {display:none;}
.artikelbilder.galerie > ul {position:relative; z-index:1; font-size:0; line-height:0; margin:0 auto; padding:0; height:auto; overflow:hidden; white-space:nowrap;}
.artikelbilder.galerie > ul > .slide.img img {width:100%; height:auto;}
.artikelbilder.galerie > ul > .slide {position:relative; display:inline-block; width:100%; height:auto; overflow:hidden; line-height: normal; white-space: normal; vertical-align:top; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
/* Thumbnails */
.artikelbilder.galerie > .thumb {position:absolute; left:0; width:100%; height:auto; z-index:6; text-align:center;}
.artikelbilder.galerie > .thumb > div {margin-left:-50%; width:100%;}
.artikelbilder.galerie > .thumb > label {position:relative; display:inline-block; cursor:pointer;}
.artikelbilder.galerie > .thumb {bottom:5px; margin-bottom:5px;}
.artikelbilder.galerie > .thumb > label {border-radius:50%; margin:0 5px; padding:9px; background:none;}
.artikelbilder.galerie > .thumb > label > .anker {position:absolute; left:50%; top:50%; margin-left:-2px; margin-top:-2px; background: transparent; border-radius: 50%; padding: 2px;}
.artikelbilder.galerie > .thumb > label:hover > .anker,
.artikelbilder.galerie > #slide1:checked~.thumb > label.pic1>.anker, .artikelbilder.galerie > #slide2:checked~.thumb > label.pic2>.anker,
.artikelbilder.galerie > #slide3:checked~.thumb > label.pic3>.anker, .artikelbilder.galerie > #slide4:checked~.thumb > label.pic4>.anker, 
.artikelbilder.galerie > #slide5:checked~.thumb > label.pic5>.anker, .artikelbilder.galerie > #slide6:checked~.thumb > label.pic6>.anker, 
.artikelbilder.galerie > #slide7:checked~.thumb > label.pic7>.anker, .artikelbilder.galerie > #slide8:checked~.thumb > label.pic8>.anker, 
.artikelbilder.galerie > #slide9:checked~.thumb > label.pic9>.anker, .artikelbilder.galerie > #slide10:checked~.thumb > label.pic10>.anker, 
.artikelbilder.galerie > #slide11:checked~.thumb > label.pic11>.anker, .artikelbilder.galerie > #slide12:checked~.thumb > label.pic12>.anker, 
.artikelbilder.galerie > #slide13:checked~.thumb > label.pic13>.anker, .artikelbilder.galerie > #slide14:checked~.thumb > label.pic14>.anker, 
.artikelbilder.galerie > #slide15:checked~.thumb > label.pic15>.anker, .artikelbilder.galerie > #slide16:checked~.thumb > label.pic16>.anker {background:none;}
.artikelbilder.galerie {height: auto; max-height: auto; margin-bottom:0; text-align: center;}
.artikelbilder.galerie img {border-radius: 3px;}
.artikelbilder.galerie .thumb {position:relative; width: 100%; text-align: left; margin-top: 10px;}
.artikelbilder.galerie > .thumb > label {box-sizing: border-box; border-radius: none; margin: 0 auto; padding:5px; background: none; text-align: center;}
.artikelbilder.galerie > .thumb > label img {margin:0 auto; max-height:115px; width:auto; border:2px solid #ddd}
.artikelbilder.galerie > #slide1:checked~.thumb > label.pic1> img, .artikelbilder.galerie > #slide2:checked~.thumb > label.pic2> img,
.artikelbilder.galerie > #slide3:checked~.thumb > label.pic3> img, .artikelbilder.galerie > #slide4:checked~.thumb > label.pic4> img, 
.artikelbilder.galerie > #slide5:checked~.thumb > label.pic5> img, .artikelbilder.galerie > #slide6:checked~.thumb > label.pic6> img, 
.artikelbilder.galerie > #slide7:checked~.thumb > label.pic7> img, .artikelbilder.galerie > #slide8:checked~.thumb > label.pic8> img, 
.artikelbilder.galerie > #slide9:checked~.thumb > label.pic9> img, .artikelbilder.galerie > #slide10:checked~.thumb > label.pic10> img, 
.artikelbilder.galerie > #slide11:checked~.thumb > label.pic11> img, .artikelbilder.galerie > #slide12:checked~.thumb > label.pic12> img {border:2px solid #00a7ff;}
.artikelbilder.galerie > ul > .slide.img img {width: auto; max-width: 100%; max-height: 100%; margin:0 auto;}
.artikelbilder.galerie > ul > .slide {text-align:center;}
.artikelbilder.galerie img {box-shadow: none; width:100%; height:auto; max-width:100%;}
/* Original-Bild */ 
.artikelbilder.galerie > #slide1:checked~ul > .slide.pic1, .artikelbilder.galerie > #slide2:checked~ul > .slide.pic2,
.artikelbilder.galerie > #slide3:checked~ul > .slide.pic3, .artikelbilder.galerie > #slide4:checked~ul > .slide.pic4, 
.artikelbilder.galerie > #slide5:checked~ul > .slide.pic5, .artikelbilder.galerie > #slide6:checked~ul > .slide.pic6, 
.artikelbilder.galerie > #slide7:checked~ul > .slide.pic7, .artikelbilder.galerie > #slide8:checked~ul > .slide.pic8, 
.artikelbilder.galerie > #slide9:checked~ul > .slide.pic9, .artikelbilder.galerie > #slide10:checked~ul > .slide.pic10, 
.artikelbilder.galerie > #slide11:checked~ul > .slide.pic11, .artikelbilder.galerie > #slide12:checked~ul > .slide.pic12, 
.artikelbilder.galerie > #slide13:checked~ul > .slide.pic13, .artikelbilder.galerie > #slide14:checked~ul > .slide.pic14, 
.artikelbilder.galerie > #slide15:checked~ul > .slide.pic15, .artikelbilder.galerie > #slide16:checked~ul > .slide.pic16 {opacity:1; z-index:2;}
/* Animations */
.artikelbilder.galerie > ul > .slide {display:inline-block; position:absolute; left: 0; top: 0; opacity: 0; z-index: 1; -webkit-transition: opacity 1250ms ease; transition: opacity 1250ms ease; -webkit-transform: rotate(0deg); transform: rotate(0deg);}
@-webkit-keyframes fade {
0%, 37.254901960784316%, 100% {opacity: 0;}
12.254901960784315%,25% {opacity: 1;}
0%,24.999% {z-index: 2;}
25.001%,100% {z-index: 1;}
}   
@keyframes fade {
0%, 37.254901960784316%, 100% {opacity: 0;}
12.254901960784315%,25% {opacity: 1;}
0%,24.999% {z-index: 2;}
25.001%,100% {z-index: 1;}
}
/* Größe */
.artikelbilder.galerie {max-width:425px;}
.artikelbilder.galerie > ul {height:425px;}
.artikelbilder.galerie > ul > .slide.img img {max-height:425px; width:auto; margin:0 auto;}
.artikelbilder.galerie > .thumb > label img {max-height:95px; width:auto; margin:0 auto;}
@media (min-width:992px) and (max-width: 1200px) {
.artikelbilder.galerie {max-width:350px;}
.artikelbilder.galerie > ul {height:350px;}
.artikelbilder.galerie > ul > .slide.img img {max-height:350px; width:auto; margin:0 auto;}
.artikelbilder.galerie > .thumb > label img {max-height:75px; width:auto; margin:0 auto;}
}   
@media (max-width: 768px) { 
.artikelbilder.galerie {max-width:270px;}
.artikelbilder.galerie > ul {height:270px;}
.artikelbilder.galerie > ul > .slide.img img {max-height:270px; width:auto; margin:0 auto;}
.artikelbilder.galerie > .thumb > label img {max-height:55px; width:auto; margin:0 auto;}
} 
    
/* TABS */
.tabs {margin:10px 0 30px 0; padding:0; background:#3f454d}
.tabs input[type=radio] {display:none}
.tabs label {display:block; float:left; font-family: 'Open Sans', serif; color:#fff; font-size:14px; font-weight:700; text-decoration: none; text-align:center; cursor:pointer; background:#3f454d; padding:20px 30px; margin:0}
.tabs label span {display:inline-block}
.tabs label:hover {background:#353c42}
.tab-content {display:none; width:100%; float:left; padding:15px 0; box-sizing:border-box; background:#fff; border-top:5px solid #00a7ff; margin-top:-5px;}
.tab-content h1 {font-family: 'Open Sans', serif; color:#555; background:none; border:none; font-size:20px; font-weight:700; border-bottom:1px dotted #ddd; margin:0 0 10px 0; padding:10px 0}
.tab-content h2 {font-family: 'Open Sans', serif; color:#555; background:none; border:none; font-size:18px; font-weight:700; border-bottom:1px dotted #ddd; margin:0 0 10px 0; padding:10px 0}
.tab-content h3 {font-family: 'Open Sans', serif; color:#555; background:none; border:none; font-size:16px; font-weight:700; border-bottom:1px dotted #ddd; margin:0 0 10px 0; padding:10px 0}
.tab-content h4 {font-family: 'Open Sans', serif; color:#555; background:none; border:none; font-size:14px; font-weight:700; border-bottom:1px dotted #ddd; margin:0 0 10px 0; padding:10px 0}
.tab-content h5 {font-family: 'Open Sans', serif; color:#00a7ff; background:none; border:none; font-size:18px; font-weight:700; margin:0 0 10px 0; padding:10px 0}
.tab-content h6 {font-family: 'Open Sans', serif; color:#00a7ff; background:none; border:none; font-size:14px; font-weight:700; margin:0 0 10px 0; padding:10px 0}
.tabs [id^="tab"]:checked + label {background:#00a7ff; color:#353c42}
#tab1:checked ~ #tab-content1,#tab2:checked ~ #tab-content2,#tab3:checked ~ #tab-content3,#tab4:checked ~ #tab-content4 {display:block}
.tabs:after {content:''; display:table; clear:both}
    
/* CROSS-SELLING */    
.xsell {margin:10px 0; padding:10px 0; text-align:center;}
.xsell a img {border:none; margin:0 auto; padding:0}
.xsell a {text-decoration:none; border:none; color:inherit;}
.xsell h1 {font-family: 'Open Sans', serif; font-size:14px; font-weight: normal; line-height:24px; margin:0; padding:5px 0; color:#fff; border:0; border-bottom: 5px solid #00a7ff; background:#353c42; text-align:center; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
.xsell h2 {margin:0; padding:5px; font-family: 'Open Sans', serif; font-size: 14px; color:#353c42; background:none; font-weight: normal; line-height: 20px} 
    
/* FOOTER */
.footer {background:#353c42; margin-top:15px; padding-bottom:20px; border-top:5px solid #00a7ff}
.footfix h1 {font-family: 'Open Sans', serif; font-weight:400; font-size:20px; color:#00a7ff; text-align: center; margin:0 0 10px 0; margin-top:15px; padding:10px; border-bottom:3px solid #2f353b}
.footfix ul.katmenu {border:none; margin:0 20px}
.footfix ul.katmenu li {padding:5px 0; text-align: center}
.footfix ul.katmenu li a {color:#6c7480}
.footfix ul.katmenu li a:hover {color:#00a7ff}
.footfix p {font-family: 'Open Sans', serif; font-weight:400; font-size:14px; color:#6c7480;}
.footfix {padding:0 40px}
.footfix a {color:#00a7ff}
.footfix i {color:#00a7ff}
a.nws i {color:#00a7ff; font-size:16px; padding-right:15px}
a.nws {margin:15px 0; display:block; background:#2f353b; padding:8px 0; font-size:14px; font-family: 'Palanquin Dark', sans-serif; font-weight: 400; color:#6c7480!important; text-decoration:none; text-align:center;}
a.nws:hover {background:#2b3034}
    
/* ANIMATION */
.str {display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0); transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color;  transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.str:before {content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #5d6571; -webkit-transform: scaleX(0);  transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.str:hover, .str:focus, .str:active {color:white;}
.str:hover:before, .str:focus:before, .str:active:before {-webkit-transform: scaleX(1); transform: scaleX(1);}
    
/* MEDIA QUERY */  

@media (min-width:992px) and (max-width: 1200px) {
    .suchfeld {width:170px; font-size:13px}
    .sidebar {max-width:220px}
    a.buys {font-size:10px}
    .artdsc {margin:0; padding-right:0; padding-left:10px}
    .footfix {margin:0; padding:0 15px}
    }    
    
@media (min-width:768px) and (max-width: 992px) {
    .container, .maincontent {padding:0}
    .sidebar {max-width:100%}
    }
    
@media (max-width: 768px) { 
    .logo {margin:0 0 15px 0; padding:20px 10px;}
    .logo h1 {font-size:30px!important}
    .logo h2 {font-size:11px}
    .artdsc {padding-top:0}
    .artdsc h4 {font-size:26px}
    .buysinfo a {padding-left:25px; margin-top:10px}
    .container, .maincontent {padding:0}
    .footfix {padding-bottom:10px}
    .content, .row {padding:0; margin:0}
    ul.resmenu li {text-align: center}
    .sidebar {max-width:100%}
    .xsell div {padding-bottom:10px}
    .xsell a img {margin:10px auto 0 auto}
    .xsell a h1 {margin:0}
    .tabs label {width:100%}
    .tabs label span {display:inline-block}
    }