/* Reset */
 * {
     margin: 0; padding: 0
 }

/* noto-sans-regular - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-display : fallback;
  src: url('../fonts/noto-sans-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans'), local('NotoSans'),
       url('../fonts/noto-sans-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-v8-latin-regular.svg#NotoSans') format('svg'); /* Legacy iOS */
}
/* noto-sans-italic - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 400;
  font-display : fallback;
  src: url('../fonts/noto-sans-v8-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans Italic'), local('NotoSans-Italic'),
       url('../fonts/noto-sans-v8-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-v8-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-v8-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-v8-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-v8-latin-italic.svg#NotoSans') format('svg'); /* Legacy iOS */
}
/* noto-sans-700 - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  font-display : fallback;
  src: url('../fonts/noto-sans-v8-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans Bold'), local('NotoSans-Bold'),
       url('../fonts/noto-sans-v8-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-v8-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-v8-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-v8-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-v8-latin-700.svg#NotoSans') format('svg'); /* Legacy iOS */
}
/* noto-sans-700italic - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 700;
  font-display : fallback;
  src: url('../fonts/noto-sans-v8-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans Bold Italic'), local('NotoSans-BoldItalic'),
       url('../fonts/noto-sans-v8-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-v8-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-v8-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-v8-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-v8-latin-700italic.svg#NotoSans') format('svg'); /* Legacy iOS */
}

/* Burger Menu */
#menu {
	cursor: pointer;
  	padding-left: 1.25em;
  	position: relative;
  	width: 18px;
  	height: 34px;
	float: left;
	margin: 24px 0 0 20px;
	display: none;
}

.menu-global {
 	backface-visibility: hidden;
 	position: absolute;
  	left: 0;
  	border-top: 4px solid #5f5f5f;
	border-radius: 2px;
    width: 100%;
  	transition: 0.35s;
}

.menu-top {
 	top: 5px;
}

.menu-middle {
 	top: 15px;
}

.menu-bottom {
 	top: 25px;
}

.menu-top-click {
	backface-visibility: hidden;
	top: 15px;
 	transform: rotate(50deg);
 	transition: 0.35s 0.3s;
}

.menu-middle-click {
 	opacity: 0;
}

.menu-bottom-click {
	backface-visibility: hidden;
	top: 15px;
	transform: rotate(-410deg);
	transition: 0.35s 0.3s;
}

.columnServices {
	width: 50%;
	float:left;
}

.columnBootcamp {
	margin-top: 40px;
	width: 33%;
	float:left;
}

.columnsRightServicesText {
	margin-left: 40px;
}

.columnsLeftServicesText {
	margin-right: 40px;
}

.columnIntro {
	margin-top: 40px;
	width: 20%;
	float: left;
}

.columnServiceBulletPoint {
	width: 25%;
	float:left;
}

.columnServiceBulletText {
	width: 70%;
	float:left;
	color: black;
	padding-left: 15px;
}

.row {
	box-sizing: border-box;
}

.row::after {
	content: "";
	clear: both;
	display: table;
	margin-bottom: 10px;
}

.columnLab {
	float: left;
	width: 45%;
}

.columnLabSpacer {
	float: left;
	width: 10%;
}

.dividersubline {
	padding-top: 20px;
	text-align: center;
	color: #5f5f5f;
}

.bulletGoal {
	background-image: url('../images/goal.png');
	background-repeat: no-repeat;
	background-size: contain;
	height: 99px;
}

.bulletService {
	background-image: url('../images/content.png');
	background-repeat: no-repeat;
	background-size: contain;
	height: 99px;
}

.bulletTopics {
	background-image: url('../images/topics.png');
	background-repeat: no-repeat;
	background-size: contain;
	height: 99px;
}

