@font-face{font-family:'Roboto Mono';font-style:italic;font-weight:100 700;src:url(../../fonts/roboto-mono/woff2/normal-100-700.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box}body{margin:0}main{display:block}h1,h2,h3{margin:0}ul{margin:0;padding:0}ul li{list-style-type:none}a{background-color:#fff0}img{border-style:none;line-height:0}html,body{font-family:"Roboto Mono",monospace;font-size:16px;font-weight:300;line-height:1.6;background:#000;color:#FFF}body{min-height:100vh;margin:0;display:grid;grid-template-rows:auto 1fr auto;touch-action:pan-x pan-y}p{margin:0 0 20px 0}a{color:#FFF;text-decoration:none}a:hover{text-decoration:none}h1{font-size:24px;font-weight:500;line-height:1.6}h2{font-size:22px;font-weight:500;line-height:1.6}h3{font-size:20px;font-weight:400;line-height:1.6}h4{font-size:16px;font-weight:400;line-height:1.6}strong{font-weight:700}address{font-style:normal}.centered{width:100%;max-width:1000px;margin:0 auto;padding:0 20px}section.content a{text-decoration:underline}.width-50{width:50%}.width-30{width:30%}.width-70{width:70%}.no-padding{padding:0!important}.no-margin{margin:0!important}.dot-row-headline{display:flex;justify-content:space-between;color:red;padding:0 40px;margin:20px 0;text-transform:uppercase;font-size:24px;font-weight:500}.dot-row-headline div{display:flex;align-items:center}.dot-row-headline>div:nth-child(1){padding-right:10px;width:60%}.dot-row-headline>div:nth-child(2){position:relative;width:40%}.dot-row-headline>div:nth-child(2)::after{content:"";position:absolute;width:calc(100% - 100px);height:20px;background:red;top:calc(50% - 10px);right:-40px}.dot-row{display:flex;justify-content:space-between;text-decoration:none}.dot-row.dot-row-white{background:#FFF;color:blue}.dot-row .dot-column span{padding-right:8px}.dot-row.dot-row-white .dot-column span{background:#FFF}.dot-row.dot-row-blue{background:blue}.dot-row.dot-row-blue .dot-column span{background:blue}.dot-row.dot-row-red{background:red}.dot-row.dot-row-red .dot-column span{background:red}.dot-row.dot-row-yellow{background:#FF0;color:red}.dot-row.dot-row-yellow .dot-column span{background:#FF0}.dot-row.dot-row-green{background:lime;color:#000}.dot-row.dot-row-green .dot-column span{background:lime}.dot-row.dot-row-cyan{background:cyan;color:#000}.dot-row.dot-row-cyan .dot-column span{background:cyan}.dot-row.dot-row-cyan{background:cyan;color:#000}header .dot-row.dot-row-blue,header .dot-row.dot-row-red,header .dot-row.dot-row-green{display:none}header .dot-row.dot-row-blue.active,header .dot-row.dot-row-red.active,header .dot-row.dot-row-green.active{display:flex}.dot-row .dot-column{margin-left:40px;margin-right:10px;text-align:left;width:100%;position:relative}.dot-row .dot-column.dot-column-white{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAFCAYAAACjKgd3AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAwSURBVHgBtcwxCgAwCATBSz4uefkmELAQ1MpprllOmgYYn1Xdak7w8Mm6rdoJO+cCg0kP+q/ANjsAAAAASUVORK5CYII=) repeat-x;background-position-y:calc(100% - 7px)}.dot-row .dot-column.dot-column-red{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAFCAYAAACjKgd3AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAvSURBVHgBtYwxCgAwCMTSfrz05de6iaBOBo4s4WAawfmTuepWcyIXpu2m5gbP8QB+oQgArRpW8gAAAABJRU5ErkJggg==) repeat-x;background-position-y:calc(100% - 7px)}.dot-row .dot-column.dot-column-blue{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAFCAYAAACjKgd3AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAsSURBVHgBtYyxCQAACMOqj4uXV8FFBN0MlCyhwD+0HMs7gvuELV1bxY0P/xF2pwgAMXR+1wAAAABJRU5ErkJggg==) repeat-x;background-position-y:calc(100% - 7px)}.dot-row .dot-column.dot-column-black{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAFCAYAAACjKgd3AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAzSURBVHgBtYpJCgAgDAOjPlz8mb7M9tBTocuhHQgJZIACVvBvzpX9LGnA52fcCZ+jug8C+EoECbd4AUUAAAAASUVORK5CYII=) repeat-x;background-position-y:calc(100% - 7px);color:#000}.dot-row .page-column{padding-right:40px;display:flex;justify-content:flex-end;align-items:flex-end}header{width:100%}header section:nth-child(1) ul{display:flex}header section:nth-child(1) ul li{font-size:22px}header section:nth-child(1) ul li:first-child{width:100px}header section:nth-child(1) ul li:last-child{margin-left:auto}header section:nth-child(1) ul li:nth-child(2) a:nth-child(2){display:none}header section:nth-child(2) ul:nth-child(1){display:flex;align-items:flex-start}header section:nth-child(2) ul:nth-child(1) li{margin-right:40px}header section:nth-child(2) ul:nth-child(1) li img{vertical-align:middle}header section:nth-child(2) ul:nth-child(1) li:last-child{margin-left:auto;margin-right:0;background:cyan;height:65px;width:350px;font-size:20px;display:flex;flex-direction:column;justify-content:center}header section:nth-child(2) ul:nth-child(1) li:last-child a{color:#000;font-weight:700}header section:nth-child(2) ul:nth-child(1) li:last-child span{background:cyan}header section:nth-child(2) ul:nth-child(1) li:last-child a>div:first-child{padding-left:40px}header section:nth-child(2) .dot-row{font-size:20px}header .web-app-info,header .website-info,header .about-me-info{padding:5px 0}main{width:100%;height:100%}main>.centered{height:100%;max-width:960px;width:100%;background:#FFF;padding:20px 0 40px 0}footer{height:150px;display:flex;align-items:flex-end}footer .dot-row{padding-top:20px;padding-bottom:20px;margin:5px 0;font-weight:700;font-size:20px}footer nav ul{display:flex;margin-top:5px}footer nav ul li{margin-right:8px;font-size:24px}footer nav ul li:nth-child(1){color:lime}footer nav ul li:nth-child(2){margin-left:auto}footer nav ul li:nth-child(2) a{color:#FF0}footer nav ul li:nth-child(3){margin-left:50px}footer nav ul li:nth-child(3) a{color:cyan}footer a{text-decoration:none}.input-errors{margin-bottom:20px;color:red;border-left:4px solid red;padding:15px}.input.has-error label{color:red}p.has-error{color:red}form label{color:cyan}form .radio-label{color:cyan}.input{margin-bottom:20px}.input input[type="text"]{border:1px solid #DDD;width:100%;max-width:400px;height:40px;padding:5px 10px;font-family:"Roboto Mono",monospace;font-size:16px;font-weight:300;line-height:1.6;color:#000}.input textarea{border:1px solid #DDD;width:100%;max-width:400px;min-height:40px;height:100px;padding:5px 10px;font-family:"Roboto Mono",monospace;font-size:16px;font-weight:300;line-height:1.6;color:#000}.button button{background:lime;font-family:"Roboto Mono",monospace;font-size:16px;font-weight:700;line-height:1.6;color:#000;padding:18px 38px;height:auto;border-radius:20px;text-decoration:none;transition:all 0.2s linear;display:inline-block;border:1px solid lime;cursor:pointer;text-transform:uppercase}.button button:hover{background:#000;color:lime}@media screen and (max-width:1000px){main>.centered{margin:0 20px;width:calc(100% - 40px)}}@media screen and (max-width:900px){h1{font-size:20px}h2{font-size:18px}h3{font-size:16px}header section:nth-child(1) ul li{font-size:16px}header section:nth-child(2) ul:nth-child(1) li img{height:60px}header section:nth-child(2) ul:nth-child(1) li{margin-right:3px}header section:nth-child(2) .dot-row,header section:nth-child(2) ul:nth-child(1) li:last-child>div:first-child{font-size:16px}header section:nth-child(2) ul:nth-child(1) li:last-child{height:50px}header section:nth-child(2) ul:nth-child(1) li:last-child{font-size:16px}footer nav ul li{font-size:16px}footer nav ul li:nth-child(3){margin-left:20px}main .dot-row{font-size:18px!important}.dot-row-headline>div:nth-child(2){font-size:20px}.dot-row .dot-column.dot-column-white{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAECAYAAAC6Jt6KAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAiSURBVHgBtcmxDQAACIRA4v47OgrG3tK/hAr4oPZ2vSJtALOhB7vMY9h2AAAAAElFTkSuQmCC) repeat-x;background-position-y:calc(100% - 5px)}.dot-row .dot-column.dot-column-red{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAECAYAAAC6Jt6KAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAhSURBVHgBtcmxCQAACMCw4P8/eori7qiBTuVCkdP2wrcGy20Dv+/g2TcAAAAASUVORK5CYII=) repeat-x;background-position-y:calc(100% - 5px)}.dot-row .dot-column.dot-column-blue{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAECAYAAAC6Jt6KAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgSURBVHgBtcOxDQAACALBj/vv6ChaUNLCJQcZt+qGtgfHcQO/mkGHNQAAAABJRU5ErkJggg==) repeat-x;background-position-y:calc(100% - 5px)}.dot-row .dot-column.dot-column-black{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAECAYAAAC6Jt6KAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAfSURBVHgBtcOxDQAADMKwqP//2FdY2FjBkqHkPRxrAtRWAcHPXttiAAAAAElFTkSuQmCC) repeat-x;background-position-y:calc(100% - 5px)}}@media screen and (max-width:610px){header section:nth-child(2) ul:nth-child(1) li img{height:50px}header section:nth-child(1) ul li{font-size:14px}header section:nth-child(1) ul li:first-child{width:55px}header section:nth-child(2) ul:nth-child(1) li:last-child{width:250px}header section:nth-child(2) ul:nth-child(1) li:last-child>div:first-child{padding-left:20px}header section:nth-child(2) .dot-row,header section:nth-child(2) ul:nth-child(1) li:last-child>div:first-child{font-size:13px}header section:nth-child(2) ul:nth-child(1) li:last-child{width:180px}header section:nth-child(2) ul:nth-child(1) li:last-child{font-size:12px}header section:nth-child(2) ul:nth-child(1) li:last-child a>div:first-child{padding-left:10px}}@media screen and (max-width:600px){h1{font-size:16px}h2{font-size:14px}p{font-size:14px}.button button{font-size:14px}footer{height:170px}main .dot-row,footer .dot-row{font-size:14px!important}footer nav ul li{font-size:14px}footer .dot-row{padding-top:15px;padding-bottom:15px}.dot-row-headline>div:nth-child(2)::after{right:-10px}.dot-row-headline{padding:0 10px;margin:10px 0}.dot-row .dot-column{margin-left:10px}.dot-row .page-column{padding-right:10px}.dot-row-headline>div:nth-child(2){font-size:14px}}@media screen and (max-width:530px){footer nav ul{flex-direction:column}footer nav ul li{width:100%;text-align:left;margin:5px 0}footer nav ul li:nth-child(3){margin-left:0}}@media screen and (max-width:460px){header section:nth-child(1) ul li:nth-child(2) a:nth-child(1){display:none}header section:nth-child(1) ul li:nth-child(2) a:nth-child(2){display:block}main>.centered{margin:0 10px;width:calc(100% - 20px)}.centered{padding:0 10px}}