@charset "utf-8";
/* CSS Document */

body 
{
	font-size:12px;
	font-family:'Roboto';
	line-height:120%; 
}

#content
{
	overflow:hidden;
	background-color:white;
}

p
{
    font-family: 'Roboto';
    font-size: 14px;
    line-height: 160%;
}

a
{
	text-decoration:none;
	color:black;
 	font-family: 'Roboto';
    font-size: 14px;
    line-height: 130%;	
}

li 
{
    font-family: 'Roboto';
    font-size: 14px;
    line-height: 160%;
}


h3
{
	color:black; 
	font-family:'textanarrow-heavy';
	text-transform:uppercase;	
	font-size:18px;
	margin-bottom:10px;
}


.cgrey 
{
	color:#efefed; 
}


.nvisible 
{
	visibility:hidden;
	height:0px;
}


.custom_block h2
{
	position:relative;
	float:left;
	transform:none;
	left:0;
	left:0;
	top:0;
	margin-left:0px; 
	margin-right:0px; 
	width:100%;
	margin-top:20px;
	margin-bottom:20px;
	font-size:29px;
	line-height:120%;
	font-family:'textanarrow-heavy';
	text-transform:uppercase;
}

.custom_block_no_height h2
{
	position:relative;
	float:left;
	transform:none;
	left:0;
	left:0;
	top:0;
	margin-left:0px; 
	margin-right:0px; 
	width:100%;
	margin-top:20px;
	margin-bottom:0px!important;
	font-size:29px;
	line-height:120%;
	font-family:'textanarrow-heavy';
	text-transform:uppercase;
}


#content h2 
{
	line-height:120%;
	font-family:'textanarrow-heavy';
	text-transform:uppercase;
	font-size:29px;
	margin-top:0px;
	margin-bottom:20px;
	float:left;
}


#header
{
	width:100%; 
	position:fixed; 
	top:0px;
	left:0px;
	z-index:3; 
	background-color:white;
	height:90px;
}

#logo
{
	position:absolute;
	left:5%;
	height:40px; 
	top:50%; 
	transform:translateY(-50%);
	z-index:2;
	cursor:pointer;
}



#toggle:hover
{
	opacity:1;
	cursor:pointer;
}


.parallax-window {
    min-height:500px;
    background:transparent;
    width:100%;
	position:relative;
	float:left;
	margin-top:60px;
}

.small-window
{
	min-height:500px;

}


.custom_block
{
	height:auto;
	float:left;
}


.custom_block_no_height
{
	height:auto;
	float:left;
}


.small_block
{
	height:auto;
	float:left;
	min-height:150px;
}


.bgrey
{
	background-color:#3d464a;
	height:auto;
	float:left;
	min-height:275px;
}


.bgblue
{
	background-color:#7aa2be;
	height:auto;
	float:left;
}

.custom_block h2.boxheader
{
	font-size:28px;
	line-height:120%;
	font-family:'textanarrow-heavy';
	width:80%; 
	position:absolute;
	left:10%; 
	top:50%; 
	transform:translateY(-50%); 
	text-transform:uppercase;
	margin-top:0px!important;
	margin-bottom:0px!important;
	z-index:2;
}


 .img-ueberschrift
{
	font-size:28px;
	line-height:120%;
	font-family:'textanarrow-heavy';
	width:50%; 
	position:absolute;
	left:10%; 
	top:0px; 
	text-transform:uppercase;
	margin-top:10%!important;
	margin-bottom:0px!important;
	z-index:2;
}

.floattext
{
	font-size:28px;
	line-height:120%;
	font-family:'textanarrow-bold';
	width:100%; 
	position:relative;
	margin-top:60px; 
	margin-bottom:20px;
	text-transform:uppercase;
	max-width:300px;
	padding-right:calc(100% - 300px);
}


.boxbottom
{
	font-size:28px;
	line-height:120%;
	font-family:'textanarrow-bold';
	width:38%; 
	height:auto;
	position:absolute;
	left:19%; 
	top:50%; 
	transform:translateX(-19%) translateY(-50%); 
}


.padbox
{
	padding:10%; 
	box-sizing:border-box;
	width:100%;
    box-sizing:border-box;
    height:auto;
    float:left;
}

