@font-face {
  font-family: "UniversLTW01-57Condense 723821";
  src: url(../../mysite/css/fonts/87512e82-56b3-4356-97ab-9cd7b2957e37.woff2) format("woff2"), url(../../mysite/css/fonts/1eaf27c0-f4de-4273-9f4c-1b3236ad2f3c.woff) format("woff"); }
form {
  margin-bottom: 30px; }
  form div.field {
    position: relative;
    margin-bottom: 10px;
    clear: both; }
    form div.field label {
      line-height: 30px; }
      form div.field label.left {
        float: left;
        width: 180px; }
      form div.field label.right {
        position: absolute;
        top: 0px;
        left: 520px; }
    form div.field div.middleColumn {
      margin-left: 200px; }
      form div.field.nolabel div.middleColumn {
        margin-left: 0px; }
  form input.text,
  form textarea,
  form select {
    padding: 2px;
    width: 296px;
    border: 1px solid #cccccc;
    font-family: 'UniversLTW01-57Condense 723821';
    font-size: 1em;
    color: black;
    background: white;
    background-image: -moz-linear-gradient(top, white 5%, #e6e6e8 100%);
    background-image: -o-linear-gradient(top, white 5%, #e6e6e8 100%);
    background-image: -webkit-linear-gradient(top, white 5%, #e6e6e8 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, white), color-stop(1, #e6e6e8));
    background-image: linear-gradient(top, white 5%, #e6e6e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#e6e6e8');
    background: white; }
  form span.message {
    display: block;
    margin-top: 5px; }
  form label.required,
  form span.message.required,
  form span.message.validation,
  form span.message.bad {
    display: block;
    margin-top: 5px;
    color: red; }
  form div.Actions {
    margin-left: 200px; }
  form input.action {
    background-color: #f39200;
    border: 1px solid gainsboro;
    display: inline-block;
    color: white;
    padding: 6px 24px;
    text-decoration: none;
    cursor: pointer;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border-radius: 0px;
    font-family: 'UniversLTW01-57Condense 723821';
    font-size: 1.11em;
    font-weight: bold;
    margin: 0px auto;
    display: block;
    padding: 5px 19px;
    border: 1px solid white; }
  form input.action:hover {
    background-color: #f39200; }
  @media (max-width: 719px) {
    form div.field label.left {
          float: none;
          width: auto;
          display: block; }
        form div.field label.right {
          position: relative;
          top: auto;
          left: auto; }
      form div.field div.middleColumn {
        margin-left: 0px; }
    form input.text,
    form textarea,
    form select {
      width: 98%; }
    form div.Actions {
      margin-left: 0px; } }

  .typography a.rememberme {
    background-image: url(../../mysite/images/rememberme.png);
    background-repeat: no-repeat;
    padding: 0px 0px 5px 30px;
    text-decoration: none; }
      .typography form h1 {
        margin-top: 20px; }
      .typography form h2 {
        margin-top: 20px; }
      .typography form h3 {
        margin-top: 20px; }
      .typography form h4 {
        margin-top: 20px; }
      .typography form h5 {
        margin-top: 20px; }
      .typography form h6 {
        margin-top: 20px; }
    .typography form ul {
      list-style-image: none;
      list-style-type: none;
      margin-left: 0px;
      margin-bottom: 0px; }
      .typography form ul li {
        margin-left: 0px;
        margin-bottom: 0px; }

@media (max-width: 719px) {
  body {
    -webkit-animation: bugfix infinite 1s; }

  @-webkit-keyframes bugfix {
        from {
      padding: 0; }


        to {
      padding: 0; }
 } }

body {
  overflow-x: hidden; }

#header {
  height: 132px;
  background-image: url(../../mysite/images/header-bg.png);
  background-repeat: no-repeat;
  background-position: right top;
  position: relative; }
  #header a.logo {
    position: absolute;
    top: 9px; }
    #header a.logo img {
      display: block; }
  #header #metanav {
    position: absolute;
    right: 320px;
    top: 9px; }
    #header #metanav li {
      float: left;
      padding: 0px 8px;
      margin: 0px;
      border-right: 1px solid black; }
      #header #metanav li.first {
        padding-left: 0px; }
      #header #metanav li.last {
        padding-right: 0px;
        border-right: 0px; }
      #header #metanav li a {
        display: block;
        color: black;
        text-decoration: none;
        font-size: 0.77em; }
        #header #metanav li span.icon,
        #header #metanav li a.icon {
          margin: 2px auto;
          display: block;
          height: 13px;
          width: 21px;
          background-image: url(../../mysite/images/flags.jpg);
          background-repeat: no-repeat;
          background-color: black; }
          #header #metanav li span.icon.de_DE,
          #header #metanav li a.icon.de_DE {
            background-position: 0px 0px; }
          #header #metanav li span.icon.en_US,
          #header #metanav li a.icon.en_US {
            background-position: -21px 0px; }
      #header #metanav li.de_DE,
      #header #metanav li.en_US {
        border: 0px;
        padding: 0px 4px; }
        #header #metanav li.de_DE.last,
        #header #metanav li.en_US.last {
          padding-right: 10px; }
          @media (max-width: 710px) {
            #header #metanav li.de_DE.last,
        #header #metanav li.en_US.last {
          padding-right: 0px; } }
  @media (min-width: 720px) and (max-width: 959px) {
    #header {
  background: none; }
    #header #metanav {
      right: 0px; } }
  @media (max-width: 719px) {
    #header {
  margin-top: 0px;
  background: none;
  height: auto; }
    #header a.logo {
      position: static;
      padding: 9px 0px;
      display: block; }
      #header a.logo img {
        width: 100%; }
    #header #metanav {
      right: 0px; }
      #header #metanav li.nav-item {
        display: none; } }

