/* Compiled @ luniverse.de */
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none}html{height:100%}body{width:100%;min-height:100%;margin:0;line-height:1.2;font-family:-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;font-size:18px;overflow-x:hidden;overflow-y:auto;position:relative}ul{margin:0;padding:0;list-style:none}strong{font-weight:500}button,input,select,textarea{font:inherit;color:inherit}input[type=submit]{-webkit-appearance:none}a,button,label,input[type=submit],input[type=button],input[type=file]{cursor:pointer}iframe{border:none}h1,h2,h3,h4,h5,h6{margin:0;font-weight:inherit}h1{font-size:2.2em}h2{font-size:1.8em}h3{font-size:1.5em}h4{font-size:1.2em}h5{font-size:1.0em}h6{font-size:0.8em}.flex{display:flex;flex-wrap:wrap}.container{margin:0 auto;width:100%}.lu-hidden{display:none}.lu-visible{display:inline-block}.lu-0{width:0%}.lu-offset-0{margin-left:0%}.lu-1{width:8.33333%}.lu-offset-1{margin-left:8.33333%}.lu-2{width:16.66667%}.lu-offset-2{margin-left:16.66667%}.lu-3{width:25%}.lu-offset-3{margin-left:25%}.lu-4{width:33.33333%}.lu-offset-4{margin-left:33.33333%}.lu-5{width:41.66667%}.lu-offset-5{margin-left:41.66667%}.lu-6{width:50%}.lu-offset-6{margin-left:50%}.lu-7{width:58.33333%}.lu-offset-7{margin-left:58.33333%}.lu-8{width:66.66667%}.lu-offset-8{margin-left:66.66667%}.lu-9{width:75%}.lu-offset-9{margin-left:75%}.lu-10{width:83.33333%}.lu-offset-10{margin-left:83.33333%}.lu-11{width:91.66667%}.lu-offset-11{margin-left:91.66667%}.lu-12{width:100%}.lu-offset-12{margin-left:100%}.md-visible{display:none}@media screen and (min-width: 640px){.md-hidden{display:none}.md-visible{display:inline-block}.md-0{width:0%}.md-offset-0{margin-left:0%}.md-1{width:8.33333%}.md-offset-1{margin-left:8.33333%}.md-2{width:16.66667%}.md-offset-2{margin-left:16.66667%}.md-3{width:25%}.md-offset-3{margin-left:25%}.md-4{width:33.33333%}.md-offset-4{margin-left:33.33333%}.md-5{width:41.66667%}.md-offset-5{margin-left:41.66667%}.md-6{width:50%}.md-offset-6{margin-left:50%}.md-7{width:58.33333%}.md-offset-7{margin-left:58.33333%}.md-8{width:66.66667%}.md-offset-8{margin-left:66.66667%}.md-9{width:75%}.md-offset-9{margin-left:75%}.md-10{width:83.33333%}.md-offset-10{margin-left:83.33333%}.md-11{width:91.66667%}.md-offset-11{margin-left:91.66667%}.md-12{width:100%}.md-offset-12{margin-left:100%}.container{width:640px}}.lg-visible{display:none}@media screen and (min-width: 1280px){.lg-hidden{display:none}.lg-visible{display:inline-block}.lg-0{width:0%}.lg-offset-0{margin-left:0%}.lg-1{width:8.33333%}.lg-offset-1{margin-left:8.33333%}.lg-2{width:16.66667%}.lg-offset-2{margin-left:16.66667%}.lg-3{width:25%}.lg-offset-3{margin-left:25%}.lg-4{width:33.33333%}.lg-offset-4{margin-left:33.33333%}.lg-5{width:41.66667%}.lg-offset-5{margin-left:41.66667%}.lg-6{width:50%}.lg-offset-6{margin-left:50%}.lg-7{width:58.33333%}.lg-offset-7{margin-left:58.33333%}.lg-8{width:66.66667%}.lg-offset-8{margin-left:66.66667%}.lg-9{width:75%}.lg-offset-9{margin-left:75%}.lg-10{width:83.33333%}.lg-offset-10{margin-left:83.33333%}.lg-11{width:91.66667%}.lg-offset-11{margin-left:91.66667%}.lg-12{width:100%}.lg-offset-12{margin-left:100%}.container{width:1064px}}@font-face{font-family:"Roboto Slab";font-weight:300;src:url("//luniverse.de/font/roboto-slab/300.ttf")}@keyframes Swing{from{right:0}to{right:16px}}@keyframes Jump{from{top:0}to{top:10px}}@keyframes Roll{from{transform:rotate(0)}to{transform:rotate(20deg)}}@keyframes Fade{from{opacity:0;top:-1.5em}to{opacity:1;top:0}}@keyframes Notification{from{bottom:-200px;opacity:0}20%{bottom:0;opacity:1}to{bottom:0;opacity:1}}@keyframes Scroll{0%{top:0}40%{top:0}55%{top:1em}100%{top:0}}a{text-decoration:none;color:inherit}p{line-height:1.5;margin:0.5em 0}th{font-weight:500;text-align:left}code{color:#CC232B;background-color:#F3F3F3;border-radius:3px;font-size:0.9em;padding:0.1em 0.2em 0}lu-switch{background-color:#CCC}lu-switch[checked]{background-color:#007AFF}lu-switch::before{box-shadow:0 0 0.1em rgba(0,0,0,0.5)}svg use{fill:currentColor}.box{display:inline-block;border:1px solid currentColor;padding:0.7em 1.2em;text-transform:uppercase;font-weight:300;margin-top:1em;word-spacing:0.25em;border-radius:2px}.box:hover{background-color:#007AFF;border-color:#007AFF}.link{color:#007AFF}.link:hover{color:#004999}.link.more{width:100%;display:block;text-align:right;padding:0.1em 0;margin-bottom:0.7em}.link.more::after{content:'\f061';font-family:Awesome;padding-left:0.4em}.icon.shield{background-color:#4f5d73;background-image:url("/core/icon/shield.png")}.icon.wand{background-color:#c75c5c;background-image:url("/core/icon/wand.png")}.icon.key{background-color:#e0995e;background-image:url("/core/icon/key.png")}.icon.tools{background-color:#76c2af;background-image:url("/core/icon/tools.png")}.icon.lock{background-color:#e0995e;background-image:url("/core/icon/lock.png")}.icon.library{background-color:#77b3d4;background-image:url("/core/icon/library.png")}.icon.mail{background-color:#77b3d4;background-image:url("/core/icon/mail.png")}.icon.star{background-color:#4f5d73;background-image:url("/core/icon/star.png")}.icon.database{background-color:#bfcfd8;background-image:url("/core/icon/database.png")}.icon.style{background-color:#4f5d73;background-image:url("/core/icon/style.png")}.icon.lifebelt{background-color:#4f5d73;background-image:url("/core/icon/lifebelt.png")}.icon.contacts{background-color:#c75c5c;background-image:url("/core/icon/contacts.png")}.icon.calendar{background-color:#77b3d4;background-image:url("/core/icon/calendar.png")}.icon.music{background-color:#76c2af;background-image:url("/core/icon/music.png")}.icon.art{background-color:#bfcfd8;background-image:url("/core/icon/art.png")}.icon.photo{background-color:#e0995e;background-image:url("/core/icon/photo.png")}.icon.text{background-color:#76c2af;background-image:url("/core/icon/text.png")}ul.list{list-style:circle;margin:1em 2em;line-height:1.4}ul.list li+li{margin-top:0.4em}ul.notifications{position:fixed;left:50%;bottom:-200px;width:400px;margin:0 0 40px -200px;color:#F1F1F1;border-radius:2px;box-shadow:0 2px 5px 0 rgba(0,0,0,0.26);overflow:hidden;background-color:#323232;z-index:10000;animation-name:Notification;animation-direction:alternate;animation-iteration-count:2;animation-duration:3s}ul.notifications li{padding:1em 1.2em}ul.grid{margin:0 -1em}ul.grid>li{padding:1em}.container{border-width:0 1em;border-style:solid;border-color:transparent}.card{background-color:#FFF;border:1px solid #DDDFE2;border-radius:3px}.card>.icon{height:7em;background-position:50% 55%;background-repeat:no-repeat;border-radius:2px 2px 0 0}.card>.logo{display:block;background-color:#007AFF;color:#FFF;padding:0.8em 1em 0.8em;border-radius:2px 2px 0 0}.card>.logo img{display:block;margin:0 auto;height:4em;width:auto;margin:0.5em auto 1.1em}.card>.logo span{text-align:right;display:block;font-family:"Roboto Slab",serif}.card>.logo span::after{content:'\f061';font-family:Awesome;padding-left:0.5em}.card>.logo:hover{background-color:#0062cc}.card>.text{padding:1em 1.2em 0.2em}.card>.text h4{margin-bottom:0.7em}.card>.text h4::before{padding-right:0.5em;color:#CCC}.card>.text p{font-size:0.9em}.checkout{position:relative;font-size:0.8em}.checkout button{color:#007AFF;border:1px solid #007AFF;padding:0.3em 0.5em 0.3em;border-radius:3px;cursor:pointer;display:inline-block;background:none;outline:none}.checkout .dropdown{filter:drop-shadow(0 0 1px rgba(0,0,0,0.4));display:none;position:absolute;border-radius:3px;margin-top:1.2em;width:180px;z-index:20;background-color:#FFF;right:0;padding:0.4em 0}.checkout .dropdown::before{content:'';position:absolute;top:-0.6em;right:2em;margin-left:-0.6em;border-style:solid;border-width:0 0.7em 0.7em;border-color:transparent transparent #FFF}.checkout .dropdown>*{width:100%;display:flex;padding:0.5em 1em;justify-content:space-between;align-items:center}.checkout.active .dropdown{display:block}.checkout.active button,.checkout button:hover{background-color:#007aff;color:#FFF}.page{background-color:#FAFBFC}body{background-color:#374550;position:relative;color:#1D2129}body.start header{color:#FFF;min-height:100vh;display:flex;align-items:center}body.start header .container{padding:4em 0;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,0.8);word-spacing:0.2em}body.start header h1{font-weight:100;font-size:3.5em;margin-bottom:0.4em}body.start header h2{font-size:1.5em;font-family:"Roboto Slab",serif;margin-bottom:2.3em}body.start header h1,body.start header h2{position:relative;animation-name:Fade;animation-duration:0.8s}body.start header .scroll{padding:2em;width:7.5em;opacity:0.7;position:relative;cursor:pointer;animation-name:Scroll;animation-duration:1.3s;animation-delay:1s;animation-iteration-count:infinite}body.start .tabs{padding-top:2.4em;font-family:"Roboto Slab",serif}body.start .tabs .container{display:flex;justify-content:space-around;border-bottom:1px solid #CCC}body.start .tabs a{font-size:1.3em;position:relative;padding:0.5em 0 1em;color:#777;text-shadow:1px 1px rgba(255,255,255,0.8);overflow:hidden;margin-bottom:-1px;cursor:pointer;transition:color 0.1s linear}body.start .tabs a::before,body.start .tabs a::after{content:'';position:absolute;left:50%;bottom:-.5em;margin-left:-.5em;border-style:solid;border-width:0 .5em .5em}body.start .tabs a::before{border-color:transparent transparent #BBB}body.start .tabs a::after{margin-bottom:-1px;border-color:transparent transparent #FAFBFC}body.start .tabs a.active::before,body.start .tabs a.active::after{bottom:0}body.start .tabs a.active,body.start .tabs a:hover{color:#007AFF}body.start .advantages{display:none}body.start .advantages.active{display:block}body.start .advantages ul.cards{padding:1em 0}body.start .advantages .hero{margin:1em 0;padding:7em 0 8em;color:#FFF;background-repeat:no-repeat;background-position:center;background-size:cover}body.start .advantages .hero.app{background-image:url("/core/hero/app.jpg");background-color:#6b6259}body.start .advantages .hero.server{background-image:url("/core/hero/server.jpg");background-color:#615e62}body.start .advantages .hero h4{font-size:1.5em;font-family:"Roboto Slab",serif;margin-bottom:0.9em}body.start .testimonial{padding:1.5em 0 3.5em;font-weight:300}body.start .testimonial .container{background-image:url("/core/image/quote.png");background-repeat:no-repeat;background-position:5% 0;text-align:center}body.start .testimonial blockquote{font-size:1.5em;margin:0;opacity:0.5}body.start .testimonial a{border-bottom:1px dotted currentColor}body.start .testimonial a:hover{border-bottom:1px solid currentcolor}body.app header{background-image:url("/core/image/shattered-dark.png"),linear-gradient(20deg, #007adf, #00ecbc);color:#FFF}body.app header .container{align-items:flex-end;padding:3em 0}body.app header h1{font-family:"Roboto Slab",serif;font-size:3em;margin-bottom:0.3em}body.app header h2{font-weight:300;padding-bottom:1.4em}body.app header .iphone{background-image:url("/core/image/iphone.png");background-size:100%;width:160px;height:320px;margin:0 auto;padding:36px 10px;filter:drop-shadow(0 4px 2px rgba(0,0,0,0.16)) drop-shadow(0 3px 4px rgba(0,0,0,0.2))}body.app header .iphone .screen{width:100%;height:100%;overflow:hidden;border:1px solid #999;border-radius:1px}body.app header .iphone ul{width:200%;height:100%;margin-left:-100%;display:flex;flex-wrap:wrap}body.app header .iphone ul li{width:50%;height:100%;padding-top:170px;text-align:center;font-size:1.2em;font-weight:300;color:rgba(255,255,255,0.9);background-repeat:no-repeat;background-position:50% 38%}body.app header .iphone.swipe ul{transition:margin-left 0.2s ease-out 0.05s;margin-left:0}body.app .sites{padding:1.5em 0}body.app h3{color:#AAA;text-align:center;text-shadow:1px 1px rgba(255,255,255,0.8);font-family:"Roboto Slab",serif;margin:1em 0}body.app h3::before,body.app h3::after{content:'';display:inline-block;width:3em;height:1px;margin:0 0.6em;background-color:currentColor;vertical-align:middle}body.app .links{justify-content:space-around;padding-bottom:2em}body.app .links a{color:#007AFF;border:1px solid currentColor;border-radius:2px;padding:0.5em 0.7em 0.4em;margin:0.6em}body.app .links a:hover{background-color:#007AFF;color:#FFF}body.app .links a.disabled{color:#CCC;pointer-events:none}body.element header{color:#FFF}body.element header .container{padding:4em 0 3em}body.element header h1{font-family:"Roboto Slab",serif;font-size:3em;margin-bottom:0.3em}body.element header h2{font-weight:300}body.element header ul.elements{display:flex;justify-content:flex-end;align-items:flex-end}body.element header ul.elements li{width:4.1em;background-color:#FAFBFC;display:inline-flex;flex-wrap:wrap;justify-content:space-between;padding:0.2em 0.3em}body.element header ul.elements li.metal{color:#eab029}body.element header ul.elements li.nonmetal{color:#2d5fad}body.element header ul.elements li.lanthanoid{color:#a95583}body.element header ul.elements li+li{margin-left:0.4em}body.element header ul.elements li::before,body.element header ul.elements li::after{font-size:0.6em;color:#555}body.element header ul.elements li::before{content:attr(data-number);order:1}body.element header ul.elements li::after{content:attr(data-weight);order:2}body.element header ul.elements li h5{order:3;width:100%;text-align:center;line-height:1.1;font-size:2em}body.element header ul.elements li span{order:4;font-size:0.7em;color:#1D2129}body.help header{color:#FFF}body.help header .artwork{position:relative;padding-top:1.5em;display:flex;justify-content:center;align-items:flex-start}body.help header .artwork img.lu{width:160px;height:auto;margin-top:3em}body.help header .artwork img.lifebelt{position:relative;animation-name:Jump, Swing, Roll;animation-iteration-count:infinite;animation-duration:0.9s, 3s, 7s;animation-timing-function:ease-in-out;animation-direction:alternate}body.help header h1{align-self:flex-end;text-align:center;padding-bottom:1.8em;font-size:2em}body.user header{color:#FFF}body.user header .target{padding:7em 0}body.user header .picture{display:flex;justify-content:flex-end}body.user header .picture a{border-radius:3em;height:6em;width:6em;background-size:cover;background-position:50% 50%;margin-right:2em;position:relative;display:flex;align-items:center;justify-content:center;z-index:10}body.user header .picture a::before,body.user header .picture a::after{display:none;position:absolute;border-radius:inherit}body.user header .picture a::before{content:'';height:100%;width:100%;background-color:rgba(0,0,0,0.4);z-index:20}body.user header .picture a::after{content:'\f040';font-family:Awesome;font-size:2em;z-index:21}body.user header .picture a:hover::before,body.user header .picture a:hover::after{display:block}body.user header .text{display:flex;flex-direction:column;justify-content:center}body.user header .text h1{font-size:3em;font-weight:300;margin-bottom:0.2em;line-height:1}body.user header .text h2{font-family:"Roboto Slab",serif}body.info ul.paragraphs>li+li{margin-top:2em}body.info main h5{font-size:1.5em;margin-bottom:0.5em}nav{padding-top:2em;height:6em;transition:all 0.25s ease;transition-property:background-color, padding-top, height, color, box-shadow;color:#FFF;width:100%;position:fixed;top:0;z-index:100}nav .container{height:100%;align-items:center;position:relative}nav a.logo{font-size:1.7em;font-weight:200;display:flex;align-items:center}nav a.logo strong{font-weight:300}nav a.logo .title{margin-left:0.4em}nav a.logo svg{width:1.2em;height:1.2em;margin-right:0.3em}nav.fixed{background-color:#FFF;color:#1D2129;padding-top:0.4em;height:4.5em;box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)}header{padding-top:6em}header.parallax{background-image:url("/core/hero/luniverse.jpg");background-position:center;background-size:cover;background-color:#0d131f}header .headline{padding:4em 0;text-align:center;color:#FFF}header .headline h1{font-size:2em;margin-bottom:0.6em}header .headline h2{font-size:1.1em}aside{padding-top:2em}aside article{margin-bottom:2em}aside h3{font-weight:300;color:#AAA;margin-bottom:1em}aside p{margin:0 0 0.7em}aside p.empty{color:#333;font-style:italic}aside a.box{color:#007AFF}aside a.box:hover{color:#FFF}aside ul.items>li{border-radius:3px;border:1px solid #CCC;background-color:#FFF}aside ul.items>li+li{margin-top:1em}aside ul.items>li a.close{color:#CCC}aside ul.items>li:hover a.close{color:#D91E18}aside ul.items .info{display:flex;justify-content:space-between;padding:1em 1em 0.8em}aside ul.items .info span.date,aside ul.items .info span.title{font-weight:500}aside ul.items .info span.time{color:#AAA;font-size:0.8em}aside ul.items .info span.time::before{content:'\00B7';padding:0 0.4em 0 0.2em}aside ul.items .foot{padding:0.8em 1.2em;font-size:0.8em;text-align:right;background-color:#EEE;border-top:1px solid #CCC;color:#777;overflow:hidden;text-overflow:ellipsis;border-radius:0 0 3px 3px}aside ul.data{padding:0 1em 0.7em}aside ul.data>li{border-radius:3px;line-height:1;color:#FFF;font-size:1.5em;padding:0.3em;margin:0 0.2em 0.2em 0}aside ul.data>li.os,aside ul.data>li.browser{background-color:#004999}aside ul.data>li.app{background-color:#007AFF}aside ul.data>li>*{width:1em;height:1em;display:block}aside ul.tags{padding:0 0.8em 0.8em}aside ul.tags li{background-color:#007AFF;color:#FFF;border-radius:2em;padding:0.2em 0.8em;font-size:0.8em;margin:0.3em}aside ul.navigation a:hover{color:#007AFF}aside ul.navigation>li>a{padding:0.4em 0;display:block}aside ul.navigation>li.active.has-sub{margin:1em 0}aside ul.navigation>li.active>a{font-weight:500}aside ul.navigation>li.active>a:hover{color:inherit}aside ul.navigation>li.active .sub{display:block}aside .sub{display:none;font-size:0.9em;padding:0.4em 0 0 1.2em}aside .sub a{display:list-item;padding:0.4em 0}aside .sub a.active{font-weight:500}aside .sub a.active:hover{color:inherit}main article{background-color:#FFF;border-width:0 1px 1px;border-style:solid;border-color:#DDDFE2;border-radius:0 0 3px 3px;padding-top:0.6em;margin-bottom:2em}main article+article{padding-top:0;border-width:1px;border-radius:3px}main ol{margin:1em 2em;padding:0}main ol>li{padding-left:0.4em}main ol>li+li{margin-top:0.6em}main .actions{display:flex;align-items:center}main .actions a.help{margin-left:0.5em;padding:0.1em 0;color:#CCC}main .actions a.help:hover{color:#999}main .head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;border-bottom:1px solid #DDDFE2;padding:1.4em 2em;line-height:1.4}main .head h4{font-size:1.3em}main .text{padding:1.2em 2em 1em}main .text h4{margin-bottom:1.2em}main .code{background-color:#222;color:#FFF;font-family:Monospace;font-size:0.9em;padding:1.2em 2.2em;overflow-y:auto}main .code p{margin:0.2em 0}main .code p.t1{margin-left:2em}main .code.html .content{color:#EEE}main .code.html,main .code.php .string{color:#F35959}main .code .number,main .code .attribute{color:#EFC23E}main .code .comment{color:#999}main .code .variable,main .code .value,main .code.js .string{color:#35A92F}main .code .keyword{color:#5091E4}main .code .optional{color:#CCC;font-style:italic}main .foot{padding:1em 2em 0.8em;border-top:1px solid #DDDFE2;background-color:#F6F7F9}main ul.weights{display:flex;flex-wrap:wrap;justify-content:flex-end;font-size:0.7em;color:#FFF}main ul.weights li{border-radius:1em;background-color:#007AFF;padding:0.2em 0.5em;margin:0 0 0.6em 0.4em}main table{width:100%}main table.invoices{border-collapse:collapse}main table.invoices tr:nth-child(even){background-color:#F6F7F8}main table.invoices th,main table.invoices td{padding:1em 0.6em}main table.invoices th:first-child,main table.invoices td:first-child{padding-left:1em}main table.invoices th:last-child,main table.invoices td:last-child{padding-right:1em}main table.invoices td{border-top:1px solid #DDDFE2}main table.invoices td.customer span::before{color:#999}main table.invoices td.view,main table.invoices td.copy{width:2em}main table.invoices td.amount{padding-right:1.2em;font-weight:500;text-align:right}main table.invoices td.date,main table.invoices td.paid{color:#999;font-size:0.9em}main table.invoices td.date.future{text-decoration:line-through}main table.invoices tr.paid td.amount{color:#26A65B}main table.invoices tr.open td.amount{color:#D91E18}footer{color:#E6F3FB;font-weight:300;background-color:#374550}footer .navigation{padding:1.5em 0;background-color:#374550}footer .navigation h5{font-size:1.3em;font-family:"Roboto Slab",serif;margin-bottom:1em;border-bottom:1px solid rgba(255,255,255,0.3);padding-bottom:0.2em;color:#FFF}footer .navigation div+div{margin-top:0.6em}footer .navigation div a:hover{border-bottom:1px solid currentColor}footer .copyright{display:flex;flex-direction:column;padding-bottom:2em;justify-content:space-between;align-items:center;opacity:0.7}footer .copyright svg{width:7.5em;height:auto}footer .copyright h6{font-size:1em;padding-top:1em}@media screen and (min-width: 1280px){ul.menu{padding-top:0.1em;font-size:1.3em;display:flex;justify-content:flex-end;font-weight:300}ul.menu>li{display:inline-block;position:relative}ul.menu>li span{vertical-align:middle;display:inline-block;height:1.5em;padding:0.2em 0 0.1em;position:relative}ul.menu>li span::after{content:'';position:absolute;height:1px;width:0;left:50%;bottom:0;transition:width 0.1s linear, margin-left 0.1s linear;background-color:currentColor}ul.menu>li a{display:block}ul.menu>li a.has-dropdown::after{content:'';vertical-align:middle;margin-left:0.1em;display:inline-block;border-style:solid;border-width:5px 5px 0;border-color:currentColor transparent transparent}ul.menu>li .picture{height:1.5em;width:1.5em;border-radius:1.25em;vertical-align:middle;display:inline-block;background-size:cover;background-position:50%;margin-left:0.3em}ul.menu>li:hover span::after,ul.menu>li.active span::after{width:100%;margin-left:-50%}ul.menu>li:hover .tiles,ul.menu>li.focus .tiles{display:flex}ul.menu>li+li{margin-left:1.8em}.tiles{width:17em;left:50%;color:#FFF;filter:drop-shadow(0 0 1px rgba(0,0,0,0.5));display:none;position:absolute;border-radius:4px;font-size:0.8em;margin-left:-8.5em;margin-top:1.2em;padding:0.2em;z-index:20;background-color:currentColor}.tiles a{display:block;position:relative;height:5em;background-color:#007AFF;border:0.1em solid currentColor}.tiles a:hover{background-color:#0062cc}.tiles a::before{content:attr(data-type);position:absolute;top:50%;left:0;right:0;margin-top:-1em;text-align:center;font-size:1.4em;font-family:"Roboto Slab",serif;opacity:0.5}.tiles a::after{content:attr(title);position:absolute;bottom:0;right:0;left:0;padding:0.6em 0.6em 0.4em}.tiles::before{content:'';position:absolute;top:-.6em;left:50%;margin-left:-.6em;border-style:solid;border-width:0 .6em .6em;border-color:transparent transparent currentColor}.tiles::after{content:'';position:absolute;height:1.2em;top:-1.2em;left:0;right:0}nav.fixed .tiles{margin-top:2.2em}nav.fixed .tiles::after{top:-2.2em;height:2.2em}footer{background-image:linear-gradient(to right, #374550 0%, #374550 50%, #405461 50%, #405461 100%)}footer .navigation{padding-right:3em}footer .copyright{padding:3em 0 2.5em 2.5em}}@media screen and (max-width: 1279px){nav{height:5em;padding-top:1.8em}nav.fixed{padding-top:0.2em;height:4em}nav.fixed ul.menu{margin-top:1.2em}nav.fixed ul.menu::after{top:-2.4em;height:2.4em}nav.active ul.menu{display:block}nav.active .menu-toggle .line:nth-child(1){transform:rotate(225deg);margin-top:0}nav.active .menu-toggle .line:nth-child(2){opacity:0}nav.active .menu-toggle .line:nth-child(3){transform:rotate(-225deg);margin-top:0}nav .menu-toggle{height:2em;position:relative;cursor:pointer}nav .menu-toggle .line{width:28px;height:2px;background-color:currentColor;border-radius:2px;position:absolute;top:50%;right:0;transition:all 0.4s ease;transition-property:transform, margin-top, opacity}nav .menu-toggle .line:nth-child(1){margin-top:-0.4em}nav .menu-toggle .line:nth-child(3){margin-top:0.4em}nav ul.menu{position:absolute;right:-0.5em;top:3em;display:none;color:#007AFF;background-color:currentColor;border-radius:4px;padding-top:0.2em;filter:drop-shadow(0 0 2px rgba(0,0,0,0.4));font-size:1.2em;font-weight:300;width:9em}nav ul.menu::before{content:'';position:absolute;top:-11px;right:14px;border-style:solid;border-width:0 11px 11px;border-color:transparent transparent currentColor}nav ul.menu li{width:100%;color:#FFF}nav ul.menu li>a{display:flex;justify-content:center;align-items:center;padding:0.4em 1em;white-space:nowrap}nav ul.menu li>a.has-dropdown::after{content:'';vertical-align:middle;margin-left:0.1em;display:inline-block;border-style:solid;border-width:5px 5px 0;border-color:currentColor transparent transparent}nav ul.menu li span{padding:0.1em 0 0.2em}nav ul.menu li .picture{height:1.5em;width:1.5em;border-radius:10em;margin-left:0.5em;background-size:cover;background-position:50%}nav ul.menu li+li{border-top:1px solid rgba(255,255,255,0.2)}nav ul.menu li .tiles{display:none}nav ul.menu li.focus .tiles{display:flex}nav .tiles{font-size:0.8em}nav .tiles a{display:block;position:relative;height:4.5em;background-color:#FFF;border:0.1em solid #007AFF;color:#1D2129}nav .tiles a::before{content:attr(data-type);position:absolute;top:50%;left:0;right:0;margin-top:-1em;text-align:center;font-size:1.4em;font-family:"Roboto Slab",serif;opacity:0.5}nav .tiles a::after{content:attr(title);position:absolute;bottom:0;right:0;left:0;padding:0.6em 0.6em 0.4em}header{padding-top:5em}aside{font-size:0.95em}main{font-size:0.95em}main article{padding-top:0;border-width:1px;border-radius:3px}body.start .tabs{font-size:1em}body.start .advantages .hero{margin:0;padding:4em 0 5em}body.app header .container{padding:1.5em 0 2.5em}body.app header h1{font-size:2em}body.app header h2{font-size:1.3em}body.app h3{font-size:1.2em}body.element header .container{padding:2em 0 2.5em;text-align:center}body.element header h1{font-size:2.5em}body.element header h2{padding-bottom:1.5em}body.element header ul.elements{font-size:0.9em;justify-content:center}body.help header .artwork img.lu{width:130px;margin-top:2.5em}body.help header .artwork img.lifebelt{width:50px}body.help header h1{font-size:1.6em}body.user header .target{padding:4em 0}body.user header .picture a{height:5em;width:5em;margin-right:1.4em}body.user header .text h1{font-size:2.3em}body.user header .text h2{font-size:1.3em}}@media screen and (max-width: 639px){nav{height:4em;padding-top:0.4em}nav.fixed{height:3.4em}nav.fixed ul.menu{margin-top:0.6em}header{padding-top:4em}header .headline{padding:2em 0}header .headline h1{font-size:1.4em}header .headline h2{font-size:1em}body.start header h1{font-size:2.4em;margin-bottom:0.8em}body.start header h2{font-size:1.1em}body.start .advantages .hero{padding:2.5em 0}body.start .testimonial{padding:1em 0 2em}body.start .testimonial .container{background:none}body.app header .container{text-align:center}body.app header h1{font-size:1.6em}body.app header h2{font-size:1.1em}body.app h3::before,body.app h3::after{display:none}body.element header .container{padding:1.3em 0 2em}body.element header h1{font-size:1.8em}body.element header h2{font-size:1.1em}body.element header ul.elements{font-size:0.7em}body.help header .artwork{order:2}body.help header h1{order:1;padding:1.5em 0 0.5em;font-size:1.4em}body.user header .target{padding:2em 0}body.user header .picture a{margin:0 auto 1em}body.user header .text{text-align:center}body.user header .text h1{font-size:2em}body.user header .text h2{font-size:1.1em}body.info main h5{font-size:1.2em}aside{font-size:0.9em}main{font-size:0.9em}main ol,main ul.list{margin:1em 1.5em}main .head{padding:1em 1.2em}main .text{padding:1em 1.2em}main .code{padding:1em 1.4em}main .foot{padding:1em 1.2em 0.6em}ul.notifications{width:100%;margin:0 0 0 -50%}}