@import url(https://use.typekit.net/avo8bnb.css);

      html,
      body {
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
        left: 0;
        top: 0;
        font-size: 1.25rem;
        letter-spacing: 1px;
      }

      * {
        font-family: "orpheuspro", serif;
        color: #000000;
        line-height: 1.2;
      }

      .cond{
        font-family: "orpheus-pro-condensed", sans-serif;
      }

      strong{
        font-family: "orpheuspro", serif;  
      }

      i{
        font-weight: 400;
      }

      #logo{
        width:95vw;
      }

      main{
        box-sizing: border-box;
        margin-top: 50px;
        width:80%;
        margin-left:20%;
        display: flex;
        flex-wrap: wrap;
      }

      .bestsoon{
        width:30%;
        margin-left:3%;
      }

      .bestkl{
        width: 40%;
      }

      .bestib{
        margin-left:7%;
        width: 60%;
      }

      .img-fluid{
        max-width: 100%;
        height: auto;
      }

      footer{
        font-size:0.9rem;
        margin-top: 75px;
        display: flex;
        align-items: flex-start;
      }

      footer>div{
        width:20%;
        padding:0 5px;
        box-sizing: border-box;
      }

      a{
        text-decoration: none;
      }

      a.cond{
        text-decoration: underline;
      }

      ul{
        padding:0;
        margin:10px 20px;
      }

      li{
        display: inline; 
        margin-right: 20px;
      }

      .menu{
        width:25%;
      }

      .pfeile{
        width:10%;
      }

      .social{
        width:15%;
        display: flex;        
        align-items: center;
      }

      .social>a{
        padding: 0 5px 0 0;
      }

      .ams{
        width:20%;
        margin-top:-10px;
      }

      .contact{
        width:30%;
      }

      .fhead{
        font-weight:700;
        display:inline-block;
        padding:0;
        margin:0;
        background-image: linear-gradient(transparent 50%, rgb(251, 236, 20) 50%);
      }


      @media only screen and (max-width: 1000px) {
        html{
          font-size: 1.1rem;
        }

        main{
          margin-top: 50px;
          width:95%;
          margin-left:5%;
          display: flex;
          flex-wrap: wrap;
        }

        .bestsoon{
          margin-bottom: 25px;
          margin-left: 2%;
        }

        .bestib{
          margin-left:8%;
        }

        .menu{
          width:25%;
        }

        .pfeile{
          display: none;
        }

        .social{
          width:20%;
        }

        .ams{
          width:25%;
        }

        .contact{
          width:30%;
        }

        footer{
          font-size:0.8rem;
        }

      }

      @media only screen and (max-width: 800px) {
        body {
/*          background-color: lightblue;*/
        }

        footer{
          width:100%;
          margin-left: 0;
          display: block;
        }

        .bestsoon{
          width:90%;
        }

        .bestib{
          text-align: right;
          width:90%;
          margin-left:5%;
        }

        .bestkl{
          width:50%;
          margin-left:25%;
          margin-top: 10%;
        }

        footer{
          width:100%;
          margin-left: 0;
          display: flex;
          flex-wrap: wrap;
        }

        footer>div{
          width:100% !important;
          padding:20px;
          box-sizing: border-box;
        }

        ul{
          margin:0;
        }

        .social{
          width:50% !important;
        }

        .ams{
          width:50% !important;
        }

      }