#navigation-bg {
  border-top: 2px solid #ff9900;
  height: 300px;
  background-color: black;
  background-size: cover;
  background-position: center bottom;
  z-index: 5; }
  #navigation-bg #navigation {
    margin-top: 255px;
    background-color: #999999;
    background-color: rgba(153, 153, 153, 0.6);
    height: 45px; }
    #navigation-bg #navigation div.grid_24 {
      z-index: 2; }
      #navigation-bg #navigation ul li {
        display: block;
        float: left;
        position: relative; }
        #navigation-bg #navigation ul li a {
          display: block;
          color: white;
          text-decoration: none;
          padding: 0px 19px;
          border-right: 1px solid white;
          line-height: 45px; }
          #navigation-bg #navigation ul li a.current,
          #navigation-bg #navigation ul li a.section {
            border-top: 3px solid #f39200;
            background: white;
            color: black;
            margin: -3px -1px 0px;
            border-right: 0px; }
            #navigation-bg #navigation ul li a.current.first,
            #navigation-bg #navigation ul li a.section.first {
              margin-left: 0px;
              margin-right: 0px; }
          #navigation-bg #navigation ul li a:hover {
            border-top: 3px solid #f39200;
            background: white;
            color: black;
            margin-top: -3px; }
        #navigation-bg #navigation ul li ul {
          display: none;
          position: absolute;
          top: 45px;
          left: 0px;
          width: auto;
          min-width: 250px;
          background: white;
          border: 1px solid black;
          border-bottom: 0px;
          z-index: 1000; }
          #navigation-bg #navigation ul li ul li {
            float: none;
            height: auto;
            border-bottom: 1px solid black; }
            #navigation-bg #navigation ul li ul li a {
              color: black; }
              #navigation-bg #navigation ul li ul li a.current,
              #navigation-bg #navigation ul li ul li a.section,
              #navigation-bg #navigation ul li ul li a:hover {
                margin-top: 0px;
                border-top: 0px;
                background: #eeeeee;
                margin-left: 0px;
                margin-right: 0px; }
            #navigation-bg #navigation ul li ul li.last {
              border-bottom: 0px; }
            #navigation-bg #navigation ul li ul li ul {
              display: none; }
          #navigation-bg #navigation ul li:hover ul {
            display: block; }
            #navigation-bg #navigation ul li:hover ul ul {
              display: none; }
    #navigation-bg #navigation input[type="checkbox"] {
      display: none; }
    #navigation-bg #navigation label[for="menu_toggler"] {
      display: none; }
  @media (max-width: 719px) {
    #navigation-bg {
  position: relative;
  width: 100%;
  top: 0px;
  left: 0px;
  padding-left: 0px;
  padding-right: 0px;
  background-image: none !important;
  border-top: 0px;
  height: auto; }
    #navigation-bg #navigation {
      position: relative;
      margin-top: 0px;
      background: #ff9900; }
      #navigation-bg #navigation ul {
        display: none;
        position: absolute;
        top: 45px;
        left: 0px;
        background: #eeeeee;
        width: 100%;
        padding-bottom: 10px; }
        #navigation-bg #navigation ul li {
          float: none;
          height: auto;
          border-bottom: 1px solid #ff9900; }
          #navigation-bg #navigation ul li a {
            color: black;
            border-right: 0px;
            line-height: 30px; }
            #navigation-bg #navigation ul li a.current,
            #navigation-bg #navigation ul li a.section {
              border-top: 0px;
              margin: 0px;
              background: #eeeeee;
              text-decoration: underline;
              color: black; }
            #navigation-bg #navigation ul li a:hover {
              border-top: 0px;
              margin-top: 0px;
              background: #ff9900;
              color: white; }
          #navigation-bg #navigation ul li ul {
            display: block;
            position: relative;
            top: auto;
            left: auto;
            margin-left: 20px;
            border: 0px;
            background: #eeeeee;
            padding-bottom: 0px; }
            #navigation-bg #navigation ul li ul li {
              border-bottom: 1px solid #ff9900; }
              #navigation-bg #navigation ul li ul li.last {
                border-bottom: 0px; }
              #navigation-bg #navigation ul li ul li a {
                color: black; }
                #navigation-bg #navigation ul li ul li a:hover {
                  background: #ff9900;
                  color: white; }
              #navigation-bg #navigation ul li ul li ul {
                display: block; }
          #navigation-bg #navigation ul li:hover {
            background: none; }
            #navigation-bg #navigation ul li:hover ul {
              display: block; }
              #navigation-bg #navigation ul li:hover ul ul {
                display: block; }
      #navigation-bg #navigation input[type="checkbox"] {
        display: none; }
      #navigation-bg #navigation input[type="checkbox"]:checked ~ ul {
        display: block; }
      #navigation-bg #navigation label[for="menu_toggler"] {
        display: block;
        color: black;
        position: absolute;
        right: 10px;
        top: 5px; } }

