/**
 * @license
 * MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: HelveticaLTWXX-Roman by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/helvetica/pro-regular/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * 
 * 
 * 
 * © 2020 MyFonts Inc
 */
@font-face { font-family: "FFGoodHeadlineProRegular"; src: url('/css/fonts/ff-good-v3/FFGoodHeadlineProRegular/font.woff2') format('woff2'), url('/css/fonts/ff-good-v3/FFGoodHeadlineProRegular/FFGoodHeadlineProRegular/font.woff') format('woff'); }
@font-face { font-family: "FFGoodHeadlineProBold"; src: url('/css/fonts/ff-good-v3/FFGoodHeadlineProBold/font.woff2') format('woff2'), url('/css/fonts/ff-good-v3/FFGoodHeadlineProRegular/FFGoodHeadlineProBold/font.woff') format('woff'); }

/* General structure */

html, body { height: 100%; margin: 0; }
body { padding-top: env(safe-area-inset-top); }
* { -webkit-text-size-adjust: none; }

/* Fonts */

p, li, .meeting-btn { font-family: 'FFGoodHeadlineProRegular', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; }
strong, h1, h2, h3, h4 { font-family: 'FFGoodHeadlineProBold', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; }

.content { font-size: 1.25em; word-wrap: break-word; }
h1 { font-size: 15vw; letter-spacing: -.04em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.25em; }
h4 { font-size: 1.12em; }

pre { "JetBrains Mono","Menlo","DejaVu Sans Mono","Liberation Mono","Consolas","Ubuntu Mono","Courier New","andale mono","lucida console",monospace; }

#contact>.content>p { font-size: 85%; }

.content { text-align: left; }
p, li, blockquote { line-height: 140%; }

.meeting-btn { text-decoration: none; }

/* Colors */

a, #contact .meeting-btn { color: #000; }
#header, #header a, #contact, #contact a, #menu, #menu a, #available .meeting-btn { color: #fff; }
#header h1 { color: #ddda1a; }
#legal, #legal a { color: #999; }

.content-wrapper { background-color: #fff; }
html, body, #menu, #header, #contact, #available .meeting-btn { background-color: #333; }
#available { background-color: #e3000f;}
#projects, #available, #contact .meeting-btn { background-color: #ddda1a; }

/* Margins, paddings & borders */

.content { padding: 1em; }
.content-wrapper { padding: 1em 0; }
#legal-notice, #contact-details { padding-top: 2.5em; }
a { border: 0; text-underline-offset: .5ex; }
h1, h2 { margin: 0; }
h1 { margin-left: -.04em; }
p:last-of-type, #projects ul:last-of-type { margin-bottom: 0; padding-bottom: 0; }
#projects p:last-of-type { margin-bottom: 1em; padding-bottom: 0; }
#projects p { margin-left: 1.5em; }
#arno-klein p { text-indent: -1.5em; margin-left: 1.5em; }
#header { padding: 4em 0 1em 0; }
.meeting-btn { padding: .5em .8em; border-radius: .3em; display: inline-block; }
#contact .meeting-btn { margin: .5em 0; }
#available .meeting-btn { position: relative; left: 100%; transform: translateX(-100%); }

/* Images */

.icon { width: 5em; height: 5em; margin-bottom: .8em; }

.client-logo { margin: 1em 0 0 0; height: 2.5em; }
#dacoso-logo { width: 6.6em; height: 1.462m; margin: 1.6em 0 -.55em 0; }
#biontech-logo { width: 10em; height: 1.137em; position: relative; margin: 1.1em 0 0 -.1em; }
#kia-logo { width: 6.439em; height: 1.515em; margin: 1.1em 0 0 .05em; }
#metro-logo { width: 7.879em; height: 1.894em; margin: .8em 0 -.35em 0; }
#mercedes-benz-logo { width: 5.227em; height: 3.788em; margin: .9em 0 -.1em -.1em; }
#alfa-romeo-logo { width: 5.458em; height: 2.834em; margin: .45em -1em -.6em -1.65em; }
#fiat-logo { width: 5.458em; height: 2.834em; margin: .45em -.8em -.6em -1em; }
#jeep-logo { width: 6.375em; height: 2.834em; margin: .45em -1.2em -.6em -.8em; }
#jahn-reisen-logo { width: 7.424em; height: 2.273em; margin: 1em 0 -.1em -.15em; }
#audi-logo { width: 5.455em; height: 1.894em; margin: 1.15em 0 0 0; }
#tui-fly-logo { width: 7.25em; height: 2.5em; margin: .3em 0 -.25em 0; }

#contact .logo { width: 6.85em; height: 3.45em; }
.linkedin-icon { width: 5.4375em; height: 1.5em; }

/* Menu */

#menu { text-align: left; z-index: 3; position: fixed; top: 0; left: -100%; width: 100%; height: 100%; }
#menu .logo { width: 10.188em; height: 5.125em; } /* max 13.39em width */
#menu>div { width: 100%; padding: 0; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-left: 1em; }
#menu ul { list-style-type: none; padding: 0; margin-top: 2em; margin-bottom: 0; }
#menu li { font-size: 1.3em; margin-bottom: .5em; }
#menu li:last-of-type { margin-bottom: 0; }
#menu a { text-decoration: none; }
#menu .language { margin-top: 1.2em; }
#menu-icon img { position: fixed; z-index: 1; left: 1vh; top: 1vh; margin-top: env(safe-area-inset-top); font-size: 1.6em; width: 2em; height: 2em; }
#close-icon img { width: 1.3em; height: 1.3em; position: absolute; top: .8em; right: .8em; padding-top: env(safe-area-inset-top); }
#menu-icon:hover, #close-icon:hover { cursor: pointer; }
.menu-open .content-wrapper { opacity: .1; }

/* Project Links List */

#projects ul { list-style: none; padding: 0; margin: -.7em 0 1em 0; }
#projects li { padding-left: 2.8em; text-indent: -1.3em; }
#projects li::before { content: "→"; padding-right: .3em; }

/* Other scripts */
.ltr::before, .rtl::before { content: ' | '; }
.ltr, .rtl { color: #333; font-size: 2px; }

/* Media Queries */
					
@media only screen and (min-width: 768px) {
	.content { width: 70%; margin: 0 auto; max-width: 40em; }
	#menu { width: 15em; max-width: 100%; }
}

@media only screen and (min-width: 768px) and (max-width: 1450px) {
	h1 { font-size: 5vw; }
	#header p { font-size: 2.5vw; }
}

@media only screen and (min-width: 1451px) {
	h1 { font-size: 3em; }
	#header p { font-size: 1.45em; }
}

@media only screen and (max-height: 430px) {
	#menu-icon { display: none; }
}