/* Images */
#logo {
	position: absolute;
	top: 10px;
	right: -20px;
	width: 360px;
	height: 60px;
	background-image: url('../images/logo.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

#title-image-products, #title-image-services, #title-image-company, #title-image-career, #title-image-imprint, #title-image-remotexpert, #title-image-trustcode, #title-image-easyservice, #title-image-event-countdown  {
	width: 100%;
	height: 600px;
	background-repeat: no-repeat;
	background-size: cover;
}

#title-image-remotexpert {
	height: 700px;
}

#title-image-products {
	background-image: url('../images/title-products.jpg');
	background-position: bottom;
}

#title-image-services {
	background-image: url('../images/title-services.jpg');
	background-position: bottom;
}

#title-image-company {
	background-image: url('../images/title-company.jpg');
	background-position: bottom;
}

#title-image-career {
	background-image: url('../images/title-career.jpg');
	background-position: center;
}

#title-image-imprint {
	background-image: url('../images/title-imprint.jpg');
	background-position: bottom;
}

#title-image-remotexpert {
	background-image: url('../images/title-remotexpert.jpg');
	background-position: bottom;
}

#title-image-trustcode {
	background-image: url('../images/title-trustcode.jpg');
	background-position: bottom;
}

#title-image-easyservice {
    background-image: url('../images/product-easyservice.gif');
	background-position: bottom;
}

#title-image-event-countdown {
    background-image: url('../images/product-event-countdown.jpg');
	background-position: bottom;
}

#image-management-lab {
	background-image: url('../images/mgmt-lab.jpg');

}

#image-bootcamp {
	background-image: url('../images/bootcamp.jpg');
}

#image-professional-services {
	background-image: url('../images/profesionalserivices.jpg');
}

#image-management-lab{
	width: 100%;
	height: 500px;
	background-repeat: no-repeat;
	background-size: cover;
}

#image-bootcamp {
	width: 100%;
	height: 600px;
	background-repeat: no-repeat;
	background-size: cover;
}

#image-professional-services {
	width: 100%;
	height: 550px;
	background-repeat: no-repeat;
	background-size: cover;
}

.image-arrow {
	background-image: url('../images/arrow_down.png');
	height: 18px;
	width: 120px;
	background-repeat: space;
	background-size: auto;
	min-height: 100px;
	margin: auto;
}

.bootcamp-tile {
	border: 1px solid black;
	border-radius: 5px;
	box-shadow: 5px 10px lightgray;
	padding: 10px;
	width: 80%;
	text-align: center;
	overflow: auto;
	min-height: 100px;
	hyphens: auto;
}

.easy_frame_image {
    float:left;
    width: 30%;
}

#product-image-remotexpert, #product-image-trustcode, #product-image-dpp, #product-image-vds, #product-image-easyservice, #product-image-event-countdown, #product-image-lean-digital-lab, #product-image-creative-lab, #service-image-lean, #service-image-creative, #service-image-digital,
#company-image-teamwork, #company-image-office, #gender-equality-image, #company-image-vr, #career-image-office, #career-image-bike, #career-image-meeting, #career-image-conference, #remotexpert-image-step-1-de, #remotexpert-image-step-2-de, #remotexpert-image-step-3-de, #remotexpert-image-step-4-de, #remotexpert-image-step-1-en, #remotexpert-image-step-2-en, #remotexpert-image-step-3-en, #remotexpert-image-step-4-en, #trustcode-image-vodka, #trustcode-image-dashboard, #event-countdown-image1{
	width: 100%;
	height: 400px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

#remotexpert-image-step-1-de, #remotexpert-image-step-2-de, #remotexpert-image-step-3-de, #remotexpert-image-step-4-de, #remotexpert-image-step-1-en, #remotexpert-image-step-2-en, #remotexpert-image-step-3-en, #remotexpert-image-step-4-en {
	height: 500px;
}

#product-image-remotexpert {
	background-image: url('../images/product-remotexpert.jpg');
}

#product-image-dpp {
	background-image: url('../images/product-dpp.png');
}

#product-image-vds {
	background-image: url('../images/product-vds.png');
}

#product-image-trustcode {
	background-image: url('../images/product-trustcode.jpg');
}

