:root{--bg-default:#f5f5f5;--bg-brown-primary:#a4a4a4;--bg-brown-dark:#a4a4a4;--bg-orange-light:#ffd95b;--bg-orange-pirmary:#ffa726;--bg-orange-dark:#c77800;--text-clean-black:#050505;--font-family:arial}html{background-color:var(--bg-default);color:var(--text-color-default);font-family:var(--font-family)}body>div{border:4px solid var(--bg-brown-primary);border-radius:.25em;box-shadow:1px 1px 8px black;transition:height .1}footer{background-color:var(--bg-brown-primary);border-top:1px solid var(--bg-brown-dark);clear:both;padding-top:.25em}.footline{display:flex;justify-content:center}.footline>span{padding:.2em;margin-left:.2em;border:1px dotted;border-radius:3px}header h1{margin-left:2em;font-size:2.2em;text-shadow:1px 2px var(--bg-brown-dark)}header{background-color:var(--bg-brown-primary);border-bottom:1px solid var(--bg-brown-dark)}header span{border:1px dotted var(--bg-brown-dark);padding:0 .2em;margin:0 .1em;border-radius:3px}header a,header span{box-shadow:1px 1px black}header a{background-image:url(/_next/static/media/MichelsBild_FINAL_PNG.3f89b43f.png);border-radius:2px;border-radius:50%;height:100px;width:100px;background-size:cover;border:.25em inset var(--bg-brown-dark);margin:.5em}header a:focus-within,header a:hover{transition:all .5s;transform:rotate(1turn)}.about span:nth-child(5),.index span:nth-child(6){margin-left:.5em}form input{padding:.5em 0;border:0;box-sizing:border-box}.required{position:relative}.require{position:absolute;right:5em;top:0;font-size:.8em}.required label:after{content:"*";color:red}.required :hover:focus:required~.require,.required p{display:none}.required :focus:required~.require,.required :hover:required~.require{display:block}h3{font-size:1.3em;margin-bottom:2em;border:2px dotted var(--bg-brown-dark);box-shadow:1px 1px black;margin-left:.2em;padding:.5em}p{font-size:1.1em}.content{line-height:1.5em;letter-spacing:1px}.content form>div{padding:1em}.content form div>input:focus{border:2px dotted var(--bg-brown-dark)}.content form label{font-size:1.1em;text-shadow:1px 1px var(--bg-default)}#select_theme{padding:.5em}.about_list ul li{list-style:inside}[type=submit]{margin-bottom:1em;margin-left:1em;padding:1em;border:2px dotted var(--bg-brown-primary)}[type=submit]:focus,[type=submit]:hover{background-color:var(--bg-orange-pirmary);color:var(--bg-default)}[class*=content] p.hard_text{font-weight:700;padding:0;margin:0}main{display:flex;justify-content:center;box-shadow:0 23px 35px black}meter{width:100%}h1 span.headline{display:inline-block;transform:rotateY(180deg)}.intro{display:flex;justify-content:center;height:100vh;flex-direction:column;text-align:center;overflow:hidden;perspective:100px;width:100%}.intro h2{margin-top:1em;font-size:2.5rem;transform:translateZ(-200px) rotateX(20deg);animation:perspectiveText 3s ease-out forwards;z-index:1000}@media speech{label p{display:none}}@media screen and (max-width:960px){.require{right:-10em}}@media screen and (max-width:480px){.require{right:-10em}.intro h2{font-size:1.25em}}:root{--column:2;--marg:1em;--marzo:0 1em;--pad:1em;--border:1.5em;--col-100:100%}.mar1em{margin:var(--marg)}.pad1em{padding:var(--pad)}.mar1em_l{margin-left:var(--marg)}.mar1em_r{margin-right:var(--marg)}.border{border:var(--border)}.col-25{--col:25%}.col-25,.col-75{width:var(--col)}.col-75{--col:75%}.col-40{--col:40%}.col-40,.col-50{width:var(--col)}.col-50{--col:50%}.col-33{--col:33.3%}.col-33,.col-66{width:var(--col)}.col-66{--col:66.6%}.col-83{--col:83.3%}.col-16,.col-83{width:var(--col)}.col-16{--col:16.6%}.col-100{--col:100%;width:var(--col)}[class*=col-]{width:calc(var(--col))}[class*=col-].mar1em_r{width:calc(var(--col) - var(--marg))}[class*=col-].mar1em_r.border{width:calc(var(--col) - var(--marg) - var(--border))}[class*=col-].mar1em,[class*=col-].mar1em_l{width:calc(var(--col) - var(--marg))}[class*=col-].border{width:calc(var(--col) - var(--border))}[class*=col-].border.pad1em{width:calc(var(--col) - var(--border) - var(--pad))}[class*=col-].mar1em_l.border{width:calc(var(--col) - var(--marg) - var(--border))}[class*=col-].mar1em_l.pad1em.border{width:calc(var(--col) - var(--marg) - var(--pad) - var(--border))}[class*=col-].pad1em{width:calc(var(--col) - var(--pad))}[class*=col-].mar1em.pad1em{width:calc(var(--col) - var(--marg) - var(--pad))}[class*=content]{float:left;margin-bottom:.5em}[class*=content] form,[class*=content] section{margin-top:1em}[class*=content] article,[class*=content] form,[class*=content] section{border:.25em double var(--bg-brown-dark);padding:0 .5em;background-color:var(--bg-brown-primary);box-shadow:1px 1px black;border-radius:1em}[class*=content] article>img{background-color:var(--bg-brown-dark)}[class*=content] h3,[class*=content] p{margin:var(--marg)}[class*=content] ul li{margin:var(--marzo);background-color:var(--bg-brown-dark);border-radius:1em;padding-right:1em;border:2px dotted var(--bg-brown-dark)}[class*=content] label{display:block}[class*=content] li label{padding:1em;background-color:var(--bg-brown-primary);border-radius:none;text-shadow:1px 1px var(--bg-default);width:10em;display:inline-block;border-bottom-left-radius:1em;border-top-left-radius:1em;border-right:2px solid var(--bg-brown-dark)}[class*=content] input{min-width:160px}[class*=content] textarea{min-height:10em}.myself h2{bottom:.5em;margin-left:1em;letter-spacing:.5em;font-size:2em;text-transform:uppercase;color:var(--bg-default);opacity:.8;transform:rotate(-2deg);border-bottom:2px solid;text-shadow:1px 1px black}.myself img{max-width:100%;height:auto;box-shadow:1px 1px black;border-radius:1em}.source_img_box{margin-left:1em;padding:.5em}.source_img_box a{background-color:var(--bg-default);border:2px dotted var(--bg-brown-dark);padding:.5em;text-decoration:none;border-radius:1px}.source_img_box a:focus,.source_img_box a:hover{background-color:var(--bg-orange-pirmary);color:var(--bg-default)}.source_img_box span{margin:0 1em}.skill-slider .skill-box{border:4px double black;border-radius:3px;overflow:visible;padding:1em;margin:1em auto;display:flex;align-items:center;gap:1em}#about_section .flex{display:flex}.skill-slider span{display:inline-block}.skill-slider .col-16 .tumpUp{font-size:2em}@media screen and (max-width:960px){[class*=col].col-75{width:100%!important;margin:0}[class*=col].col-40{width:100%}.skill-slider [class*=col].col-25{width:100%;margin:0 auto}.skill-slider [class*=col].col-16{width:16.6%;margin:0 auto}.skill-slider .col-16 span,.skill-slider .col-33 span{text-align:center;margin:0;display:block}.skill-slider .col-16 .tumpUp{font-size:2em;margin:.5em auto}.skill-slider input{width:100%}.skill-slider .skill-box{display:block}header h1{font-size:1.3em}header a{height:75px;width:75px}.content form,.content section{margin:1em}}@media screen and (max-width:480px){header h1{font-size:1.5em}header a{height:50px;width:50px}#about_section .flex{display:block}[class*=col].col-33{width:100%}.content form,.content section{margin:1em}header h1{font-size:1em}textarea{width:100%}}nav{height:auto;float:left;position:absolute;margin-top:.5em;z-index:1;overflow:hidden;left:0;opacity:.7}nav .fixed{position:fixed;box-shadow:1px 1px 2px var(--text-clean-black);height:auto;border-top-left-radius:.25em;border-top-right-radius:.25em}.nav-toggle{background-color:var(--bg-brown-primary);color:var(--text-clean-black);padding:.5em .75em;cursor:pointer;z-index:2;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:700}.nav-toggle:hover{background-color:var(--bg-orange-dark)}nav ul{margin:0 auto;display:inline-block}nav ul li{background-color:var(--bg-brown-primary);display:block;width:100%}nav a{color:inherit;text-decoration:none;padding:1em 1em 1em .25em;display:block}nav li:last-child:hover{border-bottom-right-radius:.5em}nav li:focus,nav li:hover{background-color:var(--bg-orange-dark);color:whitesmoke}.close,.open{display:none}nav .nav-toggle:active li:first-child{border-top-right-radius:0}.nav-toggle:active{border-bottom-right-radius:0}@media screen and (max-width:960px){nav{float:none;background-color:var(--bg-brown-primary);margin-top:0;top:0}nav,nav .fixed{position:relative}nav .fixed{border-radius:0}.nav-toggle h4{display:none}nav.col-25{min-width:100%}nav ul{display:block;width:100%;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:none}nav ul li{box-shadow:1px 1px 4px black}nav>ul{display:none}nav li:first-child{border-radius:0}nav li:last-child:hover{border-bottom-right-radius:0}.nav-toggle .open{background:url(/_next/static/media/menu-icon_sm.5ed55c52.png);background-repeat:no-repeat;background-size:contain;background-position:50%}.nav-toggle .close,.nav-toggle .open{padding:0;display:block;height:2em;width:2em}.nav-toggle .close{background:url(/_next/static/media/kreuz.ac1559f0.png);background-repeat:no-repeat;background-size:contain;background-position:50%}.nav-toggle .open:hover~ul{display:block;height:auto;width:auto}.nav-toggle .open~ul:hover{display:block;width:auto}}:root{--max-width:1200px}.fll{float:left}.flr{float:right}.clearfix:after{content:"";display:table;clear:both}.clear{clear:both}.wrapped{max-width:var(--max-width);margin:0 auto;overflow:hidden;position:relative}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.flex-center{justify-content:center}a{display:inline-block;color:inherit}ul{list-style:none;padding:0}img{width:100%;display:block;height:auto;min-width:160px}.posa{position:absolute}.posr{position:relative}.fail{color:red}.fail2{background-color:yellow}.fail3{outline:green}#backToTop{position:fixed;bottom:20px;right:20px;background:var(--bg-brown-primary);color:#fff;padding:10px 15px;border-radius:50%;cursor:pointer;font-size:20px;transition:opacity .3s ease;z-index:1000}#backToTop:hover{background:#555}.main{border:1px inset black;height:100vh}@keyframes fadeInLeft{0%{left:0}to{left:calc(100% - 7%)}}