/* import file for a variety of colors */
/* import file for fonts */
@font-face { font-family: Comfortaa-Medium; src: url(/assets/webfonts/Comfortaa-Medium.ttf); }

/* various useful variables and mixins */
body { background: #fff; margin: 0; padding-top: 7rem; color: #555; font-family: Comfortaa-Medium, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 18px; line-height: 1.8; letter-spacing: 0.03rem; }

@media (max-width: 690px) { body { font-size: 15px; padding-top: 8rem; } }

body a { text-decoration: none; color: #49C2F1; }

body h1 { margin-top: 4rem; margin-bottom: 0; display: flex; justify-content: center; font-weight: normal; }

@media (max-width: 690px) { body h1 { font-size: 23px; margin-top: 2rem; } }

body h2 { margin-top: 4rem; margin-bottom: 0; color: #56BAA2; font-weight: normal; }

@media (max-width: 690px) { body h2 { font-size: 20px; margin-top: 2rem; } }

body h3 { margin-top: 4rem; margin-bottom: 0; color: #56BAA2; font-size: 2rem; line-height: 1.6; font-weight: normal; }

@media (max-width: 690px) { body h3 { font-size: 18px; margin-top: 2rem; } }

.btn { cursor: pointer; font-size: 14px; margin-bottom: 2rem; text-transform: uppercase; letter-spacing: .075rem; border-radius: 6px; transition: all .2s; line-height: 20px; font-weight: 400; color: white; padding: 12px 16px; min-width: 140px; text-align: center; background-color: #56BAA2; }

@media (max-width: 690px) { .btn { font-size: 12px; } }

.btn:hover { opacity: .9; }

.btn-blue { cursor: pointer; font-size: 14px; margin-bottom: 2rem; text-transform: uppercase; letter-spacing: .075rem; border-radius: 6px; transition: all .2s; line-height: 20px; font-weight: 400; color: white; padding: 12px 16px; min-width: 140px; text-align: center; background-color: #49C2F1; padding: 9px 11px; }

@media (max-width: 690px) { .btn-blue { font-size: 12px; } }

.btn-blue:hover { opacity: .9; }

.blue { background-color: #49C2F1; }

.container { padding-top: 6.25em; display: flex; width: 100%; justify-content: center; }

@media (max-width: 690px) { .container { padding-top: 2em; } }

.container .wrapper { flex-basis: 70rem; padding: 0 1rem; width: 90%; margin-bottom: 8rem; }

@media (max-width: 690px) { .container .wrapper { margin-bottom: 2rem; } }

.container .wrapper h2 { display: flex; }

.container .wrapper img { margin: 3rem 0; }

.container .wrapper .icon-grid { margin-bottom: 0; }

.container .wrapper .job-image { margin: 0; margin-bottom: 3rem; margin-right: 1rem; }

.container .wrapper .job-image img { margin: 0; }

@media (max-width: 690px) { .container .wrapper .job-image { margin-bottom: 0; } }

.container .wrapper .job-desc { margin-bottom: 3rem; }

.container .wrapper .job-desc h3 { margin: .3rem 0; }

.container .wrapper .center { display: flex; justify-content: center; text-align: center; align-items: center; }

.container .wrapper .mobile-center { display: flex; justify-content: flex-start; align-items: center; }

@media (max-width: 690px) { .container .wrapper .mobile-center { justify-content: center; } }

.container .wrapper input { width: 100%; margin: 0; padding: 1rem 0; font-size: 1rem; line-height: 1.2rem; height: 50px; border: none; border-bottom: 1px solid #B2BFC5; outline: 0; background-color: transparent; box-sizing: border-box; font: inherit; margin-bottom: 2rem; }

.container .wrapper textarea { width: 100%; height: 100px; margin: 0; padding: 1rem 0; font-size: 1rem; line-height: 1.2rem; border: none; border-bottom: 1px solid #B2BFC5; outline: 0; background-color: transparent; box-sizing: border-box; font: inherit; margin-bottom: 2rem; }

.container .wrapper input[type=button], .container .wrapper input[type=submit] { width: 20%; line-height: 1; background-color: #56BAA2; border: none; color: white; padding: 16px 32px; text-decoration: none; margin: 10px 2px; cursor: pointer; border-radius: 6px; margin-bottom: 5rem; }

.container .wrapper input[type=submit]:disabled { background-color: lightgray; color: #555; }

.white { color: white; }

.blue-text { color: #49C2F1; }

.orange { color: #56BAA2; }

.small { width: 7rem; height: 7rem; }

@media (max-width: 690px) { .small { width: 4rem; height: 4rem; margin-bottom: 0 !important; } }

.blue-box { background-color: #49C2F1; color: #ffffff; }

.white-box { background-color: #ffffff; color: #49C2F1; }

.grid-container-nobreak { display: grid; grid-template-columns: auto auto; justify-content: space-evenly; }

.grid-container { display: grid; grid-template-columns: auto auto; justify-content: center; }

@media (max-width: 690px) { .grid-container { grid-template-columns: auto; } }

.row-container { display: flex; justify-content: center; }

@media (max-width: 690px) { .row-container { flex-direction: column; } .row-container img { display: none; } .row-container .img-keep { display: block; } }

@media (max-width: 1200px) { .tablet-row { flex-direction: column; } }

.column-container { padding: 0 2rem; display: flex; flex-direction: column; }

.column-container p { margin: 0.5rem 0; }

.desktop-container { margin: 0; padding: 0; display: block; width: 100%; height: auto; max-width: 614px; }

.desktop-container .desktop-content { padding: 3.2% 8.5% 24%; }

.section-banner { padding: 5rem 0; background-color: #49C2F1; display: flex; width: 100%; justify-content: space-evenly; }

@media (max-width: 690px) { .section-banner { flex-direction: column; padding: 2rem 0; } }

.banner-content { display: flex; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; }

@media (max-width: 690px) { .banner-content { margin: 3rem 0; } }

.resize-image { max-width: 100%; height: auto; }

.resize-image-medium { max-width: 50%; height: auto; }

@media (max-width: 690px) { .resize-image-medium { max-width: 80%; height: auto; } }

.resize-image-small { max-width: 30%; height: auto; }

@media (max-width: 690px) { .resize-image-small { max-width: 70%; height: auto; } }

@media (max-width: 690px) { .mobile-image { display: none; } }

.border-image { border: solid; border-color: #49C2F1; border-width: 0.3rem; border-radius: 10px; }

.btn-research_technology { background-color: #56BAA2; text-transform: uppercase; letter-spacing: .075rem; border-radius: 6px; transition: all .2s; line-height: 20px; font-weight: 400; color: white; padding: 12px 16px; min-width: 140px; text-align: center; max-width: 3rem; margin-bottom: 3rem; }

.btn-research_technology:hover { opacity: .9; }

.research_technology_img { margin: 0; width: 15%; height: auto; }

.research_technology_img-large { margin: 0; width: 30%; height: auto; }

.resize-image-2 { max-width: 30rem; max-height: 30rem; width: 50%; height: 50%; }

.text-on-image-container { position: relative; text-align: center; color: white; margin: 0 2rem; }

.text-on-image-centered { position: absolute; top: 60%; left: 50%; transform: translate(-50%, -50%); }

.margin-top-bottom { margin: 3rem 0; }

.margin-top-small { margin-top: 2rem; }

.margin-top-bottom-large { margin: 5rem 0; }

@media (max-width: 1200px) { .tablet-image { display: none; } }

.video { width: 35rem; height: 25rem; border: solid; border-color: #49C2F1; border-width: 0.3rem; border-radius: 10px; }

@media (max-width: 690px) { .video { width: 20rem; height: 15rem; } }

.separated-row { margin-top: 15rem; margin-bottom: 3rem; display: flex; flex-direction: row; justify-content: space-between; }

@media (max-width: 690px) { .separated-row { flex-direction: column; margin-top: 7rem; } }

.column-center { display: flex; justify-content: center; flex-direction: column; }

.no-margin { margin: 0; }

.bottom-margin-small { margin-bottom: 2rem; }

.margin-bottom { margin-bottom: 5rem; }

.top-margin { margin-top: 15rem; }

@media (max-width: 690px) { .top-margin { margin-top: 5rem; } }

@media (max-width: 690px) { .icon { max-width: 50%; max-height: 50%; } }

@media (max-width: 690px) { .icon-small { max-width: 25%; max-height: 25%; } }

@media (max-width: 690px) { .icon-grid { max-width: 7rem; max-height: 7rem; } }

.centered-column { display: flex; flex-direction: column; justify-content: center; align-items: center; }

.small-header { font-size: 30px; }

div .center { align-items: center; }

#german-image img { display: none; width: 25rem; height: 15rem; margin-left: 5rem; }

@media (max-width: 690px) { #german-image img { width: 20rem; margin-left: 0; } }

#german-image { display: flex; justify-content: center; }

/*# sourceMappingURL=centered_info.css.map */