body {
      margin: 0;
      background-color: #000;
      font-family: "Roboto Condensed";
    }

    @font-face {
      font-display: swap;
      font-family: "Roboto Condensed";
      font-style: normal;
      font-weight: 700;
      src: url("../fonts/roboto-condensed-v25-latin-700.eot");
      src: url("../fonts/roboto-condensed-v25-latin-700.eot?#iefix") format("embedded-opentype"),
        url("../fonts/roboto-condensed-v25-latin-700.woff2") format("woff2"),
        url("../fonts/roboto-condensed-v25-latin-700.woff") format("woff"),
        url("../fonts/roboto-condensed-v25-latin-700.ttf") format("truetype"),
        url("../fonts/roboto-condensed-v25-latin-700.svg#RobotoCondensed") format("svg");
    }

    .bg_as {
      z-index: -1;
      position: fixed;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background-size: cover;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-image: url("../images/off.jpg");
      background-repeat: no-repeat;
      background-position: 50% 15%;
    }

    .wcam {
      position: relative;
      text-align: center;
    }

    .aswlink, :hover, :active, :visited, :focus {
      color: #000000
    }

    .dashpic {
      background-image: url("../images/services/dash_start.jpg");
      min-height: 380px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }

    .dashpic0 {
      background-image: url("../images/services/dash_diarep.jpg");
      min-height: 380px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }

    .dashpic1 {
      background-image: url("../images/services/dash_insp.jpg");
      min-height: 380px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }

    .dashpic2 {
      background-image: url("../images/services/dash_mosfet.jpg");
      min-height: 380px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }

    .dashpic3 {
      background-image: url("../images/services/dash_umbaua.jpg");
      min-height: 380px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }

    .dashpic4 {
      background-image: url("../images/services/dash_paint.jpg");
      min-height: 380px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }

    .dashpic5 {
      background-image: url("../images/services/dash_individuell.jpg");
      min-height: 380px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }

    .dashpic6 {
      background-image: url("../images/services/dash_hitsys.jpg");
      min-height: 380px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }

    .uberpic0 {
      background-image: url("../images/uber1.jpg");
      min-height: 720px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }

    .uberpic1 {
      background-image: url("../images/uber2.jpg");
      min-height: 720px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }

    .copyprotec {
      opacity: 0;
      width: 100%;
      margin-bottom: -61.4%
    }

    .ubercont {
      max-height: 684px;
    }


    .top-container {
      text-align: center;
    }


    .site0 {
      text-align: center;
    }

    .dash {
      display: block;
      text-align: center;
      width: 100%;
      background-color: rgba(179, 179, 179, 0.9);
    }

    .container {
      position: relative;
    }

    .mySlides {
      display: none;
    }

    .cursor {
      cursor: pointer;
    }

    .prev,
    .next {
      cursor: pointer;
      position: absolute;
      top: 40%;
      width: auto;
      padding: 16px;
      margin-top: -50px;
      color: white;
      font-weight: bold;
      font-size: 50px;
      border-radius: 0 3px 3px 0;
      user-select: none;
      -webkit-user-select: none;
    }

    .next {
      right: 0;
      border-radius: 3px 0 0 3px;
    }

    .prev {
      left: 0;
      border-radius: 3px 0 0 3px;
    }

    .prev:hover,
    .next:hover {
      background-color: rgba(0, 0, 0, 0.8);
    }

    .caption-container {
      text-align: center;
      background-color: #222;
      padding: 2px 16px;
      color: white;
    }

    .row:after {
      content: "";
      display: table;
      clear: both;
    }


    .column {
      float: left;
      width: 16.66%;
    }

    .demo {
      opacity: 0.6;
    }

    .active,
    .demo:hover {
      opacity: 1;
    }


    @media only screen and (max-width: 768px) {

      img#e1 {
        position: relative;
        width: 100%;
        max-width: 330px;
      }

      img#e2 {
        display: none;
      }

      .headerblock {
        font-size: 24px;
        padding: 5px 5px;
      }

      .dash {
        font-size: 24px;
      }

      .dashcont {
        position: absolute;
        right: 0;
        margin: 20px;
        padding: 16px;
        background-color: rgba(255, 255, 255, 0.60);
      }

      .ubercont {
        position: absolute;
        right: 0;
        margin: 20px;
        padding: 16px;
        background-color: rgba(255, 255, 255, 0.60);
      }

      .ablauf {
        width: 95%;
        align-content: center;
      }

      .infotext {
        font-size: 14px;
        margin-left: 5%;
        margin-right: 5%;
      }

      .kalender {
        text-align: center;
        width: 90%;
        height: 300px;
      }
		
      .wcam {
        width: 95%;
      }
    }

    @media only screen and (min-width: 768px) and (max-width: 1200px) {

      img#e1 {
        display: none;
      }

      img#e2 {
        position: relative;
        width: 50%;
        min-width: 550px;
      }

      .headerblock {
        font-size: 28px;
        padding: 5px 30px;
      }

      .dash {
        font-size: 36px;
      }

      .dashcont {
        position: absolute;
        right: 0;
        margin: 20px;
        max-width: 40%;
        padding: 16px;
        background-color: rgba(255, 255, 255, 0.60);
        font-size: 23px;
      }

      .ubercont {
        position: absolute;
        right: 0;
        margin: 20px;
        max-width: 60%;
        padding: 16px;
        font-size: 26px;
        background-color: rgba(255, 255, 255, 0.60);
      }

      .ablauf {
        width: 65%;
      }

      .infotext {
        font-size: 18px;
        margin-left: 33%;
        margin-right: 33%;
      }

      .kalender {
        width: 40%;
        height: 400px;
      }
		
      .wcam {
        width: 75%;
      }
    }

    @media only screen and (min-width: 1200px) {

      img#e1 {
        display: none;
      }

      img#e2 {
        position: relative;
        width: 50%;
        max-width: 960px;
      }

      .headerblock {
        font-size: 36px;
        padding: 5px 50px;
      }


      .dash {
        font-size: 42px;
      }

      .dashcont {
        position: absolute;
        right: 0;
        margin: 20px;
        max-width: 40%;
        padding: 16px;
        background-color: rgba(255, 255, 255, 0.6);
      }

      .ubercont {
        position: absolute;
        right: 0;
        margin: 20px;
        max-width: 60%;
        padding: 16px;
        font-size: 32px;
        background-color: rgba(255, 255, 255, 0.60);
      }

      .ablauf {
        width: 65%;
      }

      .infotext {
        font-size: 22px;
        margin-left: 33%;
        margin-right: 33%;
      }

      .kalender {
        width: 40%;
        height: 500px;
      }
		
      .wcam {
        width: 75%;
      }
    }