body { 
    background-image: url(Bilder/state-of-digital-transformation.jpg) ; 
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% 100%;
    color: rgb(3, 104, 124); 
    text-shadow: 7px 7px 7px grey  ;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-align: center; 
    max-width: 100%; 
    overflow-x: hidden; 
    padding: 0; 
    margin: 0;     
  } 
  #wrapper{
    display: flex;
    flex-wrap: wrap;
    margin:0 auto;
  }
  h1 {
    text-align: center; 
    letter-spacing: 1px; 
    word-spacing: 0.15em; 
    font-size: auto; 
    line-height: 1; 
    transform: translateY(52%); 
  } 
  .neonText {
    color: darkcyan;
    text-shadow:
        0 0 7px #fff,
        0 0 10px #fff,
        0 0 21px #fff,
        0 0 42px #0fa,
        0 0 82px #0fa,
        0 0 92px #0fa,
        0 0 102px #0fa,
        0 0 151px #0fa;
  }  
    #toggle { 
    display: none; 
  } 
   .hamburger { 
    position: absolute; 
    top: 5em; 
    right: 5%; 
    margin-left: -2em; 
    margin-top: -45px; 
    width: 2em; 
    height: 45px; 
    z-index: 5; 
  } 
   .hamburger div { 
    position: relative; 
    width: 3em; 
    height: 7px; 
    border-radius: 3px; 
    background-color: bisque; 
    margin-top: 8px; 
    transition: all 0.3s ease-in-out; 
  } 

  .nav { 
    position: fixed; 
    width: 100%; 
    height: 100%; 
    background-color: darkcyan; 
    top: -100%; left: 0; right: 0; bottom: 0; 
    overflow: hidden; 
    transition: all 0.3s ease-in-out; 
    transform: scale(0); 
  } 
  .nav-wrapper { 
    position: relative; 
    overflow: hidden; 
    overflow-y: auto; 
    height: 100%; 
  } 
  nav { 
    text-align: left; 
    margin-left: 25%; 
  } 
  nav a { 
    position: relative; 
    text-decoration: none; 
    color: cyan; 
    font-size: 2em; 
    display: inline-block; 
    margin-top: 1.25em; 
    transition: color 0.2s ease-in-out; 
    letter-spacing: 1px; 
  } 
  nav a:before { 
    content: ''; 
    height: 0; 
    position: absolute; 
    width: 0.25em; 
    background-color: bisque; 
    left: -0.5em; 
    transition: all 0.2s ease-in-out; 
  } 
  nav a:hover { 
    color: bisque; 
  } 
  nav a:hover:before { 
    height: 100%; 
  } 
  #toggle:checked + .hamburger .top-bun { 
    transform: rotate(-45deg); 
    margin-top: 25px; 
  } 
  #toggle:checked + .hamburger .bottom-bun { 
    opacity: 0; 
    transform: rotate(45deg); 
  } 
  #toggle:checked + .hamburger .meat { 
    transform: rotate(45deg); 
    margin-top: -7px; 
  } 
   #toggle:checked + .hamburger + .nav { 
    top: 0; 
    transform: scale(1); 
  }