body {
          background-color: #000000;          
      }
      
      #startbild {
        display: none;
      }
      
      #infobox-mobile {
            display: none;
            position: relative;
            margin-left: auto;
            margin-right: auto;
            margin: 0px;
      }
      
      @font-face {
        font-family: Dejavu;
        src: url(../dejavu-sans/DejaVuSans-Bold.ttf);
      }
      
      .hauptleistemenu {
          position: fixed;
          width: 100%;
          height: 90px;
          top: -10px;
          z-index: 20;
          background-color: #000000;
      }
      
      h1 {
            position: absolute;
            float: left;
            font-size: 18px;
            margin-top: 46px;
            margin-left: 12px;
            color: #353535;
      }
      
      #seitenInhalt {
        position: relative;
        top: 70px;
      }
      
      li {
          position: relative;
          color: #555555;
          font-size: 11px;
          float: right;
          margin-right: 25px;
          margin-top: 50px;
          font-family: Dejavu;
          list-style: none;
      }
      
      .lis {
        float: none;
        margin-top: -16px;
        list-style: circle;
      
      }
      .los {
        margin-top: 35px;
      }

      h2 {
        font-family: Dejavu;
        color: #ffffff;
        font-size: 10px;
      }
      
      #menuMobile {
        top:-192px;
        position: relative;
        visibility: hidden;
        background-color: #121212;
        width: 100%;
      }

      #amar {
        position: absolute;
        width: 100%;
      }
      
      #Karussel {
        position: absolute;
        width: 100%;
        left: -100%;
        display: none;
      }
      
      #skillsliste, #laufbahnliste {
        display: none;
      }
      
      p {
        font-family: Dejavu;
        font-size: 10px;
        color: #555555;
        text-align: justify;
      }
      
      h3{
        font-size: 14px;
        color: #353535;
      }
      
      #Vita {
        position: absolute;
        width: 100%;
        left: -120%;
        top: -12px;
      }
      
      #VitaRaster {
        position: relative;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
      }
      
      #realtime_box {
        position: absolute;
        width: 100%;
        left: -120%;
        top: -12px;
      }
      
      #realtime_box_innen {
        position: relative;
        display: grid;
        grid-template-columns: 1fr 1fr;
      }
      
      #icons {
        float: right;
      }
      #laufbahnSchriftMobile, #skillsSchriftMobile {
        display: none;
      }
      
      .raster {
        border: groove;
        border: 1px solid transparent;
        color: #252525;
        margin: 12px;
        background-color: #121212;
        padding: 12px;
        border-color: #404040;
      }
      
      #Vitabild {
        opacity: 0;
      }
      
      #showreel {
        position: absolute;
        width: 100%;
        height: 720px;
        background-color: #000000;
        left: -100%;
        display: none;
      }
      
      #showreel_Innen {
        width: 100%;
        height: 720px;
        background-color: #000000;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        /*top: -48px;*/
      }
      
      #flucht_aufheben {
        clear: both;
      }
      
      #impressum{
        position: relative;
        left: -100%;
      }

      .realtime_textbox {
        width: 260px;
      }
      
      #impressum-innen {
        position: relative;
        display: grid;
        grid-template-columns: 1fr 2fr 1fr;
        color: #252525;
        padding: 12px;
      }
      
      #impressum-inhalt {
        display: none;
      }
      
      #button1, #button_start_futuristic_paint, #button_start_yacht, #button1-mobile {
            border-radius: 0px;
            border: 1px solid transparent;
            padding: 0.2em 0.8em;
            font-family: inherit;
            background-color: #202020;
            cursor: pointer;
            transition: border-color 0.25s;
            border-color: #404040;
            color: #9e9e9e;
            margin-bottom: 0.1em;
      }
      #button1:hover, #button1-mobile:hover, #button_start_futuristic_paint:hover, #button_start_yacht:hover {
            background-color: #202045;
      }

      
      .downloadCC {
        border-radius: 0px;
        border: 1px solid transparent;
        padding: 0.2em 0.8em;
        font-family: inherit;
        background-color: #202020;
        cursor: pointer;
        transition: border-color 0.25s;
        border-color: #404040;
        color: #9e9e9e;
        margin-bottom: 0.1em;
      }
      .downloadCC:hover {
            background-color: #202045;
      }
      
      /* Karussel Fade */
      .carousel-fade .carousel-item {
            opacity: 0;
            transition-duration: 0.8s;
            transition-property: opacity;
      }
      
      .carousel-fade .carousel-item.active,
      .carousel-fade .carousel-item-next.carousel-item-left,
      .carousel-fade .carousel-item-prev.carousel-item-right {
            opacity: 1;
      }
      
      .carousel-fade .active.carousel-item-left,
      .carousel-fade .active.carousel-item-right {
            opacity: 0;
      }
      
      .carousel-fade .carousel-item-next,
      .carousel-fade .carousel-item-prev,
      .carousel-fade .carousel-item.active,
      .carousel-fade .active.carousel-item-left,
      .carousel-fade .active.carousel-item-prev {
            transform: translateX(0);
            transform: translate3d(0, 0, 0);
      }

      /* Desltop Anwendungen */
      @media (max-width: 1199.98px) {
        
      }

      /* Hier ist die grösse für das Tablet */
      @media (max-width: 991.98px) {
        #VitaRaster {
          grid: none;
        }
        
        #realtime_box_innen {
          grid: none;
        }
        
        #impressum-innen{
          grid: none;
        }
        
        #infobox-mobile {
          display: block;
          position: relative;
          margin-left: auto;
          margin-right: auto;
          margin: 0px;
        }
        
        #menuMobile {
          top: -220px;
          visibility: visible;
          width: 100%;
        }
        
        #menuDesktop {
          visibility: hidden;
        }

        li {
          position: relative;
          float: none;
          list-style: none;
          margin: 22px;
          left: -36px;
        }
        
        #menuListe {
          position: relative;
          border: groove;
          border-width: 1px;
          color: #212121;
          display: none;
        }
        
        #mobileIcon {
          position: relative;
          margin: 25px;
          top: 8px;
        }
        
        #seitenInhalt {
          top: 110px;
        }
        
        .hauptleistemenu {
          height: 60px;
        }
        
        .raster {
          margin-right: 25px;
          margin-left: 25px;
        }
        
        #laufbahnSchrift, #skillsSchrift {
          display: none;
        }
        
        #laufbahnSchriftMobile, #skillsSchriftMobile {
            display: block
        }
        
        p {
          text-align: left;
        }
        
        #showreel_Innen {
          width: 95%;
          height: 320px;
        }
        h1 {
          margin-left: 88px;
        }
        
      }
      
      /* Hier ist die grösse für grosse Handys */
      @media (max-width: 767.98px) {
        
      }
      
      #cc_downloadbox {
            width: 200px;
      }
      
      /*Für kleine Handys*/
      @media (max-width: 576px) {
        .rt_bilder{
            width: 200px;
          }
        #icons {
          float: none;
          margin-top: 24px;
          padding-bottom: 12px;
        }
        #showreel_Innen {
          width: 95%;
          height: 260px;
        }
      }