/*
 * Reset
 */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*
 * Basics
 */
ul {
  list-style-type: disc;
  list-style-position: outside;
}
.float_container {
  clear: both;
  overflow: hidden;
}
.float_left {
  float: left;
}
.float_right {
  float: right;
}
/*
 * //////////    B A S I C variables
 */
.hidden {
  display: none;
}
.bold {
  font-weight: bold;
}
/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */
/*
 * ////////////  >1400
 */
body {
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.5em;
  background-image: url(../pics/ui/100-100-5-monochrome.png);
  background-color: #70707A;
  color: #BCDAEC /*#93D6ED*/;
  overflow-y: scroll;
}
h1 {
  font-size: 1.9em;
  font-weight: bold;
  letter-spacing: 1px;
}
h2 {
  font-size: 1.5em;
  font-weight: bold;
}
h3 {
  font-size: 1.15em;
  text-shadow: 0px 1px 1px #575757;
}
h4 {
  font-weight: bold;
  margin-top: 1em;
}
h5 {
  font-weight: bold;
  margin-top: 0.5em;
}
a {
  color: #BCDAEC /*#93D6ED*/;
  font-weight: bold;
}
/*
     *     //////////////   HEADER
     */
#window_size {
  position: fixed;
  top: 0;
  left: 0;
  min-width: 75px;
  background-color: rgba(0, 0, 255, 0.2);
}
#noscript {
  position: fixed;
  top: 0px;
  text-align: center;
  padding: 10px;
  z-index: 1;
  background-color: #DBDB62;
  color: #FF0000;
  left: 0px;
  right: 0px;
}
header {
  padding-top: 70px;
  position: relative;
}
#logo {
  width: 175px;
  height: 175px;
  background: url(../pics/logo_175.png) no-repeat;
  margin: 0 auto;
  margin-top: -40px;
}
#logo_mobile {
  display: none;
}
#header_back_top {
  color: #BCDAEC;
  background: #2d698c;
  /* Old browsers */
  background: -moz-linear-gradient(top, #2d698c 1%, #204663 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #2d698c), color-stop(100%, #204663));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #2d698c 1%, #204663 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #2d698c 1%, #204663 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #2d698c 1%, #204663 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #2d698c 1%, #204663 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d698c', endColorstr='#204663', GradientType=0);
  /* IE6-9 */
  border-bottom: 2px solid #13C3FF;
}
#header_back_top_wrapper {
  margin: 0 200px;
  padding: 20px 0;
  position: relative;
}
#header_back_bottom {
  background: #5d737f;
  /* Old browsers */
  background: -moz-linear-gradient(top, #5d737f 1%, #7691a2 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #5d737f), color-stop(100%, #7691a2));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #5d737f 1%, #7691a2 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #5d737f 1%, #7691a2 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #5d737f 1%, #7691a2 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #5d737f 1%, #7691a2 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5d737f', endColorstr='#7691a2', GradientType=0);
  /* IE6-9 */
}
#header_back_bottom_wrapper {
  margin: 0 200px;
  padding: 20px 0;
  position: relative;
}
#header_back_top_wrapper .right_side {
  width: 79%;
  margin-left: 21%;
  text-align: right;
}
#header_back_top_wrapper .right_side div.h2 {
  position: relative;
  display: inline-block;
  width: auto;
  text-shadow: 0px 1px 1px #858585;
  font-style: italic;
  font-weight: normal;
  font-size: 1.2em;
}
#header_back_top_wrapper .right_side div.h2 div.h1_transparent {
  color: transparent;
  opacity: 0;
  text-shadow: none;
  padding-bottom: 10px;
}
#header_back_top_wrapper .right_side div.h2 div.h1_visible {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 1.4em;
  font-weight: bold;
  font-style: normal;
  letter-spacing: 1px;
  text-align: center;
  text-shadow: 0px 1px 1px #575757;
}
#header_back_top_wrapper .left_side {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 20%;
}
#header_back_top .right_side h1 {
  text-align: right;
  text-shadow: 0px 1px 1px #575757;
  display: none;
}
#header_back_top .right_side h2 {
  text-align: right;
  text-shadow: 0px 1px 1px #858585;
  font-style: italic;
  font-weight: normal;
  font-size: 1.4em;
  margin-top: 10px;
  display: none;
}
#nav {
  text-align: right;
  padding-top: 22px;
}
#mobile_nav {
  display: none;
}
header nav a {
  text-decoration: none;
  font-size: 0.9em;
  letter-spacing: 1px;
  color: #FFFFFF;
  text-shadow: 0px 1px 1px #575757;
  position: relative;
}
header nav a:hover {
  text-decoration: underline;
}
header nav a.active span.triangle {
  width: 53px;
  height: 25px;
  display: block;
  background: url(../pics/ui/triangle2.png);
  position: absolute;
  left: 50%;
  margin-left: -26px;
  bottom: -35px;
}
header nav span.separator {
  margin: 0 12px;
  padding: 5px 0;
  border-left: 1px solid #666666;
  border-right: 1px solid #d5d5d5;
}
/*
     * CONTENT
     */
