:root{color-scheme:dark;--bg:#101827;--surface:#172136;--ink:#f5f6fb;--muted:#bac4d4;--mint:#5ce4cd;--blue:#5978ff;--orange:#ffac6e;--line:#344055}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:1rem;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--mint);outline-offset:7px}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;top:-100px;left:1rem;padding:1rem;background:var(--ink);color:var(--bg);z-index:9}.skip:focus{top:1rem}.header{min-height:126px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;font-size:.875rem;line-height:1.15;font-weight:800;letter-spacing:.08em}.monogram{display:flex;position:relative;align-items:center;justify-content:center;background:var(--mint);color:var(--bg);border-radius:13px;width:57px;height:57px;font-size:1.7rem;letter-spacing:-.14em;padding-right:5px}.monogram span{position:absolute;right:-3px;bottom:-3px;width:15px;height:15px;border:3px solid var(--bg);background:var(--orange);border-radius:50%}nav{display:flex;gap:36px;align-items:center;font-size:.9375rem}nav a:hover{color:var(--mint)}.nav-contact{border:1px solid #607088;padding:9px 18px;border-radius:30px}.nav-contact span{margin-left:20px}.hero{display:grid;grid-template-columns:1.45fr 1fr;gap:40px 64px;padding-top:76px}.eyebrow{font-size:.8125rem;letter-spacing:.14em;font-weight:700;margin:0 0 24px;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.7rem,4.5vw,4.4rem);letter-spacing:-.055em;line-height:1.08;margin-bottom:28px}h1 span{color:var(--mint)}.intro{font-size:1.0625rem;line-height:1.8;color:var(--muted);max-width:510px;margin-bottom:34px}.button{display:inline-flex;gap:28px;align-items:center;background:var(--mint);color:var(--bg);padding:15px 22px;border-radius:8px;font-weight:700}.button:hover{background:#9af0e0}.type-poster{background:var(--blue);border-radius:18px;min-height:378px;padding:26px 30px;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(3deg);color:#fff}.poster-top,.poster-bottom{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;font-weight:700;letter-spacing:.08em;line-height:1.5}.poster-word{font-size:clamp(2.8rem,5.1vw,5rem);line-height:.99;letter-spacing:-.065em;font-weight:800;padding:25px 0}.poster-word span{color:#caff67}.asterisk{font-size:4.8rem;line-height:1;color:#caff67}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;color:var(--muted);font-size:.75rem;letter-spacing:.09em;border-bottom:1px solid var(--line);padding:25px 0}.hero-bottom span:last-child{letter-spacing:0;font-size:.875rem}.interests{padding-top:75px}.section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:28px}.section-head .eyebrow{margin-bottom:14px}h2{font-size:clamp(2rem,3vw,2.8rem);letter-spacing:-.045em;line-height:1.15;margin-bottom:0}.draft-note{color:var(--muted);font-size:.875rem;margin-bottom:4px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.card{border-radius:14px;padding:28px;color:var(--bg);display:flex;flex-direction:column;min-height:350px}.mint{background:var(--mint)}.blue{background:#9fb2ff}.orange{background:var(--orange)}.card-top{display:flex;justify-content:space-between;gap:10px;font-size:.75rem;letter-spacing:.06em;font-weight:700;margin-bottom:36px}.card h3{font-size:2.65rem;letter-spacing:-.045em;line-height:1.05;margin-bottom:20px}.card p{line-height:1.65;margin-bottom:28px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.tags span{font-size:.8125rem;border:1px solid #17213660;border-radius:30px;padding:4px 10px}.about{padding-block:82px;display:grid;grid-template-columns:1fr 2fr;gap:32px}.about h2{margin-bottom:25px}.about h2 span{color:var(--muted)}.about p:not(.eyebrow){max-width:590px;font-size:1.125rem;color:var(--muted);margin-bottom:0}.contact{padding:40px 44px;background:var(--surface);border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:24px}.contact .eyebrow{margin-bottom:18px}.contact h2{font-size:2.4rem}.contact a{font-size:clamp(1rem,1.7vw,1.35rem);border-bottom:1px solid var(--mint);padding-bottom:10px;overflow-wrap:anywhere}.contact a:hover{color:var(--mint)}.contact a span{margin-left:16px;color:var(--mint)}footer{display:flex;gap:20px;justify-content:space-between;color:var(--muted);font-size:.8125rem;padding-block:36px}
@media(min-width:1500px){.hero{padding-top:90px}.type-poster{min-height:410px}}
@media(max-width:950px){.wrap{width:calc(100% - 48px)}.hero{gap:32px}.hero-copy{align-self:center}.section-head{align-items:start;flex-direction:column}.card{padding:22px}.card-top{flex-direction:column;gap:5px}.card h3{font-size:2.1rem}.contact{align-items:start;flex-direction:column}.poster-word{font-size:3.7rem}}
@media(max-width:650px){.wrap{width:calc(100% - 36px)}.header{min-height:96px}.brand{font-size:.75rem;gap:10px}.monogram{width:46px;height:46px;font-size:1.4rem}nav{gap:14px;font-size:.875rem}nav a:nth-child(2){display:none}.nav-contact{border:0;padding:8px 0}.nav-contact span{margin-left:4px}.hero{grid-template-columns:1fr;padding-top:46px;gap:34px}h1{font-size:clamp(2.3rem,9.5vw,3.8rem)}.eyebrow{font-size:.75rem}.intro{font-size:1rem}.type-poster{transform:none;min-height:315px;padding:24px}.poster-word{font-size:4rem}.hero-bottom{align-items:start;flex-direction:column;gap:8px;padding:5px 0 22px}.interests{padding-top:46px}.cards{grid-template-columns:1fr}.card{min-height:310px;padding:26px}.card-top{flex-direction:row;margin-bottom:27px}.card h3{font-size:2.6rem}.about{grid-template-columns:1fr;padding-block:52px;gap:0}.contact{padding:28px}.contact h2{font-size:2rem}footer{flex-wrap:wrap;gap:12px}footer span:last-child{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Persönliches Porträt im Bereich Über mich */
.about{align-items:center}.portrait{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:center 25%;border-radius:16px;border:1px solid var(--line)}.about-copy{padding-left:24px}@media(max-width:650px){.portrait-block{max-width:340px;width:100%;margin-bottom:28px}.about-copy{padding-left:0}}

/* Berufliche Erfahrung und persönliche Kompetenzen */
.about{align-items:start}.about-copy{padding-top:44px}.about .about-copy p{margin-bottom:20px}.about .about-copy p:last-of-type{margin-bottom:30px}.skills-heading{font-size:1rem;letter-spacing:.02em;margin:0 0 14px}.skills-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.skills-grid li{padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--mint);border-radius:8px;font-size:.9375rem;line-height:1.5}.skills-grid li:nth-child(2n){border-left-color:var(--orange)}@media(max-width:950px){.about{grid-template-columns:1fr 1.7fr;gap:24px}.about-copy{padding-left:0}.skills-grid{grid-template-columns:1fr}}@media(max-width:650px){.about{grid-template-columns:1fr}.about-copy{padding-top:0}}