#product-image-easyservice {
    background-image: url('../images/product-easyservice.gif');
}

#product-image-event-countdown {
    background-image: url('../images/product-event-countdown.jpg');
}

#product-image-creative-lab {
	background-image: url('../images/creative-digital-lab-product.jpg');
}

#product-image-lean-digital-lab {
	background-image: url('../images/lean-digital-labs-product.jpg');
}

#service-image-lean {
	background-image: url('../images/service-lean.jpg');
}

#service-image-creative {
	background-image: url('../images/service-creative.jpg');
}

#service-image-digital {
	background-image: url('../images/service-digital.jpg');
}

#company-image-teamwork {
	background-image: url('../images/company-teamwork.jpg');
}

#company-image-office {
	background-image: url('../images/company-office.jpg');
}
#gender-equality-image {
	background-image: url('../images/gender_equality.jpg');
}

#company-image-vr {
	background-image: url('../images/company-vr.jpg');
}

#career-image-office {
	background-image: url('../images/career-office.jpg');
}

#career-image-bike {
	background-image: url('../images/career-bike.jpg');
}

#career-image-meeting {
	background-image: url('../images/career-meeting.jpg');
}

#career-image-conference {
	background-image: url('../images/career-conference.jpg');
}

#remotexpert-image-step-1-de {
	background-image: url('../images/remotexpert-step-1-de.jpg');
}

#remotexpert-image-step-2-de {
	background-image: url('../images/remotexpert-step-2-de.jpg');
}

#remotexpert-image-step-3-de {
	background-image: url('../images/remotexpert-step-3-de.jpg');
}

#remotexpert-image-step-4-de {
	background-image: url('../images/remotexpert-step-4-de.jpg');
}

#remotexpert-image-step-1-en {
	background-image: url('../images/remotexpert-step-1-en.jpg');
}

#remotexpert-image-step-2-en {
	background-image: url('../images/remotexpert-step-2-en.jpg');
}

#remotexpert-image-step-3-en {
	background-image: url('../images/remotexpert-step-3-en.jpg');
}

#remotexpert-image-step-4-en {
	background-image: url('../images/remotexpert-step-4-en.jpg');
}

#trustcode-image-dashboard {
    background-image: url('../images/trustcode-dashboard.jpg');
}

#trustcode-image-vodka {
    background-image: url('../images/trustcode-vodka.jpg');
}

#event-countdown-image1 {
    background-image: url('../images/event-countdown-01.jpg');
}

#career-tech-stack-image {
	width: 100%;
	height: 450px;
	background-image: url('../images/career-tech-stack.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 30px;
}

.arrow-right-image {
	height: 120px;
	background-position: top;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('../images/arrow_right.png');
}

#alexander-image, #andreasG-image, #andreasM-image, #andreasW-image, #annaN-image, #annaO-image, #bastianO-image,
#bastianS-image, #benno-image, #christoph-image, #darko-image, #dominic-image, #florian-image,
#hendrik-image, #karina-image, #kira-image, #marcel-image, #marian-image, #markus-image, #martin-image,
#martina-image, #marvin-image, #michaelF-image, #michaelG-image, #nicole-image, #nikolai-image, #paul-image, #samuel-image,
#stefan-image, #teresa-image, #thomas-image, #tim-image, #uwe-image,
#lean-lab-process-image, #lean-lab-helpers-image, #lean-lab-integration-image, #lean-lab-support-image {
	width: 120px;
	height: 120px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 1px solid #fff;
	border-radius: 50%;
	margin: 0 auto;
	margin-bottom: 5px;
}

#ansprechpartner #benno-image {
	margin-bottom: 10px;
}

#ansprechpartner-bottom #yuecel-image, #ansprechpartner-bottom #andreasW-image  {
	float: left;
	margin-right: 30px;
	margin-bottom: 40px;
}

#lean-lab-process-image {
	background-image: url('../images/processimprovement.jpg');
}

#lean-lab-helpers-image {
	background-image: url('../images/digitalhelper.jpg');
}