.padbox-history
{
	padding-top:5%; 
	padding-bottom:5%;  
	box-sizing:border-box;
}

.list-item
{
	width:100%;
	float:left;
	height:auto;
	min-height:60px;
	font-size:19px;
	line-height:120%;
	font-family:'textanarrow-bold';	
	position:relative;
	cursor:pointer;
	margin-bottom:10px;
}


.list-img
{
	height:60px;
	position:absolute;
	left:0px;
	top:50%; 
	transform:translateY(-50%); 
}

.list-toggle
{
	height:30px;
	position:absolute;
	right:0px;
	top:30%; 
	transform:translateY(-30%); 
}

.list-name
{
	width:calc(100% - 70px); 
	position:absolute;
	left:70px;
	bottom:10px;
	border-bottom:1px solid black;
	padding-bottom:10px;
}

.list-content
{
	width:100%; 
	float:left;
	box-sizing:border-box;
	padding-left:70px;
	font-family:'textanarrow-light'; 
	font-size:15px;
	line-height:120%;
	display:none;
	padding-bottom:10px;
}

.bigtext p 
{
	font-size:18px;
	line-height:120%;
	font-family:'textanarrow-bold';	
}


.w50.services-img {
    height: 100%;
    min-height: 600px;
	background-size: cover;
	background-position:center center;	
}


.button
{
	font-family:'textanarrow-bold';	
	font-size:24px;
	color:white;
	float:left;
	margin-right:20px;
	margin-top:10px;
	text-decoration:none;
	text-align:center;
	background-color:#ec6669; 
	padding-left:40px;
	padding-right:40px;
	padding-top:15px;
	padding-bottom:15px;
}


#menu
{
	position: fixed;
    right: -100%;
    top: 90px;
    height: 100vh;
    width: 100%;
    background: rgba(137,167,195, 1);
    z-index: 9;
	box-sizing:border-box;
	padding-left:5%;
	padding-top:5%;
}

#menu ul
{
	width: 100%;
	float: left;
	height: auto;
	position:relative;
	list-style:none;
	padding-left:10px;
	box-sizing:border-box;
}


#content ul 
{
    list-style:square;
    padding-left:1.2em;
    margin-top:10px;
    margin-bottom:10px;
	width:100%;
	float:left;
}

#content ul li 
{
	width:100%;
	float:left; 
}

#menu-hauptmenue
{
	padding-left:0px!important;
}

#menu li
{
	width: 100%;
	float: left;
	position:relative;
	list-style:none;
}


#menu li a
{
	width: 90%;
	float: left;
	min-height: 40px;
	position:relative;
	list-style:none;	
}


#menu li a:hover  
{
	text-decoration:underline;
	color:white;
}


#menu .sub-menu
{
	display:none;
}

.submenu 
{
	width:15px;
	height:auto;
	position:absolute;
	right:5%; 
	top:5px;
}


#slogan
{
	width:380px;
    position:absolute;
    z-index:1;
    height:300px;
    left:50%;
    top:50%;
    background: rgba(255,255,255,0.9);
    transform:translateX(-50%) translateY(-50%);
	border:3px solid black;
	box-sizing:border-box;
	padding:35px;
}

#slogan-small
{
	width: 350px;
	min-height:300px;
    position: absolute;
    z-index: 1;
    height: auto;
    left: 50%;
    top: 50%;
    background: rgba(255,255,255,0.9);
    transform: translateX(-50%) translateY(-50%);
	border:3px solid black;
	box-sizing:border-box;
	padding:35px;
	padding-bottom:80px;
}


#slogan h2, #slogan-small h2
{
	font-family:'textanarrow-heavy';
	font-size:48px;
	line-height:120%;
	text-transform:uppercase;
	letter-spacing:3px;
}

#slogan-small h2
{
	font-size: 32px;
    position: absolute;
    width: 100%;
    margin: 0;
    text-align: center;
    left: 0px;
    top: 45%;
    transform: translateY(-50%);
}

.ext
{
	letter-spacing:8px!important;
}

.slog-line
{
	width:70px;
	height:5px;
	background:black;
	position:absolute;
	bottom:45px;
	left:50%;
	transform:translateX(-50%); 
}


.slog-line-small
{
	width:70px;
	height:1px;
	background:black;
	position:absolute;
	bottom:0px;
	left:50%;
	transform:translateX(-50%); 
}