#page_container {
  background: none;
  padding: 50px 200px 10px 200px;
  font-size: 1.25em;
  line-height: 1.75;
  overflow: hidden;
  clear: both;
  position: relative;
}
/*
     * FOOTER
     */
footer {
  position: relative;
  padding: 10px 200px;
  text-align: right;
}
footer a {
  text-decoration: none;
  font-size: 1em;
  letter-spacing: 1px;
}
footer a:hover {
  text-decoration: underline;
}
footer .separator {
  margin-left: 15px;
  margin-right: 15px;
}
/*
     * START
     */
/* --------------------------- S L I D E R  ---------------------------- */
#slider_and_links {
  position: relative;
}
#link_wrapper_left {
  position: absolute;
  top: 10px;
  bottom: 15px;
  width: 20%;
}
#link_wrapper_left .item {
  text-align: center;
  font-size: 1em;
  text-decoration: none;
  text-shadow: 0px 2px 2px #444444;
  color: #FFFFFF;
  background: #5d737f;
  /* Old browsers */
  background: -moz-linear-gradient(top, #5d737f 1%, #7691a2 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #5d737f), color-stop(100%, #7691a2));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #5d737f 1%, #7691a2 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #5d737f 1%, #7691a2 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #5d737f 1%, #7691a2 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #5d737f 1%, #7691a2 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5d737f', endColorstr='#7691a2', GradientType=0);
  /* IE6-9 */
  display: block;
  padding: 10% 0;
  -webkit-box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.5);
}
#link_wrapper_left .item:hover {
  text-shadow: 0px 2px 2px #111111;
  background: #5d737f;
  /* Old browsers */
  background: -moz-linear-gradient(top, #7691a2 0%, #5d737f 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7691a2), color-stop(100%, #5d737f));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #7691a2 0%, #5d737f 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #7691a2 0%, #5d737f 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #7691a2 0%, #5d737f 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #7691a2 0%, #5d737f 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7691a2', endColorstr='#5d737f', GradientType=0);
  /* IE6-9 */
}
#link_wrapper_left .spacer {
  height: 25%;
}
#link_wrapper_left .spacer:first-child {
  margin-top: 4%;
}
#slider_wrapper {
  position: relative;
  width: 75%;
  margin-left: 25%;
}
#slider {
  margin: 0 auto;
  position: relative;
}
#slider .description {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 30px;
  background-color: rgba(255, 255, 255, 0.2);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 99%, rgba(255, 255, 255, 0.2) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(99%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0.2)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 99%, rgba(255, 255, 255, 0.2) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 99%, rgba(255, 255, 255, 0.2) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 99%, rgba(255, 255, 255, 0.2) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 99%, rgba(255, 255, 255, 0.2) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33ffffff', endColorstr='#33ffffff', GradientType=0);
  /* IE6-9 */
  color: #222222;
  color: rgba(0, 0, 0, 0.8);
  padding-left: 20px;
}
#slider .description h1 {
  font-size: 1.1em;
  padding: 5px 0;
}
#slider .description .copyright {
  position: absolute;
  right: 10px;
  bottom: 10px;
  color: #222222;
  font-size: 8px;
}
#slider img {
  -webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.5);
  width: 100%;
}
#slider_direction_nav_wrapper {
  position: absolute;
  top: 45%;
  width: 100%;
}
#slider_direction_nav {
  clear: both;
  overflow: hidden;
}
#slider_direction_nav .lean-slider-prev,
#slider_direction_nav .lean-slider-next {
  height: 50px;
  width: 40px;
  cursor: pointer;
  background-color: none;
  color: rgba(0, 0, 0, 0);
  border: 1px solid none;
  -webkit-transition: background-color 1s;
  -moz-transition: background-color 1s;
  -ms-transition: background-color 1s;
  -o-transition: background-color 1s;
  transition: background-color 1s;
  text-decoration: none;
  text-align: center;
  font-family: "Courier New", Courier, monospace;
  font-size: 1.5em;
  font-weight: bold;
}
#slider_direction_nav .lean-slider-prev:hover,
#slider_direction_nav .lean-slider-next:hover,
#slider_direction_nav .lean-slider-prev.hover,
#slider_direction_nav .lean-slider-next.hover {
  background-color: #FFFFFF;
  color: #666666;
  border: 1px solid #666666;
}
#slider_direction_nav .lean-slider-prev {
  float: left;
  border-left: none;
  -webkit-border-radius: 0px 8px 8px 0px;
  border-radius: 0px 8px 8px 0px;
}
#slider_direction_nav .lean-slider-next {
  float: right;
  border-right: none;
  -webkit-border-radius: 8px 0px 0px 8px;
  border-radius: 8px 0px 0px 8px;
}
#link_wrapper_bottom {
  display: none;
  position: relative;
  margin-top: 20px;
  clear: both;
  overflow: hidden;
}
#link_wrapper_bottom .spacer {
  padding: 0;
  margin-top: 0;
  width: 33.3%;
  float: left;
}
#link_wrapper_bottom .item {
  text-align: center;
  font-size: 1.1em;
  text-decoration: none;
  text-shadow: 0px 2px 2px #444444;
  color: #FFFFFF;
  background: #5d737f;
  /* Old browsers */
  background: -moz-linear-gradient(top, #5d737f 1%, #7691a2 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #5d737f), color-stop(100%, #7691a2));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #5d737f 1%, #7691a2 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #5d737f 1%, #7691a2 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #5d737f 1%, #7691a2 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #5d737f 1%, #7691a2 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5d737f', endColorstr='#7691a2', GradientType=0);
  /* IE6-9 */
  display: block;
  padding: 10% 7%;
  margin: 10px 15px;
  -webkit-box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.5);
}
#link_wrapper_bottom .spacer:first-child .item {
  margin-right: 30px;
  margin-left: 5px;
}
#link_wrapper_bottom .spacer:last-child .item {
  margin-left: 30px;
  margin-right: 5px;
}
#link_wrapper_bottom .item:hover {
  text-shadow: 0px 2px 2px #111111;
  background: #5d737f;
  /* Old browsers */
  background: -moz-linear-gradient(top, #7691a2 0%, #5d737f 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7691a2), color-stop(100%, #5d737f));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #7691a2 0%, #5d737f 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #7691a2 0%, #5d737f 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #7691a2 0%, #5d737f 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #7691a2 0%, #5d737f 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7691a2', endColorstr='#5d737f', GradientType=0);
  /* IE6-9 */
}
#link_wrapper_bottom .item:active {
  -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.5);
}
/*
     * Über Uns
     */
