* {
  box-sizing: border-box;
}
.h1{
  margin-top: 20px;
  font-family: 'Roboto';
  font-size: 1.667vw; /* 25 */
}
p {
  font-size: 1.15vw; /* 17pt */
}
.p{
  position: relative;
}
.card{
  position: relative;
}
.mehr{
  position: absolute;
  bottom: 5px;
  transform: translate(-50%,-50%);
}
.weniger{
  position: absolute;
  bottom: 5px;
  transform: translate(-50%,-50%);
}

/* Float four columns side by side */
.column {
  float: left;
  margin-right: 4.688vw;
  margin-top: 60px;
  /* height: 41.40786749482402vh; */
  /* width: 26.042vw; */
  vertical-align: middle;
  overflow: hidden;
}
#column-3, #column-6{
  margin-right: 0;
}

.row:after {
  content: "";
  display: table;
  clear: both;
  position:absolute;
}

/* Responsive columns */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
}

  .card-1 {
    display: inline-block;
    border-style: solid;
    border-width: 2.5px;
    border-color: #B39429;
    padding-top: 3.5vw;
    text-align: center;
    /* height: 41.40786749482402vh; */
    /* width: 26.042vw; */
/*     padding-right: 1.563vw;
    padding: 1.563vw; */
    padding-bottom: 1.7vw;

  }
  .card-2 {
    border-style: solid;
    border-color: #D2AF20;
    border-width: 2.5px;
    /* height: 41.40786749482402vh; */
    /* width: 26.042vw; */
    padding-top: 3.5vw;
    text-align: center;
/*     padding-right: 1.563vw;
    padding-left: 1.563vw; */
    padding-bottom: 1.7vw;

  }
  .card-3 {
    border-style: solid;
    border-color: #8EA77C;
    border-width: 2.5px;
    /* height: 41.40786749482402vh; */
    /* width: 26.042vw; */
    padding-top: 3.5vw;
    text-align: center;
/*     padding-right: 1.563vw;
    padding-left: 1.563vw;  */
    padding-bottom: 1.7vw;

  }

  .card-4 {
    border-style: solid;
    border-color: #215035;
    border-width: 2.5px;
    height: max-content;
    /* height: 41.40786749482402vh; */
    /* width: 26.042vw; */
    text-align: center;
    z-index: 8;
    padding-right: 1.463vw;
    padding-left: 1.463vw;
    padding-top: 3.5vw;
    padding-bottom: 1.7vw;
  }

  .card-5 {
    border-style: solid;
    border-color: #2A6B7D;
    border-width: 2.5px;
    /* height: 41.40786749482402vh; */
    /* width: 26.042vw; */
    text-align: center;
    padding-top: 3.5vw;
    position: relative;
/*     padding-right: 1.563vw;
    padding-left: 1.563vw;     */
    padding-bottom: 1.7vw;

  }

  .card-6 {
    border-style: solid;
    border-color: #215035;
    border-width: 2.5px;
    /* height: 41.40786749482402vh; */
    /* width: 26.042vw; */
    text-align: center;
    padding-top: 3.5vw;
    position: relative;
/*     padding-right: 1.563vw;
    padding-left: 1.563vw; */
    padding-bottom: 1.7vw;

  }
  

  .yellow_div{
    background-color: #B39429;
    width: 33%;
    height: 0.313vw;
    
    margin-left: 33%;
  }
  .orange_div{
    background-color: #D2AF20;
    width: 33%;
    height: 0.313vw;
    
    margin-left: 33%;
  }
  .green_div{
    background-color: #8EA77C;
    width: 33%;
    height: 0.313vw;
    
    margin-left: 33%;
  }
  .darkblue_div{
    background-color:#609390;
    width: 33%;
    height: 0.313vw;
    
    margin-left: 33%;
  }
  .blue_div{
    background-color: #116B7D;
    width: 33%;
    height: 0.313vw;
    
    margin-left: 33%;
  }
  .darkgreen_div{
    background-color: #1C5035;
    width: 33%;
    height: 0.313vw;
    
    margin-left: 33%;
  }
  #weniger-5{
    margin-top: 5%;
  }
  #hidden-1-p, #hidden-2-p, #hidden-3-p, #hidden-5-p, #hidden-4-p, #hidden-6-p{
    font-size: 1vw;
  }

  @font-face{
    font-family: 'Roboto900';
    src: url('../fonts/Roboto-Black.ttf');
}