/*To change this license header, choose License Headers in Project Properties.To change this template file, choose Tools | Templatesand open the template in the editor.*/
/* Created on:19.03.2019, 15:05:14 Author:Rosi*/
/*Main*/
body{margin:0; height:101%;}
.carousel{position:relative;}
.carousel-inner{position:relative; width:100%; overflow:hidden; height:auto;}
.carousel-inner > .item{position:relative; display:none; -webkit-transition:.6s ease-in-out left; -o-transition:.6s ease-in-out left; transition:0.6s ease-in-out left;}
.carousel-inner > .item > img,.carousel-inner > .item > a > img{line-height:1;}
@media all and (transform-3d), (-webkit-transform-3d){.carousel-inner > .item{-webkit-transition:-webkit-transform .6s ease-in-out; -o-transition:-o-transform .6s ease-in-out; transition:transform 0.6s ease-in-out; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-perspective:1000px; perspective:1000px; }
.carousel-inner > .item.next,.carousel-inner > .item.active.right{left:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); }
.carousel-inner > .item.prev,.carousel-inner > .item.active.left{left:0; -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); }
.carousel-inner > .item.next.left,.carousel-inner > .item.prev.right,.carousel-inner > .item.active{left:0; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
}
.carousel-inner > .active,.carousel-inner > .next,.carousel-inner > .prev{display:block;}
.carousel-inner > .active{left:0;}
.carousel-inner > .next,.carousel-inner > .prev{position:absolute; top:0; width:100%;}
.carousel-inner > .next{left:100%;}
.carousel-inner > .prev{left:-100%;}
.carousel-inner > .next.left,.carousel-inner > .prev.right{left:0;}
.carousel-inner > .active.left{left:-100%;}
.carousel-inner > .active.right{left:100%;}
.carousel-control{position:absolute; top:50px; bottom:300px; left:-50px; color:#FFF; text-shadow:0 1px 2px rgba(0,0,0,0.6); background-color:rgba(0,0,0,0); filter:alpha(opacity=30); opacity:0.6;}
.carousel-control_produkt{position:absolute; top:50px; bottom:300px; left:-50px; width:25%; color:#000; text-align:center; text-shadow:0 1px 2px rgba(0,0,0,0.6); background-color:rgba(0,0,0,0); filter:alpha(opacity=30); opacity:0.3;}
@media (max-width:1750px){ .carousel-control_produkt{width:20%; }}
@media (max-width:1650px){ .carousel-control_produkt{width:10%; }}
@media (max-width:1500px){ .carousel-control_produkt{width:5%; }}
@media (max-width:1400px){ .carousel-control_produkt{width:20%; }}
.carousel-control.left{}
.carousel-control.right{right:-20px; left:auto;}
@media (max-width:767px){.carousel-control.left{/*right:auto; left:-100px;*/ }
.carousel-control.right{ right:20px; } /* kein Eintrag */
}
.carousel-control_produkt.right_produkt{right:0px; left:auto;}
@media (max-width:767px){ .carousel-control{left:0px; }
.carousel-control_produkt{width:20%; left:-5px; }
.carousel-control .icon-prev,.carousel-control .icon-next{width:40px; height:40px; }
.carousel-control_produkt .icon-prev,.carousel-control_produkt .icon-next{width:40px; height:40px; }
/*.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right{right:80%; margin-right:20px; zoom:300%; }*/ /* Am 21 09 2019 ge�ndert in siehe drunter*/
.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right{ margin-right:0px; zoom:300%; }
.carousel-control_produkt .icon-prev,.carousel-control_produkt .icon-next,.carousel-control_produkt .glyphicon-chevron-right{right:80%; margin-right:20px; zoom:300%; }
/*.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left{left:80%; margin-left:-10px; zoom:300%; }*/ /* Am 21 09 2019 ge�ndert in siehe drunter*/
.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left{ margin-left:-10px; zoom:300%; }
.carousel-control_produkt .icon-prev,.carousel-control_produkt .icon-next,.carousel-control_produkt .glyphicon-chevron-left{left:80%; margin-left:-10px; zoom:300%; }
}
.carousel-control:hover,.carousel-control:focus{ background-color:rgba(0,0,0,0); text-decoration:none; filter:alpha(opacity=100); background-color:rgba(0,0,0,0); outline:0; opacity:1;}
.carousel-control_produkt:hover,.carousel-control_produkt:focus{ background-color:rgba(0,0,0,0); text-decoration:none; filter:alpha(opacity=100); background-color:rgba(0,0,0,0); outline:0; opacity:1;}
/*.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute; top:0px; z-index:5;}*/ /* Am 21 09 2019 ge�ndert in siehe druter */
.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{/*position:absolute; top:0px; */ z-index:5;}
.carousel-control_produkt .icon-prev,.carousel-control_produkt .icon-next,.carousel-control_produkt .glyphicon-chevron-left,.carousel-control_produkt .glyphicon-chevron-right{position:absolute; top:50%; z-index:5; display:inline-block; margin-top:-10px;}
/*.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left{left:50%; margin-left:-20px;}
*/
.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left{margin-left:5px;} /* �nderung vom 21 09 2019 margin-left:0; */
.carousel-control_produkt .icon-prev,.carousel-control_produkt .glyphicon-chevron-left{left:50%; margin-left:10px;}
.carousel-control .icon-next{right:50%; margin-right:-10px;}
.carousel-control_produkt .icon-next{right:50%; margin-right:-10px;}
.carousel-control .icon-prev,.carousel-control .icon-next{width:20px; height:20px; font-family:serif; line-height:1;}
.carousel-control_produkt .icon-prev,.carousel-control_produkt .icon-next{width:20px; height:20px; font-family:serif; line-height:1;}
.carousel-control .icon-prev:before{content:'\2039';}
.carousel-control_produkt .icon-prev:before{content:'\2039';}
.carousel-control .icon-next:before{content:'\203a';}
.carousel-control_produkt .icon-next:before{content:'\203a';}
.carousel-indicators{position:absolute; bottom:10px; left:50%; z-index:15; width:60%; padding-left:0; margin-left:-30%; text-align:center; list-style:none;}
.carousel-indicators li{display:inline-block; width:10px; height:10px; margin:1px; text-indent:-999px; cursor:pointer; background-color:#000 \9; background-color:rgba(0,0,0,0); border:1px solid #FFF; border-radius:10px;}
.carousel-indicators .active{width:12px; height:12px; margin:0; background-color:#FFF;}
.carousel-caption{position:absolute; right:15%; bottom:20px; left:15%; z-index:10; padding-top:20px; padding-bottom:20px; color:#FFF; text-align:center; text-shadow:0 1px 2px rgba(0,0,0,0.6);}
.carousel-caption .btn{text-shadow:none;}
@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next{width:50px; height:50px; font-size:50px; }
.carousel-control_produkt .glyphicon-chevron-left,.carousel-control_produkt .glyphicon-chevron-right,.carousel-control_produkt .icon-prev,.carousel-control_produkt .icon-next{width:30px; height:30px; margin-top:-10px; font-size:50px; }
.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:0px; }
.carousel-control_produkt .glyphicon-chevron-left,.carousel-control_produkt .icon-prev{margin-left:-10px; }
.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px; }
.carousel-control_produkt .glyphicon-chevron-right,.carousel-control_produkt .icon-next{margin-right:10px; }
.carousel-caption{right:0%; left:0%; padding-bottom:30px; }
.carousel-indicators{bottom:20px; }
}
div#Fuss{float:bottom;height:20px;margin-top:20px;font-size:0.9em;padding:0.5em;text-align:center;background-color:white;border:white;width:100%;}
ul#Navigation{position:absolute;top:0px;left:0px;margin:0 0 0em 0em;padding:0px 0 0 10px;width:85px;height:100%;background-color:#FBFBFB;}
ul#Navigation li{list-style:none;margin:0;padding:0.1em;}
ul#Navigation a{display:block;margin-left:0.5em;padding:0.3em;font-weight:bold;font-size:0.8em;text-decoration:none;}
ul#Navigation a:link{color:#666;background-color:#FACE79;border:1px solid #348DE6;border-radius:2px;}
ul#Navigation a:visited{color:#666;background-color:#FACE79;border:1px solid #348DE6;border-radius:2px;}
ul#Navigation a:hover{color:gray;background-color:white;}
ul#Navigation a:active{color:white;background-color:gray;}
ul#Navigation h3{color:white;font-size:1.0em;margin:0.2em 0;text-decoration:underline;}
div#info{position:absolute;top:0px;right:0px;width:0px;height:100%;margin:0 0 0em 0;padding:0px 0 0 0;background-color:white;
/*background-image:url(Kranseite1.jpg);*/
background-repeat:no-repeat;}
div#Info h2{font-size:1.0em;margin:0.2em 0.5em;}
div#Info p{font-size:0.9em;margin:0.5em;}
div#Seite{margin:0 auto;}
div#Kopf{text-align:center;}
.Logo{float:left;}
.Suche{float:left;}
.Suche2{padding-left:0px;margin-bottom:-3px;margin-left:-38px;}
.suchfeld{border-top-right-radius:0px;max-width:400px;height:35px;border-top-left-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:0px;margin-top:10px;padding-left:5px;
/*+placement:0px 0px;*/
position:relative;left:0px;top:0px;}
.lupe{
/*+placement:0px 10px;*/
position:relative;left:0px;top:10px;border-top-left-radius:0px;border-bottom-right-radius:4px;border-bottom-left-radius:0px;border-top-right-radius:4px;margin-top:-3px;height:43px;}
.Kopfbutn{margin-top:3px;margin-left:0px;}
.Kopfzeile1{border-bottom:4px solid #484FCD;padding-bottom:10px;}
.Kopfleiste{width:100%;background-color:white;padding-bottom:0px;margin-top:5px;}
@media (max-width:768px){.Kopfleiste{padding-bottom:2px;}
}
div#inhalt{min-height:600px;margin:0 0px 0px 0px;border:0px dashed silver;background-color:white;
/*+placement:;*/
position:relative;left:0;top:0;}
* html div#inhalt{height:1em;
/* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
}
/* div#Inhalt h1{font-size:1.5em; margin:0.2em 0; }
*/
/* div#Inhalt h2{font-size:1.2em; margin:0.2em 0; }
div#Inhalt h3{font-size:1.1em; margin:0.2em 0; }
div#Inhalt p{font-size:1.0em; margin:1em 0; }
*/
div#Inhalt a{font-size:1.0em;}
div#Inhalt a:link{color:#191927;font-size:1.0em;margin:1em 0;}
div#Inhalt a:visited{color:#666;background-color:white;}
div#Inhalt a:hover{color:#555774;}
div#Inhalt a:active{color:white;background-color:gray; }
.IndexFuss{margin:0 0 20px 0;}
.Abbildung{float:left;width:40%;text-align:center;}
.clear{clear:left;}
.clearleft{clear:left;}
/*.menu{width:100%; background-color:#1A1A6B; text-align:left; }
*/
.menu{width:100%;background-color:#575E62;text-align:left;}
.menubutton{float:left;}
.Menuelinktext{font-size:10pt;padding:6px 0 14px 5px;line-height:1.2;border-bottom:1px solid #DFDFDF;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:160px;}
.Menuelinktext:hover{}
.Menuelinktext2{font-size:10pt;padding:6px 0 14px 5px;line-height:1.2;border-bottom:1px solid #DFDFDF;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:220px;}
.Menuelinktext2:hover{}
.MenueMobillinktext{font-size:11pt;padding:8px 0 10px 5px;line-height:1.4;border-bottom:1px solid #DFDFDF;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:160px;}
.MenueMobillinktext:hover{color:steelblue;}
.Menuesymbol{float:left; margin:5px 15px 6px 0; width:35px; height:35px;} /*.Menuesymbol{float:left;margin:-4px 15px 6px 0;width:35px;height:35px;}*/
.warenkorbzu{}
.Boxgeschlossen{width:40px;height:31px;margin-top:10px;margin-left:20px;}
.Boxoffen{width:47px;height:30px;margin-bottom:0px;margin-top:-5px;}
.UserBegr{margin-top:14px;color:#201964;font-weight:bold;}
@media (max-width:767px){.UserBegr{margin-top:0px;}
}
.mitte{padding:0 10px 0 0px;}
.dropdown-title{font-size:11pt;font-weight:bold;color:#969393;width:100%;margin:12px 0 0 15px;}
.dropdown-submenu{position:relative;}
.MobilMenue{font-size:13pt;font-weight:700;color:#525356;}
.dropdown-submenu:hover{}
.dropdown-submenu:active{}
.dropdown-submenu > .dropdown-menu{left:0%;
/*+placement:250px -20px;*/
position:relative;left:250px;top:-20px;}
@media (max-width:768px){.dropdown-submenu > .dropdown-menu{
/*+placement:0px 0px;*/
position:relative;left:0px;top:0px;}
}
.dropdown-submenu:hover > .dropdown-menu{display:block;width:255px;}
.dropdown-submenu > a:after{display:block;float:right;border-left-color:#CCCCCC;}
.dropdown-submenu:hover > a:after{border-left-color:#FFF;}
.Fuss{font-weight:600;margin-top:30px;}
.Fusstext{float:right;padding-left:20px;padding-bottom:8px;}
.fusslink{
/*color:#1C1C61; font-size:medium;*/
}
.Menueblock{padding-left:0px;padding-top:20px;}
.floatleft{float:left;width:265px;}
.floatleftB{float:left;width:235px;}
.center{margin:0 auto;}
@media (max-width:768px){.floatleft{width:199px;}
}
.ListeLinks{float:left;text-align:right;width:150px;margin-top:3px;}
.ListeRechts{float:right;text-align:right;margin-top:3px;}
.GEDORE{font-size:medium;color:#325189;padding:5px 0 5px 0;}
.PreisMwSt{font-size:8pt;padding-left:10px;}
.BildAbw{font-size:8.5pt;margin-top:14px;color:#bfbfbf;text-align:center;}
@media (max-width:768px){.BildAbw{padding:0 0 0 10px;}
}
/*Kopf*/
.menubuttons_first{border-left:0px solid #FDFDFD;border-right:4px solid #FDFDFD;width:auto;
/*+placement:float-left;*/
float:left;position:relative;left:0;top:0;}
.menubuttons{border-right:2px solid #FDFDFD;width:auto;
/*+placement:float-left;*/
float:left;position:relative;left:0;top:0;}
.dropdown{}
.Suchbutton{}
.UserBegra{color:#252647;}
.UserBegra:hover{color:#373998;}
/*Warenkorb*/
.TitelWarenBild{padding-left:10px;}
.Warenkorb{border-top:1px solid #ddd; padding:10px 0 0 0;}
.Zeilenuebschrift{background-color:#f4f4f4; padding:10px 0; height:40px;}
@media (max-width:768px){.Zeilenuebschrift{display:none;}
}
.Anzahl{text-align:right;}
.titelAnzahlspalteL{text-align:left;}
.titelAnzahlspalteR{text-align:right;}
.TitelWarenPreis{text-align:right;}
@media (max-width:994px){.TitelWarenPreis{display:none;}
}
@media (min-width:994px){.HandyTitelWarenPreis{display:none;}
}
@media (max-width:768px){.HandyTitelWarenPreis{font-weight:normal; text-align:left;}
}
.WarenBild{text-align:center;}
@media (max-width:768px){.WarenBild{margin-bottom:5px;padding-top:20px;border-top:1px solid steelblue;}
}
.WarenProdukt{text-align:left;}
.WarenTyp{font-weight:bold;white-space:nowrap;overflow:hidden;}
.WarenMerk{white-space:nowrap; font-size:smaller;}
.ZubehoerBesch{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.WarenVarBez1{white-space:nowrap;}
.WarenVarBez2{white-space:nowrap;}
.WarenVarBez3{white-space:nowrap;}
.Warenfrei{color:#FFFFFF;font-size:smaller;}
.WarenPreis{text-align:right;}
@media (max-width:768px){.WarenLoeAe{margin-top:34px;font-weight:bold;line-height:2.3;}
}
.ProdWarenGesPreis{font-weight:bold;}
.StckPreisBez{border-top:1px solid black;}
.WarenPreisGes{text-align:right;border-top:1px solid black;margin-bottom:15px;}
.Endsumme{border-top:1px solid black;margin-top:34px;border-bottom:1px solid black;margin-right:0;}
@media (max-width:1185px){.Endsumme{margin-right:-15px;}
}
@media (max-width:992px){.Endsumme{margin-right:15px;}
}
@media (max-width:768px){.Endsumme{margin-right:-5px;}
}
.Endbetragbeschr{float:left;text-align:left;font-weight:bold;margin-top:5px;}
.EndbetragbeschrNetto{float:left;text-align:left;font-size:medium;}
.EndbetragBeschrMwst{float:left;text-align:left;font-size:small;color:#988989;}
.EndbetragpreisNetto{float:right;text-align:right;font-size:medium;}
.EndbetragpreisMwSt{float:right;text-align:right;font-size:small;color:#927F7F;}
.Endbetragpreis{float:right;text-align:right;font-weight:bold;margin-top:5px;}
.frachtkostenbeschr{font-size:10pt;float:left;text-align:left;margin-top:5px;}
.Frachtkosten{float:right;text-align:right;font-size:10pt;}
.frachtkostensum{float:right;padding-top:5px;font-size:10pt;}
.WarenLoeAe{font-size:medium;padding:0 10px;}
.Loesch{font-size:small;}
.Aendern{font-size:small;}
.KundenEingabe{max-width:800px;margin-top:50px;}
.WarenAnfr{margin-top:86px;}
.Anfrbeschr{float:left;width:30%;margin-top:5px;height:30px;}
.Anfrbeschrrot{float:left;width:30%;margin-top:5px;height:30px;color:red;}
.Anfreing{margin-top:5px;border:thin solid #B1B1B9;border-bottom:1px solid #251E4F;border-right:1px solid #1D1D44;border-radius:4px;height:30px;width:70%;}
.AnfreingMittel{margin-top:5px;border:thin solid #B1B1B9;border-bottom:1px solid #251E4F;border-right:1px solid #1D1D44;border-radius:4px;height:30px;width:50%;}
.AnfreingKurz{margin-top:5px;border:thin solid #B1B1B9;border-bottom:1px solid #251E4F;border-right:1px solid #1D1D44;border-radius:4px;height:30px;width:20%;}
.Mitteilungeing{margin-top:5px;border:thin solid #B1B1B9;border-bottom:1px solid #251E4F;border-right:1px solid #1D1D44;border-radius:4px;height:200px;width:70%;}
.Preisspalte{float:right;}
.Anzahlspalte{float:left;}
.HandyWarenfrei{color:#FFFFFF;}
@media (min-width:769px){
.HandyWarenfrei{display:none;}}
@media (max-width:768px){.Anzahl{display:none;}
.HandyWarenfrei{/*display:none;*/}
.Warenfrei{/*display:none;*/}
}
@media (min-width:768px){.HandyStueck{display:none;}
}
.WarenkorbProdukt{}
.Frachtkosten{margin-top:10px; font-size:small;}
.AnfrageButton{font-size:11pt; color:#FFFFFF; margin:20px auto 18px; padding:5px; text-align:center; font-weight:bold;}
@media (max-width:768px){.AnfrageButton{margin-right:10px; }
}
.AnfrageButton:hover {box-shadow: 3px 3px 5px rgba(63, 127, 191, 0.5)}
.TitelPerson{font-weight:bold;color:#554B4B;}
.TitelAdresse{font-weight:bold;color:#554B4B;}
.EULand{margin-bottom:40px;}
.AGBsrot{color:red;float:right;}
.AGBs{float:right;}
.Datenfehlen{font-size:larger;color:#BE1515;margin-left:10px;margin-bottom:81px;}
.Ueberschrift{margin-left:0px;margin-bottom:30px;}
/*filter*/
.filter{padding:10px 0 0 10px;margin-top:26px;margin-left:5px;}
@media (max-width:1000px){.filter{visibility:hidden;height:0px;width:0px;float:right;}
}
.filtergruppe{margin-bottom:40px;}
.Beschriftung{font-size:11.5pt;border-bottom:1px solid black;font-weight:bold;margin-top:0px;}
.filterliste{margin-top:5px;font-size:10pt;overflow-x:hidden;overflow-y:auto;max-height:2500px;padding:10px 10px;}
.filterliste2{margin-top:5px;font-size:10pt;overflow-x:hidden;overflow-y:auto;max-height:2500px;padding:10px 20px;}
.filterliste3{margin-top:5px;font-size:10pt;max-height:250px;padding:0px 10px;text-align:right;overflow-x:hidden;overflow-y:auto;width:235px;}
.filterulli{text-align:right;padding:0 5px 0 0;}
.ButtonSort{text-align:left;background-color:#FFF;min-height:550px;width:270px;margin-right:5px;border:1px solid #CFCFCF;}
.bildfilter{width:70px;height:70px;
/*padding:6px;*/
display:table-cell;vertical-align:middle;}
.BildHSTfilter{display:table-cell;vertical-align:middle;height:50px;}
/*Sortieren */
.SortierArtikel{min-height:370px;float:left;margin-top:5px;margin-bottom:5px;}
.SortArtikel{float:left;}
.SortBild{float:left;width:250px;min-height:220px;padding:10px 10px 10px 10px;}
.SortText{padding:0px 0px 0px 7px;text-align:left;font-size:10pt;}
.SortierText{float:left;padding:0 10px 10px;width:500px;}
.SortPreis{padding:5px 0 5px 0px;font-size:14pt;font-weight:bold;text-align:left;}
.UVP{font-size:9pt;Produktspalte-align:left;padding:0 0px 0 10px;}
.VPE{font-size:9pt; Produktspalte-align:left; color:gray;}
.VPEProd{font-size:9pt; Produktspalte-align:left; color:white;}
.VPEStuck{font-size:9pt; Produktspalte-align:left; margin-top:-5px; }
.filterbilder{float:left;padding:1px 1px;
/*height:60px;*/
}
.FilterHSTBilder{float:left;padding:3px 5px;height:50px;}
.BildfilterAkt{}
.Bildanzeigen{display:block;margin-left:auto;margin-right:auto;}
.BildanzeigenVor{
/*margin-left:auto; margin-right:auto;*/
}
.SuchTitel{margin:0 0 5px 0;font-size:11.5pt;}
.SortMerk0{color:#201672;font-weight:bold;}
.SortMerk{font-size:small;color:#13121A;line-height:1.5;}
.SortDetails{font-size:small;color:#645555;line-height:1.5;}
/* Index */
.Leiste{background-color:steelblue; height:3px; margin-bottom:10px;}
/*#d2e1fe*/
/*.RosinskiServ{background-color:#d0d0d0; color:#2705d4; padding-top:10px; margin-top:21px; min-height:260px; }
*/
.RosinskiServ{min-height:300px;background-position:center;padding-bottom:40px;padding-top:20px;}
.RosiServ{float:left;width:325px;padding-left:10px;color:#271D7C;padding-bottom:20px;margin-left:1.5%;margin-right:2.5%;display:block;}
@media (max-width:1200px){.RosiServ{margin-left:10px;width:273px;}
}
@media (max-width:1100px){.RosiServ{margin-left:10px;width:273px;}
}
@media (max-width:989px){.RosiServ{margin-left:10px;width:321px;}
}
@media (max-width:768px){.RosiServ{padding-left:0;}
}
.TitelRos{color:#11117F;text-align:left;font-size:16pt;margin-top:19px;}
.ServTextbereich{text-align:left;color:#453F3F;}
.RosiVerkauf{color:#463E3E;}
.Krantechnik{width:100%;padding-bottom:10px;margin-top:50px;}
.Hebetechnik{width:100%;padding-bottom:10px;}
.Anschlagmittel{width:100%;padding-bottom:10px;}
.Flurfoerderzeuge{width:100%;padding-bottom:10px;}
.TitelTechnik{font-size:12pt;text-align:center;padding-top:8px;margin-left:auto;margin-right:auto;margin-top:20px;color:#F8F8F9;font-weight:bold;border-radius:5px 5px 0px 0px;border-bottom:5px solid #1A1A6B;background-color:#12206A;}
.gruppegesamt{
/* border:1px solid #1C1D7A; -moz-border-radius:0px 0px 5px 5px; -webkit-border-radius:0px 0px 5px 5px; -khtml-border-radius:0px 0px 5px 5px; border-radius:0px 0px 5px 5px; padding-bottom:5px; */
}
.Gruppen{float:left;display:block;width:33.3%;margin-left:0;margin-right:0;margin-top:25px;border-radius:5px;padding-bottom:20px;}
@media (max-width:992px){.Gruppen{width:350px;}
}
@media (max-width:768px){.Gruppen{width:350px;}
}
.TitelGruppe{text-align:left;margin-left:5%;color:#1D189E;padding-top:0;margin-top:13px;font-weight:600;font-size:15pt;height:43px;}
.TitelGrup{padding-top:0px;color:#0419B1;}
.Gruppenbild{text-align:center;margin-top:26px;width:252px;margin-left:23px;min-height:172px;}
.Prodgruppe{}
.prodbutton{background-color:#FBFBFB;color:#131382;
/*+border-radius:6px;*/
-moz-border-radius:6px;-webkit-border-radius:6px;-khtml-border-radius:6px;border-radius:6px;margin-left:5%;text-align:left;width:150px;margin-top:5px;border:1px solid #7A7A7A;float:left;height:200px;padding:10px;}
.Prodsymbol{padding:2px;height:90px;}
.Prodlinktext{margin-top:20px;}
.Prodbutton:hover{background-color:rgba(240,240,241,0.956);border:2px solid #0A0DB0;}
.Beratungsbutton{margin-top:350px;position:fixed;right:0px;z-index:1;}
.Beratungsbutton2{margin-top:410px;position:fixed;right:0px;z-index:1;}
a.popup2{text-decoration:none;position:relative;display:block;color:#212358;z-index:1;}
a.popup2:hover{border:none;}
a.popup2 img{margin-left:10px;z-index:1;border:1px solid #1C4896;border-radius:5px;padding:5px;background-color:#FDFDFD;}
a.popup2 span{visibility:hidden;position:absolute;top:20px;margin-left:-230px;margin-top:-20px;text-align:left;background-color:#FBFBFB;padding:5px;border:0px solid #D4D3D3;border-radius:5px;}
a.popup2:hover span{visibility:visible;z-index:1;}
@media (max-width:768px){a.popup2 img{display:none;}
a.popup2 span{display:none;}
}
a.popup2filt{text-decoration:none;position:relative;display:block;color:#212358;}
a.popup2filt:hover{border:none;}
a.popup2filt img{border:none;width:250px;height:auto;}
a.popup2filt span{visibility:hidden;position:absolute;top:20px;left:0;}
a.popup2filt:hover span{visibility:visible;z-index:1;margin-left:100px;}
@media (max-width:768px){a.popup2filt img{display:none;}
a.popup2filt span{display:none;}
}
/*ArtikelTypBox */
.ArtikelTypBox{border:1px solid black;border-radius:6px;max-width:350px;height:400px;overflow:auto;margin-top:20px;}
.ArtikelTypBild{float:left;width:80px;padding:5px 10px 5px 10px;}
.ArtikelTypText{float:left;width:250px;padding:5px 5px 5px 5px;text-align:left;}
.ArtTypBez{color:#191927;font-size:10.5pt;
/*text-decoration:underline;*/
text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;}
/*Bewertungen */
/*.rating{overflow:hidden; display:inline-block; }
.rating-input{float:right; width:22px; height:19px; padding:0; margin:0 0 0 0px; capacity:0; }
.rating-star{position:relative; float:right; display:block; width:22px; height:19px; background:url('symbole/Stern.gif') -0 -19px; margin:2px -19px 0 0; }
.rating-star:hover, .rating-star:hover ~ .rating-star, .rating-input:checked ~ .rating-star{background-position:0 0; background:url('symbole/Sternblau.gif') 0px 0px; margin:2px -19px 0 0; }
*/
/*Kunden Konten */
/* Dropdown Button */
.dropbtn{background-color:#FFFFFF;color:#A69D9D;padding:2px 5px 2px 5px;font-size:12pt;border:none;cursor:pointer;}
/* Dropdown button on hover & focus */
.dropbtn:hover,.dropbtn:focus{background-color:#FFFFFF;color:black;}
/* The container <div> - needed to position the dropdown content */
.dropdown{position:relative;display:inline-block;}
/* Dropdown Content (Hidden by Default) */
.dropdown-content{display:none; position:absolute; background-color:#F9F9F9; min-width:100px; box-shadow:0px 8px 10px 0px rgba(0,0,0,0.2);z-index:1;}
/* Links inside the dropdown */
.dropdown-content a{font-size:10pt; color:black; padding:5px 16px; border:1px solid #F9F9F9; text-decoration:none; display:block;}
/* Change color of dropdown links on hover */
.dropdown-content a:hover{background-color:#F1F1F1;}
/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.PreisFarben{margin:1px 0;}
@media (max-width:768px){.PreisFarben{margin:10px 0;}}
.show{display:block;}
.InProdGrup{float:left;width:222px;height:218px;margin:3px;padding:0 7px;border:1px solid #white;border-radius:5px;background-color:white;line-height:1.1;}
.InProdGrup:hover{border-color:#1619D2;}
.InProdGrup2{float:left;width:222px;height:500px;margin:3px;padding:0 7px;border:1px solid #white;border-radius:5px;background-color:white;line-height:1.1;}
.InProdGrup2:hover{border-color:#1619D2;}
@media (max-width:1200px){.InProdGrup{margin-left:10px;width:290px;}
}
@media (max-width:1100px){.InProdGrup{margin-left:10px;width:290px;}
}
@media (max-width:989px){.InProdGrup{margin-left:10px;width:330px;}
}
@media (max-width:768px){.InProdGrup{margin-left:10px;width:94%;}
}
.InProdTit{font-size:11.5pt;font-weight:500;margin:14px 0 5px 10px;color:rgba(51,122,183,1);}
.InProdTit2{font-size:12pt;font-weight:400;margin-left:5px;}
.IndProBut{background-color:#FFFFFF;padding:4px 0 3px 10px;margin:0px 10px;border-top:1px solid white;border-right:1px solid white;border-bottom:1px solid #CFCFCF;border-left:1px solid white;border-radius:1px;}
.IndProBut:hover{border:1px solid #211B5E;}
.Indsymbol{float:left;}
.Indlinktext{float:left;margin:6px 5px 0 15px;font-size:11.5pt;}
.ButtonHst{border:1px solid white;background-color:#FFFFFF;padding:3px 0 0px 0;width:97%;}
.ButtonHst:hover{border:1px solid #1619D2;border-radius:0px;width:97%;}
.ButtonHstAktive{border:1px solid #F30404;border-radius:5px;background-color:#FFFFFF;padding:26px 0 10px 0;width:100%;}
.ButtonHstAktive:hover{border:1px solid #1619D2;border-radius:5px;width:100%;}
.VortHst{float:left;width:12%;}
.TitelHst{font-size:larger;font-weight:bold;margin:5px 0 5px 160px;text-align:left;}
@media (max-width:1400px){
/* .HstDesktop{display:none; }
*/
.Herste{display:none;}
}
@media (min-width:1400px){.HstIPAD{display:none;}
}
@media (max-width:1400px){.HstIPAD{margin:40px 20px 20px 20px;border-top:1px solid #1619D2;font-size:9pt;white-space:normal;}
}
@media (max-width:762px){.HstIPAD{display:none;}
.HstDesktop{display:none;}
}
.VorschlaegeHst{width:80%;margin-right:auto;margin-left:auto;}
.SortBildeHst{height:50px;}
.SortBildeProdHst{height:200px;}
.ButtonProdHst{border:1px solid #FFF;border-radius:4px;background-color:white;padding:5px 0 5px 0;width:100%;margin-bottom:5px;}
.ButtonProdHst:hover{border:1px solid steelblue;border-radius:5px;width:100%;}
.ButtonProdHstAktive{border:1px solid #F30404;border-radius:5px;background-color:#FFFFFF;padding:26px 0 10px 0;width:100%;}
.ButtonProdHstAktive:hover{border:1px solid #1619D2;border-radius:5px;width:100%;}
.ProdTitel{background-color:#FFFFFF;font-size:10pt;height:40px;}
.VortHstProd{float:left;width:200px;margin:10px;}
.TypProd{margin:100px 0 0 0;}
.Herste{margin:20px 0;background-color:rgba(207,207,207,0.82);padding:10px;}
.Werkzeug{text-align:center;background-color:white;padding-top:15px;height:120px;}
.Werktitel{margin-bottom:3px;}
.Werktitel2{margin-bottom:3px;margin-top:-30px;text-align:center;}
.Gruppegesamt{min-height:250px;display:inline-block;}
.Werksymbol{}
.TitelWerkzeug{font-size:16pt;text-align:left;height:48px;padding-top:12px;margin-left:auto;margin-right:auto;margin-top:20px;color:#F8F8F9;font-weight:bold;padding-left:25px;}
.InWerkTit{margin-left:0px;margin-top:15px;padding-top:5px;font-size:16pt;width:100%;background-color:#939393;color:#FDFDFD;padding-left:15px;padding-bottom:5px;}
.Verlauf{width:100%;margin:8px 0 30px 0px;padding-left:0px;}
.VerlaufPfeil{color:#1703B2;font-size:11pt;margin-right:25px;float:left;}
.VerlaufText{color:#D0D0D0;font-size:11pt;margin-right:25px;float:left;}
@media (max-width:762px){.VerlaufText{font-size:12pt; padding:10px 2px;}
}
@media (max-width: 992px){.VerlaufText{margin-right:10px;}
}
.MenuPfeilR{float:left; margin: 3px 20px 0 0; color:#DFDFDF; font-size:9pt;}
@media (max-width: 992px){.MenuPfeilR{margin:3px 10px 0 0;}
}
.BildManu{overflow:auto;}
.floatleftManu{float:left;padding:10px 20px 0 0;}
@media (max-width:768px){.floatleftManu{float:none;}
}
.TextManu{padding:10px 20px 0 0;}
/* Button Zum Seitenanfang */
#myBtn{display:none;position:fixed;bottom:10px;right:0px;width:50px;height:49px;background-color:white;border-radius:5px;border:1px solid #2342AC;color:#2342AC;line-height:50px;text-decoration:none;text-align:center;cursor:pointer;z-index:10;}
#myBtn:hover{border:1px solid #CFCFCF;}
.video{width:1280px;height:720px;}
@media (max-width:1300px){.video{width:854px;height:480px;}
}
@media (max-width:1000px){.video{width:640px;height:360px;}
}
@media (max-width:768px){.video{width:426px;height:240px;}
}
/*Login.php */
.LoginBereich{}
.LogEmail{display:table-cell;}
.LogBeschr{width:200px;text-align:left;float:left;margin-top:5px;height:30px;}
.LogEing{width:200px;text-align:left;float:left;margin-top:5px;border:thin solid #B1B1B9;border-bottom:1px solid #251E4F;border-right:1px solid #1D1D44;border-radius:4px;height:30px;}
.clearleft{clear:left;}
.LogPass{display:table-cell;}
.Loginbutton{margin-top:10px;}
.LogPassverg{margin-top:10px;}
.LogReg{margin-top:10px;}
@-webkit-keyframes slideDown{0%{margin-top:-66px;}
100%{margin-top:0;}
}
@keyframes slideDown{0%{margin-top:-66px;}
100%{margin-top:0px;}
}
@-webkit-keyframes growDown{0%{height:0;}
100%{height:66px;}
}
@keyframes growDown{0%{height:0;}
100%{height:66px;}
}
.cc_container{-webkit-animation-duration:0.8s;-moz-animation-duration:0.8s;-o-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-name:slideDown;animation-name:slideDown;}
.cc_banner-wrapper{-webkit-animation-duration:0.8s;-moz-animation-duration:0.8s;-o-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-name:growDown;animation-name:growDown;}
.indexcarusBild{float:left;width:50%;}
.indexcarusText{float:left;width:50%;margin-top:100px;padding:50px 20px 50px 20px;}
.indexcarusTextGross{font-size:20pt;color:gray;font-weight:bold;padding:10px 10px 10px 10px;}
.indexcarusTextKlein{font-size:12pt;color:white;border:solid 1px blue;border-radius:5px;padding:10px 10px 10px 10px;background-color:#2637B1;margin-left:10px;}
.Bildcarusindex{width:100%;}
.Farbcode{border:1px solid gray;}
.Farbeblau{background-color:steelblue;}
.Textfarbeblau{color:steelblue;}
.Textfett{font-weight:600;}
.Borderfarbeblau{border:3px solid steelblue;border-radius:3px;}
.Farbegrau{}
/* Produktgruppe19*/
.menuebutton19:hover{color:#333;background:#F9F6F6;}
.menuebutton19{height:28px;width:120px;font-size:11.5pt;text-align:center;margin:0px 0 5px 0;display:block;font-weight:600;line-height:1.68;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;/*padding:0px 14px 0px 14px;*/color:white; background: linear-gradient(178deg, steelblue 50%, rgb(45, 117, 176));}
.navbar-default .navbar-nav > .open > a,.navbar-default .navbar-nav > .open > a:hover,.navbar-default .navbar-nav > .open > a:focus{color:#333; background:#FFFFFF;}
.Kopfleiste19{width:100%;background-color:#FFFFFF;padding-bottom:0px;margin-top:15px;padding:0 0 10px 0px;} /*border-top:15px solid #FFF;*/
/* padding:5px 0px; border-top:15px solid #585C5F;*/
div#Kopf19{min-height:30px;margin-bottom:0px;padding:0em 0 0;background-color:#1A1A6B;text-align:center;}
.FilterButton{width:150px;color:#5F666C;background-color:#E9EFF7;border:solid 1px #BBBEC0;border-radius:0px;margin:0 10px 0 0px;}
.FilterButtonText{text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10pt;font-weight:normal;width:100px;text-align:left;float:left;}
.FilterButtonSym{font-weight:normal;font-size:10pt;width:20px;text-align:right;float:left;}
.ProdMenue{width:18%;margin:40px 15px 0 -15px;}
@media (max-width:1000px){.ProdMenue{display:none;}
}
.ProdHauptbereich{width:80%;min-height:550px;}
@media (max-width:768px){.ProdHauptbereich{width:100%;padding:10px 10px;}
}
.Service{margin-left:12px; margin-right:12px; margin-top:10px; color:#A6A6A6; width:60px;}
.Einkaufswagen{margin-left:12px; margin-right:12px; margin-top:10px; color:#A6A6A6; width:60px;}
@media (max-width:768px){.Service{float:left;}
}
@media (max-width:768px){.Einkaufswagen{float:right;}
}
#MenuePfeilK{}
#MenuePfeil{display:none;}
#MenuePfeilK:hover #MenuePfeil{display:block;float:right;font-size:10pt;font-weigth:bold;margin-right:5px;}
#MenuePfeilKU{}
#MenuePfeilU{display:none;}
#MenuePfeilKU:hover #MenuePfeilU{display:block;float:right;font-size:10pt;font-weigth:bold;margin-right:0px;}
.Servicedropdown{padding:0 10px 0 10px;}
.ServiceUeberschrift{color:#A6A6A6;font-size:12pt;font-weight:bold;width:100%;}
.Servicesymbol{margin:5px 0 5px 0;padding:10px 0 5px 0;float:left;width:50px;}
.ServiceBereich{margin:5px 0 5px 0;padding:5px 0 5px 0;border-top:1px solid #E4E5E5;float:left;width:250px;}
.MitarbeiterName{float:left;width:199px;text-align:left;font-size:12pt;}
.Menuedropdown{position:absolute;z-index:900;width:100%;backgrund-image:url('symbole/JPG/Menueblock.jpg');}
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
input[type=number]{-moz-appearance:textfield;}
.PlusMinus{background-color:white;height:40px;width:40px;border:1px solid #BFBFBF;color:steelblue;}
.field-tip .tip-content{position:absolute;top:-22px;
/* - top padding */
right:9999px;width:200px;margin-right:-220px;
/* width + left/right padding */
padding:10px;color:#FFF;background:steelblue;-webkit-box-shadow:2px 2px 5px steelblue;-moz-box-shadow:2px 2px 5px steelblue;box-shadow:2px 2px 5px steelblue;opacity:0;-webkit-transition:opacity 250ms ease-out;-moz-transition:opacity 250ms ease-out;-ms-transition:opacity 250ms ease-out;-o-transition:opacity 250ms ease-out;transition:opacity 250ms ease-out;}
/* <http://css-tricks.com/snippets/css/css-triangle/> */
.field-tip .tip-content:before{content:' ';
/* Must have content to display */
position:absolute;top:50%;left:-16px;
/* 2 x border width */
width:0;height:0;margin-top:-8px;
/* - border width */
border:8px solid transparent;border-right-color:steelblue;}
.field-tip:hover .tip-content{right:100px;top:-5px;opacity:1;}
.EingabefeldV{width:40px;height:40px;border-right:1px solid #8f8f9d;border-top:1px solid #8f8f9d;border-left:1px solid #8f8f9d;border-bottom:1px solid #8f8f9d;border-radius:1px;padding:0 5px; margin:0 5px 0 0.5px; text-align:right;}
.Dropdownpfeil{margin-left:-6px;height:30px;width:25px;color:gray;border-right:1px solid #C7C3C3;border-top:1px solid #C7C3C3;border-left:1px solid #FFFFFF;border-bottom:1px solid #C7C3C3;
/*+placement:0px 0px;*/
position:relative;left:0px;top:0px;}
.VariableSelect{z-index:-1;margin-left:-1px;height:30px;margin-top:-30px;}
.VariableEingabe{z-index:1;}
.megamenu-li{position:static;}
.megamenu{position:absolute;width:800px;height:600px;left:0;right:0;padding:15px;}
.gecko .Dropdownpfeil{margin-left:-6px;height:30px;width:19px;border-right:1px solid #C7C3C3;border-top:1px solid #C7C3C3;border-left:1px solid #FFFFFF;border-bottom:1px solid #C7C3C3;
/*+placement:0px 0px;*/
position:relative;left:0px;top:0px;}
.ZumArtikelButton{height:30px;width:100%;background-color:steelblue;color:#FFF;text-align:center;font-size:11pt;padding:3px 0 0 0;}
.EingabeProdGrupEinfach{float:left;width:59%;}
/*Produktgruppe */
.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;}
/*-webkit-column-count:2;-webkit-column-gap:40px;*/
.Prodbeschreib{padding:5px 5px 5px 3px;width:70%;margin-top:29px;margin-right:auto;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;}
}
.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; margin-top:2px;}
.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:steelblue;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 steelblue;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:0px 0 0 9px;font-weight:600;width:100%;background-color:#DDD;font-size:11.5pt;text-align:left;color:steelblue;border-radius:0 0 0px 0px;border-top:1px solid #DDD;border-right:1px solid #DDD;border-bottom:1px solid #DDD;border-left:1px solid #DDD;}
.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 #838A8E;border-left:1px solid #838A8E;}
.Pfeildown{margin:0 0 4px 10px;}
/* Icon when the collapsible content is shown */
.Pfeilrunter:after{font-family:"Glyphicons Halflings"; content:"\e113"; color:steelblue; float:right; z-index:10; padding:0 10px 0px; }
/* Icon when the collapsible content is hidden */
.Pfeilrauf.collapsed:after{content:"\e114";}
.TextAufklapp1{padding:0 10px; height:42px; width:100%; background-color:white; color:steelblue; padding:0 10px; border-radius:0px; border-right:0; border-left:0; border-top:1px #b7b7b7 solid; border-bottom:1px #b7b7b7 solid; text-align:left;}
.TextAufklapp2{padding:0 10px; height:42px; width:100%; background-color:white; color:steelblue; padding:0 10px; border-radius:0px; border-right:0; border-left:0; border-top:0; border-bottom:1px #b7b7b7 solid; text-align:left;}
.TextAufklapp1:hover,.TextAufklapp2:hover{background-color:#575E62; cursor:pointer; color:#FFFFFF;}
.TextAufklapp1:focus,.TextAufklapp2:focus{box-shadow:0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19); background-color:steelblue; cursor:pointer; color:#FFFFFF;}
.PfeilAufklapprunter:after{font-family:"Glyphicons Halflings"; content:"\e014"; position:relative; z-index:10; bottom:10px; line-height:0; float:right;}
.PfeilAufklapprauf.collapsed:after{content:"\002b";}
.AnswerAufklapp{padding:10px; border-right:0; border-left:0; border-top:0; border-bottom:1px #b7b7b7 solid;}
dd{display:none;}
.ueberlappen{position:absolute; top:auto; left:0; z-index:1000; background-color:white; width:100%;}
.initial-open{display:block;}
.ArtTypBez{text-align:left; white-space:nowrap; width:100%; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; font-weight:600;}
@media (max-width:2100px){.ArtTypBez{width:100%;}
}
@media (max-width:1900px){.ArtTypBez{width:100%;}
}
@media (max-width:1700px){.ArtTypBez{width:100%;}
}
@media (max-width:1500px){.ArtTypBez{width:100%;}
}
@media (max-width:1400px){.ArtTypBez{width:100%;}
}
@media (max-width:1300px){.ArtTypBez{width:100%;}
}
@media (max-width:768px){.ArtTypBez{width:100%;}
}
.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:55pxZ;}
@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:20px 0px 15px 2px;width:100%;border-bottom:1px solid #D0D0D0;}
@media (max-width:768px){.VerlaufProdgruppe{margin:25px 0px 15px 0px;
/*alter Eintrag vom 20 09 2019 margin:25px 0px 15px 10px;*/
padding:0 0 0 15px;}
}
/*Produkt */
.TitelWarenProd{margin-bottom:8px;border-bottom:1px solid #FAF8F8;font-size:small;color:#701818;}
.UeberProdWarenk{font-size:large;font-weight:bold;margin-bottom:10px;margin-top:10px;}
.TitelProdukt{}
.TitelPreisspalte{text-align:left;}
@media (min-width:992px){.TitelPreisspalte{padding-right:10px;}
}
@media (min-width:1200px){.TitelPreisspalte{padding-right:0px;}
}
.ArtImShop{min-height:158px;background-color:white;color:#322F4A;}
.ProdWarenBild{border:1px solid black;background-color:#F2EFEF;height:85px;width:85px;text-align:center;}
.ProdWarenfrei{color:white;font-size:smaller;}
.OhneMwSt{margin-bottom:10px;font-size:small;}
.Abbildung{text-align:center;}
.btn-ProdBildLeiste{width:102px;height:102px;border:1px solid #DDD;display:table;margin-left:auto;margin-right:auto;display:block;text-align:center;}
.btn-ProdBildLeiste:hover{border:1px solid steelblue;}
.Bildvorschau{}
@media (max-width:768px){.Bildvorschau{display:none;}
}
.HauptBild{min-height:300px;display:block;margin-left:auto;margin-right:auto;width:100%;overflow:auto; margin-top:27px;text-align:center;}
.HauptBild1{width:100%; height:auto;margin-top:15px;padding:0 15px 10px 5px; }
.Produktspalte{text-align:left;padding:0px 20px 0 10px;}
@media (max-width:768px){.Produktspalte{padding:10px 10px 10px 10px; }
}
.merkmal0{font-size:16pt;
/*padding-top:5px;*/
}
.Merkmal{margin:20px 0 0 0;}
.Merkmaltitel{width:auto;padding-right:40px;padding-top:3px;vertical-align:top;}
.Merkmale{padding-top:3px;vertical-align:top;}
.lieferzeitBer{background-color:#efefef;padding:5px 5px 5px 10px;margin-bottom:13px;}
.lieferterm{
/*font-weight:600;*/
padding-left:0px;font-weight:600;}
.liefervorbehalt{font-size:9pt;padding-left:0px;}
.titellieferzeit{font-weight:600;}
.lieferzeit{line-height:inherit;}
.Qualimerkmale{margin:25px 0;}
.AnzahlText2{}
.ProdPreisspalte{height:auto;background-color:#FFFFFF;text-align:left;
/* max-width:350px; */
}
@media (max-width:768px){.ProdPreisspalte{padding-left:10px;padding-right:10px;max-width:none;padding-top:10px;}
}
.Preis{font-size:22pt; font-weight:bold; padding:5px 0px 5px 15px; color:white;}
@media (max-width:768px){.Preis{}
}
.PreisspalteTabelle{margin-left:5px;}
@media (max-width:768px){.PreisspalteTabelle{}
}
.VarPreis{height:21px;border-bottom:1px solid #ccc;}
.Var2AbhVar1{height:15px;}
.RadioText{font-size:10pt;}
.inputAnzahlText{font-size:12pt;padding:6px 0px 0px;height:34px;}
.inputAnzahlText2{font-size:11pt;padding:5px 0 0px;height:35px;}
.inputAnzahl{width:38px;height:30px;padding:0 5px 0 4px;text-align:center;}
.Zubehoertitel{padding:0 2px 0 5px;color:blue;}
.Zubehoerueber{margin:2px 0 3px;font-size:10.5pt;line-height:12pt;width:225px;color:rgba(51,51,51,1);}
.Zubehoerbeschr{font-size:9pt;line-height:11pt;width:225px;height:29px;}
.Zubehoerrechts{float:left;font-size:12pt;width:205px;padding:0 5px 0 2px;color:steelblue;font-weight:600;}
.Varzubgruppe{float:left;padding:0px 0px 1px 10px;}
@media (max-width:1400px){.Zubehoerbeschr{width:190px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.Zubehoerueber{width:190px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.Zubehoerrechts{width:170px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.Varzubgruppe{padding:0 3px 1px 3px;}
}
@media (max-width:1200px){.Zubehoerbeschr{width:225px;overflow:visible;white-space:normal; text-overflow:initial;}
.Zubehoerueber{width:225px;overflow:visible;white-space:normal; text-overflow:initial;}
.Zubehoerrechts{width:205px;overflow:visible;white-space:normal; text-overflow:initial;}
.Varzubgruppe{padding:0 5px 1px 15px;}
}
.Varzubgesamt{padding:4.5px 0 4px 0;margin-top:0px;
/*min-height:81px; */
border:1px solid #FFFFFF;border-radius:5px;
/*border-bottom:2px solid #E6E6E6;*/
background-color:#DDD; }
.Zubehoerlinks{float:left;font-size:9pt;padding:0 2px 0 2px;}
.ZubehoerBild{float:left;width:68px;height:68px;padding:0px 0px 0 0px;margin:2.5px 0 0 7px;text-align:center;background-color:white;}
.Zubvarkompl{padding:5px 0 0 0;border:1px solid #FFFFFF;border-radius:5px;background-color:#E6E6E6;}
.Varzubgesamtkompl{padding:2px 5px 2px 0px;float:left;width:290px;margin-bottom:10px;}
.Zubehoeruebervar{padding:0px 5px 5px 10px;}
.Zubehoerrechtsvar{font-size:12pt;color:steelblue;padding:0 0 0 10px;font-weight:600;}
.Zubehoerbeschrvar{font-size:9pt;padding:0 0 0 10px;}
.Varzubgruppevar{float:left;width:190px;padding:5px 0 0 5px;}
.varinpvar{float:left;}
.varinp{
/* float:right; */
}
.ButtonWarenkorbBild{background-image:url(Warenkorb_leer_+.jpg); background-repeat: no-repeat;background-position:5px 3px}
.Einkaufsbutton{width:100%;height:40px;font-size:14pt;color:#FFFFFF;margin:40px auto 18px;padding:0px; font-weight:600;}
.Kleingeschrieben{font-size:9pt;background-color:#DDD;padding:5px 5px 5px 10px;margin-bottom:0px;}
.Unten{margin-top:30px;}
.Mehrspaltig{max-width:1300px; column-width:600px;}
.Textbereich{text-align:left;margin:50px 0 20px 0px;}
@media (max-width:768px){.Textbereich{padding:0px 10px;margin-top:20px;margin-bottom:10px;text-align:left;}
}
.Text{text-align:left;margin-bottom:50px;}
.pdf{float:right;text-align:left;margin:20px 0px 10px;width:100%;
/*border:1px; border-color:#CCCCCC; padding:1px;*/
}
.PDF{}
@media (max-width:767px){.PDF{padding:0 10px;}
}
.Massbereich{padding:10px 20px 10px 20px;margin-top:59px;}
.Masstab{padding:0px 0px 2px 5px;text-align:left;}
.Masstab1{padding:2px 0px 2px 5px;text-align:left;}
@media (max-width:768px){.Masstab{padding:0px;}
}
.Masstabmitte{padding:0px 0px 2px 10px;text-align:right;vertical-align:top;}
.Masstabmitte1{padding:2px 0px 2px 10px; text-align:right; vertical-align:top;}
.Masstabrechts{padding:0px 10px 2px 10px;vertical-align:top;}
.Masstabrechts1{padding:2px 10px 2px 10px; vertical-align:top;}
.AnzahlText{min-width:100px;}
.VortArtikel{float:left;width:19.8%;margin-right:0.2%;}
@media (max-width:1400px){.VortArtikel{float:left; width:33%;}
}
.TitelVorschl{font-size:16pt; font-weight:bold; /* padding:20px 0 20px 20px;*/ text-align:left;}
.Vorschlag{margin:40px 20px 20px 20px;border-top:1px solid #1619D2;}
.clearleft{clear:left;}
.ButtonSorte{border:1px solid #FFF; border-radius:4px; margin-bottom:5px; width:265px; height:350px; background-color:white; padding:5px;}
@media (max-width:1400px){.ButtonSorte{width:100%;}
}
.ButtonSorte:hover{border:1px solid steelblue; border-radius:5px;}
.ButtonSorteAktive{border:1px solid #F30404;border-radius:5px;background-color:#FFFFFF;padding:6px 0 5px 0;width:100%;}
.ButtonSorteAktive:hover{border:1px solid #1619D2;border-radius:5px;width:100%;}
.Vorschlaege{width:80%; margin-right:auto; margin-left:auto;}
@media (max-width:1000px){.Vorschlaege{width:100%;}
}
.SorteText{font-size:small;}
.BildanzeigenProd{margin:2px 0 0 0px;}
.BildanzeigenMass{margin-top:30px;width:30%;}
.SortBilde{}
.SortPreis2{padding:0px 10px 0 10px;font-size:14pt;color:steelblue;font-weight:bold;text-align:left;}
.AbbildungMass{width:100%;padding:0 0px 0 0;margin-top:0px;overflow:auto;}
@media (max-width:768px){.AbbildungMass{padding:0px;width:100%;}
}
.Masstabelle{margin-top:0px;overflow:auto;font-size:10.5pt;padding:0 0px 0 40px;width:100%;}
.Masstabelle1{overflow:auto; padding:0 0px 0 40px; width:100%;}
@media (max-width:768px){.Masstabelle{padding:0px 10px;width:100%;}
}
.tablecolor1{background-color:steelblue;color:white;font-weight:600;}
.tablecolor2{background-color:#F6F6F6;}
.tablecolor3{background-color:#E7E7E7;}
.ZubehProdukt{padding-top:5px;}
.ZubehScroll{max-height:250px;overflow:auto;}
.TitelZub{
/*background-color:#219AF3; */
padding-left:5px;font-weight:bold;
/* text-decoration:underline; */
color:steelblue;font-size:14pt;width:100%;border-bottom:solid 2px steelblue;margin-bottom:5px;}
.Rabatt{color:#F8F6F6;font-size:30px;height:36px;width:36px;line-height:0.9;padding:4px;border-radius:2px 9px 2px 9px;float:right;margin-top:0px;}
.UVP{font-size:8pt;}
.Warenkorbbutton{
/*margin-top:20px;*/
/*margin-left:10px; */
}
.mitteP{margin-bottom:20px;}
.vorschldesktop{padding:30px 20px 20px 20px; font-size:9pt; white-space:normal; border-top:1px solid steelblue; border-bottom:1px solid steelblue;}
.VorschlDesktop{padding:12px 20px 12px 20px; font-size:9pt; white-space:normal; border-top:1px solid steelblue; border-bottom:1px solid steelblue; margin-top:-1px;}
@media (max-width:1400px){.VorschlDesktop{display:none;}
}
@media (min-width:1400px){.VorschlIPAD{display:none;}
}
@media (max-width:1400px){.VorschlIPAD{margin:30px 0px 30px 0px;border-top:2px solid steelblue;font-size:9pt;white-space:normal;}
}
@media (max-width:762px){.VorschlIPAD{display:none;}
.VorschlDesktop{display:none;}
}
.Bewertung{float:left;width:100%;height:300px;border:1px solid #1619D2;border-radius:8px;padding:10px;overflow-y:scroll;}
.BewertGes{text-align:left;}
.borderpicture{border:1px solid #dfdfdf;}
.divborder{border:1px solid #fff;}
.divbordersite:hover,.divborder:hover,.borderpicture:hover{border:1px solid steelblue;cursor:pointer;}
.Weiter{width:1400px;}
@media (max-width:1400px){.Weiter{width:1000px;}
}
.WeitereDesktop{margin:30px 0px 30px 0px;font-size:9pt;white-space:normal;}
@media (max-width:1000px){.WeitereDesktop{display:none;}
}
.TabLinkA{display:block;margin:0px;width:100%;height:100%;}
.ProdgrupAuswahl{border:solid 1px steelblue;width:35px;height:35px;margin:5px;background-color:steelblue;}
.ProdgrupAuswahlAktiv{border:solid 1px steelblue;width:35px;height:35px;margin:5px;background-color:#FFFFFF;color:steelblue;}
#borderpicture{border:1px solid #BBB;}
#borderpicture:hover{border:1px solid #104B94;cursor:pointer;}
.bus{color:#444;font-weight:normal;line-height:1;font-size:8pt;cursor:pointer;margin-top:2px;}
/*bildunterschrift*/
hr{display:block;height:1px;border:0;border-top:2px solid #CCC;margin:1em 0;padding:0;}
.BspBildklein{float:left;margin:20px 20px;}
@media (max-width:1400px){.BspBildklein{margin:20px 5px; }
}
@media (max-width:1200px){.BspBildklein{margin:20px 20px; }
}
@media (max-width:992px){.BspBildklein{margin:20px 5px; }
}
/* Youtube */
.video-container{position:relative; padding-bottom:56.25%; padding-top:0px; height:0; overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed{position:absolute; top:0; left:0; width:100%; height:100%;}
.video-container-wrapper{width:100%; max-width:560px; height:auto; left:0; right:0;}
/* Vimeo */
.video-wrapper { position: relative; width: 560px; height: 320px; cursor: pointer;}
.video-wrapper img { width: 100%; height: 100%; }
.video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; }
.Platzhalter{height:40px;}
.PlatzhalterKarusselButton{height:20px; color:white;}
@media (max-width:1200px){.Platzhalter{height:0px;}
}
.KopfMenu{display:none;}
.KopfSuche{float:right; margin:10px 0 0 0;}
/* alter Eintrag vom 20 09 2019 width:50%; */
@media (max-width:1200px){.KopfMenu{width:10%; float:left; padding:0 0px; text-align:left;}
.KopfService{margin:0px 0 0 20px;}
.navbar-header{text-align:center;}
.navbar-nav{float:left;}
}
@media (max-width:768px){.navbar-nav{float:none;}
.container-fluid{padding:0 0 0 10px;}
}
@media (max-width:768px){.KopfMenu{width:15%; float:left; padding:0 15px 0 0;}
.KopfSuche{float:right; padding:0px 10px 0 0; margin:0;}
/* alter Eintrag vom 20 09 2019 .KopfMenu{width:20%; float:left; padding:0 15px;}
*/
.KopfService{margin:50px 0 0 20px;}
}
.table{overflow:auto; border-bottom:1px solid #ddd;}
.FrageAntworttd{width:100px; padding:5px 10px; vertical-align:text-top;}
.FragenAntworenttd{padding:5px 10px;}
.FrageAntwortText{font-size:10pt; }
.FrageAntwortUeber{font-weight:bold;}
.PlatzMitteleft{margin-right:50px}
@media (max-width:768px){.PlatzMitteleft{margin-right:50px;}
}
.PlatzMitteright{margin-left:50px;}
@media (max-width:768px){.PlatzMitteright{margin-left:0px;}
}
.RabattProdGr{color:#F8F6F6; background-color:steelblue; font-size:30px; height:36px; width:36px; line-height:1.12; border-radius:2px; position:relative; margin-top:0px; z-index:5; text-align:center;}
.ButtonSorteZus{height:205px;}
.SortBildeZus{overflow:hidden;}
.TabMassZelleL{padding:2px 10px; border-bottom:1px solid #efefef;}
.TabMassZelleR{text-align:right; padding:2px 10px; border-bottom:1px solid #efefef;}
.bb100{width:100%; height:auto;}
/* CSS Document */
.wpcc-container{opacity:1}
.wpcc-transparency-5{opacity:.95}
.wpcc-transparency-10{opacity:.9}
.wpcc-transparency-15{opacity:.85}
.wpcc-transparency-20{opacity:.8}
.wpcc-transparency-25{opacity:.75}
.wpcc-container{border-style:solid;border-width:0;box-sizing:border-box;display:flex;flex-wrap:nowrap;font-family:inherit;font-size:16px;line-height:1.5em;-webkit-transition:opacity 1s ease;-moz-transition:opacity 1s ease;-ms-transition:opacity 1s ease;-o-transition:opacity 1s ease;overflow:hidden;position:fixed;transition:opacity 1s ease;z-index:9999}
@media print{.wpcc-container{display:none}
}
.wpcc-pushdown-wrap{max-height:0;overflow:hidden;-webkit-transition:max-height 1s;-moz-transition:max-height 1s;-ms-transition:max-height 1s;-o-transition:max-height 1s;transition:max-height 1s}
.wpcc-pushdown{margin:0!important;position:static}
.wpcc-invisible{opacity:0}
.wpcc-fontsize-tiny{font-size:12px}
.wpcc-fontsize-small{font-size:14px}
.wpcc-fontsize-large{font-size:18px}
.wpcc-border-thin{border-width:1px}
.wpcc-border-normal{border-width:3px}
.wpcc-border-thick{border-width:5px}
.wpcc-float{flex-direction:column;max-width:22em;padding:1.5em}
.wpcc-float.wpcc-padding-small{padding:1em}
.wpcc-float.wpcc-padding-large{padding:2em}
.wpcc-banner{flex-direction:row;margin:1em;padding:1em}
.wpcc-banner.wpcc-padding-small{padding:.5em .5em .5em 1em}
.wpcc-banner.wpcc-padding-large{padding:1.5em}
.wpcc-banner.wpcc-margin-none{margin:0}
.wpcc-banner.wpcc-margin-small{margin:.5em}
.wpcc-banner.wpcc-margin-large{margin:1.5em}
.wpcc-padding-none{padding:0}
.wpcc-padding-none.wpcc-float .wpcc-message{margin:1em}
.wpcc-padding-none.wpcc-banner .wpcc-message{margin:.8em 1em}
.wpcc-padding-none.wpcc-banner .wpcc-btn{height:100%;padding:.9em 1.5em}
.wpcc-btn, .wpcc-privacy{cursor:pointer}
.wpcc-privacy{display:inline-block;opacity:.85;text-decoration:underline}
.wpcc-privacy:hover{opacity:1}
.wpcc-privacy:active, .wpcc-privacy:visited{color:initial}
.wpcc-btn{display:block;font-size:.9em;font-weight:700;padding:.4em .8em;text-align:center;white-space:nowrap;-webkit-transition:background-color .2s ease;-moz-transition:background-color .2s ease;-ms-transition:background-color .2s ease;-o-transition:background-color .2s ease}
.wpcc-btn:hover{text-decoration:none}
.wpcc-top{top:1em}
.wpcc-top.wpcc-margin-none{top:0}
.wpcc-top.wpcc-margin-small{top:.5em}
.wpcc-top.wpcc-margin-large{top:1.5em}
.wpcc-left{left:1em}
.wpcc-left.wpcc-margin-none{left:0}
.wpcc-left.wpcc-margin-small{left:.5em}
.wpcc-left.wpcc-margin-large{left:1.5em}
.wpcc-right{right:1em}
.wpcc-right.wpcc-margin-none{right:0}
.wpcc-right.wpcc-margin-small{right:.5em}
.wpcc-right.wpcc-margin-large{right:1.5em}
.wpcc-bottom{bottom:1em}
.wpcc-bottom.wpcc-margin-none{bottom:0}
.wpcc-bottom.wpcc-margin-small{bottom:.5em}
.wpcc-bottom.wpcc-margin-large{bottom:1.5em}
.wpcc-float .wpcc-message{display:block;margin-bottom:1em}
.wpcc-banner{align-items:center}
.wpcc-banner.wpcc-top{left:0;right:0;top:0}
.wpcc-banner.wpcc-bottom{left:0;right:0;bottom:0}
.wpcc-banner .wpcc-message{display:block;flex:1 1 auto;margin-right:1em;max-width:100%}
.wpcc-float .wpcc-compliance{flex:1 0 auto}
.wpcc-corners-small{border-radius:5px}
.wpcc-corners-normal{border-radius:7px}
.wpcc-corners-large{border-radius:10px}
.wpcc-corners-round .wpcc-btn{border-radius:4px}
.wpcc-corners-round.wpcc-margin-none, .wpcc-corners-round.wpcc-padding-none .wpcc-btn{border-radius:0}
.wpcc-corners-round.wpcc-margin-none{border-radius:0}
@media screen and (max-width:414px) and (orientation:portrait), screen and (max-width:736px) and (orientation:landscape){.wpcc-top{top:0!important}
.wpcc-bottom{bottom:0!important}
.wpcc-banner, .wpcc-float, .wpcc-left, .wpcc-right{left:0!important;margin:0!important;right:0!important}
.wpcc-banner{align-items:unset;flex-direction:column}
.wpcc-corners-round{border-radius:0!important}
.wpcc-float{max-width:none}
.wpcc-message{margin-bottom:1em}
.wpcc-banner.wpcc-padding-small{padding:.5em}
.wpcc-padding-small .wpcc-message{margin-bottom:.5em}
}
.GefahrensymbolBox{border:1px solid #bdbdbc; width:265px; height:140px; padding:5px 5px;}
.GefahrensymbolStawaR{float:left; width:100px;}
.GefahrensymbolWarnhinweis{float:left; width:150px;}
.GefahrensymbolListe{font-size:7pt; margin-top:2px;}
.BildStawaR{width:90px; }
.BildWarnsymbol{float:left; width:45px; padding:2px 2px;}
.BildWarnsymbolGr{float:left; width:75px; padding:2px 15px 0 15px;}
.GefahrenAufzBox{float:left; width:10px; height:10px; border:solid 1px #ecedea; background-color:#ecedea; margin-top:7px; padding:2px 2px 0 2px;}
.GefahrenText{float:left; width:140px; padding:4px 0px 0px 7px;}
.Gefahrentextklein{font-size:6pt; text-align:right;}
.Textfarbeblau{color:steelblue; }
/*Cookiebanner*/
#cookiebanner_con *{box-sizing:border-box!important}
.cookiebanner{position:fixed;padding-bottom:5px; font-family:arial;background-color:#fff;box-shadow:0 1px 4px rgba(10,10,10,.4); opacity:.95;z-index:1600000000}
.cb_top .cookiebanner{top:0;left:0; width:100%;padding-bottom:5px}
.cb_center .cookiebanner{top:30%;left:20%;width:60%; padding:2.5% 5%}
.cb_bottom .cookiebanner{bottom:0;left:0;width:100%; padding-bottom:5px}
.cookiebanner a{text-decoration:none!important}
.cBanner{width:100%}
.vorschau_bottom .cBanner, .vorschau_top .cBanner{padding-left:2%}
.cBanner::after{content:"";display:table;clear:both}
.schalter_con{margin-top:6px;margin-bottom:6px}
.sl_checkboxen{margin:0!important}
.cb_checkbox_active:hover{cursor:pointer}
.cb_checkbox_disabled:hover{cursor:not-allowed}
.schalter_con label{padding-left:8px;margin-right:20px}
.cb_label_active:hover{cursor:pointer}
.cb_label_disabled{color:rgba(0,0,0,.7)!important}
.cb_label_disabled:hover, .slSwitchReadonly:hover{cursor:not-allowed}
.slSwitchConS{position:relative;height:34px;width:120px;display:inline-block}
.slSwitchClickable:hover{cursor:pointer}
.slSwBar, .slSwTitel{position:absolute;height:14px}
.slSwTitel{top:0;left:0;width:100%;font-size:12px;text-align:center;overflow:hidden}
.slSwitchReadonly .slSwTitel{color:rgba(0,0,0,.7)!important}
.slSwitchClickable .slSwTitel{color:#000!important;font-weight:700!important}
.slSwBar{top:20px;left:42px;width:36px;background-color:#dcdcdc;border-radius:8px}
.slSwPkt{position:absolute;top:17px;height:20px;width:20px;border-radius:50%;transition:all .5s ease-in-out}
.slSwitchInaktiv .slSwPkt{background-color:#646464}
.slSwitchReadonly .slSwPkt{opacity:.7}
.slSwitchConS.slSwitchInaktiv .slSwPkt{left:42px}
.slSwitchClickable.slSwitchInaktiv:hover .slSwPkt{box-shadow:0 0 10px #009632}
.slSwitchAktiv .slSwPkt{background-color:#009632}
.slSwitchConS.slSwitchAktiv .slSwPkt{left:58px}
.slSwitchClickable.slSwitchAktiv:hover .slSwPkt{box-shadow:0 0 10px #000}
.text_banner{float:left;font-family:arial;margin-right:7px}
.link_banner{color:#5a6e8c;text-decoration:none!important}
.link_banner:hover{color:#0096c8;text-decoration:underline!important}
.buttons_banner{width:330px;float:left;padding-bottom:1%}
.button_einverstanden{margin-bottom:16px;font-family:arial;color:#fff!important;border-width:0;border-radius:10px}
.button_einverstanden:hover, .button_nein:hover{cursor:pointer;opacity:.9}
.button_nein{margin-left:20px;font-family:arial;background-color:#fff0!important;border-width:0}
.button_nein:hover{text-decoration:underline!important}
.co_wieder{position:fixed;right:0;padding:2px;background-color:#fff;border-top-left-radius:5px;z-index:1500000000;display:none}
.co_wieder:hover{cursor:pointer}
.cb_top .co_wieder{top:0}
.cb_bottom .co_wieder, .cb_center .co_wieder{bottom:0}
.text_wieder{color:#5a6e8c!important;font-size:10px;font-family:arial}
.coo_logo{float:right;padding:0;margin:0 20px 0 0}
.coo_links{min-width:100px;min-height:1px;font-size:12px;float:left}
.coo_links img{height:50px;max-width:100px;margin-bottom:5px}
.cb_link_con{width:100%;margin-top:10px;margin-bottom:3px;text-align:center}
.cBG{position:fixed;top:0;left:0;height:100%;width:100%;background-color:rgba(0,0,0,.2);z-index:1400000000}
.cb_bottom .cBG, .cb_top .cBG{display:none}
.cb_center .cBG{display:block}
@media only screen and (min-width:1200px){.text_banner{width:calc(100%;overflow-y:auto)}
.button_einverstanden{margin-top:10px; padding:10px 10px;font-size:16px}
.cb_center .button_nein{margin-top:5px; margin-left:-10px; padding:10px 0 0 10px;font-size:16px}
.cb_center .coo_links{margin-top:10px}
.cb_top .schalter_con, .vorschau_bottom .schalter_con{margin-left:0px}
.cb_center .schalter_con{margin-left:0px}
}
@media only screen and (max-width:1199px){.coo_links{min-height:54px;width:100%}
.cb_center .coo_links{position:absolute;top:5px;left:50px}
.cb_link{position:absolute;top:20px;left:calc(50% - 53px);font-size:16px}
.cb_center .cookiebanner{top:5%;left:5%;max-height:90%;width:90%}
.cb_center .cBanner{margin-top:48px}
.coo_img_text{float:left;width:100%}
.text_banner{width:100%;overflow-y:auto}
.cb_bottom .text_banner, .cb_top .text_banner{max-height:calc(100vh - 130px)}
.cb_center .text_banner{max-height:calc(80vh - 270px)}
.buttons_banner{width:100%;float:left;padding-bottom:10px;padding-top:20px}
.button_einverstanden{float:right;margin-right:20px;padding:10px 8px;font-size:18px}
@media only screen and (max-width:499px){.cb_center .button_einverstanden{float:left!important}
.cb_center .button_nein{margin-top:30px}
}
.button_nein{float:left;margin:10px;padding:0;font-size:15px}
.cb_bestaetigen .button_nein, .cb_janein .button_nein{display:block}
.cb_okay .button_nein{display:none}
.slSwitchConS{margin:10px 0}
.coo_logo{float:left;padding:0;margin:0 0 0 10px}
.coo_logo img{width:48px;float:left}
}
.ProduktArtInWarenkorb{padding:0px 5px;}
@media (max-width:768px){
.ProduktArtInWarenkorb{padding:0px 10px;}
}
.Fusszeile{padding:0 5px; min-height:85px;}
@media (max-width:768px){
.Fusszeile{padding:0 10px;}
}
.DropdownProdAuswahl{border:solid 1px gray; border-radius:5px; height:30px; padding:2.5px 5px; width:100%;}
option:hover{box-shadow: 0 0 10px 100px #1882A8 inset;}
.tableRad{}
.tableRad td{padding:2px 10px;}
.tableRad tr{border-top:2px solid #efefef;}
.tableRad tr:nth-of-type(5n+7) {border-bottom:8px solid hsla(207,50%,50%,0.1);}
.trac{background-color: hsla(207,50%,50%,0.1); font-weight:700;}
.tdac{background-color: hsla(207,50%,50%,0.8); font-weight:700; color:white; text-align:left; padding:2px 10px;}
.tdiac{background-color: hsl(360,0%,96%,0.8); font-weight:600; color:#444; text-align:left; padding:2px 10px; vertical-align:top;}
.tdiacr{background-color: hsl(360,0%,96%,0.8); font-weight:500; color:#444; text-align:left; padding:2px 10px; vertical-align:top;}
.tablefr{padding:10px; border:2px solid #efefef;}
@media (max-width:768px){
.tablefr{border-color:white;}
}
.trfr{border-top:2px solid #efefef;}
.tableLaufrolle{}
.tableLaufrolle td{padding:2px 10px;}
.tableLaufrolle tr{border-top:2px solid #efefef;}
.tableLaufrolle tr:hover{background-color:#f4f4f4; font-weight:600;}
.infoBox{margin:15px 3px 15px; padding:30px 30px 20px 30px; border:1px solid steelblue; border-radius:8px;}
.infoBoxSymbol{float:left; margin:0px 40px 20px 0;}
.infoBox h3{margin-top:-4px;}
.hltypen{font-size:12.5pt; font-weight:600; margin:14px 0 2px 0;}
.table1{width:100%; max-width:700px; border:2px solid #efefef; margin-top:10px;}
.table1 td{padding:5px 10px; vertical-align:top;}
.table1 tr{border-top:2px solid #efefef;}
.table1 tr:hover{background-color:#f4f4f4;}
.table1tdm{text-align:center;}
.table1tdac{color:black; vertical-align:top;}
.table1 th{padding:5px 10px; vertical-align:top; border-top:2px solid #efefef;}
.tableProd thead th{background-color:steelblue; color:white; border-right:1px solid #fff; vertical-align:top; font-weight:600; border-bottom:1px solid #ddd; text-align:center; padding:6px;}
.tableProd{width:100%;}
.tableProd td{padding:5px 10px; vertical-align:top;}
.tableProd tr{border-top:0px solid #fff;}
.tableProd tr:nth-of-type(2n+0) {background-color: hsla(207,50%,50%,0.002);}
.tableProd tr:hover{background-color:#f4f4f4;}
.tracProd{background-color: hsla(207,50%,50%,0.08); font-weight:500;}
.tdacProd{color:black; vertical-align:top; width:200px; background-color:hsl(207deg 94% 33% / 8%);}
.tablefrProd{padding:0px; border:1px solid hsla(207,50%,50%,0.2);}
.tablePr tr:hover{background-color:#f4f4f4;}
#kreis {r:4px; fill:steelblue; transition:all 0.5s ease-out;}
#kreis:hover, #kreis:focus {r:5px; fill:#c32e04;}
/*KundenkauftenAuch & KundenInteresseAuch */
.RabattProdGrKKA{color:#F8F6F6;background-color:steelblue;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;}
.SortBildeKunKaAu{height:250px;}
.ButtonSorteZusKBA{height:335px; margin-top:5px;}
.Gesamt{width:100%; height:390px; background-color:#efefef;}
.TextKKA{font-size:14pt;text-align:left; font-weight:600;}
.SortTextKKA{padding: 0px 10px 0px 10px; text-align: left; font-size: 10pt;}
.AnfrageButtonKKA{font-size: 11pt; color: #FFFFFF; padding: 5px; text-align: center; font-weight: bold;}
.KIADesktop{margin-top:50px; margin-bottom:-100px;}
.KKADesktop{}
.KKAkl{border-bottom:4px #efefef solid; }
.ArtTypBez2{text-align: left; white-space: nowrap; font-size:11pt; overflow: hidden; text-overflow: ellipsis;}
@media (min-width:1400px){.KKAIPAD{display:none;}
.KKAIPADGR{display:none;}
}
@media (max-width:1400px){.KKAIPADGR{margin:30px 0px 30px 0px;border-top:2px solid steelblue;font-size:9pt;white-space:normal;}
.KKADesktop{display:none;}
.KIADesktop{display:none;}
.KKAIPAD{display:none;}
}
@media (max-width:1000px){.KKAIPAD{margin:30px 0px 30px 0px;border-top:2px solid steelblue;font-size:9pt;white-space:normal;display:inline;}
.KKAIPADGR{display:none;}
.KKADesktop{display:none;}
.KIADesktop{display:none;}
}
@media (max-width:762px){.KKAIPAD{display:none;}
.KKADesktop{display:none;}
.KIADesktop{display:none;}
.KKAIPADGR{display:none;}
}
.VortArtikelKKA{float:left; width:19.8%;margin-right:0.2%;}
@media (max-width:1400px){.VortArtikelKKA{width:24.75%;margin-right:0.25%;}
}
@media (max-width:1000px){.VortArtikelKKA{width:33%;}
}
.HstLogoProdgruppe2{position:relative; top:11px; left:165px; }
.HstLogoProdgruppeRabatt2{position:relative; top:-41px; left:165px; }
@media (max-width:1400px){
.HstLogoProdgruppe2{position:relative; top:12px; left:230px; }
.HstLogoProdgruppeRabatt2{position:relative; top:-41px; left:200px; }
}
@media (max-width:1330px){
.HstLogoProdgruppe2{position:relative; top:12px; left:190px;}
.HstLogoProdgruppeRabatt2{position:relative; top:-41px; left:190px; }
}
@media (max-width:1200px){
.HstLogoProdgruppe2{position:relative; top:12px; left:160px; }
.HstLogoProdgruppeRabatt2{position:relative; top:-41px; left:170px; }
}
@media (max-width:1100px){
.HstLogoProdgruppe2{position:relative; top:12px; left:150px; }
.HstLogoProdgruppeRabatt2{position:relative; top:-41px; left:150px; }
}
@media (max-width:1050px){
.HstLogoProdgruppe2{position:relative; top:12px; left:140px; }
.HstLogoProdgruppeRabatt2{position:relative; top:-41px; left:140px; }
}
@media (max-width:1000px){
.HstLogoProdgruppe2{position:relative; top:12px; left:170px; }
.HstLogoProdgruppeRabatt2{position:relative; top:-41px; left:170px; }
}
@media (max-width:900px){
.HstLogoProdgruppe2{position:relative; top:12px; left:140px; }
.HstLogoProdgruppeRabatt2{position:relative; top:-41px; left:160px; }
}
@media (max-width:830px){
.HstLogoProdgruppe2{position:relative; top:12px; left:130px; }
.HstLogoProdgruppeRabatt2{position:relative; top:-41px; left:150px; }
}
@media (max-width:767px){
.HstLogoProdgruppe2{position:relative; top:12px; left:250px; }
.HstLogoProdgruppeRabatt2{position:relative; top:-41px; left:250px; }
}
/*Cookiebunner */
#cookiebanner_con *{box-sizing:border-box!important}.cookiebanner{position:fixed;padding-bottom:5px;background-color:#fff;box-shadow:0 1px 4px rgba(10,10,10,.4);opacity:.95;z-index:1600000000;overflow:auto}.cb_top .cookiebanner{top:0;left:0;width:100%;padding-bottom:5px}.cb_center .cookiebanner{top:30%;left:20%;width:60%;padding:2.5% 8px}.cb_bottom .cookiebanner{bottom:0;left:0;width:100%;padding-bottom:5px}.cb_ecke .cookiebanner{width:640px;max-height:400px;padding:18px;overflow:auto}.cookiebanner a{text-decoration:none!important}.cBanner{width:100%}.cb_bottom .cBanner,.cb_top .cBanner{padding-left:4px;padding-right:4px}.cBanner::after{content:"";display:table;clear:both}.link_banner{color:#5a6e8c;text-decoration:none!important}.link_banner:hover{color:#0096c8;text-decoration:underline!important}.button_einverstanden{margin-bottom:8px;color:#fff!important;border-width:0;border-radius:10px}.button_einverstanden:hover,.button_nein:hover{cursor:pointer;opacity:.9}.button_nein{padding:1px 6px;font-size:13.3333px;background-color:#fff0!important;border-width:0}.button_nein:hover{text-decoration:underline!important}.co_wieder{position:fixed;padding:2px;background-color:#fff;border:0;z-index:1500000000;display:none}.co_wieder:hover{cursor:pointer}.co_wieder_left_top{top:0;left:0;border-bottom-right-radius:5px}.co_wieder_right_top{top:0;right:0;border-bottom-left-radius:5px}.co_wieder_left_bottom{left:0;bottom:0;border-top-right-radius:5px}.co_wieder_right_bottom{right:0;bottom:0;border-top-left-radius:5px}.coo_logo{float:right;margin:0 20px 0 0;padding:0}.coo_links{float:left;min-height:1px;min-width:100px;font-size:12px}.coo_links img{height:50px;max-width:100px;margin-bottom:5px}.cb_link_con{width:100%;margin-top:10px;margin-bottom:3px;text-align:center}.cBG{position:fixed;top:0;left:0;height:100%;width:100%;background-color:rgba(0,0,0,.2);z-index:1400000000}.cb_bottom .cBG,.cb_ecke .cBG,.cb_top .cBG{display:none}.cb_center .cBG{display:block}@media only screen and (min-width:1200px){.cbMobOnly{display:none}.cb_ecke .text_banner{float:none}.cb_bottom .text_banner,.cb_center .text_banner,.cb_top .text_banner{float:left}.cb_ecke .buttons_banner{padding-top:10px}.cb_ecke .button_nein{margin-left:24px}.cb_bottom .button_nein,.cb_top .button_nein{margin-left:18px}.text_banner{margin:12px 0}.cb_bottom .text_banner,.cb_top .text_banner{width:calc(100% - 515px)}.cb_center .text_banner{width:calc(100% - 350px)}.buttons_banner{float:left;padding-bottom:1%}.cb_bottom .buttons_banner,.cb_top .buttons_banner{margin-left:8px;width:390px}.cb_center .buttons_banner{width:240px;margin-left:8px}.button_einverstanden{padding:.75em 1.25em;font-size:16px}.button_nein{font-size:13px}.cb_center .button_nein{margin-top:16px;padding:0}.cb_center .buttons_banner,.cb_center .coo_links{margin-top:10px}.cb_bottom .schalter_con,.cb_top .schalter_con{margin-left:140px}.cb_center .schalter_con{margin-left:100px}.button_nein{font-size:16px;}}@media only screen and (max-width:1199px){.coo_links{min-height:54px;width:100%}.cb_center .coo_links{position:absolute;top:5px;left:50px}.cb_link{position:absolute;top:20px;left:calc(50% - 53px);font-size:16px}.cb_mobile_bottom .cookiebanner,.cb_mobile_top .cookiebanner{left:0!important;max-height:none;width:100%!important;padding-bottom:5px!important}.cb_mobile_top .cookiebanner{top:0!important;bottom:auto!important}.cb_center .cookiebanner,.cb_mobile_center .cookiebanner{top:5%!important;left:5%!important;max-height:90%!important;width:90%!important}.cb_mobile_bottom .cookiebanner{top:auto!important;bottom:0!important}.cb_center .cBanner{margin-top:48px}.coo_img_text{float:left;width:100%;padding:12px}.text_banner{width:100%;overflow-y:auto}.cb_bottom .text_banner,.cb_top .text_banner{max-height:calc(100vh - 130px)}.cb_center .text_banner{max-height:calc(80vh - 270px)}.buttons_banner{float:left;width:100%;padding-top:20px;padding-bottom:10px}.button_einverstanden{float:right;padding:calc(1em/3*2) .5em;font-size:18px}.cb_bottom .button_einverstanden,.cb_top .button_einverstanden{margin-right:4px}@media only screen and (max-width:499px){.cb_center .button_einverstanden{float:left!important}.cb_center .button_nein{margin-top:6px}}.button_nein{float:left;width:120px;margin:4px 0 12px;padding:0;font-size:14px}.cb_bestaetigen .button_nein,.cb_janein .button_nein{display:block}.cb_okay .button_nein{display:none}.coo_logo{float:left;margin:0 0 0 10px;padding:0}.coo_logo img{float:left;width:48px}.slSwitchConS{margin:10px 0}.button_nein{font-size:18px;}}
/*Kopf */
.HandyMwSt{}
@media (max-width: 1200px){.HandyMwSt{display:box; width:120px; padding:5px 10px 0 0;}}
@media (min-width: 1200px){.HandyMwSt{display:none;} }
.HandyMwSt{}
.HandyMwStButtonInkl{border:solid 1px steelblue; border-radius:5px; background-color:steelblue; height:58px; color:white; font-size:12pt; padding:5px 5px;}
.HandyMwStButtonExkl{border:solid 1px steelblue; border-radius:5px; height:58px;font-size:12pt;}
@media (max-width: 768px){
.HandyMwStButtonInkl{font-size:11pt; width:60px; height: 58px; text-align:center; padding:0px 2px; color:white;}
.HandyMwStButtonExkl{font-size:11pt; width:60px; height: 58px; text-align:center; padding:0px 2px;}
.HandyMwSt{width:70px; margin-top:0px; padding:5px 5px 0 0;}
}
.buttonmitSchieberOn{background-image:url(css/Button-On.jpg);background-repeat:no-repeat; background-size:cover; height:32px; width:120px; border:none; font-size:10.5pt; text-align:center; margin:0px 0px 5px 0; display:block; font-weight:600; line-height:1.82857143; color:#fff; padding:0 18px 0 0;}
.buttonmitSchieberOff{background-image:url(css/Button-Off_.jpg);background-repeat:no-repeat; background-size:cover; height:32px; width:120px; border:none; font-size:10.5pt; text-align:center; margin:0px 0 5px 0; display:block; font-weight:600; line-height:1.82857143; padding:0 0 0 18px; color:#444;}
@media (max-width: 1200px){.buttonmitSchieberOn{display:none;}
.buttonmitSchieberOff{display:none;} }
/*Menü Desktop */
.menueDeskAngeInklMwSt{border:solid 1px steelblue; background-color:steelblue; height:28px; color:white; padding:3px 5px;}
.menueDeskAngeExklMwSt{border:solid 1px gray; height:28px; padding:3px 5px;}
@media (max-width: 1200px){.Platzhalterdesktop{display:none;} }
/*hier ist das CSS, das das Erscheinungsbild des Selects steuert*/
.select-css {
display: block;
font-size: 16px;
font-family: sans-serif;
font-weight: 700;
color: #21c442;
line-height: 1.3;
padding: .6em 1.4em .5em .8em;
width: 100%;
max-width: 100%;
box-sizing: border-box;
margin: 0;
border: 1px solid #aaa;
box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
border-radius: .5em;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-color: #fff;
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
background-repeat: no-repeat, repeat;
background-position: right .7em top 50%, 0 0;
background-size: .65em auto, 100%;
}
.select-css::-ms-expand {
display: none;
}
.select-css:hover {
border-color: #888;
}
.select-css:focus {
border-color: #aaa;
box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
box-shadow: 0 0 0 1px -moz-mac-focusring;
color: #444;
outline: none;
}
.select-css option {
font-weight:normal;
}
/* Darüber hinaus empfehlen wir, einige Regeln für die Sprachunterstützung von rechts nach links und einen eindeutigen deaktivierten Status hinzuzufügen: */
/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir="rtl"] .select-css, :root:lang(ar) .select-css, :root:lang(iw) .select-css {
background-position: left .7em top 50%, 0 0;
padding: .6em .8em .5em 1.4em;
}
/* Disabled styles */
.select-css:disabled, .select-css[aria-disabled=true] {
color: graytext;
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
}
.select-css:disabled:hover, .select-css[aria-disabled=true] { border-color: #aaa; }
.ButtonMerkmal3{width:85%; display:inline-block;}
.image-container-a { position: relative; display: inline-block; }
.image-container-a img { display: block; border: 20px solid #ededed; max-width: 100%; }
.image-container-b { position: relative; display: inline-block; }
.image-container-b img { display: block; border: 10px solid #ededed; max-width: 100%; }
.image-container-b:hover img { display: block; border: 10px solid steelblue; max-width: 100%; }
.signature-a { position: absolute; bottom: 21px; right: 21px; background-color: rgba(255, 255, 255, 0.6); color: #000; font-size: 14px; padding: 4px 8px; border-radius: 4px; }
.signature-b { position: absolute; bottom: 11px; right: 11px; background-color: rgba(255, 255, 255, 0.6); color: #000; font-size: 14px; padding: 4px 8px; border-radius: 4px; }
.container1 { display: flex; justify-content: space-between; margin: 20px 0; flex-wrap: wrap; }
.text-container1, .image-container1 { padding: 0px; box-sizing: border-box; }
.text-container1 { border: 1px solid #fff; background-color: #fff; }
.image-container1 { background-color: #f9f9f9; align-items: center; justify-content: center; display: flex; flex-direction: column; padding: 30px 20px;}
.text-container1 {flex:3;}
.image-container1 {flex:2;}
.image-container1 img { width: 100%; height: auto; max-width: 1200px;}
.image-rechts{ margin-left: 50px;}
.image-links { margin-right: 50px;}
@media (max-width: 767px) {
.image-rechts, .image-links {margin:0;}
}
.caption1 { font-size: 10pt; text-align: center; padding-top:5px;}
@media (max-width: 767px) {
.text-container1, .image-container1 {flex-basis: 100%; margin-right: 0;}
.container1 {flex-direction: column;}
}
.table-a { width: 100%; border-collapse: collapse; border: none;}
.table-a th, .table-a td { padding: 15px; text-align: left; vertical-align: top; border: 10px solid #fff;}
.table-a td { background-color: #ededed;}
.table-a th { background-color: steelblue; color: white;}
.zeilenfirst { background-color: #90b4d2; color: white; font-weight: bold;}
.spalteblau {border-color:steelblue; background-color:steelblue; color:white; padding:20px;}
.spalteblauschmal{border-color:steelblue; background-color:steelblue; color:white; flex-grow:1;}
.spalteblaubreit{border-color:steelblue; background-color:steelblue; color:white; padding:20px; flex-grow:3;}
a.cadbutton { color: white !important; text-decoration: none;}
.cadbutton {
width: max-content;
text-align: center;
padding: 5px 15px;
background: linear-gradient(to bottom right, #4682B4, #5A9BD6); /* Gradient in Steelblue-Tönen */
border-radius: 2px;
font-weight: 600;
margin-bottom: 20px;
margin-left: 20px; /* Vergrößerter linker Abstand */
display: inline-block;
position: relative;
box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.15); /* Schattierung nur unten und links */
}
.cadbutton:hover {
color: #d1d1d1; /* Textfarbe beim Hover */
background: linear-gradient(to bottom right, #5A9BD6, #549adb); /* Gradient in Steelblue-Tönen */
box-shadow: -5px 5px 15px rgba(70, 130, 180, 0.2); /* Verstärkte Schattierung beim Hover */
}
.cadbutton::after {
content: '';
position: absolute;
top: -10px; /* Position leicht angepasst */
right: -10px; /* Position leicht angepasst */
width: 20px; /* Vergrößerte Breite */
height: 20px; /* Vergrößerte Höhe */
background: radial-gradient(circle, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
border-radius: 50%;
box-shadow: 0 0 15px rgba(255, 255, 255, 0.8); /* Größerer Schatten für verstärkten Glitzereffekt */
}
.cadbutsur {margin-left:20px;}
.cadrahmen {border:1px solid #444; padding:15px 15px 0 15px; border-radius:8px; max-width:440px;}
.cadbereich h3 {margin-top:10px;}
.anzahlartikel{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:50%; float:left; font-size:10.5px; padding:2px 0 2px; color:steelblue;}
b,strong {color: #737272; font-weight:700;}
.Ausklapptext{height:34px; background-color:white; padding:0px 0 0 9px; font-weight:600; width:100%; font-size:11.5pt; color:steelblue; border-left:0px; border-right:0px; border-top:0px solid steelblue; border-bottom:1px solid steelblue; filter:brightness(1.3);}
.Ausklapptext:hover{cursor:pointer; border-bottom:1px solid steelblue; border-top:0px solid steelblue; filter:brightness(1.0);}
.Textfarbeweiss{color:white;}
.PfeilrunterText:after{font-family: "Glyphicons Halflings"; content: "\e014"; color:steelblue; filter:brightness(1.3); margin:-20px 5px 0px 0px; float:right; }
.PfeilrunterText::after { filter:brightness(1.0);}
.PfeilrunterText:hover{filter:brightness(1.0);}
.PfeilraufText.collapsed:after {content: "\002b"; color:steelblue;}
.PfeilraufText.collapsed::after{filter:brightness(1);}
@media (max-width:767px){.dtUeberschriftText{ width:90%; }}
.dtMerkmalbezText{float:left; font-size:14pt; font-weight:600; margin-left:5px; max-width:450px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
@media (max-width:767px){.dtMerkmalbezText{ max-width:350px;}}
.spalttable{padding:40px 20px; overflow: auto;}
@media (max-width:768px){.spalttable{padding:10px; overflow: auto;}}
.tableA{font-size:12pt;}