/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FIGO STANDARDSEITE SCHWARZ ~~~~~~~~~~~~~~~~~~~~~~~~ */
@font-face {font-family: 'open_sansregular';src: url('../../../fonts/OpenSans-Regular-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'open_sanslight';src: url('../../../fonts/OpenSans-Light-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'open_sansbold';src: url('../../../fonts/OpenSans-Bold-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Font Awesome 5 Brands';font-style: normal;font-weight: normal;src: url("../../../fonts/fa-brands-400.eot");src: url("../../../fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../../../fonts/fa-brands-400.woff2") format("woff2"), url("../../../fonts/fa-brands-400.woff") format("woff"), url("../../../fonts/fa-brands-400.svg#fontawesome") format("svg");}
@font-face {font-family: 'Font Awesome 5 Solid';font-style: normal;font-weight: 900;src: url("../../../fonts/fa-solid-900.eot");src: url("../../../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../../../fonts/fa-solid-900.woff2") format("woff2"), url("../../../fonts/fa-solid-900.woff") format("woff"), url("../../../fonts/fa-solid-900.ttf") format("truetype"), url("../../../fonts/fa-solid-900.svg#fontawesome") format("svg"); }
/* BOF Added Steffen */
@font-face {font-family: 'Caveat';font-style: normal;font-weight: 400;src: url('../../../fonts/caveat-v7-latin-regular.eot');src: local('Caveat Regular'), local('Caveat-Regular'),url('../../../fonts/caveat-v7-latin-regular.eot?#iefix') format('embedded-opentype'),url('../../../fonts/caveat-v7-latin-regular.woff2') format('woff2'),url('../../../fonts/caveat-v7-latin-regular.woff') format('woff'),url('../../../fonts/caveat-v7-latin-regular.ttf') format('truetype'),url('../../../fonts/caveat-v7-latin-regular.svg#Caveat') format('svg');}
/* EOF Added Steffen */
* {margin:0;padding:0;}
html {overflow-y:scroll;}
html body { background:#000;font-family:'open_sanslight',sans-serif;font-weight:normal;font-size:18px;line-height:28px;color:#000;}
.slicknav_menu {display:none;}
strong {font-family: 'open_sansbold',sans-serif;font-weight:normal;}
hr {border: 0px;border-top: solid 2px #cbcbcb;color:#cbcbcb;border-bottom: transparent;margin:25px 0 30px 0;}
a, img, input, textarea {outline:none;-webkit-transition: 0.25s;transition: 0.25s;}
.pad {padding:25px;}
.wpad {padding:0 25px;}
div.menu {display:none;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ H E A D E R ~~~~~~~~~~~~~~~~~~~~~~~~ */
#top {width:100%;height:140px;margin:0;padding:0;background:#000;position:fixed;top:0;left:0;z-index:99;}
#header {width:1380px;margin:0 auto;position:relative;}
#logo {padding:0;margin:0;position:absolute;top:0px;left:0;z-index:99999999;}
.nav {display:flex;justify-content:flex-end;margin:60px 0 0 0;}
.nav ul {list-style:none;}
.nav ul  ul{margin:0;}
.nav ul:before,.nav ul:after {content:"";display:table;}
.nav ul:after {clear:both;}
.nav ul > li {float:left;position:relative;}
.nav a {display:block;padding:0px 0 0px 40px;font-family:'open_sansregular',sans-serif;font-size:15px;line-height:36px;font-weight:normal;color:#fff;text-decoration:none;text-align:right;}
.nav a:hover {text-decoration:none;color:#cbed16;}
.nav li ul {background:rgba(0,0,0,.55);position:absolute;right:-20px;top:36px;z-index:1;}
.nav li ul li {background:transparent;width:210px;padding:0 20px;overflow:hidden;height:0;-webkit-transition:height 200ms ease-in;transition:height 200ms ease-in;}
.nav li ul a:hover {color:#cbed16;}
.nav ul > li:hover ul {right:-20px;padding-bottom:20px;}
.nav ul > li:nth-of-type(4):hover ul {display:none;} /* no submenu references */
.nav ul > li:hover ul li {height:36px;}
.nav li.menu-current a {color:#cbed16;}
.active {padding:0 0 0 40px;font-family:'open_sansregular',sans-serif;font-size:15px;line-height:36px;font-weight:normal;color:#cbed16;text-align:right;}
/* BOF steffe */.nav ul li ~ li a {text-overflow:ellipsis;white-space:nowrap;overflow-x:hidden;}/* EOF steffen */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ POPUP ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#popup_content {width:780px;padding:60px 10px 10px 10px;background:#80971a;display:none;box-sizing:border-box;}
#popup_content .pad {background:#d7d7d7;border-radius:20px;padding:30px 30px 10px 30px;box-sizing:border-box;}
#popup_content h1 {font-family: 'open_sansregular',sans-serif;color:#000;font-size:22px;line-height:28px;font-weight:normal;margin:0 0 10px 0;}
#popup_content h2 {font-family: 'open_sansregular',sans-serif;color:#80971a;font-size:40px;line-height:50px;font-weight:normal;margin:0 0 15px 0;padding:0;}
#popup_content p {font-family: 'open_sansregular',sans-serif;line-height:24px;padding:0 0 20px 0;}
#popup_content a:link, #popup_content a:visited {color:#80931a;font-family: 'open_sansregular',sans-serif;font-weight:normal;text-decoration:none;-webkit-transition: 0.25s;transition: 0.25s;}
#popup_content a:focus, #popup_content a:hover {color:#f0f0f0;text-decoration:none;}
#popup_content a:active {color:#000;text-decoration:none;}
.form_frame {display:flex;flex-wrap:wrap;}
.mpform_fieldset {flex:1 1 49%;width:49%;}
.mpform_fieldset:nth-child(even) {margin-left:1%;}
.mpform_fieldset:nth-child(odd) {margin-right:1%;}
.mpform_fieldset:nth-of-type(5), .mpform_fieldset:nth-of-type(6), .mpform_fieldset:nth-of-type(7) {flex:1 1 100% !important;margin:0 !important;}
.mpform_fieldset:nth-last-child(1) {flex:1 1 100% !important;margin:0 !important;}
#popup_content .mpform_title, #popup_content .mpform_field, #popup_content .mpform_email, #popup_content .mpform_textarea  {width:auto;box-sizing:border-box;padding:3px;}
#popup_content input.mpform_email, #popup_content textarea.mpform_textarea {width:100%;}
#popup_content .mpform_submit {cursor: pointer;border:none;color:#fff;background:#80961A;font-family:'open_sansregular',Arial,Helvetica,sans-serif;font-weight:normal;font-size:16px;line-height:20px;padding:10px 30px;-webkit-transition: 0.25s;-moz-transition: 0.25s;-o-transition: 0.25s;transition: 0.25s;}
#popup_content .mpform_submit:hover {background:#bebebe;}
#contact_buttons {margin:80px 0 0 0;text-align:center;}
#contact_buttons p {display:inline-block;margin:0 10px 20px 10px;}
#contact_buttons p:last-child {display:block;}
#contact_buttons a:link, #contact_buttons a:visited {color:#fff;background:#80971a;font-family: 'open_sansregular',sans-serif;font-weight:normal;text-decoration:none;padding:10px 20px;}
#contact_buttons a:focus, #contact_buttons a:hover, #contact_buttons a:active {background:#bebebe;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ C O N T E N T ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#container {width:1380px;margin:0 auto;padding:140px 0 0 0;}
.row {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;margin:0 0 20px 0;position:relative;}
.leftcol {margin:0 20px 0 0;background:#eaeaea;width:260px;padding:60px 20px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.contentblock {width:1100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;}
.centercol, .rightcol {background:#bebebe;width:550px;padding:60px 50px 30px 30px;-webkit-box-sizing:border-box;box-sizing:border-box;-o-hyphens: auto;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;text-align:justify;}
.centercol h1, .rightcol h1 {-o-hyphens:none;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;text-align:left;}
.widecol, .widecol2 {background:#bebebe;width:1100px;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;} /* ceo und staff */
/*.spacer {display:block;clear:both;width:100%;height:20px;background:#fff;}*/
a.arr:link, a.arr:visited {font-size:16px;font-family: 'open_sansbold',sans-serif;font-weight:normal;color:#96ad21;text-decoration:none;}
a.arr:focus, a.arr:hover, a.arr:active {color:#000;}
a.arr:after {content:'>>>';color:#fff;padding:0 0 0 10px;}
h1 {font-family:'open_sanslight',sans-serif;font-size:35px;line-height:48px;font-weight:normal;color:#000;padding:0;margin:0 0 25px 0;}
h2 {font-family: 'open_sanslight',sans-serif;font-size:24px;line-height:30px;font-weight:normal;padding:0 0 10px 0;margin:0;}
#container p + h2 {margin:20px 0 0 0;}
#container p, #container table {padding:0 0 20px 0;}
#container .widecol p {padding:0;} /* wg. ref big img */
#container .widecol, #container .widecol img {line-height:0;padding:0;} /* wg. ref big img */
#container img {padding:0 0 5px 0;}
#container td {vertical-align:top;}
#container table.adr td {padding:0;}
#container a:link, #container a:visited {color:#80931a;font-family: 'open_sansregular',sans-serif;font-weight:normal;text-decoration:none;}
#container a:focus, #container a:hover {color:#f0f0f0;text-decoration:none;}
#container a:active {color:#fff;text-decoration:none;}
#container ul {padding:0;margin:0 0 25px 20px;}
#container .rightcol ul {margin:0 0 25px 20px;}
#container .rightcol ul li a:link, #container .rightcol ul li a:visited {font-size:26px;line-height:36px;} /* jobs submenu */
#container li {padding:0 0 10px 10px;}
/*.centercol h1 {margin-top:70px;}*/
.leftcol img {margin:40px 0 0 0;}
.rightcol p {margin:0 50px 0 10px;} /* wg. img re. o.*/
.centercol ul, .rightcol ul {text-align:left;}
.stick  {margin:-60px 0 0 -30px;width:550px;height:auto;}
.vspace {height:280px;}
.bildlinks {float:left;margin:0 15px 10px 0;padding:0;}
.clr {clear:both;height:0px;line-height:0px;font-size:0px;margin:0;padding:0;}
/* Sprungmarken Unternehmen */
#team, #jobs {position:absolute;top:-140px;left:0;height:0;line-height:0;}
/* Sprungmarken Leistung */
#plan, #bau, #pm, #fm, #drfm, #pe {position:absolute;top:-140px;left:0;height:0;line-height:0;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ F O O T E R ~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer {clear:both;width:1380px;margin:0 auto 30px auto;padding:0;background:#000;}
#lang {float:left;margin:0;padding:0 20px 0 0;font-family: 'open_sansregular',sans-serif;color:#fff;font-size:15px;}
#lang a:link, #lang  a:visited {font-family:'open_sansregular',sans-serif;color:#fff;font-size:15px;line-height:80px;font-weight:normal;text-decoration:none;padding:0;}
#lang  a:focus, #lang  a:hover, #lang  a:active {color:#cbed16;}
#lang span:not(:last-of-type):after {content:' | ';color:#fff;}
#lang .easymultilang_current {color:#cbed16;/*display:none;*/}
#footernav1 {float:left;margin:0;padding:0;}
#footernav1 ul {list-style-type:none;}
#footernav1 li {float:left;padding:0 20px 0 0;margin:0;}
#footernav1 ul a:link, #footernav1 ul a:visited {font-family: 'open_sansregular',sans-serif;color:#fff;font-size:15px;line-height:80px;font-weight:normal;text-decoration:none;padding:0;}
#footernav1 ul a:focus, #footernav1 ul a:hover, #footernav1 ul a:active {color:#cbed16;}
#footernav1 ul li.menu-current a, #footernav1i ul li.menu-parent a {color:#cbed16;}
#footernav2 {float:right;margin:0;padding:0;}
#footernav2 a:link, #footernav2 a:visited {color:#fff;line-height:80px;font-size:36px;font-weight:normal;text-decoration:none;padding:0 0 0 20px;display:inline-block;}
#footernav2 a:focus, #footernav2 a:hover, #footernav2 a:active {color:#cbed16;}
.fas, .fab {-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;font-style: normal;font-variant: normal;text-rendering: auto;text-align:center;}
.fa-instagram:before {content:"\f16d";font-family: 'Font Awesome 5 Brands';line-height:80px;font-size:36px;width:36px;display: block;}
.fa-youtube:before {content:"\f167";font-family: 'Font Awesome 5 Brands';line-height:80px;font-size:36px;width:36px;display: block;}
.fa-linkedin:before {content:"\f08c";font-family: 'Font Awesome 5 Brands';line-height:80px;font-size:36px;width:36px;display: block;}
.fa-xing:before {content:"\f168";font-family: 'Font Awesome 5 Brands';line-height:80px;font-size:36px;width:36px;display: block;}
.fa-twitter:before {content:"\f099";font-family: 'Font Awesome 5 Brands';line-height:80px;font-size:36px;width:36px;display: block;}
.fa-facebook-f:before {content:"\f39e";font-family: 'Font Awesome 5 Brands';line-height:80px;font-size:36px;width:36px;display: block;}
.fa-envelope:before {content:"\f0e0";font-family: 'Font Awesome 5 Solid';}
.fa-phone:before {content: "\f095";font-family: 'Font Awesome 5 Solid';}
.fa-whatsapp:before {content: "\f232";font-family: 'Font Awesome 5 Brands';line-height:28px;font-size:18px;width:15px;display:inline;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ M O V E   U P  ~~~~~~~~~~~~~~~~~~~~~~~~ */
.move-up {position: fixed;bottom: 90px;right: 40px;z-index: 99999;display: none;}.move-up button {background:#80971A;border:none;outline:none;color:#fff;font-size:36px;font-weight:normal;line-height:36px;width:100px;height:100px;padding:0;border-radius:50px;text-align:center;opacity:0.8;}
.move-up button:hover,.move-up button:active {opacity:1;}
.fa,.fas {font-family: 'Font Awesome 5 Solid';font-weight: 900;  -moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1; }
.fa-angle-up:before {content: "\f106";}
/* BOF Steffen */
.leftcol:not(.ref) {background-color: #151515;}
.leftcol:not(.ref) h1 {color: white;}
.leftcol:not(.ref) img {width: 150px;}
.rightcol {overflow: hidden;}
.team {font-family: 'Caveat';font-size: 2em;margin: 10px 0 0 20px !Important;}
/* EOF Steffen */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ R E S P O N S I V ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 1420px) {
#header {width:1100px;}
#container {width:1100px;}
.contentblock {width:820px;}
.widecol, .widecol2 {width:820px;}
img {max-width:100%;/*width:auto;*/height:auto;}
#logo img {height:100px;}
h1 {font-size:32px;line-height:38px;}
.stick { max-width: unset;/* CHANGED Steffen von 100% */width: 410px;  /* CHANGED Steffen von auto */height: auto;margin: -60px 0 0 0;}
.vspace {height:16vw;}
#footer {width:1100px;padding:0;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 1120px) {
.js .slicknav_menu {display:block;}
.nav {display:none;}
#header {width:820px;}
#container {width:820px;}
.leftcol {padding:60px 20px 20px 20px;}
.leftcol img {margin:10px 0 0 0;}
.contentblock {width:540px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;}
.centercol {width:540px;padding:20px;}
.centercol h1 {margin:330px 50px 80px 50px;} /* wg. img */
.rightcol {width:540px;padding:0 20px 20px 20px;}
.rightcol p {margin:0;} /* wg. img nach o.*/
.widecol, .widecol2 {width:540px;}
#container .rightcol ul {margin:0 20px 25px 30px;} /* jobs submenu */
#container .rightcol ul li a:link, #container .rightcol ul li a:visited {font-size:18px;line-height:28px;} /* jobs submenu */
.stick  {margin:0;width:540px;height:auto;position:absolute;top:0;right:0;} /* Unternehmen img */
.vspace {height:auto;margin:0;line-height:0;}
#footer {width:820px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:30px auto;}
#lang {-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding:0;}
#lang a:link, #lang  a:visited {line-height:40px;}
#footernav1 {-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;line-height:40px;}
#footernav1 ul {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:5px;line-height:30px;}
#footernav1 ul a:link, #footernav1 ul a:visited {line-height:30px;}
#footernav2 {-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;line-height:40px;}
#footernav2 a:link, #footernav2 a:visited {line-height:40px;padding:0 5px;}
#footernav1 li, #footernav2 li {padding:0 10px;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 860px) {
#top {width:100%;height:75px;}
#header {width:100%;margin:0;}
#logo {top:0px;left:0px;}
#logo img {width:auto;height:75px;}
#container {width:540px;padding:75px 0 0 0;}
.row {-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.leftcol {width:540px;margin:0 0 20px 0;padding:20px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;}
.leftcol h1 {margin:0;}
.leftcol:not(.ref) img {width: 100px;/* ADDED STEFFEN */}
#team, #jobs {position:absolute;top:-75px;left:0;height:0;line-height:0;}
.lefttext { /* Referenzen */position:relative;top:10px;}
.rightcol, .centercol {text-align:left;}
.move-up {bottom:50px;right:10px;}
.move-up button {font-size:15px;line-height:18px;width:64px;height:64px;border-radius:32px;}
#footer {width:540px;}
#footernav1 ul {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ POPUP ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#popup_content {width:100%;padding:60px 10px 10px 10px;background:#80971a;display:none;box-sizing:border-box;}
.mpform_fieldset {flex:1 1 100%;width:100%;}
.mpform_fieldset:nth-child(even), .mpform_fieldset:nth-child(odd) {margin:0;}
#contact_buttons {margin:80px 0 0 0;text-align:center;}
#contact_buttons p {display:block;margin:0 0 20px 0;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 590px) {
#container {width:100%;padding:75px 0 0 0;}
.leftcol {width:100%;padding:40px 20px 20px 20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.leftcol h1 {margin-bottom:20px;}
/*.leftcol img {max-width:60%;}CHANGED Steffen*/
.centercol {width:100%;padding:40px 20px 0 20px;}
.centercol h1 {font-size:24px;line-height:34px;margin:45vw 0 30px 0;}
.rightcol {width:100%;padding:0 20px 40px 20px;}
.widecol, .widecol2 {width:100%;}
.contentblock {width:100%;}
a.arr:link, a.arr:visited {font-size:16px;}
.stick {max-width:100%;width:auto;height:auto;padding:0;margin:0;}
#footer {width:100%;padding:0 2%;-webkit-box-sizing:border-box;box-sizing:border-box;}
.far {line-height:50px;}
.fa-instagram:before, .fa-youtube:before, .fa-linkedin:before, .fa-xing:before, .fa-twitter:before, .fa-facebook-f:before {line-height:50px;}
.move-up {bottom:55px;right:10px;}
.move-up button {font-size:15px;line-height:18px;width:64px;height:64px;border-radius:32px;}
}