#lean-lab-integration-image {
	background-image: url('../images/integration.jpg');
}

#lean-lab-support-image {
	background-image: url('../images/support.jpg');
}

#alexander-image {
	background-image: url('../images/m_alexander.jpg');
}

#andreasG-image {
	background-image: url('../images/m_andreasG.jpg');
}

#andreasM-image {
	background-image: url('../images/m_andreasM.jpg');
}

#andreasW-image {
	background-image: url('../images/m_andreasW.jpg');
}

#annaN-image {
	background-image: url('../images/m_annaN.jpg');
}

#annaO-image {
	background-image: url('../images/m_annaO.jpg');
}

#bastianO-image {
	background-image: url('../images/m_bastianO.jpg');
}

#benno-image {
	background-image: url('../images/m_benno.jpg');
}

#christoph-image {
	background-image: url('../images/m_christoph.jpg');
}

#darko-image {
	background-image: url('../images/m_darko.jpg');
}

#dominic-image {
	background-image: url('../images/m_dominic.jpg');
}

#florian-image {
	background-image: url('../images/m_florian.jpg');
}

#hendrik-image {
	background-image: url('../images/m_hendrik.jpg');
}

#karina-image {
	background-image: url('../images/m_karina.jpg');
}

#kira-image {
	background-image: url('../images/m_kira.jpg');
}

#marcel-image {
	background-image: url('../images/m_marcel.jpg');
}

#marian-image {
	background-image: url('../images/m_marian.jpg');
}

#markus-image {
	background-image: url('../images/m_markus.jpg');
}

#martin-image {
	background-image: url('../images/m_martin.jpg');
}

#martina-image {
	background-image: url('../images/m_martina.jpg');
}
#marvin-image {
	background-image: url('../images/m_marvin.jpg');
}

#michaelF-image {
	background-image: url('../images/m_michaelF.jpg');
}

#michaelG-image {
	background-image: url('../images/m_michaelG.jpg');
}

#nicole-image {
	background-image: url('../images/m_nicole.jpg');
}

#nikolai-image {
	background-image: url('../images/m_nikolai.jpg');
}

#samuel-image {
	background-image: url('../images/m_samuel.jpg');
}

#stefan-image {
	background-image: url('../images/m_stefan.jpg');
}

#teresa-image {
	background-image: url('../images/m_teresa.jpg');
}

#thomas-image {
	background-image: url('../images/m_thomas.jpg');
}

#tim-image {
	background-image: url('../images/m_tim.jpg');
}

#uwe-image {
	background-image: url('../images/m_uwe.jpg');
}

#android-developer-image, #ios-developer-image, #frontend-developer-image, #full-stack-developer-image, #devops-image, #hybris-developer-image, #ux-engineer-image, #initiativ-image, #opencv-image, #jira-image, #ml-image {
	width: 32px;
	height: 32px;
	background-image: url('../images/li_android.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

#ios-developer-image {
	background-image: url('../images/li_apple.png');
}

#frontend-developer-image {
	background-image: url('../images/li_html5.png');
}

#full-stack-developer-image {
	background-image: url('../images/li_java.png');
}

#devops-image {
	background-image: url('../images/li_docker.png');
}

#hybris-developer-image {
	background-image: url('../images/li_hybris.png');
}

#ux-engineer-image {
	background-image: url('../images/li_adobexd.png');
}

#initiativ-image {
	background-image: url('../images/li_initiativ.png');
}

#opencv-image {
	background-image: url('../images/li_opencv.png');
}

#jira-image {
	background-image: url('../images/li_jira.png');
}

#ml-image {
	background-image: url('../images/li_ml.png');
}

/* General */
body {
    font-family: Noto Sans;
    font-size: 16px;
	color: #232a63;
    background: #fff;
    -webkit-text-size-adjust: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
}

h1, h2 {
	font-family: Noto Sans;
    font-size: 24px;
	font-weight: 700;
}

