@import "https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;500;600;700;900&display=swap";.error-boundary__title{color:var(--color-brand-red,#e84118);font-size:2rem}.error-boundary__desc{padding-bottom:2rem;font-size:1.2rem}.error-boundary__btn{background-color:var(--color-brand-red,#e84118);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:.75rem 1.5rem;font-weight:700}.error-boundary__btn:hover{opacity:.9}*{box-sizing:border-box;color:#000;font-size-adjust:from-font;font-size-adjust:.5;outline:none;margin:0;padding:0;font-family:Inconsolata,monospace,sans-serif;text-decoration:none;list-style:none}:root{--font-size:16px;--font-size-h1:clamp(1.25rem, .9rem + 1.5vw, 2rem);--font-size-h2:clamp(1.125rem, .9rem + 1vw, 1.75rem);--font-size-p:clamp(1rem, .9rem + .5vw, 1.125rem);--font-size-logo__line:clamp(3rem, 2.1429rem + 4.2857vw, 6rem);--font-size-slogan__line:clamp(.75rem, .3929rem + 1.7857vw, 2rem);--nav-color-active:red;--nav-color-hover:#555;--nav-color-text:black;--nav-bg-color:#fff;--font-size-nav__link:clamp(1.125rem, .9rem + 1vw, 1.75rem);--nav-sub-color-active:red;--nav-sub-color-hover:#555;--nav-sub-color-text:black;--color-brand-red:#e84118}html,body{touch-action:manipulation;background-color:#fff;width:100%;min-height:100vh}#root{width:100%;min-height:100vh}h1{text-align:center;font-size:var(--font-size-h1);color:red;text-transform:uppercase;width:100%;padding-top:1em;font-weight:700;line-height:1.6em}p{text-align:left;font-size:var(--font-size-p);color:#000;white-space:normal;padding-top:1em;font-weight:400;line-height:1.6em}.index{grid-template:"wrapper_sprachen""wrapper_header""wrapper_content"1fr"wrapper_footer";width:100%;min-height:100vh;display:grid}.wrapper{justify-items:center;width:100%;height:auto;display:grid}.container{width:100%;min-width:320px;max-width:1440px;padding:1rem 12px;display:grid}@media (orientation:landscape){.container{padding-inline:clamp(56px, calc((env(safe-area-inset-left,0px) + env(safe-area-inset-right,0px)) / 2), 56px);padding-top:1rem;padding-bottom:1rem}}.wrapper_content{border-bottom:clamp(.25rem,.1786rem + .3571vw,.5rem) solid red;align-content:start;display:grid;box-shadow:inset 0 2px 4px #0009}.container_content{height:100%;padding:2rem 1rem;display:grid}.container_footer{justify-items:center;display:grid}.wrapper_header{border-top:clamp(.25rem,.1786rem + .3571vw,.5rem) solid red;border-bottom:2px solid #000;grid-template-areas:"overlap";transition:background-color .5s;display:grid}.container_header{z-index:2;grid-area:overlap;grid-template-rows:auto;grid-template-columns:1fr;display:grid}.header{grid-template:"overlap"1fr/1fr;justify-items:end;height:100%;padding:4em 1em .5em;display:grid}.header__inner{z-index:2;grid-area:overlap;grid-template-rows:auto auto;grid-template-columns:100%;justify-items:end;width:100%;display:grid}.slogan{text-align:right;flex-direction:column;align-items:flex-end;width:100%;padding-bottom:0;display:flex}.slogan__line{font-family:Inconsolata,monospace;font-size:var(--font-size-slogan__line);text-transform:uppercase;font-weight:400;line-height:1.2;display:block}.wrapper_nav_main{background-color:#fff;border-bottom:calc(min(1px + 2vw,2px)) solid #000}.nav-main-wrapper{background-color:var(--nav-bg-color);justify-content:center;align-items:center;width:100%;padding:1rem 0;display:flex;overflow:hidden}.nav-main-wrapper__link{font-size:var(--font-size-nav__link);text-transform:uppercase;color:var(--nav-color-text);padding:0 1rem;text-decoration:none;transition:color .3s;display:inline-block}.nav-main-wrapper__link:hover{color:var(--nav-color-hover)}.nav-main-wrapper__link--active{color:var(--nav-color-active)}.wrapper_nav_sub{background-color:#f5f5f5;border-bottom:calc(min(1px + 2vw,2px)) solid #000;transition:background-color .5s}.nav-sub-wrapper{justify-content:center;align-items:center;width:100%;padding:1rem 0;display:flex;overflow:hidden}.nav-sub-wrapper__link{font-size:var(--font-size-nav__link);text-transform:uppercase;color:var(--nav-sub-color-text);cursor:pointer;padding:0 1rem;text-decoration:none;transition:color .3s;display:inline-block}.nav-sub-wrapper__link:hover{color:var(--nav-sub-color-hover)}.nav-sub-wrapper__link--active{color:var(--nav-sub-color-active)}.wrapper_footer{background-color:#fff;border-bottom:1px solid #000;transition:background-color .5s}.footer{text-transform:uppercase;text-align:center;font-size-adjust:.5;padding:0;font-size:clamp(.6rem,2vw,1rem);font-weight:500}.footer__4u{color:red}.bg_media4u{background-color:#a7a7a7;transition:background-color 2s}.header_bg_media4u{background-image:url(https://www.media4u.ch/assets/header_media4u_bg-CyBudPVf.webp);background-position:10%;background-repeat:no-repeat;background-size:cover;transition:background-color 2s}.is-hidden{display:none!important}.is-loading{opacity:.5;pointer-events:none;cursor:wait}:root{--color-brand-red:#e84118;--color-text-dark:#333;--color-spinner:#999;--font-family-mono:"Inconsolata", monospace}.container_sprachen{padding-top:.5rem;padding-bottom:.5rem}.sprachen{flex-direction:column;display:flex}.language-modal{color:#333;background:#fff;border:none;border-radius:8px;width:90%;max-width:800px;padding:0;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 40px #0003}.language-modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080}.language-modal-header{justify-content:flex-end;padding:16px 24px 0;display:flex}.close-btn{cursor:pointer;color:#000;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:transform .2s,opacity .2s;display:flex}.close-btn:hover{opacity:.8;transform:scale(1.1)}.language-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;max-height:70vh;padding:24px;display:grid;overflow-y:auto}.language-option{text-align:center;cursor:pointer;font-size:var(--font-size-sprachen__link,.95rem);font-family:var(--font-family-mono,monospace);color:#000;background:#fff;border:1px solid #000;border-radius:6px;padding:12px 16px;transition:all .2s}@media (width<=480px){.language-modal{width:95%}.language-modal-header{padding:12px 16px 0}.language-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;max-height:75vh;padding:16px}.language-option{padding:10px 8px;font-size:.85rem}}.language-option:hover{background:#f8f9fa;box-shadow:0 2px 8px #0000001a}.language-option.is-active{border-color:var(--color-brand-red,#e84118);color:#000;background:#e9ecef;font-weight:600}.sprachen__toolbar{z-index:10;align-items:center;display:flex}.sprachen__toggle{cursor:pointer;-webkit-tap-highlight-color:transparent;background-color:#0000;border:none;border-radius:8px;flex-shrink:0;grid-area:translate_language;justify-content:center;align-items:center;padding:.5rem;display:inline-flex}.sprachen__icon{pointer-events:none;transform-origin:50%;will-change:transform;width:clamp(1.5rem,1.3571rem + .7143vw,2rem);height:clamp(1.5rem,1.3571rem + .7143vw,2rem);display:block}.sprachen__toggle--animating .sprachen__icon{animation:.4s cubic-bezier(.175,.885,.32,1.275) pop-bounce}@keyframes pop-bounce{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.sprachen__display{cursor:pointer;width:100%;height:3rem;min-height:2rem;font-size:var(--font-size-sprachen__display);font-family:var(--font-family-mono,monospace);color:inherit;font-size-adjust:.5;white-space:pre;grid-area:text_animation;justify-content:flex-start;align-items:center;padding-left:1em;line-height:1.6;display:flex;overflow:hidden}.sprachen__display:hover{opacity:.8}.sprachen__highlight{color:var(--color-brand-red);font-size:inherit;vertical-align:baseline}.sprachen__cursor{text-align:center;width:1.2ch;padding-left:2px;font-weight:400;display:inline-block}.sprachen__toggle--heartbeat .sprachen__icon{transform-origin:50%;animation:1.8s ease-in-out infinite lang-heartbeat}.sprachen__toggle--heartbeat{border-radius:8px;animation:1.8s ease-in-out infinite trigger-pulse-glow}@keyframes lang-heartbeat{0%{transform:scale(1)}12%{transform:scale(1.22)}24%{transform:scale(1.02)}36%{transform:scale(1.18)}48%{transform:scale(1)}to{transform:scale(1)}}@keyframes trigger-pulse-glow{0%{box-shadow:0 0 #dc262673}36%{box-shadow:0 0 0 10px #dc262600}to{box-shadow:0 0 #dc262600}}@media (prefers-reduced-motion:reduce){.sprachen__toggle--heartbeat .sprachen__icon,.sprachen__toggle--heartbeat{animation:none!important}}.logo{color:inherit;touch-action:none;font-size-adjust:none;outline:none;justify-content:flex-start;align-items:center;font-family:Inconsolata,monospace;font-weight:600;line-height:1;text-decoration:none;display:flex}.logo span{font-size:var(--font-size-logo__line)}.logo:hover{text-decoration:none}.logo__visual{align-items:center;display:flex}.logo__part{display:contents}.logo__char{text-align:center;white-space:pre;backface-visibility:hidden;cursor:pointer;color:#000;width:1ch;transition:color .1s;display:inline-block;transform:translateZ(0)}.logo__char--red{color:red}.logo__char--animating{color:#555!important}:root{--projects-bg-light:#f8fafc;--projects-text-main-light:#0f172a;--projects-text-muted-light:#475569;--projects-card-bg-light:#fff;--projects-card-border-light:#e2e8f0cc;--projects-tag-bg-light:#e2e8f0;--projects-tag-text-light:#3b82f6;--projects-accent-light:#2563eb;--projects-bg-dark:#0f172a;--projects-text-main-dark:#f8fafc;--projects-text-muted-dark:#cbd5e1;--projects-card-bg-dark:#1e293b;--projects-card-border-dark:#334155cc;--projects-tag-bg-dark:#334155;--projects-tag-text-dark:#60a5fa;--projects-accent-dark:#3b82f6}@media (prefers-color-scheme:dark){.projects{--bg:var(--projects-bg-dark);--text-main:var(--projects-text-main-dark);--text-muted:var(--projects-text-muted-dark);--card-bg:var(--projects-card-bg-dark);--card-border:var(--projects-card-border-dark);--tag-bg:var(--projects-tag-bg-dark);--tag-text:var(--projects-tag-text-dark);--accent:var(--projects-accent-dark)}}@media (prefers-color-scheme:light){.projects{--bg:var(--projects-bg-light);--text-main:var(--projects-text-main-light);--text-muted:var(--projects-text-muted-light);--card-bg:var(--projects-card-bg-light);--card-border:var(--projects-card-border-light);--tag-bg:var(--projects-tag-bg-light);--tag-text:var(--projects-tag-text-light);--accent:var(--projects-accent-light)}}.projects{--bg:var(--projects-bg-light);--text-main:var(--projects-text-main-light);--text-muted:var(--projects-text-muted-light);--card-bg:var(--projects-card-bg-light);--card-border:var(--projects-card-border-light);--tag-bg:var(--projects-tag-bg-light);--tag-text:var(--projects-tag-text-light);--accent:var(--projects-accent-light);background-color:var(--bg);color:var(--text-main);padding:4rem 1.5rem;font-family:Inter,Roboto,sans-serif;transition:background-color .3s,color .3s}.projects__gallery{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:clamp(1.5rem,4vw,2.5rem);max-width:1440px;margin:0 auto;display:grid}.projects__title{text-align:center;letter-spacing:-.02em;background:linear-gradient(135deg, var(--accent) 0%, #8b5cf6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:3.5rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:800}.projects__card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:.6rem;flex-direction:column;margin:0;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #0000000d}.projects__card:hover{transform:translateY(-8px);box-shadow:0 20px 40px -15px #00000026}.projects__card:before{content:"";z-index:1;pointer-events:none;opacity:0;background:linear-gradient(#0000 50%,#0009 100%);width:100%;height:220px;transition:opacity .3s;position:absolute;top:0;left:0}.projects__card:hover:before{opacity:1}.projects__image{object-fit:cover;background-color:var(--card-border);width:100%;height:220px;transition:transform .6s cubic-bezier(.25,1,.5,1);display:block}.projects__card:hover .projects__image{transform:scale(1.05)}.projects__caption{z-index:2;background:var(--card-bg);flex-direction:column;flex-grow:1;padding:1.75rem;display:flex;position:relative}.projects__header{margin-bottom:1rem}.projects__name{color:var(--text-main);margin:0;font-size:1.4rem;font-weight:700;line-height:1.2;transition:color .2s}.projects__link{color:inherit;text-decoration:none}.projects__link:hover .projects__name{color:var(--accent)}.projects__desc{color:var(--text-muted);flex-grow:1;margin-bottom:1.5rem;font-size:1rem;line-height:1.6}.projects__tags{flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.projects__tag{background:var(--tag-bg);color:var(--tag-text);letter-spacing:.02em;text-transform:uppercase;border-radius:9999px;padding:.35rem .85rem;font-size:.8rem;font-weight:600;transition:background-color .2s,transform .2s}.projects__tag:hover{background:var(--card-border);transform:scale(1.05)}.proj-status,.proj-error{text-align:center;color:var(--text-muted);padding:4rem 1.5rem;font-size:1.2rem;font-weight:500}.proj-error{color:#ef4444}@media (width<=400px){.projects__gallery{grid-template-columns:1fr}.projects{padding:2rem 1rem}}.not-found__content{text-align:center;padding:4rem 1rem}.not-found__title{color:var(--color-brand-red,#e84118);font-size:5rem}.not-found__desc{padding-bottom:2rem;font-size:1.2rem}.not-found__ascii{color:#555;padding-bottom:2rem;font-size:.8rem;line-height:1.2}.not-found__btn{background-color:var(--color-brand-red,#e84118);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:.75rem 1.5rem;font-weight:700}.not-found__btn:hover{opacity:.9}
/*$vite$:1*/