body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";margin:0;padding:0;display:flex;min-height:100vh;flex-direction:column;background-color:#fff;color:#222}header{background-color:#fdc611;color:#000;text-align:center;padding:.25em 0;position:relative}header h1{margin:.25em 0}.header-buttons{position:absolute;top:10px;right:20px;display:flex;gap:10px}.dark-toggle-btn{background:#222;color:#fdc611;border:none;border-radius:4px;padding:.5em 1em;cursor:pointer;font-size:1em}.main-container{display:flex;flex:1 1 100dvb}main{flex:1;max-width:1400px;margin:0 auto;padding:20px 40px;padding-bottom:60px}main a,main a:visited{color:#06c;transition:color .3s}main a:hover{color:#049}footer{background-color:#333;color:#fff;text-align:center;padding:1em 0;position:fixed;width:100%;bottom:0}footer a,footer a:visited{color:#fdc611;text-decoration:underline}footer a:hover{color:#fff}table{width:100%;border-collapse:collapse}th{border-bottom:1px solid #ccc;text-align:left;padding:8px}td{padding:8px}button#scrollToTop{display:none;position:fixed;bottom:40px;right:40px;z-index:1000;background:#fdc611;color:#222;border:none;border-radius:50%;width:48px;height:48px;font-size:1.5em;box-shadow:0 2px 8px rgba(0,0,0,.15);cursor:pointer}section#contact p{padding-bottom:20px}.profile-pic{float:right;margin-left:20px;margin-bottom:10px;max-width:150px;border-radius:50%;border:3px solid #333;box-shadow:0 4px 8px rgba(0,0,0,.15);opacity:0;transition:opacity .5s ease-in-out}.profile-pic.loaded{opacity:1}body.darkmode{background-color:#181a1b;color:#e0e0e0}body.darkmode header{background-color:#222;color:#fdc611}body.darkmode .dark-toggle-btn{background:#8b6f15;color:#222}body.darkmode main{background-color:#181a1b;color:#e0e0e0}body.darkmode footer{background-color:#222;color:#fdc611}body.darkmode table{background-color:#23272a;color:#e0e0e0}body.darkmode th{border-bottom:1px solid #444;color:#fdc611}body.darkmode td{color:#e0e0e0}body.darkmode main a,body.darkmode main a:visited{color:#5da2ff}body.darkmode main a:hover{color:#8cc0ff}body.darkmode .profile-pic{border-color:#fdc611;box-shadow:0 4px 8px rgba(253,198,17,.4)}@media (max-width:800px){.main-container{flex-direction:column}aside{width:100%;min-height:auto;box-shadow:none;padding:10px 0}main{padding:20px}}@media (max-width:600px){.profile-pic{float:none;display:block;margin:0 auto 20px auto}table thead{display:none}table,tbody,td,tr{display:block;width:100%;box-sizing:border-box}table{background-color:transparent}body.darkmode table{background-color:transparent}table tr{margin-bottom:1.5rem;border:1px solid #ccc;border-radius:8px;background:#fff;padding:5px 0;box-shadow:0 2px 4px rgba(0,0,0,.1)}body.darkmode table tr{border-color:#444;background-color:#1e2124}table td{position:relative;padding:10px 10px 10px 45%;text-align:left;border-bottom:1px solid #eee}body.darkmode table td{border-bottom:1px solid #333}body.darkmode table td:last-child,table td:last-child{border-bottom:none}table td::before{position:absolute;left:10px;width:40%;padding-right:10px;white-space:pre-wrap;font-weight:700;text-align:left}html[lang=en] #work-experience td:first-child::before{content:"Period:"}html[lang=en] #work-experience td:nth-child(2)::before{content:"Position:"}html[lang=en] #work-experience td:nth-child(3)::before{content:"Company:"}html[lang=en] #work-experience td:nth-child(4)::before{content:"Location:"}html[lang=de] #work-experience td:first-child::before{content:"Zeitraum:"}html[lang=de] #work-experience td:nth-child(2)::before{content:"Position:"}html[lang=de] #work-experience td:nth-child(3)::before{content:"Firma:"}html[lang=de] #work-experience td:nth-child(4)::before{content:"Ort:"}html[lang=en] #education table td:first-child::before{content:"Period:"}html[lang=en] #education table td:nth-child(2)::before{content:"School:"}html[lang=en] #education table td:nth-child(3)::before{content:"Degree:"}html[lang=de] #education table td:first-child::before{content:"Zeitraum:"}html[lang=de] #education table td:nth-child(2)::before{content:"Schule:"}html[lang=de] #education table td:nth-child(3)::before{content:"Abschluss:"}}