h2 {
	margin: 10px 0;
}

/* Header */
#header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
	background-color: #fff;
}

#header .logo-area {
	height: 58px;
	padding-top: 20px;
	border-bottom: 1px solid #ccc;
}

#header #navigation, #content .wrapper, #footer .wrapper {
	position: relative;
	max-width: 1012px;
	margin: 0 auto;
}

#header #navigation {
	max-height: 42px;
}

#header #navigation ul {
	list-style: none;
	margin: 0 auto;
    padding: 0;
	max-width: 800px;
}

#header #navigation ul li {
	float: left;
	min-width: 180px;
	margin: 20px 10px;
	text-align: center;
	font-size: 18px;
}

#header #navigation ul li a {
	text-decoration: none;
	color: #232a63;
}

#header #navigation a:hover {
	border-bottom: 1px solid #cbd344;
}

#header #navigation ul li.selected {
	color: #cbd344;
}

.rowLab {
	margin-top: 40px;
	margin-bottom: 40px;
}

/* Content */
#content {
	margin-top: 110px;
}

#content .wrapper {
	padding: 20px;
	margin-top: 30px;
	/* border: 1px solid green; */
}

#content .wrapper p {
	line-height: 32px;
}

.headline h1 {
	font-size: 64px;
	margin-bottom: 40px;
}

#content p span {
	color: #cbd344;
	font-weight: 700;
	font-size: 22px;
}

#content p span.blockquote {
	color: #5f5f5f;
	font-weight: normal;
	font-style: italic;
	line-height: 40px;
}

#content ul {
	list-style: none;
}

#content a {
	color: #232a63;
}

/* Products */
#content .product {
	margin-top: 80px;
}

#content .product div {
	margin: 20px 0;
}

#content .product a {
	margin-top: 10px;
	display: inline-block;
}

#content .product span, #content .competence span, #content .remotexpert-section span {
	font-size: 36px;
	line-height: 44px;
	display: inline-block;
}

#ansprechpartner-bottom {
	margin: 80px 0 30px 0;
}

/* Services */
#content .competence, #content .remotexpert-section {
	margin-top: 20px;
	margin-bottom: 60px;
}

#content .competence div, #content .remotexpert-section div {
	margin-top: 20px;
}

#content .competence span, #content .remotexpert-section span {
	margin: 10px 0;
}

/* Company */
#content .section {
	margin-top: 60px;
}

#content .section div {
	margin-top: 20px;
}

#employees {
	text-align: center;
	background-color: #fbfbfb;
	margin-top: 20px;
	padding-bottom: 40px;
}

.employee {
	text-align: center;
	width: 210px;
	display: inline-block;
	margin: 40px 0 0 0;
}

.employee span {
	display: block;
	color: #5f5f5f;
	font-size: 14px;
	margin-top: 2px;
}

.arrow-right {
	text-align: center;
	width: 30px;
	display: inline-block;
	margin: 40px 0 0 0;
}

/* Career */
#content #jobs {
	float: left;
	margin-top: 40px;
}

#content #jobs li {
	line-height: 48px;
	position: relative;
}

#content #jobs li span {
	display: inline-block;
	position: absolute;
	top: 8px;
	left: -1px;
}

#content #jobs li a {
	padding-left: 40px;
}

#content #ansprechpartner {
	float: right;
	text-align: center;
	margin-top: 40px;
}

.bootcampsUl {
	list-style-type: circle !important;
	margin-left: 20px;
}

.labsul {
	list-style-type: decimal;
	margin: 17px;
}

/* RemoteXpert */
.step {
	margin-bottom: 30px;
}

#content .step p span {
	color: #333;
	font-size: 20px;
	line-height: 28px;
}

/* Table */
table {
	width: 100%;
}

table th, table td {
	padding: 8px;
	vertical-align: top;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
}

table td:last-child, table th:last-child {
	border-right: 1px solid #ddd;
}

table tr:last-child>td {
	border-bottom: 1px solid #ddd;
}

