@charset "UTF-8";
/* ********************************************************************
 * CSS-MainFrame
 * beinhaltet das Grundgerüst für ein responsives CSS-MainFrame
 * Alles, was Größe betrifft gehört in die @media-Rubriken
 *
 * ********************************************************************
 */
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.1
*/
html {
  color: #000;
  background: #FFF; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var, optgroup {
  font-style: inherit;
  font-weight: inherit; }

del, ins {
  text-decoration: none; }

li {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0;
  font-variant: normal; }

sup {
  vertical-align: baseline; }

sub {
  vertical-align: baseline; }

legend {
  color: #000; }

input, button, textarea, select, optgroup, option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit; }

input, button, textarea, select {
  *font-size: 100%; }

/* **
 * Copyright (C) 2016, Dirk R. Neumann - drn:informatik
 * ** */
/*$gruenton : rgba(178,220,24,1);*/
html, body {
  background-color: #6e7a86;
  font-size: 12pt;
  font-family: Arial, Helvetica, 'Helvetica Neue', sans-serif; }

section, article, header, footer, nav {
  display: block; }

.clearfix {
  clear: both; }

#page_content {
  overflow: auto;
  margin: 0 auto 2rem auto; }

#top_header {
  width: 100%; }
  #top_header img {
    max-width: 100%;
    height: auto; }

#header_image {
  width: 100%; }
  #header_image img {
    max-width: 100%;
    height: auto; }

#main_nav {
  width: 135px;
  position: absolute;
  z-index: 1000;
  top: 1px;
  left: 1px; }
  #main_nav a:link, #main_nav a:visited {
    display: inline-block;
    width: 100%;
    height: 1.75rem;
    font-size: 1.25rem;
    text-decoration: none;
    text-align: center;
    padding: 3.5rem 0 0 0;
    background-repeat: no-repeat;
    background-position: center 15px; }
  #main_nav .main-nav-normal {
    background-color: #515660;
    background-image: url(../styleimg/sym_menu.png);
    opacity: 1;
    color: #97e440; }
  #main_nav a:hover, #main_nav .main-nav-active {
    background-color: #97e440;
    background-image: url(../styleimg/sym_menu_blk.png);
    opacity: 1;
    color: #000; }

#back_button {
  width: 135px;
  position: fixed;
  z-index: 10; }

#sub_nav {
  min-height: 7rem;
  background-color: #515660;
  position: absolute;
  z-index: 1001; }
  #sub_nav #menu_closer:link, #sub_nav #menu_closer:visited {
    display: inline-block;
    margin: 10px 10px 0 10px;
    background-image: url(../styleimg/sym_close.png);
    background-repeat: no-repeat;
    width: 80px;
    height: 17px; }
  #sub_nav #menu_closer:hover, #sub_nav #menu_closer:focus, #sub_nav #menu_closer:active {
    background-image: url(../styleimg/sym_close_high.png); }
  #sub_nav p:nth-child(2) {
    float: right; }
  #sub_nav p:first-child {
    float: left; }
  #sub_nav .subnav-hr {
    margin: 0 20px 5px auto;
    width: 20%; }
  #sub_nav .btn-nav:link, #sub_nav .btn-nav:visited {
    text-decoration: none;
    display: inline-block;
    color: #ccc7bf;
    width: 220px;
    height: 1.5em;
    border: solid 1px #ccc7bf;
    text-align: center;
    padding-top: 0.4em;
    margin: 6px;
    font-size: 0.9rem; }
  #sub_nav .btn-nav:hover, #sub_nav .btn-nav:focus, #sub_nav .btn-nav:active {
    color: #97e440;
    border-color: #97e440; }
  #sub_nav .btn-nav-wob:link, #sub_nav .btn-nav-wob:visited {
    text-decoration: none;
    display: inline-block;
    color: #ccc7bf;
    width: 100px;
    height: 1em;
    border: none;
    text-align: center;
    padding-top: 0.4em;
    margin: 5px 5px 0 0;
    font-size: 0.9rem;
    background-color: none; }
  #sub_nav .btn-nav-wob:hover, #sub_nav .btn-nav-wob:focus, #sub_nav .btn-nav-wob:active {
    color: #97e440; }

#image_nav {
  display: none;
  border: solid 1px #ccc7bf;
  height: 35px;
  width: 130px;
  border-radius: 25px;
  position: absolute;
  z-index: 10;
  left: 1;
  top: 1; }
  #image_nav a:link, #image_nav a:visited {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url(../styleimg/imgnavgray.png);
    margin: 10px 0 0 10px; }
  #image_nav a:hover, #image_nav a#active_point {
    background-image: url(../styleimg/imgnavgreen.png); }