#main {
  padding: 40px 10px; }
          #main #content_left #navigation_sub ul li a {
            display: block;
            padding: 10px;
            color: black;
            text-decoration: none; }
            #main #content_left #navigation_sub ul li a.current,
            #main #content_left #navigation_sub ul li a.section {
              text-decoration: underline; }
          #main #content_left #navigation_sub ul li ul {
            margin-left: 10px; }
              #main #content_left #navigation_sub ul li ul li a {
                padding: 5px 10px; }
    @media (max-width: 719px) {
      #main #content_left {
    display: none; } }
  #main #current-maschines {
    background: #ecedee;
    background-color: rgba(224, 225, 227, 0.6);
    position: relative;
    padding: 25px 0px; }
    #main #current-maschines:before {
      position: absolute;
      background: #ecedee;
      background-color: rgba(224, 225, 227, 0.6);
      top: 0px;
      bottom: 0px;
      content: "";
      left: -1000px;
      width: 1000px; }
    #main #current-maschines:after {
      position: absolute;
      background: #ecedee;
      background-color: rgba(224, 225, 227, 0.6);
      top: 0px;
      bottom: 0px;
      content: "";
      right: -1000px;
      width: 1000px; }
    #main #current-maschines h2 {
      font-size: 1.333em;
      font-weight: normal;
      margin-bottom: 15px; }
    #main #current-maschines div.maschine-elements {
      position: relative;
      overflow: hidden;
      width: 100%; }
      #main #current-maschines div.maschine-elements div {
        position: relative;
        width: 2000em; }
        #main #current-maschines div.maschine-elements div div.maschines {
          float: left;
          margin-right: 20px; }
          #main #current-maschines div.maschine-elements div div.maschines img {
            width: 100%;
            border: 1px solid #cccccc; }
          #main #current-maschines div.maschine-elements div div.maschines h3 {
            margin-top: 8px;
            font-weight: normal;
            font-size: 0.88em; }
      #main #current-maschines div.maschine-elements a.nav {
        background-image: url(../../mysite/images/maschines_icons.png);
        background-repeat: no-repeat;
        position: absolute;
        top: 30px;
        width: 30px;
        height: 78px; }
        #main #current-maschines div.maschine-elements a.nav.prev {
          left: 0px;
          background-position: 0px 0px; }
        #main #current-maschines div.maschine-elements a.nav.next {
          right: 0px;
          background-position: -30px 0px; }
        @media (min-width: 960px) and (max-width: 1179px) {
          #main #current-maschines div.maschine-elements a.nav {
        top: 12px; } }
        @media (min-width: 720px) and (max-width: 959px) {
          #main #current-maschines div.maschine-elements a.nav {
        top: 42px; } }
        @media (max-width: 719px) {
          #main #current-maschines div.maschine-elements a.nav {
        top: 65px; } }
    @media (max-width: 719px) {
      #main #current-maschines:before,
      #main #current-maschines:after {
        width: 10px; }
      #main #current-maschines:before {
        left: -10px; }
      #main #current-maschines:after {
        right: -10px; } }
  #main #contact {
    background: #f39200;
    height: 90px;
    min-height: 90px;
    line-height: 90px;
    color: white;
    font-size: 1.88em;
    position: relative;
    margin-top: 40px; }
    #main #contact p {
      vertical-align: middle;
      line-height: normal;
      margin-bottom: 0; }
    #main #contact:before {
      position: absolute;
      top: 0px;
      bottom: 0px;
      background: #f39200;
      width: 1000px;
      content: "";
      left: -1000px; }
    #main #contact:after {
      position: absolute;
      top: 0px;
      bottom: 0px;
      background: #f39200;
      width: 1000px;
      content: "";
      right: -1000px; }
    @media (max-width: 719px) {
      #main #contact {
    height: auto;
    min-height: inherit;
    line-height: normal;
    text-align: center;
    padding: 10px 0px;
    font-size: 1.7em; }
      #main #contact:before,
      #main #contact:after {
        width: 10px; }
      #main #contact:before {
        left: -10px; }
      #main #contact:after {
        right: -10px; }
      #main #contact p {
        margin-left: 0px;
        line-height: normal;
        vertical-align: inherit; } }
    #main #contact a {
      color: white; }
      @media (min-width: 720px) {
        #main #contact a[href^="tel"] {
          text-decoration: none; } }
    #main #contact div.phone {
      text-align: center; }
    #main #contact div.email {
      overflow: hidden;
      height: 85px;
      margin-top: 5px; }
      @media (max-width: 719px) {
        #main #contact div.email {
      height: auto; } }
  @media (max-width: 719px) {
    #main {
  padding: 20px 10px; } }

  body.Homepage #main {
    padding-bottom: 0px; }
  body.Homepage #footer {
    border-top: 0px; }

