@font-face{font-family:'Archivo';font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(../fonts/archivo.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-sans-400.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/ibm-plex-sans-500.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/ibm-plex-sans-600.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/ibm-plex-mono-500.woff2) format('woff2')}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#F3F1EC}
img{max-width:100%}
a{color:#B3261E}a:hover{color:#7E1A14}
button{font:inherit}
:focus-visible{outline:3px solid #B3261E;outline-offset:3px}
.ex-grid{grid-template-columns:repeat(8,minmax(0,1fr))}
.ex-img{aspect-ratio:2/3}
.ex-name{font-size:15px}
.ex-task{font-size:13px}
.ex-name,.ex-task{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
@media (max-width:1100px){.ex-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:601px){header{position:sticky;top:0;z-index:50;background:#F3F1EC}section[id]{scroll-margin-top:76px}}
.to-top{position:fixed;right:20px;bottom:20px;z-index:900;width:48px;height:48px;border-radius:12px;background:#15171A;color:#F3F1EC;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.18);transition:opacity .2s}
.to-top:hover{background:#B3261E;color:#FFFFFF}
@media (max-width:600px){.to-top{right:16px;bottom:16px;width:44px;height:44px}}
@media (max-width:600px){.s-0250e6,.s-a67437{padding:48px 16px !important}.s-05a77a{padding:40px 16px !important}#top{padding:36px 16px 48px !important;gap:32px !important}nav{padding:12px 16px !important}main{padding:40px 16px 56px !important}.s-e725d4{padding:20px !important}.s-308516{padding:24px 16px !important}h1{font-size:34px !important}#top h1{font-size:44px !important}h2{font-size:30px !important}.s-b309b2,.s-19dd7e,.s-28f837,.s-89fa13{margin-bottom:24px !important}h3.s-3ba4f4{font-size:20px !important}.s-e23c64{font-size:17px !important}.s-276eb2,.s-4fcab6{font-size:16px !important}.s-de22bb{font-size:30px !important}.s-f584f0{font-size:26px !important}.s-9e28e4{font-size:22px !important}.s-1b2638,.s-166775,.s-6bde8d,.s-02893c,.s-357fd1{gap:24px !important}.s-6aaab1{gap:28px !important}img[alt="Porträt Felix Sempf"]{max-width:220px !important}}
@media (min-width:601px){.s-0250e6,.s-a67437{padding-top:64px !important;padding-bottom:64px !important}h2.s-b3db9d{font-size:38px !important}.s-b309b2,.s-19dd7e,.s-28f837,.s-89fa13{margin-bottom:28px !important}.pub-poster{max-width:300px !important}#top{padding:32px 24px !important;gap:40px !important;align-items:center !important}#top h1{font-size:clamp(46px,4.2vw,60px) !important}header nav{padding-top:12px !important;padding-bottom:12px !important}#top p.s-e23c64{font-size:18px !important;margin-top:18px !important}#top .s-a9fe08{margin-top:24px !important}#top>.hero-card{flex:0 0 360px !important;max-width:100%;padding:18px 20px !important;border-radius:14px !important}#top .hero-num{font-size:38px !important}#top .hero-desc{font-size:13px !important;line-height:1.45 !important;margin-top:4px !important}#top .hero-card p{font-size:12px !important}#studie>div>div.s-7fd512{align-self:center !important}#top .s-791bff{margin-bottom:12px !important}#top .s-57b8ab{gap:14px 20px !important}#top .s-885560{margin-top:16px !important;padding-top:14px !important}#top .s-15e20e{margin-bottom:10px !important}#projekt>div{padding-top:40px !important;padding-bottom:48px !important}#projekt .s-89fa13{margin-bottom:22px !important}#projekt h2{flex-basis:400px !important}#projekt p.s-276eb2{font-size:15px !important}#projekt .s-e725d4{padding:20px 22px !important}#projekt h3{font-size:21px !important;margin:6px 0 4px !important}#projekt .s-e725d4 p{font-size:15px !important;line-height:1.55 !important}}
.pub-cb,.pub-toggle{display:none}
@media (max-width:600px){.pub{padding:18px !important;gap:8px !important}.pub-year{flex:0 0 100% !important;display:flex;align-items:center;gap:10px}.pub-year>div:first-child{font-size:20px !important}.pub-year>div:nth-child(2){margin-top:0 !important}.pub-body{flex-basis:100% !important}.pub-body h3{font-size:17px !important}.pub-desc,.pub-poster{display:none !important}.pub:has(.pub-cb:checked) .pub-desc{display:block !important;margin-bottom:10px !important}.pub:has(.pub-cb:checked) .pub-poster{display:block !important;max-width:100% !important}.pub-cb{position:absolute;opacity:0;width:1px;height:1px}.pub-toggle{display:inline-flex;align-items:center;min-height:44px;margin-top:4px;font-size:15px;font-weight:600;color:#B3261E;cursor:pointer}.pub-toggle::after{content:"Mehr anzeigen \25BE"}.pub:has(.pub-cb:checked) .pub-toggle::after{content:"Weniger anzeigen \25B4"}.pub-cb:focus-visible+.pub-toggle{outline:3px solid #B3261E;outline-offset:3px}}
@media (max-width:600px){.ex-grid{gap:10px !important;grid-template-columns:repeat(2,minmax(0,1fr))}.ex-card{padding:8px !important;gap:10px !important;border-radius:12px !important}.ex-text{padding:0 4px 4px !important}.ex-name{font-size:15px}.ex-task{font-size:13px}}