.float-text-link:link, .float-text-link:visited {
  color: #515660; }

.float-text-link:hover, .float-text-link:focus, .float-text-link:active {
  color: #97e440; }

.img-gallery, .gdimg-gallery {
  margin: 1em auto;
  width: 85%;
  text-align: left;
  overflow: hidden; }

#img_band {
  height: 110px;
  width: 100%;
  margin-bottom: 1em;
  overflow: auto; }
  #img_band img {
    display: inline;
    vertical-align: middle; }

#inner_img_band {
  width: 1400px; }

.left-sect, .left-sect-services {
  float: left; }

.right-sect, .right-sect-services {
  float: right; }

.left-sect h1, .right-sect h1, .left-sect-services h1, .right-sect-services h1, .full-width-sect h1 {
  font-weight: bold;
  margin: 1em 0 0.5em 10px; }
.left-sect h2, .right-sect h2, .left-sect-services h2, .right-sect-services h2 {
  font-weight: bold;
  margin: 1em 0 0.5em 10px; }
.left-sect h3, .right-sect h3, .left-sect-services h3, .right-sect-services h3 {
  font-weight: bold;
  color: black;
  margin: 0.5em 0 0.5em 10px; }
.left-sect p, .right-sect p, .left-sect-services p, .right-sect-services p, .full-width-sect p {
  margin: 0 10px 0.4em 10px;
  color: black; }

ul.list-antriebe {
  color: black;
  font-size: 1em; }
  ul.list-antriebe li {
    list-style-type: circle;
    margin-left: 1em; }

.full-sect {
  clear: both;
  float: none; }
  .full-sect img {
    max-width: 100%;
    height: auto;
    margin: 1em 0 0.5em 10px; }

.certificate-thumb {
  float: left;
  height: 305px;
  padding: 0;
  border: solid 1px silver; }

.right-vertical-top-space {
  height: 4em; }

#page {
  background-color: #e6e6e6;
  color: #515660; }
  #page .pageimg-right {
    display: block;
    float: right;
    margin: 0 0.5em 0.5em 0.5em; }
    #page .pageimg-right img {
      width: 100%;
      height: auto; }
  #page .pageimg-left {
    display: block;
    float: left;
    margin: 0 0.5em 0.5em 0.5em; }
    #page .pageimg-left img {
      width: 100%;
      height: auto; }
  #page .pageimg-right-small {
    display: block;
    float: right;
    margin: 0 0.5em 0.5em 0.5em; }
    #page .pageimg-right-small img {
      width: 100%;
      height: auto; }
  #page .pageimg-full {
    display: block;
    margin: 0 0.5em 0.5em 0.5em; }
    #page .pageimg-full img {
      width: 100%;
      height: auto; }
  #page .small-text, #page small {
    font-size: 0.7rem; }

ul {
  margin: 0.5em; }
  ul li {
    margin: 0 0 0.5em 0; }

form#fKontakt label {
  display: block; }
form#fKontakt input[type=text], form#fKontakt input[type=email] {
  width: 97%;
  height: 2em;
  padding-left: 5px; }
form#fKontakt textarea {
  width: 97%;
  padding-left: 5px; }

article.service {
  margin: 0.5em;
  width: 290px;
  border: solid 1px #ccc7bf;
  padding: 0.5em 0 0.5em 0;
  float: left; }
  article.service h3 {
    text-align: center; }

.one-service img {
  margin-bottom: 1em;
  width: 100%; }

.one-service a img {
  width: 120px; }

hr.clearfix {
  clear: both;
  width: 90%; }

.light-trans-button-pane {
  background-color: rgba(255, 255, 255, 0.4);
  position: absolute;
  z-index: 201;
  height: 10px;
  width: 290px;
  margin-top: 340px; }

.trans-button-pane {
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  z-index: 200;
  height: 70px;
  width: 290px;
  margin-top: 332px;
  text-align: center; }
  .trans-button-pane img {
    margin: 1.5rem 0 0 0; }

.trans-button-pane-upper {
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  z-index: 200;
  height: 70px;
  width: 290px;
  margin-top: 331px;
  text-align: center; }
  .trans-button-pane-upper img {
    margin: 1.5rem 0 0 0; }

img.cert-orig {
  display: block;
  width: 48%;
  height: auto;
  float: right; }

