@charset "utf-8"; :root { font-size: 16px;
} * { margin: 0; padding: 0; box-sizing: border-box;
} body { color: #282830; font-family: "Arial", sans-serif; font-size: 1rem; line-height: 1.5; background: #EBF0F0
} img { max-width: 100%; height: auto;
} #wrapper { position: relative; max-width: 50rem; margin: 1rem auto; overflow: hidden;
} :is(a:link, a:visited, a:hover, a:active) { color: inherit; text-decoration: none; white-space: nowrap;
} a.web { color: #6c7073;
} p { margin: 0 0 0.625rem;
} .margin { margin: 0 0 1rem
} p span,
h1 span { white-space: nowrap
} h1 { font-size: 1.5rem; margin: 0; text-align: center; color: #6c7073; line-height: 1.2
} h1 small { font-size: 1.125rem; font-weight: normal
} h2 { font-size: 1.187rem; margin: 0 0 .625rem; color: #6c7073
} ul { list-style: none; margin: 0; padding: 0;
} ul li { padding-left: 1rem
} ul li:before { content: "\2022"; float: left; margin-left: -1rem; font-size: 1.125rem; line-height: 1.4; color: #6c7073;
} header { padding: 2rem 2rem 1.5rem; background: #fff; margin: 0 0 .5rem
} .section { box-shadow: rgba(0, 0, 0, 0.15) 0 0.125rem 0.5rem;
} .section,
footer { margin: 0 0 0.5rem; padding: 1.5rem 2rem; background: #fff;
} .benefits { display: flex; align-items: center; gap: 1.875rem;
} .kontakt { display: flex; align-items: flex-start; gap: 1rem
} .address { display: flex; column-gap: 1.562rem; align-items: flex-start; width: 50%;
} a.apply { background: #535359; font-size: 1.1rem; text-align: center; color: #fff; padding: .5rem 1.5rem; display: block; width: 14.375rem; margin: 2rem auto 1rem; width: fit-content; } .section i { font-size: 2.25rem; color: #6c7073
} .iframe-wrapper { width: 100%; position: relative; padding-bottom: 56.25%; padding-top: 1.875rem; height: 0; overflow: hidden;
} .iframe-wrapper iframe { border: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
} footer { margin-top: .5rem;
} footer p { margin: 0; text-align: center
} .social { display: flex; justify-content: center; gap: 2rem; margin: 1rem 0 0;
} .item { display: flex; justify-content: center; align-items: center;
} .item .fa-brands { color: #000; font-size: 2rem;
} .slider { position: relative; } .slider > img { display: block; width: 100%; position: absolute; top: 0; left: 0; opacity: 0; animation: imageAnimation 18s linear infinite 0s; } .slider > img:nth-of-type(1) { position: static; opacity: 1; } .slider > img:nth-of-type(2) { animation-delay: 6s; } .slider > img:nth-of-type(3) { animation-delay: 12s; } @keyframes imageAnimation { 4% { opacity: 1; } 33% { opacity: 1; } 38% { opacity: 0; } } @media only screen and (max-width: 49.937rem) { #wrapper { border: none; margin: 0 auto; padding: 1rem; } p, ul { -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0 1rem } h1 { margin: 1rem 0 } ul li { padding-left: 1.5rem; } header { padding: 1rem; margin: 0; } .section, footer { padding: 1rem; } .benefits, .kontakt, .address { gap: 1rem; } .address { width: 50% } a.apply { margin: 1rem auto; }
} @media only screen and (max-width: 46.875rem) { header p, h1 { text-align: center } .benefits, .kontakt, .address { gap: .625rem; } header { display: flex; flex-direction: column; align-items: center }
} @media only screen and (max-width: 44.375rem) { ul li { padding-left: 1rem; } .benefits, .kontakt, .address { flex-direction: column; align-items: center } .benefits i { margin: 0 0 .312rem } .address { width: 100% } .address p, .benefits p, .benefits h2, .address h2 { text-align: center }
} @media only screen and (max-width: 23.5rem) { a.apply { width: 100%; margin: 0 0 .625rem }
}