/**************************************************************************************************************** Copyright 2017 clever commerce GmbH. Alle Rechte vorbehalten. Das Kopieren im Ganzen oder in Teilen ohne unsere vorherige ausdrueckliche schriftliche Zustimmung ist untersagt. Jegliche Zuwiderhandlungen werden juristisch verfolgt. ****************************************************************************************************************/ /* Lars Lorenz | clevercommerce normalize css based on: normalize.css v2.1.3 | MIT License | git.io/normalize */ /* css reset html5 */ 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 none; font: inherit;} article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;} audio, canvas, video {display: inline-block;} audio:not([controls]) {display: none; height: 0;} [hidden], template {display: none;} html {font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;} a {background: transparent; text-decoration: none;} a:focus, a:active, a:hover {outline: 0;} abbr[title] {border-bottom: 1px dotted;} b, strong {font-weight: bold;} dfn {font-style: italic;} hr {-moz-box-sizing: content-box; box-sizing: content-box; height: 0;} mark {background: #ff0; color: #000;} code, kbd, pre, samp {font-family: monospace, serif; font-size: 1em;} pre {white-space: pre-wrap;} q {quotes: "\201C" "\201D" "\2018" "\2019";} small {font-size: 80%;} sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;} sup {top: -0.5em;} sub {bottom: -0.25em;} img {border: 0;} svg:not(:root) {overflow: hidden;} figure {margin: 0;} fieldset {border: 0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;} legend {border: 0; padding: 0;} button, input, select, textarea {font-family: inherit; font-size: 100%; margin: 0;} button, input {line-height: normal;} button, select {text-transform: none;} button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; appearance: button; cursor: pointer;} button[disabled], html input[disabled] {cursor: default;} input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0; width:auto !important;} input[type="search"] {-webkit-appearance: textfield; appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;} input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;} button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;} textarea {overflow: auto; vertical-align: top;} table {border-collapse: collapse; border-spacing: 0;} * {margin: 0; padding: 0;} li{list-style:none inside none} body {font-size: 80%;} @font-face { font-family: 'icons'; src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype'); font-weight: normal; font-style: normal; text-transform: none;} /*########################################################### */ /*################! normalize.css ENDE ###################### */ /*########################################################### */ /*################custom CSS Start ###################### */ /* hellgrau: #eee; dunkelgrau: #3D4A6D; blau: #FF8F00; border: #dfdfdf; headerouter: #fdf6e3 */ /* googlefont: @import url(https://fonts.googleapis.com/css?family=#name#:#schnitt1,schnitt2#); */ /* allgemeine styles */ #tpl {width:100%; height:100%; font-size:14px; margin-bottom: 30px; font-family: 'Outfit', sans-serif;} #tpl, .pagecontainer table:not(:first-child) {background: #fff;} #tpl * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box} a, #toplinks a, a:visited {color: #3D4A6D} a:hover, a:active, a:focus, #toplinks a:hover {color:#FF8F00; text-decoration:none;} .clearfix:before, .clearfix:after {display: table; content: " "; } .clearfix:after, .cf {height:0px; font-size:0px; line-height:0px; clear:both;} .icon {font-family:icons !important; vertical-align:middle; text-transform:none !important; font-weight:normal !important; line-height:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .fleft {float:left;} .fright {float:right;} *[data-chk=""], *[data-chk="0"], *[data-chk="00"], *[data-chk="0,000"] {display:none !important;} /* grundlayout */ #wrapper, .pagecontainer table table:nth-child(2n) {margin: auto; width: 100%; max-width: 1160px; border-collapse:auto; overflow:hidden; background-color: #fff; border-top:25px solid transparent;} /* contentbereich im shop gleicher bereich wie wrapper nutzbar für bg`s */ .pagecontainer table table:nth-child(2n) { border-top: none} .cont960 {max-width:1160px; width:100%; margin:0px auto; overflow:hidden;} /* spalten */ #LeftPanel {float: left; width: 20%; padding-bottom:1000em; margin-bottom:-1000em; display: none;} #content {float: left; padding:0px 0%; width: 100%;} /* kopfzeile */ #headerouter {width: 100%; background: #fff} #toplinks {width: 100%; margin: auto; line-height:24px; font-size:12px; background:#3D4A6D; color:#fff; text-align:center;} #toplinks a {color: #fff} #toplinks span {display:inline-block;} #toplinks .icon {margin-right:6px; font-size:14px;} #header {position:relative; background:#fff; padding:0 0%;} #header #logo {float:left; width:300px; height:90px; margin:20px 0; background:url(gfx/logo.gif) no-repeat left center; background-size:contain} #header #head_right {float:right; text-align:right; margin-top:40px; color: #3D4A6D;} #header #head_right div {display:inline-block; padding-left:25px;} #header #head_right div.feedback {padding-bottom:10px;} #header #head_right a {display:block;} #header #head_right .icon {font-size:20px; margin-right:10px;} #header #head_right strong {font-size:18px; font-weight:normal;} #topnav {background:#eee;} #catListTop {background:#eee; z-index:1000;} #catListTop {padding:0px 0px;} #catListTop li {display: inline-block; height: 48px; line-height:48px;} #catListTop li a {padding:0px 0px; font-size: 20px; color:#3D4A6D; text-transform:uppercase; display:block; margin-right: 117px;} #catListTop li:last-child a {margin-right: 0;} #catListTop li:hover a {color:#FF8F00; text-decoration:none;} /* line spalte */ #LeftPanel input {display: none} .v4title h2 {font-size:18px; font-weight:normal; color:#3D4A6D; line-height:30px; display:block; margin-bottom:5px; padding-left:10px;} * label {cursor: pointer} label.cattoggle {display: none; background: #fff; color: #3D4A6D; padding:0px 0px; line-height:50px; margin:0px; font-size: 18px;} label.cattoggle span.icon {display: inline-block; margin-right:1%; font-size:35px; height:50px; line-height:50px; vertical-align:top;} .lcat {margin-bottom:10px; padding-left:10px;} .lcat ul {padding-left:0px !important;} .lcat .lev1 {background:#eee;} .lcat .lev1 li {list-style: none outside none; margin:0px} .lcat ul li span.cnt, .lcat a.all_cats {display:none;} .lcat ul li label, .lcat ul li a, .lcat ul li span:not(.cnt) {color:#3D4A6D; display: block; padding:7px 15px 7px 10px; position:relative; font-weight:normal; border-bottom:2px solid #fff;} .lcat ul li label:after, .lcat ul li a:after, .lcat ul li span:not(.cnt):after {content:"l"; font-family:icons; font-size:14px; position:absolute; top:50%; margin-top:-8px; right:0px;} .lcat ul li label:hover, .lcat ul li a:hover, .lcat ul li span:not(.cnt), .lcat ul li a.aktiv {background:#FF8F00; color:#fff;} /* ebene 2 */ .lcat ul.lev2 li label, .lcat ul.lev2 li a, .lcat ul.lev2 li span:not(.cnt) {padding-left:20px;} .lcat ul ul {height:auto; max-height:0px; overflow:hidden; opacity:0; -moz-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; transition:all 0.3s linear; transform: scaleY(0); transform-origin: top;} .lev1 input:checked + ul, .lcat ul ul.aktiv {display: block; opacity: 1; transform: scaleY(1); max-height:1000px;} /* ebene 3 */ .lcat ul.lev3 li label, .lcat ul.lev3 li a, .lcat ul.lev3 li span:not(.cnt) {padding:6px 15px 6px 30px;} /* listing */ span.pdmt .cur, .tb_v4bc a, .gallery a {color: #3D4A6D !important} span.pdmt .cur:hover, .tb_v4bc a:hover, .gallery a:hover {color: #FF8F00 !important} /* detailansicht */ .artikeltitel {color:#3D4A6D; font-size:28px !important; line-height:30px; font-weight:normal; padding:0px 5px; margin:0px 0 10px 0;} #artikeloben .bilder {float: left; width:65%;} #artikeloben .bilder #pic {width: 100%; background:#fff;} /* lightbox 10pix */ #images input, #images[data-pic2=""] #thumbnails {display:none;} #images label {cursor:pointer;} #images * {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} .imgSmall {display:block; margin-bottom:5px; position:relative; height:auto;} .imgSmall label {width: 19.2%; padding-bottom:19.2%; float:left; background-repeat: no-repeat; background-position:center center; background-size:contain; border: 1px solid #dfdfdf; margin:0 1% 1% 0; overflow: hidden; cursor:pointer; -webkit-filter: grayscale(.2); filter: grayscale(.2); -webkit-transition: .5s; transition: .5s; transform: translateZ(0); -webkit-transform: translateZ(0); } .imgSmall label:nth-child(5n) {margin-right:0;} .imgSmall label:hover {filter: grayscale(0);-webkit-filter: grayscale(0); z-index: 1} /* medium size images (buehne im template) */ .imgMedium {overflow:hidden; margin-bottom:10px; display:block; padding-bottom:100%; position:relative} /* hier kann das Bildformat konfiguriert werden indem der padding-bottom wert geändert wird */ .imgMedium label {position:absolute; top:0; right:0; bottom:0; left:0; background-position:center center; background-size:contain; display:block; background-repeat:no-repeat; z-index:0} .imgMedium label span.lupe {position:absolute; font-size:30px !important; color:#000; top:0; right:0; opacity:0.7; padding:4px; background:#ccc; border-radius:2px;} .imgSmall label, .imgMedium label {background-color:#fff; background-repeat:no-repeat; background-size:contain; background-position: center center;} .imgZoom div.lb-overlay {opacity:0; width: 0;height: 0;overflow: hidden; position: fixed; top: 50%; left: 50%; background:rgba(0,0,0,0.9); text-align:center; z-index:0} .imgZoom div.lb-content {position:relative; padding:90px 7% 20px 7%; max-height:100%;} .imgZoom div.lb-overlay img {opacity:0; max-width: 0; max-height: 0; -webkit-transition: .7s; transition: .7s;} .imgZoom div label {background:#fff; display:inline-block; position:absolute;} .imgZoom div label.ar {height:50px; border-radius:50%; width:50px; font-weight:700; left:2.3%; top:50%; margin-top:-25px} .imgZoom div label.ar i {border:12px solid transparent; border-right:15px solid #000; border-left:0px none; display:inline-block; margin:13px 0 13px -4px} .imgZoom div label.cl {border-radius:15px; width:auto; padding:0px 15px; font-weight:400; line-height:30px; left:50%; margin-left:-30px; text-align:center; width:130px; margin-left:-65px; top:30px;} .imgZoom div label.ar.ri {left:auto; right:2.3%;} .imgZoom div label.ar.ri i {border-left:15px solid #000; border-right:0px none; margin:13px -4px 13px 0} /* aktivschaltung des thumbnails */ .thumbpic:hover, input#pic1:checked ~ .imgSmall .picS1, input#pic2:checked ~ .imgSmall .picS2, input#pic3:checked ~ .imgSmall .picS3, input#pic4:checked ~ .imgSmall .picS4, input#pic5:checked ~ .imgSmall .picS5, input#pic6:checked ~ .imgSmall .picS6, input#pic7:checked ~ .imgSmall .picS7, input#pic8:checked ~ .imgSmall .picS8, input#pic9:checked ~ .imgSmall .picS9, input#pic10:checked ~ .imgSmall .picS10 {filter: grayscale(0);-webkit-filter: grayscale(0); z-index: 1; border-color:#FF8F00} /* wechselt das mediumsize image */ input#pic1:checked ~ .imgMedium .picM1, input#pic2:checked ~ .imgMedium .picM2, input#pic3:checked ~ .imgMedium .picM3, input#pic4:checked ~ .imgMedium .picM4, input#pic5:checked ~ .imgMedium .picM5, input#pic6:checked ~ .imgMedium .picM6, input#pic7:checked ~ .imgMedium .picM7, input#pic8:checked ~ .imgMedium .picM8, input#pic9:checked ~ .imgMedium .picM9, input#pic10:checked ~ .imgMedium .picM10 {z-index: 1} /* startet die lightbox */ input#picM1:checked ~ .imgZoom #picZ1, input#picM2:checked ~ .imgZoom #picZ2, input#picM3:checked ~ .imgZoom #picZ3, input#picM4:checked ~ .imgZoom #picZ4, input#picM5:checked ~ .imgZoom #picZ5, input#picM6:checked ~ .imgZoom #picZ6, input#picM7:checked ~ .imgZoom #picZ7, input#picM8:checked ~ .imgZoom #picZ8, input#picM9:checked ~ .imgZoom #picZ9, input#picM10:checked ~ .imgZoom #picZ10 {opacity: 1; height:100%; width:100%; left:0; top:0; z-index:2000;} /* fadeeffekte in der lightbox */ input#picM1:checked ~ .imgZoom #picZ1 img, input#picM2:checked ~ .imgZoom #picZ2 img, input#picM3:checked ~ .imgZoom #picZ3 img, input#picM4:checked ~ .imgZoom #picZ4 img, input#picM5:checked ~ .imgZoom #picZ5 img, input#picM6:checked ~ .imgZoom #picZ6 img, input#picM7:checked ~ .imgZoom #picZ7 img, input#picM8:checked ~ .imgZoom #picZ8 img, input#picM9:checked ~ .imgZoom #picZ9 img, input#picM10:checked ~ .imgZoom #picZ10 img {opacity:1; max-width:90%; max-height:100%;} /* lightbox ende */ #artobenrechts {float: left; width: 35%; padding-left:2%; color: #3D4A6D;} #artobenrechts #artikeldata {text-align:right; margin-bottom:10px} #artobenrechts #artikeldata #preis {font-size:22px; font-weight:700; margin:0 0 5px;} #artobenrechts .buttons .btn {display:block;} strong.tab, .tab strong {background: #FF8F00; font-weight:normal; color: #fff; display: inline-block; padding: 5px 10px; font-size: 18px;} .content {border:1px solid #dfdfdf; padding: 20px 15px; margin-bottom:25px; line-height:140%; color:#3D4A6D;} #longdesc {font-size:16px} /*custom styling der Artikelbeschreibung*/ .big-icons {padding: 15px 0 20px;} .big-icons .pixelicon {width: 24.7%; display: inline-block; text-align: center; vertical-align: top;} .pixelicon img {max-width: 100px; max-height: 100px;} .pixelicon div {font-size: 18px; color: #3D4A6D;} .small-icons {margin-bottom: 30px; color: #3D4A6D;} .small-icons .title {font-size: 18px; margin: 10px 0 0px;} .zeltinfo {margin-right: 20px;} .zeltinfo, .aufbauinfo {width: auto;display: inline-block;} .zeltinfo .zicon, .aufbauinfo .zicon {display: inline-block;background: #f4f4f4;padding: 6px 10px;margin: 5px 10px 0 0;font-size: 16px; color: #606060;} .zicon img {display: block; margin: 0 auto 5px;} .content_width_image {margin: 20px 0;} .content_title {margin-bottom: 10px;} .content_title span {font-size: 20px !important;} .content_width_image > :not(.image-slider) .content_width_image_text {width: 50%; display: inline-block; vertical-align: top;} .content_width_image_image {width: 48%; display: inline-block; margin-bottom: 20px;} .content_width_image > :not(.image-slider) .content_width_image_image {width: 48%; display: inline-block;} #longdesc p[style*="14px"] {font-size: 16px !important;} /* .image-slider--slide {margin-top: 20px;} */ /* .content_width_image .image-slider--item {width: 31%; margin-right: 2%; display: inline-block; position: relative; margin-bottom: 1%;} */ .content_width_image .image--container {width: 95%; position: relative;} .content_width_image img {width: 100%;} .rm_slide_additional_info {position: absolute;bottom: 10px;left: 10px;background-color: rgba(255,255,255,0.7);width: 94%;padding: 2px 10px;color: #222; display: none;} .content_width_image::after {content: " ";text-align: center;display: block;font-size: 36px; margin: 35px auto 40px;border-bottom: 1px dotted #3D4A6D; width: 33%; clear: both;} .image-slider--container .image-slider--item {display: none;} .content_width_image_image .image-slider--slide .image-slider--item:first-child {display: block;} .image-slider--thumbnails.content_width_image_text {display: inline-block; width: 50%;} .content_width_image_image.image-slider--container {width: 49%;display: inline-block;vertical-align: top;} #longdesc > div:nth-child(2n+1) .content_width_image_image {float: left; } #longdesc > div:nth-child(2n+1) .content_width_image_text {padding-left: 20px;} #longdesc > div:nth-child(2n+1) .content_width_image::after { margin-top: 65px;} #longdesc .subtitel {display:block; margin-bottom:5px; font-size: 22px;} #longdesc li {list-style: outside; margin-left: 15px;} #longdesc ol li {list-style-type: decimal;} .odr {display:none; margin-top: 10px; font-size: 11px} /*tabbed content start*/ .tabbed {overflow-x: hidden; /* so we could easily hide the radio inputs */} .tabbed [type="radio"] {/* hiding the inputs */display: none;} .tabbed .tab strong {background-color: #f5f5f5; color: #3D4A6D; border-bottom: 1px solid #dfdfdf;} .tabs {display: flex;align-items: stretch;list-style: none;padding: 0;} .tab > label { display: block; margin: 0 5px -1px 0;cursor: pointer;transition: all 0.3s;} .tab:hover label {} .tab-content {display: none;} /* As we cannot replace the numbers with variables or calls to element properties, the number of this selector parts is our tab count limit */ .tabbed [type="radio"]:nth-of-type(1):checked ~ .tabs .tab:nth-of-type(1) label strong, .tabbed [type="radio"]:nth-of-type(2):checked ~ .tabs .tab:nth-of-type(2) label strong, .tabbed [type="radio"]:nth-of-type(3):checked ~ .tabs .tab:nth-of-type(3) label strong, .tabbed [type="radio"]:nth-of-type(4):checked ~ .tabs .tab:nth-of-type(4) label strong, .tabbed [type="radio"]:nth-of-type(5):checked ~ .tabs .tab:nth-of-type(5) label strong {background-color: #FF8F00; color: #fff; border-bottom: 1px solid #FF8F00;} .tabbed [type="radio"]:nth-of-type(1):checked ~ .tab-content:nth-of-type(1), .tabbed [type="radio"]:nth-of-type(2):checked ~ .tab-content:nth-of-type(2), .tabbed [type="radio"]:nth-of-type(3):checked ~ .tab-content:nth-of-type(3), .tabbed [type="radio"]:nth-of-type(4):checked ~ .tab-content:nth-of-type(4) {display: block;} /*tabbed content Ende*/ /* footer */ /* footer allgemein */ #footerouter {width: 100%;} #footer {text-align: center; background: #3D4A6D;} #footer ul {margin: 0%; padding: 1.01010101%;} #footer ul li {display: inline; } #footer a {color: #fff; padding:6px 2%;} #footer a:hover {text-decoration: none; color:#FF8F00;} /* copyright & powerdBy */ #copy_hint {text-align:left; padding:0px 1.5%; margin-top:10px;} #copy_hint * {padding:0px; margin:0px; line-height:24px; color:#fff; font-size:12px;} #copy_hint #copyright {float:left; padding:0px;} #copy_hint #poweredby {float:right;} #copy_hint #poweredby #cc_logo {padding:0px 4px; display:inline-block; font-size:14px; color:#284477; margin-top:-1px; text-shadow: 1px 1px 1px rgba(255,255,255,0.7), 1px -1px 1px rgba(255,255,255,0.7), -1px 1px 1px rgba(255,255,255,0.7), -1px -1px 1px rgba(255,255,255,0.7);} /* css pattern */ /* buttonset */ .btn {text-decoration: none; border-radius: 0px; padding: 8px 0%; display:inline-block; margin-bottom:10px; text-align:center;} .aktionbtn {background: #1e5799; color: #fff !important;} .aktionbtn:hover {background: none repeat scroll 0 0 #00509D;} .greybtn {background: #d1d1d1; color: #000 !important;} .greybtn:hover {background: none repeat scroll 0 0 #a0a0a0;} /* payment icons */ .payrow {overflow:hidden; margin-bottom:10px; padding-bottom:5px;} .payrow div {float:left;} .payrow .payicon {width:20%; margin-right:5%; padding-bottom:13%; background: url(gfx/payment_sprite.png) no-repeat; background-size:100%; font-size:0px !important; line-height: 0px !important;} .payrow .paydesc {width:75%;} .payrow .paydesc strong {display:block;} .payrow.paypal .payicon {background-position: 0 9%;} .payrow.credit .payicon {background-position: 0 17.5%;} .payrow.nachnahme .payicon {background-position: 0 46.5%;} .payrow.rechnung .payicon {background-position: 0 57.9%;} .payrow.finanzierung .payicon {background-position: 0 78.6%;} .payrow.barzahlung .payicon {background-position: 0 90%;} /* retina queries */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {} /* rwd media queries */ /* 1px weniger als die ausgangsbreite */ @media screen and (max-width: 990px) { #header #head_right {margin-top:40px;} #toplinks, #header, #catListTop, #wrapper {padding: 0 10px;} #catListTop li a {margin-right: 156px;} .toggle1, #xgal, #ds_div > center, #xgal + br + center, #tpl ~ p, #set-with-ab_main, #tpl + style + #main, #ab-gal-wrapper {display:none !important;} /* #LeftPanel {width: 30%} #content {width: 70%} */ #longdesc table {display:block; overflow-x:scroll;} #catListTop {overflow: hidden; white-space:nowrap} #artikeloben .bilder, #artikeloben #artobenrechts {float: none; width: 100%} #artikeloben #artobenrechts {padding:0;} input[id^="picM"]:checked ~ .imgZoom div[id^="picZ"] img {max-width:100% !important;} .imgZoom div.lb-content {padding:10px 2% 90px} .imgZoom div label {position:static;vertical-align:middle; margin:10px 0 0 0 !important;} .imgZoom div label.cl {line-height:50px; border-radius:25px; margin:10px 10px 0 10px !important} .artikeltitel {background:none;} } @media screen and (max-width: 768px) { #wrapper {border-top-width: 10px;} .toggle2 {display:none !important;} #header #head_right {margin-top: 20px;} #header #head_right div {display:block;} #LeftPanel {float: none; width:100%; display:block; padding:0px; margin:0px; background:none; } #content {float: none; width: 100%} .big-icons .pixelicon {width: 49.5%; margin-bottom: 20px;} #LeftPanel .v4title {display:none;} #LeftPanel label {height:auto;} label.cattoggle {display: block} .lcat {display: none; padding:0;} #menu-toggle:checked ~ .lcat, .lcat.aktiv {display: block;} .lev1 input:checked + ul {max-height:1500px;} .lcat ul li label, .lcat ul li a, .lcat ul li span:not(.cnt) {font-size: 16px; line-height: 28px;} .lcat ul li label:after, .lcat ul li a:after, .lcat ul li span:not(.cnt):after {margin-top:-14px;} .lcat ul li label:hover, .lcat ul li a:hover, .lcat ul li span:not(.cnt) {} .imgSmall label {width: 19.2%; padding-bottom:19.2%; margin:0 1% 1% 0} .imgSmall label:nth-child(5n) {margin-right:0;} .imgZoom div.lb-content {height:100%;} #artikeloben #preis {text-align: center;} .odr {display:block;} } @media screen and (max-width: 620px) { .toggle3, #head_right {display:none !important;} #header #logo {float:none; display:block; margin:10px auto;} #header #head_right {width:100%; text-align:center;} #header #head_right a {display:inline-block; padding:0px 5px;} .content_width_image > :not(.image-slider) .content_width_image_text, .content_width_image > :not(.image-slider) .content_width_image_image {width: 100%;} .content_width_image > :not(.image-slider) .content_width_image_image {margin-top: 15px;} .imgSmall label, .imgSmall label:nth-child(5n) {width: 24.25%; padding-bottom:24.25%; margin:0 1% 1% 0} .imgSmall label:nth-child(4n) {margin-right:0;} .content_width_image_image.image-slider--container, .image-slider--thumbnails.content_width_image_text {width: 100%;} #longdesc > div:nth-child(2n+1) .content_width_image_text {padding-left: 0;} .content_width_image_image.image-slider--container, .content_width_image > :not(.image-slider) .content_width_image_image {margin-bottom: 20px;} .content_width_image_image.image-slider--container {margin-top: 10px;} .aktionbutton, .greybutton {display:block; padding:8px 0; text-align:center;} } @media screen and (max-width: 500px) { .toggle4 {display:none !important;} .pixelicon img {max-width: 100%;} .imgSmall label, .imgSmall label:nth-child(4n), .imgSmall label:nth-child(5n) {width: 32%; padding-bottom:32%; margin:0 2% 2% 0} .imgSmall label:nth-child(3n) {margin-right:0;} #footer ul li {width:33%; float:left;} #footer a {display:block;} #copy_hint {text-align:center;} #copy_hint * {float:none !important; display:inline-block} } @media screen and (max-width: 360px) {} /* firefox hack */ @-moz-document url-prefix() {} /*sonstige*/ body a:link, body .g-novisited a:visited {color: #FF8F00} .bin {font-weight: 700} .pagecontainer table table:nth-child(2n) #LeftPanel {padding-top: 32px;} @media screen and (max-width: 768px) { .pagecontainer table table:nth-child(2n) #LeftPanel {padding-top: 0;} } #TopPromoArea {margin-top: 25px;}