.bluenet-logo {
  width: 80vw;
  margin: 0px auto 50px;
  max-width: 700px;
  height: auto;
  z-index: 9999;
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.5));
}
.bluenet-logo-sidemenu {
  width: 60vw;
  max-width: 360px;
  height: auto;
  margin-top: 70px;
}
.contact-bar {
display: inline-block;
padding-top: .3125rem;
padding-bottom: .3125rem;
font-size: 1.25rem;
line-height: inherit;
white-space: nowrap;
}
.contact-bar a {
margin-right: 1rem;
padding: 15px 20px;
font-size: 2rem;
background-color: #1877bd;
font-weight: bold;
color: #ffffff;
}
.contact-bar a:last-child {
  margin-right: 0;
}
.sprache{
  right:  150px;
  position: absolute;
  top: 60px;
      color: #fff;
      font-size: 1.5rem;
}
.sprache a,
.sprache a:visited,
.sprache a:active {
  color: #fff;
  font-size: 1.5rem;
}
.sprache:hover{
  color: #1877bd;
}
.back{
  right:  70px;
  position: absolute;
  top: 60px;
      color: #fff;
      font-size: 1.5rem;
}
.back a,
.back a:visited,
.back a:active {
  color: #fff;
  font-size: 1.5rem;
}
.back:hover{
  color: #1877bd;
}
.sidemenu_btn {
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  width: 60px;
  padding: 6px;
  position: absolute;
  right: 70px;
  top: 40px;
  display: inline-block;
}
.sidemenu_btn i{
    font-size: 50px;
    color: #ffffff;
}

::selection {
    background-color: #1877bd; 
    color: #ffffff;
}
::-moz-selection {
    background-color: #1877bd;
    color: #ffffff;
}

.partner ::selection, 
.support ::selection, 
.about-card ::selection,
.bg-blue ::selection {
    background-color: #111111; 
    color: #ffffff;
}

.partner ::-moz-selection, 
.support ::-moz-selection, 
.about-card ::-moz-selection,
.bg-blue ::-moz-selection {
    background-color: #111111;
    color: #ffffff;
}

h1::selection, h2::selection {
    background-color: #f8f9fa;
    color: #1877bd;
}

.progress-item {
    margin-bottom: 2.5rem;
    list-style: none;
}

.service-line {
    display: block;
    width: 100%;
    height: 5px;    
    background-color: #1877bd; 
    margin-top: 12px;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 4.0s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
}

body .wow.animated .service-line {
    transform: scaleX(1) !important;
}
/* Grundzustand der Linie */

/* Die Animation, die von WOW.js ausgelöst wird */
@keyframes growLine {
    from { transform: scaleX(0); }
    to { transform: scaleX(1); }
}

/* Wenn WOW.js 'animated' hinzufügt, startet die Animation */
/* 'forwards' sorgt dafür, dass der Balken bei 100% STEHEN BLEIBT */
.wow.animated .service-line {
    animation: growLine 3s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
@media (max-width: 575.98px) {

    .contact-bar a {
  margin-right: 0.5rem;
    padding: 5px 10px;
}
    .sprache {
  right: 45px;
  top: 100px;
}
    .side-menu .side-nav {
  margin: 50px 0;
}
      .side-menu .side-nav {
    margin: 30px 0;
  }
    
.scroll-top-arrow, .scroll-top-arrow:focus {
  right: 25px;
}
.fixed-nav-on-scroll {
  right: 20px;
}
.sidemenu_btn {

  right: 30px;
}

}
@media (max-width: 991px) {

    .contact .contact-details ul {
  margin-top: 0px!important;
}
}