body {
    padding: 0rem;
    margin: 0;
    font-family: 'comfortaa',sans-serif;
    font-size: 16px;
   
  }
  * {
    box-sizing: border-box;
  }
  footer{
    text-align: center;
    padding-top: 2rem;
  }
  a{
    text-decoration: none;
    color: black;
  }
  table{
    width: 80vw;
    text-align: left;
  }
  th{
      height: 3rem;
  }
  h1, h2, h3{
      color: #e74727;
  }
/*Navigation*/
  .logo{
      height: 3rem;
  }
  .nav {
    height: 4rem;
    width: 100%;
    position: relative;
    background-color: #fff;
    padding-right: 1rem;
    border-bottom:2px solid #e74727;
  }
  
  .nav > .nav-header {
    display: inline;
    
  }
  
  .nav > .nav-header > .nav-title {
    display: inline-block;
    font-size: 22px;
    color: #e74727;
    padding: 10px 10px 10px 10px;
    
  }
  
  .nav > .nav-btn {
    display: none;
  }
  
  .nav > .nav-links {
    display: flex;
    flex-direction: row;
    float: right;
    font-size: 18px;
    align-items: center;
    height: 4rem;
  }
  
  .nav > .nav-links > a {
    display: flex;
    padding: 13px 10px 13px 10px;
    flex-direction: row;
    text-decoration: none;
    color: #e74727;
    align-items: center;
  }
  
  .nav > .nav-links > a:hover {
    color: #fff;
    background-color: #e74727;
    height: 4rem;
  }
  
  .nav > #nav-check {
    display: none;
  }
/*Navigation Ende*/
.TXTWRAP{
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100vw;
}
.text{
  display: flex;
    width: 80vw;
    flex-direction: column;
    
}
/*Impressum Hover*/
  .lk:hover {
      color: #e74727;
      font-weight: bold;
  }
/*________________Mobil____________*/
@media (max-width:790px) {
   
    /*Allgemein*/
    body{
 
    }
    footer{
      text-align: center;
      padding-top: 2rem;
    }
    a{
      text-decoration: none;
      color: black;
    }
    table{
      width: 10rem;
      text-align: left;
    }

    th{
        height: 4rem;
    }
    h1, h2, h3{
        color: #e74727;
        width: 80vw;
    }
    /*Navigation*/
        .logo{
            height:3rem;
        }
        .nav > .nav-btn {
          display: inline-block;
          position: absolute;
          right: 0px;
          top: 0px;
        }
        .nav > .nav-btn > label {
          display: inline-block;
          width: 50px;
          
          padding-top: 17px;
          ;
        }
      
        .nav > .nav-btn > label > span {
          display: block;
          width: 30px;
          height: 10px;
          border-top: 2px solid #000;
        }
        .nav > .nav-links {
          position: absolute;
          display: block;
          width: 100%;
          background-color: #fff;
          height: 0px;
          transition: all 0.3s ease-in;
          overflow-y: hidden;
          top: 4rem;
          left: 0px;
          border-bottom:5px solid #e74727;
        }
        .nav > .nav-links > a {
          display: block;
          width: 100%;
        }
        .nav > #nav-check:not(:checked) ~ .nav-links {
          height: 0px;
        }
        .nav > #nav-check:checked ~ .nav-links {
          height: 92vh;
          overflow-y: auto;
        }
      
      .topnav .icon {
        display: none;
      }
      
      .topnav a:not(:first-child) {display: none;}
      .topnav a.icon {
        float: right;
        display: block;
      }
    
    /*Navigation Ende*/
/*Impressum Hover*/
.lk:hover {
    color: #e74727;
    font-weight: bold;
}
}