html{height:100%}body{background:0 0/cover #091b2f;height:100%;margin:0;position:relative}body section.mainWrapper header{text-align:center}body section.mainWrapper header img{margin:14px 0 11px}body section.mainWrapper div.ads-top{max-width:728px;width:100%;max-height:90px;overflow:hidden;margin:auto}body section.mainWrapper section#plan,body section.mainWrapper section.caclResult{z-index:10;margin-top:20px}body section.mainWrapper section#plan h2{text-align:center;color:#fff;font-size:16px;font-weight:700;font-family:Roboto_bold,sans-serif;margin:0}.mobile-container{max-width:480px;margin:auto;background-color:#555;height:500px;color:#fff;border-radius:10px}.topnav{overflow:hidden;position:relative;max-width:480px;margin:0 auto}.topnav #myLinks{display:none}.topnav a{color:#fff;padding:6px 16px;text-decoration:none;font-size:17px;display:block}.topnav a.icon{background:#000;display:block;position:absolute;right:0;top:0}.topnav a:hover{background-color:#ddd;color:#000}.active{background-color:#e0aa2d;color:#fff}.dropbtn{background-color:#3d2d71;color:#fff;padding:4px;width:110px;font-size:13px;border:none;cursor:pointer;text-shadow:1px 1px #000;text-decoration:underline}.dropdown{position:relative;display:inline-block;text-align:center}.dropdown-content{display:none;position:absolute;background-color:#f1f1f1;min-width:110px;overflow:auto;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1}.dropdown-content a{color:#000;padding:12px 16px;text-decoration:none;display:block}.dropdown a:hover{background-color:#ddd}.introp{font-weight:600;text-shadow:.07em 0 #000,0 .07em #000,-.07em 0 #000,0 -.07em #000;color:#fff;font-family:Roboto_regular,sans-serif;text-align:left;margin:12px auto;line-height:1.2;max-width:494px;width:90%;font-size:12px}.introh{font-weight:600;text-shadow:.07em 0 #000,0 .07em #000,-.07em 0 #000,0 -.07em #000;text-align:center;color:#f5db79;font-size:16px;text-transform:uppercase;font-family:Roboto_bold,sans-serif;margin:0}.fabar{width:15px;height:2px;background-color:#fff;margin:3.8px 0}body section.mainWrapper section#plan section.timeWrapper{z-index:10;margin:20px auto;width:200px;height:81px;position:relative;background-color:transparent;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border-color:#aaa}h1{text-align:center;color:#f5db79;font-weight:600;font-size:25px;font-family:Roboto_bold,sans-serif}div.goads{text-align:center;clear:both;margin:10px auto}body section.mainWrapper section#plan section.timeWrapper .highlightTime{position:absolute;border:3px solid #f4d46e;margin:auto;top:0;bottom:0;width:100%;height:35px;border-radius:10px}body section.mainWrapper section#plan section.timeWrapper .setTime{margin:auto;width:100%;height:100%;position:relative}body section.mainWrapper section#plan section.timeWrapper .setTime .settingsWrapper{width:100px;height:81px;vertical-align:top;display:inline-block;padding:0;margin:0;position:absolute;overflow:hidden;font-size:0;letter-spacing:-1px}body section.mainWrapper section#plan section.timeWrapper .setTime .settingsWrapper:first-child{left:0}body section.mainWrapper section#plan section.timeWrapper .setTime .settingsWrapper:nth-child(2){left:100px}body section.mainWrapper section#plan section.timeWrapper .setTime .settingsWrapper:last-child{left:200px}body section.mainWrapper section#plan section.timeWrapper .setTime ul{padding:0;list-style-type:none;margin:-297px 0 0;height:81px;position:absolute;left:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}body section.mainWrapper section#plan section.timeWrapper .setTime ul li{-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:1s;width:100px;text-align:center;font-family:Roboto_regular,sans-serif;cursor:pointer;height:27px;line-height:27px}body section.mainWrapper section#plan section.timeWrapper .setTime ul li.notChosen{color:#aaa;font-size:15px}body section.mainWrapper section#plan section.timeWrapper .setTime ul li.chosen{color:#fff;font-size:25px}body section.mainWrapper section#plan #bedTime{z-index:10;background-color:#387293;margin:auto;width:300px;height:40px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;text-align:center;cursor:pointer;position:relative}body section.mainWrapper section#plan #bedTime span{position:absolute;top:7px;left:9px;width:18px;height:18px;background-position:0 0}body section.mainWrapper section#plan #bedTime p{font-family:Roboto_regular,sans-serif;font-size:13px;text-transform:uppercase;line-height:40px;color:#fff;font-weight:600}body section.mainWrapper section#plan p.mode{z-index:10;margin:20px 0;text-align:center;font-size:16px;font-family:Roboto_bold,sans-serif;color:#fff;font-weight:600;text-shadow:.07em 0 #000,0 .07em #000,-.07em 0 #000,0 -.07em #000}body section.mainWrapper section#plan #getUpTime{z-index:10;background-color:#e0aa2d;margin:auto;width:300px;height:40px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;text-align:center;cursor:pointer;position:relative}body section.mainWrapper section#plan #getUpTime span{position:absolute;top:7px;left:9px;width:18px;height:18px;background-image:url(https://schlafrechner.com/assets/images/sprites.png);background-position:-30px 0}body section.mainWrapper section#plan #getUpTime p{color:#fff;font-family:Roboto_regular,sans-serif;font-size:14px;text-transform:uppercase;line-height:40px;font-weight:700;margin:0}body section.mainWrapper section.caclResult h2{text-align:center;color:#f5db79;font-size:16px;text-transform:uppercase;font-family:Roboto_bold,sans-serif;margin:0}body section.mainWrapper section.caclResult p.desc{color:#fff;font-weight:600;text-shadow:.07em 0 #000,0 .07em #000,-.07em 0 #000,0 -.07em #000;font-size:14px;font-family:Roboto_regular,sans-serif;text-align:center;margin:12px auto;line-height:1.2;width:494px}body section.mainWrapper section.caclResult p.desc a{font-family:Roboto_bold,sans-serif;color:#f5db79;text-decoration:none}body section.mainWrapper section.caclResult p.desc #wakeUpTime{font-family:Roboto_bold,sans-serif;font-size:1.1em}body section.mainWrapper section.caclResult ul.instructions{width:336px;list-style-type:none;margin:14px auto 10px;padding:0;font-size:0;line-height:0}body section.mainWrapper section.caclResult ul.instructions li{display:inline-block;width:98px;height:50px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:50px;text-align:center;line-height:50px;background-color:#e0aa2d;color:#fff;font-family:Roboto_regular,sans-serif;font-size:20px;margin:7px}body section.mainWrapper section.caclResult ul.instructions li.prior{background-color:#d48d05;font-family:Roboto_bold,sans-serif}body section.mainWrapper section.caclResult p.calcAgain{width:300px;height:40px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;text-transform:uppercase;font-size:14px;color:#fff;font-family:Roboto_regular,sans-serif;line-height:40px;text-align:center;background-color:#00c2ff;cursor:pointer;margin:20px auto 0;font-weight:600}body section.mainWrapper section#getUp,body section.mainWrapper section#goToBed{z-index:10;display:none}body section.mainWrapper section#getUp ul.instructions li{background-color:#e0aa2d;font-size:18px;font-weight:700}body section.mainWrapper section#getUp ul.instructions li.prior{background-color:#d48d05;font-family:Roboto_bold,sans-serif;font-size:22px}body section.mainWrapper section#goToBed ul.instructions li{background-color:#387293;font-size:18px;font-weight:700}body section.mainWrapper section#goToBed ul.instructions li.prior{background-color:#0f70a7;font-size:22px;font-family:Roboto_bold,sans-serif}body section.mainWrapper p.additionalInfo{z-index:10;text-align:center;margin:22px 0 8px;color:#fff;font-family:Roboto_regular,sans-serif;font-size:9px;text-transform:none}body section.mainWrapper p.additionalInfo a{color:#f5db79;font-family:Roboto_bold,sans-serif;text-decoration:none}body section.mainWrapper div.ads-bottom{overflow:hidden;z-index:10;color:#fff;font-family:Roboto_regular,sans-serif;font-size:8px;text-align:center;margin:30px auto 0;max-width:728px}body section.mainWrapper div.ads-bottom span{position:relative;padding-left:10px}body section.mainWrapper div.ads-bottom span span{position:absolute;top:1px;left:0;width:10px;height:10px;background-image:url(https://schlafrechner.com/assets/images/sprites.png);background-position:-61px 0}body section.mainWrapper div.ads-bottom ul{list-style-type:none;display:inline-block;padding-left:0;margin:0}body section.mainWrapper div.ads-bottom ul li{width:110px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:1px solid #fff;display:inline-block;margin-left:10px}body section.mainWrapper div.ads-bottom ul li a{color:#fff;text-decoration:none}body section.mainWrapper section#animation{position:relative;z-index:0}body section.mainWrapper section#animation span#sun{position:absolute;top:-50px;left:10%;width:40px;height:40px;background:url(https://schlafrechner.com/assets/images/sun.png) center no-repeat;-webkit-animation-name:sun;-webkit-animation-duration:5s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:sun;-moz-animation-duration:5s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;animation-name:sun;animation-duration:5s;animation-iteration-count:infinite;animation-timing-function:linear}body section.mainWrapper section#animation span#stars{position:absolute;top:-50px;right:8%;width:197px;height:97px;background:url(https://schlafrechner.com/assets/images/stars.png) center no-repeat}body section.mainWrapper section#animation span#stars span#moon{position:absolute;top:0;right:50px;width:39px;height:40px;background:url(https://schlafrechner.com/assets/images/moon.png) center no-repeat;-webkit-animation-name:moon;-webkit-animation-duration:2.5s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:moon;-moz-animation-duration:2.5s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;animation-name:moon;animation-duration:2.5s;animation-iteration-count:infinite;animation-timing-function:linear}body section.mainWrapper section#sleepStages{display:none;z-index:50;position:fixed;bottom:0;background:url(https://schlafrechner.com/assets/images/bottomFixed.png) center/cover;width:100%;height:55px}body section.mainWrapper section#sleepStages div#button{margin:auto;width:150px;height:30px;background-color:#f5f5f5;position:absolute;bottom:10px;right:0;left:0;text-align:center;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}body section.mainWrapper section#sleepStages div#button span{position:absolute;top:4px;left:4px;width:24px;height:24px;background-image:url(https://schlafrechner.com/assets/images/sprites.png);background-position:-82px 0}body section.mainWrapper section#sleepStages div#button a{line-height:30px;margin:0;color:#333;font-family:Roboto_bold,sans-serif;font-size:13px;text-decoration:none;padding-left:20px}@media all and (max-width:800px){body section.mainWrapper div.ads-top{width:90%;height:auto}body section.mainWrapper div.ads-top img{width:100%}body section.mainWrapper section#animation span#stars{right:2%}body section.mainWrapper section#animation span#sun{left:5%}}@media all and (max-width:550px){body section.mainWrapper{min-height:670px}body section.mainWrapper header{margin:auto;width:230px}body section.mainWrapper header img{width:100%}body section.mainWrapper section#plan section.timeWrapper,body section.mainWrapper section#plan section.timeWrapper .setTime .settingsWrapper{height:99px}body section.mainWrapper section#plan section.timeWrapper .highlightTime{height:40px}body section.mainWrapper section#plan section.timeWrapper .setTime ul{height:99px;margin-top:-363px}body section.mainWrapper section#plan section.timeWrapper .setTime ul li.notChosen{font-size:18px;height:33px;line-height:33px}body section.mainWrapper section#plan section.timeWrapper .setTime ul li.chosen{font-size:24px;height:33px;line-height:33px}body section.mainWrapper section.caclResult p.desc{font-size:11px;width:90%;line-height:1.3}body section.mainWrapper div.ads-bottom{width:95%}body section.mainWrapper div.ads-bottom span{margin-left:10px}body section.mainWrapper div.ads-bottom span span{margin-left:0}body section.mainWrapper div.ads-bottom ul{width:75%;padding-left:0;margin:0}body section.mainWrapper div.ads-bottom ul li{width:29%;margin-left:2%}body section.mainWrapper div.ads-bottom ul li li:last-child{margin-right:10px}body section.mainWrapper section#animation span#stars{width:150px;height:75px}body section.mainWrapper section#animation span#stars span#moon{right:0}body section.mainWrapper section#animation span#sun{left:3%}}@media all and (max-width:450px){body section.mainWrapper section#animation{display:none}}@media all and (max-width:350px){section.mainWrapper body section#plan #bedTime,section.mainWrapper body section#plan #getUpTime,section.mainWrapper body section#plan section.timeWrapper,section.mainWrapper body section.caclResult p.calcAgain{width:90%}section.mainWrapper body section#plan #bedTime p,section.mainWrapper body section#plan #getUpTime p{font-size:12px}section.mainWrapper body section.caclResult ul.instructions{width:95%;text-align:center}section.mainWrapper body section.caclResult ul.instructions li{width:32%}section.mainWrapper body section.caclResult ul.instructions li:nth-child(3n){margin-right:0}section.mainWrapper body div.ads-bottom ul{width:65%}}@keyframes sun{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes moon{from,to{transform:rotate(-10deg)}50%{transform:rotate(38deg)}}li{display:inline-block;float:left}#boxes ul{height:128px}.uykubtn{color:#dd516d}.navbar-light .navbar-nav .nav-link{color:#fff;border-bottom:.5px solid #fff;z-index:20}.navbar{padding:0;z-index:20}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{background-color:transparent;color:#fff;border-bottom:.5px solid #fff;z-index:20}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:#e0aa2d}.dropdown-item{width:100%;padding:.25rem .5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0;font-size:13px}.adDiv{padding-top:30px}.nav-item{z-index:10}