body, html { margin: 0; padding: 0; overflow-x: hidden; }
.page-container { padding: 0; margin: 0 auto; width: 100vw; font-size: 1.4vw; max-width: unset !important; }
.page-container > div { padding: 0; margin: 0; }
.page-container p { display: contents; }
.page-container section p { display: block; }
.page-container section p, .page-container h2, .page-container h3, .page-container h4, .page-container div { font-size: 1.4vw; line-height: 1.2em; }
.page-container br, .page-container h1 { display: none; }
.page-container section { position: relative; margin: 0; }
.page-container section * { margin: 0; padding: 0; }
.page-container + div > div:first-child { display: none; }
.page-container input { background-image: none !important; }

@keyframes zmianatla {
  0%  { background-image: url('/picture/files/landing/baner-1.png');}
  10%  { background-image: url('/picture/files/landing/baner-1.png');}
  20%  { background-image: url('/picture/files/landing/baner-2.png');}
  30%  { background-image: url('/picture/files/landing/baner-2.png');}
  40%  { background-image: url('/picture/files/landing/baner-3.png');}
  50%  { background-image: url('/picture/files/landing/baner-3.png');}
  60%  { background-image: url('/picture/files/landing/baner-4.png');}
  70%  { background-image: url('/picture/files/landing/baner-4.png');}
  80%  { background-image: url('/picture/files/landing/baner-5.png');}
  90%  { background-image: url('/picture/files/landing/baner-5.png');}
}

@font-face { font-family: Montserrat; src: url('/files/feb3f172-a144-4c5b-ae7f-bca76c347ead'); font-style: normal; font-weight: 100 500; }
@font-face { font-family: Montserrat; src: url('/files/fc9beecf-0bca-4fee-93a0-9c1687cc24b8'); font-style: normal; font-weight: 600 1000; }
@font-face { font-family: GT-Sectra; src: url('/files/0517e58b-0dd2-4f18-9aa2-fd9254354447') }

.header { height: 37vw; background-image: url('/picture/files/landing/baner-1.png'); background-size: 100%; animation-name: zmianatla; animation-duration: 30s; animation-iteration-count: infinite; }
.header::before { content: url('/picture/files/landing/baner-2.png') url('/picture/files/landing/baner-3.png') url('/picture/files/landing/baner-4.png') url('/picture/files/landing/baner-5.png'); z-index: -1000; height: 1px; width: 1px; overflow: hidden; position: absolute; }
.header div { padding: 6vw; }
.header img { display: block; margin: auto; width: 17vw; }
.header h2 { font-size: 2vw; color: white; margin: 6.2vw auto 0 auto; width: 26vw; text-align: center; font-size: 1.5vw; font-family: Montserrat; }

.icons { padding-top: 12.5vw; padding-bottom: 5.5vw; position: relative; }
.icons img { width: 56.5vw; display: block; margin: auto; z-index: 2; position: relative; }
.icons::before { position: absolute; left: -9vw; top: 0; display: block; width: 26vw; height: 17vw; content: ' '; background-size: 100%; background-image: url('/files/a0637878-49df-4a06-a163-42bf296e416f'); z-index: 1; }
.icons::after { position: absolute; left: -21.3vw; top: 5.2vw; display: block; width: 50.7vw; height: 32.2vw; content: ' '; background-size: 100%; background-image: url('/files/5491ef54-ce5b-4b6c-aacb-d002fda5e59d'); }