#company_intro,
#company_description,
#certification {
  padding: 20px;
  background-color: rgba(0, 0, 0, 0.04);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.04)), color-stop(100%, rgba(0, 0, 0, 0.04)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a000000', endColorstr='#0a000000', GradientType=0);
  /* IE6-9 */
}
#company_intro {
  margin-bottom: 40px;
}
#company_intro .image {
  width: 1024px;
  max-width: 100%;
  height: 688px;
  background: url(../pics/mas_von_oben_1024.png) no-repeat;
  -webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.5);
  margin: 0 auto;
  margin-top: 40px;
  position: relative;
}
#company_intro .image .copyright {
  position: absolute;
  right: 10px;
  bottom: 3px;
  color: #222222;
  font-size: 8px;
}
#equipment,
#certification {
  margin-top: 30px;
}
#equipment h3,
#certification h3 {
  font-weight: bold;
}
#equipment ul,
#certification ul {
  margin-left: 40px;
  margin-top: 10px;
}
#certification a {
  text-decoration: none;
  font-weight: normal;
  font-size: 1em;
  margin-left: 15px;
  letter-spacing: 1px;
}
#certification a:after {
  content: 'PDF';
  font-size: 0.6em;
  font-weight: normal;
  text-decoration: none;
  margin-left: 0.75em;
}
#certification a:hover {
  font-weight: bold;
}
/*
     * Leistungen
     */