table .mobile {
	display: none;
}

table .center {
	text-align: center;
}

table .right {
	text-align: right;
}

table .background-green {
	background-color: #cbd344;
}

table .background-gray {
	background-color: #f1f1f1;
}

table .checkmark {
	width: 22px;
	height: 22px;
	color: #cbd344;
	fill: currentColor;
}

.button {
	display: inline-block;
	padding: 10px 20px;
	background-color: #cbd344;
	border-radius: 8px;
	color: #fff!important;
	text-decoration: none;
	font-size: 24px;
	font-weight: 700;
	margin-top: 20px;
}

#title-image-remotexpert, #title-image-remotexpert  {
	display: flex;
    justify-content: center;
    align-items: center;
}

/* Youtube Videos */
.youtube-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
	border: 1px solid #f1f1f1;
	margin-top: 50px!important;
}

.youtube-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Event-Countdown */
#ec-feature-list {
    padding-left: 30px;
    line-height: 30px;
}

/* Trustcode */
#feature_list {
}
#feature_list li {
    background-repeat: no-repeat;
    padding-left: 30px;
    line-height: 30px;
}
.list_manual {
     background-image: url(../images/catalog.svg)
}
.list_video {
     background-image:url(../images/video_tutorials.svg)
}
.list_document {
     background-image:url(../images/document.svg)
}
.list_verification {
     background-image:url(../images/verification.svg)
}
.list_warranty {
     background-image:url(../images/warranty.svg)
}
.list_support {
     background-image:url(../images/support.svg)
}
.list_reward {
     background-image:url(../images/reward.svg)
}

/* EasyService */
.easyservice_ul {
     list-style-type: circle;
     padding-left: 30px;
     line-height: 30px;
}


.storelink {
    width: 200px;
}


/* Footer */
#footer {
	background-color: #2f2f2f;
	margin-top: 30px;
}

#footer .wrapper {
	color: #ebebeb;
	padding: 20px 20px 10px 20px;
}

#footer .wrapper p {
	font-size: 14px;
	line-height: 24px;
}

#footer .wrapper a {
	color: #ebebeb;
	font-weight: bold;
}

#footer #social-media {
	float: right;
}

#footer #legal {
	margin-top: 20px;
	font-size: 13px;
	height: 40px;
	line-height: 40px;
}

#footer #legal span {
	display: inline-block;
	margin-left: 20px;
	float: right;
}

#footer #legal span:first-child {
	float: none;
	margin-left: 0;
}

#footer .mk-svg-icon {
	width: 32px;
	height: 32px;
    margin: 10px;
	fill: currentColor;
}

