/**************************************************************************************************************** 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; 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; -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: #ececec; dunkelgrau: #525252; blau: #bc2031; border: #dfdfdf; headerouter: #fdf6e3 */ /* googlefont: @import url(https://fonts.googleapis.com/css?family=#name#:#schnitt1,schnitt2#); */ /* allgemeine styles */ body {background-color:#fff} #tpl {width:100%; height:100%; font-size:14px; margin-bottom: 30px; font-family: 'Courier New', monospace} #tpl, .pagecontainer table:not(:first-child) {background: #565757; background-image: url("gfx/wall-4-light.png");} #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: #bc2031} a:hover, a:active, a:focus, #toplinks a:hover {color:#bc2031; 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: 960px; border-collapse:auto; overflow:hidden; background-color: #222; 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) {background:; border-top: none} .cont960 {max-width:960px; width:100%; margin:0px auto; overflow:hidden;} /* spalten */ #LeftPanel {float: left; width: 20%; padding-bottom:1000em; margin-bottom:-1000em;} #content {float: left; padding:0px 2%; width: 80%;} /* kopfzeile */ #headerouter {width: 100%; /*background: #fdf6e3*/} #toplinks {width: 100%; margin: auto; line-height:24px; font-size:12px; background:#525252; 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:#222; padding:0 2%; color: #fff} #header #logo {display: inline-block; width:33%; text-align: center; height:160px; margin:5px 0; background:url(gfx/logo.svg) no-repeat center center; background-size:contain} /*#header #head_right {float:right; text-align:right; margin-top:30px;}*/ #header div {display:inline-block; width: 32.6%; vertical-align: top; margin-top: 65px } #header div.feedback, #header div.watch {padding-bottom:10px;} #header div.watch {text-align: right;} #header div a {display:block;} #header div .icon {font-size:20px; margin-right:10px;} #header div strong {font-size:17px; font-weight:normal;} .spclfnt {font-family: 'New Rocker', monospace;} /*#topnav {background:#525252;}*/ #catListTop {background:#000; z-index:1000; text-align: center;} #catListTop li {display: inline-block; height: 40px; line-height:40px;} #catListTop li a {padding:0px 20px; font-size: 18px; color:#fff; text-transform:uppercase; display:block;} #catListTop li:hover a {color:#bc2031; text-decoration:none;} /* line spalte */ #LeftPanel input {display: none} .v4title h2 {display:; font-size:18px; font-weight:normal; color:#fff; line-height:30px; display:block; margin-bottom:5px; padding-left:10px;} * label {cursor: pointer} label.cattoggle {display: none; background: #222; color: #fff; padding:0px 10px; line-height:50px; margin:0px} 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:#000;} .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:#fff; display: block; padding:7px 15px 7px 10px; position:relative; font-weight:normal; border-bottom:1px solid #555;} .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:#333; color:#bc2031;} /* 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: #525252 !important} span.pdmt .cur:hover, .tb_v4bc a:hover, .gallery a:hover {color: #bc2031 !important} /* detailansicht */ .artikeltitel {color:#fff; font-size:22px !important; line-height:30px; font-weight:normal; padding:0px 5px; margin:0px 0 10px 0;} #artikeloben .bilder {float: left; width:65%; margin-bottom: 20px} #artikeloben .bilder #pic {width: 100%; background:#fff;} /* lightbox 10pix */ #images input, #images[data-pic2=""] #thumbnails {display:none;} #images label {cursor:pointer; background-color: #000} #images label.ar, #images label.cl {background-color: #fff} #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); -webkit-transition: .5s; transition: .5s; -webkit-transform: translateZ(0);} .imgSmall label:nth-child(5n) {margin-right:0;} .imgSmall label:hover {-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:#fff; top:0; right:0; opacity:0.7; padding:4px; background:#000; } .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; color: #000} .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 {-webkit-filter: grayscale(0); z-index: 1; border-color:#bc2031} /* 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%} #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 {background: #000; font-weight:normal; display: block; padding: 5px 10px; font-size: 18px} .content {padding: 20px 0px; margin-bottom:0px; line-height:130%; font-family: Verdana, sans-serif } #longdesc {font-size:16px} #longdesc .english {font-style: italic;} #longdesc .mopedmetzgertemplate, #longdesc .mopedmetzgertemplate h1 {border: none;} #longdesc .mopedmetzgertemplate dl dd, #longdesc .mopedmetzgertemplate h1, #longdesc .mopedmetzgertemplate dl dt , #longdesc .artnodisclaimer{background-color: #222; color: #fff;} #longdesc img {max-width: 100%;} #longdesc * {color: #fff !important;} #longdesc .subtitel {display:block; margin-bottom:5px;} #longdesc li {list-style: outside; margin-left: 15px;} #longdesc ol li {list-style-type: decimal;} .odr {display:none; margin-top: 10px; font-size: 11px} #longdesc .title {font-size: 18px; font-weight: 700; margin-bottom: 15px;} .colname, .colvalue {display: inline-block; line-height: 160%; vertical-align: top; margin-bottom: 5px;} .colname {width: 43%; font-weight: 600;} .colvalue {width: 57%} #longdesc .colvalue .important {color: #bc2031 !important; font-weight: 600; display: block;} .diclaimer {margin-top: 15px; font-size: 14px} /* footer */ /* footer allgemein */ #footerouter {width: 100%;} #footer {text-align: center; background: #000;} #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:#bc2031;} /* 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; 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%;} #tpl + style + #main {display: none;} /* 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: 959px) { #header #head_right {margin-top:20px;} #header #head_right div {display:block;} #header div { width: 32.4%} .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) { .toggle2 {display:none !important;} #wrapper {border-top: none;} #LeftPanel {float: none; width:100%; display:block; padding:0px; margin:0px; background:none; } #content {float: none; width: 100%} #header div { width: 31.4%} #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;} #wrapper {padding:0;} #header #head_right {width:100%; text-align:center;} #header #head_right a {display:inline-block; padding:0px 5px;} .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;} .aktionbutton, .greybutton {display:block; padding:8px 0; text-align:center;} } @media screen and (max-width: 500px) { .toggle4 {display:none !important;} #header div {display: none;} #header #logo {float:none; display:block; margin:0px auto; height: 120px} .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() {} /* shopstyles */ /* suche */ #search {overflow:hidden; margin-right:10px; padding:12px 20px 20px; border: 2px solid #bc2031; margin-bottom: 15px;} #search h2 {padding-left:0;} #suchform input {float:left; line-height:30px; text-indent:10px; border:1px solid #ccc; border-right:0px; width:calc(100% - 41px); } #suchform input:focus {border-color:#bc2031; color:#000;} #suchform button {float:left; width:40px; font-size:22px; background: #bc2031; color: #fff; border: none; line-height: 32px} /*sonstige*/ body a:link, body .g-novisited a:visited {color: #bc2031} .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;}