@charset "UTF-8";@font-face{font-family:Roboto Flex;src:url("./media/RobotoFlex-Variable-JEAPAUJL.ttf") format("truetype-variations");font-weight:100 1000;font-style:normal;font-display:swap}:root{--primary-color: #54B7FF;--yellow-color: #E6BA25;--black-color: #232725;--background-color: #FFFFFF;--text-color: var(--black-color);--light-gray: #F8F9FA;--border-color: #DEE2E6;--contact-bg: var(--black-color);--contact-card-bg: #2B3035;--contact-border-color: #495057;--contact-text-color: #E9ECEF;--font-family: "Roboto Flex", "Helvetica Neue", Arial, sans-serif}body.dark-mode{--background-color: #121212;--text-color: #E9ECEF;--light-gray: #1C1C1C;--border-color: #495057;--contact-bg: #121212;--contact-card-bg: #1C1C1C}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{min-height:100%;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;scroll-snap-type:y proximity;scroll-padding-top:.1px}body{min-height:100vh;margin:0;padding:0;overflow:visible;font-family:var(--font-family);color:var(--text-color);background-color:var(--background-color);line-height:1.6;transition:background-color .3s,color .3s}app-root{display:flex;flex-direction:column;min-height:100vh;overflow:visible}main{flex:1;display:block;overflow:visible;padding-bottom:0}app-header,app-footer{flex-shrink:0;z-index:10;position:relative}app-footer{position:fixed;bottom:0;left:0;width:100%;z-index:20;background:var(--background-color);box-shadow:0 -2px 6px #0000001a}:host-context(router-outlet)>div{overflow:visible!important;height:auto!important}h1,h2{text-align:center}h1{font-size:2.5rem}h2{font-size:2rem}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}.scroll-page{scroll-snap-align:start;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;overflow:visible}#hero.scroll-page{justify-content:center;align-items:center;height:100vh;overflow:hidden}#hero,#path,#skills,#projects,#contact{min-height:100vh;width:100%;position:relative;z-index:1;scroll-snap-align:start}#path{overflow:visible}#projects{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}app-impressum,app-datenschutz{display:block!important;min-height:100vh;width:100%;overflow-y:auto!important;overflow-x:hidden!important}app-root:has(app-impressum) .accessibility-menu,app-root:has(app-impressum) .header-controls,app-root:has(app-impressum) img[src="assets/icon/barrierefreiheit.svg"],app-root:has(app-impressum) button:has(img[src="assets/icon/barrierefreiheit.svg"]),app-root:has(app-impressum) a:has(img[src="assets/icon/barrierefreiheit.svg"]),app-root:has(app-datenschutz) .accessibility-menu,app-root:has(app-datenschutz) .header-controls,app-root:has(app-datenschutz) img[src="assets/icon/barrierefreiheit.svg"],app-root:has(app-datenschutz) button:has(img[src="assets/icon/barrierefreiheit.svg"]),app-root:has(app-datenschutz) a:has(img[src="assets/icon/barrierefreiheit.svg"]){display:none!important}.speaking-highlight{background-color:#54b7ff4d;border-radius:3px;transition:background-color .3s ease-in-out;-webkit-box-decoration-break:clone;box-decoration-break:clone}html.text-large{font-size:115%}html.text-xl{font-size:130%}body.high-contrast{--background-color: var(--black-color);--text-color: var(--yellow-color);--primary-color: #00FFFF;--secondary-color: var(--yellow-color);--light-gray: #1a1a1a;--border-color: var(--yellow-color);--contact-bg: var(--black-color);--contact-card-bg: #1a1a1a;--contact-border-color: var(--yellow-color);--contact-text-color: var(--yellow-color)}body.high-contrast #hero{color:var(--yellow-color)}body.high-contrast .project-card{box-shadow:0 0 0 2px var(--primary-color)}body.high-contrast .btn{background-color:var(--primary-color);color:#000}body.high-contrast .speaking-highlight{background-color:#00ffff4d}.i18n{display:none!important;visibility:hidden}.i18n.active{display:flex!important;visibility:visible;flex-direction:column;align-items:center}.i18n-inline{display:none!important;visibility:hidden}.i18n-inline.active{display:inline!important;visibility:visible}@media (max-width: 900px){.lang-switcher{margin-left:auto!important}.theme-switcher{margin-left:10px!important}app-header nav,app-header .container{display:flex!important;align-items:center!important}app-root #hero{flex-direction:column!important;padding-top:100px!important;height:auto!important;min-height:100vh}.hero-content .profile-image-wrapper{position:static!important;margin:0 auto 30px!important;width:220px!important;transform:none!important}.contact-columns-container{flex-direction:column!important;padding:10px!important}.contact-info-col,.contact-form-col{flex-basis:auto!important;width:100%!important;max-width:100%!important;padding:0!important}.contact-card-wrapper{height:auto!important;min-height:500px!important;padding-bottom:100px!important}}@media (max-width: 600px){h1{font-size:1.8rem!important}h2{font-size:1.5rem!important}.path-grid{gap:15px!important}.path-item{flex:0 1 100%!important;width:100%!important;margin-top:40px!important}.skills-grid{gap:10px!important}.skill-item{width:45%!important;min-width:100px!important;padding:10px!important}}@media (max-width: 380px){.container{padding-left:10px!important;padding-right:10px!important}.project-card{width:100%!important;min-width:0!important;max-width:300px!important}.project-image-placeholder{height:160px!important}.project-links{flex-wrap:wrap!important;justify-content:center!important;gap:15px!important}.project-links .btn{margin-right:0!important;width:100%!important}.hero-content .profile-image-wrapper{width:160px!important}.contact-card-wrapper .btn{width:100%!important;bottom:20px!important}#contact input,#contact textarea{font-size:16px!important}}