html{--color-primary: #191d2b;--color-secondary: #AD62E3;--color-header-shape-1: #5B198A;--color-white: #fff;--color-black: #000;--color-black-transparent: rgba(0, 0, 0, 0.3);--color-grey-0: #f8f8f8;--color-grey-1: #dbe1e8;--color-grey-2: #b2becd;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #2a2e35;--color-grey-6: #12181b;--br-sm: 14px;--box-shadow: 0 3px 15px rgba(0, 0, 0, .3)}.light-modus{--color-primary: #ffffff;--color-secondary: #508245;--color-header-shape-1: #316825;--color-white: #000000;--color-black: #ffffff;--color-black-transparent: rgba(0, 0, 0, 0.3);--color-grey-6: #f8f8f8;--color-grey-5: #dbe1e8;--color-grey-4: #b2becd;--color-grey-3: #6c7983;--color-grey-2: #454e56;--color-grey-1: #2a2e35;--color-grey-0: #12181b}*{margin:0;padding:0;box-sizing:border-box;list-style:none}body{background-color:var(--color-primary);font-family:"Noto Sans",sans-serif;font-size:1.1rem;color:var(--color-white);transition:all .4s ease-in-out}a{display:inline;text-decoration:none;color:inherit;font-family:inherit}header{height:100vh;color:var(--color-white);overflow:hidden}section{min-height:100vh;width:100%;position:absolute;left:0;top:0;padding:3rem 18rem}.sektion{transform:translateY(-100%) scale(0);transition:all .4s ease-in-out;background-color:var(--color-primary)}.sek1{display:none;transform:translateY(0) scale(1)}.sek2{display:none;transform:translateY(0) scale(1)}.sek3{display:none;transform:translateY(0) scale(1)}.sek4{display:none;transform:translateY(0) scale(1)}.aktiv{display:block;animation:scaleAnim 1s ease-in-out}@keyframes scaleAnim{0%{transform:translateY(-100%) scaleY(0)}100%{transform:translateY(0) scaleY(1)}}.navigationsmenue{position:fixed;z-index:10;top:50%;right:3%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translateY(-50%)}.navigationsmenue .navigationspunkt{padding:1rem;cursor:pointer;background-color:var(--color-grey-4);width:55px;height:55px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:.7rem 0;box-shadow:var(--box-shadow)}.navigationsmenue .navigationspunkt i{font-size:1.2rem;color:var(--color-grey-2);pointer-events:none}.navigationsmenue .aktiv-button{background-color:var(--color-secondary);transition:all .4s ease-in-out}.navigationsmenue .aktiv-button i{color:let(--color-white)}.switch-button{top:5%;right:3%;width:70px;height:70px;border-radius:50%;background-color:var(--color-grey-4);cursor:pointer;position:fixed;display:flex;justify-content:center;align-items:center;box-shadow:0 3px 15px rgba(0,0,0,.3);transition:all .1s ease-in-out}.switch-button:active{transform:translateY(-3px)}.switch-button i{font-size:1.4rem;color:var(--color-grey-2);pointer-events:none}.headerinhalt{display:grid;grid-template-columns:repeat(2, 1fr);height:100vh}.headerinhalt .header-links{display:flex;align-items:center;position:relative}.headerinhalt .header-links .header-shape-1{transition:all .4s ease-in-out;width:100%;height:100%;background-color:var(--color-header-shape-1);position:absolute;left:0;top:0;z-index:-1;-webkit-clip-path:circle(36.6% at 37% 37%);clip-path:circle(36.6% at 37% 37%)}.headerinhalt .header-links .header-shape-2{transition:all .4s ease-in-out;width:100%;height:100%;background-color:var(--color-secondary);position:absolute;left:10;top:0;z-index:-1;-webkit-clip-path:circle(25% at 74% 10%);clip-path:circle(25% at 74% 10%)}.headerinhalt .header-links .image{border-radius:var(--br-sm);height:90%;width:68%;margin-left:4rem;background-color:var(--color-black-transparent);transition:all .4s ease-in-out}.headerinhalt .header-links .image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:all .4s ease-in-out}.headerinhalt .header-links .image img:hover{filter:grayscale(0)}.headerinhalt .header-rechts{display:flex;flex-direction:column;justify-content:center;padding-right:18rem}.headerinhalt .header-rechts .name{font-size:3rem}.headerinhalt .header-rechts .name span{color:var(--color-secondary)}.headerinhalt .header-rechts p{margin:1.5rem 0;line-height:2rem}.ueber-container{display:grid;grid-template-columns:repeat(2, 1fr);padding-top:3.5rem;padding-bottom:5rem}.ueber-container .ueber-links{padding-right:5rem}.ueber-container .ueber-links p{line-height:2rem;padding:1rem;color:var(--color-grey-1)}.ueber-container .ueber-links h4{font-size:2rem;text-transform:uppercase}.ueber-container .ueber-rechts{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}.ueber-container .ueber-rechts .ueber-item{border:1px solid var(--color-grey-5);border-radius:5px;transition:all .4s ease-in-out;box-shadow:1px 2px 15px rgba(0,0,0,.1)}.ueber-container .ueber-rechts .ueber-item:hover{cursor:default;transform:translateY(-5px);border:1px solid var(--color-secondary);box-shadow:1px 4px 15px rgba(0,0,0,.32)}.ueber-container .ueber-rechts .ueber-item .ueber-text{padding:1.5rem;display:flex;flex-direction:column}.ueber-container .ueber-rechts .ueber-item .ueber-text .grosser-text{font-size:3rem;font-weight:700;color:var(--color-secondary)}.ueber-container .ueber-rechts .ueber-item .ueber-text .kleiner-text{padding-left:3rem;position:relative;text-transform:uppercase;font-size:1.2rem;color:var(--color-grey-1);letter-spacing:2px}.ueber-container .ueber-rechts .ueber-item .ueber-text .kleiner-text::before{content:"";position:absolute;left:0;top:15px;width:2rem;height:2px;background-color:var(--color-grey-5)}.ueber-stats{padding-bottom:4rem}.ueber-stats .fortschritt-anzeigen{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}.ueber-stats .fortschritt-anzeigen .fortschritt-anzeige{display:flex;flex-direction:column}.ueber-stats .fortschritt-anzeigen .fortschritt-anzeige .fortschritt-titel{text-transform:uppercase;font-weight:500}.ueber-stats .fortschritt-anzeigen .fortschritt-anzeige .fortschritt-container{display:flex;align-items:center}.ueber-stats .fortschritt-anzeigen .fortschritt-anzeige .fortschritt-container .fortschritt-text{color:var(--color-grey-2)}.ueber-stats .fortschritt-anzeigen .fortschritt-anzeige .fortschritt-container .fortschritt{width:100%;height:.45rem;background-color:var(--color-grey-4);margin-left:1rem;position:relative}.ueber-stats .fortschritt-anzeigen .fortschritt-anzeige .fortschritt-container .fortschritt span{position:absolute;top:0;left:0;height:100%;background-color:var(--color-secondary);transition:all .4s ease-in-out;width:60%}.ueber-stats .fortschritt-anzeigen .fortschritt-anzeige .fortschritt-container .fortschritt .html{width:85%}.ueber-stats .fortschritt-anzeigen .fortschritt-anzeige .fortschritt-container .fortschritt .css{width:85%}.ueber-stats .fortschritt-anzeigen .fortschritt-anzeige .fortschritt-container .fortschritt .js{width:60%}.ueber-stats .fortschritt-anzeigen .fortschritt-anzeige .fortschritt-container .fortschritt .vuejs{width:40%}.ueber-stats .fortschritt-anzeigen .fortschritt-anzeige .fortschritt-container .fortschritt .aftereffects{width:60%}.ueber-stats .fortschritt-anzeigen .fortschritt-anzeige .fortschritt-container .fortschritt .adobexd{width:80%}.ueber-stats .fortschritt-anzeigen .fortschritt-anzeige .fortschritt-container .fortschritt .photoshop{width:65%}.ueber-stats .fortschritt-anzeigen .fortschritt-anzeige .fortschritt-container .fortschritt .illustrator{width:70%}.ueber-stats .fortschritt-anzeigen .fortschritt-anzeige .fortschritt-container .fortschritt .indesign{width:65%}.stat-titel{text-transform:uppercase;font-size:1.4rem;text-align:center;padding:3.5rem 0;position:relative}.stat-titel::before{content:"";position:absolute;left:50%;top:0;width:40%;height:1px;background-color:var(--color-grey-5);transform:translateX(-50%)}.portfolio-text{padding:2rem 0;text-align:center}.portfolios{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}.portfolios .portfolio-item{position:relative}.portfolios .portfolio-item img{width:100%;height:300px;-o-object-fit:cover;object-fit:cover;border-radius:15px}.portfolios .portfolio-item .hover-items{width:100%;height:100%;background-color:var(--color-secondary);position:absolute;left:0;top:0;border-radius:15px;display:flex;justify-content:center;align-items:center;flex-direction:column;opacity:0;transform:scale(0);transition:all .4s ease-in-out}.portfolios .portfolio-item .hover-items h3{font-size:1.5rem;color:var(--color-white);margin-bottom:1.5rem}.portfolios .portfolio-item .hover-items .icons{display:flex;justify-content:center;align-items:center}.portfolios .portfolio-item .hover-items .icons .icon{background-color:var(--color-primary);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;margin:0 1rem;cursor:pointer;transition:all .4s ease-in-out}.portfolios .portfolio-item .hover-items .icons .icon i{font-size:1.5rem;color:var(--color-white);margin:0 1rem}.portfolios .portfolio-item .hover-items .icons .icon:hover{background-color:var(--color-white)}.portfolios .portfolio-item .hover-items .icons .icon:hover i{color:var(--color-primary)}.portfolio-item:hover .hover-items{opacity:1;transform:scale(1)}.kontaktinhalt-container{display:flex;padding-top:3.5rem}.kontaktinhalt-container .kontakt-links{flex:2}.kontaktinhalt-container .kontakt-links h4{margin-top:1rem;font-size:2rem;text-transform:uppercase}.kontaktinhalt-container .kontakt-links p{margin:1rem 0;line-height:2rem}.kontaktinhalt-container .kontakt-links .kontaktinfo .kontakt-item{display:flex;align-items:center;justify-content:space-between}.kontaktinhalt-container .kontakt-links .kontaktinfo .kontakt-item p,.kontaktinhalt-container .kontakt-links .kontaktinfo .kontakt-item .kontakt-icons{margin:.3rem 0;padding:0}.kontaktinhalt-container .kontakt-links .kontaktinfo .kontakt-item .icon{display:grid;grid-template-columns:40px 1fr}.kontaktinhalt-container .kontakt-links .kontaktinfo .kontakt-item .icon i{display:flex;align-items:center;font-size:1.3rem}.kontaktinhalt-container .kontakt-links .kontaktinfo .kontakt-item .kontakt-icon .fa-brands{padding-right:10px}.kontaktinhalt-container .kontakt-rechts{flex:3;margin-left:3rem}.kontaktinhalt-container .kontakt-rechts .radio-container{overflow:hidden}.kontaktinhalt-container .kontakt-rechts .radio-container .radio-buttons{clear:none;display:flex;flex-direction:column;align-items:start;justify-content:center;margin:0}.kontaktinhalt-container .kontakt-rechts .radio-container .radio-buttons .radio-auswahl{display:flex;align-items:center;justify-content:center;padding:.2rem}.kontaktinhalt-container .kontakt-rechts .radio-container .radio-buttons .radio-auswahl label{padding-left:.5rem}.kontaktinhalt-container .kontakt-rechts .input{margin:1.5rem 0}.kontaktinhalt-container .kontakt-rechts .input input,.kontaktinhalt-container .kontakt-rechts .input textarea{border-radius:30px;font-weight:inherit;font-size:inherit;font-family:inherit;padding:.8rem 1.1rem;outline:none;border:none;background-color:var(--color-grey-5);width:100%;color:var(--color-white);resize:none}.kontaktinhalt-container .kontakt-rechts .zweispaltig{display:flex}.kontaktinhalt-container .kontakt-rechts .zweispaltig :last-child{margin-left:1.5rem}.kontaktinhalt-container .kontakt-rechts .absenden-button{display:flex;justify-content:flex-start}.button-container{display:flex;align-self:flex-start}.haupt-button{border-radius:30px;color:inherit;font-weight:600;position:relative;border:1px solid var(--color-secondary);display:flex;align-items:center;overflow:hidden}.haupt-button .button-text{padding:0 2rem}.haupt-button .button-icon{background-color:var(--color-secondary);display:flex;align-items:center;justify-content:center;border-radius:50%;padding:1rem}.haupt-button::before{content:"";position:absolute;top:0;right:0;transform:translateX(100%);transition:all .4s ease-in-out;z-index:-1}.haupt-button:hover::before{width:100%;height:100%;background-color:var(--color-secondary);transform:translateX(0)}.haupttitel{text-align:center}.haupttitel h2{position:relative;text-transform:uppercase;font-size:4rem;font-weight:700}.haupttitel h2 span{color:var(--color-secondary)}.haupttitel h2 .bg-text{position:absolute;top:50%;left:50%;color:var(--color-grey-5);transition:all .4s ease-in-out;z-index:-1;transform:translate(-50%, -50%);font-weight:800;font-size:6.3rem}@media screen and (max-width: 600px){headerinhalt{padding:0}headerinhalt .header-rechts{padding:0 !important}.navigationsmenue{top:auto;bottom:0;flex-direction:row;justify-content:center;left:50%;transform:translateX(-50%);width:100%;background-color:var(--color-grey-5)}.navigationsmenue .navigationspunkt{margin:1rem .3rem}}