/* race-styles CSS V3.o */ html{font-family:Verdana, Geneva, sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}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}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}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}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} /* Basic Site Settings */ html { height: 100%; scrollbar-base-color:#fff; scrollbar-track-color:#000; scrollbar-face-color:#000; scrollbar-highlight-color:#fff; scrollbar-3dlight-color:#000; scrollbar-darkshadow-color:#000; scrollbar-shadow-color:#fff; scrollbar-arrow-color:#fff; } body { height: 100%; overflow-x: hidden; background-color: #000; font-family: Verdana, Geneva, sans-serif; font-size:13px; font-weight:400; font-style:normal; text-decoration:none; color:#000; letter-spacing:0; } a { text-decoration: none; } a:link { color: #111; cursor: pointer; } a:visited { color: #111; } a:hover { color: red; } a * { color: #9C998E; text-decoration: none; } sup { font-size: .7em; vertical-align: .3em; } sub { font-size: .7em; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #wrapper { min-height: 100%; width: 1024px; margin: 0 auto; } /* Background-Layer Settings */ #background_layer { width:100%; height:100%; left:0; top:0; /*overflow:hidden;*/ } #background_layer > #content_splitter { left:216px; top:0; width:5px; height:1443px; background:url('../images/619.png') 0 0 repeat-y; z-index:1; } #background_layer > #left_site_bg { left:50%; top:-513px; margin:0 0 0 -1340px; width: 1622px; height: 1510px; position: absolute; } #background_layer > #right_site_bg { left:50%; top:-301px; margin:0 0 0 -653px; width:1877px; height:1843px; position: absolute; } #background_layer > #left_advert_box { position:fixed; left:50%; margin:0 0 0 -720px; top:540px; display:inline-block; text-align:right;} #background_layer > #left_advert_box > span { position:relative; line-height:19px; white-space:nowrap; font-family:Verdana, Geneva, sans-serif; font-size:8px; color:#9C998E; } #background_layer > #right_advert_box { position:fixed; left:50%; margin:0 0 0 535px; top:50px; } #background_layer > #right_advert_box > span { top:-13px; line-height:19px; white-space:nowrap; font-family:Verdana, Geneva, sans-serif; font-size:8px; color:#9C998E; } #background_layer > * > #top_site_bg { left: 0; top: 0px; width: 1044px; } #background_layer > * > #top_site_bg > #top_site_bg_bl { left:-12px; top:-10px; width:1059px; height:374px; } #background_layer > * > #top_site_bg > #top_site_bg_himg { left:-3px; top:7px; width:1041px; height:308px; z-index:2;} #background_layer > * > #top_site_bg > #top_site_bg_rsimg { left:611px; top:-4px; width:642px; height:657px; } #background_layer > * > #top_site_bg > #top_site_bg_rslogo { left:30px; top:204px; width:377px; height:113px; z-index:2;} #background_layer > * > #content_site_bg { left:-2px; top:0; width:1044px; height:630px; background:url('../images/2559.png') -1px -1px no-repeat; z-index:-1; } /* Content-Layer Settings */ #xr_xr { width:1026px; height:1458px; top:0; left:50%; margin-left: -512px; z-index: 10; } #xr_xr > #header { position:relative; display:block; width:100%; height:210px; } #xr_xr > #navi { position:relative; width:100%; height:120px; margin-top:-3px; } #xr_xr > #navi > ul.navi { position:absolute; top:25px; right:15px; font-family:Verdana, Geneva, sans-serif; color:#BF0000; list-style-type:none; list-style-position:outside; list-style-image:none; padding:20px 0 0 0; margin:0; } #xr_xr > #navi > ul.navi > li { float:left; text-align:center; text-transform: uppercase; color:#BF0000; } #xr_xr > #navi > ul.navi > li:before { float:left; display:block; content:" "; width:2px; height:97px; margin-top:-5px; background:url('../images/302.png') 0 0 no-repeat; } #xr_xr > #navi > ul.navi > li:first-Child:before { display:none; } #xr_xr > #navi > ul.navi > li > div { display:inline-table; padding:0 20px; } #xr_xr > #navi > ul.navi > li > div > a { color: #BF0000; font-weight: 700; font-size: 16px; cursor: pointer; } #xr_xr > #navi > ul.navi > li > div ul li a { color: #fff; } #xr_xr > #navi > ul.navi > li > div ul li a:hover { color: red; } #xr_xr > #navi > ul.navi > li > div > ul { position:absolute; display:table; margin:10px 0 0 0px; list-style-type:none; list-style-position:outside; list-style-image:none; padding:0; } #xr_xr > #navi > ul.navi > li > div > ul > li { display:table-row; font-family:Verdana, Geneva, sans-serif; font-weight:400; font-style:normal; font-size:8px; text-decoration:none; text-align:left; text-transform: uppercase; color:#E5E5E5; letter-spacing:0.0; line-height:12px; } #xr_xr > #main { position:relative; overflow:hidden; width:100%; background: #fff; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pg0KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPg0KICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+DQogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+DQogICAgPHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPg0KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+DQogIDwvbGluZWFyR3JhZGllbnQ+DQogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+DQo8L3N2Zz4=); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 300px, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(300px,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 300px,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 300px,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 300px,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 300px,rgba(255,255,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ } #xr_xr > #main > #lnavi { width:215px; float:left; } #xr_xr > #main > #lnavi > #navibox { width:156px; margin:0px 33px; padding:0; background:#fff; } /*#xr_xr > #main > #lnavi > #navibox > #navibox_header { width:170px; height:57px; background:url('../images/935.png') -3px -3px no-repeat; font-family:Verdana, Geneva, sans-serif; font-weight:700; font-size:14px; text-transform: uppercase; color:#fff; padding:10px 0 0 10px; }*/ #xr_xr > #main > #lnavi > #navibox > #navibox_header { width:170px; height:29px; background:url('../images/935-1.png') -3px -3px no-repeat; } #xr_xr > #main > #lnavi > #navibox > ul.navi { list-style-type:none; list-style-position:outside; list-style-image:none; margin:0; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#393939; } #xr_xr > #main > #lnavi > #navibox > ul.navi > li { position:relative; text-transform:uppercase; } #xr_xr > #main > #lnavi > #navibox > ul.navi > li:hover { background:#45555b; color:#fff; } #xr_xr > #main > #lnavi > #navibox > ul.navi > li.sep:after { display:block; content:" "; background:#9C998E; width:43px; height:2px; } #xr_xr > #main > #lnavi > #navibox > ul.navi > li:last-Child:after { display:none; } #xr_xr > #main > #lnavi > #navibox > ul.navi > li > a { cursor: pointer; color:#393939; padding:9px 10px; display: block; } #xr_xr > #main > #lnavi > #navibox > ul.navi > li:hover > a { color:#fff; } #xr_xr > #main > #lnavi > #navibox > ul.navi > li > ul { display: none; position: absolute; top: 0; left: 156px; z-index: 999; width: 210px; min-width: 210px; list-style-type:none; list-style-position:outside; list-style-image:none; background:#fff; margin:0; padding:0; border:1px solid #45555b; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#393939; } #xr_xr > #main > #lnavi > #navibox > ul.navi > li:hover > ul { display: block; } #xr_xr > #main > #lnavi > #navibox > ul.navi > li > ul > li { position:relative; text-transform:uppercase; border-bottom:1px dotted #45555b; } #xr_xr > #main > #lnavi > #navibox > ul.navi > li > ul > li:hover { background:#45555b; color:#fff; } #xr_xr > #main > #lnavi > #navibox > ul.navi > li > ul > li:last-Child { border-bottom:0 solid; } #xr_xr > #main > #lnavi > #navibox > ul.navi > li > ul > li > a { color:#393939; padding:9px 10px; display: block; } #xr_xr > #main > #lnavi > #navibox > ul.navi > li > ul > li:hover > a { color:#fff; } #xr_xr > #main > #mca { float:right; width:805px; } #xr_xr > #main > #mca > #hotline { position: absolute; left:290px; top:30px; font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#000; /*text-shadow: -1px 1px 6px rgba(0,0,0,0.50);*/ } #xr_xr > #main > #mca > #hotline > .hl { top:-14px; font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#000; } #xr_xr > #main > #mca > #hotline > .phone { top: 7px;font-family:Verdana, Geneva, sans-serif; font-weight:700; font-size:21px;} #xr_xr > #main > #mca > #hotline > .phone > .cc { font-family:Verdana, Geneva, sans-serif; font-weight:700; font-size:12px; color:#000; } #xr_xr > #main > #mca > #hotline > .phone > .pn { font-family:Verdana, Geneva, sans-serif; font-weight:700; font-size:18px; color:red; margin-left:4px; } #xr_xr > #main > #mca > ul.lang { position:absolute; right:28px; top:20px; list-style-type:none; list-style-position:outside; list-style-image:none; padding:0; margin:0; } #xr_xr > #main > #mca > ul.lang > li { float:left; } #xr_xr > #main > #mca > ul.lang > li > img { width:45px; height:34px; } #xr_xr > #main > #mca > #csbar { position:absolute; right:0; top:60px; width:746px; height:45px; background:url('../images/526.png') no-repeat; } #xr_xr > #main > #mca > #csbar > ul.navi { list-style-type:none; list-style-position:outside; list-style-image:none; margin:0; padding:6px 16px; font-family:Verdana, Geneva, sans-serif; font-size:11px; } #xr_xr > #main > #mca > #csbar > ul.navi > li { float:left; margin-left:-9px; height:33px; } #xr_xr > #main > #mca > #csbar > ul.navi > li.galerie { width:71px; } #xr_xr > #main > #mca > #csbar > ul.navi > li.ngraphics { width:106px; } #xr_xr > #main > #mca > #csbar > ul.navi > li.nparts { width:85px; } #xr_xr > #main > #mca > #csbar > #bgarraow { position:absolute; left:335px; top:0; width:48px; height:44px; background:url('../images/528.png') no-repeat; } #xr_xr > #main > #mca > #csbar > #searchbox { left:425px; top:2px; width: 285px; height: 34px; padding:4px 0 0 0;} #xr_xr > #main > #mca > #csbar > #searchbox > form > input#searchfield { border:1px solid #9c998e; width:248px; height:33px; background:transparent; padding:4px 10px; font-weight: bold; color:#909090; } #xr_xr > #main > #mca > #csbar > #searchbox > form > input#searchfield:focus { background:#fff; } #xr_xr > #main > #mca > #csbar > #searchbox > form > input#searchbutton { text-indent: -9999px; float:right; border:1px solid #9c998e; margin-left:-4px; width:36px; height:33px; background:url('../images/sb.gif') center no-repeat; } #xr_xr > #main > #mca > #cra { margin: 130px 0 0 70px; width: 728px; } #xr_xr > #main > #mca > #cra > #content { float:left; width: 450px; } #xr_xr > #main > #mca > #cra > #content table td { border: solid 1px #fff; } #xr_xr > #main > #mca > #cra > #content .breadcrumb { margin-bottom: 20px; letter-spacing: 1px; } #xr_xr > #main > #mca > #cra > #content .breadcrumb, #xr_xr > #main > #mca > #cra > #content .breadcrumb a { color: #a3a096; font-size: 14px; font-weight: bold; } #xr_xr > #main > #mca > #cra > #content .breadcrumb a { text-transform: uppercase; } #xr_xr > #main > #mca > #cra > #content .breadcrumb h1 { font-size: 14px; } #xr_xr > #main > #mca > #cra > #content .breadcrumb h2 { font-size: 14px; } .colspan #xr_xr > #main > #mca > #cra > #content { float: none; width: 698px; } #xr_xr > #main > #mca > #cra > #content hr { clear: both; display: block; padding: 0; margin-bottom: 20px; border: none; border-top: dotted 2px #A3A096; color: #fff; background-color: #fff; } #xr_xr > #main > #mca > #cra > #content hr.dotted.red { border-top-color: #E2001A; margin-bottom: 20px; } #xr_xr > #main > #mca > #cra > #content ul.nobullets { list-style-type: none; margin: 0 0 45px 0; padding: 0; } #xr_xr > #main > #mca > #cra > #content ul.nobullets ul { list-style-type: none; margin: 0 0 15px 0; padding: 0; } #xr_xr > #main > #mca > #cra > #content ul.withoutspace { list-style-type: none; margin: 0 0 15px 0; padding: 0; } #xr_xr > #main > #mca > #cra > #content .row { margin-bottom: 20px; } #xr_xr > #main > #mca > #cra > #content .row .row { margin-bottom: 0; } #xr_xr > #main > #mca > #cra > #content > p { margin-left: 0; } #xr_xr > #main > #mca > #cra > #content .alert { min-height: 65px; box-sizing: border-box; padding: 15px 30px 15px 64px; margin-bottom: 20px; width: 100%; } #xr_xr > #main > #mca > #cra > #content .alert a { font-weight: bold; } /* #xr_xr > #main > #mca > #cra > #content .alert-danger { background: url(../images/alert-icon-error.png) 18px 17px no-repeat; border: solid 1px red; padding-top: 23px; } #xr_xr > #main > #mca > #cra > #content .alert-success { background: url(../images/alert-icon-success.png) 13px 18px no-repeat; border: solid 1px green; } */ /* Fehler-Meldung (Rot) */ #xr_xr > #main > #mca > #cra > #content .alert-danger { background-color: transparent !important; background-image: url(../images/alert-icon-error.png) !important; background-position: 12px 10px !important; background-repeat: no-repeat !important; background-size: 55px 55px !important; border: 1px solid #ff0000 !important; padding: 15px 15px 15px 85px !important; color: #cc0000 !important; overflow: hidden !important; min-height: 85px !important; } /* Erfolgs-Meldung (Grün) */ #xr_xr > #main > #mca > #cra > #content .alert-success { background-color: transparent !important; background-image: url(../images/alert-icon-success.png) !important; background-position: 15px -4px !important; background-repeat: no-repeat !important; background-size: 55px 55px !important; border: 1px solid #28a745 !important; padding: 15px 15px 0px 85px !important; color: #28a745 !important; overflow: hidden !important; min-height: 85px !important; } #xr_xr > #main > #mca > #cra > #content .actionbar { box-sizing: border-box; padding: 15px 30px 15px 120px; margin-bottom: 20px; width: 100%; } #xr_xr > #main > #mca > #cra > #content .actionbar a { font-weight: bold; } #xr_xr > #main > #mca > #cra > #content .actionbar-aktion { background: url(../images/badge_aktion.png) #e0dfdb 5px center no-repeat; } #xr_xr > #main > #mca > #cra > #content form { margin-bottom: 20px; } #xr_xr > #main > #mca > #cra > #content form.form_quantity { margin-bottom: 0; } .s_cart #xr_xr > #main > #mca > #cra > #content .prodlink { font-weight: bold; } .s_cart #xr_xr > #main > #mca > #cra > #content .prodimg { border: solid 1px #E2001A; } .s_cart #xr_xr > #main > #mca > #cra > #content .col-md-4 a:hover, .s_cart #xr_xr > #main > #mca > #cra > #content .col-md-4 a:hover strong { color: #E2001A; } #xr_xr > #main > #mca > #cra > #content .row-cart-head .form-group { margin-bottom: 0; } #xr_xr > #main > #mca > #cra > #content form .input-text, #xr_xr > #main > #mca > #cra > #content form select { vertical-align: top; } #xr_xr > #main > #mca > #cra > #content .input-text, #xr_xr > #main > #mca > #cra > #content form select { padding: 3px 5px; border: solid 1px #000000; background: #fff; color: #909090; font-size: 12px; } #xr_xr > #main > #mca > #cra > #content .wrapper-embed { width: 455px; box-sizing: border-box; border: solid 1px #e6e6e6; padding: 20px; margin-top: 15px; } #xr_xr > #main > #mca > #cra > #content .proddetails .proddetails-content p:first-child { margin-top: 0; } #xr_xr > #main > #mca > #cra > #content .toolbar .pager p, #xr_xr > #main > #mca > #cra > #content .toolbar .filter ul { margin: 10px 0; padding: 0; } #xr_xr > #main > #mca > #cra > #content .toolbar .pager span { margin-left: 20px; } #xr_xr > #main > #mca > #cra > #content .toolbar .filter ul { list-style-type: none; } #xr_xr > #main > #mca > #cra > #content .toolbar .filter ul li { float: left; margin-right: 10px; } #xr_xr > #main > #mca > #cra > #content .toolbar .filter ul li:last-child { margin-right: 0px; } #xr_xr > #main > #mca > #cra > #content .toolbar .filter ul li a { font-weight: bold; } #xr_xr > #main > #mca > #cra > #content .toolbar .filter ul li.act a { padding-bottom: 5px; border-bottom: dotted 1px #444; } #xr_xr > #main > #mca > #cra > #content .row .prodbox { position: relative; } #xr_xr > #main > #mca > #cra > #content .row .prodbox .xr_s10 { font-size: 13px; margin: 15px 0 0 0; padding: 0; min-height: 35px; font-weight: bold; } #xr_xr > #main > #mca > #cra > #content .row .prodbox h2 { font-size: 14px; margin: 15px 0 0 0; padding: 0; min-height: 35px; font-weight: bold; } #xr_xr > #main > #mca > #cra > #content .row .prodbox h3 { font-size: 14px; margin: 15px 0 0 0; padding: 0; min-height: 35px; font-weight: bold; } #xr_xr > #main > #mca > #cra > #content .row .prodbox .xr_s7 { line-height: 36px; margin: 7px 0 5px 0; } #xr_xr > #main > #mca > #cra > #content .row .prodbox .xr_s10, h2 a { color: #000; } #xr_xr > #main > #mca > #cra > #content .row .prodbox .xr_s10, h2 a:hover { color: #e2001a; } #xr_xr > #main > #mca > #cra > #content .row .prodbox .xr_s10, h2 a.prodbox-name { /*text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 165px;*/ } #xr_xr > #main > #mca > #cra > #content .row .prodbox img, #xr_xr > #main > #mca > #cra > #content .row .proddetails-prodimg img, #xr_xr > #main > #mca > #cra > #content .warenkorb .row .prodimg, .s_cart #xr_xr > #main > #mca > #cra > #content .prodimg { border: solid 1px #e6e6e6; } #xr_xr > #main > #mca > #cra > #content .row .prodbox > a > img:hover, #xr_xr > #main > #mca > #cra > #content .proddetails-prodimg a img:hover, .s_cart #xr_xr > #main > #mca > #cra > #content .prodimg:hover { border-color: #e2001a; } #xr_xr > #main > #mca > #cra > #content .row .prodbox .delivery { width: 60%; display: inline-block; font-size: 9px; font-weight: normal; } #xr_xr > #main > #mca > #cra > #content .row .prodbox .delivery img { border-width: 0; float: left; } #xr_xr > #main > #mca > #cra > #content .row .prodbox .prodbox_liefer { margin-left: 5px; } #xr_xr > #main > #mca > #cra > #content .row .prodbox .prodbox_daten { font-weight: normal; margin: 0; padding: 0; line-height: 16px; } #xr_xr > #main > #mca > #cra > #content .row .prodbox_preis { font-weight: bold; margin: 0; padding: 5px 0 0 0; display: inline-block; min-height: 35px; } #xr_xr > #main > #mca > #cra > #content .row .prodbox_preis span { color: #e2001a; } #xr_xr > #main > #mca > #cra > #content .row .prodbox_preis img, #xr_xr > #main > #mca > #cra > #content .row .prodbox h3 img, #xr_xr > #main > #mca > #cra > #content .row .prodbox img.prodbox_buy, #xr_xr > #main > #mca > #cra > #content .row .prodbox img.prodbox_liefer { border-width: 0 !important; } #xr_xr > #main > #mca > #cra > #content .row .prodbox-small .pull-left { width: 50%; } #xr_xr > #main > #mca > #cra > #content .row .prodbox-small .xr_s11 { min-height: 20px; } #xr_xr > #main > #mca > #cra > #content .row .prodbox-small .pull-right.col-md-6 { padding-right: 0; } #xr_xr > #main > #mca > #cra > #content .row .prodbox-small .pull-right.col-md-6 img { border-width: 0; } #xr_xr > #main > #mca > #cra > #content .row .prodbox-small .pull-right.col-md-6 .xr_s11 { font-size: 11px; margin: 2px 0 0 0; font-weight: bold;} #xr_xr > #main > #mca > #cra > #content .row .prodbox-small .pull-right.col-md-6 .xr_s11 a { color: #000; } #xr_xr > #main > #mca > #cra > #content .row .prodbox-small .pull-right.col-md-6 .xr_s11 a:hover { color: #e2001a; } #xr_xr > #main > #mca > #cra > #content .row .prodbox-small .pull-right.col-md-6 .xr_s4 { margin: 0; padding: 0; font-size: 9px; } #xr_xr > #main > #mca > #cra > #content .row .prodbox-small .pull-right.col-md-6 .prodbox_preis { font-size: 10px; display: block; } #xr_xr > #main > #mca > #cra > #content .row .prodbox-framed { width: 215px; border: solid 1px #e6e6e6; } /*#xr_xr > #main > #mca > #cra > #content .row .prodbox-framed h3 { color: #fff; margin: 0; padding: 7px 10px; height: 45px; background: url(../images/prod_head.gif) top center no-repeat; }*/ #xr_xr > #main > #mca > #cra > #content .row .prodbox-framed .prodbox-content { padding: 0 30px 10px 30px; } #xr_xr > #main > #mca > #cra > #content .row .prodbox-framed .prodbox-img { position: relative; } #xr_xr > #main > #mca > #cra > #content .row .prodbox-framed .prodbox-img a { position: absolute; width: 100%; padding: 2px; display: block; z-index: 1; background: rgba(255,255,255,0.9); color: #FF0D0D; font-weight: bold; top: 110px; } #xr_xr > #main > #mca > #cra > #content .row .proddetails-prodimg { margin: 0 15px 10px 0; } /*#xr_xr > #main > #mca > #cra > #content .row .proddetails-content h3 { margin-top: 0; } #xr_xr > #main > #mca > #cra > #content .row .proddetails-content h3 { overflow: hidden; }*/ #xr_xr > #main > #mca > #cra > #content .row .proddetails-sidebar .form-group { margin-bottom: 10px; } #xr_xr > #main > #mca > #cra > #content .row .proddetails-sidebar .prodbox_preis { font-size: 16px; font-weight: bold; padding-bottom: 0; margin-bottom: 4px; } #xr_xr > #main > #mca > #cra > #content .row .proddetails-sidebar .extra { margin-top: 0; } #xr_xr > #main > #mca > #cra > #content .row .addtocart, #xr_xr > #main > #mca > #cra > #content .row .warenkorb-sidebar p.addtocart { margin-left: -23px; } #xr_xr > #main > #mca > #cra > #content .row .addtocart input { /*text-align: left; padding-left: 35px;*/ width: 260px; height: 75px; border: 0; background: url(../images/btn_addtocart.png) #fff center no-repeat; color: #fff; font-weight: bold; } #xr_xr > #main > #mca > #cra > #content .row .flushcart input { text-align: left; padding-left: 38px; height: 32px; border: 0; background: url(../images/btn_delete2.gif) #fff left center no-repeat; text-transform: uppercase; color: #909090; font-weight: bold; } #xr_xr > #main > #mca > #cra > #content .row .printcart input { text-align: left; padding-left: 38px; height: 32px; border: 0; background: url(../images/print.gif) #fff left center no-repeat; text-transform: uppercase; color: #909090; font-weight: bold; } #xr_xr > #main > #mca > #cra > #content .row .warenkorb-sidebar p { padding: 0; margin: 0; margin-bottom: 5px; } #xr_xr > #main > #mca > #cra > #rsbar { float: right; padding-left: 20px; width: 195px; margin-right: 30px; } #xr_xr > #main > #mca > #cra > #rsbar div.rsbar_box { width: 100%; border-bottom: 2px dotted #9c998e; padding-bottom: 20px; margin-bottom: 20px; } #xr_xr > #main > #mca > #cra > #rsbar div.rsbar_box:last-child { border-bottom-width: 0; } #xr_xr > #main > #mca > #cra > #rsbar div.rsbar_box h5 { margin: 10px; padding: 0; font-size: 13px; } #xr_xr > #main > #mca > #cra > #rsbar > #newsletter > form a { color: #BF0000; } #xr_xr > #main > #mca > #cra > #rsbar > #newsletter > form > input#newsletterform_email { font-size: 11px; border:0 solid; color: #909090; /*text-transform: uppercase; */padding:5px 45px 10px 10px; width:178px; height:48px; background:url('../images/2567.png') no-repeat; } #xr_xr > #main > #mca > #cra > #rsbar > #newsletter > form > p { margin-left: 8px; } #xr_xr > #main > #mca > #cra > #rsbar > .advertbox { /*border-bottom: 1px dotted #9c998e;*/ } #xr_xr > #main > #mca > #cra > #rsbar > .advertbox > .pslider { position:relative; margin-top:15px; padding:0; height:135px; width:175px; border:1px solid #e6e6e6; margin: 0 auto; background:#fff; } #xr_xr > #main > #mca > #cra > #rsbar > .advertbox > .psliderprice { padding: 5px 0 5px 50px; background:url('../images/2573.png') 120px 0 no-repeat; } #xr_xr > #main > #mca > #cra > #rsbar > .advertbox > .psliderprice p { padding: 0; margin: 5px 0; } #xr_xr > #main > #mca > #cra > #rsbar > .advertbox #pslider { width: 175px; } #xr_xr > #main > #mca > #cra > #rsbar > .advertbox #pslider a { text-align: center; display: inline-block; width: 175px; margin: 0 auto; } #xr_xr > #main > #mca > #cra > #rsbar > .advertbox #pslider a img { margin: 0 auto; } #xr_xr > #main > #mca > #cra > #rsbar > .couponbox { /*border-bottom: 1px dotted #9c998e;*/ } #xr_xr > #main > #mca > #cra > #rsbar > .couponbox img { } #xr_xr > #main > #mca > #cra > #rsbar > .infotickerbox {} #xr_xr > #main > #mca > #cra > #rsbar > .infotickerbox > .infoheader { width:180px; height:71px; background:url('../images/ith.png') right top no-repeat; } #xr_xr > #main > #mca > #cra > #rsbar > .infotickerbox > .infocontent { width:180px; height:150px; background:url('../images/itb.png') right top repeat-y; } #xr_xr > #main > #mca > #cra > #rsbar > .infotickerbox > .infocontent > ul { list-style-type:none; list-style-position:outside; list-style-image:none; margin:0; padding:5px; } #xr_xr > #main > #mca > #cra > #rsbar > .infotickerbox > .infocontent > ul > li { padding:10px; } #xr_xr > #main > #mca > #cra > #rsbar > .infotickerbox > .infofooter { width:180px; height:15px; background:url('../images/itb.png') right top repeat-y; } #xr_xr > #footer { position:relative; overflow:hidden; width:100%; height:715px; background: #fff url('../images/164.png') -6px 320px no-repeat; } #xr_xr > #footer > #bgfooter { position:absolute; width:100%; height:610px; background: url('../images/1673.png') 30px -100px no-repeat; } #xr_xr > #footer > #logofooter { position:relative; width:100%; height:395px; } #xr_xr > #footer > #logofooter > img.l1 { left:615px; bottom:120px; width:265px; height:46px; } #xr_xr > #footer > #logofooter > img.l2 { left:309px; bottom:18px; width:582px; height:123px; } #xr_xr > #footer > #logofooter > img.l3 { left:133px; bottom:0; width:179px; height:39px; } #xr_xr > #footer > #boxfooter { position:relative; width:100%; height:150px; } /*#xr_xr > #footer > #boxfooter > table { position:absolute; left:50%; margin:35px 0 0 -370px; width:740px; border:0 solid; border-collapse:collapse; } #xr_xr > #footer > #boxfooter > table th { text-align:left; border-bottom:1px solid #fff; padding-bottom:10px; } #xr_xr > #footer > #boxfooter > table td { vertical-align:top; }*/ #xr_xr > #footer > #boxfooter > #footerlinks { width: 750px; list-style-type: none; margin: 30px auto 0 auto; padding: 0; } #xr_xr > #footer > #boxfooter > #footerlinks li { display: block; float: left; text-align: left; } #xr_xr > #footer > #boxfooter > #footerlinks li#footerlinks_kundenservice { width: 20%; } #xr_xr > #footer > #boxfooter > #footerlinks li#footerlinks_racestyles { width: 20%; } #xr_xr > #footer > #boxfooter > #footerlinks li#footerlinks_zahlungsmethoden { width: 28%; } #xr_xr > #footer > #boxfooter > #footerlinks li#footerlinks_lieferung { width: 21%; } #xr_xr > #footer > #boxfooter > #footerlinks li#footerlinks_social { width: 11%; text-align: right; } #xr_xr > #footer > #boxfooter > #footerlinks li dt { color: #fff; font-weight: bold; padding-bottom: 8px; border-bottom: 1px solid #fff; margin-bottom: 15px; width: 100%; } /*#xr_xr > #footer > #boxfooter > #footerlinks li#footerlinks_lieferung dt { background: url('../images/dhl.png') 70px 2px no-repeat; }*/ #xr_xr > #footer > #boxfooter > #footerlinks li dd { text-align: left; margin: 0; padding: 0; line-height: 1.3em; width: 180px; overflow: hidden; } #xr_xr > #footer > #boxfooter > #footerlinks li dd a { color: #fff; } #xr_xr > #footer > #boxfooter > #footerlinks li dd a:hover { color: #ddd; } #xr_xr > #footer > #boxfooter > #footerlinks li .facebook { background: url('../images/190.png'); width:45px; height:45px; display: inline-block; border:0 solid; cursor:pointer; } #xr_xr > #footer > #boxfooter > #footerlinks li .youtube { background: url('../images/yt.png'); width:45px; height:45px; display: inline-block; border:0 solid; cursor:pointer; } #xr_xr > #footer > #boxfooter > #footerlinks li .instagram { background: url('../images/instagram_small.png'); width:45px; height:45px; display: inline-block; border:0 solid; cursor:pointer; } #xr_xr > #footer > #copyright { font-size: 15px; height: 25px; line-height: 22px; background: url('../images/footer_sep.gif') right top no-repeat; color: #bbb; text-align:center; clear: both; } #xr_xr > #footer > #footerbanner { background: #000; padding: 10px 0; text-align:center; clear: both; } /* Basic Text Styles */ .xr_pbd { position:absolute; border:none; left:50%; margin-left:-512px; } .xr_tl {position: absolute; white-space: pre; unicode-bidi:bidi-override;} .xr_tr {position: absolute; white-space: pre; unicode-bidi:bidi-override; text-align:right;} .xr_tc {position: absolute; white-space: pre; unicode-bidi:bidi-override; text-align:center;} .xr_tj {position: absolute; unicode-bidi:bidi-override; text-align:justify;} .xr_ap {position: absolute; border:none;} .xr_ar { position: absolute; display:block; } .xr_ae {position: relative; border:none;} .xr_tb {position: absolute; unicode-bidi:bidi-override;} .xr_tu {unicode-bidi:bidi-override;margin-top:0;margin-bottom:0;} .xr_c_Theme_Color_1_a {color:#9C998E;} .xr_c_Text {color:#000;} .xr_c_Light_Text {color:#fff;} .xr_c_Theme_Color_1 {color:#45555B;} .xr_c_Page_Background {color:#fff;} .xr_c_Light_Text_a {color:#fff;} .xr_c_Theme_Color_3 {color:#fff;} .xr_c_Theme_Color_2 {color:#00587F;} .xr_c_Dark_Text {color:#393939;} /* Text styles */ .xr_s0 {font-family:Verdana, Geneva, sans-serif;font-weight:normal;font-style:normal;font-size:8px;text-decoration:none;color:#eee;letter-spacing:0.0em;} .xr_s1 {font-family:Verdana, Geneva, sans-serif;font-weight:normal;font-style:normal;font-size:8px;text-decoration:none;color:#fff;letter-spacing:0.0em;} .xr_s2 {font-family:Verdana, Geneva, sans-serif;font-weight:normal;font-style:normal;font-size:10px;text-decoration:none;color:#BF0000;letter-spacing:0.0em;} .xr_s3 {font-family:Verdana, Geneva, sans-serif;font-weight:700;font-style:normal;font-size:9px;text-decoration:none;color:#BF0000;letter-spacing:0.0em;} .xr_s4 {font-family:Verdana, Geneva, sans-serif;font-weight:normal;font-style:normal;font-size:13px;text-decoration:none;color:#000;letter-spacing:0.0em} .xr_s41, h3, h4 { font-family: Verdana, Geneva, sans-serif; font-weight: normal; font-style: normal; font-size: 13px; text-decoration: none; color: #000; letter-spacing: 0.0em; margin: 0px; padding: 0; } h3.xr_s41, h4.xr_s41 { font-weight: bold; margin-bottom: 15px; } .xr_s5 {font-family:Verdana, Geneva, sans-serif;font-weight:700;font-style:normal;font-size:11px;text-decoration:none;color:#000;letter-spacing:0.0em;} .xr_s6 {font-family:Verdana, Geneva, sans-serif;font-weight:normal;font-style:normal;font-size:18px;text-decoration:none;color:#BF0000;letter-spacing:0.0em;} .xr_s7 {font-family:Verdana, Geneva, sans-serif;font-weight:normal;font-style:normal;font-size:11px;text-decoration:none;color:#000;letter-spacing:0.0em; a:} .xr_s7_1 {font-family:Verdana, Geneva, sans-serif;font-weight:normal;text-align:center;font-style:normal;font-size:11px;text-decoration:none;color:#000;letter-spacing:0.0em;} .xr_s8 {font-family:Verdana, Geneva, sans-serif;font-weight:normal;font-style:normal;font-size:11px;text-decoration:none;color:#fff;letter-spacing:0.0em;} .xr_s9 {font-family:Verdana, Geneva, sans-serif;font-weight:700;font-style:normal;font-size:12px;text-decoration:none;color:#fff;letter-spacing:0.0em;} .Normaler_Text {font-family:Verdana, Geneva, sans-serif;ffont-weight:normal;font-style:normal;font-size:13px;text-decoration:none;color:#000;letter-spacing:0.0em;} .Normal_text {font-family:Verdana, Geneva, sans-serif;ffont-weight:normal;font-style:normal;font-size:12px;text-decoration:none;color:#000;letter-spacing:0.0em;} .Subheading_a {font-family:Verdana, Geneva, sans-serif;ffont-weight:700;font-style:normal;font-size:13px;text-decoration:none;color:#fff;letter-spacing:0.0em;} .Panel_text {font-family:Verdana, Geneva, sans-serif;ffont-weight:normal;font-style:normal;font-size:11px;text-decoration:none;color:#fff;letter-spacing:0.0em;} input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } fieldset { padding: 0; margin: 0; border: 0; min-width: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857143; color: #555555; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555555; background-color: #ffffff; background-image: none; border: 1px solid #cccccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); } .form-control::-moz-placeholder { color: #777777; opacity: 1; } .form-control:-ms-input-placeholder { color: #777777; } .form-control::-webkit-input-placeholder { color: #777777; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: #eeeeee; opacity: 1; } textarea.form-control { height: auto; } input[type="search"] { -webkit-appearance: none; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { line-height: 34px; line-height: 1.42857143 \0; } input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm { line-height: 30px; } input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg { line-height: 46px; } .form-group { margin-bottom: 15px; } .radio, .checkbox { position: relative; display: block; min-height: 20px; margin-top: 10px; margin-bottom: 10px; } .radio label, .checkbox label { padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; } .radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label { cursor: not-allowed; } .form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; } .form-control-static.input-lg, .form-control-static.input-sm { padding-left: 0; padding-right: 0; } .input-sm, .form-horizontal .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-sm { height: 30px; line-height: 30px; } textarea.input-sm, select[multiple].input-sm { height: auto; } .input-lg, .form-horizontal .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } select.input-lg { height: 46px; line-height: 46px; } textarea.input-lg, select[multiple].input-lg { height: auto; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 42.5px; } .form-control-feedback { position: absolute; top: 25px; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; } .input-lg + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .input-sm + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline { color: #3c763d; } .has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; } .has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline { color: #8a6d3b; } .has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; } .has-warning .input-group-addon { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline { color: #a94442; } .has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; } .has-error .input-group-addon { color: #a94442; border-color: #a94442; background-color: #f2dede; } .has-error .form-control-feedback { color: #a94442; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px; } .form-horizontal .form-group { margin-left: -15px; margin-right: -15px; } @media (min-width: 768px) { .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 7px; } } .form-horizontal .has-feedback .form-control-feedback { top: 0; right: 15px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 14.3px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; } } .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after { content: " "; display: table; } .row { margin-left: -15px; margin-right: -15px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .row { margin-left: -15px; margin-right: -15px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0%; } .col-xs-4.newline { clear: left; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; } } .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after { content: " "; display: table; } .clearfix:after, .container:after, .container-fluid:after, .row:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-right { text-align: right; } .text-center { text-align: center; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; visibility: hidden !important; } .input-full { width: 100%; } .muted, .muted a:link { color: #a4a6a1; font-size: 13px; } .muted1, .muted1 a:link { color: #646466; font-size: 13px; } .muted2, .muted2 a:link { color: #646466; font-size: 11px; } .muted a:hover, .muted1 a:hover, .muted2 a:hover { color: #E2001A; } #totop { text-decoration: none; height: 9px; opacity: 0.8; filter: alpha(opacity=80); position: fixed; right: -50px; width: 39px; z-index: 9999; display: block; bottom: 30px; background-image: url(../images/arrow_totop.png); background-repeat: no-repeat; background-position: center 15px; background-color: #f2f2f2; font-size: 9px; font-weight: 900; color: #000; text-align: center; line-height: 1; padding: 28px 0 20px 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #totop.on { right: 10px; /*opacity: 0.7; filter: alpha(opacity=70);*/ } #totop.off { right: -59px; } #totop:hover { opacity: 1; filter: alpha(opacity=100); } .cc_container .cc_btn { background-color: #BFBFBF !important; /* Farbe des Buttons */ color: #000 !important; /* Textfarbe des Buttons */ } .cc_container { background: #E4E4E4 !important; /* Hintergrundfarbe des gesamten Bereichs */ color: #000 !important; /* Schriftfarbe des gesamten Bereichs */ } .cc_container a { color: #000 !important; /* Textlink-Farbe "Mehr Infos" */ } /* ========================================================== MODAL & CART UPDATE (ABGESICHERT) ========================================================== */ /* --- 1. MODAL OVERLAY & CONTAINER --- */ .modal-overlay { display: none; position: fixed; z-index: 99999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); backdrop-filter: blur(4px); animation: fadeIn 0.3s ease-out; } .modal-container { background: #fff; margin: 5vh auto; width: 92%; max-width: 750px; border-radius: 12px; max-height: 85vh; display: flex; flex-direction: column; box-shadow: 0 10px 40px rgba(0,0,0,0.5); overflow: hidden; } .modal-header { padding: 15px 25px; border-bottom: 1px solid #eee; display: flex; justify-content: space-between; align-items: center; background-color: #fcfcfc; } .modal-header h2 { margin: 0; font-size: 1.2rem; color: #666666; /* Fixierte Farbe im Modal */ font-family: sans-serif; } .modal-content { padding: 20px 25px; overflow-y: auto; color: #333; -webkit-overflow-scrolling: touch; } .close-modal { background: #f0f0f0; border: none; font-size: 28px; cursor: pointer; border-radius: 50%; width: 36px; height: 36px; line-height: 34px; text-align: center; transition: all 0.2s ease; color: #666; } .close-modal:hover { background: #e0e0e0; color: #000; transform: scale(1.1); } /* --- 2. SPEZIFISCHE LINKS (Nur Warenkorb & Versand) --- */ /* Wir nutzen hier .open-shipping-modal als Anker, um deine globalen a-Tags zu schützen */ .open-shipping-modal { cursor: pointer !important; text-decoration: none !important; color: #666666 !important; /* Anthrazit */ display: inline-block; } .open-shipping-modal:hover { color: #E30613 !important; /* Racing-Rot */ } /* Der rote Stern im Warenkorb */ .versand-stern { color: #E30613; font-size: 0.7em; font-weight: bold; margin-left: 2px; } /* --- 3. SEO & ANIMATION --- */ .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @media (max-width: 600px) { .modal-container { margin: 2vh auto; width: 96%; max-height: 94vh; } .modal-content { padding: 15px; } } /* Verhindert das Scrollen der Seite, wenn das Modal offen ist */ body.modal-open { overflow: hidden; } /* Startseite, Hover Effekt über Bilder */ .img-hover-red { border: 1px solid transparent; transition: border-color 0.2s ease-in-out; } .img-hover-red:hover { border-color: #ff0000 !important; }