.slog-line-small-bt
{
	width:70px;
	height:1px;
	background:black;
	position:absolute;
	bottom:30px;
	left:50%;
	transform:translateX(-50%); 
}




.news-item
{
	float:left;
	box-sizing:border-box;
	height:auto;
}


.back_lightgrey
{
	background-color:#efefed;
}


.back_blue
{
	background-color:#7aa2be;
}


.back_white
{
	background-color:white;
}


.back_grey 
{
	background-color:#3d464a;
}

.back_blue 
{
	background-color:#79a2bd;
}

.news-title 
{
	padding:10%;
	font-family:'textanarrow-bold';
	font-size:24px;	
	color:white;
	width:100%;
	padding-right:30%;
	line-height:120%;
	box-sizing:border-box;
}


.news-content
{
	padding:10%;
	float:left;
	box-sizing:border-box;
	width:100%;
	background-color:#efefed;
	font-family:'textanarrow-light'; 
	font-size:18px;
	line-height:120%;	
}


.img-wrap
{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}


.product-wrap .img-wrap 
{
    width: 80%;
    height: 80%;
    padding: 0;
    position: absolute;
    left: 10%;
    top: 10%;
    overflow: hidden;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}



.img-box
{
    width:90%;
    float:left;
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
}

.img-box-centered {
    width: 80%;
    float: left;
    position: absolute;
    left: 10%;
    top: 50%;
    transform: translateY(-50%);
}


.person-img
{
	width:172px;
	height:auto;
    position:relative;
    left:unset;
    top:unset;
    transform:none;	
}

.personbox-first .padbox {
    padding-bottom: 0px;
}

.custom_block p, .custom_block_no_height p
{
	font-family:'Roboto'; 
	font-size:14px;
	line-height:160%;
	float:left;
    width:100%;
}

.why-title 
{
	position:relative;
	float:left;
	transform:none;
	left:0;
	top:0;
	margin-left:10%; 
	margin-right:10%; 
	width:80%;
	margin-top:120px;
}


strong 
{
	font-weight:bold;
}



.why-content
{
	float:left;
	margin-left:10%; 
	margin-right:10%;
	width:80%;
	color:white;
	margin-top:20px;
}


.flex-wrap
{
	display:flex;
}

.bglightgrey
{
	background-color:#efefed;
}

.bgwhite 
{
	background-color:white;
}


.dummy-img 
{
	visibility:hidden;
}

/* Gutenber Block Adjustment */ 
.wp-block-columns 
{
	width:100%; 
	height:auto; 
	display:flex;
}

.wp-block-column
{
	width:50%;
	float:left;
	position:relative;
	overflow:hidden;
}

.wp-block-lazyblock-bereichs-liste .wp-block-column 
{
	background-color:white;
}

.full-image
{
	width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	min-height:500px;
}

.full-image img 
{
	width:100%; 
	height:100%;
	object-fit:cover;
}


.wp-block-lazyblock-vollbild
{
	min-height:500px;
}


.wp-block-lazyblock-buttonblock, .wp-block-lazyblock-ueberschrift-block
{
	min-height:100%;
	width:100%;
	float:left;
	display:flex;
}

.content-wrap
{
	margin-top:0px;
	margin-bottom:30px;
}


.vcenter {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
	width:100%;
}

.hcenter 
{
	position:absolute; 
	left:50%; 
	transform: translateX(-50%);
}

.vhcenter
{
	position:absolute; 
    top: 50%;
	left:50%; 
	transform: translateX(-50%) translateY(-50%);
}

.product-wrap 
{
	display:flex;
	padding-top:0px;
	padding-bottom:0px;
}


.product-wrap h2
{
	text-transform:uppercase;
}


.reference-img 
{
	padding:10px;
	float:left;
	width:25%;
	box-sizing:border-box;
}

.reference-img:hover 
{
	cursor:pointer;
}

.lang-container 
{
	position:absolute;
	right:1%; 
	top:50%; 
	transform:translateY(-50%); 
}


#lang-de {
    width:30px; 
	float:right;
	margin-right:5px;
	margin-top:2px;	
}


#lang-en {
    width:30px; 
	float:right;
	margin-right:5px;
	margin-top:2px;	
}


