.app{min-height:100vh;display:flex;flex-direction:column}.header-bar{height:72px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 1.25rem;border-bottom:1px solid #dce3ea;background:#fff}.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none}.brand-text{display:flex;flex-direction:column;gap:.15rem}.brand-logo{width:48px;height:48px;display:block}.brand-name{font-size:1rem;font-weight:700;color:#1e2d3d}.brand-section-label{color:#64778a;font-size:.75rem;font-weight:600;line-height:1}.mobile-menu-toggle{background:none;border:0;cursor:pointer;display:flex;flex-direction:column;gap:.3rem;padding:.5rem}.mobile-menu-toggle span{background:#315175;border-radius:1px;display:block;height:2px;width:1.5rem}.nav-links{list-style:none;display:flex;align-items:stretch;flex-direction:column;gap:0;margin:0;padding:0;position:relative;width:100%}.main-nav{background:#fff;box-shadow:-6px 0 20px #1f36521f;height:100dvh;max-width:20rem;padding:1.25rem;position:fixed;right:0;top:0;transform:translate(100%);transition:transform .2s ease-in-out;width:min(85vw,20rem);z-index:30}.main-nav-open{transform:translate(0)}.mobile-menu-close{background:none;border:0;color:#315175;cursor:pointer;display:block;font:inherit;font-weight:600;margin:0 0 1.5rem auto;padding:.25rem}.mobile-menu-overlay{background:#1e2d3d59;border:0;display:block;inset:0;padding:0;position:fixed;width:100%;z-index:25}.nav-section-switcher{border-left:0;border-top:1px solid #dce3ea;margin:.5rem 0 0;padding:.5rem 0 0;position:static;text-align:left;width:auto}.nav-section-switcher-word{display:inline}.nav-section-switcher-word+.nav-section-switcher-word:before{content:" "}.nav-links a{color:#315175;text-decoration:none;font-weight:600}.nav-links a:hover{color:#1f3652}.retired-nav-item{color:#64778a;cursor:default;font-weight:600}.nav-dropdown{position:relative}.nav-dropdown-trigger{background:none;border:0;color:#315175;cursor:pointer;font:inherit;font-weight:600;list-style:none}.nav-dropdown-trigger::-webkit-details-marker{display:none}.nav-dropdown-trigger:hover{color:#1f3652}.nav-links a,.nav-dropdown-trigger,.retired-nav-item{display:block;padding:.85rem 0;text-align:left;width:100%}.nav-dropdown-menu .retired-nav-item{white-space:nowrap}.nav-dropdown-menu{background:#fff;border:0;box-shadow:none;display:block;list-style:none;margin:0;padding:0 0 0 1rem;position:static;width:100%}.nav-dropdown-menu a{display:block;white-space:normal}.content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:1.5rem 2rem 2rem;gap:.5rem}.content h1,.content h2{margin:.25rem 0}.content p{margin:.25rem 0 .5rem;max-width:72ch}.site-footer{border-top:1px solid #dce3ea;padding:1rem 1.25rem;text-align:center;background:#fff}.site-footer a{color:#315175;text-decoration:none;font-weight:500;font-size:.85rem}.site-footer a:hover{color:#1f3652}.back-to-changelog{display:none}.back-to-changelog.is-active{background:#eef3f8;border-bottom:1px solid #dce3ea;display:flex;justify-content:center;padding:.65rem 1.25rem}.back-to-changelog a{color:#315175;font-weight:600;text-decoration:none}.back-to-changelog a:hover{color:#1f3652}.retired-version-notice{align-items:center;background:#fff4d6;border-bottom:1px solid #e2c678;color:#5d4708;display:flex;gap:.75rem;justify-content:center;padding:.85rem 1.25rem;text-align:center}.retired-version-notice strong{font-size:1.05rem}.retired-version-notice a{color:inherit;font-weight:700}@media(max-width:960px){.header-bar{padding:0 1rem}.content{padding:1.5rem 1rem 2rem}.retired-version-notice{align-items:stretch;flex-direction:column;gap:.25rem}}.changelog-page{max-width:48rem;text-align:left;width:100%}.changelog-list{display:grid;gap:1.25rem;list-style:none;margin:1.5rem 0 0;padding:0}.changelog-date-group>time{color:#64778a;font-size:.875rem;font-weight:700}.changelog-date-items{display:grid;gap:.85rem;list-style:none;margin:.5rem 0 0;padding:0}.changelog-item{border-left:2px solid #dce3ea;padding-left:1rem}.changelog-item h2{color:#1e2d3d;font-size:1.1rem;margin:.25rem 0}.changelog-item a{color:#315175;font-weight:600}.about-me{max-width:72ch;text-align:left}.about-me h2{margin:1.25rem 0 .5rem}.about-me p{line-height:1.5;margin:.25rem 0 .75rem}.about-me-photo{border-radius:.5rem;display:block;height:auto;margin:.5rem auto 1.25rem;max-width:min(100%,280px)}.about-me-list{margin:0;padding-left:1.2rem}.about-me-list li{line-height:1.5;margin:.35rem 0}.career-exploration{max-width:72ch;text-align:left;width:100%}.career-exploration h1{margin:.25rem 0}.career-section{margin-top:1.2rem}.career-section h2{margin:0 0 .7rem}.career-summary-entry,.career-update-entry{border-bottom:1px solid #dce3ea;border-top:1px solid #dce3ea;padding:.85rem 0}.career-updates-list{display:grid;gap:1rem}.career-update-header{align-items:flex-start;display:flex;flex-direction:column;gap:.2rem;margin-bottom:.55rem}.career-update-header h3{color:#1e2d3d;line-height:1.3;margin:0}.career-update-header time{color:#5a6b7d;font-size:.9rem}.career-summary-entry :where(p,li),.career-update-entry :where(p,li){line-height:1.6}.career-summary-entry p,.career-update-entry p{margin:0 0 .85rem}.career-summary-entry p:last-child,.career-update-entry p:last-child{margin-bottom:0}.career-summary-entry ul,.career-update-entry ul{margin:0;padding-left:1.2rem}.career-summary-entry li,.career-update-entry li{margin:.3rem 0}.career-summary-entry a,.career-update-entry a{color:#315175}.career-summary-entry a:hover,.career-update-entry a:hover{color:#1f3652}.posts{max-width:72ch;text-align:left;width:100%}.posts p{line-height:1.5;margin:.25rem 0 1.25rem}.posts-list{list-style:none;margin:0;padding:0}.posts-item{align-items:baseline;border-top:1px solid #dce3ea;display:grid;gap:.35rem 1rem;grid-template-columns:7.5rem 1fr;padding:.65rem 0}.posts-item:last-child{border-bottom:1px solid #dce3ea}.posts-date{color:#5a6b7d;font-size:.875rem;font-variant-numeric:tabular-nums;white-space:nowrap}.posts-title{color:#315175;font-weight:600;line-height:1.4;text-decoration:none}.posts-title:hover{color:#1f3652;text-decoration:underline}@media(max-width:480px){.posts-item{grid-template-columns:1fr;gap:.15rem;padding:.75rem 0}}.technical-website{max-width:72ch;text-align:left;width:100%}.technical-website h1{margin:.25rem 0}.technical-website p{line-height:1.6}.technical-website-section{margin-top:1.2rem}.technical-website-section h2{margin:0 0 .7rem}.technical-website-topic-overview-list,.technical-website-topic-details-list{display:grid;gap:1rem;list-style:none;margin:0;padding:0}.technical-website-topic-overview-item,.technical-website-topic-detail-entry{border:1px solid #dce3ea;border-radius:.5rem;padding:.85rem;scroll-margin-top:1rem}.technical-website-topic-overview-item a,.technical-website-topic-detail-entry a{color:#315175;font-weight:600;text-decoration:none}.technical-website-topic-overview-item a:hover,.technical-website-topic-detail-entry a:hover{color:#1f3652;text-decoration:underline}.technical-website-topic-overview-item p,.technical-website-topic-detail-entry p{line-height:1.6;margin:0 0 .85rem}.technical-website-topic-overview-item p:last-child,.technical-website-topic-detail-entry p:last-child{margin-bottom:0}.technical-website-topic-back-link{margin:.4rem 0}.technical-website-topic-metadata{color:#5a6b7d;font-size:.95rem;margin:.3rem 0 1rem}.technical-website-topic-article{border-top:1px solid #dce3ea;padding-top:.8rem}.technical-website-topic-article :where(p,li){line-height:1.6}.technical-website-topic-article p{margin:0 0 .85rem}.technical-website-topic-article p:last-child{margin-bottom:0}.technical-website-topic-article ul{margin:0;padding-left:1.2rem}.technical-website-topic-article li{margin:.3rem 0}.technical-website-topic-article a{color:#315175}.technical-website-topic-article a:hover{color:#1f3652}.thoughts{max-width:72ch;text-align:left;width:100%}.thoughts h1{margin:.25rem 0}.thoughts-updated{color:#5a6b7d;font-size:.9rem;margin:0 0 .7rem}.snapshot-section{margin-top:1rem}.snapshot-section h2{margin:0 0 .7rem}.mood-meter{align-self:stretch;display:flex;flex-shrink:0}.mood-meter-scale{background:linear-gradient(to top,#cc4343,#e39b4a 35%,#99cb6f 72%,#2f7d43);border:1px solid #b9c7d6;border-radius:999px;height:100%;max-height:260px;min-height:110px;position:relative;width:18px}.mood-layout{align-items:stretch;border-top:1px solid #dce3ea;border-bottom:1px solid #dce3ea;display:flex;gap:1rem;padding:.85rem 0}.mood-description{flex:1;line-height:1.6;margin:0}.mood-description :where(p,li){line-height:1.6}.mood-description p{margin:0 0 .85rem}.mood-description p:last-child{margin-bottom:0}.mood-meter-indicator{background:#d7f0b6;border:1px solid #7ca35f;border-radius:999px;box-shadow:0 0 0 2px #fff;height:12px;left:50%;position:absolute;transform:translate(-50%,50%);width:12px}.mood-history{margin-top:1.35rem}.mood-chart{border-top:1px solid #dce3ea;border-bottom:1px solid #dce3ea;margin:0;padding:.85rem 0}.mood-chart-graphic{display:block;height:auto;max-width:100%;overflow:visible;width:100%}.mood-chart-gridline{stroke:#dce3ea;stroke-width:1}.mood-chart-axis-label,.mood-chart-x-label,.mood-chart-y-label{fill:#5a6b7d;font-size:12px}.mood-chart-axis-label{text-anchor:middle;transform:rotate(-90deg);transform-origin:14px 107px}.mood-chart-x-label{text-anchor:middle}.mood-chart-y-label{text-anchor:end}.mood-chart-line{fill:none;stroke-width:3}.mood-chart-point{pointer-events:none}.mood-chart-point circle{fill:#fff;stroke:#2f7d43;stroke-width:3}.mood-chart-point-button{background:transparent;border:0;border-radius:50%;cursor:pointer;height:24px;padding:0;width:24px}.mood-chart-point-button:focus-visible{outline:2px solid #1e2d3d;outline-offset:2px}.mood-chart-point .mood-chart-point-inner{fill:#99cb6f;stroke:none}.mood-entry-preview{background:#f4f8f1;border:1px solid #b9c7d6;border-radius:.4rem;margin-top:.75rem;padding:.75rem 1rem}.mood-entry-preview :where(p,li),.old-mood-entry :where(p,li){line-height:1.6}.mood-entry-preview p,.old-mood-entry p{margin:0 0 .85rem}.mood-entry-preview p:last-child,.old-mood-entry p:last-child{margin-bottom:0}.mood-entry-preview-meta{color:#5a6b7d;font-size:.9rem}.old-entries-toggle{background:#315175;border:0;border-radius:.3rem;color:#fff;cursor:pointer;font:inherit;margin-top:.85rem;padding:.5rem .8rem}.old-entries-toggle:hover,.old-entries-toggle:focus-visible{background:#1f3652}.old-mood-entries{display:grid;gap:.85rem;margin-top:.85rem;max-height:32rem;overflow-y:auto}.old-mood-entry{border:1px solid #dce3ea;border-radius:.4rem;padding:.75rem 1rem}.old-mood-entry h3{color:#1e2d3d;font-size:1rem;margin:0 0 .35rem}.old-mood-entry ul{margin:0;padding-left:1.2rem}.old-mood-entry li{margin:.3rem 0}@media(max-width:560px){.mood-layout{gap:.8rem}.mood-chart-x-label{font-size:10px}}.employer-page{max-width:72ch;text-align:left;width:100%}.employer-page h2{margin:1.5rem 0 .5rem}.employer-page p{line-height:1.5;margin:.25rem 0 .75rem}.employer-page a{color:#315175;font-weight:600}.employer-cv{background:#f4f7fa;border-radius:.5rem;margin-top:1.75rem;padding:1rem 1.25rem}.employer-cv h2{margin-top:0}.work-i-enjoyed-page{max-width:72ch;text-align:left;width:100%}.work-i-enjoyed-page>p{line-height:1.5;margin:.25rem 0 1.5rem}.work-i-enjoyed-list{display:grid;gap:1.5rem;list-style:none;margin:0;padding:0}.work-i-enjoyed-card{border-top:1px solid #dce3ea;color:inherit;display:block;padding-top:1.25rem;text-decoration:none}.work-i-enjoyed-card h2{color:#315175;margin:0}.work-i-enjoyed-card p{line-height:1.5;margin:.5rem 0}.work-i-enjoyed-card:hover h2{color:#1f3652;text-decoration:underline}.work-i-enjoyed-empty{border-top:1px solid #dce3ea;padding-top:1.25rem}.work-i-enjoyed-back-link{margin-bottom:1.25rem}.work-i-enjoyed-back-link a{color:#315175;font-weight:600}.work-i-enjoyed-overview{font-size:1.125rem}.work-i-enjoyed-details{border-bottom:1px solid #dce3ea;border-top:1px solid #dce3ea;display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));margin:1.5rem 0;padding:1rem 0}.work-i-enjoyed-details dt{color:#5a6b7d;font-size:.875rem;font-weight:600}.work-i-enjoyed-details dd{margin:.25rem 0 0}.work-i-enjoyed-description p{line-height:1.6}@media(max-width:480px){.work-i-enjoyed-details{grid-template-columns:1fr}}.impressum{max-width:72ch;text-align:left}.impressum h2{margin-top:1.25rem}.impressum address,.impressum p{font-style:normal;line-height:1.5;margin:.5rem 0 0}.not-found-page{display:flex;flex-direction:column;gap:.75rem;padding:3rem 1rem}.not-found-page-link{color:#315175;font-weight:600;text-decoration:none}.not-found-page-link:hover{color:#1f3652}.audience-selection{display:flex;min-height:100dvh;width:100%}.audience-option{align-items:center;color:#fff;display:flex;flex:1;font-size:clamp(1.65rem,3.2vw,3.25rem);font-weight:700;justify-content:center;line-height:1.15;padding:2rem;position:relative;text-align:center;text-decoration:none;transition:background-color .2s ease,box-shadow .2s ease,color .2s ease,filter .2s ease}.audience-option-employer{background-color:#132332}.audience-option-personal{background-color:#2e2219}.audience-option:before{background-position:center;background-size:cover;content:"";inset:0;opacity:1;position:absolute}.audience-option-employer:before{background-image:linear-gradient(#1323328a,#1323328a),url(/assets/employer-computer-background-Dr2MTo09.webp)}.audience-option-personal:before{background-image:linear-gradient(#2e221975,#2e221975),url(/assets/personal-journal-background-iiue9DTR.webp)}.audience-option:hover,.audience-option:focus-visible{box-shadow:inset 0 0 0 2px #315175;color:#fff;filter:brightness(1.12);outline:none}.audience-option span{max-width:13ch;position:relative}@media(max-width:700px){.audience-selection{flex-direction:column}.audience-option{min-height:50dvh}}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f8f9fa;color:#222}