@charset "UTF-8";*{margin:0;box-sizing:border-box}html{scroll-behavior:smooth}body{padding:0 150px;background:#000;min-height:100vh;max-width:1920px;margin:0 auto;overflow-x:hidden}body.no-body-padding{background:#000;padding:0 150px}.white-section{background-color:#f8f9fa}@font-face{font-family:Kalam;src:url("./media/Kalam-Regular-U2DFVZAB.ttf")}@font-face{font-family:Bricolage;src:url("./media/BricolageGrotesque-VariableFont_opsz,wdth,wght-CUZXOZM5.ttf")}a{text-decoration:none;color:#f8f9fa}input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px #222 inset!important;box-shadow:0 0 0 1000px transparent inset!important;-webkit-text-fill-color:#fff;transition:background-color 5000s ease-in-out 0s}@media (max-width: 1200px){body{padding:0 100px}}@media (max-width: 992px){body{padding:0 50px}}@media (max-width: 768px){body{padding:0 20px}}@media (max-width: 319px){body{padding:0 10px}}.container{max-width:1440px;margin:0 auto}@media (max-width: 1200px){.container{max-width:1200px}}@media (max-width: 992px){.container{max-width:992px}}@media (max-width: 768px){.container{max-width:100%}}@media (max-width: 1660px){body{padding:0!important}}@media only screen and (max-width: 768px) and (orientation: landscape){html,body{height:100%;overflow:hidden}app-root,.project-details-container,.details-content-wrapper{display:none!important}body:before{content:"Bitte drehen Sie Ihr Ger\e4t ins Hochformat \1f4f1";position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:1rem 1.5rem;background:#000c;color:#fff;font-size:1rem;text-align:center;border-radius:8px;z-index:9999}}@media (min-width: 2000px){body{max-width:none;width:100%;margin:0;padding:0}.container{max-width:1440px;margin:0 auto;padding:0 40px}.footer,.header,.about-section,.skills-section,.projects-section,.contact-section,[class*=-section]{width:100vw;max-width:none;position:relative;left:50%;margin-left:-50vw;margin-right:-50vw}.footer .container,.header .container,.about-section .container,.skills-section .container,.projects-section .container,.contact-section .container,[class*=-section] .container{max-width:1440px;position:relative;left:auto;margin:0 auto}}@media (min-width: 1920px){.container{max-width:1440px!important;margin:0 auto}}body.no-body-padding{padding:0}@media (min-width: 2000px){body{max-width:none;width:100vw;margin:0;padding:0 5vw}.container{max-width:none;width:100%;padding:0 2vw}.section-bg,[class*=full-width],.footer{width:100vw;max-width:none}}@media (min-width: 2560px){body{padding:0 8vw}.container{padding:0 3vw}}