B-Ware Mokebo Kindersessel Sitzsack Kinder Lesesessel Kindersitzsack Grün Outdoor B-Ware

Produktbeschreibung

B-Ware Mokebo Kindersessel Sitzsack Kinder Lesesessel Kindersitzsack Grün Outdoor B-Ware. {%products.lister_name%} Bei unseren Artikeln handelt es sich um Retourenwaren aus dem Großhandel oder Kundenretouren. Jeder Artikel wird bei uns auf seinen optischen und funktionellen Zustand geprüft: {%products.conditions.name%} {%products.condition_text%} {%products.condition_functionals.name%} {%products.condition_opticals.name%} {%products.condition_packaging.name%} Bitte beachte: nach erfolgter Zahlung sind Stornierungen und Adressänderungen leider nicht mehr möglich. Der Umwelt zuliebe vermeiden wir zusätzliche Umverpackungen und verwenden recyceltes Füllmaterial Produktbeschreibung {%products.description%} Deine Vorteile bei Second Circle Kompetenz Wir sind ein langjähriger erfahrener Verkäufer und können Dir eine sichere, schnelle und unkomplizierte Zahlungs- und Lieferungsabwicklung garantieren. Preiswert Durch unsere stetigen Optimierungen, können wir Dir immer einen optimalen Preis für unsere Artikel anbieten. Kundennähe Unser geschultes Personal hilft Dir bei Fragen werktags innerhalb von 48 Stunden. Transparenz Unsere Produktbeschreibungen sowie ggf. Bilder zeigen Dir den genauen Zustand des Produktes. Gib Retouren eine zweite Chance - Unterstütze unsere Umwelt und deinen Geldbeutel outlet4minis https://stores.ebay.de/second-circle #ff9933 flatauction 260 /*** VIDEO STYLING (OBJECTS) ***/ .videoWrapperContainer { width: 70%; margin: 0 auto; } .videoWrapper { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } .videoWrapper object, .videoWrapper embed { position: absolute; margin: 20px auto 0 auto; top: 0; left: 0; width: 100%; height: 100%; } /** WRAPPER CONTAINS TEMPLATE **/ #wrapper { margin: 0 auto; padding: 50px 20px 0 20px; max-width: 1390px; font-family: 'Roboto', sans-serif; } /** CLEARER DISABLES FLOAT FOR THE FOLLOWING ELEMENTS **/ .clearer { clear: both; } /** HEADER CONTAINS LOGO & NAVIGATION **/ .header { margin-bottom: 20px; } .header a, .header a:visited { color: #fff; text-decoration: none; } .logoContainer { margin-left: 40px; } .logoContainer img { max-width: 280px; max-height: 180px; } .navigationContainer { display: block; margin-top: 25px; height: 50px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; background-color: #D2D4C8; } .navigationContainer ul { margin: 0; padding: 0 0 0 20px; line-height: 50px; } .navigationContainer ul li { display: inline-block; margin-left: 40px; color: #fff; text-transform: uppercase; font-weight: 400; font-size: 16px; } .navigationContainer ul li:hover, .navigationContainer ul li a:hover { cursor: pointer; text-decoration: underline; } a:link { text-decoration: green; } a:visited { text-decoration: none; } a:hover { text-decoration: underline; } a:active { text-decoration: underline; } /**Gallery CSS**/ .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(6):target ~ .controls .control-button:nth-of-type(6), .gallery .control-operator:nth-of-type(7):target ~ .controls .control-button:nth-of-type(7), .gallery .control-operator:nth-of-type(8):target ~ .controls .control-button:nth-of-type(8), .gallery .control-operator:nth-of-type(9):target ~ .controls .control-button:nth-of-type(9), .gallery .control-operator:nth-of-type(10):target ~ .controls .control-button:nth-of-type(10), .gallery .control-operator:nth-of-type(11):target ~ .controls .control-button:nth-of-type(11), .gallery .control-operator:nth-of-type(12):target ~ .controls .control-button:nth-of-type(12) { color: white; color: rgba(255, 255, 255, 0.8); } .gallery .item { position: absolute; top: 0; left: 0; width: 100%; pointer-events: none; opacity: 0; -webkit-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s; } .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; } @-webkit-keyframes controlAnimation-2 { 0% { color: #ccc; color: rgba(255, 255, 255, 0.4); } 14.3%, 50% { color: white; color: rgba(255, 255, 255, 0.8); } 64.3%, 100% { color: #ccc; color: rgba(255, 255, 255, 0.4); } } @-o-keyframes controlAnimation-2 { 0% { color: #ccc; color: rgba(255, 255, 255, 0.4); } 14.3%, 50% { color: white; color: rgba(255, 255, 255, 0.8); } 64.3%, 100% { color: #ccc; color: rgba(255, 255, 255, 0.4); } } @keyframes controlAnimation-2 { 0% { color: #ccc; color: rgba(255, 255, 255, 0.4); } 14.3%, 50% { color: white; color: rgba(255, 255, 255, 0.8); } 64.3%, 100% { color: #ccc; color: rgba(255, 255, 255, 0.4); } } @-webkit-keyframes galleryAnimation-2 { 0% { opacity: 0; } 14.3%, 50% { opacity: 1; } 64.3%, 100% { opacity: 0; } } @-o-keyframes galleryAnimation-2 { 0% { opacity: 0; } 14.3%, 50% { opacity: 1; } 64.3%, 100% { opacity: 0; } } @keyframes galleryAnimation-2 { 0% { opacity: 0; } 14.3%, 50% { opacity: 1; } 64.3%, 100% { opacity: 0; } } .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; } .items-2.autoplay .control-button { -webkit-animation: controlAnimation-2 14s infinite; -o-animation: controlAnimation-2 14s infinite; animation: controlAnimation-2 14s infinite; } .items-2.autoplay .item { -webkit-animation: galleryAnimation-2 14s infinite; -o-animation: galleryAnimation-2 14s infinite; animation: galleryAnimation-2 14s infinite; } .items-2 .control-button:nth-of-type(1), .items-2 .item:nth-of-type(1) { -webkit-animation-delay: -2s; -o-animation-delay: -2s; animation-delay: -2s; } .items-2 .control-button:nth-of-type(2), .items-2 .item:nth-of-type(2) { -webkit-animation-delay: 5s; -o-animation-delay: 5s; animation-delay: 5s; } @-webkit-keyframes controlAnimation-3 { 0% { color: #ccc; color: rgba(255, 255, 255, 0.4); } 9.5%, 33.3% { color: white; color: rgba(255, 255, 255, 0.8); } 42.9%, 100% { color: #ccc; color: rgba(255, 255, 255, 0.4); } } @-o-keyframes controlAnimation-3 { 0% { color: #ccc; color: rgba(255, 255, 255, 0.4); } 9.5%, 33.3% { color: white; color: rgba(255, 255, 255, 0.8); } 42.9%, 100% { color: #ccc; color: rgba(255, 255, 255, 0.4); } } @keyframes controlAnimation-3 { 0% { color: #ccc; color: rgba(255, 255, 255, 0.4); } 9.5%, 33.3% { color: white; color: rgba(255, 255, 255, 0.8); } 42.9%, 100% { color: #ccc; color: rgba(255, 255, 255, 0.4); } } @-webkit-keyframes galleryAnimation-3 { 0% { opacity: 0; } 9.5%, 33.3% { opacity: 1; } 42.9%, 100% { opacity: 0; } } @-o-keyframes galleryAnimation-3 { 0% { opacity: 0; } 9.5%, 33.3% { opacity: 1; } 42.9%, 100% { opacity: 0; } } @keyframes galleryAnimation-3 { 0% { opacity: 0; } 9.5%, 33.3% { opacity: 1; } 42.9%, 100% { opacity: 0; } } .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; } .items-3.autoplay .control-button { -webkit-animation: controlAnimation-3 21s infinite; -o-animation: controlAnimation-3 21s infinite; animation: controlAnimation-3 21s infinite; } .items-3.autoplay .item { -webkit-animation: galleryAnimation-3 21s infinite; -o-animation: galleryAnimation-3 21s infinite; animation: galleryAnimation-3 21s infinite; } .items-3 .control-button:nth-of-type(1), .items-3 .item:nth-of-type(1) { -webkit-animation-delay: -2s; -o-animation-delay: -2s; animation-delay: -2s; } .items-3 .control-button:nth-of-type(2), .items-3 .item:nth-of-type(2) { -webkit-animation-delay: 5s; -o-animation-delay: 5s; animation-delay: 5s; } .items-3 .control-button:nth-of-type(3), .items-3 .item:nth-of-type(3) { -webkit-animation-delay: 12s; -o-animation-delay: 12s; animation-delay: 12s; } @-webkit-keyframes controlAnimation-4 { 0% { color: #ccc; color: rgba(255, 255, 255, 0.4); } 7.1%, 25% { color: white; color: rgba(255, 255, 255, 0.8); } 32.1%, 100% { color: #ccc; color: rgba(255, 255, 255, 0.4); } } @-o-keyframes controlAnimation-4 { 0% { color: #ccc; color: rgba(255, 255, 255, 0.4); } 7.1%, 25% { color: white; color: rgba(255, 255, 255, 0.8); } 32.1%, 100% { color: #ccc; color: rgba(255, 255, 255, 0.4); } } @keyframes controlAnimation-4 { 0% { color: #ccc; color: rgba(255, 255, 255, 0.4); } 7.1%, 25% { color: white; color: rgba(255, 255, 255, 0.8); } 32.1%, 100% { color: #ccc; color: rgba(255, 255, 255, 0.4); } } @-webkit-keyframes galleryAnimation-4 { 0% { opacity: 0; } 7.1%, 25% { opacity: 1; } 32.1%, 100% { opacity: 0; } } @-o-keyframes galleryAnimation-4 { 0% { opacity: 0; } 7.1%, 25% { opacity: 1; } 32.1%, 100% { opacity: 0; } } @keyframes galleryAnimation-4 { 0% { opacity: 0; } 7.1%, 25% { opacity: 1; } 32.1%, 100% { opacity: 0; } } .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-operator:nth-of-type(7):target ~ .item:nth-of-type(7) { pointer-events: auto; opacity: 1; } .gallery .control-operator:nth-of-type(8):target ~ .item:nth-of-type(8) { pointer-events: auto; opacity: 1; } .gallery .control-operator:nth-of-type(9):target ~ .item:nth-of-type(9) { pointer-events: auto; opacity: 1; } .gallery .control-operator:nth-of-type(10):target ~ .item:nth-of-type(10) { pointer-events: auto; opacity: 1; } .gallery .control-operator:nth-of-type(11):target ~ .item:nth-of-type(11) { pointer-events: auto; opacity: 1; } .gallery .control-operator:nth-of-type(12):target ~ .item:nth-of-type(12) { pointer-events: auto; opacity: 1; } .items-4.autoplay .control-button { -webkit-animation: controlAnimation-4 28s infinite; -o-animation: controlAnimation-4 28s infinite; animation: controlAnimation-4 28s infinite; } .items-4.autoplay .item { -webkit-animation: galleryAnimation-4 28s infinite; -o-animation: galleryAnimation-4 28s infinite; animation: galleryAnimation-4 28s infinite; } .items-4 .control-button:nth-of-type(1), .items-4 .item:nth-of-type(1) { -webkit-animation-delay: -2s; -o-animation-delay: -2s; animation-delay: -2s; } .items-4 .control-button:nth-of-type(2), .items-4 .item:nth-of-type(2) { -webkit-animation-delay: 5s; -o-animation-delay: 5s; animation-delay: 5s; } .items-4 .control-button:nth-of-type(3), .items-4 .item:nth-of-type(3) { -webkit-animation-delay: 12s; -o-animation-delay: 12s; animation-delay: 12s; } .items-4 .control-button:nth-of-type(4), .items-4 .item:nth-of-type(4) { -webkit-animation-delay: 19s; -o-animation-delay: 19s; animation-delay: 19s; } .items-4 .control-button:nth-of-type(5), .items-4 .item:nth-of-type(5) { -webkit-animation-delay: 19s; -o-animation-delay: 19s; animation-delay: 19s; } @-webkit-keyframes controlAnimation-5 { 0% { color: #ccc; color: rgba(255, 255, 255, 0.4); } 5.7%, 20% { color: white; color: rgba(255, 255, 255, 0.8); } 25.7%, 100% { color: #ccc; color: rgba(255, 255, 255, 0.4); } } @-o-keyframes controlAnimation-5 { 0% { color: #ccc; color: rgba(255, 255, 255, 0.4); } 5.7%, 20% { color: white; color: rgba(255, 255, 255, 0.8); } 25.7%, 100% { color: #ccc; color: rgba(255, 255, 255, 0.4); } } @keyframes controlAnimation-5 { 0% { color: #ccc; color: rgba(255, 255, 255, 0.4); } 5.7%, 20% { color: white; color: rgba(255, 255, 255, 0.8); } 25.7%, 100% { color: #ccc; color: rgba(255, 255, 255, 0.4); } } @-webkit-keyframes galleryAnimation-5 { 0% { opacity: 0; } 5.7%, 20% { opacity: 1; } 25.7%, 100% { opacity: 0; } } @-o-keyframes galleryAnimation-5 { 0% { opacity: 0; } 5.7%, 20% { opacity: 1; } 25.7%, 100% { opacity: 0; } } @keyframes galleryAnimation-5 { 0% { opacity: 0; } 5.7%, 20% { opacity: 1; } 25.7%, 100% { opacity: 0; } } .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; } .items-5.autoplay .control-button { -webkit-animation: controlAnimation-5 35s infinite; -o-animation: controlAnimation-5 35s infinite; animation: controlAnimation-5 35s infinite; } .items-5.autoplay .item { -webkit-animation: galleryAnimation-5 35s infinite; -o-animation: galleryAnimation-5 35s infinite; animation: galleryAnimation-5 35s infinite; } .items-5 .control-button:nth-of-type(1), .items-5 .item:nth-of-type(1) { -webkit-animation-delay: -2s; -o-animation-delay: -2s; animation-delay: -2s; } .items-5 .control-button:nth-of-type(2), .items-5 .item:nth-of-type(2) { -webkit-animation-delay: 5s; -o-animation-delay: 5s; animation-delay: 5s; } .items-5 .control-button:nth-of-type(3), .items-5 .item:nth-of-type(3) { -webkit-animation-delay: 12s; -o-animation-delay: 12s; animation-delay: 12s; } .items-5 .control-button:nth-of-type(4), .items-5 .item:nth-of-type(4) { -webkit-animation-delay: 19s; -o-animation-delay: 19s; animation-delay: 19s; } .items-5 .control-button:nth-of-type(5), .items-5 .item:nth-of-type(5) { -webkit-animation-delay: 26s; -o-animation-delay: 26s; animation-delay: 26s; } .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); } .gallery { position: relative; } .gallery .item { overflow: hidden; text-align: center; } .gallery .controls { width: 100%; } .gallery .control-button { display: inline-block; margin: 0 .02em; font-size: 3em; text-align: center; text-decoration: none; -webkit-transition: color .1s; -o-transition: color .1s; transition: color .1s; } .gallery .item:first-of-type { position: relative; pointer-events: auto; opacity: 1; } .gallery { width: 43%; margin-right: 2%; float: left; } .bigPic { position: relative; width: 100%; height: 630px; text-align: center; margin: 0; background-color: #fff; } .bigPic img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 100%; max-height: 100%; } .galleryNav { padding-top: 15px; padding-left: 0; text-align: left; } .galleryThumb { position: relative; display: inline-block; margin-right: 1%; margin-left: -4px; width: 24.23%; height: 100px; text-align: center; margin-bottom: 5px; } .galleryThumb:hover, .galleryThumb:visited, .galleryThumb:link{ text-decoration: none; } .galleryThumb:nth-child(1), .galleryThumb:nth-child(5) { margin-left: 0; } .galleryThumb:nth-child(4n) { margin-right: 0; } .galleryThumb:last-child { margin-right: 0; } .galleryThumb:hover { opacity: 0.7; cursor: pointer; transition: all 0.2s; } .galleryThumb img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 100%; max-height: 100%; } .midColumn { float: right; max-width: 600px; } .midColumn h1 { color: #333; font-weight: 400; font-size: 20px; margin-bottom: 30px; margin-top: 0px } .underline { margin: 15px 0; border-bottom: 1px solid #ddd; background-color: #666; } .shortdescription { float: left; } .shortdescription p, .shortdescription ul, .shortdescription li { color: #666; font-size: 16px; line-height: 1.5; margin: 0; } .kontaktdaten { color: #666; font-size: 16px; line-height: 1.5; margin: 5; } #variationContainer { margin: 20px 0 0 0; padding-bottom: 45px; padding-left: 0px; width: 345px; font-family: 'Roboto', sans-serif; } #variationContainer h5 { margin-top: 25px; margin-bottom: 10px; font-weight: 400; font-size: 14px; } .varList1 { margin: 0; padding: 0; list-style: none; } .varList1 li { display: inline-block; margin-right: 5px; margin-bottom: 5px; padding: 5px 10px; border: 1px solid #333; color: #333; font-size: 12px; } .varList1 li:hover { background-color: #000; color: #fff; cursor: default; } .varList2 { margin: 0; padding: 0; list-style: none; } .varList2 li { display: inline-block; margin-right: 5px; margin-bottom: 5px; padding: 5px 10px; border: 1px solid #333; color: #333; font-size: 12px; } .varList2 li:hover { background-color: #000; color: #fff; cursor: default; } .priceTagBox { padding: 25px 0 0 20px; width: 380px; height: 115px; border-radius: 5px; background-color: #22313F; position: relative; } .priceTagBox h2 { display: inline-block; margin: 0; padding: 0; color: #fff; font-weight: 400; } .priceTagBox h3 { margin: 0 0 0 2px; padding: 0; color: #fff; font-weight: 400; font-size: 14px; position: absolute; left: 80px; } .priceTagBox h4 { margin: 20px 0 0 0; padding-top: 15px; color: #fff; font-weight: 400; font-size: 14px; } .priceTagBox h4 img { margin: 0 5px 0 4px; width: 12px; height: 12px; } #askNowButton { display: inline-block; float: right; margin-top: 2px; margin-right: 20px; width: 185px; height: 35px; border-radius: 3px; background-color: #ff9933; text-decoration: none; cursor: pointer; transition: all 0.1s; } #askNowButton p { font-size: 14px; position: relative; margin: 0; line-height: 35px; color: #fff; text-transform: uppercase; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); font-size: 14px; left: -4px; } #askNowButton i { position: relative; top: 8px; left: -30px; float: left; color: #ffffff; font-size: 22px; } #askNowButton .innerbox { height: 35px; } .innerbox { float: left; width: 40px; height: 37px; border-radius: 3px 0px 0px 3px; background-color: #fff; opacity: 0.2; } .uiButton { display: block; float: left; margin: 10px 10px 0 0; width: 195px; height: 37px; border-radius: 3px; background-color: #2C3E50; box-shadow: 0px 3px 0px #22313F; text-decoration: none; cursor: pointer; transition: all 0.1s; } .uiButton:hover { background-color: #ff9933; box-shadow: 0px 3px 0px #ff9933; transition: all 0.1s; } .uiButton a, .uiButton a:hover, .uiButton a:visited { text-decoration: none; } .uiButton i { position: relative; top: 8px; left: -30px; float: left; color: #ffffff; font-size: 22px; } .uiButton p { position: relative; margin: 0; line-height: 40px; color: #fff; text-transform: uppercase; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); font-size: 14px; } #askNowButton i { position: relative; top: 5px; left: -32px; font-size: 24px; } .rightColumn { float: right; padding-left: 20px; width: 250px; border-left: 1px solid #ebebeb; } .rightColumn ul { padding-left: 0; } .rightColumn .circle { float: left; margin-right: 10px; width: 40px; height: 40px; border-radius: 100%; background-color: #ff9933; text-align: center; } .rightColumn .circle i { color: #ffffff; font-size: 18px; line-height: 40px; } .brandContainer { margin: 0px 0 20px 0; padding-bottom: 20px; border-bottom: 1px solid #ebebeb; text-align: center; } .brandContainer img { max-width: 150px; max-height: 74px; } .brandContainer span { margin-top: 12px; font-size: 14px; } .trustViewDescription { clear: both; margin-bottom: 15px; font-size: 14px; /** height & overflow only allow two lines **/ height: 40px; overflow: hidden; } .trustViewDescription a { color: #ff9933; text-decoration: none; transition: all 0.1s; } .trustViewDescription p { margin: 0; padding: 0; line-height: 20px; } .tabBar { padding-bottom: 50px; margin-top: 20px; } #tab2, #tab3, #tab4, #tab5, #tab6 { display: none; } .tabBar input[type=radio] { visibility: hidden; margin: 0; padding: 0; height: 0; width: 0; position: absolute; } .tablinks { display: inline-block; margin-left: -4px; margin-right: 1%; padding-top: 0; width: 19%; height: 45px; line-height: 45px; background-color: #D2D4C8; color: #6; text-align: center; font-size: 18px; transition: all 0.1s; margin-bottom: 10px; margin-top: 10px; } .tabBar label:last-of-type { margin-right: 0; } .tablinks:hover { background-color: #ff9933; color: #fff; text-decoration: none; cursor: pointer; transition: all 0.1s; } #tab1-btn:checked + .tablinks, #tab2-btn:checked + .tablinks, #tab3-btn:checked + .tablinks, #tab4-btn:checked + .tablinks, #tab5-btn:checked + .tablinks, #tab6-btn:checked + .tablinks { background-color: #ff9933; color: #fff; text-decoration: none; cursor: pointer; transition: all 0.1s; } #tab1-btn:checked ~ #tab1 { display: block; } #tab1-btn:checked ~ #tab2, #tab1-btn:checked ~ #tab3, #tab1-btn:checked ~ #tab4, #tab1-btn:checked ~ #tab5, #tab1-btn:checked ~ #tab6 { display: none; } #tab2-btn:checked ~ #tab2 { display: block; } #tab2-btn:checked ~ #tab1, #tab2-btn:checked ~ #tab3, #tab2-btn:checked ~ #tab4, #tab2-btn:checked ~ #tab5, #tab2-btn:checked ~ #tab6 { display: none; } #tab3-btn:checked ~ #tab3 { display: block; } #tab3-btn:checked ~ #tab1, #tab3-btn:checked ~ #tab2, #tab3-btn:checked ~ #tab4, #tab3-btn:checked ~ #tab5, #tab3-btn:checked ~ #tab6 { display: none; } #tab4-btn:checked ~ #tab4 { display: block; } #tab4-btn:checked ~ #tab1, #tab4-btn:checked ~ #tab2, #tab4-btn:checked ~ #tab3, #tab4-btn:checked ~ #tab5, #tab4-btn:checked ~ #tab6 { display: none; } #tab5-btn:checked ~ #tab5 { display: block; } #tab5-btn:checked ~ #tab1, #tab5-btn:checked ~ #tab2, #tab5-btn:checked ~ #tab3, #tab5-btn:checked ~ #tab4, #tab5-btn:checked ~ #tab6 { display: none; } #tab6-btn:checked ~ #tab6 { display: block; } #tab6-btn:checked ~ #tab1, #tab6-btn:checked ~ #tab2, #tab6-btn:checked ~ #tab3, #tab6-btn:checked ~ #tab4, #tab6-btn:checked ~ #tab5 { display: none; } .tabContent { clear: both; color: #222; text-align: left; overflow: auto; font-size: 16px; line-height: 1.5; padding-top: 10px; } .tabContent img { max-width: 100%; } .tabContent p { margin: 0; padding: 0; } .tabContent a, .tabContent a:visited { color: #ff9933; text-decoration: none; } .tabContent a:hover { text-decoration: underline; font-weight: 700; } .tabContent h1, .tabBar h1, .tabContent h2, .tabBar h2 { font-weight: 400; font-size: 28px; transition: all 0.1s; } .tabContent h1:hover, .tabBar h1:hover, .tabContent h2:hover, .tabBar h2:hover { color: #ff9933; cursor: default; transition: all 0.1s; } .tabContent ul, .tabContent ol { display: block; text-align: left; margin: 0; position: relative; line-height: 1.5; margin-bottom: 10px } .tabContentFeaturesList { margin: 0 auto !important; padding: 0 0 0 20px; max-width: 350px; list-style: none; text-align: left; } .tabContentFeaturesList li { margin-bottom: 10px; } .tabContentFeaturesList i { margin-right: 8px; } .descriptionFeatures { margin: 50px 0 70px 0; padding: 30px 0 60px 0; background-color: #f0f0f0; text-align: center; font-size: 18px; } .descriptionFeatures h2 { font-size: 40px; } .contentImgLeft { float: left; margin-top: 0; margin-right: 25px; margin-bottom: 15px; margin-left: 0px; max-width: 45%; height: auto; } .contentImgRight { float: right; margin-top: 0; margin-right: 0px; margin-bottom: 15px; margin-left: 25px; max-width: 45%; height: auto; } .contentImgInline { display: inline-block; vertical-align: top; margin: 0 0 15px 15px; } .whyChooseUs { margin: 10px 0 0 0; padding: 10px 0; width: 100%; background-color: #D2D4C8; } .whyChooseUsBlockContainer { margin: 0 auto; text-align: center; } .whyChooseUsBlock { display: inline-block; margin: 35px 2% 40px 2%; padding: 0 1%; min-height: 300px; width: 16%; border-radius: 5px; background-color: #fff; vertical-align: top; text-align: center; transition: all 0.2s; } .whyChooseUsBlock:hover { color: #ff9933; cursor: default; transition: all 0.2s; } .whyChooseUs .circle { position: relative; top: -38px; display: block; margin: 0 auto; width: 76px; height: 76px; border-radius: 500px; background-color: #ff9933; } .whyChooseUs .circle i { margin-top: 10px; color: #ffffff; font-size: 36px; } .whyChooseUs h2 { color: #333; text-align: center; font-weight: 400; font-size: 26px; font-family: 'Roboto', serif; } .whyChooseUsBlock h3 { margin-top: 0px; text-align: center; font-weight: 400; font-size: 20px; font-family: 'Roboto', serif; } .whyChooseUsBlock p { margin-top: 25px; color: #666666; font-size: 16px; font-family: 'Roboto', sans-serif; } .crossSellerContainer { clear: both; margin-top: 60px; width: 100%; text-align: left; } #csc2 { margin-bottom: 80px; } .crossSellerItem:hover h3, .crossSellerItem:hover p, .crossSellerItem:hover a { color: #ff9933; transition: all 0.1s; } .crossSellerItem:hover img { opacity: 0.7; } .crossSellerContainer a:hover, .crossSellerContainer a:visited, .crossSellerContainer a { color: inherit; text-decoration: none; } .crossSellerContainerHeading { padding: 0; border-bottom: 3px solid #333; } .crossSellerContainer h2 { position: relative; top: 3px; display: inline-block; margin: 0; padding: 0 0 8px 0; border-bottom: 3px solid #ff9933; color: #333; text-transform: uppercase; font-weight: 400; font-size: 24px; } .crossSellerItem { display: inline-block; overflow: hidden; margin-top: 30px; margin-right: 3%; padding: 0; width: 22.2%; height: 320px; vertical-align: top; cursor: pointer; transition: all 0.2s; } .crossSellerItem:last-child { margin-right: 0; } .crossSellerItemImgContainer { position: relative; width: 100%; height: 230px; text-align: center; cursor: pointer; } .crossSellerItem img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 100%; max-height: 100%; transition: all 0.5s; } .crossSellerItem a { color: #000; text-decoration: none; } .crossSellerItem span { float: left; margin-top: 9px; width: 100%; text-align: center; } .crossSellerItem h3 { margin: 0; padding: 0; color: inherit; font-size: 16px; transition: all 0.2s; } .crossSellerItem p { margin-top: 7px; padding: 0; color: inherit; font-size: 15px; transition: all 0.2s; } #footerContainer { margin-top: 10px; padding: 40px 0 0 0; width: 100%; height: 220px; background-color: #22313F; } #footerContainer h2 { margin: 0 0 26px 0; padding: 0 0 8px 0; border-bottom: 2px solid #ff9933; color: #f0f0f0; text-transform: uppercase; font-weight: 400; font-size: 17px; font-family: 'Roboto'; } #footerContainer i { float: left; color: #ffffff; font-size: 22px; line-height: 30px; } #footerContainer a { color: #D6D6D6; text-decoration: none; } #footerColumn1 { float: left; margin-left: 60px; width: 220px; height: 180px; } #footerColumn2, #footerColumn3 { float: left; margin-left: 55px; width: 205px; height: 180px; } .footerRow { margin-bottom: 20px; height: 28px; } #footerColumn1 p { margin: 0 0 0 40px; margin-bottom: 0; padding: 0; color: #D6D6D6; font-size: 12px; } #footerColumn2 p { float: left; margin: 5px 0 0 15px; color: #D6D6D6; font-weight: 400; font-size: 12px; } #footerColumn3 p { clear: both; color: #D6D6D6; font-weight: 400; font-size: 12px; } #footerColumn3 span { margin-top: 5px; font-weight: 400; } #copyright { float: right; margin: 85px 40px 0 0; color: #D6D6D6; font-size: 9px; } #copyright a { color: #ffffff; text-decoration: none; } @media only screen and (max-width: 1215px) { .gallery { width: 40%; } } @media only screen and (max-width: 1135px) { .rightColumn { padding-left: 10px; width: 160px; } } /*****************/ /* TABLET 1024px */ /*****************/ @media only screen and (max-width: 1024px) { .logoContainer { display: block; margin: 0 auto; width: 100%; text-align: center; } .navigationContainer { display: block; margin: 25px auto 0 auto; padding: 0; width: 100%; height: auto; background-color: #fff; } .navigationContainer ul { padding: 0; } .navigationContainer ul li { display: block; margin: 0 auto; padding: 0; height: auto; border-bottom: 1px solid #ddd; color: #ff9933; text-align: center; } .galleryAndShortdescriptionContainer { float: none; margin: 0 auto; width: 100%; } .gallery { display: block; float: none; margin: 0 auto; width: 70%; } .bigPic { height: 530px; } .bigPic img { max-height: 530px; } .midColumn { float: none; margin: 0 auto; width: 100%; } .midColumn h1 { text-align: center; } .midColumn h2 { margin: 0 auto 0 auto; text-align: center; } .underline { margin: 15px auto 15px auto; } .shortdescription { margin: 0 auto; width: 410px; float: none; } .shortdescription p { text-align: center; } #variationContainer { width: auto; text-align: center; } .priceTagBox { margin: 0 auto; padding: 20px 0 0 30px; max-width: 380px; } #askNowButton { margin-left: 20px; min-width: 40%; } #askNowButton p, .uiButton p { left: -15px; } .buttonContainer { margin: 0 auto; text-align: center; } .uiButton { display: inline-block; float: none; } #questionBtn { margin: 10px 0 0 0; width: 202px; } #watchlistBtn { margin: 10px 0 0 0; width: 202px; } .rightColumn { float: none; clear: both; margin: 40px auto 0 auto; padding-top: 20px; max-width: 100%; border: none; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; width: auto; } .brandContainer { display: none; } .trustViewDescription { display: inline-block; clear: both; margin-right: 20px; width: auto; width: 40%; vertical-align: top; text-align: left; } .trustViewDescription p { margin: 0; vertical-align: top; } .tabBar { margin: 40px auto 0 auto; max-width: 100%; text-align: left; } .whyChooseUs { padding-right: 30px; max-width: 100%; } .whyChooseUsBlock { width: 30%; } .crossSellerContainer { margin: 0 auto; padding-top: 60px; padding-right: 30px; width: 90%; } .crossSellerContainer { width: 100%; } .crossSellerItem { width: 21%; } } @media only screen and (max-width: 830px) { .videoWrapperContainer { width: 90%; } .bigPic { width: auto; height: 290px; } .bigPic img { max-width: 95%; max-height: 300px; width: auto; vertical-align: middle; } .bigPic { display: inline-block; width: 100%; vertical-align: middle; text-align: center; } .contentImgLeft, .contentImgRight { float: none; clear: both; margin: 0 auto; max-width: 100%; width: auto; text-align: center; } .contentImgLeft img, .contentImgRight img { margin-bottom: 10px; } #footerContainer { height: 700px; } #footerColumn1, #footerColumn2, #footerColumn3 { float: none; margin-bottom: 50px; margin-left: 50px; } } /* SMARTPHONE 660px*/ @media only screen and (max-width: 660px) { #wrapper { padding: 20px 20px 0 20px; } .tablinks { margin-bottom: 10px; } .tabBar label { width: 47%; margin-right: 1%; margin-left: 1%; } .whyChooseUs { padding: 30px 0; width: 100%; } .whyChooseUsBlock { width: 90%; } .crossSellerContainer { width: 100%; padding-right: 0px; text-align: center; } .crossSellerItem { display: block; margin: 0 auto; padding-top: 50px; width: 80%; text-align: center; } .crossSellerItem:last-child { margin-right: auto; } #footerContainer { height: 700px; } #footerColumn1, #footerColumn2, #footerColumn3 { display: block; float: none; clear: both; margin: 0 auto; margin-bottom: 40px; padding: 0; width: 55%; text-align: left; } } /* SMARTPHONE 480px*/ @media only screen and (max-width: 480px) { .logoContainer { display: block; margin: 0 auto; width: 100%; text-align: center; } .gallery { display: block; float: none; margin: 0 auto; width: 100%; } .bigPic { height: 230px; } .bigPic img { max-width: 95%; max-height: 230px; width: auto; vertical-align: middle; } .midColumn { display: block; margin: 0 auto; width: 100%; } .midColumn h2 { margin: 0 auto; text-align: center; } .shortdescription { clear: both; padding-left: 0px; width: 100%; } .priceTagBox { padding: 20px 0 0 0; width: 250px; height: 180px; } .priceTagBox h2 { margin: 0 auto; display: block; } .priceTagBox h3 { margin: 0 auto; text-align: center; } .priceTagBox h4 { margin: 0 auto; text-align: center; } #askNowButton { margin-top: 40px; margin-right: 26px; margin-bottom: 20px; width: 200px; text-align: center; } .uiButton { display: block; } .buttonContainer { text-align: center; } #watchlistBtn { display: inline-block; width: 250px; } #questionBtn { display: inline-block; margin-right: 0; margin-top: 10px; width: 250px; } #questionBtn p { font-size: 13px; } .trustViewDescription { display: block; margin: 0 auto 15px auto; width: 90%; height: auto; } .whyChooseUsBlock { display: block; margin: 60px auto 0 auto; padding: 0 1%; min-height: 300px; width: 80%; background-color: #fff; } .tabBar { display: block; } .tablinks li { height: 40px; line-height: 40px; } } @media only screen and (max-width: 350px) { .bigPic img { max-height: 200px; } } .animated { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(10px) } 100% { opacity: 1; -webkit-transform: translateX(0) } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(10px) } 100% { opacity: 1; -moz-transform: translateX(0) } } @-o-keyframes fadeInRight { 0% { opacity: 0; -o-transform: translateX(10px) } 100% { opacity: 1; -o-transform: translateX(0) } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(10px) } 100% { opacity: 1; transform: translateX(0) } } .fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight } Breite: 52,00 Farbe:Grün