@charset "UTF-8";*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,h5,p,ul[class] ol[class],li,figure,figcaption,blockquote,dl,dd{margin:0}img{max-width:100%;display:block;height:auto}.article article>*+*{margin-top:1em}input,button,textarea,select{font:inherit}pre{text-wrap:auto}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--font-primary:Verdana, Geneva, sans-serif, Helvetica, Arial, -apple-system, system-ui, BlinkMacSystemFont, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-secondary:Verdana, font-heading;--font-system:Helvetica, Arial, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-heading:var(--font-primary);--font-core:var(--font-primary);--ratio:1.33;--base-font:1rem;--baseline:1.42;--space-xxs:calc(var(--space-base)  * pow(var(--ratio), -3));--space-xs:calc(var(--space-base)    * pow(var(--ratio), -2));--space-sm:calc(var(--space-base)   * pow(var(--ratio), -1));--space-base:var(--base-font);--space-lg:calc(var(--space-base)    * pow(var(--ratio), 1));--space-xl:calc(var(--space-base)    * pow(var(--ratio), 2));--space-2xl:calc(var(--space-base)   * pow(var(--ratio), 3));--space-3xl:calc(var(--space-base)   * pow(var(--ratio), 4));--space-4xl:calc(var(--space-base)   * pow(var(--ratio), 5));--space-5xl:calc(var(--space-base)   * pow(var(--ratio), 6));--space-6xl:calc(var(--space-base)   * pow(var(--ratio), 7));--space-7xl:calc(var(--space-base)   * pow(var(--ratio), 8));--space-8xl:calc(var(--space-base)   * pow(var(--ratio), 9));--padding-sm:clamp(1rem, 4%, 2rem);--padding-md:clamp(1.5rem, 6%, 3rem);--padding-lg:clamp(3rem, 12%, 6rem);--padding-theme:clamp(5rem, 6% + 1vmax, 11rem);--ground:0;--above:1;--below:-1;--zLayoutContent:calc(var(--above) + var(--ground));--zLayoutNavigation:calc(var(--above) + var(--zLayoutContent));--zLayoutLogo:calc(var(--above) + var(--zLayoutNavigation));--zLayoutModal:calc(var(--above) + var(--zLayoutLogo));--white120:#FAF0DC;--black100:#282727;--orange120:#C14C25;--color-primary:var(--black100);--color-secondary:var(--white120);--color-compa:var(--orange120);--font-color:var(--color-primary);--link-color:var(--color-primary);--link-color-hover:var(--color-alt);--background-color:var(--color-secondary);--btn-font-color:var(--color-secondary);--btn-bg-color:var(--color-compa);--btn-border:var(--color-compa);--focus-outline-color:currentColor;--focus-outline-offset:0.1rem;--focus-outline-style:solid;--focus-outline-width:2px;--color-svg-fill:var(--color-primary);--color-svg-stroke:var(--color-primary);--outline-size:2px;--outline-style:dashed;--outline-color:var(--color-alt);--outline-offset:2px;--border-size:1.5px;--border-radius:30px;--color-border:var(--color-primary80);scrollbar-color:var(--color-primary80)var(--color-secondary80)!important;scrollbar-width:auto!important}html{font-size:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-core),var(--font-system);font-size:var(--base-font);color:var(--font-color);font-weight:400;line-height:var(--baseline);text-rendering:optimizespeed;font-variant-ligatures:common-ligatures;-moz-font-feature-settings:"liga","clig";-webkit-font-feature-settings:"liga","clig";font-feature-settings:"liga","clig";text-decoration-skip-ink:auto;font-optical-sizing:auto;font-variant-ligatures:common-ligatures no-discretionary-ligatures no-historical-ligatures contextual;font-kerning:normal;background-color:var(--color-secondary);overflow-x:hidden}@view-transition{navigation: auto;
}@media(prefers-reduced-motion:reduce){@view-transition{navigation: none;
  }}@keyframes toleft5{to{transform:translateX(5px)}}@keyframes rotate5{to{transform:rotate(5deg)}}.marge{padding-left:var(--padding-md);padding-right:var(--padding-md);margin-left:auto;margin-right:auto}@media(min-width:65rem){.marge{padding-left:var(--padding-theme);padding-right:var(--padding-theme)}}@media(min-width:90rem){.marge{margin:0 auto;padding-left:14rem;padding-right:14rem}}.mflex{--gap:3rem;display:flex;gap:var(--gap,var(--space-lg))}.flex-wrap{flex-wrap:wrap}.mflex-column{flex-direction:column}.mflex-row{flex-direction:row}.align-center{align-items:center}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.justify-content-center{justify-content:center}.justify-center{justify-items:center}.space-between{justify-content:space-between}.space-around{justify-content:space-around}@media(min-width:65rem){.flex{--gap:2rem;display:flex;gap:var(--gap,var(--space-lg))}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.flex50{width:calc((100% - var(--gap,1rem))/2)}.flex-1-3{width:calc((100% - 2 * var(--gap,1rem))/3)}.flex-1-4{width:calc((100% - 3 * var(--gap,1rem))/4)}}.skiplink:not(:focus){position:fixed;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.visually-hidden{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}.bg-primary{--font-color:var(--color-secondary);--link-color:var(--color-secondary);background-color:var(--color-primary)}.bg-primary a:hover{--link-color:var(--color-compa)}.bg-secondary{--font-color:var(--color-primary);--link-color:var(--color-primary);background-color:var(--color-secondary)}.bg-compa{--font-color:var(--color-secondary);--link-color:var(--color-secondary);color:var(--color-secondary);background-color:var(--color-compa)}.color-primary{color:var(--color-primary)}.color-secondary{color:var(--color-secondary)}.color-alt{color:var(--color-alt)}.color-compa{color:var(--color-compa)}details{cursor:pointer}.hidden{display:none!important}.block{display:block}.inline{display:inline}.flow{overflow-wrap:break-word;text-wrap:pretty;font-variant-numeric:oldstyle-nums proportional-nums;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:4;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-lines:2;hyphenate-limit-chars:7 4 3;hyphenate-limit-lines:2;hyphenate-limit-zone:8%;hyphenate-limit-last:always}.flow>*{max-inline-size:70ch}.flow>*+*{--flow-space:1rem;margin-top:1rem;margin-top:var(--flow-space,1rem);margin-block-start:var(--flow-space,1.25em)}.flow hr{margin:1rem 0}a{color:var(--link-color);text-decoration-color:var(--link-color);text-decoration-thickness:var(--border-size);text-decoration-skip-ink:all}a:hover{--link-color:var(--color-hover);text-decoration-color:var(--link-color)}a:active{text-decoration:none}.btn:focus,a:focus{outline-color:var(--focus-outline-color);outline-offset:var(--focus-outline-offset);outline-style:var(--focus-outline-style);outline-width:var(--focus-outline-width)}@supports selector(:focus-visible){a:focus{outline:none}.btn:focus-visible,a:focus-visible{outline-color:var(--focus-outline-color);outline-offset:var(--focus-outline-offset);outline-style:var(--focus-outline-style);outline-width:var(--focus-outline-width)}}a[aria-current=page]{text-decoration:underline}a.no-underline{text-decoration:none}a.no-underline:hover{text-decoration:underline}a.no-underline:active,a.no-underline:focus-visible{text-decoration-color:var(--color-secondary80)}.hover-link::after{position:absolute;top:0;right:0;bottom:0;left:0;content:""}.hover-link-content :is(h3,p,details){position:relative;z-index:2}a[target=_blank]::after,.blank a:not(.noblank)[href^="mailto:"]::after{content:"↗";display:inline-block;padding-left:.5ch}a:not(.noblank)[href^="mailto:"]::after{content:"";display:none}a.noblank[target=_blank]::after{display:none}.list-none,.list-none>*{list-style:none;padding:0;margin:0;line-height:1.5}.list{margin:0;padding-left:2ch}.relative{position:relative}.absolute{position:absolute}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{background:var(--color-secondary)}body::-webkit-scrollbar-thumb{background:var(--color-primary)}::-webkit-scrollbar-thumb:hover{background:var(--color-compa)}::selection{background:var(--color-primary);color:var(--color-secondary)}.bg-primary>*::selection{background:var(--color-secondary);color:var(--color-primary)}.mt-base{margin-top:clamp(var(--space-xs),4vw + 1rem,var(--space-base))}.mt-lg{margin-top:clamp(var(--space-base),4vw + 1rem,var(--space-lg))}.mt-xl{margin-top:clamp(var(--space-lg),4vw + 1rem,var(--space-xl))}.mt-2xl{margin-top:clamp(var(--space-xl),4vw + 1rem,var(--space-2xl))}.mt-3xl{margin-top:clamp(var(--space-2xl),4vw + 1rem,var(--space-3xl))}.mauto{margin-left:auto;margin-right:auto}.mauto-left{margin-left:auto}.mauto-top{margin-top:auto}.m0{margin:0}.pt-base{padding-top:clamp(var(--space-xs),4vw + 1rem,var(--space-base))}.pt-lg{padding-top:clamp(var(--space-base),4vw + 1rem,var(--space-lg))}.pt-xl{padding-top:clamp(var(--space-lg),4vw + 1rem,var(--space-xl))}.pt-2xl{padding-top:clamp(var(--space-xl),4vw + 1rem,var(--space-2xl))}.pt-3xl{padding-top:clamp(var(--space-2xl),4vw + 1rem,var(--space-3xl))}.pretty{text-wrap:pretty}.balanced{text-wrap:balance}.font-primary{font-family:var(--font-primary)}.font-secondary{font-family:var(--font-secondary)}.font-regular{font-weight:700}.font-bold{font-weight:700}.font-center{text-align:center}.font-right{text-align:right}.font-small{font-size:.9rem}.highlight{display:inline-block;padding:.1em .4em;background:var(--color-primary80);color:var(--white100)}.mw250{max-width:250px}.w100{width:100%}h1,h2,h3,h4,h5,.heading-like{position:relative;font-family:var(--font-heading);color:var(--font-color);line-height:1.1;font-weight:700}h1,.h1-like{font-size:var(--space-3xl,3.1rem);font-size:clamp(2.5rem,3vw + 1rem,var(--space-3xl));text-wrap:balance}h2,.h2-like{font-size:var(--space-3xl,2.7rem);font-size:clamp(2.2rem,2.5vw + 1rem,var(--space-2xl))}h3,.h3-like{font-size:var(--space-2xl,1.7rem);font-size:clamp(1.5rem,1vw + 1rem,var(--space-xl));line-height:var(--baseline)}h4,.h4-like{font-size:var(--space-xl,1.5rem);font-size:clamp(1.4rem,1vw + 1rem,var(--space-lg))}h5,.h5-like{font-size:var(--space-lg,1.33rem);font-size:clamp(1.22rem,1vw + 1rem,var(--space-lg))}svg{min-width:1.5rem}.kompa-image{border-radius:var(--border-radius)}.sep{position:absolute;left:0;right:0}.sep svg{width:100%}.section:has(.sep){padding-top:5rem;margin-top:3rem}.sep-top{top:-22px}.sep-bottom{top:100%}@media(min-width:65rem){.sep-top{top:-75px}}a.btn,.btn{display:inline-block;height:fit-content;padding:.7rem 2rem;font-family:var(--font-heading);font-weight:700;line-height:1;text-decoration:none;border:1.5px solid var(--btn-border-color);border-radius:var(--border-radius);color:var(--btn-font-color);background-color:var(--btn-bg-color);cursor:pointer}a.btn:hover{--btn-border-color:var(--color-secondary);--btn-font-color:var(--color-secondary);--btn-bg-color:var(--color-primary)}a.btn:active{--btn-border-color:var(--color-primary);--btn-font-color:var(--color-primary);--btn-bg-color:transparent}.bg-primary a.btn:active{--btn-border-color:var(--color-secondary);--btn-font-color:var(--color-secondary);--btn-bg-color:transparent}.logo__link svg{width:10rem}.sep-footer{position:relative;bottom:-10px}.footer{overflow:clip}.footer__container{gap:2rem 1rem}.footer__socials svg{width:2.5rem;stroke:var(--color-secondary)}.footer__socials:hover svg{transform:rotate(5deg);stroke:var(--color-compa)}.footer__illu svg{position:relative;top:2rem;margin-top:-2rem;width:100%}.header{display:flex;flex-direction:column;gap:var(--space-2xl);position:relative;background-color:var(--color-compa);clip-path:polygon(0% 0%,100% 0%,100% 89.202%,93.75% 89.047%,87.5% 89%,81.25% 89.064%,75% 89.234%,68.75% 89.502%,62.5% 89.853%,56.25% 90.267%,50% 90.722%,43.75% 91.192%,37.5% 91.651%,31.25% 92.075%,25% 92.439%,18.75% 92.723%,12.5% 92.913%,6.25% 92.996%,0% 92.97%,0% 100%);z-index:0}.header::before{content:"";position:absolute;top:0;bottom:0;width:100%;background:url(../images/motif-transparent.svg);opacity:.6;background-size:cover;z-index:-1}.header__nav{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:1rem;margin-block-start:var(--space-xl);margin-inline:var(--space-base);border-radius:var(--border-radius)}@media(min-width:65rem){.header{gap:var(--space-4xl)}.header__nav{justify-content:space-between;margin-block-start:var(--space-4xl);margin-inline:var(--space-2xl);padding:1rem 3rem}}.hero{--gap:var(--space-2xl);display:flex;flex-direction:row;flex-wrap:wrap;max-width:1400px;padding-block:var(--space-3xl);padding-inline:var(--space-2xl);margin-inline:auto;margin-block-end:16rem;border-radius:var(--border-radius)}.hero h1{font-weight:400}.hero__img img{max-height:350px;margin-inline:auto;border-radius:var(--border-radius);transform:rotate(-3deg)}.hero__logo svg{width:100%}@media(min-width:65rem){.hero{--gap:var(--space-4xl);margin-block-end:14rem;padding-block:var(--space-5xl);padding-inline:var(--space-4xl)}.hero__img img{max-height:750px}}.menu{gap:1rem;z-index:var(--zlayoutnavigation)}.menu__list{display:flex;flex-wrap:wrap;justify-items:center;justify-content:center;align-items:center;gap:.5rem 1rem}a.menu__link{--link-color:var(--color-compa);display:inline-block;font-weight:800;text-decoration:none}.menu__item:has(svg){flex-basis:33%;text-align:center}a.menu__link svg{width:2rem;stroke:var(--color-compa);stroke-width:1px}a.menu__contact svg{width:2.35rem}a.menu__link:nth-child(odd):hover{transform:rotate(2deg)}a.menu__link:nth-child(even):hover{transform:rotate(-2deg)}.menu__link:active,.menu__link:focus{text-decoration:underline}@media(min-width:65rem){.menu__list{gap:1.5rem}.menu__item:has(svg){flex-basis:auto;text-align:left}}body[data-template="404"] .ville1{transform:rotate(180deg);transform-origin:center}.section{scroll-margin-top:3rem;padding-top:2rem;padding-bottom:2rem}@media(min-width:65rem){.section{padding-top:4rem;padding-bottom:4rem}}.pres{padding-top:0}.services__list{--gap:1.5rem}.services li{display:inline-block;flex:1;height:fit-content;padding:1rem 2rem .9rem;font-family:var(--font-heading);font-size:var(--space-lg);font-weight:700;line-height:1;text-decoration:none;border-radius:var(--border-radius);color:var(--color-compa);background-color:var(--color-secondary);text-align:center}.home-image img{object-fit:cover;max-height:800px;width:100%}.bubble-container{position:absolute;width:100px;height:100px;top:-33px;right:-10px}.realisation__cards{justify-content:space-around;gap:6rem 3rem}.realisation__card{max-width:350px;text-align:center}.realisation__card .karl-image{object-position:left}.bubble-wrap{position:relative;width:100px;height:100px}.bubble-wrap svg{position:absolute;inset:-1px;width:100%;height:100%;overflow:visible;pointer-events:none}.bubble-wrap .bubble{position:absolute;display:block;width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;border-radius:50%}.realisation__card p{margin-top:.75rem}.realisation__card .kompa-image{width:100%;aspect-ratio:1/1;object-fit:cover}@media(min-width:65rem){.services__list{--gap:3rem}.bubble-container{right:-33px}}.contact{padding:2rem 0}@media(min-width:65rem){.contact{padding:5rem 0}.contact__container{align-items:center}}.animation>*{--transition-property:transform;--transition-duration:180ms;transition:var(--transition-property)var(--transition-duration)ease-in-out}@media(prefers-reduced-motion:reduce){.animation>*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{*{background:0 0!important;box-shadow:none!important;text-shadow:none!important}body{width:auto;margin:auto;font-family:serif;font-size:12pt}nav,footer{display:none}p,.p-like,h1,.h1-like,h2,.h2-like,h3,.h3-like,h4,.h4-like,h5,.h5-like,h6,.h6-like,blockquote,ul,ol{color:#000;margin:auto}img{max-width:100%!important}.print{display:block}.no-print{display:none}p,.p-like,blockquote{orphans:3;widows:3}blockquote,ul,ol,img{page-break-inside:avoid}h1,.h1-like,h2,.h2-like,h3,.h3-like,caption{page-break-after:avoid}a{color:red}a[href^=http]:not([href*="kompadesign.eu"]):after{content:" (" attr(href)")"}a[href^="javascript:"]::after,a[href^="#"]::after{content:""}abbr[title]:after{content:" (" attr(title)")"}}