.warumWir img { margin-left: 8.5vw; margin-bottom: 2vw; width: 20.8vw; }
.warumWir ul { margin: auto; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 0.8vw; }
.warumWir li { flex-basis: 13.5vw; display: block; height: 38vw; width: 13.5vw; overflow: visible; }
.warumWir li button { position: relative; top: 0; left: 0; height: 38vw; width: 13.5vw; background-position-y: center; background-position-x: 27%; background-size: auto 100%; border: 0.1vw solid #999999; transition-property: top, left, height, width; transition-duration: 0.3s; z-index: 2; }
.warumWir button h3 { display: none; }
.warumWir button p { visibility: hidden; opacity: 0; color: black; font-size: 1.4vw; background-color: blue; border-radius: 1vw; margin: 1vw; padding: 2vw 1vw; transition-property: opacity; transition-duration: 0; transition-delay: 0.3s; }
.warumWir li:hover button { z-index: 4; top: -6vw; left: -6vw; height: 52vw; width: 26vw; }
.warumWir li:hover button p { visibility: visible; opacity: 80%; }
.warumWir li:hover ~ li { filter: grayscale(100%); }
.warumWir li:has(~ li:hover) { filter: grayscale(100%); }
.warumWir::after { position: absolute; left: 50vw; top: 25.5vw; display: block; width: 60vw; height: 71.7vw; content: ' '; background-size: 100%; background-image: url('/files/609a4854-ac60-4d20-a311-355251962536'); z-index: 1;}

.caseStudy h2 { margin: 8.5vw 0 0 8.5vw; font-size: 3.5vw; font-weight: 700; line-height: 5.5vw; font-family: GT-Sectra; letter-spacing: 0.06em; }
.caseStudy h3 { display: block; text-align: center; text-transform: uppercase; font-size: 2vw; }
.caseStudy h4 { margin: 1.5vw 0; font-family: Montserrat; font-size: 1.5vw; text-align: justify; font-weight: bold; }
.caseStudy > div { position: relative; padding: 31vw 0 3vw 0; background-color: #f3f2f2; width: 100%; display: flex; justify-content: center; }
.caseStudy > div * { z-index: 2; }
.caseStudy nav + div { flex-basis: 37vw; padding-right: 3.5vw; font-family: Montserrat; font-size: 1.5vw; box-sizing: content-box;}
.caseStudy nav + div div { margin: 0; border-radius: 1vw; text-align: justify; }
.caseStudy input { appearance: none; width: 2vw; height: 2vw; border-radius: 50%; border: 0; background-color: grey; color: grey; margin: 0.5vw; }
.caseStudy input:checked { background-color: black; color: black; }
.caseStudy input + div { display: none !important; }
.caseStudy input:checked + div { display: flex !important; position: absolute; top: 3vw; justify-content: center; align-items: start; }
.caseStudy iframe { flex-basis: 48vw; width: 48vw; height: 26.3vw;}
.caseStudy nav { flex-basis: 3vw; text-align: center; position: relative; top: 28.5vw; }
.caseStudy nav:first-child { left: 35vw; }
.caseStudy nav:last-child { right: 35vw; }
.caseStudy nav label { font-size: 2.5vw; }

.skontaktuj::before { position: absolute; left: 0; top: -15.5vw; display: block; width: 15.4vw; height: 41.3vw; content: ' '; background-size: 100%; background-image: url('/files/26b302f8-125f-45aa-8215-665eac477782'); z-index: 1; }
.skontaktuj h2::before { position: absolute; right: 7vw; top: 0; display: block; width: 18.7vw; height: 18.2vw; content: ' '; background-size: 100%; background-image: url('/files/24e51cbd-0ec1-41a1-bb21-b79a38e31398'); }
.skontaktuj h2 { display: block; margin: 3.8vw auto 3vw auto; text-align: center; position: relative; top: 5vw; }
.skontaktuj h2 a { color: black; font-family: Montserrat; font-size: 2.2vw; font-weight: 700; text-decoration: none; background-color: #e7c369; border-radius: 1vw; padding: 1.5vw 4.5vw; }
.skontaktuj .email a, .skontaktuj .tel a { font-weight: 200; }
.skontaktuj figure { width: 45%; float: left; display: flex; justify-content: center; align-items: center; }
.skontaktuj figure + figure { float: right; }
.skontaktuj img { position: relative; width: 19vw; z-index: 2; }
.skontaktuj figcaption { font-family: Montserrat; }
.skontaktuj h4 { margin-bottom: 1vw; }
.skontaktuj .tel::before { margin-right: 0.6em; display: inline-block; width: 0.8em; height: 0.8em; content: ' '; background-size: 100%; background-image: url('/files/02c6b3ff-dd9b-408c-b83e-8586a6a658ac'); }
.skontaktuj .email::before { margin-right: 0.6em; display: inline-block; width: 0.8em; height: 0.8em; content: ' '; background-size: 100%; background-image: url('/files/a067adc6-48b6-4684-b593-4326c188b21b'); }