html{scroll-behavior: smooth;}

body{
   margin: 0;
   padding: 0;
   color: var(--color);
   background: var(--background);
   text-align: left;
   font-family: "open sans", sans-serif;
   scroll-behavior: smooth;
   --maincolor: #3498db;
   --secondcolor: #2980b9;
   --background: #181818;
   --color: #fff;
   }

   #content{
     margin: 0;
   }

   .inner-width{
     width: 100%;
     max-width: 1100px;
     margin: auto;
   }

   #home{
     margin: 0;
     width: 100%;
     height: 100vh;
     background-image: url("assets/bg_grey.svg");
     background-size: cover;
     background-repeat: repeat-x;
     background-position: center;
   }

   #navbar{
     width: 100%;
     height: 56px;
     background: var(--maincolor);
     color: #fff;
     position: fixed;
     top: 0;
     left: 0;
     z-index: 999;
     transition: all 300ms linear;
     user-select: none;
   }

   #navbar img{
     width: auto;
     height: 36px;
     margin: 10px 15px 15px 15px;
     float: left;
   }

   #navbar-links{
     float: right;
   }

   #toggleNav{
     text-align: right;
     color: #fff;
     margin: 15px 15px 15px 15px;
   }

   #home{
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     justify-content: space-around;
     align-items: baseline;
   }

   #home img{
     width: 80%;
     height: auto;
     background-image: url("blob1.svg");
     background-position: right;
     background-repeat: no-repeat;
   }

   #footer{
     margin: 0;
     padding: 0;
     color: #fff;
     width: auto;
     height: auto;
   }

   #imprint, #copyright{
     display: none;
   }

   #footerContent{
     width: calc(100% - 30px);
     height: auto;
     min-height: 60px;
     background: var(--maincolor);
     margin: 0;
     margin-top: -21px;
     padding: 15px;
   }

   a{
     color: inherit;
     text-decoration: none;
   }

   a:hover{
     color: inherit;
     text-decoration: underline;
   }

   i{
     text-decoration: none;
     outline: none;
     font-style: normal;
   }

   i:hover{
     text-decoration: none;
     outline: none;
   }

  ::selection {background: var(--maincolor); color: #ffffff; border-radius: 12px;}
  ::-moz-selection {background: var(--maincolor); color: #ffffff; border-radius: 12px;}