#what_we_do h3,
#our_possibilities h3,
#we_make_the_difference h3 {
  padding: 10px 20px;
  background-color: rgba(0, 0, 0, 0.04);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.04)), color-stop(100%, rgba(0, 0, 0, 0.04)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a000000', endColorstr='#0a000000', GradientType=0);
  /* IE6-9 */
}
#what_we_do .wrapper,
#our_possibilities .wrapper,
#we_make_the_difference .wrapper {
  padding: 20px 20px;
  background-color: rgba(0, 0, 0, 0.04);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.04)), color-stop(100%, rgba(0, 0, 0, 0.04)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a000000', endColorstr='#0a000000', GradientType=0);
  /* IE6-9 */
}
#our_possibilities,
#we_make_the_difference {
  margin-top: 30px;
}
#what_we_do .wrapper,
#we_make_the_difference .wrapper {
  clear: both;
  overflow: hidden;
}
#what_we_do .wrapper ul,
#we_make_the_difference .wrapper ul {
  width: 50%;
  float: left;
}
#what_we_do .wrapper div.img,
#we_make_the_difference .wrapper div.img {
  width: 45%;
  float: left;
  text-align: right;
  position: relative;
}
#what_we_do .wrapper div.img img,
#we_make_the_difference .wrapper div.img img {
  width: 80%;
  -webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.5);
}
#what_we_do .wrapper div.img .copyright,
#we_make_the_difference .wrapper div.img .copyright {
  position: absolute;
  right: 10px;
  bottom: -10px;
  color: #222222;
  font-size: 8px;
}
#what_we_do h3,
#our_possibilities h3,
#we_make_the_difference h3 {
  font-weight: bold;
  text-shadow: 0px 1px 1px #575757;
}
#what_we_do ul,
#our_possibilities ul,
#we_make_the_difference ul {
  margin-left: 40px;
  margin-top: 10px;
}
/*
     * Referenzen
     */
#references_years {
  padding: 0;
  clear: both;
  overflow: hidden;
  text-align: center;
  -webkit-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.5);
}
#references_years li {
  list-style: none;
  width: 11.11%;
  float: left;
}
#references_years li span {
  color: #FFFFFF;
  border: 1px solid #555555;
  border-right: none;
  text-align: center;
  cursor: pointer;
  padding: 10px 0;
  display: block;
  background: #797a84;
  /* Old browsers */
  background: -moz-linear-gradient(top, #797a84 0%, #6f6f75 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #797a84), color-stop(100%, #6f6f75));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #797a84 0%, #6f6f75 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #797a84 0%, #6f6f75 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #797a84 0%, #6f6f75 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #797a84 0%, #6f6f75 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#797a84', endColorstr='#6f6f75', GradientType=0);
  /* IE6-9 */
}
#references_years li:last-child span {
  border-right: 1px solid #555555;
}
#references_years li span:hover {
  background: #9394a0;
  /* Old browsers */
  background: -moz-linear-gradient(top, #9394a0 0%, #5b5b60 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9394a0), color-stop(100%, #5b5b60));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #9394a0 0%, #5b5b60 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #9394a0 0%, #5b5b60 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #9394a0 0%, #5b5b60 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #9394a0 0%, #5b5b60 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9394a0', endColorstr='#5b5b60', GradientType=0);
  /* IE6-9 */
}
#references_years li span.active {
  background: #9394a0;
  /* Old browsers */
  background: -moz-linear-gradient(top, #9394a0 0%, #5b5b60 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9394a0), color-stop(100%, #5b5b60));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #9394a0 0%, #5b5b60 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #9394a0 0%, #5b5b60 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #9394a0 0%, #5b5b60 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #9394a0 0%, #5b5b60 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9394a0', endColorstr='#5b5b60', GradientType=0);
  /* IE6-9 */
}
/*
     * ///// References - V A R I A N T 2
     */
