/* Reconstructed from the classes used by the supplied pages. */
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif}h1,h2,h3,p{margin-top:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.display{font-family:Arial,Helvetica,sans-serif;letter-spacing:-.035em}.image-placeholder{background:linear-gradient(135deg,#d6d8d1 0%,#e8e9e1 48%,#c4c9c3 100%)}.colorful-gradient{color:#0a0a0a}.customer-card{transition:transform .2s ease,box-shadow .2s ease}.customer-card:hover{transform:translateY(-4px);box-shadow:0 18px 35px #00000012}.project-nav-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.7rem 1rem;border:1px solid #111;border-radius:9999px;font-size:.875rem;font-weight:700}.project-nav-btn:hover{background:#111;color:#fff}.project-dot{display:block;width:10px;height:10px;border-radius:50%;background:#d4d4d4}.project-dot.is-active{background:#111}
.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.flex{display:flex}.grid{display:grid}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.sticky{position:sticky}.top-0{top:0}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.overflow-hidden{overflow:hidden}.w-full{width:100%}.h-full{height:100%}.object-cover{object-fit:cover}.object-center{object-position:center}.text-left{text-align:left}.uppercase{text-transform:uppercase}.font-bold{font-weight:700}.font-semibold{font-weight:600}.backdrop-blur{backdrop-filter:blur(8px)}
.bg-\[\#f7f7f3\]{background:#f7f7f3}.bg-black{background:#000}.bg-white{background:#fff}.bg-white\/90{background:#ffffffe6}.text-white{color:#fff}.text-white\/50{color:#ffffff80}.text-neutral-950{color:#0a0a0a}.text-neutral-600{color:#525252}.text-neutral-500{color:#737373}.text-neutral-400{color:#a3a3a3}.border{border:1px solid}.border-b{border-bottom:1px solid}.border-t{border-top:1px solid}.border-y{border-top:1px solid;border-bottom:1px solid}.border-black{border-color:#000}.border-black\/10{border-color:#0000001a}.border-white\/15{border-color:#ffffff26}.rounded-full{border-radius:9999px}.rounded-3xl{border-radius:1.5rem}
.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-5xl{max-width:64rem}.max-w-7xl{max-width:80rem}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-\[4\/5\]{aspect-ratio:4/5}.aspect-\[16\/10\]{aspect-ratio:16/10}
.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-6xl{font-size:3.75rem;line-height:1}.text-7xl{font-size:4.5rem;line-height:1}.leading-none{line-height:1}.leading-tight{line-height:1.25}.leading-relaxed{line-height:1.625}.leading-\[\.92\]{line-height:.92}.tracking-tight{letter-spacing:-.025em}.tracking-\[\.12em\]{letter-spacing:.12em}.tracking-\[\.18em\]{letter-spacing:.18em}.tracking-\[\.2em\]{letter-spacing:.2em}
.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-6{gap:1.5rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-14{gap:3.5rem}.p-6{padding:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.pt-6{padding-top:1.5rem}.pt-24{padding-top:6rem}.pb-8{padding-bottom:2rem}.pb-16{padding-bottom:4rem}.pb-24{padding-bottom:6rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}
.hover\:opacity-60:hover{opacity:.6}.hover\:underline:hover{text-decoration:underline}
@media(min-width:640px){.sm\:inline{display:inline}}
@media(min-width:768px){.md\:block{display:block}.md\:flex{display:flex}.md\:flex-row{flex-direction:row}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:order-1{order:1}.md\:order-2{order:2}.md\:gap-20{gap:5rem}.md\:gap-24{gap:6rem}.md\:p-8{padding:2rem}.md\:pb-20{padding-bottom:5rem}.md\:pb-24{padding-bottom:6rem}.md\:pb-36{padding-bottom:9rem}.md\:pt-32{padding-top:8rem}.md\:py-28{padding-top:7rem;padding-bottom:7rem}.md\:py-36{padding-top:9rem;padding-bottom:9rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-7xl{font-size:4.5rem;line-height:1}.md\:text-8xl{font-size:6rem;line-height:1}}
@media(min-width:1024px){.lg\:text-\[7\.5rem\]{font-size:7.5rem}}

/* Fitnesspark project gallery */
.fitnesspark-carousel{width:100%}
@media(min-width:768px){.fitnesspark-carousel{width:calc(50% - 1.75rem)}}
.fitnesspark-carousel-frame{position:relative}
.fitnesspark-carousel-frame>.fitnesspark-gallery-tile{width:100%}
.fitnesspark-carousel-prev,.fitnesspark-carousel-next{position:absolute;top:50%;transform:translateY(-50%);width:2.75rem;height:2.75rem;border:0;border-radius:50%;background:#ffffffd9;color:#111;font-size:2rem;line-height:1;cursor:pointer}
.fitnesspark-carousel-prev{left:.75rem}.fitnesspark-carousel-next{right:.75rem}
.fitnesspark-carousel-prev:hover,.fitnesspark-carousel-next:hover{background:#fff}
.fitnesspark-carousel-dots{display:flex;align-items:center;justify-content:center;gap:.7rem;padding:1.25rem 0}
.fitnesspark-carousel-dots button{width:.65rem;height:.65rem;padding:0;border:0;border-radius:50%;background:#bdbdbd;cursor:pointer}
.fitnesspark-carousel-dots button.is-active{background:#111}
.fitnesspark-carousel button:focus-visible{outline:3px solid #111;outline-offset:3px}
.fitnesspark-project-copy{max-width:36rem}
.fitnesspark-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:start}
.migrolino-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.fitnesspark-video-placeholder{position:relative;aspect-ratio:9/16;border-radius:1.5rem;background:linear-gradient(135deg,#e6e8e3,#cbd0cc);display:flex;align-items:center;justify-content:center;color:#555;font-size:.875rem;text-align:center}
.fitnesspark-video-placeholder video{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover;background:#111}
.fitnesspark-video-zoom,.focuswater-video-zoom,.migrolino-video-zoom{position:absolute;top:.65rem;right:.65rem;border:0;border-radius:999px;background:#ffffffe8;color:#111;padding:.5rem .75rem;font-size:.75rem;font-weight:700;cursor:pointer}
.fitnesspark-video-zoom:hover,.fitnesspark-video-zoom:focus-visible,.focuswater-video-zoom:hover,.focuswater-video-zoom:focus-visible,.migrolino-video-zoom:hover,.migrolino-video-zoom:focus-visible{background:#fff;outline:2px solid #111}
.fitnesspark-video-empty{padding:1rem}
.fitnesspark-video-modal[hidden]{display:none}
.fitnesspark-video-modal{position:fixed;inset:0;z-index:110;display:flex;align-items:center;justify-content:center;padding:3.5rem 1rem 1.5rem;background:#000e}
.fitnesspark-video-modal video{display:block;height:min(85vh,900px);max-width:90vw;aspect-ratio:9/16;object-fit:contain;background:#111;border-radius:1rem}
.fitnesspark-video-modal.is-landscape video{width:min(90vw,1200px);height:auto;max-height:85vh;aspect-ratio:16/9}
.fitnesspark-video-close{position:absolute;top:1rem;right:1rem;width:2.75rem;height:2.75rem;border:0;border-radius:50%;background:#fff;color:#111;font-size:2rem;line-height:1;cursor:pointer}
.focuswater-video-card{position:relative;overflow:hidden;border-radius:1.5rem;background:#111}
.focuswater-video-landscape{aspect-ratio:16/9}
.focuswater-video-portrait{aspect-ratio:9/16}
.focuswater-video-card video{display:block;width:100%;height:100%;object-fit:cover;background:#111}
.focuswater-portrait-wrap{width:min(100%,22rem);margin-inline:auto}
.focuswater-project-copy{max-width:36rem}
.fitnesspark-gallery-tile{display:block;width:100%;padding:0;border:0;text-align:left;cursor:zoom-in}
.fitnesspark-gallery-tile:focus-visible{outline:3px solid #111;outline-offset:4px}
.project-lightbox[hidden]{display:none}
.project-lightbox{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.94);display:grid;grid-template-columns:minmax(44px,5rem) minmax(0,1fr) minmax(44px,5rem);align-items:center;gap:.5rem;padding:4.5rem 1rem 3rem;color:#fff}
.project-lightbox-content{grid-column:2;min-width:0;display:flex;align-items:center;justify-content:center;height:100%}
.project-lightbox-content img{display:block;max-width:100%;max-height:calc(100vh - 8rem);object-fit:contain}
.project-lightbox-content p{font-size:1.25rem;text-align:center}
.project-lightbox button{border:0;background:#ffffff26;color:#fff;border-radius:50%;width:3rem;height:3rem;font-size:2rem;line-height:1;cursor:pointer}
.project-lightbox button:hover,.project-lightbox button:focus-visible{background:#ffffff50}
.project-lightbox-close{position:absolute;right:1.25rem;top:1rem}
.project-lightbox-prev{grid-column:1;grid-row:1;justify-self:center}
.project-lightbox-next{grid-column:3;grid-row:1;justify-self:center}
.project-lightbox-count{position:absolute;bottom:1rem;left:0;right:0;text-align:center;font-size:.875rem}
@media(max-width:640px){.project-lightbox{grid-template-columns:2.75rem minmax(0,1fr) 2.75rem;gap:0;padding:4rem .25rem 3rem}.project-lightbox button{width:2.5rem;height:2.5rem}}

/* Mobile navigation and responsive portfolio refinements */
.site-header-inner{position:relative}
.mobile-menu-button{display:inline-flex;width:2.75rem;height:2.75rem;align-items:center;justify-content:center;border:1px solid #111;border-radius:999px;background:#fff;color:#111;cursor:pointer}
.mobile-menu-button svg{width:1.25rem;height:1.25rem}
.mobile-menu-button[aria-expanded="true"] .menu-open-icon{display:none}
.mobile-menu-button[aria-expanded="false"] .menu-close-icon{display:none}
.mobile-menu{position:absolute;top:calc(100% + .65rem);left:1rem;right:1rem;z-index:70;overflow:hidden;border:1px solid #0000001a;border-radius:1.25rem;background:#fff;box-shadow:0 18px 45px #0002}
.mobile-menu[hidden]{display:none}
.mobile-menu a{display:block;padding:1rem 1.25rem;border-bottom:1px solid #00000012;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.mobile-menu a:last-child{border-bottom:0}
.mobile-menu a:active{background:#f1f1ed}

@media(max-width:767px){
  body{overflow-x:hidden}
  header .site-header-inner{padding:.8rem 1rem}
  header .site-brand{max-width:calc(100% - 4rem);font-size:.75rem;letter-spacing:.12em}
  main section{padding-left:1rem!important;padding-right:1rem!important}
  main section:first-child{padding-top:4rem!important;padding-bottom:4rem!important}
  h1.display{font-size:clamp(2.75rem,13vw,4rem)!important;line-height:.95!important;overflow-wrap:anywhere}
  h2.display{font-size:2.25rem!important;line-height:1!important}
  main p.text-xl{font-size:1.125rem;line-height:1.55}
  .customer-card{border-radius:1.25rem}
  .customer-card .p-6{padding:1rem}
  .customer-card h3{font-size:1.25rem;line-height:1.4}
  .customer-card span.rounded-full{padding:.55rem .75rem;font-size:.75rem;white-space:nowrap}
  .fitnesspark-video-grid,.migrolino-video-grid{grid-template-columns:1fr;gap:1rem}
  .fitnesspark-video-grid .fitnesspark-video-placeholder{width:min(100%,22rem);margin-inline:auto}
  .focuswater-video-card,.fitnesspark-video-placeholder{border-radius:1.1rem}
  .fitnesspark-video-modal{padding:4rem .75rem 1rem}
  .fitnesspark-video-modal video{max-width:100%;max-height:80vh}
  .fitnesspark-video-modal.is-landscape video{width:100%}
  .fitnesspark-carousel-prev,.fitnesspark-carousel-next{width:2.5rem;height:2.5rem}
  .project-lightbox-content img{max-height:calc(100vh - 7rem)}
  section#kontakt{padding:4rem 1rem}
  footer{padding-left:1rem!important;padding-right:1rem!important}
  video{max-width:100%}
}

@media(min-width:768px){
  .mobile-menu-button,.mobile-menu{display:none!important}
}