@media only screen and (max-width: 360px) {

	#logo {
		top: 15px;
		right: -20px;
		width: 300px;
		height: 50px;
	}
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	#menu {
		display: block;
	}

	.columnServices {
		width: 100%;
	}

	.columnBootcamp {
		width: 100%;
	}

	.columnsRightServicesText {
		margin-left: 0px;

	}

	.columnsLeftServicesText {
		margin-right: 0px;
	}

	.columnIntro {
		width: 100%;
	}

	#image-management-lab, #image-bootcamp, #image-professional-services {
		height: 300px;
		margin-bottom: 20px;
	}

	.bootcamp-tile {
		margin: auto;
		min-height: 25px;
	}

	#header #navigation {
		max-height: 0;
		transition: max-height 0.8s;
	}

	#header #navigation.menu-click {
		max-height: 180px;
		transition: max-height 0.7s ease-in;
	}

	#header #navigation ul {
		width: 100%;
		opacity: 0;
		visibility: hidden;
		transition: visibility 0s, opacity 0.1s ease-in;
	}

	#header #navigation ul li {
		float: none;
		text-align: left;
		line-height: 44px;
		border-bottom: 1px solid #ccc;
		margin: 0 5px 0 20px;
		width: 100%;
	}

	#header #navigation a {
		display: inline-block;
		width: 100%;
		line-height: 44px;
	}

	#header #navigation a:hover {
		border-bottom: none;
	}

	#header #navigation.menu-click ul {
		opacity: 1;
		visibility: visible;
		transition: visibility 0s, opacity 0.35s ease-in;
		transition-delay: 0.5s;
	}

	.columnLab {
		width: 100%;
	}

	#content {
		margin-top: 78px;
	}

	#title-image-products, #title-image-services, #title-image-company, #title-image-career, #title-image-imprint, #title-image-remotexpert, #title-image-event-countdown {
		height: 300px;
	}

	#product-image-remotexpert, #product-image-trustcode, #product-image-dpp, #product-image-vds, #product-image-creative-lab, #product-image-lean-digital-lab, #service-image-lean, #service-image-creative, #service-image-digital, #company-image-teamwork, #company-image-office, #gender-equality-image, #company-image-vr, #career-image-office, #career-image-bike, #career-image-meeting, #career-image-conference, #trustcode-image-vodka, #trustcode-image-dashboard, #event-countdown-image1 {
		height: 200px;
	}

	#remotexpert-image-step-1-de, #remotexpert-image-step-2-de, #remotexpert-image-step-3-de, #remotexpert-image-step-4-de, #remotexpert-image-step-1-en, #remotexpert-image-step-2-en, #remotexpert-image-step-3-en, #remotexpert-image-step-4-en {
		height: 200px;
	}

	#career-tech-stack-image {
		margin-top: 10px;
		height: 160px;
	}

	#ansprechpartner #benno-image {
		margin: 0 0 20px 0;
	}

	#content .wrapper {
		margin-top: 0;
	}

	.headline h1 {
		font-size: 40px;
        overflow-wrap: break-word;
	}

	.employee {
		width: 160px;
	}

	#content #jobs, #content #ansprechpartner {
		float: none;
		text-align: left;
	}

	#content #ansprechpartner {
		margin-top: 50px;
		margin-bottom: 30px;
	}

	#ansprechpartner-bottom #yuecel-image, #ansprechpartner-bottom #andreasW-image {
		float: none;
		margin: 0 0 10px 0;
	}

	table .notMobile {
		display: none;
	}

	table .mobile {
		display: table-row;
	}

	table th, table td {
		font-size: 15px;
	}

	#footer {
		padding-bottom: 40px;
	}

	#footer #social-media {
		float: none;
		margin-bottom: 20px;
	}

	#footer #legal {
		height: auto;
	}

	#footer #legal span {
		float: none;
		margin-left: 0;
		display: block;
	}

}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) and (max-width: 767px) {

	#header #navigation ul {
		max-width: 600px;
	}

	#header #navigation ul li {
		min-width: 125px;
		/* border-bottom: 1px solid red; */
	}

	#title-image-products, #title-image-services, #title-image-company, #title-image-career, #title-image-imprint, #title-image-remotexpert, #title-image-trustcode, #title-image-easyservice, #title-image-event-countdown {
		height: 350px;
	}

	#title-image-remotexpert {
		height: 400px;
	}

	#product-image-remotexpert, #product-image-trustcode, #product-image-dpp, #product-image-vds, #product-image-easyservice, #product-image-event-countdown, #product-image-lean-digital-lab, #product-image-creative-lab, #service-image-lean, #service-image-creative, #service-image-digital, #company-image-teamwork, #company-image-office, #company-image-vr, #career-image-office, #career-image-bike, #career-image-meeting, #career-image-conference, #trustcode-image-vodka, #trustcode-image-dashboard, #event-countdown-image1 {
		height: 300px;
	}

	#career-tech-stack-image {
		margin-top: 10px;
		height: 300px;
	}

	#remotexpert-image-step-1-de, #remotexpert-image-step-2-de, #remotexpert-image-step-3-de, #remotexpert-image-step-4-de, #remotexpert-image-step-1-en, #remotexpert-image-step-2-en, #remotexpert-image-step-3-en, #remotexpert-image-step-4-en {
		height: 300px;
	}

	#ansprechpartner #benno-image {
		margin: 0 0 20px 0;
	}

	.headline h1 {
		font-size: 48px;
	}

	#content .product {
		margin-top: 60px;
	}

	#content #jobs, #content #ansprechpartner {
		float: none;
		text-align: left;
	}

	#content #ansprechpartner {
		margin-bottom: 30px;
	}

	#footer {
		padding-bottom: 40px;
	}

	#footer #legal {
		height: auto;
	}

	#footer #legal span {
		float: none;
		margin-left: 0;
		display: block;
	}

	.columnLab {
		width: 100%;
	}

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) and (max-width: 991px) {

	.lab_image {
		float: none;
		width: 100%;
		height: 80%;
		margin-left: 0px;
	}

	#header #navigation ul {
		max-width: 720px;
	}

	#header #navigation ul li {
		min-width: 160px;
		/* border-bottom: 1px solid blue; */
	}

	#title-image-products, #title-image-services, #title-image-company, #title-image-career, #title-image-imprint, #title-image-remotexpert, #title-image-trustcode, #title-image-easyservice, #title-image-event-countdown {
		height: 400px;
	}

	#title-image-remotexpert  {
		height: 450px;
	}

	#product-image-remotexpert, #product-image-trustcode, #product-image-dpp, #product-image-vds, #product-image-easyservice, #product-image-event-countdown, #product-image-lean-digital-lab, #product-image-creative-lab, #service-image-lean, #service-image-creative, #service-image-digital, #company-image-teamwork, #company-image-office, #gender-equality-image, #company-image-vr, #career-image-office, #career-image-bike, #career-image-meeting, #career-image-conference, #trustcode-image-vodka, #trustcode-image-dashboard, #event-countdown-image1 {
		height: 350px;
	}

	#career-tech-stack-image {
		height: 350px;
	}

	#remotexpert-image-step-1-de, #remotexpert-image-step-2-de, #remotexpert-image-step-3-de, #remotexpert-image-step-4-de, #remotexpert-image-step-1-en, #remotexpert-image-step-2-en, #remotexpert-image-step-3-en, #remotexpert-image-step-4-en  {
		height: 400px;
	}

	.headline h1 {
		font-size: 58px;
	}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	#title-image-products, #title-image-services, #title-image-company, #title-image-career, #title-image-imprint, #title-image-remotexpert, #title-image-trustcode, #title-image-easyservice, #title-image-event-countdown {
		height: 500px;
	}

	#title-image-remotexpert  {
		height: 550px;
	}
}

