html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

body { background-color: #5ea1a7; color: #fff; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding-bottom: 40%; }

.header { margin-top: 30.55%; padding: 0 6.5%; }
@media screen and (orientation: landscape) { .header { margin-top: 50px; padding-left: 15%; } }
@media only screen and (min-width: 1200px) { .header { margin-top: 150px; padding-left: 315px; padding-right: 0; } }
@media only screen and (min-width: 1681px) { .header { margin-top: 257px; } }

.logo { margin: auto; width: 38.33%; max-width: 176.7px; border-right: 1px solid #fff; }
@media screen and (orientation: landscape) { .logo { max-width: 100.04px; } }
@media only screen and (min-width: 769px) { .logo { max-width: 176.7px; } }
@media only screen and (min-width: 1681px) { .logo { max-width: 205.45px; border-right: 2px solid #fff; } }

.logo-text { margin: auto; width: 61.57%; max-width: 284.3px; }
@media screen and (orientation: landscape) { .logo-text { max-width: 160.96px; } }
@media only screen and (min-width: 769px) { .logo-text { max-width: 284.3px; } }
@media only screen and (min-width: 1681px) { .logo-text { max-width: 323.35px; } }

.footer { position: absolute; bottom: 0; left: 6.5%; right: 6.5%; }
@media screen and (orientation: landscape) { .footer { left: 15%; } }
@media only screen and (min-width: 1200px) { .footer { left: 313px; right: 0; } }

.contact-wrp { max-width: 461px; }
@media screen and (orientation: landscape) { .contact-wrp { max-width: 261px; } }
@media only screen and (min-width: 769px) { .contact-wrp { max-width: 461px; } }
@media only screen and (min-width: 1681px) { .contact-wrp { max-width: 536px; } }
.contact-wrp .contact { margin-left: 37.75%; border-left: 1px solid #fff; padding-left: 7.16%; padding-bottom: 43.385%; height: 0; }
@media only screen and (min-width: 1681px) { .contact-wrp .contact { border-left: 2px solid #fff; padding-bottom: 260px; } }
@media only screen and (min-width: 1681px) { .contact-wrp .contact { margin-left: 205.45px; } }

.contact a { display: block; }
.contact .instagram { margin-top: 8.7%; }
.contact .instagram img { display: block; width: 6.298vw; }
@media only screen and (min-width: 500px) { .contact .instagram img { width: 31px; } }
@media screen and (orientation: landscape) { .contact .instagram img { width: 25px; } }
@media only screen and (min-width: 769px) { .contact .instagram img { width: 37px; } }
@media only screen and (min-width: 1681px) { .contact .instagram img { width: 43.2px; } }
.contact .mail { color: #fff; font-family: "HelveticaNeueThin"; font-size: 3.69458vw; font-weight: 400; letter-spacing: 0.43px; text-decoration: none; padding-top: 6.69%; }
@media screen and (orientation: landscape) { .contact .mail { font-size: 13px; } }
@media only screen and (min-width: 769px) { .contact .mail { font-size: 22.5px; } }
@media only screen and (min-width: 1681px) { .contact .mail { font-size: 26.4px; } }
.contact .imprint-link { color: #fff; font-family: "HelveticaNeueThin"; font-size: 2.5vw; font-weight: 400; letter-spacing: 0.43px; text-decoration: none; padding-top: 6.69%; }
@media screen and (orientation: landscape) { .contact .imprint-link { font-size: 9px; } }
@media only screen and (min-width: 769px) { .contact .imprint-link { font-size: 14px; } }
@media only screen and (min-width: 1681px) { .contact .imprint-link { font-size: 18px; } }

@font-face { font-family: HelveticaNeueThin; src: url(/fonts/HelveticaNeue-Thin.otf); }
.imprint { padding: 10px 25px; max-width: 750px; color: #fff; font-family: "HelveticaNeueThin"; }
.imprint h1, .imprint h2, .imprint h3 { margin-bottom: 10px; margin-top: 20px; color: #fff; font-family: "HelveticaNeueThin"; text-transform: uppercase; }
.imprint h1 { font-size: 24px; }
.imprint h2 { font-size: 22px; }
.imprint h3 { font-size: 20px; }
.imprint p { font-size: 16px; margin-bottom: 8px; line-height: 18px; }