:root{--color-background: #121212;--color-background-soft: #1e1e1e;--color-background-mute: #2a2a2a;--color-foreground: #e0e0e0;--color-heading: #ffffff;--color-text-muted: #a0a0a0;--color-primary: #6d73a9;--color-primary-hover: #848ac4;--color-border: #333333;--font-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-heading: "Syne", var(--font-family-sans);--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--container-width: 1300px;--spacing-unit: 8px;--transition-speed-fast: .2s;--transition-speed-normal: .4s;--transition-speed-slow: .6s;--border-radius-small: 4px;--border-radius-medium: 8px;--border-radius-large: 12px;--cursor-size: 10px;--cursor-size-active: 30px}@media (max-width: 768px){:root{--spacing-unit: 6px;--container-width: 100%}}@media (max-width: 480px){:root{--spacing-unit: 5px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;position:relative;font-weight:400}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{min-height:100vh;color:var(--color-foreground);background:var(--color-background);transition:color var(--transition-speed-normal),background-color var(--transition-speed-normal);line-height:1.7;font-family:var(--font-family-sans);font-size:17px;font-weight:var(--font-weight-regular);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;position:relative;z-index:0;cursor:none!important;scrollbar-gutter:stable}@media (max-width: 768px){body{font-size:16px;line-height:1.6;cursor:auto!important}}@media (max-width: 480px){body{font-size:15px}}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(109,115,169,.05) 0%,rgba(30,30,30,.1) 30%,var(--color-background) 70%);background-size:200% 200%;animation:subtleGradient 45s linear infinite alternate;z-index:-1;will-change:background-position}@keyframes subtleGradient{0%{background-position:0% 0%}to{background-position:100% 100%}}@keyframes slideFadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.scroll-reveal-element{opacity:0;transition:opacity var(--transition-speed-slow) ease-out,transform var(--transition-speed-slow) ease-out;transform:translateY(30px)}.scroll-reveal-element.is-visible{opacity:1;transform:translateY(0)}@keyframes revealTextUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.custom-cursor{position:fixed;left:0;top:0;width:var(--cursor-size);height:var(--cursor-size);background-color:var(--color-primary);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);transition:width var(--transition-speed-fast) ease,height var(--transition-speed-fast) ease,background-color var(--transition-speed-fast) ease;z-index:9999;mix-blend-mode:difference}@media (max-width: 768px),(hover: none){.custom-cursor{display:none!important}}.custom-cursor.active{width:var(--cursor-size-active);height:var(--cursor-size-active);background-color:#ffffff80}.page-fade-enter-active,.page-fade-leave-active{transition:opacity var(--transition-speed-normal) ease}.page-fade-enter-from,.page-fade-leave-to{opacity:0}#app{max-width:var(--container-width);margin:0 auto;padding:0 calc(var(--spacing-unit) * 10);font-weight:var(--font-weight-regular);box-sizing:border-box!important;width:100%}@media (max-width: 768px){#app{padding:0 calc(var(--spacing-unit) * 6)}}@media (max-width: 480px){#app{padding:0 calc(var(--spacing-unit) * 4)}}#app>section,#app>footer{padding-top:calc(var(--spacing-unit) * 12);padding-bottom:calc(var(--spacing-unit) * 12)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-speed-fast) ease;cursor:none}a:hover{color:var(--color-primary-hover)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);color:var(--color-heading);margin-bottom:calc(var(--spacing-unit) * 3);line-height:1.2;font-weight:var(--font-weight-bold)}h1{font-size:clamp(2.5rem,8vw,5.5rem);font-weight:var(--font-weight-extrabold);letter-spacing:-.03em}@media (max-width: 768px){h1{font-size:clamp(2rem,8vw,4rem);line-height:1.1}h2{font-size:clamp(1.5rem,6vw,2.5rem);margin-top:calc(var(--spacing-unit) * 8);margin-bottom:calc(var(--spacing-unit) * 4)}}h2{font-size:clamp(1.8rem,6vw,3rem);font-weight:var(--font-weight-bold);margin-top:calc(var(--spacing-unit) * 12);margin-bottom:calc(var(--spacing-unit) * 6)}h3{font-size:1.6rem;font-weight:var(--font-weight-semibold)}p{margin-bottom:calc(var(--spacing-unit) * 2);color:var(--color-foreground)}@media (max-width: 768px){p{font-size:1rem;line-height:1.6;margin-bottom:calc(var(--spacing-unit) * 1.5)}}.btn{display:inline-block;padding:calc(var(--spacing-unit) * 1.8) calc(var(--spacing-unit) * 4.5);border:1.5px solid var(--color-primary);color:var(--color-primary);background-color:transparent;border-radius:var(--border-radius-small);cursor:none;transition:all var(--transition-speed-normal) ease;font-weight:var(--font-weight-medium);font-family:var(--font-family-sans);font-size:.9rem;text-transform:none;letter-spacing:.02em;position:relative;overflow:hidden;z-index:1}@media (max-width: 768px){.btn{padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 3);font-size:.95rem;min-height:48px;display:inline-flex;align-items:center;justify-content:flex-start;cursor:pointer}}@media (max-width: 480px){.btn{padding:calc(var(--spacing-unit) * 2.5) calc(var(--spacing-unit) * 3.5);font-size:1rem;width:auto;max-width:none;margin:0}}.btn:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background-color:var(--color-primary);transition:width var(--transition-speed-normal) ease;z-index:-1}.btn:hover{color:var(--color-background);transform:translateY(-2px);box-shadow:0 6px 15px #6d73a933}.btn:hover:before{width:100%}.btn-primary{background-color:var(--color-primary);color:var(--color-background)}.btn-primary:before{background-color:var(--color-background-soft)}.btn-primary:hover{color:var(--color-foreground);border-color:var(--color-primary-hover);box-shadow:0 8px 20px #6d73a94d}.btn-primary:hover:before{width:100%}.text-muted{color:var(--color-text-muted);font-size:.9rem}.project-card{background-color:var(--color-background-soft);border-radius:var(--border-radius-medium);padding:calc(var(--spacing-unit) * 3);transition:transform var(--transition-speed-normal) ease,box-shadow var(--transition-speed-normal) ease;border:1px solid var(--color-border)}@media (max-width: 768px){.project-card{padding:calc(var(--spacing-unit) * 2.5);margin-bottom:calc(var(--spacing-unit) * 3)}.project-card:hover{transform:translateY(-4px) scale(1.01)}}@media (max-width: 480px){.project-card{padding:calc(var(--spacing-unit) * 2)}}.project-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 10px 25px #0003;border-color:var(--color-primary-hover)}.project-card img{width:100%;height:auto;border-radius:var(--border-radius-small);margin-bottom:calc(var(--spacing-unit) * 2);object-fit:cover}@media (max-width: 768px){.mobile-center{text-align:center}.mobile-full-width{width:100%}.mobile-stack{flex-direction:column}.mobile-gap-small{gap:calc(var(--spacing-unit) * 2)}}@media (max-width: 768px){#app>section,#app>footer{padding-top:calc(var(--spacing-unit) * 8);padding-bottom:calc(var(--spacing-unit) * 8)}}@media (max-width: 480px){#app>section,#app>footer{padding-top:calc(var(--spacing-unit) * 6);padding-bottom:calc(var(--spacing-unit) * 6)}}#app-container[data-v-14291981]{min-height:100vh;display:flex;flex-direction:column;width:100%;margin:0;padding:0;box-sizing:border-box}.hero[data-v-aba3c085]{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-top:0;padding-bottom:calc(var(--spacing-unit) * 5);position:relative;z-index:1;overflow:hidden}@media (max-width: 768px){.hero[data-v-aba3c085]{min-height:95vh;justify-content:center;padding-top:calc(var(--spacing-unit) * 10);padding-bottom:calc(var(--spacing-unit) * 6);text-align:left;align-items:flex-start}}@media (max-width: 480px){.hero[data-v-aba3c085]{min-height:90vh;padding-top:calc(var(--spacing-unit) * 8);padding-bottom:calc(var(--spacing-unit) * 5)}}@media (max-width: 768px){.hero-content[data-v-aba3c085]{width:100%;padding:0}}@media (max-width: 480px){.hero-content[data-v-aba3c085]{padding:0}}.intro-text[data-v-aba3c085]{color:var(--color-primary);font-family:var(--font-family-sans);font-size:1rem;margin-bottom:var(--spacing-unit)}@media (max-width: 768px){.intro-text[data-v-aba3c085]{font-size:.95rem;margin-bottom:calc(var(--spacing-unit) * 1.5)}}@media (max-width: 480px){.intro-text[data-v-aba3c085]{font-size:.9rem}}.headline-wrapper[data-v-aba3c085]{margin-bottom:var(--spacing-unit) * 1}.headline-wrapper[data-v-aba3c085]:nth-of-type(2){margin-bottom:calc(var(--spacing-unit) * 4)}.name-heading[data-v-aba3c085],.tagline-heading[data-v-aba3c085]{margin:0}.name-heading[data-v-aba3c085]{color:var(--color-heading);font-size:clamp(2.8rem,8vw,5.5rem);font-weight:var(--font-weight-extrabold)}.tagline-heading[data-v-aba3c085]{color:var(--color-text-muted);font-size:clamp(1.8rem,6vw,3rem);font-weight:var(--font-weight-bold)}@media (max-width: 768px){.name-heading[data-v-aba3c085]{font-size:clamp(2.2rem,8vw,4rem);line-height:1.1;margin-bottom:calc(var(--spacing-unit) * 1)}.tagline-heading[data-v-aba3c085]{font-size:clamp(1.4rem,6vw,2.5rem);line-height:1.2}}@media (max-width: 480px){.name-heading[data-v-aba3c085]{font-size:clamp(1.8rem,8vw,3.5rem)}.tagline-heading[data-v-aba3c085]{font-size:clamp(1.2rem,6vw,2rem)}}.description[data-v-aba3c085]{font-size:1.1rem;max-width:600px;margin-bottom:calc(var(--spacing-unit) * 5);color:var(--color-text-muted)}@media (max-width: 768px){.description[data-v-aba3c085]{font-size:1rem;max-width:100%;margin-bottom:calc(var(--spacing-unit) * 6);padding:0}}@media (max-width: 480px){.description[data-v-aba3c085]{font-size:.95rem;margin-bottom:calc(var(--spacing-unit) * 5);padding:0}}.hero-button-wrapper[data-v-aba3c085]{display:flex;justify-content:flex-start}@media (max-width: 768px){.hero-button-wrapper[data-v-aba3c085]{width:100%;display:flex;justify-content:flex-start;margin-top:calc(var(--spacing-unit) * 2)}}@media (max-width: 480px){.hero-button-wrapper[data-v-aba3c085]{margin-top:calc(var(--spacing-unit) * 1.5)}}.hero-button[data-v-aba3c085]{padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 5);font-size:1rem}@media (max-width: 768px){.hero-button[data-v-aba3c085]{padding:calc(var(--spacing-unit) * 3) calc(var(--spacing-unit) * 5);font-size:1.05rem;min-width:220px}}@media (max-width: 480px){.hero-button[data-v-aba3c085]{padding:calc(var(--spacing-unit) * 3) calc(var(--spacing-unit) * 4);font-size:1rem;width:auto;max-width:none;min-width:200px}}.scroll-down-indicator[data-v-aba3c085]{position:absolute;bottom:calc(var(--spacing-unit) * 3);left:50%;transform:translate(-50%);opacity:1;color:var(--color-text-muted);transition:color var(--transition-speed-fast)}@media (max-width: 768px){.scroll-down-indicator[data-v-aba3c085]{bottom:calc(var(--spacing-unit) * 2);width:24px;height:24px}.scroll-down-indicator svg[data-v-aba3c085]{width:100%;height:100%}}@media (max-width: 480px){.scroll-down-indicator[data-v-aba3c085]{bottom:calc(var(--spacing-unit) * 1.5);width:20px;height:20px}}@keyframes bounce-aba3c085{}.scroll-down-indicator[data-v-aba3c085]:hover{color:var(--color-primary)}.about-layout[data-v-ba36de53]{display:grid;grid-template-columns:2fr 1fr;gap:calc(var(--spacing-unit) * 6);align-items:center;margin-bottom:calc(var(--spacing-unit) * 10)}.about-text-content h3[data-v-ba36de53]{color:var(--color-primary);font-family:var(--font-family-sans);font-weight:var(--font-weight-medium);margin-bottom:calc(var(--spacing-unit) * 3)}.about-text-content p[data-v-ba36de53]{margin-bottom:calc(var(--spacing-unit) * 3)}.about-image-container[data-v-ba36de53]{position:relative;max-width:300px;justify-self:center}.profile-image[data-v-ba36de53]{display:block;width:100%;height:auto;border-radius:var(--border-radius-large);border:3px solid var(--color-primary-transparent);filter:grayscale(30%) contrast(1.1) brightness(1.05);transition:all var(--transition-speed-normal);box-shadow:0 8px 25px rgba(var(--color-shadow-rgb),.15)}.profile-image[data-v-ba36de53]:hover{filter:grayscale(0%) contrast(1.2) brightness(1.1);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 12px 35px rgba(var(--color-shadow-rgb),.2)}.skills-section[data-v-ba36de53]{margin-bottom:calc(var(--spacing-unit) * 10)}.skills-section h3[data-v-ba36de53],.timeline-section-horizontal>h3[data-v-ba36de53],.cv-additional-section h3[data-v-ba36de53]{text-align:center;margin-bottom:calc(var(--spacing-unit) * 6);font-size:1.8rem;font-weight:var(--font-weight-bold)}.skills-bubble-container[data-v-ba36de53]{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:calc(var(--spacing-unit) * 4);padding:calc(var(--spacing-unit) * 2);min-height:250px}.skill-bubble[data-v-ba36de53]{background-color:var(--color-background-soft);border-radius:50%;position:relative;cursor:default;transition:background-color .3s ease,transform .3s ease;animation:floatBubble-ba36de53 6s ease-in-out infinite alternate}.skill-bubble[data-v-ba36de53]:hover{background-color:var(--color-background-mute);animation-play-state:paused}.skill-progress-svg[data-v-ba36de53]{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.skill-progress-svg circle[data-v-ba36de53]{fill:none;stroke-width:5}.progress-background[data-v-ba36de53]{stroke:var(--color-background-mute)}.progress-bar[data-v-ba36de53]{stroke:var(--color-primary);stroke-linecap:round;stroke-dashoffset:var(--initial-dashoffset)}.skill-bubble.is-visible .progress-bar[data-v-ba36de53]{stroke-dashoffset:var(--final-dashoffset);transition:stroke-dashoffset .8s cubic-bezier(.645,.045,.355,1);transition-delay:.1s}.skill-bubble-content[data-v-ba36de53]{position:relative;z-index:1;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:4px}.skill-bubble-name[data-v-ba36de53]{font-size:.85rem;font-weight:var(--font-weight-medium);line-height:1.15;color:var(--color-foreground);max-width:90%}.skill-bubble-level-text[data-v-ba36de53]{font-size:.75rem;color:var(--color-primary);font-weight:var(--font-weight-semibold);margin-top:1px}@keyframes floatBubble-ba36de53{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.timeline-section-horizontal[data-v-ba36de53]{margin-top:calc(var(--spacing-unit) * 12);padding-bottom:calc(var(--spacing-unit) * 6);width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);padding-left:calc(var(--spacing-unit) * 10);padding-right:calc(var(--spacing-unit) * 10)}.horizontal-scroll-wrapper[data-v-ba36de53]{overflow:hidden;width:100%;height:auto}.horizontal-cards-track[data-v-ba36de53]{display:flex;width:max-content;padding:calc(var(--spacing-unit) * 2) calc(50vw - 242px) calc(var(--spacing-unit) * 2) calc(50vw - 242px)}.timeline-card[data-v-ba36de53]{background-color:var(--color-background-soft);border:1px solid var(--color-border);border-radius:var(--border-radius-large);padding:calc(var(--spacing-unit) * 3) calc(var(--spacing-unit) * 3.5);width:clamp(280px,26vw,360px);min-height:200px;display:flex;flex-direction:column;box-shadow:0 6px 20px rgba(var(--color-shadow-rgb),.08);flex-shrink:0;margin-right:calc(var(--spacing-unit) * 4);transition:box-shadow .3s ease,transform .3s ease}.timeline-card[data-v-ba36de53]:hover{box-shadow:0 8px 25px rgba(var(--color-shadow-rgb),.12);transform:translateY(-3px)}.timeline-card[data-v-ba36de53]:last-child{margin-right:0}.card-category-header[data-v-ba36de53]{font-size:.75rem;text-transform:uppercase;color:var(--color-primary);margin-bottom:calc(var(--spacing-unit) * 1.5);font-weight:var(--font-weight-bold);letter-spacing:.05em;display:inline-block;border-bottom:1px solid var(--color-primary-transparent);padding-bottom:calc(var(--spacing-unit) * .5)}.timeline-card strong[data-v-ba36de53]{font-size:1.05rem;font-weight:var(--font-weight-semibold);color:var(--color-foreground);margin-bottom:calc(var(--spacing-unit) * .5)}.timeline-card .card-subtitle[data-v-ba36de53]{font-size:.9rem;color:var(--color-text-muted);margin-bottom:calc(var(--spacing-unit) * .5)}.timeline-date[data-v-ba36de53]{font-size:.8rem;color:var(--color-accent);font-family:var(--font-family-monospace);margin-bottom:calc(var(--spacing-unit) * 1.5)}.timeline-description[data-v-ba36de53]{font-size:.85rem;color:var(--color-text);margin-bottom:var(--spacing-unit);line-height:1.55}.timeline-tasks[data-v-ba36de53]{list-style:none;padding-left:0;margin-top:var(--spacing-unit);font-size:.85rem;color:var(--color-text-muted)}.timeline-tasks li[data-v-ba36de53]{margin-bottom:calc(var(--spacing-unit) * .5);padding-left:calc(var(--spacing-unit) * 2);position:relative}.timeline-tasks li[data-v-ba36de53]:before{content:"▹";position:absolute;left:0;color:var(--color-primary);font-weight:700}.timeline-section-divider[data-v-ba36de53]{margin-bottom:calc(var(--spacing-unit) * 6);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;position:relative;flex-shrink:0;margin-right:calc(var(--spacing-unit) * 4)}.timeline-section-divider[data-v-ba36de53]:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,transparent,var(--color-primary),transparent);transform:translate(-50%)}.section-title[data-v-ba36de53]{font-size:1.2rem;font-weight:var(--font-weight-bold);color:var(--color-primary);letter-spacing:.05em;display:inline-block;background-color:var(--color-background);padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 2);border:2px solid var(--color-primary);border-radius:var(--border-radius-medium);text-align:center;white-space:nowrap;z-index:2;position:relative;box-shadow:0 4px 12px rgba(var(--color-shadow-rgb),.1)}.cv-additional-section[data-v-ba36de53]{margin-top:calc(var(--spacing-unit) * 10);margin-bottom:calc(var(--spacing-unit) * 8)}.zertifikate-liste[data-v-ba36de53]{list-style:none;padding-left:0;margin-left:auto;margin-right:auto}.zertifikat-item[data-v-ba36de53]{background-color:var(--color-background-soft);padding:calc(var(--spacing-unit) * 2.5) calc(var(--spacing-unit) * 3);border-radius:var(--border-radius-medium);margin-bottom:calc(var(--spacing-unit) * 2.5);border:1px solid var(--color-border)}.zertifikat-item strong[data-v-ba36de53]{display:block;font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-bottom:calc(var(--spacing-unit) * .5);font-size:1.05rem}.zertifikat-item p[data-v-ba36de53]{font-size:.9rem;color:var(--color-text-muted);margin-bottom:0}.sprachen-container[data-v-ba36de53]{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:calc(var(--spacing-unit) * 3.5);margin:0 auto}.sprache-item[data-v-ba36de53]{background-color:var(--color-background-soft);padding:calc(var(--spacing-unit) * 2.5);border-radius:var(--border-radius-medium);border:1px solid var(--color-border)}.sprache-item-header[data-v-ba36de53]{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--spacing-unit)}.sprache-name[data-v-ba36de53]{font-weight:var(--font-weight-semibold);color:var(--color-foreground);font-size:1rem}.sprache-level-text[data-v-ba36de53]{font-size:.85rem;color:var(--color-primary);font-weight:var(--font-weight-medium)}.sprache-progress-bar-container[data-v-ba36de53]{width:100%;height:8px;background-color:var(--color-background-mute);border-radius:var(--border-radius-small);overflow:hidden}.sprache-progress-bar[data-v-ba36de53]{height:100%;background-color:var(--color-primary);border-radius:var(--border-radius-small);width:0%}.interessen-container[data-v-ba36de53]{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(var(--spacing-unit) * 1.5);margin:0 auto}.interesse-item[data-v-ba36de53]{background-color:var(--color-background-soft);color:var(--color-text-muted);padding:calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 2);border-radius:var(--border-radius-large);font-size:.85rem;border:1px solid var(--color-border);transition:color .3s ease,border-color .3s ease,transform .3s ease}.interesse-item[data-v-ba36de53]:hover{color:var(--color-primary);border-color:var(--color-primary);transform:translateY(-2px)}@media (max-width: 1024px){.about-layout[data-v-ba36de53]{grid-template-columns:2fr 1fr;gap:calc(var(--spacing-unit) * 4)}.timeline-section-horizontal[data-v-ba36de53]{margin-top:calc(var(--spacing-unit) * 8);padding:0 calc(var(--spacing-unit) * 2)}.horizontal-scroll-wrapper[data-v-ba36de53]{display:none}.timeline-section-horizontal[data-v-ba36de53]:after{content:"";display:block}}@media (max-width: 768px){.about-layout[data-v-ba36de53]{grid-template-columns:2fr 1fr;gap:calc(var(--spacing-unit) * 3);align-items:center}.about-text-content[data-v-ba36de53]{text-align:left}.about-image-container[data-v-ba36de53]{justify-self:center;max-width:180px}.profile-image[data-v-ba36de53]{border-radius:var(--border-radius-large);border:3px solid var(--color-primary-transparent);filter:grayscale(30%) contrast(1.1) brightness(1.05);transition:all var(--transition-speed-normal);box-shadow:0 8px 25px rgba(var(--color-shadow-rgb),.15);max-width:100%;height:auto}.profile-image[data-v-ba36de53]:hover{filter:grayscale(0%) contrast(1.2) brightness(1.1);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 12px 35px rgba(var(--color-shadow-rgb),.2)}.skills-section h3[data-v-ba36de53],.timeline-section-horizontal>h3[data-v-ba36de53],.cv-additional-section h3[data-v-ba36de53]{font-size:1.6rem;margin-bottom:calc(var(--spacing-unit) * 4)}.skills-bubble-container[data-v-ba36de53]{gap:calc(var(--spacing-unit) * 2);min-height:180px}.timeline-section-horizontal[data-v-ba36de53]{position:relative;margin-top:calc(var(--spacing-unit) * 6);width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);padding-left:calc(var(--spacing-unit) * 6);padding-right:calc(var(--spacing-unit) * 6)}.timeline-section-horizontal>h3[data-v-ba36de53]{margin-bottom:calc(var(--spacing-unit) * 6)}.horizontal-scroll-wrapper[data-v-ba36de53]{display:block;overflow:visible;position:relative;z-index:2}.horizontal-cards-track[data-v-ba36de53]{display:flex;flex-direction:column;align-items:center;width:100%;padding:0;gap:0}.timeline-card[data-v-ba36de53]{width:100%;max-width:400px;background-color:var(--color-background-soft);border:1px solid var(--color-border);border-radius:var(--border-radius-large);padding:calc(var(--spacing-unit) * 3) calc(var(--spacing-unit) * 3.5);min-height:180px;display:flex;flex-direction:column;box-shadow:0 6px 20px rgba(var(--color-shadow-rgb),.08);margin:0 0 calc(var(--spacing-unit) * 2) 0;transition:box-shadow .3s ease,transform .3s ease}.timeline-card[data-v-ba36de53]:last-child{margin-bottom:0}.timeline-card[data-v-ba36de53]:hover{box-shadow:0 8px 25px rgba(var(--color-shadow-rgb),.12);transform:translateY(-3px)}.timeline-section-divider[data-v-ba36de53]{margin:calc(var(--spacing-unit) * 3) 0;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60px;position:relative;flex-shrink:0}.timeline-section-divider[data-v-ba36de53]:before{display:none}.section-title[data-v-ba36de53]{font-size:1.1rem;font-weight:var(--font-weight-bold);color:var(--color-primary);letter-spacing:.05em;display:inline-block;background-color:var(--color-background);padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 2);border:2px solid var(--color-primary);border-radius:var(--border-radius-medium);text-align:center;white-space:nowrap;z-index:2;position:relative;box-shadow:0 4px 12px rgba(var(--color-shadow-rgb),.1)}.cv-additional-section[data-v-ba36de53]{margin:calc(var(--spacing-unit) * 8) auto;max-width:600px;padding:0 calc(var(--spacing-unit) * 2)}.zertifikate-liste[data-v-ba36de53]{max-width:100%}.zertifikat-item[data-v-ba36de53]{margin-bottom:calc(var(--spacing-unit) * 2);text-align:left}.sprachen-container[data-v-ba36de53]{grid-template-columns:1fr;gap:calc(var(--spacing-unit) * 2);max-width:400px;margin:0 auto}.interessen-container[data-v-ba36de53]{max-width:500px;margin:0 auto;gap:calc(var(--spacing-unit) * 1.5)}}@media (max-width: 480px){.about-layout[data-v-ba36de53]{grid-template-columns:1fr;gap:calc(var(--spacing-unit) * 3)}.about-text-content[data-v-ba36de53]{text-align:left}.about-image-container[data-v-ba36de53]{order:-1;margin-bottom:calc(var(--spacing-unit) * 2);max-width:160px;margin-left:auto;margin-right:auto}.timeline-section-horizontal[data-v-ba36de53]{width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);padding-left:calc(var(--spacing-unit) * 4);padding-right:calc(var(--spacing-unit) * 4)}.timeline-card[data-v-ba36de53]{max-width:100%;padding:calc(var(--spacing-unit) * 2.5) calc(var(--spacing-unit) * 3);min-height:160px;margin-bottom:calc(var(--spacing-unit) * 1.5)}.timeline-card[data-v-ba36de53]:last-child{margin-bottom:0}.timeline-section-divider[data-v-ba36de53]{margin:calc(var(--spacing-unit) * 2) 0;min-height:50px}.section-title[data-v-ba36de53]{font-size:1rem;padding:calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 1.5);white-space:normal}.skills-bubble-container[data-v-ba36de53]{gap:calc(var(--spacing-unit) * 1.5);padding:calc(var(--spacing-unit) * 1)}.cv-additional-section[data-v-ba36de53]{padding:0 calc(var(--spacing-unit) * 1)}}.project-card[data-v-33cdb4e4]{background-color:var(--color-background-soft);border-radius:var(--border-radius-medium);overflow:hidden;transition:transform var(--transition-speed-normal) ease,box-shadow var(--transition-speed-normal) ease,border-color var(--transition-speed-normal) ease;position:relative;border:1px solid transparent;height:100%;display:flex;flex-direction:column}.card-link-wrapper[data-v-33cdb4e4]{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%;cursor:none}@media (max-width: 768px){.card-link-wrapper[data-v-33cdb4e4]{cursor:pointer}}.image-container[data-v-33cdb4e4]{position:relative;overflow:hidden;height:220px}@media (max-width: 768px){.image-container[data-v-33cdb4e4]{height:200px}}@media (max-width: 480px){.image-container[data-v-33cdb4e4]{height:180px}}.project-image[data-v-33cdb4e4]{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--transition-speed-slow) cubic-bezier(.25,.46,.45,.94),filter var(--transition-speed-normal) ease;filter:grayscale(30%) brightness(.9)}.overlay[data-v-33cdb4e4]{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(18,18,18,.9),transparent);opacity:1;transition:opacity var(--transition-speed-normal) ease}.card-content[data-v-33cdb4e4]{padding:calc(var(--spacing-unit) * 3);display:flex;flex-direction:column;flex-grow:1}@media (max-width: 768px){.card-content[data-v-33cdb4e4]{padding:calc(var(--spacing-unit) * 2.5)}}@media (max-width: 480px){.card-content[data-v-33cdb4e4]{padding:calc(var(--spacing-unit) * 2)}}.project-title[data-v-33cdb4e4]{color:var(--color-heading);margin-bottom:var(--spacing-unit);transition:color var(--transition-speed-fast) ease;font-size:1.3rem;font-weight:var(--font-weight-semibold)}@media (max-width: 768px){.project-title[data-v-33cdb4e4]{font-size:1.25rem;margin-bottom:calc(var(--spacing-unit) * 1.5);text-align:center}}@media (max-width: 480px){.project-title[data-v-33cdb4e4]{font-size:1.2rem;margin-bottom:calc(var(--spacing-unit) * 1)}}.project-description[data-v-33cdb4e4]{font-size:.95rem;color:var(--color-text-muted);margin-bottom:calc(var(--spacing-unit) * 2);line-height:1.6;flex-grow:1}@media (max-width: 768px){.project-description[data-v-33cdb4e4]{font-size:.9rem;line-height:1.5;text-align:center;margin-bottom:calc(var(--spacing-unit) * 2.5)}}@media (max-width: 480px){.project-description[data-v-33cdb4e4]{font-size:.85rem;margin-bottom:calc(var(--spacing-unit) * 2)}}.tags[data-v-33cdb4e4]{margin-bottom:calc(var(--spacing-unit) * 3);margin-top:auto}@media (max-width: 768px){.tags[data-v-33cdb4e4]{text-align:center;margin-bottom:calc(var(--spacing-unit) * 2.5)}}@media (max-width: 480px){.tags[data-v-33cdb4e4]{margin-bottom:calc(var(--spacing-unit) * 2)}}.tag[data-v-33cdb4e4]{display:inline-block;background-color:#6d73a91a;color:var(--color-primary);padding:calc(var(--spacing-unit) * .5) calc(var(--spacing-unit) * 1.5);border-radius:var(--border-radius-small);font-size:.8rem;font-family:var(--font-family-sans);margin-right:var(--spacing-unit);margin-bottom:var(--spacing-unit);font-weight:var(--font-weight-medium);text-transform:none;letter-spacing:normal;border:1px solid rgba(109,115,169,.3)}@media (max-width: 768px){.tag[data-v-33cdb4e4]{font-size:.75rem;padding:calc(var(--spacing-unit) * .75) calc(var(--spacing-unit) * 1.25);margin-right:calc(var(--spacing-unit) * .75);margin-bottom:calc(var(--spacing-unit) * .75)}}@media (max-width: 480px){.tag[data-v-33cdb4e4]{font-size:.7rem;padding:calc(var(--spacing-unit) * .5) calc(var(--spacing-unit) * 1);margin-right:calc(var(--spacing-unit) * .5);margin-bottom:calc(var(--spacing-unit) * .5)}}.details-link[data-v-33cdb4e4]{display:inline-flex;align-items:center;color:var(--color-primary);font-weight:var(--font-weight-medium);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;align-self:flex-start;transition:transform var(--transition-speed-fast) ease,color var(--transition-speed-fast) ease;cursor:none}@media (max-width: 768px){.details-link[data-v-33cdb4e4]{align-self:center;cursor:pointer;font-size:.85rem;padding:calc(var(--spacing-unit) * 1) 0}}@media (max-width: 480px){.details-link[data-v-33cdb4e4]{font-size:.8rem;padding:calc(var(--spacing-unit) * 1.5) 0}}.arrow-icon[data-v-33cdb4e4]{width:18px;height:18px;margin-left:var(--spacing-unit);transition:transform var(--transition-speed-fast) ease}@media (max-width: 768px){.arrow-icon[data-v-33cdb4e4]{width:16px;height:16px}}@media (max-width: 480px){.arrow-icon[data-v-33cdb4e4]{width:14px;height:14px}}.project-card[data-v-33cdb4e4]:hover{transform:translateY(-10px) rotate(-1deg);box-shadow:0 15px 35px #00000080;border-color:var(--color-primary)}@media (max-width: 768px){.project-card[data-v-33cdb4e4]:hover{transform:translateY(-4px) rotate(0);box-shadow:0 8px 20px #0000004d}}.project-card:hover .project-image[data-v-33cdb4e4]{transform:scale(1.1);filter:grayscale(0%) brightness(1)}.project-card:hover .overlay[data-v-33cdb4e4]{opacity:.5}.project-card:hover .project-title[data-v-33cdb4e4],.project-card:hover .details-link[data-v-33cdb4e4]{color:var(--color-primary-hover)}.project-card:hover .arrow-icon[data-v-33cdb4e4]{transform:translate(6px) rotate(45deg)}@media (hover: none){.project-card[data-v-33cdb4e4]:hover{transform:none;box-shadow:none;border-color:transparent}.project-card[data-v-33cdb4e4]:active{transform:translateY(-2px);box-shadow:0 4px 12px #0003;border-color:var(--color-primary)}.project-card:active .project-image[data-v-33cdb4e4]{transform:scale(1.05);filter:grayscale(0%) brightness(1)}.project-card:active .overlay[data-v-33cdb4e4]{opacity:.7}.project-card:active .project-title[data-v-33cdb4e4],.project-card:active .details-link[data-v-33cdb4e4]{color:var(--color-primary-hover)}.project-card:active .arrow-icon[data-v-33cdb4e4]{transform:translate(4px)}}.projects-grid[data-v-f14bb8f8]{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:calc(var(--spacing-unit) * 6);margin-top:calc(var(--spacing-unit) * 6)}@media (max-width: 768px){.projects-grid[data-v-f14bb8f8]{grid-template-columns:1fr;gap:calc(var(--spacing-unit) * 4);margin-top:calc(var(--spacing-unit) * 4)}}@media (max-width: 480px){.projects-grid[data-v-f14bb8f8]{gap:calc(var(--spacing-unit) * 3);margin-top:calc(var(--spacing-unit) * 3)}}@media (min-width: 769px) and (max-width: 1024px){.projects-grid[data-v-f14bb8f8]{grid-template-columns:repeat(2,1fr);gap:calc(var(--spacing-unit) * 4)}}@media (max-width: 768px) and (min-width: 481px){.projects-grid[data-v-f14bb8f8]{grid-template-columns:1fr;max-width:500px;margin-left:auto;margin-right:auto}}#projekte h2[data-v-f14bb8f8]{position:relative}@media (max-width: 768px){#projekte h2[data-v-f14bb8f8]{text-align:center;margin-bottom:calc(var(--spacing-unit) * 4)}}@media (max-width: 480px){#projekte h2[data-v-f14bb8f8]{margin-bottom:calc(var(--spacing-unit) * 3)}}.empty-state[data-v-f14bb8f8]{margin-top:calc(var(--spacing-unit) * 6);text-align:center;padding:calc(var(--spacing-unit) * 8) calc(var(--spacing-unit) * 4)}.empty-state-content[data-v-f14bb8f8]{max-width:500px;margin:0 auto}.empty-state-icon[data-v-f14bb8f8]{font-size:4rem;margin-bottom:calc(var(--spacing-unit) * 3);opacity:.8}.empty-state h3[data-v-f14bb8f8]{font-size:1.5rem;margin-bottom:calc(var(--spacing-unit) * 2);color:var(--color-text)}.empty-state p[data-v-f14bb8f8]{color:var(--color-text-muted);font-size:1.1rem;line-height:1.6;margin-bottom:calc(var(--spacing-unit) * 4)}.coming-soon-tags[data-v-f14bb8f8]{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-unit)}.coming-soon-tags .tag[data-v-f14bb8f8]{display:inline-block;background-color:#6d73a91a;color:var(--color-primary);padding:calc(var(--spacing-unit) * .5) calc(var(--spacing-unit) * 1.5);border-radius:var(--border-radius-small);font-size:.8rem;font-family:var(--font-family-sans);font-weight:var(--font-weight-medium);border:1px solid rgba(109,115,169,.3)}@media (max-width: 768px){.empty-state[data-v-f14bb8f8]{padding:calc(var(--spacing-unit) * 6) calc(var(--spacing-unit) * 3);margin-top:calc(var(--spacing-unit) * 4)}.empty-state-icon[data-v-f14bb8f8]{font-size:3rem}.empty-state h3[data-v-f14bb8f8]{font-size:1.3rem}.empty-state p[data-v-f14bb8f8]{font-size:1rem}}@media (max-width: 480px){.empty-state[data-v-f14bb8f8]{padding:calc(var(--spacing-unit) * 4) calc(var(--spacing-unit) * 2)}.coming-soon-tags[data-v-f14bb8f8]{gap:calc(var(--spacing-unit) * .5)}}.contact-section[data-v-ccf9b431]{text-align:center;padding:calc(var(--spacing-unit) * 10) 0 calc(var(--spacing-unit) * 5);margin:0 auto;border-top:1px solid var(--color-border)}@media (max-width: 768px){.contact-section[data-v-ccf9b431]{padding:calc(var(--spacing-unit) * 8) 0 calc(var(--spacing-unit) * 4)}}@media (max-width: 480px){.contact-section[data-v-ccf9b431]{padding:calc(var(--spacing-unit) * 6) 0 calc(var(--spacing-unit) * 3)}}.section-heading[data-v-ccf9b431]{font-size:clamp(1.6rem,5vw,2.2rem);color:var(--color-primary);margin-bottom:calc(var(--spacing-unit) * 2);font-family:var(--font-family-sans);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em}@media (max-width: 768px){.section-heading[data-v-ccf9b431]{font-size:clamp(1.4rem,5vw,2rem);margin-bottom:calc(var(--spacing-unit) * 2.5)}}@media (max-width: 480px){.section-heading[data-v-ccf9b431]{font-size:clamp(1.3rem,5vw,1.8rem);margin-bottom:calc(var(--spacing-unit) * 2)}}.contact-subtitle[data-v-ccf9b431]{font-size:1.1rem;line-height:1.7;color:var(--color-foreground);margin-bottom:calc(var(--spacing-unit) * 5)}@media (max-width: 768px){.contact-subtitle[data-v-ccf9b431]{font-size:1rem;line-height:1.6;margin-bottom:calc(var(--spacing-unit) * 4);padding:0}}@media (max-width: 480px){.contact-subtitle[data-v-ccf9b431]{font-size:.95rem;line-height:1.5;margin-bottom:calc(var(--spacing-unit) * 3);padding:0}.contact-subtitle br[data-v-ccf9b431]{display:none}}.contact-button[data-v-ccf9b431]{margin-bottom:calc(var(--spacing-unit) * 8);padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 6);font-size:1rem;display:inline-flex!important;align-items:center;justify-content:center!important;margin-left:auto;margin-right:auto}@media (max-width: 768px){.contact-button[data-v-ccf9b431]{margin-bottom:calc(var(--spacing-unit) * 6);padding:calc(var(--spacing-unit) * 2.5) calc(var(--spacing-unit) * 4);font-size:1rem;min-width:200px;display:inline-flex!important;justify-content:center!important;margin-left:auto;margin-right:auto}}@media (max-width: 480px){.contact-button[data-v-ccf9b431]{margin-bottom:calc(var(--spacing-unit) * 5);padding:calc(var(--spacing-unit) * 3) calc(var(--spacing-unit) * 4);font-size:1.05rem;width:100%;max-width:280px;display:inline-flex!important;justify-content:center!important;margin-left:auto;margin-right:auto}}.social-links[data-v-ccf9b431]{margin-bottom:calc(var(--spacing-unit) * 4)}@media (max-width: 768px){.social-links[data-v-ccf9b431]{margin-bottom:calc(var(--spacing-unit) * 5);display:flex;justify-content:center;gap:calc(var(--spacing-unit) * 3)}}@media (max-width: 480px){.social-links[data-v-ccf9b431]{margin-bottom:calc(var(--spacing-unit) * 4);gap:calc(var(--spacing-unit) * 4)}}.social-links a[data-v-ccf9b431]{color:var(--color-text-muted);margin:0 calc(var(--spacing-unit) * 2);display:inline-block;transition:transform var(--transition-speed-fast) ease,color var(--transition-speed-fast) ease}@media (max-width: 768px){.social-links a[data-v-ccf9b431]{margin:0;padding:calc(var(--spacing-unit) * 1.5);border-radius:var(--border-radius-small);transition:transform var(--transition-speed-fast) ease,color var(--transition-speed-fast) ease,background-color var(--transition-speed-fast) ease}.social-links a[data-v-ccf9b431]:hover{background-color:var(--color-background-soft)}}.social-links a[data-v-ccf9b431]:hover{color:var(--color-primary);transform:translateY(-3px)}@media (max-width: 768px){.social-links a[data-v-ccf9b431]:hover{transform:translateY(-2px) scale(1.05)}}@media (hover: none){.social-links a[data-v-ccf9b431]:hover{transform:none;background-color:transparent}.social-links a[data-v-ccf9b431]:active{transform:scale(.95);background-color:var(--color-background-soft);color:var(--color-primary)}}.social-links svg[data-v-ccf9b431]{width:24px;height:24px}@media (max-width: 768px){.social-links svg[data-v-ccf9b431]{width:28px;height:28px}}@media (max-width: 480px){.social-links svg[data-v-ccf9b431]{width:26px;height:26px}}.copyright[data-v-ccf9b431]{font-family:var(--font-family-sans);font-size:.85rem;line-height:1.5;margin-top:calc(var(--spacing-unit) * 6);text-align:center!important;max-width:none!important;width:100%;margin-left:auto;margin-right:auto}@media (max-width: 768px){.copyright[data-v-ccf9b431]{font-size:.8rem;margin-top:calc(var(--spacing-unit) * 4);padding:0;text-align:center!important;max-width:none!important;width:100%}}@media (max-width: 480px){.copyright[data-v-ccf9b431]{font-size:.75rem;margin-top:calc(var(--spacing-unit) * 3);padding:0;line-height:1.4;text-align:center!important;max-width:none!important;width:100%}}.about-me-view[data-v-05892ce3]{padding:calc(var(--spacing-unit) * 4) 0}.cv-section[data-v-05892ce3]{margin-bottom:calc(var(--spacing-unit) * 8)}.cv-section h2[data-v-05892ce3]{border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-unit);margin-bottom:calc(var(--spacing-unit) * 3)}.interessen-container[data-v-05892ce3]{display:flex;flex-wrap:wrap;gap:calc(var(--spacing-unit) * 2)}.interesse-item[data-v-05892ce3]{background-color:var(--color-background-soft);padding:var(--spacing-unit) calc(var(--spacing-unit) * 2);border-radius:var(--border-radius-small);border:1px solid var(--color-border)}.timeline[data-v-05892ce3]{list-style:none;padding-left:0}.timeline-item[data-v-05892ce3]{display:flex;gap:calc(var(--spacing-unit) * 3);margin-bottom:calc(var(--spacing-unit) * 4);padding-bottom:calc(var(--spacing-unit) * 4);border-bottom:1px solid var(--color-background-mute)}.timeline-item[data-v-05892ce3]:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.timeline-zeitraum[data-v-05892ce3]{color:var(--color-text-muted);font-size:.9rem;min-width:100px;flex-shrink:0}.timeline-content h3[data-v-05892ce3]{font-size:1.2rem;color:var(--color-primary);margin-top:0;margin-bottom:calc(var(--spacing-unit) * .5)}.timeline-content .firma[data-v-05892ce3],.timeline-content .beschreibung[data-v-05892ce3]{color:var(--color-text-muted);font-style:italic;margin-bottom:var(--spacing-unit)}.timeline-content ul[data-v-05892ce3]{list-style:disc;padding-left:calc(var(--spacing-unit) * 2.5);margin-top:var(--spacing-unit)}.zertifikate-liste[data-v-05892ce3]{list-style:none;padding-left:0}.zertifikate-liste li[data-v-05892ce3]{margin-bottom:calc(var(--spacing-unit) * 2);background-color:var(--color-background-soft);padding:var(--spacing-unit) * 2;border-radius:var(--border-radius-small);border:1px solid var(--color-border)}.zertifikate-liste h3[data-v-05892ce3]{font-size:1.1rem;margin-bottom:calc(var(--spacing-unit) * .5)}.skills-container[data-v-05892ce3]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:calc(var(--spacing-unit) * 2.5)}.skill-item[data-v-05892ce3]{background-color:var(--color-background-soft);padding:calc(var(--spacing-unit) * 2);border-radius:var(--border-radius-small);border:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--spacing-unit)}.skill-name[data-v-05892ce3]{font-weight:var(--font-weight-medium)}.skill-level-dots[data-v-05892ce3]{display:flex;gap:calc(var(--spacing-unit) * .5)}.dot[data-v-05892ce3]{width:12px;height:12px;background-color:var(--color-background-mute);border-radius:50%;transition:background-color var(--transition-speed-fast) ease}.dot.active[data-v-05892ce3]{background-color:var(--color-primary)}.sprachen-container[data-v-05892ce3]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:calc(var(--spacing-unit) * 2.5)}.sprache-item[data-v-05892ce3]{background-color:var(--color-background-soft);padding:calc(var(--spacing-unit) * 2);border-radius:var(--border-radius-small);border:1px solid var(--color-border)}.sprache-name[data-v-05892ce3]{display:block;margin-bottom:var(--spacing-unit);font-weight:var(--font-weight-medium)}.sprache-progress-bar-container[data-v-05892ce3]{width:100%;background-color:var(--color-background-mute);border-radius:var(--border-radius-small);height:24px;overflow:hidden}.sprache-progress-bar[data-v-05892ce3]{background-color:var(--color-primary);height:100%;display:flex;align-items:center;justify-content:flex-end;padding-right:var(--spacing-unit);color:var(--color-background);font-size:.8rem;font-weight:var(--font-weight-bold);border-radius:var(--border-radius-small) 0 0 var(--border-radius-small);transition:width var(--transition-speed-normal) ease}