html,body{margin:0;padding:0;width:100%;height:100%}body{background-color:#E2BD03;font-family:"Roboto",Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;color:#000;overflow:hidden}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}h1,h2,h3{margin:0;padding:0;font-size:36px;line-height:30px;color:#111}p{margin:0}a{text-decoration:none;color:#000}a:hover{color:#B1667D}.hidden{display:none}.fade{opacity:0;visibility:hidden;transition:opacity .4s ease-in-out, visibility .4s ease-in-out}.visible{opacity:1;visibility:visible}section{position:relative;max-width:1440px;margin:0 50px}section h1{margin-bottom:30px}section p{margin-bottom:15px}section a:hover{text-decoration:underline}section span.big,section p.big,section a.big{font-size:18px;line-height:22px}section span.bold,section p.bold,section a.bold{font-weight:700}section span.red,section p.red,section a.red{color:#B1667D}section span.underline{text-decoration:underline}section.graphics{position:absolute;top:0;left:0}section.logo{width:100%;max-width:608px;margin-top:45px;margin-left:0}section.logo img{position:absolute;right:0;width:180px;height:180px;margin-right:38px}section.album1{width:100%;height:100%;max-width:1440px;margin:0}section.album1 img{position:relative;width:100%}section.album2{position:relative;max-width:720px;margin-top:120px}section.album2 img{position:relative;width:100%}section.prelisten{position:absolute;top:100px;left:180px;margin-left:0}section.prelisten button{padding:4px 8px 4px 21px;border:2px solid #B1667D;border-radius:0;background-color:transparent;cursor:pointer}section.prelisten button:before{position:absolute;top:11px;left:10px;border-top:6px solid transparent;border-right:0;border-bottom:6px solid transparent;border-left:8px solid #B1667D;content:""}section.prelisten button:hover{background-color:#B1667D}section.prelisten button:hover span{color:#E2BD03}section.prelisten button:hover:before{border-left-color:#E2BD03}section.prelisten button:focus{outline:0}@keyframes fade{0%,100%{opacity:0.4}50%{opacity:1}}section.playing button:before{left:7px;border-color:#B1667D;border-bottom-width:6px;border-left-width:11px}section.playing button:hover:before{border-color:#E2BD03}section.playing span.text{animation:fade 2s ease-in-out infinite}section.order-link{margin-top:-100px;margin-bottom:30px}section.knowsum{margin-bottom:50px}section.soundpark{margin-top:30px;margin-bottom:100px}section.separator{max-width:480px;height:1px;background-color:#222}@media (max-width: 600px){section{margin-right:25px;margin-left:25px}section.logo img{width:120px;height:120px}section.album1{background-image:url(../img/saasfee-soundpark06-album1.png);background-position:center;background-repeat:no-repeat;background-size:cover}section.album1 img{display:none}section.order-link{margin-top:0}section.prelisten{top:88px;left:78px}}@media (max-width: 400px){section.prelisten{left:25px}}section.order{position:relative;margin-top:200px;padding:25px 0;max-width:500px}section.order input,section.order select{width:100%;margin:0 0 2px 0;padding:2px;font-weight:400;font-family:"Roboto",Helvetica,Arial,sans-serif;font-size:12px;line-height:12px;border:1px solid #000;border-radius:0;background-color:transparent;display:block}section.order select{padding:2px;font-weight:500;color:#000}section.order option{font-weight:500}section.order input:focus,section.order select:focus,section.order button:focus{outline:none}section.order input.error,section.order select.error{background-color:#B1667D}section.order span.error,section.order a.error{color:#B1667D}section.order a.error:hover{color:#FFF}section.order button,section.order input[name=submit]{padding:3px 10px;border:1px solid #FFF;border-radius:0;background-color:#FFF;cursor:pointer}section.order button:hover,section.order input[name=submit]:hover{background-color:#111;color:#FFF}section.order div.form{position:relative}section.order div.form div.bgr{margin-bottom:10px;padding:10px;background-color:rgba(255,255,255,0.7)}section.order div.form div.blanks{position:relative}section.order div.form div.blanks table{width:100%;border-spacing:0;border-collapse:separate}section.order div.form div.blanks table tr td.label{padding-bottom:5px;width:70px}section.order div.form div.blanks table tr td.input{padding-bottom:5px}section.order div.form div.cart{position:relative}section.order div.form div.cart table{width:100%;border-spacing:0;border-collapse:separate}section.order div.form div.cart table tr td.quantity{width:45px;vertical-align:top}section.order div.form div.cart table tr td.price{width:35px;text-align:right;vertical-align:bottom}section.order div.form div.cart input{width:25px;margin-bottom:0;display:inline}section.order div.form div.submit{position:relative}section.order div.form div.submit input[name=agb]{position:relative;top:2px;width:auto;margin-right:10px;display:inline}section.order div.form div.submit a{text-decoration:underline}section.order div.form div.submit input[name=submit]{position:relative;width:70px;margin-top:15px}section.order div.result{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.65)}section.order div.result div.done,section.order div.result div.error{position:relative;top:calc(50% - 200px);width:380px;margin:auto;padding:25px;background-color:#E2BD03;font-weight:400;display:none}section.order div.result div.done h3,section.order div.result div.error h3{margin-bottom:15px;font-weight:500;text-decoration:none}section.order div.result div.done div.text a.link,section.order div.result div.error div.text a.link{text-decoration:underline;color:#111}section.order div.result div.done div.text a.link:hover,section.order div.result div.error div.text a.link:hover{color:#333}section.order div.result div.display{display:block}@media (max-width: 600px){section.order{margin-top:140px}section.order div.form div.bgr{background-color:rgba(255,255,255,0.8)}}footer{position:fixed;width:100%;height:16px;bottom:0px;background-color:#000;opacity:0;visibility:hidden;transition:opacity .4s ease-in-out, visibility .4s ease-in-out}footer div.links{position:absolute;padding:1px 0px 0px 50px;font-size:10px;line-height:12px;color:#AAA}footer div.links a{text-decoration:none;color:#AAA}footer div.links a:hover{color:#FFF}footer.visible{opacity:1;visibility:visible}@media (max-width: 600px){footer div.links{padding-left:25px}}html,body{width:auto;height:auto}body{font-weight:400;overflow-y:auto}h1{position:relative}h2{position:relative;margin-bottom:50px;font-weight:700;display:table}h3{position:relative;margin-bottom:10px;font-weight:400;font-size:14px;line-height:18px;text-decoration:underline}p{max-width:480px}span.light{font-weight:300}span.regular{font-weight:400}
