.ProdUeber
{
font-size: 16pt;
text-align: left;
color: #575E62;
font-weight: bold;
}
@media (max-width: 768px)
{
.Leiste
{
display: none;
}
}
.Hintergrundbild
{
min-height: 100px;
background-position: center;
padding-bottom: 0px;
padding-top: 0px;
}
.Prodlinks
{
float: left;
max-width: 100px;
}
.Prodbeschreib
{
padding: 5px 5px 5px 3px;
width: 100%;
margin-top: 29px;
-webkit-column-count: 2;
-webkit-column-gap: 40px;
hyphens: auto;
-webkit-hyphens: auto;
-webkit-hyphenate-limit-chars: auto 3;
-webkit-hyphenate-limit-lines: 4;
-ms-hyphens: auto;
-ms-hyphenate-limit-chars: auto 3;
-ms-hyphenate-limit-lines: 4;
}
@media (max-width: 1000px)
{
.Prodbeschreib
{
padding-left: 0px;
padding-bottom: 20px;
margin-left: 0px;
padding-top: 10px;
-webkit-column-count: 1;
}
}
@media (max-width: 768px)
{
.Prodbeschreib
{
padding-left: 0px;
padding-bottom: 20px;
margin-left: 0px;
padding-top: 10px;
-webkit-column-count: 1;
}
}
.Prodrechts
{
float: left;
padding: 0 0 0 50px;
text-align: left;
max-width: 600px;
}
.Produnten
{
text-align: left;
padding: 40px 0 0 0;
max-width: 1000px;
}
.Tabelle
{
float: left;
padding: 5px;
text-align: left;
}
.BildGruppe
{
float: left;
padding: 15px;
width: 380px;
}
@media (max-width: 768px)
{
.BildGruppe
{
margin-top: 40px;
padding: 15px 0;
width: 100%;
}
}
.Beschr
{
float: left;
padding: 10px 10px 10px 3%;
max-width: 800px;
}
@media (max-width: 1500px)
{
.Beschr
{
padding-left: 0;
max-width: 60%;
}
}
@media (max-width: 1200px)
{
.Beschr
{
padding-left: 0;
max-width: 51%;
}
}
@media (max-width: 1000px)
{
.Beschr
{
padding-left: 0;
max-width: 48%;
}
}
@media (max-width: 768px)
{
.Beschr
{
padding-left: 10px;
max-width: 100%;
}
}
.Tabelle1BeschrMerk0
{
padding: 10px 5px 8px 10px;
font-weight: bold;
font-size: 15pt;
color: #20235C;
margin-top: 0px;
}
@media (max-width: 768px)
{
.Tabelle1BeschrMerk0
{
padding: 40px 2px 0px 2px;
}
}
.TabelleBeschr
{
float: left;
padding: 85px 15px 6px 10px;
color: #212358;
min-width: 250px;
}
@media (max-width: 768px)
{
.TabelleBeschr
{
width: 55%;
white-space: nowrap;
padding: 85px 2px 0px 0px;
overflow: hidden;
}
}
.TabelleMerk
{
min-width: 200px;
padding: 5px 10px 0px 10px;
text-align: left;
background-color: #F9F9F9;
border: 2px solid #D0CFCF;
border-bottom: 2px solid #919191;
border-top: 2px solid #969595;
border-left: 2px solid #9C9A9A;
}
.TabelleMerk:hover
{
border: 2px solid #291E6B;
}
.TabelleBeschr2
{
float: left;
margin-top: 20px;
padding: 69px 15px 5px 10px;
min-height: 150px;
text-align: left;
}
@media (max-width: 768px)
{
.TabelleBeschr2
{
white-space: nowrap;
width: 55%;
padding: 69px 2px 0px;
}
}
.Artikelbutton
{
float: left;
}
.TabelleMerk2
{
padding: 5px 10px 0px 10px;
min-width: 230px;
text-align: left;
background-color: #FDFDFD;
border: 2px solid #D0CFCF;
margin-top: 10px;
}
@media (max-width: 768px)
{
.TabelleMerk2
{
min-width: 190px;
}
}
.TabelleMerk2:hover
{
border: 2px solid #291E6B;
}
.TabelleMerk3
{
float: left;
min-width: 100px;
margin-top: 10px;
margin-left: 10px;
padding: 5px 10px 0px 10px;
text-align: left;
background-color: #EFEFEF;
}
.TabelleMerk3:hover
{
background-color: #D8D7F1;
}
.Anzahlart
{
padding: 5px 10px 0px 10px;
min-width: 230px;
color: #666565;
font-size: small;
}
.clearleft
{
clear: left;
}
.clearboth
{
clear: both;
}
.mitte
{
padding: 10px 10px 10px 3%;
}
@media (max-width: 768px)
{
.mitte
{
padding: 0px 10px;
}
}
.Typen
{
/*+border-radius: 10px;*/
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
border: 1px solid #FFF;
}
@media (max-width: 768px)
{
.Typen
{
border: #F9F9F9;
}
}
.Abstand
{
height: 50px;
}
.TabZeile
{
background-color: rgba(255, 255, 255, 0.796);
border-bottom-right-radius: 0px;
padding-bottom: 2px;
text-decoration: underline;
}
.TabZel2
{
margin-top: 0px;
background-color: #FFF;
padding-left: 20px;
width: 100%;
padding-bottom: 0px;
border-top: 1px solid #585C5F;
border-bottom: 1px solid #585C5F;
}
@media (max-width: 768px)
{
.TabZel2
{
padding-left: 2px;
padding-right: 0px;
}
}
.BezeichMerkm0
{
font-size: 14pt;
padding-left: 10px;
font-weight: bold;
background-color: #12206A;
color: #FCFCFE;
padding-top: 7px;
}
@media (max-width: 768px)
{
.BezeichMerkm0
{
padding-left: 2px;
}
}
.Preis
{
font-size: 12pt;
font-weight: bold;
color: white;
padding-top: 10px;
}
.UVP
{
font-size: 8pt;
}
.Detailsbez
{
}
.ArtBez
{
text-decoration: underline;
font-weight: bold;
margin-bottom: 3px;
font-size: 11.5pt;
white-space: nowrap;
overflow: hidden;
max-width: 260px;
min-width: 220px;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
}
.ArtBezLeft
{
float: left;
}
.ArtBezFrei
{
color: #BBBFFF;
}
.Details
{
color: #747171;
}
.PreisBeschr
{
padding: 10px 0 0 0;
font-size: 14pt;
}
.TypArtikel
{
background-color: #FDFDFD;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
/*max-height:650px;*/
overflow: hidden;
}
.Tabelle1Prod
{
min-height: 85px;
background-color: #FFF;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.Produktliste
{
width: auto;
overflow-x: auto;
overflow-y: hidden;
margin-right: 50px;
}
@media (max-width: 768px)
{
.Produktliste
{
width: 45%;
overflow-x: auto;
overflow-y: hidden;
}
}
.Produktzeile
{
min-width: 4500px;
margin-top: 0px;
}
.Produktzeile2
{
min-width: 4500px;
margin-top: -8px;
}
.ArtTab2Merk0
{
color: #151C53;
font-weight: 600;
}
/*.Rabatt{color:#F8F6F6; background-color:#D31E1E; border:1px solid #000000; font-size:46px; height:50px; width:50px; line-height:1; padding-left:4px; border-radius:4px; float:left; margin-top:0px;}*/
.RabattProdGr
{
color: #F8F6F6;
background-color: #508ABA;
font-size: 36px;
height: 40px;
width: 40px;
line-height: 1;
border-radius: 4px;
position: relative;
top: 5px;
left: 7px;
z-index: 5;
padding-left: 5px;
}
/*.ButtonProdHst .RabattProdGr {display:block; position:absolute; z-index:10; left:0; top:0; width:34px; color:#F8F6F6; background-color:#219af3; font-size:36px; line-height:35px; text-align:center; text-decoration:none;}*/
.ProdArtBild
{
padding: 4px 4px 0px 4px;
height: 80px;
}
@media (max-width: 768px)
{
.ProdArtBild
{
width: auto;
}
}
.popupvorsch
{
white-space: nowrap;
height: 20px;
width: 20px;
}
a.popup
{
text-decoration: none;
position: relative;
display: block;
color: #212358;
}
a.popup:hover
{
border: none;
}
a.popup img
{
border: none;
width: 250px;
height: auto;
margin-left: 10px;
}
a.popup span
{
visibility: hidden;
position: absolute;
top: 20px;
left: 0;
}
a.popup:hover span
{
visibility: visible;
z-index: 1;
}
@media (max-width: 768px)
{
a.popup img
{
display: none;
}
a.popup span
{
display: none;
}
}
a.popupfilt
{
text-decoration: none;
position: relative;
display: block;
color: #212358;
}
a.popupfilt:hover
{
border: none;
}
a.popupfilt img
{
border: none;
width: 250px;
height: auto;
}
a.popupfilt span
{
visibility: hidden;
position: absolute;
top: 20px;
left: 0;
}
a.popupfilt:hover span
{
visibility: visible;
z-index: 1;
margin-left: 100px;
}
@media (max-width: 768px)
{
a.popupfilt img
{
display: none;
}
a.popupfilt span
{
display: none;
}
}
.BeschrBild
{
float: left;
width: 20px;
}
@media (max-width: 1400px)
{
.BeschrBild
{
display: none;
}
}
.ProdgrupDesktop
{
margin: 15px 0px 10px 0px;
font-size: 12.5pt;
white-space: normal;
width: 75%;
float: left;
}
@media (max-width: 1500px)
{
.ProdgrupDesktop
{
display: none;
}
}
@media (min-width: 1500px)
{
.ProdgrupIPad
{
display: none;
}
}
@media (max-width: 1500px)
{
.ProdgrupIPad
{
margin: 15px 20px 20px 20px;
font-size: 12pt;
white-space: normal;
width: 58%;
float: left;
}
}
@media (max-width: 762px)
{
.ProdgrupIPadG
{
display: none;
}
.ProdgrupIPad
{
display: none;
}
.ProdgrupDesktop
{
display: none;
}
.ProdgrupHandy
{
margin: 10px 20px 20px 20px;
font-size: 9pt;
white-space: normal;
}
}
@media (min-width: 762px)
{
.ProdgrupHandy
{
display: none;
}
}
.TabelleBeschrCar
{
float: left;
padding: 155px 10px 6px 10px;
color: #212358;
min-width: 250px;
font-size: 10.5pt;
}
@media (max-width: 768px)
{
.TabelleBeschrCar
{
display: none;
}
}
.TabelleBeschr2Car
{
float: left;
margin-top: 50px;
padding: 103px 0px 3px 10px;
min-height: 150px;
text-align: left;
font-size: 10.5pt;
}
@media (max-width: 768px)
{
.TabelleBeschr2Car
{
display: none;
}
}
.SortTextCar
{
float: left;
padding: 13px 10px 10px 10px;
text-align: left;
font-size: 10.5pt;
}
.ProdukteCar
{
width: 100%;
margin-right: auto;
margin-left: auto;
}
.ProdCar
{
margin: 40px 20px 20px 20px;
border-top: 1px solid #1619D2;
}
.CarArtikel
{
float: left;
width: 23.5%;
margin-left: 0.5%;
}
@media (max-width: 1500px)
{
.CarArtikel
{
float: left;
width: 47%;
}
}
@media (max-width: 768px)
{
.CarArtikel
{
float: left;
width: 95%;
}
}
.CarButtonSorte
{
border: 1px solid #FFF;
border-radius: 10px;
background-color: #FFF;
padding: 6px 0 10px 0;
width: 100%;
}
.CarSortBilde1
{
margin: 0 0 0px 0;
height: 140px;
}
.CarButtonSorte:hover
{
border: 1px solid #219AF3;
border-radius: 10px;
width: 100%;
}
.CarButtonSorteAktive
{
border: 1px solid #F30404;
border-radius: 10px;
background-color: #FFFFFF;
padding: 26px 0 10px 0;
width: 100%;
}
.CarButtonSorteAktive:hover
{
border: 1px solid #1619D2;
border-radius: 10px;
width: 100%;
}
.CarBezeichMerkm0
{
font-size: 13pt;
padding: 4px 0 3px 10px;
font-weight: bold;
color: #FCFCFE;
}
.TragButton
{
height: 34px;
padding: 3px 0 0 9px;
text-decoration: none;
width: 100%;
text-align: left;
background-color: #BFBFBF;
font-size: 11.5pt;
color: #575E62;
margin-top: 0px;
border-radius: 0 0 0px 0px;
border-top: 1px solid #BFC1C2;
border-right: 1px solid #BFC1C2;
border-bottom: 1px solid #BFC1C2;
border-left: 1px solid #BFC1C2;
}
.TragButton:hover
{
background-color: #575E62;
cursor: pointer;
color: #FFFFFF;
border-radius: 5px 5px 0 0;
border-bottom: 1px solid #575E62;
border-right: 1px solid #575E62;
border-top: 1px solid #575E62;
border-left: 1px solid #575E62;
}
.TragButton:focus
{
background-color: #575E62;
cursor: pointer;
color: #FFFFFF;
border-radius: 5px 5px 0 0;
border-bottom: 1px solid #575E62;
border-right: 1px solid #575E62;
border-top: 1px solid #575E62;
border-left: 1px solid #575E62;
}
.Pfeildown
{
margin: 0 0 4px 10px;
}
dd
{
display: none;
}
.initial-open
{
display: block;
}
.ArtTypBez
{
text-align: left;
white-space: nowrap;
max-width: 250px;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
margin: 0px 0 3px 0;
}
@media (max-width: 2100px)
{
.ArtTypBez
{
max-width: 230px;
}
}
@media (max-width: 1900px)
{
.ArtTypBez
{
max-width: 210px;
}
}
@media (max-width: 1700px)
{
.ArtTypBez
{
max-width: 200px;
}
}
@media (max-width: 1500px)
{
.ArtTypBez
{
max-width: 250px;
}
}
@media (max-width: 1400px)
{
.ArtTypBez
{
max-width: 200px;
}
}
@media (max-width: 1300px)
{
.ArtTypBez
{
max-width: 160px;
}
}
@media (max-width: 768px)
{
.ArtTypBez
{
max-width: 200px;
}
}
.ArtTypMerk0
{
text-align: left;
white-space: nowrap;
max-width: 300px;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
}
@media (max-width: 1500px)
{
.ArtTypMerk0
{
max-width: 300px;
}
}
@media (max-width: 1400px)
{
.ArtTypMerk0
{
max-width: 160px;
}
}
@media (max-width: 768px)
{
.ArtTypMerk0
{
max-width: 200px;
font-size: 10pt;
}
}
.ArtTypMerk
{
}
@media (max-width: 768px)
{
.ArtTypMerk
{
}
}
.ArtDetailsCar
{
text-align: left;
white-space: nowrap;
max-width: 200px;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
}
@media (max-width: 1700px)
{
.ArtDetailsCar
{
max-width: 200px;
}
}
@media (max-width: 1500px)
{
.ArtDetailsCar
{
max-width: 200px;
}
}
@media (max-width: 1400px)
{
.ArtDetailsCar
{
max-width: 160px;
}
}
@media (max-width: 768px)
{
.ArtDetailsCar
{
max-width: 200px;
}
}
.SortPreisF
{
padding: 0px 10px 0 10px;
font-size: 14pt;
font-weight: bold;
text-align: left;
}
.FilterListevonbis
{
border: 1px solid #F0FFFF;
padding: 0.1em 0.1em 0.1em 0.1em;
box-shadow: none;
color: #585656;
text-align: right;
cursor: pointer;
display: inline-table;
max-height: 150px;
width: 100%;
}
.dtUeberschrift
{
width: 320px;
padding-top: 2px;
}
@media (max-width: 768px)
{
.dtUeberschrift
{
width: 240px;
}
}
.dtMerkmalbez
{
font-size: 10pt;
float: left;
margin-top: 2px;
}
.dtMerkmal
{
font-size: 12pt;
float: right;
text-align: right;
margin-left:55px;
}
@media (max-width: 768px)
{
.dtMerkmalbez
{
font-size: 8pt;
float: left;
margin-top: 6px;
}
.dtMerkmal
{
font-size: 10pt;
float: right;
text-align: right;
margin-left: 5px;
}
}
.VerlaufProdgruppe
{
margin: 5px 0 15px 2px;
width: 100%;
border-bottom: 1px solid #D0D0D0;
}