#references_projects.variant2 {
  width: 80%;
  margin: 0 auto;
  margin-top: 40px;
  list-style: none;
  position: relative;
}
#references_projects.variant2 li.title,
#references_projects.variant2 li.description {
  display: none;
}
#references_projects.variant2 li.title {
  background-color: rgba(0, 0, 0, 0.1);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.1)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a000000', endColorstr='#1a000000', GradientType=0);
  /* IE6-9 */
  padding-left: 110px;
  padding-top: 12px;
  padding-bottom: 12px;
  margin-top: 10px;
  font-size: 1em;
  cursor: pointer;
  position: relative;
}
#references_projects.variant2 li.title img {
  height: 40px;
  position: absolute;
  left: 20px;
  top: 9px;
}
#references_projects.variant2 li.description {
  background-color: rgba(0, 0, 0, 0.1);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.1)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a000000', endColorstr='#1a000000', GradientType=0);
  /* IE6-9 */
  padding: 10px 0 30px 0;
}
#references_projects.variant2 li.description h1 {
  font-size: 1em;
  font-weight: normal;
}
#references_projects.variant2 li.description .pictures {
  width: 75%;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 30px;
  text-align: center;
  position: relative;
}
#references_projects.variant2 li.description .pictures .picture {
  position: relative;
}
#references_projects.variant2 li.description .pictures .picture img {
  -webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.5);
  max-height: 500px;
  max-width: 100%;
}
#references_projects.variant2 li.description .pictures .picture .copyright {
  text-align: center;
  margin-top: -5px;
  color: #222222;
  font-size: 8px;
}
#references_projects.variant2 li.description .pictures .thumbs {
  overflow-x: auto;
  white-space: nowrap;
  text-align: center;
}
#references_projects.variant2 li.description .pictures .thumbs .thumb {
  height: 70px;
  cursor: pointer;
  margin-top: 10px;
  margin-right: 8px;
}
#references_projects.variant2 li.description .details {
  width: 75%;
  margin: 0 auto;
  padding-left: 30px;
}
#references_projects.variant2 li.description .link {
  width: 75%;
  margin: 0 auto;
  text-align: center;
  font-weight: normal;
}
#references_projects.variant2 li.title.active {
  display: block;
  border: 1px solid #555555;
}
#references_projects.variant2 li.description.active {
  display: block;
  border: 1px solid #13C3FF;
  border: 1px solid rgba(19, 195, 255, 0.5);
  border-top: none;
}
#references_projects.variant2 li.title:hover {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.2)), color-stop(100%, rgba(0, 0, 0, 0.2)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000', endColorstr='#33000000', GradientType=0);
  /* IE6-9 */
}
#references_projects.variant2 li.title.active.selected {
  border: 1px solid #13C3FF;
  border: 1px solid rgba(19, 195, 255, 0.5);
  border-bottom: none;
  font-weight: bold;
  text-align: center;
  padding-left: 0px;
  background-color: rgba(0, 0, 0, 0.2);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.1) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.25)), color-stop(100%, rgba(0, 0, 0, 0.1)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.1) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.1) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.1) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.1) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#1a000000', GradientType=0);
  /* IE6-8 */
}
#references_projects.variant2 li.title.active.selected img {
  display: none;
}
/*
     * Stellenangebote
     */
#stellenangebote section.offer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  margin: 0 auto;
  text-align: center;
}
#stellenangebote section.offer:first-child {
  padding-right: 1em;
}
#stellenangebote section.offer:last-child {
  padding-left: 1em;
}
#stellenangebote section.offer .wrapper {
  background-color: rgba(0, 0, 0, 0.04);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.04)), color-stop(100%, rgba(0, 0, 0, 0.04)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a000000', endColorstr='#0a000000', GradientType=0);
  /* IE6-9 */
  padding: 2em 2em;
}
#stellenangebote section.offer h3 {
  font-weight: bold;
  margin-bottom: 30px;
}
#stellenangebote section.offer p {
  margin-bottom: 20px;
}
#stellenangebote section.offer ul.jobs {
  list-style-type: none;
}
#stellenangebote section.offer a {
  text-align: center;
  font-size: 0.8em;
  text-decoration: none;
  text-shadow: 0px 2px 2px #444444;
  color: #FFFFFF;
  background: #5d737f;
  /* Old browsers */
  background: -moz-linear-gradient(top, #5d737f 1%, #7691a2 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #5d737f), color-stop(100%, #7691a2));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #5d737f 1%, #7691a2 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #5d737f 1%, #7691a2 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #5d737f 1%, #7691a2 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #5d737f 1%, #7691a2 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5d737f', endColorstr='#7691a2', GradientType=0);
  /* IE6-9 */
  display: block;
  padding: 1em;
  -webkit-box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.5);
}
#stellenangebote section.offer a:hover {
  background: #5d737f;
  /* Old browsers */
  background: -moz-linear-gradient(top, #7691a2 0%, #5d737f 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7691a2), color-stop(100%, #5d737f));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #7691a2 0%, #5d737f 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #7691a2 0%, #5d737f 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #7691a2 0%, #5d737f 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #7691a2 0%, #5d737f 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7691a2', endColorstr='#5d737f', GradientType=0);
  /* IE6-9 */
}
#stellenangebote section.offer .title {
  padding: 0;
  margin: 0;
}
#stellenangebote section.offer .download {
  font-weight: normal;
  font-size: 0.8em;
  letter-spacing: 1px;
}
/*
     * Forschung / Investitionen
     */