#lang-ja {
    width:30px; 
	float:right;
	margin-right:5px;	
	margin-top:2px;
}


.lang-select 
{
	opacity:0.9;
}

.lang-select:hover 
{
	cursor:pointer;
	opacity:1;
}


#toggle
{
	width:35px;
	opacity:0.9;
	float:right;
	margin-right:10px;
	display:none;
}


#footer 
{
	width:100%; 
	padding-left:5%; 
	padding-right:5%;
	box-sizing:border-box; 
	padding-top:50px;
	padding-bottom:0px;
	float:left;
	background-color:white;
}

#footer-content 
{
	width:100%; 
	padding-left:5%; 
	padding-right:0px;
	padding-top:0px;
	padding-bottom:50px;
	float:left;
	background-color:white;	
	box-sizing:border-box; 	
}


#footer a, #footer-content a 
{
	width:100%; 
	float:left;
	text-decoration:none;
	font-family:'textanarrow-light'; 
	color:black; 
	font-size:16px;
	margin-top:20px;
}


#footer a.big, #footer-content a.big
{
	color:black;
	font-family:'Roboto';
	font-size:16px;	
	margin-top:40px;
}


#footer h2, #footer-content h2
{
	font-size:18px;
	line-height:120%;
	font-family:'Roboto';
	margin-bottom:30px;
	letter-spacing:4px;
}

#sub-footer 
{
	width:100%; 
	padding-left:5%; 
	padding-right:5%; 
	padding-bottom:20px; 
	float:left; 
	height:auto;
	background-color:#3d464a;
	box-sizing:border-box;
	position:relative;
}

#sub-footer p
{
	width:100%; 
	position:relative;
	text-align:center;
	color:#666;
	font-family:'Roboto'; 
	font-size:16px;
	float:left;
	margin-top:20px; 
}

#sub-footer a
{
	width:auto; 
	color:#666;
	font-family:'Roboto'; 
	font-size:16px;
}


#sub-footer a:hover 
{
	cursor:pointer;
	color:#ec6669;
}


.contact-wrap 
{
	padding:5%; 
	box-sizing:border-box;
	float:left;
}


.tinput 
{
	width:100%; 
	padding:20px; 
	box-sizing:border-box;
	float:left; 
	font-family:'textanarrow-light'; 
	font-size:18px;
	margin-bottom:10px;
	margin-top:10px;
}	


.tarea 
{
	width:100%; 
	padding:20px; 
	box-sizing:border-box;
	float:left; 
	font-family:'textanarrow-light'; 
	font-size:18px;
	margin-bottom:10px;
	margin-top:10px;
}


span.before 
{
    float: left;
    width: 30px;
    height: 20px;	
}

.checkbox 
{
	position:absolute;
	left:0px;
	top:0px;
	width:20px;
	height:20px;
}


p.label 
{
	color: #999999;
    text-transform: uppercase;
    letter-spacing: 2px;
}


.button:hover 
{
	cursor:pointer;
}

.button.disabled 
{
	opacity:0.5;
}


#desktop-menu 
{
	width:auto; 
	position:absolute;
	right:120px; 
	top:50%; 
	transform:translateY(-50%); 
}

#desktop-menu li
{
	float:left;
	margin-right:25px;
	position:relative;
	font-size:10px;
}

#desktop-menu li a
{
	font-size:15px!important;
	font-family:'Roboto'; 
	color:black;
	font-weight:400; 
}

#desktop-menu li a:hover 
{
	color:#ec6669; 
	text-decoration:none; 
}


#desktop-menu li.menu-item-has-children
{
	/*
	background-image:url('/wp-content/themes/forwardengineering/images/down-arrow.svg'); 
	background-repeat:no-repeat;
	background-size:7px auto;
	background-position:right 0px top 4px;
	padding-right:15px;
	*/ 
}

#desktop-menu li.menu-item-has-children:hover
{
	/*
	background-image:url('/wp-content/themes/forwardengineering/images/down-arrow-red.svg'); 
	background-repeat:no-repeat;
	background-size:7px auto;
	background-position:right 0px top 4px;
	padding-right:15px;
	*/ 
}

