@import url(https://fonts.googleapis.com/css?family=Nunito&css);.Footer{position:fixed;display:flex;flex-direction:row;flex-wrap:wrap;left:0;bottom:0;width:100%;background-color:#2f2f2f}.Footer .LeftContainer{flex-grow:1;display:flex}.Footer .LeftContainer .Copyright{text-align:right;margin-left:10px}.Footer .LeftContainer .Copyright,.Footer .LeftContainer .Divider,.Footer .LeftContainer .ImprintLink{display:flex;align-items:center;color:#fcfcfc;height:50px}.Footer .LeftContainer .ImprintLink{align-content:flex-end}.Footer .LeftContainer .ImprintLink:hover{text-decoration:underline;cursor:pointer}.Footer .Developer{display:flex;align-items:center;margin-right:10px;color:#fcfcfc;height:50px}@media screen and (max-width:500px){.Footer .Developer{display:none}}.Header{position:fixed;left:0;top:0;width:100%;height:100px;background-color:hsla(0,0%,100%,.7529411764705882)}.Header .Strip{position:relative;background-color:#cfcfcf;height:50%;top:25%}.Header .Logo{position:absolute;left:auto;right:100px;top:0;text-align:center;width:100px;height:100px}@media screen and (max-width:500px){.Header .Logo{right:0}}.Header .Logo:hover{cursor:pointer}.Startpage{margin-bottom:66px;margin-top:100px;display:flex;justify-content:center;align-items:center;flex-direction:column}.Startpage .MenuContainer{position:fixed;z-index:1000;top:22px;width:190px;left:100px}@media screen and (max-width:500px){.Startpage .MenuContainer{left:0}}.Startpage .MenuContainer .bg-menu{background:transparent}.Startpage .MenuContainer .MenuDropdown{width:150px;background:#fff;margin-top:16px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);border:1px solid transparent;transition:.3s;padding:4px;border-radius:5px;margin-right:5px;overflow:scroll;max-height:400px}@media screen and (max-height:500px){.Startpage .MenuContainer .MenuDropdown{max-height:150px}}.Startpage .CatChipsContainer,.Startpage .ChipsContainer{position:relative;font-weight:700;display:flex;flex-direction:row;width:100%;left:10%;right:10%}.Startpage .CatChipsContainer{margin-bottom:8px}.Startpage .ListContainer{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;justify-content:center;padding:2px 16px}.FloatingTopButton{cursor:pointer;background-color:#fff;z-index:100;position:fixed;font-weight:700;bottom:75px;display:flex;font-size:20px;justify-content:center;align-items:center;align-content:center;flex-direction:column;right:10px;width:50px;height:50px;border-radius:25px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2)}.FloatingTopButton *{text-decoration:none}.FloatingTopButton:hover{color:#009e30}.ItemContainer{display:flex;align-items:center;flex-direction:column}.ItemContainer .Item{display:flex;flex-direction:row;justify-content:center;align-self:flex-start;margin-top:100px;width:80%}@media screen and (max-width:500px){.ItemContainer .Item{flex-wrap:wrap}}.ItemContainer .Item .Logo{display:block;align-self:flex-start;margin-left:20px}.ItemContainer .Item .Info{border-left:5px solid #d3d3d3;margin-left:10px;padding-left:10px}.ItemContainer .Item .Info .Vendor{color:#5f5f5f;font-weight:700;font-size:large}.ItemContainer .Item .Info .Artikel{font-weight:700;font-size:large}.ItemContainer .ItemExtra{display:grid;grid-template-columns:repeat(4,25%);gap:10px;width:80%;align-content:space-between;margin-bottom:50px;margin-top:10pt}@media screen and (max-width:500px){.ItemContainer .ItemExtra{grid-template-columns:repeat(1,100%);width:100%}}.ItemContainer .ItemExtra .ExtraImage{margin-left:25px;display:inline-block;justify-content:center;align-items:center;align-self:center}.ItemContainer .ItemExtra .ExtraImage .ExtraText{border-left:5px solid #d3d3d3;padding-left:10px}.SearchBar{display:flex;position:relative;align-items:center;align-content:center;height:50px;width:150px}.SearchBar .AnimBackground{height:100%;width:100%}.SearchBar .AnimBackground .openGlass{stroke-dasharray:65.03986359;animation:openGlassAnim .25s linear normal forwards}.SearchBar .AnimBackground .closeGlass{stroke-dasharray:65.03986359;animation:closeGlassAnim .25s linear 249.95ms reverse backwards}.SearchBar .AnimBackground .openBar{stroke-dasharray:149;animation:openBarAnim .25s linear 249.95ms reverse backwards}.SearchBar .AnimBackground .closeBar{stroke-dasharray:149;animation:closeBarAnim .25s linear normal forwards}@keyframes openGlassAnim{to{stroke-dashoffset:65.03986359}}@keyframes openBarAnim{to{stroke-dashoffset:149}}@keyframes closeGlassAnim{to{stroke-dashoffset:65.03986359}}@keyframes closeBarAnim{to{stroke-dashoffset:149}}.SearchBar .closeInput,.SearchBar .Input,.SearchBar .openInput{position:absolute;height:60%;left:0;width:150px;font-size:16px;border:none;background:none;appearance:none;outline:none}.NewsContainer{display:flex;flex-direction:row;justify-content:flex-end;width:90%;margin-bottom:50px;font-family:Nunito,sans-serif;font-weight:700;color:#696969}.NewsContainer .Logo{object-fit:contain;max-width:80px;height:auto;margin-left:5%;margin-right:5%}@media screen and (max-width:500px){.NewsContainer .Logo{display:none}}.NewsContainer .News{display:flex;flex-direction:column;padding:20px 20px 20px 5%;background:#dcdcdc;border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-left-radius:20px;Border-bottom-right-radius:20px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);align-self:flex-end;cursor:pointer}.NewsContainer .News:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}.NewsContainer .News .Title{font-size:xx-large;text-align:center}.NewsContainer .News .SubTitle{color:#000;font-size:x-large;text-transform:uppercase;font-weight:700;font-family:Verdana,Geneva,Tahoma,sans-serif}.NewsContainer .News .Message{-webkit-line-clamp:6}.NewsContainer .News .Message,.NewsContainer .News .MessageExpanded{font-size:medium;text-align:begin;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.Imprint{margin-left:50px;margin-right:50px;text-align:justify}.FloatingBackButton{position:fixed;background-color:#fff;font-weight:700;bottom:75px;display:flex;font-size:20px;justify-content:center;align-items:center;align-content:center;flex-direction:column;padding-right:5px;right:10px;width:50px;height:50px;border-radius:25px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2)}.FloatingBackButton *{text-decoration:none}.FloatingBackButton:hover{color:#009e30}.ListContainer .ListItem{display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;width:230px;text-align:center;margin-top:16px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);border:1px solid transparent;transition:.3s;border-radius:5px;margin-left:5px;margin-right:5px}@media screen and (max-width:500px){.ListContainer .ListItem{width:90%}}.ListContainer .ListItem:hover{border:1px solid #009e30;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);cursor:pointer}.ListContainer .ListItem a{color:inherit;text-decoration:none}.ListContainer .ListItem .Logo{width:227px;object-fit:contain;align-self:center;justify-content:center}.ListContainer .ListItem .Vendor{font-weight:700;color:#5f5f5f;text-align:start;margin:4px;max-width:200px;font-size:large}.ListContainer .ListItem .Artikel{font-weight:700;margin:4px;text-align:start;max-width:200px;font-size:medium}.ListContainer .ListItem .Description{margin:4px;align-self:flex-start;line-height:15px;font-size:small;height:75px;text-align:start;max-width:200px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}.ListContainer .ListItem .Subline{display:inline-block;height:50px;width:100%;justify-content:center}.ListContainer .ListItem .Subline .Id{display:inline-block;font-size:x-small;border:1px solid #000;border-radius:100px;padding:4px;min-width:10px}.ListContainer .ListItem .Subline .Price{display:inline-block;text-align:end;font-weight:700;margin:4px;max-width:200px;width:75%;font-size:medium}.Chip{cursor:pointer;display:flex;margin-right:10px;flex-direction:row;height:35px;line-height:35px;align-items:center;padding-left:5px;padding-right:5px;align-content:center;font-size:medium;border-radius:5px;border:1px solid transparent;box-shadow:0 4px 8px 0 rgba(0,0,0,.2)}.Chip:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2);border:1px solid #009e30}.Chip .Close{display:flex;margin-left:5px;padding:2px;height:12px;align-items:center;border-radius:4px;color:#009e30}body{touch-action:pan-x pan-y;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;white-space:pre-wrap}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.Bold{font-weight:700}a{text-decoration:none;color:inherit}a:hover{text-decoration:underline;color:#009e30}