#forsch_invest .flexed_50_50 {
  display: flex;
  justify-content: space-between;
}
#forsch_invest .flexed_50_50 section {
  width: 50%;
}
#forsch_invest section {
  background-color: rgba(0, 0, 0, 0.04);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.04)), color-stop(100%, rgba(0, 0, 0, 0.04)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a000000', endColorstr='#0a000000', GradientType=0);
  /* IE6-9 */
  margin: 0.5em;
  padding: 1em 2em;
}
#forsch_invest section .image-wrapper {
  height: 25em;
  text-align: center;
  padding: 2em 0;
}
#forsch_invest section img {
  width: auto;
  height: 100%;
}
#forsch_invest section h3 {
  font-weight: bold;
  margin: 0.5em 0;
}
/*
      * Kontakt / Impressum
      */
#company_name {
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  width: 500px;
  margin: 0 auto;
  margin-bottom: 50px;
}
#address,
#company,
#phone,
#email,
#internet {
  overflow: hidden;
  clear: both;
  width: 400px;
  margin: 0 auto;
  margin-bottom: 50px;
  padding-left: 50px;
}
#address .text,
#company .text,
#phone .text,
#email .text,
#internet .text {
  float: left;
  margin-left: 30px;
}
#address .icon,
#company .icon,
#phone .icon,
#email .icon,
#internet .icon {
  float: left;
  width: 64px;
  height: 64px;
  background-image: url(../pics/icons2.png);
  background-repeat: no-repeat;
}
#address .icon {
  background-position: 0 0;
}
#company .icon {
  background-position: -320px 0;
}
#phone .icon {
  background-position: -64px 0;
}
#email .icon {
  background-position: -192px 0;
}
#internet .icon {
  background-position: -128px 0;
}
#internet .text {
  margin-top: 15px;
}
#email .text {
  margin-top: 15px;
}
#gmap {
  width: 80%;
  height: 480px;
  -webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.5);
  margin: 0 auto;
  margin-bottom: 30px;
}
#gmap .gmap_overlay {
  color: #000000;
  font-size: 0.75em;
}
#gmap .logo {
  width: 75px;
  height: 71px;
  background: url(../pics/logo_75.png) no-repeat;
}
#gmap .gmap_overlay p {
  margin: 0;
}
#impress_title {
  text-align: center;
}
#disclaimer {
  text-align: center;
  font-size: 0.75em;
  margin-bottom: 30px;
}
#made_by {
  text-align: center;
  font-size: 0.6em;
}
/*
     * Datenschutz
     */
#captured-data,
#right-to-be-informed,
#data-privacy-contact,
#right-to-be-deleted,
#automated-profiling-single-case {
  margin: 1em;
  padding-left: 1em;
}
#data-privacy-contact {
  list-style-type: none;
}
/*
 * /////////    1025-1399
 */
@media (max-width: 1399px) {
  #header_back_top_wrapper {
    margin: 0 50px;
  }
  #header_back_bottom_wrapper {
    margin: 0 50px;
  }
  #logo {
    width: 150px;
    height: 150px;
    background: url(../pics/logo_150.png) no-repeat;
    margin-top: -25px;
  }
  header nav a {
    font-size: 0.9em;
  }
  #nav {
    padding-top: 12px;
  }
  #page_container {
    padding-left: 50px;
    padding-right: 50px;
  }
  footer {
    padding-left: 50px;
    padding-right: 50px;
  }
  /*
     * Start
     */
  #link_wrapper_left .item {
    padding: 12% 0;
    font-size: 0.9em;
  }
  #slider .description h1 {
    font-size: 1.25em;
  }
  /*
     * Über Uns
     */
  #company_intro .image {
    width: 800px;
    height: 538px;
    background: url(../pics/mas_von_oben_800.png) no-repeat;
    margin-top: 30px;
  }
}
/*
 * /////////    769-1024
 */