#footer {
  background: #e0e1e3;
  background-color: rgba(224, 225, 227, 0.4);
  padding: 25px 0px;
  font-size: 0.88em;
  border-top: 3px solid #f39200; }
    #footer div.container_24 div.footer-block {
      color: #666666; }
      #footer div.container_24 div.footer-block h3 {
        font-size: 1.25em;
        font-weight: normal;
        margin: 0px 0px 20px; }
      #footer div.container_24 div.footer-block p {
        margin: 0px 0px 10px; }
      #footer div.container_24 div.footer-block a {
        color: #666666; }
            #footer div.container_24 div.footer-block #Form_QuickContactForm fieldset div.field label {
              float: left;
              width: auto; }
            #footer div.container_24 div.footer-block #Form_QuickContactForm fieldset div.field div.middleColumn {
              margin-left: 80px; }
              #footer div.container_24 div.footer-block #Form_QuickContactForm fieldset div.field div.middleColumn input,
              #footer div.container_24 div.footer-block #Form_QuickContactForm fieldset div.field div.middleColumn textarea {
                background: white;
                width: 100%; }
              #footer div.container_24 div.footer-block #Form_QuickContactForm fieldset div.field div.middleColumn textarea {
                height: 60px; }
              #footer div.container_24 div.footer-block #Form_QuickContactForm fieldset div.field.sliderspamprotector div.middleColumn {
                margin-left: 0px; }
                #footer div.container_24 div.footer-block #Form_QuickContactForm fieldset div.field.sliderspamprotector div.middleColumn div.sspf {
                  width: 100%; }
                  #footer div.container_24 div.footer-block #Form_QuickContactForm fieldset div.field.sliderspamprotector div.middleColumn div.sspf div.text {
                    font-size: 1em; }
                    @media (max-width: 959px) {
                      #footer div.container_24 div.footer-block #Form_QuickContactForm fieldset div.field.sliderspamprotector div.middleColumn div.sspf div.text {
                    font-size: 0.8em; } }
      #footer div.container_24 div.footer-block ul {
        margin: 0px; }
        #footer div.container_24 div.footer-block ul li {
          margin: 0px;
          list-style-type: none; }
          #footer div.container_24 div.footer-block ul li a {
            text-decoration: none;
            color: #666666;
            position: relative;
            padding-left: 10px; }
            #footer div.container_24 div.footer-block ul li a:before {
              content: '»';
              position: absolute;
              top: -1px;
              bottom: 0px;
              left: 0px; }
      @media (max-width: 719px) {
        #footer div.container_24 div.footer-block.form {
          display: none; }
        #footer div.container_24 div.footer-block.links {
          margin-bottom: 20px; } }

        form div.field.sliderspamprotector div.middleColumn div.sspf {
          background: white; }
          form div.field.sliderspamprotector div.middleColumn div.sspf div.handle {
            background: #f39200; }

body {
  font-family: 'UniversLTW01-57Condense 723821';
  font-size: 1.125em;
  color: black; }
  @media (min-width: 720px) and (max-width: 959px) {
    body {
  font-size: 1em; }
    body.highslide {
      font-size: 1em; } }

    .typography h1 {
      font-weight: normal;
      margin-top: 0px;
      margin-bottom: 30px;
      font-size: 1.33em; }
    .typography h2 {
      font-weight: normal;
      margin-top: 0px;
      margin-bottom: 30px;
      font-size: 1.33em; }
    .typography h3 {
      font-weight: normal;
      margin-top: 0px;
      margin-bottom: 30px;
      font-size: 1.33em; }
    .typography h4 {
      font-weight: normal;
      margin-top: 0px;
      margin-bottom: 30px;
      font-size: 1.33em; }
    .typography h5 {
      font-weight: normal;
      margin-top: 0px;
      margin-bottom: 30px;
      font-size: 1.33em; }
    .typography h6 {
      font-weight: normal;
      margin-top: 0px;
      margin-bottom: 30px;
      font-size: 1.33em; }
    .typography h5 {
      margin-bottom: 10px; }
    .typography h6 {
      margin-bottom: 10px; }
  .typography p {
    margin-bottom: 30px; }
  .typography a {
    color: black; }
    .typography a.button {
      display: inline-block;
      background-color: #f39200;
      border: 1px solid white;
      padding: 6px 6px; }
  .typography ol {
    list-style-type: decimal;
    margin: 0px 0px 20px 10px; }
    .typography ol li {
      margin: 0px 0px 5px 20px; }
  .typography ul {
    list-style-type: square;
    margin: 0px 0px 20px 10px; }
    .typography ul li {
      margin: 0px 0px 5px 10px; }
      .typography ul li ul {
        margin: 10px 0px 10px 10px; }
    .typography img.right {
      float: right;
      margin: 0px 0px 20px 20px; }
    .typography img.left {
      float: left;
      margin: 0px 20px 20px 0px; }
    .typography img.leftAlone {
      display: block;
      margin-bottom: 30px; }
    .typography img.center {
      display: block;
      margin: 0 auto;
      margin-bottom: 30px; }
  .typography table {
    width: 100%;
    border: 1px solid #cccccc;
    border-collapse: collapse;
    margin-bottom: 30px; }
    .typography table td,
    .typography table th {
      border: 1px solid #cccccc;
      padding: 5px; }
    .typography table.noborder {
      border: none; }
      .typography table.noborder td,
      .typography table.noborder th {
        border: none; }
    .typography p table {
      margin-bottom: 0px; }
  .typography div.pagination {
    margin-bottom: 30px; }
    .typography div.pagination a,
    .typography div.pagination span {
      display: inline-block;
      background-color: #f39200;
      border: 1px solid gainsboro;
      display: inline-block;
      color: white;
      padding: 6px 24px;
      text-decoration: none;
      cursor: pointer;
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px;
      border-radius: 6px;
      padding: 6px 6px; }
  .typography div.pagination a:hover,
  .typography div.pagination span:hover {
    background-color: #f39200; }
      .typography div.pagination a.current,
      .typography div.pagination span.current {
        font-weight: bold; }
  .typography .WidgetHolder {
    margin-bottom: 20px; }
    .typography .WidgetHolder h3 {
      font-weight: bold;
      margin-bottom: 10px; }
    .typography .WidgetHolder p {
      margin-bottom: 10px; }