@import url("https://fonts.googleapis.com/css?family=Montserrat:900|Open+Sans+Condensed:300,700");html,body{margin:0;padding:0;width:100%;min-height:100%;background-color:#000;overflow-x:hidden}h1,h2,h3,h4,h5,h6,a,p,li,input,label{color:#000}h1,h2,h3,h4,h5,h6{font-family:"Montserrat",sans-serif;font-weight:900;margin:0}a,p,li,input,label{font-family:"Open Sans Condensed",sans-serif;font-weight:300}a{text-decoration:none;color:#333}a:hover{text-decoration:underline}b a{color:#000;font-weight:700}ul{list-style:none;margin:0;padding:0}.page{width:100%;min-height:100vh;background-color:#000;margin:0;padding:0;padding-top:70px}.page:focus{outline:none}hr.small{width:100px;height:10px;background-color:#000;border:none;border-radius:10px}h1{font-size:50px;text-align:center;color:#000}.big_balken{width:100%;height:200px;background-color:#000;margin-top:-8px;background:linear-gradient(6.7deg, #000 0%, #000 50%, #bf9b30 51%, #bf9b30 100%)}.big_balken#snd{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}header{width:100%;height:70px;background-color:#000;overflow:hidden;position:fixed;top:0;left:0;right:0;z-index:99}header img#logo{height:50px;margin:10px 0 0 30px}header nav{width:auto;float:right;padding:18px 30px}header nav ul a li{font-size:25px;color:#fff;float:left;margin-left:30px;-webkit-transition:all 85ms ease-in;transition:all 85ms ease-in;letter-spacing:.7px}header nav ul a.active li,header nav ul a:hover li{color:#bf9b30;-webkit-transform:scale(1.1);transform:scale(1.1)}header #icons{width:160px;height:70px;float:right;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around}header #icons i{color:#bf9b30;font-size:40px;float:left;width:50px;text-align:center;margin-right:30px;cursor:pointer;-webkit-transition:all 100ms ease-in;transition:all 100ms ease-in}header #icons i:hover{color:#fff}.page#landing{background-color:#000;margin:0;padding:0;background-size:cover;background-position:center right;background-repeat:no-repeat;background-attachment:fixed}.page#landing #logo_big{width:800px;margin-top:40vh;margin-left:2vw;margin-bottom:10vh}.page#landing .button{width:600px;height:50px;border-style:solid;border-color:#bf9b30;border-radius:5px;border-width:2px;display:block;margin:0;margin-left:5vw;padding:3px 0 8px 0;font-family:"Open Sans Condensed",sans-serif;font-weight:300;font-size:45px;letter-spacing:10px;text-align:center;color:#bf9b30;-webkit-transition:all 100ms ease-in;transition:all 100ms ease-in}.page#landing .button:hover{border-color:#fff;color:#fff;text-decoration:none}.page#marken ul{width:60%;height:100vh;margin:0;padding:0;position:relative;float:left}.page#marken ul li img{width:auto;height:130px;position:absolute}.page#marken ul li:first-child img{left:20%;top:45%}.page#marken ul li:nth-child(2) img{left:10%;top:10%}.page#marken ul li:nth-child(3) img{left:20%;top:75%}.page#marken ul li:nth-child(4) img{left:80%;top:45%}.page#marken ul li:last-child img{left:60%;top:15%}.page#marken .right-side{width:40%;height:100vh;background-size:cover;background-position:center left;float:right}.page#about{background-color:#bf9b30;padding-top:0;position:relative;overflow:auto}.page#about .brand-line{width:96%;height:5vh;padding:10px 2%;background-color:#000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.page#about .brand-line:last-child{padding-top:10px;margin-top:20px}.page#about .brand-line img{height:5vh;width:auto}.page#about .content{width:98%;margin-left:2%;overflow:auto}.page#about .content h1{margin-top:50px;text-align:left}.page#about .content hr.small{margin:0;width:125px}.page#about .content p{margin-top:50px;font-size:16px;display:block;width:100%;line-height:30px;letter-spacing:2px;font-weight:700}.page#about .content .left-side{width:45%;float:left}.page#about .content .left-side button{width:50%;height:50px;margin:0 25%;border:1px solid #000;background-color:#000;color:#bf9b30;font-family:"Montserrat",sans-serif;font-weight:900;cursor:pointer;-webkit-transition:letter-spacing 200ms ease-in-out,background-color 120ms ease-in-out,color 120ms ease-in-out;transition:letter-spacing 200ms ease-in-out,background-color 120ms ease-in-out,color 120ms ease-in-out;font-size:20px}.page#about .content .left-side button:hover{letter-spacing:1.5px;color:#000;background-color:#bf9b30}.page#about .content .left-side button:focus{outline:none}.page#about .content .right-side{background-size:cover;background-repeat:no-repeat;background-position:left center;width:55%;height:90vh;float:left}.page#schmuck{background-color:#bf9b30;position:relative;min-height:1000px}.page#schmuck ul#brands{width:40vw;display:block;border:solid 1px #000;margin-top:5vh;float:left}.page#schmuck ul#brands li{width:90%;height:70px;font-size:30px;padding:30px 5% 0 5%;border-bottom:solid 1px #000;cursor:pointer}.page#schmuck ul#brands li:last-child{border:none}.page#schmuck ul#brands li,.page#schmuck ul#brands li h3,.page#schmuck ul#brands li i{-webkit-transition:all 20ms linear;transition:all 20ms linear}.page#schmuck ul#brands li h3{float:left;width:50%}.page#schmuck ul#brands li i{float:right;width:50%;text-align:right;font-size:60px;margin-top:-15px}.page#schmuck ul#brands li:hover,.page#schmuck ul#brands li.active{background-color:#000;-webkit-transition:all 100ms linear;transition:all 100ms linear}.page#schmuck ul#brands li:hover h3,.page#schmuck ul#brands li:hover i,.page#schmuck ul#brands li.active h3,.page#schmuck ul#brands li.active i{color:#bf9b30;-webkit-transition:all 100ms linear;transition:all 100ms linear}.page#schmuck ul#products{width:55vw;float:left;height:70vh;margin-top:5vh;overflow:hidden;display:block}.page#schmuck ul#products li{width:100%;height:100%;margin:0;padding:0}.page#schmuck ul#products li ul{-webkit-perspective:400px;perspective:400px}.page#schmuck ul#products li ul li{width:20%;margin:2% 2.5%;float:left;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-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;-webkit-transition:-webkit-transform 120ms ease-out;transition:-webkit-transform 120ms ease-out;transition:transform 120ms ease-out;transition:transform 120ms ease-out, -webkit-transform 120ms ease-out}.page#schmuck ul#products li ul li:hover{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(1.05);transform:scale(1.05)}.page#schmuck ul#products li ul li:hover img{-webkit-box-shadow:0px 0px 7px 3px rgba(25,25,0,0.45);box-shadow:0px 0px 7px 3px rgba(25,25,0,0.45)}.page#schmuck ul#products li ul li img{height:11vh;margin:auto}.page#schmuck ul#products li ul li h3{margin-left:15px}.page#schmuck a#button{position:absolute;bottom:10%;display:block;text-align:center;margin-left:35%;width:30%;font-size:60px;padding:5px;border:solid 1px #000;-webkit-transition:all 90ms ease-in;transition:all 90ms ease-in}.page#schmuck a#button:hover{background-color:#000;color:#bf9b30;text-decoration:none}.page#service h1{color:#bf9b30}.page#service hr.small{background-color:#bf9b30}.page#service ul{width:100%;min-height:80vh;display:grid;grid-template-rows:10vh 70vh 70vh 20vh;grid-template-columns:6.25vw 25vw 6.25vw 25vw 6.25vw 25vw 6.25vw;grid-row-gap:7vh}.page#service ul li{background-color:#bf9b30;position:relative;-webkit-box-shadow:0px 0px 15px 1px #bf9b30;box-shadow:0px 0px 15px 1px #bf9b30}.page#service ul li:first-child{grid-row:2;grid-column:2}.page#service ul li:nth-child(2){grid-row:2;grid-column:4}.page#service ul li:nth-child(3){grid-row:2;grid-column:6}.page#service ul li:nth-child(4){grid-row:3;grid-column:2}.page#service ul li:nth-child(5){grid-row:3;grid-column:4}.page#service ul li:last-child{grid-row:3;grid-column:6}.page#service ul li h2,.page#service ul li p{color:#000}.page#service ul li h2{text-align:center;font-size:30px;margin-top:20px}.page#service ul li p{padding:0 10%;font-size:16px;font-weight:700}.page#service ul li img{width:20vw;max-height:25vh;margin-left:2.5vw;position:absolute;bottom:2.5vw}.page#service ul li hr.small{background-color:#000;margin-top:0;margin-bottom:0}.page#edelmetallankauf{background-color:#bf9b30;border-bottom:solid 30px #000;padding-bottom:6.25vw}.page#edelmetallankauf ul{width:100%;height:auto;margin:0;padding:0}.page#edelmetallankauf ul li{width:100%;height:20vw;margin-top:5vw}.page#edelmetallankauf ul li:last-child ul{grid-template-columns:25vw 20vw 10vw 20vw 25vw}.page#edelmetallankauf ul li:last-child ul li:last-child{grid-column:4}.page#edelmetallankauf ul li ul{width:100%;height:100%;margin:0;padding:0;display:grid;grid-template-rows:100%;grid-template-columns:10vw 20vw 10vw 20vw 10vw 20vw 10vw}.page#edelmetallankauf ul li ul li{margin:0;padding:0;background-color:#000;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-shadow:0px 0px 20px 1px rgba(0,0,0,0.9);box-shadow:0px 0px 20px 1px rgba(0,0,0,0.9);background-position:center;background-size:cover}.page#edelmetallankauf ul li ul li:first-child{grid-row:1;grid-column:2}.page#edelmetallankauf ul li ul li:nth-child(2){grid-row:1;grid-column:4}.page#edelmetallankauf ul li ul li:last-child{grid-row:1;grid-column:6}.page#edelmetallankauf ul li ul li h2{text-align:center;color:#bf9b30;font-size:40px;text-shadow:0px 0px 20px #000}.page#kontakt{background-color:#bf9b30}.page#kontakt hr.small{margin-bottom:5vh}.page#kontakt .left-side{height:80%;min-height:70vh;width:26%;float:left;padding:0 2%;border-right:solid 1px #000}.page#kontakt .left-side h3{margin-bottom:40px}.page#kontakt .right-side{width:65%;height:80%;min-height:70vh;float:right;padding:0 2%}.page#kontakt .right-side form{width:100%;height:100%;min-height:70vh;position:relative}.page#kontakt .right-side form input,.page#kontakt .right-side form label,.page#kontakt .right-side form textarea{width:100%;height:40px;max-height:7vh;margin-bottom:3vh;font-size:20px;margin-top:-1px;margin-left:-1px}.page#kontakt .right-side form textarea{max-height:2000vh;height:40vh;margin-bottom:0}.page#kontakt .right-side form input[type="submit"]{position:absolute;bottom:0;left:0;right:0;margin:0;font-size:25px;text-transform:uppercase;letter-spacing:5px}footer{width:100%;height:100px;background-color:footer #000;margin:0;margin-top:-8px;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}footer p,footer a li{color:#bf9b30}footer ul{margin:0;padding:0;float:right;margin-top:30px}footer ul li{float:left;margin-right:20px;font-size:18px}footer p{float:left;margin:30px 0 0 10px}