@charset "UTF-8";

.as-top-bar {
    background-color: #ffffff;
    width:100%;
    height: 65px;
    box-shadow: 0 4px 4px rgba(0,0,0,0.08);/*, 0 6px 6px rgba(0,0,0,0.23);*/
    z-index: 200;
    margin: auto;
  }
  .ie .as-top-bar {
    box-shadow: 0 4px 4px rgba(0,0,0,0.06);
  }
  .as-top-burger {
    /*position: absolute;*/
    /*-webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));*/
    /*filter: drop-shadow( 0px 10px 4px rgba(0, 0, 0, 0.12));*/ /*CHANGED FROM SVG TO PNG INCLUDING SHADOW*/
    /* Similar syntax to box-shadow */
    width: 12rem;
    display: block;
    margin-top:-2px;
    padding-top:1px;
    margin-left: auto;
    margin-right: auto;
    z-index: 200;
  }
  .as-top-elements{
    text-align: center;
    margin:auto;
    /*margin-top:1.5rem;*/  /*25px/*/
    /*vertical-align: middle;*/
    padding-top: 0.75rem;
  }
  .as-top-sidelogo{
    height: 1.75rem; /*30px*/
  }
  .as-top-logo{
    height: 2.5rem; /*45px*/
  } 
  .as-bottom-logo{
    height: 2rem;
    width: 10rem;

    display: flex;
    align-items: center;
    justify-content: flex-start;
  } 
  .as-agb{
    display: flex;
    align-items: center;
    justify-content: flex-end; 
  }
  .as-agb-font{
    font-size: 0.8rem;
    margin:0px;
    display: flex;
    text-align: right;

    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .as-fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 200;
    margin-top: -50px;
  }
a {
  color: #666666; /*color: #ca6639;*/
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  color: #f00;
  text-decoration: none;
}
  @media (max-width: 1200px) {
    /*body {
      background-position: center 50px;
    }
    .as-content {
      margin-top:-50px;
    }*/
    .as-top-bar {
      height: 55px;
    }
    .as-top-burger {
      width: 10rem;
    }
    .as-top-sidelogo{
      height: 1.5rem; /*30px*/
    }
    .as-top-logo{
      height: 2rem; /*45px*/
      margin-bottom: -0.25rem;
    }
    .as-top-elements{
      text-align: center;
      margin:auto 0px;
      margin-bottom: 0.5rem;
      padding:0px;
      display: flex;
      align-items: flex-end;
      justify-content: center;
    } 
    .as-fixed-bottom {
      margin-top: 0px;
      position: relative;
      background-color:#f6f6f6;
    }
  }
  @media (max-width: 1405px) {
    .as-fixed-bottom {
      margin-top: 0px;
      position: relative;
      background-color:#f6f6f6;
    }
  }
  @media (max-width: 768px) {
    .as-agb-font{
      font-size: 0.7rem;
      text-align: left;
    }
  }
  @media (max-width: 576px) {
    body {
      background-position: center 76px;
    }
    .as-content {
      margin-top:-76px;
    }
    .as-top-bar {
      height: 50px;
    }
    .as-top-burger {
      width: 8rem;
    }
    .as-top-sidelogo{
      height: 1.1rem; /*30px*/
    }
    .as-top-logo{
      height: 1.5rem; /*45px*/
      margin-bottom: -0.25rem;
    }
    .as-top-elements{
      text-align: center;
      margin:auto 0px;
      margin-bottom: 0.5rem;
      padding:0px;
      display: flex;
      align-items: flex-end;
      justify-content: center;
    }
    .as-bottom-logo{
      height: 1.5rem;
      width:7.5rem;
    }
    .as-agb{
      justify-content: flex-start;      
    }
    .as-agb-font{
      font-size: 0.7rem;
      text-align: left;
    }
    .as-fixed-bottom {
      position: relative;
      background-color:#f6f6f6;
    }
  }
  body {
    background-color: rgb(255,255,255);
    background-repeat: no-repeat;
    background-position: center 50px;
    background-size: auto 100vh;
    /*background-attachment: fixed;*/
  }
  .as-content{
    margin-top:-50px;
    padding:0px;
  }
  .as-overlay {
    background-color: rgba(255,255,255,0.75);
  }
  @media (max-width: 768px) {
    .as-overlay {
      /*background-color: transparent;*/
    }
  }
  .row {
    margin:0px;
  }
  .as-video {
    padding: 0px; /*20*/
    padding-top:0px;
    max-width:100%;
    /*max-height:56.25%;*/
  }
  .as-form-field {
    background-color: transparent;
    border:  solid #dadcdf;
    border-width: 0px 0px 1px 0px;
    padding-left: 0px;
    padding-right: 0px;
    border-radius: 0px;
    width:100%;
    height:3rem;
  }
  .as-form-align {
    text-align: left
    /*display:flex;
    justify-content: space-between;*/
  }
  .as-form-button {
    color:#fff;
    background-color:#78d200;
    border-width:0px;

    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    font-weight:bolder;
    border-radius: 0.1875rem;
  }
  .as-form-button:hover {
  color: #fff;
  background-color: #66cc00;
  }
  .as-header-4 {
    font-size: 1.1rem;
    font-weight: 500;
  }
  .as-header-5 {
    font-size: 0.85rem;
    font-weight: 500;
  }
  .as-label {
    font-size: 0.85rem;
    font-weight: 500;    
  }