html{min-height:100vh;min-width:100vw;display:flex;flex-direction:column}body{flex-grow:1;background:linear-gradient(45deg,#0099cc 0%,#000033 100%);text-align:center;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}#news{width:93px;height:36px;background:url(/gfx/news.png) no-repeat;margin:0 auto 5px}.news{max-width:500px;margin-left:auto;margin-right:auto;line-height:1.2}h1,h2,h3,h4{color:#336699}h3{font-size:2.1em;margin-bottom:20px}.sideH1{font-family:Verdana,Geneva,sans-serif;font-style:italic;color:#0CF;text-shadow:#000 2px 2px 2px;font-size:2.2em;font-weight:700;margin:15px 0 30px;transform:rotate(350deg)}#ri .sideH1{transform:rotate(10deg)}header{width:100%;line-height:20px;padding:10px 0;color:#FFF}header h1,header h2{color:#FFF}#le,#ri{float:left;width:28%}#le img,#ri img{max-width:240px;width:100%;height:auto;border-radius:50%}#le p,#ri p{font-size:1.3em;font-weight:700;color:#0CF;text-shadow:#000 1px 1px 1px;transform:rotate(350deg)}#ri p{transform:rotate(10deg)}main{float:left;width:44%;background-color:#FFF;border-radius:16px;color:#333;padding-bottom:20px;margin-bottom:50px;overflow:hidden}.pic,.pics{width:100px;height:auto;border-radius:50%;margin-bottom:-12px}.pic{width:180px}.message{background:#9CF;border-top-left-radius:5px;border-top-right-radius:15px;border-bottom-left-radius:15px;border-bottom-right-radius:15px;margin:0 20% 10px 10%;padding:10px 10px 20px;text-align:left;opacity:0}.message span{float:right;font-size:.6em;margin-top:5px;margin-left:100%}.button{width:100px;background:#184f87;text-align:center;color:#FFF;font-weight:700;letter-spacing:2px;border-radius:20px;padding:10px;margin-left:auto;margin-right:auto}.button:hover{background:#09F}.button a{color:#FFF;text-decoration:none}#support{margin-bottom:50px}#kontakte{float:left;width:80%;text-align:left;margin:0 20% 10px 10%}#kontakte .user{height:100px}#kontakte p{display:block;position:relative;top:-110px;left:115px;font-size:1.3em;max-width:79%}.user p:nth-child(2){color:#184f87;font-weight:bolder;padding-left:35px}.user p:nth-child(4){margin-top:-30px}.user p:nth-child(2)::before{width:29px;height:26px;content:'';background:url(/gfx/chat.png) no-repeat;position:absolute;top:0;left:0}#liste{display:inline-block;float:none}.match{display:inline-block;background:#09F;color:#FFF;font-size:.8em;font-weight:700;padding:2px 4px 1px;border-radius:5px;box-shadow:#666 1px 1px 1px;margin-bottom:8px}#info p{padding:0 20px;text-align:justify;color:#000}@keyframes fademessage{100%{opacity:1}}.message{animation:fademessage .5s forwards}#support p:nth-child(4){animation-delay:2s}#support p:nth-child(5){animation-delay:4s;margin-bottom:20px}#support p:nth-child(6){animation-delay:5s}.inprint a{color:#333;text-decoration:none}@media screen and (max-width: 6400px){.news,#info{display:grid;width:640px;position:fixed;top:0;left:-520px;width:480px;padding-top:10px}}@media screen and (max-width: 1023px){#le,#ri{display:none}h1{padding-top:20px}main{float:none;width:90%;margin-left:auto;margin-right:auto}#kontakte{float:none;width:80%;text-align:left;margin:0 20% 10px 10%}}@media screen and (max-width: 599px){.message{margin:0 10% 10px}#support .button{margin-left:auto;margin-right:auto}#kontakte p{top:-108px;left:108px;font-size:1em}.user p:nth-child(4){margin-top:-20px}}@media screen and (max-width: 475px){main{width:90%}#kontakte .user{height:85px}.pics{width:85px;margin-bottom:-12px}#kontakte p{top:-88px;left:90px;font-size:.85em}}