.wrapper-year {
  margin-top:40px;
  margin-bottom:60px;
  display:block;
  position:relative;
  border-style:solid;
  border-color:#cad2df;
  border-width:1px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.monthline {
  display:block;
  width:100%;
}
.daysname {
  display:none;
}

.day {
  display:flex;
  justify-content:center;
  align-items:center;
  width:31px;
  height:50px;
  background-color:#79b6e5 !important;
  color:#FFFFFF !important;
  font-size:17px;
  text-decoration:none !important;
  float:left;
}
.anreise {
  background-color:#1f4a81 !important;
}
.belegt {
  background-color:#df3a58 !important;
}
.blind-day {
  display:none;
}
.monthname {
  display:flex;
  justify-content:flex-start;
  align-items:center;
  width:calc(100% - 961px);
  min-width:60px;
  height:50px;
  float:left;
  text-transform:uppercase;
  color:#79b6e5;
  text-indent:15px;
  border-style:solid;
  border-color:#cad2df;
  border-width:1px 0px 0px 0px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.monthline:first-child .monthname {
  border-width:0px 0px 0px 0px;
}

.monthdays {
  display:block;
  float:left;
}


@media screen and (max-width: 613px) { 
  .wrapper-year {
    margin-bottom:unset;
    height:calc(105vw);
    width:calc(100% - 60px);
    margin-left:30px;
    display:block;
    border:0px none !important;
    background-color:rgba(255,12,48,0);
  }

  .monthline {
    position:absolute;
    opacity:0;
  }
  .month-shown {
    opacity:1;
    animation-duration: 800ms;
    animation-name: showMonth;
  }
  .month-hidden {
    opacity:0;
    animation-duration: 400ms;
    animation-name: hideMonth;
  }
  @keyframes showMonth {
    0% {
      opacity:0;
    }
    100% {
      opacity:1;
    }
  }
  @keyframes hideMonth {
    0% {
      opacity:1;
    }
    100% {
      opacity:0;
    }
  }
  .btn-year {
    position:absolute;
    display:block;
    height:54px;
    width:30px;
    top:calc(45.4vw - 27px);
    text-decoration:none;
    background-position: 50% 50%;  
    background-size: 100% auto;  
    background-repeat: no-repeat;
    background-color: rgba(255,25,45,0);
    color:#000000;
  }
  .btn-year-prev {
    left:-42px;
    background-image: url(../images/Pfeil_Kalender_blau.svg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .btn-year-next {
    right:-42px;
    background-image: url(../images/Pfeil_Kalender_blau.svg);
  }
  .daysname {
    display:flex;
  }
  .daysname > div {
    display:flex;
    justify-content:center;
    align-items:center;
    width:14.28%;
    height:calc(11.2vw);
    color:#4085c0;
    border: 1px solid #4085c0 !important;           /* blau dunkel */
    border-width:1px 1px 0px 0px !important;
  }
  .daysname > div:first-child {
    border-width:1px 1px 0px 1px !important;
  }
  .monthname {
    display:flex;
    justify-content:center;
    align-items:center;
    width:100% !important;
    min-width:unset;
    height:calc(11.2vw);
    float:unset;
    color:#4085c0;
    text-indent:0px;
    border:1px solid #4085c0 !important;           /* blau dunkel */
    border-width:1px 1px 0px 1px !important;
  }
  .monthdays {
    width:100%;
  }
  .day {
    width:14.28%;
    height:calc(11.2vw);
  }
  .blind-day {
    display:flex;
    background-color:#FFFFFF !important;
    color:red !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .blind-day-after {
    border:1px solid #4085c0 !important;           /* blau dunkel */
    border-width:0px 0px 1px 1px !important; 
  }
  .blind-day-after:last-child {
    border-width:0px 1px 1px 1px !important;  
  }
  .blind-day-before {
    border:1px solid #4085c0 !important;           /* blau dunkel */
    border-width:1px 0px 0px 1px !important; 
  }
  .no-border-left {
    border-left:0px none !important;
  }
  .border-right {
    border-right:1px solid #4085c0 !important;           /* blau dunkel */
  }
  .border-right {
    border-left:1px solid #4085c0 !important;           /* blau dunkel */
  }
}



@media screen and (min-width: 614px) and (max-width: 709px) {
  .monthdays {
    width:496px;
  }
  .monthname {
    width:calc(100% - 496px);
  }
}
@media screen and (min-width: 710px) and (max-width: 799px) { 
  .monthdays {
    width:589px;
  }
  .monthname {
    width:calc(100% - 589px);
  }
}
@media screen and (min-width: 800px) and (max-width: 889px) { 
  .monthdays {
    width:682px;
  }
  .monthname {
    width:calc(100% - 682px);
  }
}
@media screen and (min-width: 890px) and (max-width: 979px) {  
  .monthdays {
    width:775px;
  }
  .monthname {
    width:calc(100% - 775px);
  }
}
@media screen and (min-width: 980px) and (max-width: 1080px) {  
  .monthdays {
    width:868px;
  }
  .monthname {
    width:calc(100% - 868px);
  }

}