figure.gd-thumb {
  display: block;
  float: left;
  width: 40%;
  margin: 0.5em 0.4em;
  padding: 0.7em;
  text-align: center;
  border: solid 1px #ccc7bf; }
  figure.gd-thumb img {
    max-width: 100%;
    height: auto; }

/* *******************************************************************************
 * Media Queries
 * ********************************************************************************/
@media screen and (min-width: 1440px) {
  #page_content {
    width: 1440px; }

  #sub_nav {
    width: 1440px; }

  .left-sect, .left-sect-services, .right-sect, .right-sect-services {
    width: 48%; }
    .left-sect h1, .left-sect-services h1, .right-sect h1, .right-sect-services h1, .full-width-sect h1 {
      font-size: 1.75rem; }
    .left-sect h2, .left-sect-services h2, .right-sect h2, .right-sect-services h2 {
      font-size: 1.35rem; }
    .left-sect h3, .left-sect-services h3, .right-sect h3, .right-sect-services h3 {
      font-size: 1rem; }

  .full-sect {
    width: 96%; }

  .h3-margin-bottom {
    display: inline; }

  #page .pageimg-right, #page .pageimg-left {
    width: 47%; }
  #page .pageimg-right-small {
    width: 29%; }
  #page .pageimg-full {
    width: 95%; }
  #page .thumbnail {
    margin: 5px; }

  div.upper-space {
    margin: 10.5em 0 0 0; }

  .index-video {
    width: 98%;
    height: auto; }
    .index-video video {
      max-width: 100%;
      height: auto; } }
@media screen and (max-width: 1439px) {
  #page_content {
    width: 99%; }

  #sub_nav {
    width: 99%; }

  .left-sect, .left-sect-services, .right-sect, .right-sect-services {
    width: 49%; }
    .left-sect h1, .left-sect-services h1, .right-sect h1, .right-sect-services h1, .full-width-sect h1 {
      font-size: 1.75rem; }
    .left-sect h2, .left-sect-services h2, .right-sect h2, .right-sect-services h2 {
      font-size: 1.35rem; }
    .left-sect h3, .left-sect-services h3, .right-sect h3, .right-sect-services h3 {
      font-size: 1rem; }

  #page .pageimg-right, #page .pageimg-left {
    width: 47%; }
  #page .pageimg-right-small {
    width: 29%; }
  #page .pageimg-full {
    width: 95%; }
  #page .thumbnail {
    margin: 5px; }

  .index-video {
    width: 98%;
    height: auto; }
    .index-video video {
      max-width: 100%;
      height: auto; } }
@media screen and (max-width: 1270px) {
  html, body {
    font-size: 11pt; }

  .left-sect, .left-sect-services, .right-sect, .right-sect-services {
    width: 49.7%; }

  article.service {
    width: 280px;
    margin: 0.3em 0 0.3em 0.3em; }

  .light-trans-button-pane {
    width: 280px; }

  .trans-button-pane {
    width: 280px;
    margin-top: 334px; } }
@media screen and (max-width: 1200px) {
  html, body {
    font-size: 11pt; }

  .left-sect h1, .left-sect-services h1, .right-sect h1, .right-sect-services h1, .full-width-sect h1 {
    font-size: 1.55rem; }
  .left-sect h2, .left-sect-services h2, .right-sect h2, .right-sect-services h2 {
    font-size: 1.15rem; }

  #main_nav {
    width: 120px; } }
@media screen and (max-width: 1164px) {
  article.service {
    width: 260px; }

  .light-trans-button-pane {
    width: 260px; }

  .trans-button-pane {
    width: 260px; } }
@media screen and (max-width: 1082px) {
  article.service {
    width: 240px; }

  .light-trans-button-pane {
    width: 240px; }

  .trans-button-pane {
    width: 240px; } }
@media screen and (max-width: 1024px) {
  html, body {
    font-size: 10pt; }

  article.service {
    width: 220px; }

  .light-trans-button-pane {
    width: 220px; }

  .trans-button-pane {
    width: 220px;
    margin-top: 340px; }

  #main_nav {
    width: 110px; }

  .index-video {
    width: 98%;
    height: auto;
    margin-left: 0.5em; }
    .index-video video {
      max-width: 100%;
      height: auto; } }
@media screen and (max-width: 919px) {
  article.service {
    width: 195px; }

  .light-trans-button-pane {
    width: 195px; }

  .trans-button-pane {
    width: 195px; } }
@media screen and (max-width: 853px) {
  article.service {
    width: 190px; }

  .light-trans-button-pane {
    width: 190px; }

  .trans-button-pane {
    width: 190px; } }
