:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px;--color-highlight: #00916E;--color-analogous1: #00916e;--color-analogous2: #006b91;--color-complementary: #910023}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}h2{margin-bottom:.5rem}h1{color:var(--color-highlight)}button{margin:.5rem 0}a,.green{text-decoration:none;color:var(--color-highlight);transition:.4s}.button,button{cursor:pointer;font-size:.75rem;font-weight:700;text-transform:uppercase;display:inline-block;text-decoration:none;color:#000;background:var(--color-highlight);padding:.5em 1.25em;border-radius:.25rem}.button:hover,button:hover{background:var(--color-background-mute)}div[contenteditable=true],h2[contenteditable=true],p[contenteditable=true]{line-height:1.5;max-height:300px;overflow-y:auto;cursor:text}div[contenteditable=true]:empty:before,h2[contenteditable=true]:empty:before,p[contenteditable=true]:empty:before{content:"Hier Text eingeben";color:#ccc}@media (hover: hover){a:hover{background-color:#54545433}}.dark-mode-container{position:fixed;top:22px;right:0;z-index:2;display:inline-block;cursor:pointer}.dark-mode-toggle{background-color:var(--color-background);color:var(--color-heading);border:1px solid var(--color-border);padding:8px 16px;cursor:pointer;transition:background-color .3s,color .3s,border-color .3s}.iconButton:hover{background-color:var(--vt-c-white-mute);color:var(--vt-c-black-soft);border-color:var(--color-border-hover)}.iconButton{display:flex;align-items:center;justify-content:center;padding:4px;background-color:var(--color-background);color:var(--color-heading);border:1px solid var(--color-border);border-radius:50%;transition:background-color .3s,color .3s,border-color .3s}#colorPicker{width:32px;height:32px;margin:0;border:none;background:none}.iconBar{display:grid;grid-template-rows:auto;grid-row-gap:8px;width:fit-content;position:fixed;bottom:10%;right:5%;z-index:5}.overlay{height:100%;width:100%;position:fixed;z-index:1;left:0;top:0;background-color:#000;background-color:#000000e6;overflow:hidden;transition:.5s}.overlayContent{position:relative;top:20%;width:100%;text-align:center;margin-top:30px}.overlay a{padding:8px;text-decoration:none;font-size:36px;color:#818181;display:block;transition:.3s}.overlay a:hover,.overlay a:focus{color:#f1f1f1}@media screen and (max-height: 450px){.overlay a{font-size:20px}}.hamburger{z-index:2;display:inline-block;cursor:pointer}.bar1,.bar2,.bar3{width:35px;height:5px;background-color:var(--color-text);margin:6px 0;transition:.4s}.opened .bar1{transform:translateY(11px) rotate(-45deg)}.opened .bar2{opacity:0}.opened .bar3{transform:translateY(-11px) rotate(45deg)}.opened .bar1,.opened .bar3{background-color:#818181}a{scroll-behavior:smooth}.progressContainer{margin-top:8px;width:100%;height:8px;background:var(--color-background-mute);transition:background-color .3s}.progressBar{height:8px;background:var(--color-highlight);width:0%}.footer{margin-top:32px;padding:32px 0;display:flex;justify-content:center;gap:32px;a {font-size: large;}}header[data-v-62abcac5]{line-height:1.5;max-height:100vh;position:sticky;top:0;background:var(--color-background);padding:8px;transition:background-color .5s,color .3s;z-index:10;flex-wrap:wrap}.logo[data-v-62abcac5]{display:block;margin:0 auto 2rem}@media (min-width: 1024px){header[data-v-62abcac5]{display:flex;place-items:center}.logo[data-v-62abcac5]{margin:0}header .wrapper[data-v-62abcac5]{display:flex;place-items:flex-start;flex-wrap:wrap}}@media (max-width: 1024px){header[data-v-62abcac5]{display:flex;place-items:center}.logo[data-v-62abcac5]{margin:0}header .wrapper[data-v-62abcac5]{display:flex;place-items:flex-start;flex-wrap:wrap}}.navBar[data-v-62abcac5]{width:100%;display:flex;justify-content:space-between;align-items:center}.break[data-v-62abcac5]{flex-basis:100%;height:0}.column{display:flex;flex-wrap:wrap;padding:0 4px}.row{box-sizing:border-box;padding:0 4px;flex:25%;max-width:25%}.image-container{position:relative;margin-top:8px;width:100%;overflow:hidden}.image-container img{margin-top:8px;vertical-align:middle;width:100%}.imgOverlay{position:absolute;top:7px;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.image-container:hover .imgOverlay{opacity:1}.delete-icon{color:#fff;font-size:24px;cursor:pointer;position:absolute;top:5px;right:15px}.custom-file-upload{display:inline-block;padding:12px 20px;font-size:16px;color:#fff;background-color:var(--color-highlight);border-radius:5px;cursor:pointer;transition:background-color .3s ease;margin-top:16px}.custom-file-upload:hover{background-color:#0003}@media screen and (max-width: 800px){.row{flex:50%;max-width:50%}}@media screen and (max-width: 600px){.row{flex:100%;max-width:100%}}.contact-form{margin-top:40px}form{display:grid;grid-template-columns:50% 50%;grid-gap:8px;padding-right:8px;margin-bottom:20px}input.name,input.email,input{margin-bottom:16px}.nachricht,.datenschutz{grid-column:span 2}label{display:block;margin-bottom:5px}input[type=text],input[type=email],textarea{width:100%;padding:8px;font-size:16px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}@media (max-width: 600px){form{display:block}.datenschutz{font-size:12px}}button{padding:10px 20px;font-size:16px;border:none;border-radius:4px;background-color:var( --color-highlight);cursor:pointer}button:disabled{background-color:#ccc;cursor:not-allowed}.tiltingCard{--perspective: 500px;--rotateX: 0;--rotateY: 0;--angle: 15deg;height:50vh;width:100%;position:relative;display:grid;place-content:center;text-align:center;box-shadow:0 0 8px gray;padding:2rem;background-image:url(/assets/wandern-ebaec989.jpg);background-size:cover;background-position:bottom center;transform:perspective(var(--perspective)) rotateX(var(--rotateX)) rotateY(var(--rotateY));transition:transform .35s ease}.mousePositionTracker{position:absolute;top:0;right:0;bottom:0;left:0}.mousePositionTracker>div{position:absolute;width:calc(100% / 3);height:calc(100% / 3);z-index:2}.tiltingCard:has(.mousePositionTracker>div:nth-child(1):hover){--rotateX: var(--angle);--rotateY: calc(var(--angle) * -1)}.tiltingCard:has(.mousePositionTracker>div:nth-child(2):hover){--rotateX: var(--angle)}.tiltingCard:has(.mousePositionTracker>div:nth-child(3):hover){--rotateX: var(--angle);--rotateY: var(--angle)}.tiltingCard:has(.mousePositionTracker>div:nth-child(4):hover){--rotateY: calc(var(--angle) * -1)}.tiltingCard:has(.mousePositionTracker>div:nth-child(6):hover){--rotateY: var(--angle)}.tiltingCard:has(.mousePositionTracker>div:nth-child(7):hover){--rotateX: calc(var(--angle) * -1);--rotateY: calc(var(--angle) * -1)}.tiltingCard:has(.mousePositionTracker>div:nth-child(8):hover){--rotateX: calc(var(--angle) * -1)}.tiltingCard:has(.mousePositionTracker>div:nth-child(9):hover){--rotateX: calc(var(--angle) * -1);--rotateY: var(--angle)}.mousePositionTracker>div:nth-of-type(3n-2){left:0}.mousePositionTracker>div:nth-of-type(3n-1){left:calc(100% / 3)}.mousePositionTracker>div:nth-of-type(3n){right:0}.mousePositionTracker>div:nth-child(n+1):nth-child(-n+3){top:0}.mousePositionTracker>div:nth-child(n+4):nth-child(-n+6){top:calc(100% / 3)}.mousePositionTracker>div:nth-child(n+7):nth-child(-n+9){bottom:0}.hero{display:grid;grid-template-columns:50% 50%;grid-gap:8px;margin:64px 8px 0;padding:16px 8px 0}.heroImg{width:100%;height:50vh;object-fit:cover;object-position:bottom center}.heroText{display:flex;flex-direction:column;justify-content:center}.heroText button{color:#fff;background-color:var(--color-highlight);max-width:13rem;transition:background-color .3s ease}.heroText button:hover{background-color:#0003}@media (max-width: 1024px){.hero{display:flex;flex-direction:column-reverse;margin:0}.heroImg{height:50vh}}.cardContainer{position:relative;display:flex;flex-wrap:wrap;padding:0 4px}#card1{background-image:url(/assets/baum-2026ca64.jpg)}#card2{background-image:url(/assets/mischpult-4b61b6fb.jpg)}#card3{background-image:url(/assets/lightroom-d20c534d.jpg)}#card4{background-image:url(/assets/pinsel-bf8bd085.jpg)}.card{flex:24%;max-width:25%;margin:4px;padding:clamp(1.5rem,20vh,10rem) 0 0;color:#fff;transition:transform ease .25s;overflow:hidden}.card:hover{transform:scale(1.05)}.cardBody{padding:1.5rem;background:linear-gradient(rgb(0 0 0 / 0),rgb(0 0 0 / .25) 15%,rgb(0 0 0 / 1))}.cardBody p{color:#fffc;margin-bottom:1.25em}@media (hover: hover),(prefers-reduced-motion: no-preference){.cardBody{transform:translateY(60%);transition:transform .5s ease}.card:hover .cardBody{transform:translateY(0);transition-delay:.5s}.cardBody>*:not(.cardTitle){opacity:0;transition:opacity 1.2s linear .4s}.card:hover .cardBody>*:not(.cardTitle){opacity:1}.cardTitle:after{content:"";position:absolute;left:-1.5rem;top:100%;height:3px;width:calc(100% + 1.5rem);background:var(--color-highlight);transform:scaleX(0);transition:transform .2s ease;transform-origin:left}.card:hover .cardTitle:after{transition:transform .5s ease;transform:scaleX(1)}}.cardTitle{position:relative;width:max-content}@media screen and (max-width: 1000px){.card{flex:46%;max-width:50%}}@media screen and (max-width: 600px){.card{flex:100%;max-width:100%}.cardBody{transform:translateY(60%);transition:transform .5s ease}.card .cardBody{transform:translateY(0);transition-delay:.5s}.cardBody>*:not(.cardTitle){opacity:0;transition:opacity 1.2s linear .4s}.card .cardBody>*:not(.cardTitle){opacity:1}.cardTitle:after{content:"";position:absolute;left:-1.5rem;top:100%;height:3px;width:calc(100% + 1.5rem);background:var(--color-highlight);transform:scaleX(0);transition:transform .2s ease;transform-origin:left}.card .cardTitle:after{transition:transform .5s ease;transform:scaleX(1)}}.slider{-webkit-appearance:none;width:100%;height:16px;border-radius:5px;background:var(--color-background-mute);outline:none;opacity:.7;-webkit-transition:.2s;transition:opacity .2s}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;background:var(--color-highlight);cursor:pointer}.slider::-moz-range-thumb{width:25px;height:25px;border-radius:50%;background:var(--color-highlight);cursor:pointer}.skillContainer{width:100%;background-color:var(--color-background-mute)}.skill{display:flex;justify-content:space-between;text-align:right;padding:8px;margin-bottom:8px;color:var(--vt-c-white);background:linear-gradient(90deg,var(--color-analogous2) 0%,var(--color-highlight) 100%)}.skillAnlegen{display:none}.newSkill{display:block}.skillCreator{display:inline-block;cursor:pointer;margin-top:8px}.CreatorBar1,.CreatorBar2{width:35px;height:5px;background-color:var(--color-text);margin:6px 0;transition:.4s}.CreatorBar1{transform:translateY(11px) rotate(-90deg)}.create .CreatorBar1{transform:translateY(11px) rotate(0)}.object{height:280px}.arrow{position:absolute;top:50%;transform:translateY(-20%);font-size:60px;color:#000;cursor:pointer}.arrow:hover{font-size:80px;transform:translateY(-30%);color:#d3d3d3}.arrow-left{left:20px}.arrow-right{right:20px}.fileInput{padding:10px 15px;font-weight:700}.customFileInput{padding:10px 15px;font-size:16px;font-weight:700;color:#fff;background-color:var(--color-highlight);border:none;cursor:pointer;transition:background-color .3s ease}.customFileInput:hover{background-color:#0003}section{padding-top:80px;position:relative}.first-section{padding-top:0}.actions{display:block;position:absolute;top:64px;right:8px}.actions-inner{display:flex;gap:10px;padding:5px;border-radius:4px}.select-section{margin-right:-8px;margin-top:8px;font-size:12px;font-weight:700;border-radius:4px;border:none;cursor:pointer;color:#fff;background-color:var(--color-highlight);transition:background-color .3s ease;height:30px;display:inline-flex}.select-section:hover,.select-section:focus{background-color:#0003;outline:none}.add-section,.remove-button,.move-section-up,.move-section-down{color:#fff;border:none;border-radius:4px;cursor:pointer;width:30px;height:30px;background-color:var(--color-highlight);justify-content:center;align-items:center;transition:background-color .3s ease;display:inline-flex}.add-section{font-size:24px}.remove-button{font-size:18px}.move-section-up,.move-section-down{font-size:20px}.add-section:hover,.remove-button:hover,.move-section-up:hover,.move-section-down:hover{background-color:#0003}