/*!
* Bootstrap Responsive v2.3.1
*
* Copyright 2012 Twitter, Inc
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
* Designed and built with all the love in the world @twitter by @mdo and @fat.
*/
.last-viewed {
height:255px;
}
.container2 {width: auto;
margin: auto;
}
.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: table;
line-height: 0;
content: "";
}
.clearfix:after {
clear: both;
}
.hide-text {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.input-block-level {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.social {
margin: 7px 8px 0px 0px;
}
@-ms-viewport {
width: device-width;
}
.hidden {
display: none;
visibility: hidden;
}
.visible-phone {
display: none !important;
overflow: visible !important;
}
.visible-tablet {
display: none !important;
}
.hidden-desktop {
display: none !important;
}
.visible-desktop {
display: inherit !important;
}
@media (min-width: 768px) and (max-width: 979px) {
.header-open {
top: -45px !important;
height: 35px;
margin-right: 130px !important;
-webkit-transition: height 0.7s ease-in-out;
transition: height 0.7s ease-in-out;
}
.header-open:hover {
height: 246px;
}
.header-open table {margin-top:-220px;
-webkit-transition: margin-top 0.7s ease-in-out;
transition: margin-top 0.7s ease-in-out;
}
.header-open:hover table {margin-top:0px;
}
.hidden-desktop {
display: inherit !important;
}
.visible-desktop {
display: none !important ;
}
.visible-tablet {
display: inherit !important;
}
.hidden-tablet {
display: none !important;
}
.hidden-1 {
display: none !important;
}
}
@media (min-width: 980px) {
.header-open {
top: -193px;
}
}
@media (max-width: 768px) {
.header-open {
top: -188px;
}
.span6x1 {
display:none!important;
}
.hidden-desktop {
display: inherit !important;
}
.visible-desktop {
display: none !important;
}
.visible-phone {
display: contents!important;
}
.hidden-phone {
display: none !important;
}
.phone-1 {
margin-top: 25px !important;
margin-bottom: 25px !important;
/*display: block !important;*/
}
.phone-1 li {
line-height:40px;
}
.footer li {
text-align:center!important;
}
.footer h6 {
text-align:center;
font-size: 18px!important;
}
.social-div {
width: 146px;
margin: auto;
}
select#manufacturers {
width: auto !important;
}
}
.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: inherit !important;
}
.hidden-print {
display: none !important;
}
}
.start-img-felder {
overflow:visible;
}
.supportfield .start-img-felder-content, .tech .start-img-felder-content, .impressionen .start-img-felder-content {
overflow:visible;
bottom: 10px;
position: absolute;
/*height:100%;*/
width: 100%;
}
.supportfield .start-img-felder-content div{
}
.tech .start-img-felder-content div, .impressionen .start-img-felder-content div{
position: absolute;bottom: 0;width: 95%;}
.supportfield, .laden, .tech, .impressionen {
overflow: visible;
position: absolute;
top: 0;
left:5px;
font-weight: 400;
}
.tech {
font-weight: 100;
font-size: 1.06em;
}
.supportfield div, .laden div, .tech div, .impressionen div {
margin: 0 7px 0 7px;
}
.supportfield, .supportfield a, .laden, .laden a, .tech, .tech a, .impressionen, .impressionen a {
color:#fff;
text-decoration:none;
height: 100%;
width: 98%;
}
.supportfield em, .laden em, .tech em, .impressionen em {
color:#D72822;
}
.supportfield h3, .laden h3, .tech h3, .impressionen h3 {
text-transform: uppercase!important;
font-weight: 400;
}
.content-in div {
overflow:hidden;
}
.visible {
overflow:visible!important;
}
.catbox .title h3 {
line-height: 19px;
}
@media (min-width: 1300px) {
.hinweis{font-size: 27px; line-height:50px;}
.hinweis table {font-size: 37px; line-height:38px;}
.hinweis-img {width: 35%;}
.hinweis-text {width: 65%;}
.img-slogan img {
max-width: 80%;
max-height: 80%;
}
.img-slogan {
margin: 6px 0 0 -70px;
}
.content-gallery img{
width:17.4%;
}
.supportfield h3, .laden h3, .tech h3, .impressionen h3 {
font-size: 2.3em;
line-height: 48px;
margin: 10px 0 0 0;
}
/*Startseite Aufteilung*/
.content-out {
width:100%;
display: block;
}
.content-in {
max-width: 1260px;
overflow:visible;
margin:auto;
}
.content-in div {
overflow: hidden;
}
.col1 {
width:100%;
margin-left:0%;
margin-bottom:26px;
}
.col1-5 {
width:75%;
margin-left:2%;
margin-bottom:26px;
}
.col2 {
width: 49%;
margin-left: 2%;
margin-bottom:26px;
}
.col3 {
width:28%;
margin-left:2%;
margin-bottom:26px;
}
.col4 {
width: 23%;
margin-left: 2.0%;
margin-bottom: 26px;
}
.col5 {
width:15%;
margin-left:2%;
margin-bottom:26px;
}
.line1 {
height:15%;
}
.row {
margin-left: 0px;
*zoom: 1;
}
.row:before,
.row:after {
display: table;
line-height: 0;
content: "";
}
.row:after {
clear: both;
}
[class*="span"] {
float: left;
min-height: 1px;
}
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
width: 1270px;
}
.product-related .container-auto-cross-sale {
width: 866px;
}
.span12 {
width: 1260px;
}
.span11 {
/*width: 1070px;*/
width: 1110px;
}
.span10 {
width: 990px;
}
.span10-1 {
width: 990px;
}
.span9 {
width: 870px;
}
.span8 {
width: 770px;
}
.span8-1 {
width: 864px;
}
.span7 {
width: 670px;
}
.span6 {
width: 570px;
}
.span6x0 {
width: 200px;
}
.span6xl {
width: 900px;
}
.span6x2 {
width: 798px;
}
.span5 {
width: 550px;
}
.span4 {
width: 400px;
}
.footer .span3-1 {
width: 21%;
}
.footer .span4 {
width: 29.1%;
}
.span3 {
width: 232px;
}
.span3-1 {
width: 215px;
}
.span3-2 {
width: 290px
}
.span3-3 {
width: 250px;
}
.span2 {
width: 170px;
}
.span1 {
width: 70px;
}
.offset12 {
margin-left: 1230px;
}
.offset11 {
margin-left: 1130px;
}
.offset10 {
margin-left: 1030px;
}
.offset9 {
margin-left: 930px;
}
.offset8 {
margin-left: 830px;
}
.offset7 {
margin-left: 730px;
}
.offset6 {
margin-left: 630px;
}
.offset5 {
margin-left: 530px;
}
.offset4 {
margin-left: 430px;
}
.offset3 {
margin-left: 330px;
}
.offset2 {
margin-left: 230px;
}
.offset1 {
margin-left: 130px;
}
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
display: table;
line-height: 0;
content: "";
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
float: left;
width: 100%;
min-height: 30px;
margin-left: 2.164102564102564%;
*margin-left: 2.5109110747408616%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#checkout-content .row-fluid [class*="span"], .catlist .row-fluid [class*="span"] {
margin-left: 1.7%;
margin-right: 0;
}
#checkout-content .row-fluid [class*="span"]:first-child, .catlist .row-fluid [class*="span"]:first-child{
margin-left: 0;
}
.row-fluid [class*="span"]:first-child , .row-fluid [class*="span"]:nth-child(4) , .row-fluid [class*="span"]:nth-child(7){
/*margin-left: 0;*/
}
.row-fluid [class*="span"]:first-child{
/*margin-left: 2.564102564102564%;*/
margin-left: 0;
}
.row-fluid .controls-row [class*="span"] + [class*="span"] {
margin-left: 2.564102564102564%;
}
.row-fluid .span12 {
width: 100%;
*width: 99.94680851063829%;
}
.row-fluid .span11 {
width: 91.45299145299145%;
*width: 91.39979996362975%;
}
.row-fluid .span10 {
width: 82.90598290598291%;
*width: 82.8527914166212%;
}
.row-fluid .span9 {
width: 74.35897435897436%;
*width: 74.30578286961266%;
}
.row-fluid .span8 {
width: 65.81196581196582%;
*width: 65.75877432260411%;
}
.row-fluid .span7 {
width: 57.26495726495726%;
*width: 57.21176577559556%;
}
.row-fluid .span6 {
width: 48.9%;
*width: 48.664757228587014%;
}
#checkout-content .row-fluid .span6 {
width: 49.15%;
*width: 48.664757228587014%;
}
#shipping .span6 {
width: 76.95% !important;
margin-left:1%!important;
}
.row-fluid .span5 {
width: 40.17094017094017%;
*width: 40.11774868157847%;
}
.catlist .row-fluid .span4 {
width: 30.723931623931625%;
*width: 31.570740134569924%;
}
.row-fluid .span4 {
width: 29.724%;
*width: 31.570740134569924%;
}
.row-fluid .span3 {
width: 23.076923076923077%;
*width: 23.023731587561375%;
}
.row-fluid .span2 {
width: 14.02991452991453%;
*width: 14.476723040552828%;
}
.row-fluid .span1 {
width: 5.982905982905983%;
*width: 5.929714493544281%;
}
.row-fluid .offset12 {
margin-left: 105.12820512820512%;
*margin-left: 105.02182214948171%;
}
.row-fluid .offset12:first-child {
margin-left: 102.56410256410257%;
*margin-left: 102.45771958537915%;
}
.row-fluid .offset11 {
margin-left: 96.58119658119658%;
*margin-left: 96.47481360247316%;
}
.row-fluid .offset11:first-child {
margin-left: 94.01709401709402%;
*margin-left: 93.91071103837061%;
}
.row-fluid .offset10 {
margin-left: 88.03418803418803%;
*margin-left: 87.92780505546462%;
}
.row-fluid .offset10:first-child {
margin-left: 85.47008547008548%;
*margin-left: 85.36370249136206%;
}
.row-fluid .offset9 {
margin-left: 79.48717948717949%;
*margin-left: 79.38079650845607%;
}
.row-fluid .offset9:first-child {
margin-left: 76.92307692307693%;
*margin-left: 76.81669394435352%;
}
.row-fluid .offset8 {
margin-left: 70.94017094017094%;
*margin-left: 70.83378796144753%;
}
.row-fluid .offset8:first-child {
margin-left: 68.37606837606839%;
*margin-left: 68.26968539734497%;
}
.row-fluid .offset7 {
margin-left: 62.393162393162385%;
*margin-left: 62.28677941443899%;
}
.row-fluid .offset7:first-child {
margin-left: 59.82905982905982%;
*margin-left: 59.72267685033642%;
}
.row-fluid .offset6 {
margin-left: 53.84615384615384%;
*margin-left: 53.739770867430444%;
}
.row-fluid .offset6:first-child {
margin-left: 51.28205128205128%;
*margin-left: 51.175668303327875%;
}
.row-fluid .offset5 {
margin-left: 45.299145299145295%;
*margin-left: 45.1927623204219%;
}
.row-fluid .offset5:first-child {
margin-left: 42.73504273504273%;
*margin-left: 42.62865975631933%;
}
.row-fluid .offset4 {
margin-left: 36.75213675213675%;
*margin-left: 36.645753773413354%;
}
.row-fluid .offset4:first-child {
margin-left: 34.18803418803419%;
*margin-left: 34.081651209310785%;
}
.row-fluid .offset3 {
margin-left: 28.205128205128204%;
*margin-left: 28.0987452264048%;
}
.row-fluid .offset3:first-child {
margin-left: 25.641025641025642%;
*margin-left: 25.53464266230224%;
}
.row-fluid .offset2 {
margin-left: 19.65811965811966%;
*margin-left: 19.551736679396257%;
}
.row-fluid .offset2:first-child {
margin-left: 17.094017094017094%;
*margin-left: 16.98763411529369%;
}
.row-fluid .offset1 {
margin-left: 11.11111111111111%;
*margin-left: 11.004728132387708%;
}
.row-fluid .offset1:first-child {
margin-left: 8.547008547008547%;
*margin-left: 8.440625568285142%;
}
input,
textarea,
.uneditable-input {
margin-left: 0;
}
.controls-row [class*="span"] + [class*="span"] {
margin-left: 30px;
}
input.span12,
textarea.span12,
.uneditable-input.span12 {
width: 1156px;
}
input.span11,
textarea.span11,
.uneditable-input.span11 {
width: 1056px;
}
input.span10,
textarea.span10,
.uneditable-input.span10 {
width: 956px;
}
input.span9,
textarea.span9,
.uneditable-input.span9 {
width: 856px;
}
input.span8,
textarea.span8,
.uneditable-input.span8 {
width: 756px;
}
input.span7,
textarea.span7,
.uneditable-input.span7 {
width: 656px;
}
input.span6,
textarea.span6,
.uneditable-input.span6 {
width: 556px;
}
input.span5,
textarea.span5,
.uneditable-input.span5 {
width: 456px;
}
input.span4,
textarea.span4,
.uneditable-input.span4 {
width: 356px;
}
input.span3,
textarea.span3,
.uneditable-input.span3 {
width: 256px;
}
input.span2,
textarea.span2,
.uneditable-input.span2 {
width: 156px;
}
input.span1,
textarea.span1,
.uneditable-input.span1 {
width: 56px;
}
.thumbnails {
margin-left: -30px;
}
.thumbnails > li {
margin-left: 30px;
}
.row-fluid .thumbnails {
margin-left: 0;
}
.product-list li {
width: 20.5%!important;
}
.cart-product-related .product-list li, .cart_offers li {
width: 21.5% !important;
}
.m-cor3 {
margin-left:-92px;
padding-right:92px;
}
}
@media (min-width: 1199px) and (max-width: 1299px) {
#varianten input.value {
margin-bottom: -2px;
width: 98.5%;
}
#varianten .btn-large {
width: 100%;
}
.hinweis{font-size: 27px; line-height:50px;}
.hinweis table {font-size: 37px; line-height:38px;}
.hinweis-img {width: 41%;}
.hinweis-text {width: 59%;}
.img-slogan {
margin: 6px 0 0 -70px;
}
.img-slogan img {
max-width: 80%;
max-height: 80%;
}
.box.coupons {
margin: 0 20px 0 -20px;
}
.content-gallery img{
width:17.2%;
}
.supportfield h3, .laden h3, .tech h3, .impressionen h3 {
font-size: 2.0em;
line-height: 48px;
margin: 10px 0 0 0;
}
/*Startseite Aufteilung*/
.content-out {
width:100%;
display: block;
}
.content-in {
max-width: 1260px;
overflow:visible;
margin:auto;
}
.col1 {
width:100%;
margin-left:0%;
margin-bottom:20px;
}
.col1-5 {
width:74%;
margin-left:2%;
margin-bottom:20px;
}
.col2 {
width: 49%;
margin-left: 2%;
margin-bottom:20px;
}
.col3 {
width:28%;
margin-left:2%;
margin-bottom:20px;
}
.col4 {
width:24%;
margin-left:1%;
margin-bottom:20px;
}
.col5 {
width:15%;
margin-left:2%;
margin-bottom:20px;
}
.line1 {
height:15%;
}
.catbox {
height: 200px;
}
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
width: 1100px;
}
.product-related .container-auto-cross-sale
{
width: 720px;
}
.span12 {
width: 1080px;
}
.span3 {
width: 200px;
}
.span3-2 {
width: 288px;
}
.span4 {
width: 346px;
}
.footer .span3-1 {
width: 21%;
}
.footer .span4 {
width: 29.1%;
}
.span5 {
width: 410px;
}
.span6x0 {
width: 200px;
}
.span6xl {
width: 860px;
}
.span6x2 {
width: 610px;
}
.span8-1 {
width: 720px;
}
.span10 {
width: 855px;
}
.span10-1 {
width: 855px;
}
.widget.Categories li.active::after, .widget.Categories li:hover::after {
width: 89%!important;
}
.product-list li {
width: 20.2%;
}
.cart-product-related .product-list li, .cart_offers li {
width: 21.0% !important;
}
}
@media (min-width: 1199px) {
.header .top {
margin-bottom: 4px;
position: relative;
z-index: 10;
background: rgba(0,0,0,0.65);
height: 36px;
font-size: 21px;
line-height: 22px;
color: #ffffff;
border-bottom: 1px #550000 solid;
/* text-transform: uppercase;*/
}
.header .top a {
font-size: 15px;
}
.header-open a.open {
right: -85px;
}
.header-open table {
font-size:14px;
}
.header-open {
width:214px;
}
.header-open:hover a.open {
right: 0px;
}
}
@media (max-width: 1199px) {
#varianten input.value {
margin-bottom: -2px;
width: 98%;
}
#varianten .btn-large {
padding: 15px 0px 35px 0px;
width: 100%;
}
#varianten .add-to-cart input {
border: 2px #ae1c17 solid;
margin-right: -5px;
}
#varianten .btn.btn-large [class^="icon-"], .btn.btn-large [class*=" icon-"] {
/* margin-right: -10px;*/
}
.header-line{line-height: 35px;
}
.header .top {
margin-bottom: 4px;
position: relative;
z-index: 550;
background: rgba(0,0,0,0.65);
height: 40px;
font-size: 16px;
line-height: 26px;
color: #ffffff;
border-bottom: 1px #550000 solid;
text-transform: none;
}
.header .top a {
font-size: 14px;
}
.header-open a.open {
right: -93px;
}
.header-open table {
font-size:12px;
}
.header-open {
width:192px;
}
.header-open:hover a.open {
right: -20px;
}
}
@media (min-width: 980px) and (max-width: 1199px) {
.social {
margin:8px 5px 0px 5px;
}
.hinweis{font-size: 23px; line-height:42px;}
.hinweis table {font-size: 30px; line-height:38px;}
.hinweis-img {width: 46%;}
.hinweis-text {width: 54%;}
.img-slogan {
margin: 7px 0px 0 -69px;
}
.img-slogan img {
max-width: 80%;
max-height: 80%;
}
.img-slogan-wrap {
width: 77%!important;
margin-left: -2px !important;
}
.content-gallery img{
width:17.0%;
}
.supportfield h3, .laden h3, .tech h3, .impressionen h3 {
font-size: 1.7em;
line-height: 36px;
margin: 8px 0 0 0;
}
/*Startseite Aufteilung*/
.content-out {
width:100%;
display: block;
}
.content-in {
max-width: 1260px;
overflow:visible;
margin:auto;
}
.content-in div {
}
.col1 {
width:100%;
margin-left:0%;
margin-bottom:20px;
}
.col1-5 {
width:74%;
margin-left:2%;
margin-bottom:20px;
}
.col2 {
width: 49%;
margin-left: 2%;
margin-bottom:20px;
}
.col3 {
width:28%;
margin-left:2%;
margin-bottom:20px;
}
.col4 {
width:23.3%;
margin-left:2.0%;
margin-bottom:20px;
}
.col5 {
width:15%;
margin-left:2%;
margin-bottom:20px;
}
.line1 {
height:15%;
}
.row {
margin-left: -10px;
*zoom: 1;
}
.row:before,
.row:after {
display: table;
line-height: 0;
content: "";
}
.row:after {
clear: both;
}
[class*="span"] {
float: left;
min-height: 1px;
}
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
width: 962px;
}
.product-related .container-auto-cross-sale
{
width: 655px;
}
.span12 {
width: 953px;
}
.span11 {
/*width: 1070px;*/
width: 880px;
}
.span10 {
width: 710px;
}
.span10-1 {
width: 710px;
}
.span9 {
width: 870px;
}
.span8 {
width: 620px;
}
.span8-1 {
width: 654px;
}
.span7 {
width: 670px;
}
.span6 {
width: 460px;
}
.span6x0 {
width: 130px;
}
.span6xl {
width: 800px;
}
.span6x2 {
width: 460px;
}
.span5 {
width: 340px;
}
.span4 {
width: 303px;
}
.footer .span4 {
width: 320px;
}
.footer .span3-1 {
width: 19%;
}
.footer .span4 {
width: 32.1%;
}
.span3 {
width: 174px;
}
.span3-1 {
width: 190px;
}
.span3-2 {
width: 290px
}
.span3-3 {
width: 250px;
}
.span2 {
width: 170px;
}
.span1 {
width: 70px;
}
.offset12 {
margin-left: 1230px;
}
.offset11 {
margin-left: 1130px;
}
.offset10 {
margin-left: 1030px;
}
.offset9 {
margin-left: 930px;
}
.offset8 {
margin-left: 830px;
}
.offset7 {
margin-left: 730px;
}
.offset6 {
margin-left: 630px;
}
.offset5 {
margin-left: 530px;
}
.offset4 {
margin-left: 430px;
}
.offset3 {
margin-left: 330px;
}
.offset2 {
margin-left: 230px;
}
.offset1 {
margin-left: 130px;
}
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
display: table;
line-height: 0;
content: "";
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
float: left;
width: 100%;
min-height: 30px;
margin-left: 2.164102564102564%;
*margin-left: 2.5109110747408616%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#checkout-content .row-fluid [class*="span"], .catlist .row-fluid [class*="span"] {
margin-left: 1.7%;
margin-right: 0;
}
#checkout-content .row-fluid [class*="span"]:first-child, .catlist .row-fluid [class*="span"]:first-child{
margin-left: 0;
}
.row-fluid [class*="span"]:first-child , .row-fluid [class*="span"]:nth-child(4) , .row-fluid [class*="span"]:nth-child(7){
/*margin-left: 0;*/
}
.row-fluid [class*="span"]:first-child{
/*margin-left: 2.564102564102564%;*/
margin-left: 0;
}
.row-fluid .controls-row [class*="span"] + [class*="span"] {
margin-left: 2.564102564102564%;
}
.row-fluid .span12 {
width: 100%;
*width: 99.94680851063829%;
}
.row-fluid .span11 {
width: 91.45299145299145%;
*width: 91.39979996362975%;
}
.row-fluid .span10 {
width: 82.90598290598291%;
*width: 82.8527914166212%;
}
.row-fluid .span9 {
width: 74.35897435897436%;
*width: 74.30578286961266%;
}
.row-fluid .span8 {
width: 65.81196581196582%;
*width: 65.75877432260411%;
}
.row-fluid .span7 {
width: 57.26495726495726%;
*width: 57.21176577559556%;
}
.row-fluid .span6 {
width: 48.90%;
*width: 48.664757228587014%;
}
#checkout-content .row-fluid .span6 {
width: 49.15%;
*width: 48.664757228587014%;
}
#shipping .span6 {
width: 77.45% !important;
margin-left:1%!important;
}
.row-fluid .span5 {
width: 40.17094017094017%;
*width: 40.11774868157847%;
}
.catlist .row-fluid .span4 {
width: 30.723931623931625%;
*width: 31.570740134569924%;
}
.row-fluid .span4 {
width: 29.724%;
*width: 31.570740134569924%;
}
.row-fluid .span3 {
width: 23.076923076923077%;
*width: 23.023731587561375%;
}
.row-fluid .span2 {
width: 14.02991452991453%;
*width: 14.476723040552828%;
}
.row-fluid .span1 {
width: 5.982905982905983%;
*width: 5.929714493544281%;
}
.row-fluid .offset12 {
margin-left: 105.12820512820512%;
*margin-left: 105.02182214948171%;
}
.row-fluid .offset12:first-child {
margin-left: 102.56410256410257%;
*margin-left: 102.45771958537915%;
}
.row-fluid .offset11 {
margin-left: 96.58119658119658%;
*margin-left: 96.47481360247316%;
}
.row-fluid .offset11:first-child {
margin-left: 94.01709401709402%;
*margin-left: 93.91071103837061%;
}
.row-fluid .offset10 {
margin-left: 88.03418803418803%;
*margin-left: 87.92780505546462%;
}
.row-fluid .offset10:first-child {
margin-left: 85.47008547008548%;
*margin-left: 85.36370249136206%;
}
.row-fluid .offset9 {
margin-left: 79.48717948717949%;
*margin-left: 79.38079650845607%;
}
.row-fluid .offset9:first-child {
margin-left: 76.92307692307693%;
*margin-left: 76.81669394435352%;
}
.row-fluid .offset8 {
margin-left: 70.94017094017094%;
*margin-left: 70.83378796144753%;
}
.row-fluid .offset8:first-child {
margin-left: 68.37606837606839%;
*margin-left: 68.26968539734497%;
}
.row-fluid .offset7 {
margin-left: 62.393162393162385%;
*margin-left: 62.28677941443899%;
}
.row-fluid .offset7:first-child {
margin-left: 59.82905982905982%;
*margin-left: 59.72267685033642%;
}
.row-fluid .offset6 {
margin-left: 53.84615384615384%;
*margin-left: 53.739770867430444%;
}
.row-fluid .offset6:first-child {
margin-left: 51.28205128205128%;
*margin-left: 51.175668303327875%;
}
.row-fluid .offset5 {
margin-left: 45.299145299145295%;
*margin-left: 45.1927623204219%;
}
.row-fluid .offset5:first-child {
margin-left: 42.73504273504273%;
*margin-left: 42.62865975631933%;
}
.row-fluid .offset4 {
margin-left: 36.75213675213675%;
*margin-left: 36.645753773413354%;
}
.row-fluid .offset4:first-child {
margin-left: 34.18803418803419%;
*margin-left: 34.081651209310785%;
}
.row-fluid .offset3 {
margin-left: 28.205128205128204%;
*margin-left: 28.0987452264048%;
}
.row-fluid .offset3:first-child {
margin-left: 25.641025641025642%;
*margin-left: 25.53464266230224%;
}
.row-fluid .offset2 {
margin-left: 19.65811965811966%;
*margin-left: 19.551736679396257%;
}
.row-fluid .offset2:first-child {
margin-left: 17.094017094017094%;
*margin-left: 16.98763411529369%;
}
.row-fluid .offset1 {
margin-left: 11.11111111111111%;
*margin-left: 11.004728132387708%;
}
.row-fluid .offset1:first-child {
margin-left: 8.547008547008547%;
*margin-left: 8.440625568285142%;
}
input,
textarea,
.uneditable-input {
margin-left: 0;
}
.controls-row [class*="span"] + [class*="span"] {
margin-left: 30px;
}
input.span12,
textarea.span12,
.uneditable-input.span12 {
width: 1156px;
}
input.span11,
textarea.span11,
.uneditable-input.span11 {
width: 1056px;
}
input.span10,
textarea.span10,
.uneditable-input.span10 {
width: 956px;
}
input.span9,
textarea.span9,
.uneditable-input.span9 {
width: 856px;
}
input.span8,
textarea.span8,
.uneditable-input.span8 {
width: 756px;
}
input.span7,
textarea.span7,
.uneditable-input.span7 {
width: 656px;
}
input.span6,
textarea.span6,
.uneditable-input.span6 {
width: 556px;
}
input.span5,
textarea.span5,
.uneditable-input.span5 {
width: 456px;
}
input.span4,
textarea.span4,
.uneditable-input.span4 {
width: 356px;
}
input.span3,
textarea.span3,
.uneditable-input.span3 {
width: 256px;
}
input.span2,
textarea.span2,
.uneditable-input.span2 {
width: 156px;
}
input.span1,
textarea.span1,
.uneditable-input.span1 {
width: 56px;
}
.thumbnails {
margin-left: -30px;
}
.thumbnails > li {
margin-left: 30px;
}
.row-fluid .thumbnails {
margin-left: 0;
}
.product-list li {
width: 240px;
}
}
@media (min-width: 979px) {
.shipping-methods .row-fluid .span4 {
}
.span4-1 {
width: 326px;
}
.supportfield .start-img-felder-content, .tech .start-img-felder-content, .laden .start-img-felder-content, .impressionen .start-img-felder-content {
font-size: 1.0em;
line-height: 1.3em;
}
}
/*TABLET*/
@media (min-width: 979px) {
.box.coupons {
margin: 0px;
}
}
@media (min-width: 1199px) {
.supportfield .start-img-felder-content, .tech .start-img-felder-content, .laden .start-img-felder-content, .impressionen .start-img-felder-content {
font-size: 1.25em;
line-height: 1.3em;
}
.impressionen .start-img-felder-content {
font-size: 1.5em;
line-height: 1.3em;
}
.box.coupons {
margin: 0 0px 0 0px;
}
}
@media (max-width: 979px) {
.romw {
width: 100%!important;
margin: 0 0 20px 0;
}
.supportfield .start-img-felder-content, .laden .start-img-felder-content, .impressionen .start-img-felder-content {
font-size: 1.5em;
line-height: 1.3em;
}
.tech .start-img-felder-content {
font-size: 1.15em;
line-height: 1.3em;
}
}
@media (max-width: 668px) {
.supportfield .start-img-felder-content, .laden .start-img-felder-content {
font-size: 1.5em;
line-height: 1.3em;
}
.tech .start-img-felder-content {
font-size: 1.0em;
line-height: 1.3em;
}
.impressionen .start-img-felder-content {
font-size: 1.2em;
line-height: 1.3em;
}
.supportfield em, .laden em, .tech em, .impressionen em {
}
.supportfield h3, .laden h3, .tech h3, .impressionen h3 {
font-size: 1.8em;
line-height: 1.05;
margin: 10px 0 0 0;
}
.cor2 {
line-height: 49px!important;
}
.bg-pic3 {
min-height: 70px;
}
}
@media (max-width: 480px) {
.supportfield .start-img-felder-content {
font-size: 1em;
line-height: 1.1em;
}
.laden .start-img-felder-content {
font-size: 0.9em;
line-height: 1.1em;
}
.tech .start-img-felder-content {
font-size: 0.85em;
line-height: 1.05em;
}
.impressionen .start-img-felder-content {
font-size: 0.85em;
line-height: 1.3em;
}
.supportfield em, .laden em, .tech em, .impressionen em {
}
.supportfield h3, .laden h3, .tech h3, .impressionen h3 {
font-size: 1.3em;
line-height: 1.05;
margin: 3px 0 0 0;
}
.cor2 {
line-height: 47px!important;
}
.supportfield div, .laden div, .tech div, .impressionen div {
margin: 0 10px 0 0px;
}
}
@media (min-width: 830px) and (max-width: 979px) {
.hinweis{font-size: 18px; line-height:42px;}
.hinweis table {font-size: 30px; line-height:38px;}
.hinweis-img {width: 55%;}
.hinweis-text {width: 45%;}
.catbox .title h3 {
line-height: 14px;
}
p.slogan {
font-size:0.8em;
}
.img-slogan {
margin: 7px 0px 0 -69px;
}
.img-slogan img {
max-width: 80%;
max-height: 80%;
}
.content-gallery img{
width:17.0%;
}
input#coupon_code {
width: 84%!important;
}
/*Startseite Aufteilung*/
.supportfield h3, .laden h3, .tech h3, .impressionen h3 {
font-size: 2.3em;
line-height: 48px;
margin: 10px 0 0 0;
}
.content-out {
width:100%;
display: block;
}
.content-in {
max-width: 1260px;
overflow:visible;
margin:auto;
}
.content-in div {
}
.m-cor4 {
margin-left:0%!important;
}
.col1 {
width:100%;
margin-left:0%;
margin-bottom:20px;
}
.col1-5 {
width:100%;
margin-left:0%;
margin-bottom:20px;
}
.col2 {
width:100%;
margin-left:0%;
margin-bottom:20px;
}
.col3 {
width:100%;
margin-left:0%;
margin-bottom:20px;
}
.col4 {
width:48.5%;
margin-left:3%;
margin-bottom:20px;
}
.col5 {
width:15%;
margin-left:2%;
margin-bottom:20px;
}
.line1 {
height:15%;
}
.index-h1 h1 {
font-size: 30px!important;
}
.footer {
font-size: 12px;
}
.footer li {
line-height:18px;
}
.footer h6 {
font-size: 14px!important;
line-height: 16.5px;
}
.row {
margin-left: -5px;
*zoom: 1;
}
.hidden-phone {
margin-left: 0 !important;
}
.row:before,
.row:after {
display: table;
line-height: 0;
content: "";
}
.row:after {
clear: both;
}
[class*="span"] {
float: left;
min-height: 1px;
margin-left: 10px;
}
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
width: 810px;
}
.span12 {
width: 807px;
}
.span11 {
width: 690px;
/*width: 690px;*/
}
.span10 {
width: 615px;
}
.span10-1 {
width: 490px;
}
.span9 {
width: 525px;
}
.span8-1 {
width: 740px;
}
.span8 {
width: 560px;
}
.span7 {
width: 414px;
}
.span6 {
width: 352px;
}
.span6xl {
width: 386px;
}
.span6x2 {
width: 307px;
}
/* .span5 {
width: 290px;
}*/
.span5 {
width: 740px;
}
.span4 {
width: 234px;
}
.span4-1 {
width: 740px;
}
.span3 {
width: 136px;
}
.span3-1 {
width:152px;
}
.footer .span3-1 {
width: 21%;
}
.footer .span4 {
width: 29.1%;
}
.span3-3 {
width: 190px;
}
.span3-3 .hgroup.title {
padding: 0 10px 10px!important;
}
.span3-3 ul, ol {
}
.span3-3 .price-list li {
margin: 0 -20px!important;
padding: 15px 10px!important;
}
.span3-3 .price-list li strong {
right: 15px!important;
}
.span3-2 {
width:740px;
}
.span2 {
width: 104px;
}
.span1 {
width: 42px;
}
.offset12 {
margin-left: 764px;
}
.offset11 {
margin-left: 702px;
}
.offset10 {
margin-left: 640px;
}
.offset9 {
margin-left: 578px;
}
.offset8 {
margin-left: 516px;
}
.offset7 {
margin-left: 454px;
}
.offset6 {
margin-left: 392px;
}
.offset5 {
margin-left: 330px;
}
.offset4 {
margin-left: 268px;
}
.offset3 {
margin-left: 206px;
}
.offset2 {
margin-left: 144px;
}
.offset1 {
margin-left: 82px;
}
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
display: table;
line-height: 0;
content: "";
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
float: left;
width: 100%;
min-height: 30px;
margin-left: 0.0%;
margin-right: 0.0%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.row-fluid [class*="span"]:first-child {
/* margin-left: 2.76243%;*/
margin-left: 0;
}
.row-fluid .controls-row [class*="span"] + [class*="span"] {
margin-left: 2.7624309392265194%;
}
.row-fluid .span12 {
width: 100%;
*width: 99.94680851063829%;
}
.row-fluid .span11 {
width: 91.43646408839778%;
*width: 91.38327259903608%;
}
.row-fluid .span10 {
width: 79.873%;
*width: 82.81973668743387%;
}
.row-fluid .span9 {
width: 74.30939226519337%;
*width: 74.25620077583166%;
}
.row-fluid .span8 {
width: 65.74585635359117%;
*width: 65.69266486422946%;
}
.row-fluid .span7 {
width: 57.18232044198895%;
*width: 57.12912895262725%;
}
.row-fluid .span6 {
width: 100%;
*width: 48.56559304102504%;
}
.row-fluid .span5 {
width: 40.05524861878453%;
*width: 40.00205712942283%;
}
.row-fluid .span4 {
width: 30.4917%;
*width: 31.43852121782062%;
}
.shipping-methods .row-fluid .span4 {
width:48.4%;
}
.address .span4 {
width:37.4%!important;
}
#shipping .span6 {
width: 76.852% !important;
margin-left: 1.5% !important;}
.row-fluid .span3 {
width: 22.92817679558011%;
*width: 22.87498530621841%;
}
.row-fluid .span2 {
width: 16.365%;
*width: 14.311449394616199%;
}
.row-fluid .span1 {
width: 5.801104972375691%;
*width: 5.747913483013988%;
}
.row-fluid .offset12 {
margin-left: 105.52486187845304%;
*margin-left: 105.41847889972962%;
}
.row-fluid .offset12:first-child {
margin-left: 102.76243093922652%;
*margin-left: 102.6560479605031%;
}
.row-fluid .offset11 {
margin-left: 96.96132596685082%;
*margin-left: 96.8549429881274%;
}
.row-fluid .offset11:first-child {
margin-left: 94.1988950276243%;
*margin-left: 94.09251204890089%;
}
.row-fluid .offset10 {
margin-left: 88.39779005524862%;
*margin-left: 88.2914070765252%;
}
.row-fluid .offset10:first-child {
margin-left: 85.6353591160221%;
*margin-left: 85.52897613729868%;
}
.row-fluid .offset9 {
margin-left: 79.8342541436464%;
*margin-left: 79.72787116492299%;
}
.row-fluid .offset9:first-child {
margin-left: 77.07182320441989%;
*margin-left: 76.96544022569647%;
}
.row-fluid .offset8 {
margin-left: 71.2707182320442%;
*margin-left: 71.16433525332079%;
}
.row-fluid .offset8:first-child {
margin-left: 68.50828729281768%;
*margin-left: 68.40190431409427%;
}
.row-fluid .offset7 {
margin-left: 62.70718232044199%;
*margin-left: 62.600799341718584%;
}
.row-fluid .offset7:first-child {
margin-left: 59.94475138121547%;
*margin-left: 59.838368402492065%;
}
.row-fluid .offset6 {
margin-left: 54.14364640883978%;
*margin-left: 54.037263430116376%;
}
.row-fluid .offset6:first-child {
margin-left: 51.38121546961326%;
*margin-left: 51.27483249088986%;
}
.row-fluid .offset5 {
margin-left: 45.58011049723757%;
*margin-left: 45.47372751851417%;
}
.row-fluid .offset5:first-child {
margin-left: 42.81767955801105%;
*margin-left: 42.71129657928765%;
}
.row-fluid .offset4 {
margin-left: 37.01657458563536%;
*margin-left: 36.91019160691196%;
}
.row-fluid .offset4:first-child {
margin-left: 34.25414364640884%;
*margin-left: 34.14776066768544%;
}
.row-fluid .offset3 {
margin-left: 28.45303867403315%;
*margin-left: 28.346655695309746%;
}
.row-fluid .offset3:first-child {
margin-left: 25.69060773480663%;
*margin-left: 25.584224756083227%;
}
.row-fluid .offset2 {
margin-left: 19.88950276243094%;
*margin-left: 19.783119783707537%;
}
.row-fluid .offset2:first-child {
margin-left: 17.12707182320442%;
*margin-left: 17.02068884448102%;
}
.row-fluid .offset1 {
margin-left: 11.32596685082873%;
*margin-left: 11.219583872105325%;
}
.row-fluid .offset1:first-child {
margin-left: 8.56353591160221%;
*margin-left: 8.457152932878806%;
}
input,
textarea,
.uneditable-input {
margin-left: 0;
}
.controls-row [class*="span"] + [class*="span"] {
margin-left: 20px;
}
input.span12,
textarea.span12,
.uneditable-input.span12 {
width: 710px;
}
input.span11,
textarea.span11,
.uneditable-input.span11 {
width: 648px;
}
input.span10,
textarea.span10,
.uneditable-input.span10 {
width: 586px;
}
input.span9,
textarea.span9,
.uneditable-input.span9 {
width: 524px;
}
input.span8,
textarea.span8,
.uneditable-input.span8 {
width: 462px;
}
input.span7,
textarea.span7,
.uneditable-input.span7 {
width: 400px;
}
input.span6,
textarea.span6,
.uneditable-input.span6 {
width: 338px;
}
input.span5,
textarea.span5,
.uneditable-input.span5 {
width: 276px;
}
input.span4,
textarea.span4,
.uneditable-input.span4 {
width: 214px;
}
input.span3,
textarea.span3,
.uneditable-input.span3 {
width: 152px;
}
input.span2,
textarea.span2,
.uneditable-input.span2 {
width: 90px;
}
input.span1,
textarea.span1,
.uneditable-input.span1 {
width: 28px;
}
}
@media (min-width: 668px) and (max-width: 829px) {
p.slogan {
font-size:0.8em;
margin-right: -56px !important;
}
.img-slogan {
margin: 7px 0px 0 -69px;
}
.img-slogan img {
max-width: 80%;
max-height: 80%;
}
.content-gallery img {
width:16.9%;
}
input#coupon_code {
width: 84%!important;
}
/*Startseite Aufteilung*/
.supportfield h3, .laden h3, .tech h3, .impressionen h3 {
font-size: 2.3em;
line-height: 48px;
margin: 10px 0 0 0;
}
.content-out {
width:100%;
display: block;
}
.content-in {
max-width: 1260px;
overflow:visible;
margin:auto;
}
.content-in div {
}
.m-cor4 {
margin-left:0%!important;
}
.col1 {
width:100%;
margin-left:0%;
margin-bottom:20px;
}
.col1-5 {
width:100%;
margin-left:0%;
margin-bottom:20px;
}
.col2 {
width:100%;
margin-left:0%;
margin-bottom:20px;
}
.col3 {
width:100%;
margin-left:0%;
margin-bottom:20px;
}
.col4 {
width:48.5%;
margin-left:3%;
margin-bottom:20px;
}
.col5 {
width:15%;
margin-left:2%;
margin-bottom:20px;
}
.line1 {
height:15%;
}
.index-h1 h1 {
font-size: 30px!important;
}
.row {
margin-left: -5px;
*zoom: 1;
}
.hidden-phone {
margin-left: 0 !important;
}
.footer {
font-size: 12px;
}
.footer li {
line-height:18px;
}
.footer h6 {
font-size: 14px!important;
line-height: 16.5px;
}
.row:before,
.row:after {
display: table;
line-height: 0;
content: "";
}
.row:after {
clear: both;
}
[class*="span"] {
float: left;
min-height: 1px;
margin-left: 10px;
}
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
width: 730px;
}
.span12 {
width: 730px;
}
.span11 {
width: 690px;
/*width: 690px;*/
}
.span10 {
width: 535px;
}
.span10-1 {
width: 490px;
}
.span9 {
width: 525px;
}
.span8-1 {
width: 740px;
}
.span8 {
width: 476px;
}
.span7 {
width: 414px;
}
.span6 {
width: 352px;
}
.span6xl {
width: 386px;
}
.span6x2 {
width: 278px;
}
/* .span5 {
width: 290px;
}*/
.span5 {
width: 740px;
}
.span4 {
width: 234px;
}
.span4-1 {
width: 740px;
}
.span3 {
width: 136px;
}
.span3-1 {
width:147px;
}
.span3-3 {
width: 190px;
}
.span3-3 .hgroup.title {
padding: 0 10px 10px!important;
}
.span3-3 ul, ol {
}
.span3-3 .price-list li {
margin: 0 -20px!important;
padding: 15px 10px!important;
}
.span3-3 .price-list li strong {
right: 15px!important;
}
.span3-2 {
width:740px;
}
.span2 {
width: 104px;
}
.span1 {
width: 42px;
}
.offset12 {
margin-left: 764px;
}
.offset11 {
margin-left: 702px;
}
.offset10 {
margin-left: 640px;
}
.offset9 {
margin-left: 578px;
}
.offset8 {
margin-left: 516px;
}
.offset7 {
margin-left: 454px;
}
.offset6 {
margin-left: 392px;
}
.offset5 {
margin-left: 330px;
}
.offset4 {
margin-left: 268px;
}
.offset3 {
margin-left: 206px;
}
.offset2 {
margin-left: 144px;
}
.offset1 {
margin-left: 82px;
}
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
display: table;
line-height: 0;
content: "";
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
float: left;
width: 100%;
min-height: 30px;
margin-left: 0.0%;
margin-right: 0.0%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.row-fluid [class*="span"]:first-child {
/* margin-left: 2.76243%;*/
margin-left: 0;
}
.row-fluid .controls-row [class*="span"] + [class*="span"] {
margin-left: 2.7624309392265194%;
}
.row-fluid .span12 {
width: 100%;
*width: 99.94680851063829%;
}
.row-fluid .span11 {
width: 91.43646408839778%;
*width: 91.38327259903608%;
}
.row-fluid .span10 {
width: 79.873%;
*width: 82.81973668743387%;
}
.row-fluid .span9 {
width: 74.30939226519337%;
*width: 74.25620077583166%;
}
.row-fluid .span8 {
width: 65.74585635359117%;
*width: 65.69266486422946%;
}
.row-fluid .span7 {
width: 57.18232044198895%;
*width: 57.12912895262725%;
}
.row-fluid .span6 {
width: 100%;
*width: 48.56559304102504%;
}
.row-fluid .span5 {
width: 40.05524861878453%;
*width: 40.00205712942283%;
}
.row-fluid .span4 {
width: 30.4917%;
*width: 31.43852121782062%;
}
.shipping-methods .row-fluid .span4 {
width:48.4%;
}
.address .span4 {
width:37.4%!important;
}
#shipping .span6 {
width: 74.852% !important;
margin-left: 1.5% !important;}
.row-fluid .span3 {
width: 22.92817679558011%;
*width: 22.87498530621841%;
}
.row-fluid .span2 {
width: 16.365%;
*width: 14.311449394616199%;
}
.row-fluid .span1 {
width: 5.801104972375691%;
*width: 5.747913483013988%;
}
.row-fluid .offset12 {
margin-left: 105.52486187845304%;
*margin-left: 105.41847889972962%;
}
.row-fluid .offset12:first-child {
margin-left: 102.76243093922652%;
*margin-left: 102.6560479605031%;
}
.row-fluid .offset11 {
margin-left: 96.96132596685082%;
*margin-left: 96.8549429881274%;
}
.row-fluid .offset11:first-child {
margin-left: 94.1988950276243%;
*margin-left: 94.09251204890089%;
}
.row-fluid .offset10 {
margin-left: 88.39779005524862%;
*margin-left: 88.2914070765252%;
}
.row-fluid .offset10:first-child {
margin-left: 85.6353591160221%;
*margin-left: 85.52897613729868%;
}
.row-fluid .offset9 {
margin-left: 79.8342541436464%;
*margin-left: 79.72787116492299%;
}
.row-fluid .offset9:first-child {
margin-left: 77.07182320441989%;
*margin-left: 76.96544022569647%;
}
.row-fluid .offset8 {
margin-left: 71.2707182320442%;
*margin-left: 71.16433525332079%;
}
.row-fluid .offset8:first-child {
margin-left: 68.50828729281768%;
*margin-left: 68.40190431409427%;
}
.row-fluid .offset7 {
margin-left: 62.70718232044199%;
*margin-left: 62.600799341718584%;
}
.row-fluid .offset7:first-child {
margin-left: 59.94475138121547%;
*margin-left: 59.838368402492065%;
}
.row-fluid .offset6 {
margin-left: 54.14364640883978%;
*margin-left: 54.037263430116376%;
}
.row-fluid .offset6:first-child {
margin-left: 51.38121546961326%;
*margin-left: 51.27483249088986%;
}
.row-fluid .offset5 {
margin-left: 45.58011049723757%;
*margin-left: 45.47372751851417%;
}
.row-fluid .offset5:first-child {
margin-left: 42.81767955801105%;
*margin-left: 42.71129657928765%;
}
.row-fluid .offset4 {
margin-left: 37.01657458563536%;
*margin-left: 36.91019160691196%;
}
.row-fluid .offset4:first-child {
margin-left: 34.25414364640884%;
*margin-left: 34.14776066768544%;
}
.row-fluid .offset3 {
margin-left: 28.45303867403315%;
*margin-left: 28.346655695309746%;
}
.row-fluid .offset3:first-child {
margin-left: 25.69060773480663%;
*margin-left: 25.584224756083227%;
}
.row-fluid .offset2 {
margin-left: 19.88950276243094%;
*margin-left: 19.783119783707537%;
}
.row-fluid .offset2:first-child {
margin-left: 17.12707182320442%;
*margin-left: 17.02068884448102%;
}
.row-fluid .offset1 {
margin-left: 11.32596685082873%;
*margin-left: 11.219583872105325%;
}
.row-fluid .offset1:first-child {
margin-left: 8.56353591160221%;
*margin-left: 8.457152932878806%;
}
input,
textarea,
.uneditable-input {
margin-left: 0;
}
.controls-row [class*="span"] + [class*="span"] {
margin-left: 20px;
}
input.span12,
textarea.span12,
.uneditable-input.span12 {
width: 710px;
}
input.span11,
textarea.span11,
.uneditable-input.span11 {
width: 648px;
}
input.span10,
textarea.span10,
.uneditable-input.span10 {
width: 586px;
}
input.span9,
textarea.span9,
.uneditable-input.span9 {
width: 524px;
}
input.span8,
textarea.span8,
.uneditable-input.span8 {
width: 462px;
}
input.span7,
textarea.span7,
.uneditable-input.span7 {
width: 400px;
}
input.span6,
textarea.span6,
.uneditable-input.span6 {
width: 338px;
}
input.span5,
textarea.span5,
.uneditable-input.span5 {
width: 276px;
}
input.span4,
textarea.span4,
.uneditable-input.span4 {
width: 214px;
}
input.span3,
textarea.span3,
.uneditable-input.span3 {
width: 152px;
}
input.span2,
textarea.span2,
.uneditable-input.span2 {
width: 90px;
}
input.span1,
textarea.span1,
.uneditable-input.span1 {
width: 28px;
}
}
@media (max-width: 768px) {
.open {
margin: -11px 5px 0 0px;}
.catbox .title h3 {
line-height: 28px;
}
p.slogan {
font-size:0.8em;
}
.img-slogan {
margin: 7px 0px 0 -69px;
}
.img-slogan img {
max-width: 80%;
max-height: 80%;
}
input#coupon_code {
width: 72%!important;
}
.content-out {
width:100%;
display: block;
}
.content-in {
max-width: 1260px;
overflow:visible;
margin:auto;
}
.content-in div {
}
.col1 {
width:100%;
margin-left:0%;
margin-bottom:20px;
}
.col1-5 {
width:100%;
margin-left:0%;
margin-bottom:20px;
}
.col2 {
width:100%;
margin-left:0%;
margin-bottom:20px;
}
.content-seite .col2 {
width:97%;
margin-left:0;
margin-bottom:20px;
}
.col3 {
width:100%;
margin-left:2%;
margin-bottom:20px;
}
.col4 {
width:48%;
margin-left:2%;
margin-bottom:20px;
}
.col5 {
width:15%;
margin-left:2%;
margin-bottom:20px;
}
.line1 {
height:15%;
}
body {
padding-right: 00px;
padding-left: 00px;
}
.navbar-fixed-top,
.navbar-fixed-bottom,
.navbar-static-top {
margin-right: -20px;
margin-left: -20px;
}
.container-fluid {
padding: 0;
}
.dl-horizontal dt {
float: none;
width: auto;
clear: none;
text-align: left;
}
.dl-horizontal dd {
margin-left: 0;
}
.container {
width: auto;
}
.row-fluid {
width: 100%;
}
.row,
.thumbnails {
margin-left: 0;
}
.thumbnails > li {
float: none;
margin-left: 0;
}
[class*="span"],
.uneditable-input[class*="span"],
.row-fluid [class*="span"] {
display: block;
float: none;
width: 99%;
margin-left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.span12,
.row-fluid .span12 {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.row-fluid [class*="offset"]:first-child {
margin-left: 0;
}
.input-large,
.input-xlarge,
.input-xxlarge,
input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.input-prepend input,
.input-append input,
.input-prepend input[class*="span"],
.input-append input[class*="span"] {
display: inline-block;
width: auto;
}
.controls-row [class*="span"] + [class*="span"] {
margin-left: 0;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0.128%;
}
.modal {
position: fixed;
top: 20px;
right: 20px;
left: 20px;
width: auto;
margin: 0;
}
.modal.fade {
top: 20%;
}
.modal.fade.in {
top: 20px;
}
.address .span4 {
width:100%!important;
}
#shipping .span6 {
width: 100% !important;
margin-left: 0% !important;}
.span3-1 {
width: 98%;
}
.span4 {
width: 98%;
}
.span6 {
width: 100%;
}
.span6x0 {
width: 200px;
}
.span6x01 {
width: 575px;
margin-top: -35px;
}
.footer {
font-size:16px;
}
.footer li{
line-height:24px;
}
.footer h6 {
font-size: 18px !important;
line-height: 21.5px;
}
.footer3 h6 {
margin-top:30px !important;
}
.social {
margin:0px 0 50px 0;
}
}
@media (max-width: 830px) {
.hinweis{font-size: 23px; line-height:42px;}
.hinweis table {font-size: 35px; line-height:38px;}
.hinweis-img img {max-width:102%!important;width: 102%!important;}
.hinweis-img {width: 100%;margin-bottom:40px;}
.hinweis-text {width: 100%;}
}
@media (max-width: 830px) {
#varianten input.value {
margin-bottom: -2px;
width: 99.4%;
}
}
@media (max-width: 490px) {
#varianten input.value {
margin-bottom: -2px;
width: 99.0%;
}
}
@media (min-width: 660px) and (max-width: 768px) {
.span10-1 {
/*width: 415px;*/
width: 600px;
}
.content-gallery img{
width:30.0%;
}
}
@media (min-width: 480px) and (max-width: 659px) {
.img-slogan-wrap {
width: 89%!important;
margin-left: -2px !important;
}
p.slogan {
font-size:0.8em;
width: 94%;
padding-left: 20%;
margin-top: -10px !important;
}
.img-slogan {
margin: 7px 0px 0 -13px;
}
.img-slogan img {
max-width: 80%;
max-height: 80%;
}
.span10-1 {
width: 300px;
}
.content-gallery img{
width:45.9%;
}
}
@media (max-width: 680px) {
#varianten .btn-large {
height: auto;
padding: 15px 8px 15px 8px;
border: 1px #ae1c17 solid;
}
}
/*SMARTPHONE iphone*/
@media (max-width: 480px) {
.hidden-phone1 {
display:none;
}
#header01 {
font-size:16px!important;
}
.hinweis{font-size: 16px; line-height:34px;}
.hinweis table {font-size: 28px; line-height:38px;}
.hinweis-img img {max-width:102%!important;width: 102%!important;}
.hinweis-img {width: 100%;margin-bottom:40px;}
.hinweis-text {width: 100%;}
.product-list a .image img {
display: block;
width: 70% !important;
}
.img-slogan-wrap {
width: 84%!important;
margin-left: -2px !important;
}
p.slogan {
font-size:0.8em;
margin-right: -56px !important;
}
.img-slogan {
margin: -47px 0px 0 0px;
}
.img-slogan img {
max-width: 67%;
max-height: 67%;
}
.content-gallery img{
width:45.9%;
}
.m-cor1 {
margin-left:0!important;
}
#description-long {
text-align: left!important;
}
input#coupon_code {
width: 96%!important;
}
.coupons input.btn.btn-small[type=submit] {
margin-left: 0px!important;
}
/*Startseite Aufteilung*/
.content-out {
width:100%;
display: block;
}
.content-in {
max-width: 1260px;
overflow:visible;
margin:auto;
}
.col1 {
width:100%;
margin-left:0%;
margin-bottom:20px;
}
.col1-5 {
width:100%;
margin-left:0;
margin-bottom:20px;
}
.col2 {
width:100%;
margin-left:0;
margin-bottom:20px;
}
.content-seite .col2 {
width:97%;
margin-left:0;
margin-bottom:20px;
}
.col3 {
width:100%;
margin-left:0;
margin-bottom:20px;
}
.col4 {
width:100%;
margin-left:0;
margin-bottom:20px;
}
.col5 {
width:100%;
margin-left:0;
margin-bottom:20px;
}
.line1 {
height:15%;
}
.nav-collapse {
-webkit-transform: translate3d(0, 0, 0);
}
.page-header h1 small {
display: block;
line-height: 20px;
}
input[type=checkbox], input[type=radio] {
border: 1px solid #ccc;
}
.form-horizontal .control-label {
float: none;
width: auto;
padding-top: 0;
text-align: left;
}
.form-horizontal .controls {
margin-left: 0;
}
.form-horizontal .control-list {
padding-top: 0;
}
.form-horizontal .form-actions {
padding-right: 10px;
padding-left: 10px;
}
.media .pull-left,
.media .pull-right {
display: block;
float: none;
margin-bottom: 10px;
}
.buttons .pull-left, .box-footer .pull-left{
clear:both;
width: 100%;
padding-top: 4px;
}
.box-footer .pull-right{
clear:both;
float:left;
width: 100%;
}
.box-footer button.btn {
display:block;width: 100%;
}
.buttons a, .buttons input, .box-footer a, .box-footer input {
display:block;
/*width: 100%;*/
margin-bottom: 5px;
}
.buttons input {
width: 100%;
}
button.btn.btn-small, input.btn.btn-small[type=submit], input.btn.btn-small[type=form] {
padding: 7px;
width: 100%!important;
height: 39px;
}
.media-object {
margin-right: 0;
margin-left: 0;
}
.modal {
top: 10px;
right: 10px;
left: 10px;
}
.modal-header .close {
padding: 10px;
margin: -10px;
}
.carousel-caption {
position: static;
}
.leihwagen-img-wrap {
width: 90%!important;
}
.span10-1 {
width: 85%;
}
}
@media (max-width: 979px) {
.clear-mobile {
clear:both;
}
.m-cor2 {
margin-left:0!important;
}
body {
padding-top: 0;
}
.navbar-fixed-top,
.navbar-fixed-bottom {
position: static;
}
.navbar-fixed-top {
margin-bottom: 20px;
}
.navbar-fixed-bottom {
margin-top: 20px;
}
.navbar-fixed-top .navbar-inner,
.navbar-fixed-bottom .navbar-inner {
padding: 5px;
}
.navbar .container {
width: auto;
padding: 0;
}
.navbar .brand {
padding-right: 10px;
padding-left: 10px;
margin: 0 0 0 -5px;
}
.nav-collapse {
clear: both;
}
.nav-collapse .nav {
float: none;
margin: 0 0 10px;
}
.nav-collapse .nav > li {
float: none;
}
.nav-collapse .nav > li > a {
margin-bottom: 2px;
}
.nav-collapse .nav > .divider-vertical {
display: none;
}
.nav-collapse .nav .nav-header {
color: #777777;
text-shadow: none;
}
.nav-collapse .nav > li > a,
.nav-collapse .dropdown-menu a {
padding: 9px 15px;
font-weight: bold;
color: #777777;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.nav-collapse .btn {
padding: 4px 10px 4px;
font-weight: normal;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.nav-collapse .dropdown-menu li + li a {
margin-bottom: 2px;
}
.nav-collapse .nav > li > a:hover,
.nav-collapse .nav > li > a:focus,
.nav-collapse .dropdown-menu a:hover,
.nav-collapse .dropdown-menu a:focus {
background-color: #f2f2f2;
}
.navbar-inverse .nav-collapse .nav > li > a,
.navbar-inverse .nav-collapse .dropdown-menu a {
color: #999999;
}
.navbar-inverse .nav-collapse .nav > li > a:hover,
.navbar-inverse .nav-collapse .nav > li > a:focus,
.navbar-inverse .nav-collapse .dropdown-menu a:hover,
.navbar-inverse .nav-collapse .dropdown-menu a:focus {
background-color: #111111;
}
.nav-collapse.in .btn-group {
padding: 0;
margin-top: 5px;
}
.nav-collapse .dropdown-menu {
position: static;
top: auto;
left: auto;
display: none;
float: none;
max-width: none;
padding: 0;
margin: 0 15px;
background-color: transparent;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.nav-collapse .open > .dropdown-menu {
display: block;
}
.nav-collapse .dropdown-menu:before,
.nav-collapse .dropdown-menu:after {
display: none;
}
.nav-collapse .dropdown-menu .divider {
display: none;
}
.nav-collapse .nav > li > .dropdown-menu:before,
.nav-collapse .nav > li > .dropdown-menu:after {
display: none;
}
.nav-collapse .navbar-form,
.nav-collapse .navbar-search {
float: none;
padding: 10px 15px;
margin: 10px 0;
border-top: 1px solid #f2f2f2;
border-bottom: 1px solid #f2f2f2;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
}
.navbar-inverse .nav-collapse .navbar-form,
.navbar-inverse .nav-collapse .navbar-search {
border-top-color: #111111;
border-bottom-color: #111111;
}
.navbar .nav-collapse .nav.pull-right {
float: none;
margin-left: 0;
}
.nav-collapse,
.nav-collapse.collapse {
height: 0;
overflow: hidden;
}
.navbar .btn-navbar {
display: block;
}
.navbar-static .navbar-inner {
padding-right: 10px;
padding-left: 10px;
}
}
@media (min-width: 980px) {
.nav-collapse.collapse {
height: auto !important;
overflow: visible !important;
}
}
/**/
.box-footer .pull-left{
padding-top: 0px;
}
.center {
text-align:center;
}
.highlight-dark, .highlight-light {
padding: 1px 10px;
}
.highlight-dark h3 {
background: none !important;}
/*Startseite Kacheln*/
.bg-mono, .content-seite .highlight-dark {
padding:20px!important;
font-size: 1.1em;
line-height: 1.5em;
}
.content-seite .bg-light, .content-seite .bg-mono, .content-seite .bg-1, .content-seite .bg-2, .content-seite .bg-3, .content-seite .bg-4, .content-seite .bg-5, .content-seite .bg-6 {
padding:20px!important;
font-size: 1.1em;
line-height: 1.5em;
}
#content-area .textstyles div {
padding: 3px;
}
.bg-mono, .highlight-dark {
background: #3d3d3d!important;
color:#CED0CF;
font-size:115%;
}
.bg-color {
background: #ae1c17!important;
}
.bg-light, .highlight-light {
background:#f6f6f6!important;
}
.Text8730 {
font-size:150%;
}
.Text8730 ul {
color:#AE1C17;
list-style:square;
}
.Text8730 span {
color:#474948;
line-height:180%!important;
}
.bg-no {
background:#ffffff!important;
}
.bg-blau {
background: #003478!important;
color:#ffffff;
}
.bg-rot {
background: #ae1c17!important;
}
/*blau*/
.bg-1 {
background: #003478!important;
color:#ffffff;
}
/*grün*/
.bg-2 {
background: #0BB106!important;
color:#ffffff;
}
/*rot*/
.bg-3 {
background: #ae1c17!important;
color:#ffffff;
}
/*senfgrün*/
.bg-4 {
background: #c3b355!important;
color:#ffffff;
}
/*limegrün light*/
.bg-5 {
background: #EAF18B!important;
}
/*hell-blau*/
.bg-6 {
background: #C8DEF5!important;
}
.bg-pic1 {
background: url('https://www.red-carparts.de/templates/rcp-responsive/img/startpage/support.jpg') no-repeat right center; /*für Safari*/
background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),url('https://www.red-carparts.de/templates/rcp-responsive/img/startpage/support.jpg') no-repeat right center;
position: relative;
background-size: 100%;
height: 0;
padding-top: 34.4%!important;
}
.bg-pic1:hover {
background: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)),url('https://www.red-carparts.de/templates/rcp-responsive/img/startpage/support.jpg') no-repeat right center;
background-size: 100%;
}
.bg-pic2 {
background: url('https://www.red-carparts.de/templates/rcp-responsive/img/startpage/laden.jpg') no-repeat right center;/*für Safari*/
background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url('https://www.red-carparts.de/templates/rcp-responsive/img/startpage/laden.jpg') no-repeat right center;
position: relative;
background-size: 100%;
height: 0;
padding-top: 100%!important;
-moz-filter: url("data:image/svg+xml;utf8,#grayscale");
-o-filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
}
.bg-pic2:hover,.bg-pic2:active {
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)),url('https://www.red-carparts.de/templates/rcp-responsive/img/startpage/laden.jpg') no-repeat right center;
background-size: 100%;
-webkit-filter: grayscale(0%);
}
.bg-pic3 {
background: url('https://www.red-carparts.de/templates/rcp-responsive/img/startpage/tech.jpg') no-repeat right center;/*für Safari*/
background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),url('https://www.red-carparts.de/templates/rcp-responsive/img/startpage/tech.jpg') no-repeat right center;
position: relative;
background-size: 100% 100%;
height: 0;
padding-top: 53.2%!important;
}
.bg-pic3:hover,.bg-pic3:active {
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)),url('https://www.red-carparts.de/templates/rcp-responsive/img/startpage/tech.jpg') no-repeat right center;
background-size: 100% 100%;
}
.bg-pic4 {
background: url('https://www.red-carparts.de/templates/rcp-responsive/img/startpage/impressionen.jpg') no-repeat right center;/*für Safari*/
background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),url('https://www.red-carparts.de/templates/rcp-responsive/img/startpage/impressionen.jpg') no-repeat right center;
position: relative;
background-size: 100% 100%;
height: 0;
padding-top: 30.2%!important;
-moz-filter: url("data:image/svg+xml;utf8,#grayscale");
-o-filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(70%);
}
.bg-pic4:hover,.bg-pic4:active {
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)),url('https://www.red-carparts.de/templates/rcp-responsive/img/startpage/impressionen.jpg') no-repeat right center;
background-size: 100% 100%;
-webkit-filter: grayscale(0%);
}
.home img, #startpage img {
position: relative;
background-size: 100% 100%;
background-size: 100% 100%;
-webkit-filter: grayscale(0%);
}
.home a img:hover, .home a img:active, #startpage a img:hover, #startpage a img:active {
-moz-transition: all 0.15s;
-webkit-transition: all 0.15s;
transition: all 0.15s;
-moz-filter: url("data:image/svg+xml;utf8,#grayscale");
-o-filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
transform: scale(1.015);
}
.carousel a img:hover, .carousel a img:active {
-moz-transition: all 0.15s;
-webkit-transition: all 0.15s;
transition: all 0.15s;
transform: scale(1.015);
}
.slides a img:hover, .slides a img:active {
transform: none;
}
.op {
background:#000000;
filter: alpha(opacity=80); /* IE */;
opacity: 0.80; /* Opera */
}
.op:hover {
filter: alpha(opacity=0); /* IE */;
opacity: 0.00; /* Opera */
}
.col1 .set1, .col1-5 .set1, .col2 .set1, .col3 .set1, .col4 .set1, .col5 .set1 {
margin:20px;
}
.product-list .title li {
width: 100% !important;
}