body{margin:0; height:101%;}
div#Fuss{float:bottom; height:20px; margin-top:0px; 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; }
}
.clearboth {clear:both;}
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:-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;}
@media (max-width:768px){.mitte{padding:0 10px 0 10px;}
}
.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; line-height:1.4; font-weight:normal; color:#525356;}
.MobilMenue:hover{color:gray;}
.dropdown-submenu:hover{}
.dropdown-submenu:active{}
.dropdown-submenu > .dropdown-menu{/*+placement:250px -20px;*/ position:relative; left:246px; top:-20px;}
@media (max-width:1300px){.dropdown-submenu > .dropdown-menu{ /*+placement:0px 0px;*/ position:relative; left:200px; top:0px; }
}
@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{/*height:48px; */
/*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:200px; }
}
.ListeLinks{float:left; text-align:right; width:150px;}
.ListeRechts{float:right; text-align:right; margin-top:3px;}
.GEDORE{font-size:medium; color:#325189; padding:5px 0 5px 0;}
.PreisMwSt{font-size:9pt; padding-left:10px;}
.BildAbw{font-size:9pt; margin-top:14px;}
/*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*/
.Warenkorb{border-top:1px solid #ddd; padding:10px 0 0 0;}
@media (max-width:768px){.Warenkorb{padding:0 10px;}
}
.Zeilenuebschrift{background-color:#f4f4f4; padding:10px; height:40px;}
@media (max-width:768px){.Zeilenuebschrift{display:none; }
}
.TitelWarenProdukt{padding-left:5px;}
.titelAnzahlspalteL{float:left; width:100%;}
.titelAnzahlspalteR{/*text-align:right;*/}
.TitelWarenPreis{padding-left:15px;}
.VEWarenkorb{font-size:8pt;}
@media (max-width:1185px){.VEWarenkorb{display:none;}
}
@media (max-width:994px){.TitelWarenPreis{display:none; }
}
@media (min-width:994px){.HandyTitelWarenPreis{display:none; }
}
.WarenBild{text-align:center; padding:8px;}
@media (max-width:970px){}
@media (max-width:768px){.WarenBild{/*margin-bottom:39px;  padding-top:40px;*/  border-top:1px solid black; }
.HandyStueck{/*padding-right:15px;*/}
}
.WarenProdukt{text-align:left;}
.WarenTyp{font-weight:bold; white-space:nowrap;overflow: hidden;}
.WarenMerk{white-space:nowrap;overflow: hidden; font-size:smaller;}
.WarenVarBez1{white-space:nowrap;overflow: hidden;}
.WarenVarBez2{white-space:nowrap;overflow: hidden;}
.WarenVarBez3{white-space:nowrap;overflow: hidden;}
.Warenfrei{color:#FFFFFF;}
.WarenPreis{text-align:right;}
.Anzahl{}
@media (max-width:768px){.WarenLoeAe{margin-top:15px; /*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:0px; border-bottom:1px solid black; margin-right:0;}
@media (max-width:1185px){.Endsumme{/*margin-right: -15px;*/}
.WarenPreis{padding-left:0px;}
}
@media (max-width:992px){.Endsumme{/*margin-right: -15px;*/ }
}
@media (max-width:768px){.Endsumme{padding:0 10px;}
}
.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; width:70%;}
.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; text-align:right;*/ padding-left:25%;}
.Loesch{font-size:small; padding-left:15%;}
.Aendern{font-size:small; padding-left:15%;}
@media (max-width:1200px){.WarenLoeAe{padding-left:10%;}
}
@media (max-width:992px){.WarenLoeAe, .Loesch, .Aendern{padding-left:0%;}
}
.KundenEingabe{max-width:800px; margin-top:50px;}
.WarenAnfr{margin-top:86px;}
.Anfrbeschr{float:left; width:30%; margin-top:5px; padding:8px 10px 8px 0;}
.AnfrbeschrAGB{float:left; width:30%; margin-top:5px; height:40px;}
.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; padding:8px 10px; width:70%;}
.AnfrAnrede{margin-top:5px; border:thin solid #B1B1B9; border-bottom:1px solid #251E4F; border-right:1px solid #1D1D44; border-radius:4px; padding:8px 5px; width:30%;}
.AnfreingMittel{margin-top:5px; border:thin solid #B1B1B9; border-bottom:1px solid #251E4F; border-right:1px solid #1D1D44; border-radius:4px; padding:8px 10px; width:50%;}
.AnfreingKurz{margin-top:5px; border:thin solid #B1B1B9; border-bottom:1px solid #251E4F; border-right:1px solid #1D1D44; border-radius:4px; padding:8px 10px; width:20%;}
.Mitteilungeing{margin-top:5px; border:thin solid #B1B1B9; border-bottom:1px solid #251E4F; border-right:1px solid #1D1D44; border-radius:4px; padding:8px 10px; height:200px; width:70%;}
@media (max-width:768px){.Anfreing{ width:100%;}
.AnfreingMittel{width:80%;}
.AnfreingKurz{width:20%;}
.Mitteilungeing{width:100%;}
}
.Preisspalte{float:right;}
.Anzahlspalte{float:left;}
@media (max-width:768px){
.Anzahl{display:none; }
.HandyWarenfrei{display:none; }
.AnfrbeschrAGB{width:10%;}
}
@media (min-width:768px){.HandyStueck{display:none; }
.HandyWarenfrei{display:none; }
}
.WarenkorbProdukt{}
.Frachtkosten{margin-top:10px; font-size:small;}
.AnfrageButton{font-size:11pt; color:#FFFFFF; margin:40px auto 18px; padding:8px 30px; font-weight:600;}
@media (max-width:768px){.AnfrageButton{margin-right:10px; } 
}
.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{float:left; width:70px; height:70px; margin:6px 0px;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{width:250px; padding:5px 0 5px 0px; font-size:14pt; font-weight:bold; text-align:left;}
.UVP{font-size:9pt; text-align:left; padding:0 0px 0 10px;}
.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;}
.BildanzeigenHer{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;}     /*background-color:#488bc0;  height:5px;*/
/*#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 16px 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; 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) */
.show{display:block;}
.InProdGrup{float:left; width:222px; height:218px; margin:3px; padding:0 7px;border:solid 1px white; background-color:white; line-height:1.1;}
.InProdGrup:hover{border:solid 1px #1619D2;border-radius:5px;}
.InProdGrup2{float:left; width:222px; height:500px; margin:3px; padding:0 7px;border:solid 1px white; background-color:white; line-height:1.1;}
.InProdGrup2:hover{border:solid 1px #1619D2;border-radius:5px;}
@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%;}
.vorschldesktop{margin:40px 20px 20px 20px;
/* #1619D2 */
border-top:1px solid #1C4896; border-bottom:1px solid #1C4896; font-size:9pt; white-space:normal;}
.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:50px 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;}
@media (max-width:768px){
.Verlauf, .ueberschrift{padding:0 10px;}
}
.VerlaufText{color:#D0D0D0; font-size:11pt; margin-right:25px; float:left;}
.VerlaufPfeil{color:#1703B2; font-size:11pt; margin-right:25px; float:left;}
.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:250px; text-align:left; float:left; margin-top:10px;}
/*.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;}*/
.LogEing{width:250px;  text-align:left;  float:left;  margin:5px 0; padding:8px;  /*border:thin solid #B1B1B9;  border-bottom:1px solid #251E4F;  border-right:1px solid #1D1D44;  height:30px;*/ color: rgba(0, 0, 0, 0.7);
background-color: #fff;
border: 1px solid #ccc;
border-radius: 2px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}

.clearleft{clear:left;}
.LogPass{display:table-cell;}
.Loginbutton{margin-top:10px;}
.LogPassverg{margin-top:10px;}
.LogReg{margin-top:10px;}
/* Coocie disclaimer */
.cc_container .cc_btn{background-color:#e4e4e4 !important;
/* Farbe des Buttons */
color:#000 !important;
/* Textfarbe des Buttons */
}
.cc_container{background:#1f6888 !important;
/* Hintergrundfarbe des gesamten Bereichs */
color:#fdfdfd !important;
/* Schriftfarbe des gesamten Bereichs */
}
.cc_container a{color:steelblue !important;
/* Textlink-Farbe "Mehr Infos" */
}
#webhint{display:none;}
.cc_banner-wrapper{z-index:9999; position:relative;}
.cc_container .cc_btn{cursor:pointer; text-align:center; font-size:0.6em; transition:font-size 200ms; line-height:1em;}
.cc_container .cc_message{font-size:0.6em; transition:font-size 200ms; margin:0; padding:0; line-height:1.5em;}
.cc_container .cc_logo{display:none; text-indent:-1000px; overflow:hidden; width:100px; height:22px; background-size:cover; background-color:steelblue;); opacity:0.9; transition:opacity 200ms;}
.cc_container .cc_logo:hover,.cc_container .cc_logo:active{opacity:1;}
@media screen and (min-width:500px){.cc_container .cc_btn{font-size:0.8em; }
.cc_container .cc_message{font-size:0.8em; }
}
@media screen and (min-width:768px){.cc_container .cc_btn{font-size:1em; }
.cc_container .cc_message{font-size:1em;  line-height:1em; }
}
@media screen and (min-width:992px){.cc_container .cc_message{font-size:1em; }
}
@media print{.cc_banner-wrapper,.cc_container{display:none; }
}
.cc_banner-wrapper{height:66px;}
.cc_container{padding:15px 15px 15px; overflow:hidden; position:fixed; top:0; left:0; right:0;}
.cc_container .cc_btn{padding:8px 10px; background-color:#F1D600; cursor:pointer; text-align:center; display:block; width:33%; margin-left:10px; float:right; max-width:120px;}
.cc_container .cc_message{display:block;}
@media screen and (min-width:500px){.cc_container .cc_message{margin-top:0.5em;  color:white; }
}
@media screen and (min-width:768px){#webhint{display:block; }
.cc_container{padding:15px 30px 15px; }
.cc_container .cc_btn{/*padding:8px 15px;*/ } /*ge�ndert 25_10_2019 weil der Einverstanden Eintrag im Button nicht mittig war.*/
}
.cc_container{background:#222; color:#FFF; font-size:17px; font-family:"Helvetica Neue Light","HelveticaNeue-Light","Helvetica Neue",Calibri,Helvetica,Arial; box-sizing:border-box;}
.cc_container::-moz-selection{background:#FF5E99; color:#FFF; text-shadow:none;}
.cc_container .cc_btn,.cc_container .cc_btn:visited{color:#000; background-color:#F1D600; transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out; -webkit-transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out; border-radius:5px; -webkit-border-radius:5px;}
.cc_container .cc_btn:hover,.cc_container .cc_btn:active{background-color:#FFF; color:#000;}
.cc_container a,.cc_container a:visited{text-decoration:none; color:steelblue; transition:200ms color;}
.cc_container a:hover,.cc_container a:active{color:#B2F7FF;}
@-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%;margin-left: auto; margin-right:auto; padding: 0 30px;}
@media (max-width:450px){.indexcarusBild{clear:left; width:70%;margin-left: auto; margin-right:auto;}}
.indexcarusBildNeu{float:left; height:250px; width:42%;}
@media (max-width:450px){.indexcarusBildNeu{clear:left; width:100%; margin:0 0 0 0px; height:150px; overflow:hidden;}}
.indexcarusTextAlt{float:left; width:50%; margin-top:100px; padding:50px 20px 50px 20px;}
.indexcarusText{float:left; width:50%; padding:10px 20px 50px 20px; background-color:steelblue; height:299px; }
@media (max-width:450px){.indexcarusText{clear:left; width:100%; margin-top:10px; padding:10px 0px 10px 0px; height:0px; background-color:white;}}
.indexcarusTextNeu{float:left; height:250px; width:58%; background-color:steelblue;}
@media (max-width:450px){.indexcarusTextNeu{clear:left; height:100px; background-color:white; width:100%; }}
.indexcarusTextGross{font-size:20pt; color:white; font-weight:bold; padding:10px 10px 10px 20px;}
@media (max-width:450px){.indexcarusTextGross{font-size:20pt; color:gray; font-weight:bold; padding:10px 10px 10px 20px; background-color:white;}}
.indexcarusTextGrossNeu{font-size:20pt; color:white; font-weight:bold; padding:45px 10px 10px 20px; }
@media (max-width:450px){.indexcarusTextGrossNeu{font-size:20pt; color:gray; font-weight:bold; padding:0px 10px 0px 10px; background-color:white;}}
.indexcarusTextGrossAlt{font-size:20pt; color:white; font-weight:bold; padding:10px 10px 10px 10px;}
.indexcarusTextKlein{font-size:12pt; color:white; border:solid 1px steelblue;padding:10px 10px 10px 10px; background-color:steelblue; margin-left:10px;}
.indexcarusTextKleinNeu{font-size:12pt; color:white; border:solid 1px steelblue;padding:10px 10px 10px 10px; background-color:steelblue; margin-left:10px;}
@media (max-width:450px){.indexcarusTextKleinNeu{padding:10px 10px 10px 10px;margin-left:0px;}}
.indexcarusTextKleinAlt{font-size:12pt; color:white; border:solid 1px steelblue;padding:10px 10px 10px 10px; background-color:steelblue; margin-left:10px;}
.Bildcarusindex{width:100%; height: 250px;}
@media (max-width:450px){.Bildcarusindex{width:100%; height: 200px;}}
.indextext{margin-top:50px;}
@media (max-width:768px){.indextext{margin-top:0px; padding:5px 10px;}}
.carussel-inner{height:800px; margin-top: 20px;}
@media (max-width:450px){.carussel-inner{height:400px; margin-top: 20px;}}
.ProdukteCarIndNeu{float:left; width:49%;  margin: 10px 0px 10px 10px; }
.ProdukteCarIndNeuLeft{float:left; width:49%;  margin: 10px 10px 10px 2px; }
@media (max-width:1200px){.ProdukteCarIndNeu{float:left; width:100%; margin: 10px 0px 10px 10px; }}
@media (max-width:450px){.ProdukteCarIndNeu{ width:100%; height:280px; margin: 15px 5px 50px 0px; }}
@media (max-width:1200px){.ProdukteCarIndNeuLeft{float:left; width:100%; margin: 20px 0px 10px 10px; }}
@media (max-width:450px){.ProdukteCarIndNeuLeft{clear:left; width:100%; height:280px; margin: 15px 5px 15px 0px;}}
.ProdukteCarInd{float:left; width:49%;  margin:6px 6px;}

@media (max-width:1200px){.ProdukteCarInd{float:left; width:100%; margin:6px 6px; }}
@media (max-width:768px){.ProdukteCarInd{float:left; width:100%; height:520px; margin:6px 6px; }}
.ProdukteCar{/*float:left; width:49%;*/ margin:0px 5px;}
@media (max-width:1200px){.ProdukteCar{float:left; width:100%; margin:0px 5px; }}
@media (max-width:768px){.ProdukteCar{float:left; width:100%; height:520px; margin:0px 5px;}}
.Farbcode{border:1px solid gray;}
.Farbeblau{background-color:steelblue;}
.Textfarbeblau{color:steelblue;}
.Borderfarbeblau{border:1px solid steelblue; border-radius:3px;}
.Farbegrau{}
/* Produktgruppe19*/
.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));}
.menuebutton19:hover{color:#333; background:#F9F6F6;}
.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{min-height:100px; width:100%;  background-color:#FFFFFF;  border-top:15px solid #FFF;  padding-bottom:0px;  margin-top:0px;  padding:0 0 10px 0px;}   /* border-top:15px solid #585C5F; padding:5px 0px;*/
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:0 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-weight:bold; margin-right:5px;}
#MenuePfeilKU{}
#MenuePfeilU{display:none;}
#MenuePfeilKU:hover #MenuePfeilU{display:block; float:right; font-size:10pt; font-weight: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; margin-top:3px;}
.Menuedropdown{position:absolute; z-index:900; width:100%; background-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:30px; width:30px; 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:30px; height:30px; border-right:1px solid #FFFFFF; border-top:1px solid #C7C3C3; border-left:1px solid #C7C3C3; border-bottom:1px solid #C7C3C3; padding-left:5px;}
.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%;}
.Prodbeschreib{width:100%; max-width:900px; 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;}
.ProdgrupTextRechts{width:350px;}
@media (max-width:768px){.ProdgrupTextRechts{width:300px;}}

.IndexPfeil-control
{bottom: 240px;
  width: 6%;
  color: #FFF;
  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;
  /*+placement: 1px 206px;*/
  position: relative;
  left: 1px;
  top: -25px;
}
.IndexPfeil-control.left
{
    left: 140px;
    right:auto;
}
.IndexPfeil-control.right
{
  right: auto;
  left: 88%;
}
.Platzhalter{height:40px;}
.PlatzhalterKarusselButton{height:20px; color:white;}
@media (max-width:1200px){.Platzhalter{height:0px;}}
.IndexMenueDesktop{}
@media (max-width:1200px){.IndexMenueDesktop{display:none; }
}
.KopfMenu{display:none;}
.KopfSuche{}

@media (max-width:1200px){
.KopfMenu{width:10%; float:left; padding: 0 0px; text-align: left;}
.KopfSuche{width:50%; float:right; margin:10px 0 0 0;}
.KopfService{margin:0px 0 0 20px;}
.navbar-header{text-align: center;}
.navbar-nav{float:none;}
.container-fluid{padding:0 0 0 0px;}
}
@media (max-width:768px){
.KopfMenu{width:20%; float:left; padding: 0 15px;}
.KopfSuche{width:80%; float:left; margin:0px 0 0 0;}
.KopfService{margin:50px 0 0 20px;}
}


/* 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}}



/*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}}
.Fusszeile{padding:0 5px; min-height:85px;}
@media (max-width:768px){
.Fusszeile{padding:0 10px;}
}
.Kundendaten{padding:0 5px;}
@media (max-width:768px){
.Kundendaten{padding:0 10px;}
}  
.MenueDesktop{}
@media (max-width:1200px){.MenueDesktop{display:none;}}
.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;} 



/*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;} }