/*! Copyright 2025 © Roland Milto */@font-feature-values InterVariable{@character-variant{cv01:1;cv02:2;cv03:3;cv04:4;cv05:5;cv06:6;cv07:7;cv08:8;cv09:9;cv10:10;cv11:11;cv12:12;cv13:13;alt-1:1;alt-3:9;open-4:2;open-6:3;open-9:4;lc-l-with-tail:5;simplified-u:6;alt-double-s:7;uc-i-with-serif:8;uc-g-with-spur:10;single-story-a:11;compact-lc-f:12;compact-lc-t:13}@styleset{ss01:1;ss02:2;ss03:3;ss04:4;ss05:5;ss06:6;ss07:7;ss08:8;open-digits:1;disambiguation:2;disambiguation-except-zero:4;round-quotes-and-commas:3;square-punctuation:7;square-quotes:8;circled-characters:5;squared-characters:6}}@font-face{font-family:InterVariable;font-display:swap;font-style:normal;font-weight:100 900;src:url("./fonts/InterVariable.woff2") format("woff2")}@font-face{font-family:InterVariable;font-display:swap;font-style:italic;font-weight:100 900;src:url("./fonts/InterVariable-Italic.woff2") format("woff2")}@font-face{font-family:"Source Code VF";font-display:swap;font-stretch:normal;font-style:normal;font-weight:200 900;src:url("./fonts/SourceCodeVF-Upright.otf.woff2") format("woff2-variations")}@font-face{font-family:"Source Code VF";font-display:swap;font-stretch:normal;font-style:italic;font-weight:200 900;src:url("./fonts/SourceCodeVF-Italic.otf.woff2") format("woff2-variations")}html{font-family:"InterVariable",Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-feature-settings:"liga" 1,"calt" 1;font-optical-sizing:auto;font-size:100%}address{font-style:normal}body,button{font-size:1.1rem;line-height:1.5}code,kbd,pre,samp{font-family:"Source Code VF","Source Code Pro","Consolas","Ubuntu Mono","Monaco",monospace;font-size:inherit;line-height:1.5}.icon:not(ol,ul)::before,.icon li::before{color:#006dff;flex-shrink:0;font-weight:bold;padding-right:.6rem}.icon:not(ol) li{display:flex}.icon.arrow-double-left::before{content:"«"}.icon.arrow-double-right::before,.icon.arrows-double-right li::before{content:"»"}.icon.bookmark::before{content:"🔖";vertical-align:baseline}.icon.camera::before{content:"🎥";font-size:80%;vertical-align:baseline}.icon.certificates::before{content:"📜"}.icon.circle::before,.icon.circles li::before{content:"●";font-size:50%;margin-top:.4rem;vertical-align:23%}.icon.document::before,.icon.documents li::before{content:"🗎" !important}.icon.email::before{content:"✉";vertical-align:baseline}.icon.folder::before{content:"📁";vertical-align:text-top}.icon.info::before{content:"🛈"}.icon.language::before{content:"🌐";vertical-align:text-top}.icon.link::before,.icon.links li::before{content:"🔗";font-size:80%}.icon.medal::before{content:"🏅"}.icon.phone::before{content:"☏"}.icon.phone2::before{content:"☎"}.icon.printer::before{content:"🖶"}.icon.square::before,.icon.squares li:not(ol li)::before{content:"☐"}.icon.square-checked::before,.icon.squares-checked li:not(ol li)::before{content:"☑"}.icon.square-filled::before,.icon.squares-filled li:not(ol li)::before{content:"◼"}.icon.triangle-down::before{content:"▶"}.icon.triangle-right::before,.icon.triangles-right li:not(ol li)::before{content:"▶";font-size:60%;margin-top:.4rem;vertical-align:bottom}.icon.trophy::before{content:"🏆"}*{margin:0;padding:0}*,*::before,*::after{box-sizing:border-box}a{color:#006dff;text-decoration:none}a:visited{color:#006dff}abbr{cursor:help;text-decoration:none}address{margin-left:.3rem;white-space:pre-line}article,aside,details,figcaption,figure,footer,header,label,main,nav,section{display:block}b,strong{font-weight:bold}blockquote p{background:#f8f8f8;padding:1rem 1.5rem}button{cursor:pointer;vertical-align:bottom}canvas,img,picture,svg,video{display:block;max-width:100%}form button,form input,form select,form textarea{font:inherit}form textarea{resize:vertical}kbd>span{background-color:#fff;border-radius:2px;border:1px solid #b4b4b4;box-shadow:0 1px 1px rgba(0,0,0,.2),0 2px 0 0 hsla(0,0%,100%,.7) inset;color:#222;display:inline-block;font-size:.85em;font-weight:700;line-height:1;padding:2px 6px;white-space:nowrap}em,i{font-style:italic}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}h1{font-size:1.75rem}h2,h3{border-bottom:1px solid #eee;padding-bottom:2px}h2{font-size:1.5rem;counter-reset:counterH3}@media screen{h2::before:not(table){content:counter(counterH2) ".";counter-increment:counterH2;padding-right:.5rem}}h3{font-size:1.3rem}@media screen{h3::before:not(table){content:counter(counterH2) "." counter(counterH3);counter-increment:counterH3;padding-right:.5rem}}h4{font-size:1.2rem}h5{font-size:1.125rem}h6{font-size:1rem}ol,ul{list-style:none}p{overflow-wrap:break-word;text-wrap:pretty}small{font-size:80%}sup,sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{top:.3rem}sup{top:-0.5rem}summary{display:list-item}table{border-spacing:0;border-collapse:collapse;width:100%;break-inside:auto}@media print{table{width:calc(100% - 2px)}}table+*{margin-top:1.4rem}table caption{font-size:1.5rem;font-weight:bold;margin-bottom:.5rem;text-align:left}table caption,table th{text-align:left}table th,table td{border:1px solid #ccc;padding:.2rem .5rem;text-align:left;break-inside:avoid}table tr{break-inside:avoid}ul{margin-left:.3rem}ul+ul{margin-top:.7rem}@media screen{.print-only{display:none}}@media print{.no-print{display:none}}@media screen and (min-width: 900px){body{background-color:#f8f8f8;padding:2.1rem}}body>div{display:flex;align-items:flex-start;flex-direction:column;width:100%;position:relative}@media screen and (min-width: 1024px){body>div{flex-direction:row}}@media screen{body>div{background-color:#fff;margin:0 auto;width:100%;max-width:1280px;position:relative}}@media screen and (min-width: 900px){body>div{border:2px solid #f3f3f3}}hr{background:#f3f3f3;border:none;height:2px;margin:1.4rem auto .7rem;width:75%}.my-mail,.my-phone{cursor:pointer}.my-mail::after{content:"@roland.milto.de"}.my-phone::after{content:" 151 657 206 36"}.new-tab{text-decoration:underline}.new-tab::after{content:" 🡕";display:inline-block;margin-left:6px;text-decoration:none}.signature{color:navy;font-family:"Brush Script MT","Lucida Handwriting",cursive;font-size:2rem;letter-spacing:2px;margin-top:0;transform:rotate(359deg)}form button{background:#006dff;color:#f5f5f5}form button,form button:focus,form input{border:1px solid #006dff;height:1.4rem;margin:8px 0;padding:4px 8px;vertical-align:bottom}dialog::backdrop{background:rgba(0,123,255,.2509803922);backdrop-filter:blur(1px)}dialog{padding:1.4rem 2.1rem;border:2px solid #000;border-radius:2px;box-shadow:0 4px 20px rgba(0,0,0,.25);margin:10vh auto;max-width:600px}dialog button{background:#fff;border:2px solid #f3f3f3;cursor:pointer;display:block;margin:1.4rem auto 0;padding:.7rem 2.1rem}dialog button:hover{background:#006dff;color:#fff}.attention{border-radius:2px;border-style:dashed;border-width:3px;display:flex;padding:1.4rem;text-align:justify-all}.attention::before{align-self:center}.attention.alert-message{background-color:#f8f8f8;border-color:#000}.attention.alert-message::before{font-size:2.2rem}.attention.info-message{background-color:rgba(0,123,255,.0235294118);border-color:#0056b3}.attention.info-message::before{color:#0056b3;font-size:2.2rem}.attention.mourn-message{background-color:#f8f8f8;border-color:#000;text-align:center}.attention.success-message{background-color:#f8f8f8;border-color:#000}.attention.success-message::before{font-size:2.2rem}.attention.warn-message{background-color:#f8f8f8;border-color:#000}.attention.warn-message::before{font-size:2.2rem}table+table{margin-top:2.8rem}table h3{display:flex;align-items:flex-end;justify-content:space-between;border:none}table h3 i{font-size:75%;font-weight:normal;margin-bottom:.15rem}table h3+*,table address+*,table ul+*:not(ul){margin-top:6px}table th{background:rgba(0,123,255,.2509803922)}table td{padding:.5rem .7rem;vertical-align:top}table td:first-child{padding-top:.65rem;white-space:nowrap;width:180px}@media screen and (max-width: 600px){th{display:none}tr{display:block}tr+tr{margin-top:1.4rem}tr td{border:none}tr td:first-child{color:#0056b3;display:block;font-weight:bold;padding:0 .7rem;width:auto !important}tr td:first-child::before{content:"Von "}tr td h3 i{display:none}}main>header{padding-bottom:1.4rem}main>header div{display:flex;align-items:end;justify-content:space-between;border-bottom:2px solid #f3f3f3}main>header div address{font-size:.9rem;margin:0}@media(max-width: 1280px){main>header div{justify-content:end}main>header div address{display:none}}main>header div nav a,main>header div nav button{background:#fff;display:inline-block;border:2px solid #f3f3f3;margin-bottom:4px;padding:4px 12px}main>header div nav a:not(.download)::before,main>header div nav button:not(.download)::before{font-size:.8rem;margin:0 -4px 0 -6px}main>header div nav a[href*=qualifikationen],main>header div nav button[href*=qualifikationen]{display:none}main>header div nav a.download,main>header div nav button.download{padding-left:12px;padding-right:2px}main>header div nav a.download span,main>header div nav button.download span{display:none}main>header div nav a.download::before,main>header div nav button.download::before{color:#000}main>header div nav button{font-weight:bold;vertical-align:bottom;padding:4px 15px}main>header div nav a:active,main>header div nav a:active::before,main>header div nav a:hover,main>header div nav a:hover::before,main>header div nav button:active,main>header div nav button:active::before,main>header div nav button:hover,main>header div nav button:hover::before{background:#006dff;color:#fff}@media(max-width: 500px){main>header div nav a span:last-child,main>header div nav a.icon-only span:last-child{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}}main>header div nav a.icon-only span:last-child{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}main>header h1{font-size:clamp(1.75rem,2.25cqw,2.25rem);margin:1.4rem 0 1rem;line-height:100%}main>header h1 span{display:block;color:#555;font-size:70%}caption,h2{letter-spacing:.2rem;text-transform:uppercase}h2,h3{border:none}body>div main{align-items:stretch;flex:1}@media screen{body>div main{padding:1.4rem}}@media print,(min-width: 1024px){body>div main{order:2}}body>div main article section{width:100%}body>div main article section p{margin-top:.5rem;padding-left:.3rem}@media screen{body>div main article section+*,body>div main article #application{margin-top:2.8rem}}body>div main p+p{margin-top:.7rem}#application h3{margin-bottom:1.4rem}#application time{display:block;margin:2.8rem 0;text-align:right}@media print{#application address{padding-top:2.8rem}}#project-samples article+article{margin-top:1.4rem}#project-samples p+h4{margin-top:1rem}#skills ol{column-count:2;column-gap:1rem;list-style-type:upper-alpha;list-style-position:inside}@media screen and (max-width: 450px){#skills ol{column-count:1}}@media print,(min-width: 1135px){#skills ol{column-count:3}}#skills ol>li{margin-bottom:1rem}#skills ol>li:nth-child(odd){background-color:rgba(0,123,255,.0235294118)}#skills ol ul{margin-left:.3rem}#skills ol ul li{cursor:pointer;display:flex}#skills ol ul li::before{content:"☐";color:initial;font-size:1.2rem;font-weight:normal;margin-top:-0.1rem}@media print{#skills ol ul li::before{content:"☑";color:green}}#skills ol li ul li:hover::before{content:"☑";color:green}@media screen{body>div footer{display:flex;align-items:flex-start;background-color:#006dff;color:#fff}body>div footer *::before{color:#fff !important}body>div footer ul li a,body>div footer ul li a:visited,body>div footer ul.icons li a,body>div footer ul.icons li a:visited{color:#fff}body>div footer h2{order:2;font-size:1.8rem}body>div footer h2,body>div footer h3{letter-spacing:.2rem;text-transform:uppercase}body>div footer h3{font-size:1.2rem}body>div footer ul li a:hover,body>div footer ul.icon li a:hover{text-decoration:underline}#hard-skills{order:3}#legal-information{order:8}#picture{order:1;display:flex;justify-content:center}#picture img{background:#fff;border:6px double #0056b3;border-radius:50%;margin:0 auto}#print-this-page{order:9}#social-media-icons{order:5;display:flex;flex-wrap:wrap;justify-content:center}#social-media-icons a{display:flex;align-items:center;justify-content:center;background-color:#f8f8f8;border-radius:5px;padding:.4rem;max-width:25%}#social-media-icons a:hover{background:#ccc}#soft-skills{order:4}}@media screen and (max-width: 579px){body>div footer{flex-direction:column;align-items:center;padding:.7rem 0}body>div footer>*{padding:.7rem 2.8rem;text-align:center}body>div footer a,body>div footer a:visited{text-decoration:underline}body>div footer a:active,body>div footer a:hover{text-decoration:none}#legal-information ul{flex-direction:column;gap:.35rem}#social-media-icons{flex:1 0 calc(20% - .7rem);gap:.7rem}}@media screen and (max-width: 800px){#hard-skills{display:none}}@media screen and (min-width: 580px)and (max-width: 1023px){body>div footer{flex:1 1 calc(33.3% - .7rem);flex-wrap:wrap;justify-content:center;gap:1.4rem 2.8rem;padding:1.4rem}#legal-information{display:flex;justify-content:center}#legal-information h3{display:none}#legal-information ul li+li::before{content:"  –  "}#social-media-icons{gap:1.4rem;margin-top:1.4rem}}@media screen and (min-width: 1024px){body>div footer{order:1;flex-direction:column;justify-content:space-between;max-width:300px;padding-bottom:1.4rem;position:sticky;top:0}body>div footer>*:not(#picture){padding:0 1.4rem;width:100%}body>div footer nav{margin:1.4rem 0}body>div footer section+section{margin-top:1.4rem}#contact{order:7;margin-top:100%}#hard-skills h3{display:none}#picture{background:#006dff linear-gradient(to bottom, #fff 0, #fff calc(1.4rem + 100px), transparent calc(1.4rem + 100px), transparent 100%);padding:1.4rem 0 .5rem;width:100%}#social-media-icons{flex-direction:row;gap:.7rem}#social-media-icons a{flex:1 1 calc(25% - .7rem)}}@media screen and (max-width: 1023px){body>div footer{border-top:2px solid #f3f3f3;width:100%}body>div footer h2{display:none}#contact{order:2}#legal-information ul{display:flex;align-items:center;justify-content:center}#legal-information ul li::before{content:none;margin:0;padding:0}#soft-skills{display:none}#print-this-page{display:none}}@media print{body>div footer{order:1;break-after:page;display:flex;flex-wrap:wrap;justify-content:center;gap:1.4rem}body>div footer h2{order:1;flex:1 0 100%;padding:2.8rem 0 1.4rem;color:#006dff;font-size:4rem;text-align:center;text-transform:initial}#contact{order:3}#contact,#hard-skills,#soft-skills{flex:1 1 calc(33.33% - 1.4rem);margin-top:15rem}#hard-skills{order:4}#legal-information{display:none}#picture{order:2;flex:0 0 100%;justify-content:center;text-align:center}#picture::after{content:attr(data-subtitle);display:block;color:#555;font-size:2.2rem}#picture img{height:300px;width:300px;background:#fff;border:6px double #0056b3;border-radius:50%;margin:0 auto}#picture a::after{content:attr(data-jobtitle);display:block;padding-top:2.1rem;color:#000;font-size:4rem}#social-media-icons{display:none}#soft-skills{order:5}}.print-page{cursor:pointer;text-decoration:underline}@media print{@page{size:A4;@bottom-center{content:"Seite " counter(page) " von " counter(pages) " – Bewerbung von Full-Stack-Webentwickler Roland Milto";color:#b4b4b4;font-size:.7rem;font-weight:bold}}.page{break-after:page;width:210mm;height:297mm;background-size:cover;background-repeat:no-repeat;background-position:center center;position:relative}h2{margin:0}main>header{display:none}#resume{margin-top:2.8rem}#legal-information,#print-this-page,#social-media-icons{display:none}}