@import url("https://fonts.googleapis.com/css?family=Montserrat:900|Open+Sans+Condensed:300,700");header nav i{display:none}@media only screen and (max-width: 1400px){header{height:50px}header a img#logo{height:30px}header nav{padding:16px 0;margin-right:30px}header nav ul a li{font-size:16px}header #icons{height:50px;width:100px}header #icons i{width:40px;margin-right:10px;font-size:30px}}@media only screen and (max-width: 1350px){.page#service ul li p{padding:0 20px;font-size:14px}.page#service ul li img{bottom:20px}}@media only screen and (max-width: 1300px){.page#kontakt{height:110vh}.page#kontakt .right-side{display:none}.page#kontakt .left-side{width:96%;height:80vh}.page#kontakt .left-side form{height:80vh}}@media only screen and (max-width: 1200px){.page#marken ul li img{height:80px}}@media only screen and (max-width: 1180px){.page#about .content h1{margin-top:20px;font-size:40px}.page#about .content p{margin-top:20px;font-size:14px}.page#edelmetallankauf ul li ul li h2{font-size:20px}}@media only screen and (max-width: 1015px){header #icons{display:none}}@media only screen and (max-width: 1000px){.page#service ul li h2{font-size:20px}.page#service ul li hr.small{height:3px}.page#service ul li img{width:15vw;margin-left:5vw}}@media only screen and (max-width: 940px){.page#about .content .left-side{width:100%}.page#about .content .right-side{display:none}}@media only screen and (max-width: 915px){header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}header nav{margin:0}header img#logo{display:none}.page#service ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.page#service ul li{width:90%;min-height:300px;margin-bottom:30px}.page#service ul li img{width:30vw;margin-left:30vw;margin-top:40vw;position:relative}.page#schmuck ul#products{display:none}.page#schmuck ul#brands{width:90vw;margin:0 5vw}.page#schmuck a#button{width:60%;margin-left:20%}}@media only screen and (max-width: 810px){.page#landing #logo_big{width:80vw;margin-left:10vw}.page#landing .button{width:60vw;margin-left:20vw}}@media only screen and (max-width: 700px){.page#marken ul{width:90%}.page#marken .right-side{display:none}}@media only screen and (max-width: 680px){header nav ul a li{margin-left:10px}.page#edelmetallankauf h1{font-size:40px}.page#edelmetallankauf ul li ul li h2{font-size:14px}}@media only screen and (max-width: 550px){header{overflow:visible;margin:0;padding:10px 0;height:30px}header nav{margin:0;padding:0}header nav ul{display:none;max-height:0;-webkit-transition:max-height 200ms ease-out;transition:max-height 200ms ease-out}header nav i{display:block;font-size:30px;color:#fff;margin:0;cursor:pointer;-webkit-transition:color 120ms ease-in-out;transition:color 120ms ease-in-out}header nav i:hover{color:#bf9b30}header nav.mobile ul{display:block;max-height:50vh;width:100%;float:none;position:absolute;top:50px;left:0;right:0}header nav.mobile ul li{width:100%;text-align:center;background-color:#000;padding:10px 0px;border-bottom:1px solid #bf9b30;margin-left:0}.page#kontakt .right-side form input[type="submit"]{font-size:20px}}
