*{margin:0;padding:0;border:0;box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%}img{border-style:none}a{background-color:transparent}@font-face{font-family:Articulat;src:url(../fonts/ArticulatCF-Regular.otf)}@font-face{font-family:Oswald;src:url(../fonts/Oswald.ttf)}body{position:relative;background-color:#f4f4f4;font-family:Articulat,Arial,Helvetica,sans-serif;color:#000;font-weight:400;line-height:1.5;padding-top:50px}@media only screen and (max-width:650px){body{padding-top:120px}}a{text-decoration:none;color:#000}ul{list-style:none}section{width:100%}.container{width:100%;margin:0 auto;padding:0 1.5rem}@media screen and (min-width:60rem){.container{max-width:60rem}}.display-none{display:none}nav li a:hover{-webkit-animation:linksAnim 1.5s infinite ease;animation:linksAnim 1.5s infinite ease}nav .language:hover{-webkit-animation:borderAnim 1.5s infinite ease;animation:borderAnim 1.5s infinite ease}@-webkit-keyframes linksAnim{50%{color:#497dd3}}@-moz-keyframes linksAnim{50%{color:#497dd3}}@-o-keyframes linksAnim{50%{color:#497dd3}}@keyframes linksAnim{50%{color:#497dd3}}@-webkit-keyframes borderAnim{50%{border:2px solid #497dd3}}@-moz-keyframes borderAnim{50%{border:2px solid #497dd3}}@-o-keyframes borderAnim{50%{border:2px solid #497dd3}}@keyframes borderAnim{50%{border:2px solid #497dd3}}.navbar{width:100vw;padding:10px 0;position:fixed;top:0;left:0;z-index:666;background-color:#fff;-webkit-box-shadow:0 .2rem .5rem rgba(230,229,229,.7);-moz-box-shadow:0 .2rem .5rem rgba(230,229,229,.7);box-shadow:0 .4rem 1.5rem rgba(230,229,229,.6)}@media only screen and (max-width:650px){.navbar{padding-bottom:0}}.menu{-webkit-display:flex;display:flex;-webkit-flex-direction:row;-moz-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-moz-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between;-webkit-flex:3;-ms-flex:3;-moz-flex:3;flex:3;align-items:center}@media only screen and (max-width:650px){.menu{-webkit-flex-direction:column;-moz-flex-direction:column}}.logo{display:block;height:3.5rem}.menu-list{-webkit-display:flex;display:flex;-webkit-flex-direction:row;-moz-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-moz-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.menu-list li{list-style:none;margin:0 0 0 1.2rem}.menu-list li a{display:block;text-transform:uppercase;font-family:Oswald,Arial,sans-serif;font-size:1.4rem;font-weight:700;padding:.5rem}@media only screen and (max-width:650px){.menu-list li a{padding:1rem .3rem .5rem .3rem}}.menu-list li:last-child a{padding-right:0;margin-bottom:-2px}@media only screen and (max-width:650px){.menu-list li:last-child a{padding-right:.5rem}}.language{display:block;height:1.4rem;border:2px solid transparent}.active-page{color:#497dd3}.footer{background-color:#fff;border-top:1px solid #ccc;padding:10px 0}.footer-wrapper{font-family:Oswald,Arial,sans-serif;font-size:1rem;-webkit-display:flex;display:flex;-webkit-flex-direction:row;-moz-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between}.footer-wrapper a{text-decoration:none;padding:.5rem 0}.footer-wrapper a :hover{text-decoration:underline}.footer-wrapper span{text-transform:uppercase}.slider{height:100vh;background-color:#f4f4f4;background-size:cover}@media only screen and (orientation:portrait){.slider{height:40vh;background:url(../img/slider/holtronik-dsub-kabel_p.jpg) no-repeat center;background-size:cover}}@media only screen and (orientation:portrait) and (min-width:1000px){.slider{height:80vh}}@media only screen and (orientation:landscape){.slider{background:url(../img/slider/holtronik-dsub-kabel.jpg) no-repeat center;background-size:cover}}@media only screen and (orientation:landscape) and (min-width:1000px){.slider{height:80vh}}@media only screen and (orientation:portrait){.slide-photo1{background:url(../img/slider/holtronik-dsub-kabel_p.jpg) no-repeat center;background-size:cover}}@media only screen and (orientation:landscape){.slide-photo1{background:url(../img/slider/holtronik-dsub-kabel.jpg) no-repeat center;background-size:cover}}@media only screen and (orientation:portrait){.slide-photo2{background:url(../img/slider/holtronik-kabelbaum_p.jpg) no-repeat center;background-size:cover}}@media only screen and (orientation:landscape){.slide-photo2{background:url(../img/slider/holtronik-kabelbaum.jpg) no-repeat center;background-size:cover}}@media only screen and (orientation:portrait){.slide-photo3{background:url(../img/slider/holtronik-motherboard-atx-power-kabel_p.jpg) no-repeat center;background-size:cover}}@media only screen and (orientation:landscape){.slide-photo3{background:url(../img/slider/holtronik-motherboard-atx-power-kabel.jpg) no-repeat center;background-size:cover}}.slide{height:100vh;width:100vw;background-size:cover}@media only screen and (min-width:1000px){.slide{height:80vh}}@media only screen and (orientation:portrait){.slide{height:40vh}}@media only screen and (orientation:portrait) and (min-width:1000px){.slide{height:80vh}}.slider-bg{background:0 0}.about{-webkit-display:flex;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;flex-direction:column}.about-wrapper{-webkit-display:flex;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;flex-direction:column}.about-header{height:auto;color:#f4f4f4;background-color:#497dd3;-webkit-display:flex;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center;padding:2rem 0 0 0}.about-header:last-of-type{padding-bottom:2rem}.about-wrapper h1{font-family:Oswald,Arial,sans-serif;font-size:2rem;text-align:center}@media only screen and (orientation:portrait){.about-wrapper h1{font-size:1.6rem}}.about-wrapper h2{font-family:Oswald,Arial,sans-serif;font-size:1.5rem;line-height:1.6;text-align:center}@media only screen and (orientation:portrait){.about-header-font-s h1,.about-header-font-s h2{font-size:1.3rem}}.arrow-block{display:block;width:100%;height:0;margin-top:2rem;border-left:49vw solid #f4f4f4;border-right:49vw solid #f4f4f4;border-top:.8rem solid #497dd3}@media only screen and (min-width:1000px){.arrow-block{margin-top:1rem;border-top:1.5rem solid #497dd3}}.about-article{margin:auto;text-align:center;padding:2.5rem 0}@media only screen and (min-width:1000px){.about-article{padding:3.5rem 0}}.about-article img{width:75%;margin:0 0 2.5rem 0;-webkit-box-shadow:0 1.5rem 1.6rem 0 rgba(63,63,68,.3);-moz-box-shadow:0 1.5rem 1.6rem 0 rgba(63,63,68,.3);box-shadow:0 1.5rem 1.6rem 0 rgba(63,63,68,.3)}.about-article p{font-size:1.2rem}.about-article-second{background-color:#497dd3;width:100%;color:#f4f4f4}.impressum{text-align:center;padding:4rem 0 2rem 0}.impressum article h1{font-size:1.4rem;padding:1rem 0 2rem 0}.impressum article h1:nth-of-type(2){padding-top:3rem}.impressum article h2{font-size:1rem;padding:1rem 0}.impressum span{font-weight:700}.impressum a:hover{text-decoration:underline}@media only screen and (max-width:650px){.impressum{padding-top:2rem}}.imprint-wrapper{min-height:calc(100vh - 2.8rem - 50px);-webkit-display:flex;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center}@media only screen and (max-width:650px){.imprint-wrapper{min-height:calc(100vh - 2.8rem - 120px)}}.produkte{min-height:calc(100vh - 2.8rem - 50px)}.produkte .produkte-info{text-align:center;padding:3rem 0 1.5rem 0}@media only screen and (max-width:650px){.produkte .produkte-info{padding-top:0}}.produkte h1{font-family:Oswald,Arial,sans-serif;font-size:2rem;margin:3rem 0 1.5rem 0}.produkte h2{font-family:Oswald,Arial,sans-serif;font-size:1.2rem;margin:3rem 0 2rem 0}@media only screen and (max-width:650px){.produkte{min-height:calc(100vh - 2.8rem - 120px)}}.gallery{margin:0 0 3rem 0}.row{display:flex;flex-wrap:wrap;padding:0 4px}.column{flex:33.333%;max-width:33.333%;padding:0 6px}@media (max-width:800px){.column{flex:100%;max-width:100%}}.column img{margin-top:10px;vertical-align:middle;-webkit-box-shadow:0 .5rem .8rem 0 rgba(149,149,160,.3);-moz-box-shadow:0 .5rem .8rem 0 rgba(149,149,160,.3);box-shadow:0 .5rem .8rem 0 rgba(149,149,160,.3)}.kontakt{font-size:1.5rem;min-height:calc(100vh - 2.8rem - 50px);-webkit-display:flex;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center;padding:5rem 0 2rem 0}@media only screen and (max-width:650px){.kontakt{font-size:1.2rem;min-height:calc(100vh - 2.8rem - 120px)}}.adress-wrapper{text-align:center}.adress-wrapper span{font-weight:700}.adress-wrapper a:hover{text-decoration:underline}