@media (max-width: 1024px) {
  header {
    padding-top: 40px;
  }
  #header_back_top_wrapper {
    margin: 0 30px;
    padding: 10px 0;
  }
  #header_back_bottom_wrapper {
    margin: 0 20px;
  }
  #header_back_top_wrapper .right_side div.h2 {
    font-size: 1em;
  }
  #header_back_top_wrapper .right_side div.h2 div.h1_visible {
    font-size: 1.6em;
  }
  #header_back_top h1 {
    font-size: 1.5em;
  }
  #header_back_top h2 {
    font-size: 1.2em;
  }
  #logo {
    width: 125px;
    height: 125px;
    background: url(../pics/logo_125.png) no-repeat;
    margin-top: -25px;
  }
  #nav {
    padding-top: 7px;
  }
  header nav a {
    font-size: 0.75em;
  }
  header nav a.active span.triangle {
    width: 53px;
    height: 20px;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -26px;
    bottom: -30px;
  }
  header nav span.separator {
    margin: 0 6px;
    padding: 3px 0;
    border-left: 1px solid #666666;
    border-right: 1px solid #d5d5d5;
  }
  h3 {
    font-size: 1em;
  }
  #page_container {
    font-size: 1.1em;
    padding-left: 30px;
    padding-right: 30px;
  }
  footer {
    padding-left: 30px;
    padding-right: 30px;
  }
  /*
     * Start
     */
  #link_wrapper_left .item {
    padding: 13% 0;
    font-size: 0.8em;
  }
  #slider .description h1 {
    font-size: 1.1em;
  }
  /*
     * Über Uns
     */
  #company_intro,
  #company_description,
  #certification {
    background: none;
    padding: 0;
  }
  #company_intro .image {
    width: 600px;
    height: 403px;
    background: url(../pics/mas_von_oben_600.png) no-repeat;
  }
  /*
     * Leistungen
     */
  #what_we_do h3,
  #our_possibilities h3,
  #we_make_the_difference h3,
  #what_we_do .wrapper,
  #our_possibilities .wrapper,
  #we_make_the_difference .wrapper {
    background: none;
    padding: 0px;
  }
  #what_we_do .wrapper,
  #we_make_the_difference .wrapper {
    clear: both;
    overflow: hidden;
  }
  #what_we_do .wrapper ul,
  #we_make_the_difference .wrapper ul {
    width: 100%;
    float: none;
  }
  #what_we_do .wrapper div.img,
  #we_make_the_difference .wrapper div.img {
    width: 100%;
    float: none;
    text-align: center;
    padding-top: 30px;
  }
  #what_we_do .wrapper div.img img,
  #we_make_the_difference .wrapper div.img img {
    width: 80%;
    -webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.5);
  }
  #what_we_do .wrapper div.img .copyright,
  #we_make_the_difference .wrapper div.img .copyright {
    position: relative;
    bottom: 5px;
  }
  #our_possibilities,
  #we_make_the_difference {
    margin-top: 50px;
  }
  #forsch_invest {
    background: none;
    padding: 1em;
    display: block;
  }
  #forsch_invest .flexed_50_50 {
    display: block;
  }
  #forsch_invest .flexed_50_50 section {
    width: auto;
  }
  #forsch_invest section {
    width: auto;
    margin-bottom: 2em;
  }
}
/*
 * /////////////   500-768
 */
