@charset "UTF-8";
header section.topBar{
  background-color:#555555;
  color:silver;
  font-size:1.3rem;
  line-height:3rem;
}
header section.topBar, 
header section.logoAndTopMenu{
  padding:0.8rem 0;
}
header section.topBar i{
  color:#55acee;
  line-height:3rem;
}
header section.topBar div.phoneEmailAdressAndWorkingHours div.column{
  margin-right:2.5rem;
}
header section.topBar div.phoneEmailAdressAndWorkingHours div.column i.faw{
  margin-right:0.5rem;
}
header section.topBar div.socialMedia{
  float:right;
}
header section.topBar div.socialMedia i.fab.fa-facebook-square{
  font-size:3rem;
  display:block;
}
header section.topBarPandemicNotice{
  background-color:#df030a;
  color:white;
  font-size:1.3rem;
  line-height:3rem;
}
header section.logoAndTopMenu ul{
  float:right;
  line-height:9.1rem;
  text-transform:uppercase;
}
header section.logoAndTopMenu ul li{
  padding:0 1rem;
}
header section.logoAndTopMenu ul li:last-child{
  padding-right:0;
}
/* -- Mobile ---------------------------------------------------------------- */
@media only screen 
  and (max-width:1180px){
  header section.topBar div.socialMedia{
    float:none;
    width:100%;
    text-align:center;
  }
  header section.topBar div.phoneEmailAdressAndWorkingHours,
  header section.topBar div.phoneEmailAdressAndWorkingHours div.column{
    display:block;
  }
  header section.topBar div.phoneEmailAdressAndWorkingHours div.column i.faw{
    width:2.5rem;
    text-align:center;
    margin-right:0;
  }
  header section.topBar div.phoneEmailAdressAndWorkingHours div.column span.workingHours span.slash{
    display:none;
  }
  header section.topBar div.phoneEmailAdressAndWorkingHours div.column span.workingHours span.saturday{
    display:block;
  }
  header section.logoAndTopMenu figure.mainLogo{
    display:block;
  }
  header section.logoAndTopMenu figure.mainLogo a img{
    max-width:90%;
    margin:0 auto;
  }
  header section.logoAndTopMenu ul{
    float:none;
    line-height:4rem;
    text-align:center;
    margin-top:1rem;
  }
}
@media only screen 
  and (min-width:320px)
  and (max-width:359px){
  header section.logoAndTopMenu ul li{
    display:block;
  }
}
@media only screen 
  and (min-width:480px)
  and (max-width:1180px){
  header section.topBar div.phoneEmailAdressAndWorkingHours div.column{
    display:inline-block;
    width:49%;
    margin:0;
  }
}
@media only screen 
  and (min-width:760px)
  and (max-width:1180px){
  header section.logoAndTopMenu figure.mainLogo{
    display:inline-block;
  }
  header section.logoAndTopMenu ul{
    float:right;
    line-height:8.19rem;
    margin:0;
    margin-right:1rem;
  }
}