@media screen and (max-width: 800px) {
  html, body {
    font-size: 12pt; }

  .left-sect, .left-sect-services, .right-sect, .right-sect-services {
    float: none;
    width: 99%; }
    .left-sect h1, .left-sect-services h1, .right-sect h1, .right-sect-services h1, .full-width-sect h1 {
      margin-top: 0;
      padding-top: 1em;
      font-size: 1.75rem; }
    .left-sect h2, .left-sect-services h2, .right-sect h2, .right-sect-services h2 {
      font-size: 1.35rem; }
    .left-sect h3, .left-sect-services h3, .right-sect h3, .right-sect-services h3 {
      font-size: 1rem; }

  article.service {
    width: 280px;
    margin: 0.5em 0 0.5em 0.5em; }

  .light-trans-button-pane {
    width: 280px; }

  .trans-button-pane {
    width: 280px; } }
@media screen and (max-width: 591px) {
  article.service {
    margin: 0.3em 0 0.3em 0.3em;
    width: 250px; }

  .light-trans-button-pane {
    width: 250px; }

  .trans-button-pane {
    width: 250px; }

  #main_nav {
    width: 80px; }
    #main_nav a:link, #main_nav a:visited {
      font-size: 0.9rem;
      padding: 2rem 0 0 0;
      background-position: center 10px;
      background-size: 20px 20px; } }
@media screen and (max-width: 568px) {
  html, body {
    font-size: 8pt; }

  #sub_nav .btn-nav:link, #sub_nav .btn-nav:visited {
    width: 120px;
    padding-top: 0.4em;
    margin: 3px;
    font-size: 0.9rem; }
  #sub_nav .btn-nav-wob:link, #sub_nav .btn-nav-wob:visited {
    width: 70px;
    padding-top: 0.4em;
    margin: 5px 5px 0 0;
    font-size: 0.9rem;
    background-color: none; }

  #main_nav {
    width: 60px; }
    #main_nav a:link, #main_nav a:visited {
      font-size: 1rem;
      padding: 3rem 0 0 0;
      background-position: center 10px;
      background-size: 15px 15px; } }
@media screen and (max-width: 530px) {
  /*eigentlich: 533 */
  article.service {
    width: 225px; }

  .light-trans-button-pane {
    width: 225px; }

  .trans-button-pane {
    width: 225px; } }
@media screen and (max-width: 473px) {
  /*eigentlich: 480 */
  article.service {
    width: 280px;
    margin: 0.5em 0 0.5em 0.5em; }

  .light-trans-button-pane {
    width: 280px; }

  .trans-button-pane {
    width: 280px; } }
@media screen and (max-width: 414px) {
  /* iPhone 6 Plus: x 628px (696 when scrolling) */ }
@media screen and (max-width: 400px) {
  #sub_nav .btn-nav:link, #sub_nav .btn-nav:visited {
    width: 110px;
    padding-top: 0.2em;
    margin: 3px;
    font-size: 0.8rem; }
  #sub_nav .btn-nav-wob:link, #sub_nav .btn-nav-wob:visited {
    width: 50px;
    padding-top: 0.4em;
    margin: 5px 5px 0 0;
    font-size: 0.8em;
    background-color: none; }
  #sub_nav #menu_closer:link, #sub_nav #menu_closer:visited {
    display: inline-block;
    margin: 6px 6px 0 6px;
    background-image: url(../styleimg/sym_close.png);
    background-repeat: no-repeat;
    background-size: 60px 14px;
    width: 60px;
    height: 14px; }
  #sub_nav #menu_closer:hover, #sub_nav #menu_closer:focus, #sub_nav #menu_closer:active {
    background-image: url(../styleimg/sym_close_high.png); } }
@media screen and (max-width: 375px) {
  /* iPhone 6: x 559 (627 when scrolling) */
  #sub_nav .btn-nav:link, #sub_nav .btn-nav:visited {
    width: 120px;
    padding-top: 0.2em;
    margin: 3px;
    font-size: 0.9rem; }
  #sub_nav .btn-nav-wob:link, #sub_nav .btn-nav-wob:visited {
    width: 50px;
    padding-top: 0.4em;
    margin: 5px 5px 0 0;
    font-size: 0.9em;
    background-color: none; } }
@media screen and (max-width: 320px) {
  /* iPhone 4: x 372 (440 when scrolling); iPhone 5: x 460 (528 when scrolling) */ }

/*# sourceMappingURL=css-mainframe.css.map */