/* Large devices (large laptops and desktops, 1600px and up) */
@media only screen and (min-width: 1600px) {
	#title-image-remotexpert  {
		height: 800px;
	}
}

/* Extra large devices (large laptops and desktops, 2048px and up) */
@media only screen and (min-width: 2048px) {
	#title-image-products, #title-image-services, #title-image-company, #title-image-career, #title-image-imprint, #title-image-remotexpert, #title-image-trustcode, #title-image-easyservice, #title-image-event-countdown   {
		height: 800px;
	}

	#title-image-remotexpert  {
		height: 1200px;
	}
}

/* Extra large devices (large laptops and desktops, 3000px and up) */
@media only screen and (min-width: 3000px) {
	#title-image-products, #title-image-services, #title-image-company, #title-image-career, #title-image-imprint, #title-image-remotexpert, #title-image-trustcode, #title-image-easyservice, #title-image-event-countdown   {
		height: 1200px;
	}

	#title-image-remotexpert {
		height: 1400px;
	}
}

/* Extra large devices (large laptops and desktops, 3000px and up) */
@media only screen and (min-width: 4000px) {
	#title-image-products, #title-image-services, #title-image-company, #title-image-career, #title-image-imprint, #title-image-remotexpert, #title-image-trustcode, #title-image-easyservice, #title-image-event-countdown   {
		height: 1600px;
	}

	#title-image-remotexpert  {
		height: 1800px;
	}
}