#desktop-menu .sub-menu li.menu-item-has-children
{
	/*
	background-image:url('/wp-content/themes/forwardengineering/images/right-arrow.svg'); 
	background-repeat:no-repeat;
	background-size:7px auto;
	background-position:right 0px top 7px;
	*/ 
}


#desktop-menu .sub-menu 
{
	display:none;
	position:absolute;
	background-color:rgba(137,167,195, 1);
	padding:20px;
	top:52px;
	left:0px;
	padding-top:10px;
	z-index:1;
	min-width:100px;
}

#desktop-menu .sub-menu a:hover 
{
	color:#ec6669; 
}

#desktop-menu .sub-menu li 
{
	width:100%;
	margin-top:10px;
}

#desktop-menu .sub-menu li.menu-item-has-children > .sub-menu
{
	display:none;
	position:absolute;
	left:120px;
	top:0px!important;
}


.wspecial 
{
	width:calc(100% - 250px)!important;
	margin-left:20px!important;
	float:left;
	margin-top:0px!important;
}

.xing:hover 
{
	cursor:pointer;
}


p.has-text-align-center
{
	text-align:center;
}

.history-img
{
	margin:0 auto; 
	display:block;
	margin-top:20px;
	width:500px;
	border:1px solid black; 
}

.history-entry:last-of-type .slog-line-small 
{
	display:none;
}


.button-center {
    margin: 0 auto;
    float: none;
    display: table;
    margin-top: 0px;
}


#cookie-bar 
{
	width:100%; 
	box-sizing:border-box;
	background-color:#79a2bd;
	color:black; 
	font-family:'Roboto'; 
	font-size:9px;
	text-align:center;
	padding:10px;
	position:fixed;
	bottom:0px;
	height:35px;
	z-index:9;
}

#cookie-bar p  
{
	position:absolute;
	left:0px;
	width:100%;
	text-align:center;
	top:50%;
	transform:translateY(-50%);
	line-height:120%;
}


#cookie-bar a 
{
	margin-left: 10px;
    margin-right: 10px;
    background-color: #ec6669;
    color: white;
    text-decoration: none;
    padding: 10px;
}

#cookie-bar a:hover 
{
	cursor:pointer;
}


.cwhite a 
{
	color:white;
}


.wp-block-lazyblock-anchor
{
	width:100%; 
	float:left;
}

.anchor 
{
	float:left;
}


.wp-block-lazyblock-bereichsliste-inhalt
{
	padding:10%;
	padding-top:0px;
	padding-bottom:0px;
}

.pt95
{
	padding-top:9.5%;
}


.trennstrich 
{
	width:70px;
    height:5px;
    background: white;
	position: relative;
	float:left; 
	margin-right: calc(100% - 70px);
}


.linkedin-button 
{
	width:20px!important;
	height:auto; 
    display:inline-block;
	transform: translateY(3px);
}



.hr-centered 
{
	width:70px;
    height:1px;
    background: white;
	position: relative;
	margin:0 auto; 
	display:table;
	margin-bottom:10px; 
	margin-top:10px; 
}




.xing {
    height:39px;
	width:39px; 
    padding-right:0px;
	background-image:url('/wp-content/themes/forwardengineering/images/xing.png'); 
	background-size:cover; 
	background-repeat:no-repeat;
	float:left;
	position:relative; 
	margin-right:20px; 
}

.xing:hover 
{
	cursor:pointer; 
}



.linkedin {
    height:39px;
	width:39px; 
    padding-right:0px;
	background-image:url('/wp-content/themes/forwardengineering/images/linkedin-hover.svg'); 
	background-size:cover; 
	background-repeat:no-repeat;
	float:left;
	position:relative; 
}


.linkedin:hover {
    height:39px;
	width:39px; 
    padding-right:0px;
	background-image:url('/wp-content/themes/forwardengineering/images/linkedin-hover.svg'); 
	background-size:cover; 
	background-repeat:no-repeat;
	cursor:pointer; 
}


.wp-block-lazyblock-karriere-block .small_block, .wp-block-lazyblock-uberschrift-zentriert .custom_block_no_height 
{
	padding-top:3%;
	padding-bottom:3%; 
	min-height:unset;  
}


.wp-block-columns
{
	margin-bottom:0px; 
}


.wp-block-column:not(:first-child)
{
	margin-left:0px; 
}