/* CSS Stylesheet - Teileblitz eBay Shop & ProductPage - ©2023 */

/* Bootstrap */
@import url(https://www.teileblitz.de/ebay/template/css/bootstrap.min.css);

/* ICON Resources*/
@import url(https://www.teileblitz.de/ebay/template/css/fontawesome.min.css);
@import url(https://www.teileblitz.de/ebay/template/css/duotone.min.css); 

/* Fonts*/
/* BebasNeue */
@font-face{font-family:'BebasNeue';src:url("https://www.teileblitz.de/ebay/template/fonts/BebasNeue/bebasneue_regular-webfont.eot"),
    url("https://www.teileblitz.de/ebay/template/fonts/BebasNeue/bebasneue_regular-webfont.eot?#iefix") format("embedded-opentype"),
    url("https://www.teileblitz.de/ebay/template/fonts/BebasNeue/bebasneue_regular-webfont.svg#bebas_neue_regularregular") format("svg"),
    url("https://www.teileblitz.de/ebay/template/fonts/BebasNeue/bebasneue_regular-webfont.woff") format("woff"),
    url("https://www.teileblitz.de/ebay/template/fonts/BebasNeue/bebasneue_regular-webfont.ttf") format("truetype");font-weight:normal;font-style:normal}

@font-face{font-family:'BebasNeue';src:url("https://www.teileblitz.de/ebay/template/fonts/BebasNeue/bebasneue_bold-webfont.eot"),
    url("https://www.teileblitz.de/ebay/template/fonts/BebasNeue/bebasneue_bold-webfont.eot?#iefix") format("embedded-opentype"),
    url("https://www.teileblitz.de/ebay/template/fonts/BebasNeue/bebasneue_bold-webfont.svg#bebas_neuebold") format("svg")
    url("https://www.teileblitz.de/ebay/template/fonts/BebasNeue/bebasneue_bold-webfont.woff") format("woff"),
    url("https://www.teileblitz.de/ebay/template/fonts/BebasNeue/bebasneue_bold-webfont.ttf") format("truetype");font-weight:bold;font-style:normal}   

/* Open Sans */
@font-face {
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url('https://www.teileblitz.de/ebay/template/fonts/OpenSans/opensans.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

/* General Styles */
h1 {font-size: 30px; font-family: BebasNeue; font-weight: bold; color: #0c1e30; margin-left: 15px;}
h2 {font-size: large; font-family: OpenSans;}
h3 {font-size: medium; font-family: OpenSans; font-weight: bold; color: #0c1e30; padding-bottom:4px; border-bottom: 2px solid #ff4000; display: table;}
h4 {font-size: small; font-family: OpenSans; font-weight: bold; color: #0c1e30;}

/* Content Container */
.container {font-family: OpenSans; font-size: small;}



/* Banner */
.banner {
	height: 180px;
	background-image: url("https://www.teileblitz.de/ebay/template/pictures/banner_background.jpg");
	margin:20px 0px 20px 0px;
    border-bottom: 2px solid #ff4000;
}

/* Topbar with informations */
.topbar {
	background: rgba(12, 30, 48, 0.80);
	border-bottom: 1px solid rgba(255, 255, 255, 0.080);
	height:30px;
	padding: 5px 5px 5px 15px;
	font-size:12px;
	font-weight: lighter;
	font-style: normal;
	color:#FFF;
}

.assignment {float:left; margin-left:5px;}

.impressum {float: right;}
.impressum a {margin:0px 10px 0 10px; color:#FFF; text-decoration: none;}
.impressum a:before {content: "\f30f"; font-family: "Font Awesome 6 Pro"; display: inline-block; margin-left: -1.3em; width: 1.3em;}

/* Company Logo */
.logo {display: block; margin-top: 40px; margin-left: auto; margin-right: auto;}



/* Article Picture Gallery */
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; max-width: 500px; padding: 0px 0px 0px 50px}
.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 #ff4000;}
.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 Pictures */ 
.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;}
}

/* Gallery Sizes */
.artikelbilder.galerie {max-width:1000px;}
.artikelbilder.galerie > ul {height:560px;}
.artikelbilder.galerie > ul > .slide.img img {max-height:560px; width:auto; margin:0 auto;}
.artikelbilder.galerie > .thumb > label img {max-height:110px; width:auto; margin:0 auto;}
@media (min-width:992px) and (max-width: 1200px) {
.artikelbilder.galerie {max-width:500px;}
.artikelbilder.galerie > ul {height:560px;}
.artikelbilder.galerie > ul > .slide.img img {max-height:800px; width:auto; margin:0 auto;}
.artikelbilder.galerie > .thumb > label img {max-height:85px; width:auto; margin:0 auto;}
}   
@media (min-width:768px) and (max-width: 992px) {
.artikelbilder.galerie {max-width:500px;}
.artikelbilder.galerie > ul {height:560px;}
.artikelbilder.galerie > ul > .slide.img img {max-height:800px; width:auto; margin:0 auto;}
.artikelbilder.galerie > .thumb > label img {max-height:110px; width:auto; margin:0 auto;}
}
@media (max-width: 768px) { 
.artikelbilder.galerie {max-width:300px;}
.artikelbilder.galerie > ul {height:300px;}
.artikelbilder.galerie > ul > .slide.img img {max-height:300px; width:auto; margin:0 auto;}
.artikelbilder.galerie > .thumb > label img {max-height:65px; width:auto; margin:0 auto;}
} 



/* Short Description */
.shortdesc {max-width:300px; padding: 40px 0px 10px 50px; line-height: 30px; text-align: left;}
.shortdesc > ul {list-style-type:none; padding: 0;}
.shortdesc > ul li {text-align:left; padding: 5px; padding-left: 1.3em; font-size: medium; border-bottom: 1px dotted #ddd;}
.shortdesc > ul li:before {content: "\f0e7"; font-family: "Font Awesome 6 Pro"; display: inline-block; margin-left: -1.3em; width: 1.3em; color: #ff4000;}
.shortdesc {max-width:500px;}

/* Description */
.description {text-align: justify; padding: 0px 0px 0px 15px;}

/* Advertising */
.advertising {text-align: justify; padding: 40px 0px 0px 10px;}

/* Important Note */
.important {background-color: #ff4000; text-align:center; color:white; padding:30px 0px 20px 0px; border: 1px solid #0c1e30;}

/* Mandatory Note */
.mandatory {background-color: #ff4000; text-align:center; color:white; padding:20px 0px 20px 0px; border: 1px solid #0c1e30;}
.mandatory > span {font-size: large;}



/* Footer */
#footer {margin:10px 0px 0px 0px;}
.footer {margin:20px 0px 20px 0px; padding: 10px 5px 10px 5px;}

/* Contact */
.contact > .btn {margin-top: 10px; background-color: #0c1e30;}

/* Follow */
.abonnieren > .btn {margin-top: 10px; background-color: #0c1e30;}

/* Image Rights */
.bildrechte {border: 1px solid #ff4000; padding: 5px;}
.bildrechte > p {text-align: justify; font-size: 10px; margin-top: 10px;}