@media (max-width: 768px) {
  header {
    padding-top: 20px;
  }
  #logo,
  #header_back_top_wrapper .left_side {
    display: none;
  }
  #header_back_top_wrapper .right_side {
    width: 100%;
    margin-left: 0;
  }
  #header_back_top_wrapper .right_side div.h2 {
    display: none;
  }
  #header_back_top_wrapper .right_side h1,
  #header_back_top_wrapper .right_side h2 {
    text-align: center;
    display: block;
  }
  #logo_mobile {
    display: block;
    width: 75px;
    height: 75px;
    background: url(../pics/logo_75.png) no-repeat;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  #nav {
    padding: 15px 20px;
    text-align: center;
  }
  #mobile_nav {
    display: inline;
    font-size: 1.4em;
  }
  #mobile_nav option {
    text-align: center;
  }
  header nav {
    display: none;
  }
  #page_container {
    font-size: 1.1em;
    line-height: 1.4em;
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }
  footer {
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
  }
  #copyright,
  #link_imprint {
    display: block;
    text-align: center;
  }
  footer .separator {
    display: none;
  }
  /*
     * Start
     */
  #link_wrapper_left {
    display: none;
  }
  #slider_wrapper {
    width: 100%;
    margin-left: 0;
  }
  #slider .description {
    position: relative;
    background: none;
    padding: 0;
    bottom: 0;
  }
  #slider .description h1 {
    color: #333333;
    font-size: 0.8em;
    padding: 0;
    letter-spacing: 0;
    text-align: center;
    margin-top: 10px;
  }
  #slider .description .copyright {
    top: -15px;
  }
  #link_wrapper_bottom {
    display: block;
  }
  #link_wrapper_bottom .spacer {
    width: 50%;
  }
  #link_wrapper_bottom .spacer:first-child .item,
  #link_wrapper_bottom .spacer:last-child .item {
    margin-left: 15px;
    margin-right: 15px;
  }
  #link_wrapper_bottom .item {
    font-size: 1em;
    padding: 15% 7%;
    margin-bottom: 20px;
  }
  /*
     * Über Uns
     */
  #company_intro .image {
    width: 400px;
    height: 269px;
    background: url(../pics/mas_von_oben_400.png) no-repeat;
  }
  #equipment ul,
  #certification ul {
    margin-left: 20px;
    margin-top: 10px;
  }
  /*
     * Leistungen
     */
  #our_possibilities,
  #we_make_the_difference {
    margin-top: 20px;
  }
  #what_we_do ul,
  #our_possibilities ul,
  #we_make_the_difference ul {
    margin-left: 20px;
    margin-top: 10px;
  }
  /*
     * Referenzen
     */
  #references_years {
    font-size: 0.9em;
  }
  #references_projects.variant2 li.title,
  #references_projects.variant2 li.description {
    font-size: 0.75em;
  }
  #references_projects.variant2 li.title img {
    top: 5px;
  }
  #references_projects.variant2 li.description .thumb {
    height: 40px;
  }
  /*
     * Stellenangebote
     */
  #stellenangebote section.offer {
    float: none;
    width: auto;
    margin: 1em;
  }
  #stellenangebote section.offer:first-child {
    padding-right: 0;
  }
  #stellenangebote section.offer:last-child {
    padding-left: 0;
  }
  #stellenangebote section.offer a {
    width: 60%;
    margin: 0 auto;
  }
  /*
     * Impressum
     */
  #impress_title {
    display: none;
  }
}
/*
 * //////////  < 540
 *
 * Nur für Referenzen.
 */
@media (max-width: 540px) {
  #references_projects.variant2 li.title {
    padding-left: 0px;
    text-align: center;
  }
  #references_projects.variant2 li.title img {
    display: none;
  }
}
/*
 * //////////  400 -> 500
 */
@media (max-width: 499px) {
  header {
    padding-top: 10px;
  }
  #header_back_top .right_side h1 {
    font-size: 1.2em;
    padding: 10px 0;
  }
  #header_back_top .right_side h2,
  #header_back_top .right_side div.h2 {
    display: none;
  }
  #logo {
    width: 75px;
    height: 71px;
    background: url(../pics/logo_75.png) no-repeat;
  }
  #nav {
    padding: 15px 0;
  }
  #mobile_nav {
    font-size: 1.2em;
  }
  header nav span.separator {
    border: none;
    display: block;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #d5d5d5;
    margin: 5px 0;
    padding: 0;
  }
  #page_container {
    font-size: 1em;
    padding-left: 5px;
    padding-right: 5px;
  }
  footer {
    padding-left: 5px;
    padding-right: 5px;
  }
  /*
     * Start
     */
  #link_wrapper_bottom .item {
    font-size: 0.8em;
    padding: 10% 7%;
  }
  /*
     * Über Uns
     */
  #company_intro .image {
    width: 310px;
    height: 208px;
    background: url(../pics/mas_von_oben_310.png) no-repeat;
  }
  /*
     * Referenzen
     */
  #references_years li span {
    font-size: 0.8em;
  }
  #references_projects.variant2 li.title {
    font-size: 0.6em;
  }
  /*
     * Stellenangebote
     */
  #stellenangebote section.offer a {
    width: 75%;
    font-size: 1em;
  }
  /*
     * Kontakt
     */
  #company_name {
    width: auto;
    line-height: 1.2em;
  }
  #address,
  #company,
  #phone,
  #email,
  #internet,
  #disclaimer {
    width: auto;
    margin: 0 auto;
    margin-bottom: 35px;
    padding-left: 0;
  }
  #address .text,
  #company .text,
  #phone .text,
  #email .text,
  #internet .text {
    float: none;
    text-align: center;
    margin-left: 0;
  }
  #address .icon,
  #company .icon,
  #phone .icon,
  #email .icon,
  #internet .icon {
    float: none;
    margin: 0 auto;
  }
}
/*
 * //////////   < 400
 */
@media (max-width: 399px) {
  #link_wrapper_bottom .item {
    font-size: 0.6em;
  }
  /*
     * Stellenangebote
     */
  #stellenangebote section.offer a {
    width: 90%;
    font-size: 0.8em;
  }
}

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