/*start new 23.08.2021*/
.card-img-height{
    width: 100%;
    height: 18rem;
    object-fit: contain;
    border-radius: 3px;
}
.card-height{
    /*width: 100%;*/
    height: 24rem;
}
.card-wide{
    width: 100%;
    height: 18rem;
}
.card-img-wide{
    width: 100%;
    height: 13rem;
    object-fit: contain;
    border-radius: 3px;
}
.card-ultrawide{
    width: 100%;
    height: 27,5rem;
}
.card-img-ultrawide{
    width: 100%;
    height: 22,5rem;
    object-fit: contain;
    border-radius: 3px;
}
.card:hover{
  border: 1px solid #8c8c8c;
}
.card-block{
  justify-content: center;
  align-content: center;
  flex-direction: column;
  border-radius: 0px 0px 3px 3px;
  display: flex; flex: 1;  
}
.marginFullPage{
  margin-bottom: 280px;
}
@media screen and (max-height: 1000px){
  .marginFullPage{
    margin-bottom: 0px;
  }
}

.marginFullPageOneRowWide{
  margin-bottom: 376px;
}
@media screen and (max-height: 1000px){
  .marginFullPageOneRowWide{
    margin-bottom: 0px;
  }
}

.marginFullPageTwoRowWide{
  margin-bottom: 72px;
}
@media screen and (max-height: 1000px){
  .marginFullPageTwoRowWide{
    margin-bottom: 0px;
  }
}

/*end new 23.08.2021*/
/*css all*/
body{
  background-color:rgb(224, 232, 235);
}
.container{
  box-shadow: 0px 45px 100px 0px rgba(0,0,0,0.2);
}
h2{
  color: #0085CA;
  font-family:"Segoe UI",Arial,sans-serif;
  font-size: 23px;
  font-weight: 100;
}
a{
  text-decoration: none;
  font-family:"Segoe UI",Arial,sans-serif;
}
p{
  font-family:"Segoe UI",Arial,sans-serif;
  font-size: 16px;
}
.blueText{
  font-family:"Segoe UI",Arial,sans-serif;
  font-size: 16px;
  color: #0085CA;
  font-weight: 400;
}
.cards p{
  text-align: center;
}
.darkblueLine{
  background-color: rgb(0, 153, 230);
}
.darkblue{
  background-color:  #0085CA;
}
.blue{
  background-color: rgb(102, 194, 255);
}
.lightblue{
  background-color:rgb(224, 232, 235);
}
.bordergray{
  border: 1px solid #ccc;
  /*background-color: rgb(230, 230, 230);?????*/
}
.hoverable:hover{
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.hoverborder:hover{
  border: 1px solid #8c8c8c;
}
a:hover{
  text-decoration: none;
}
li{
  text-decoration: none;
}
#nav-icon{
  font-size:29px;
  color: rgb(140, 140, 140);
}
nav img{
  height: 50px;
}
nav li{
  font-family:"Segoe UI",Arial,sans-serif;
  color: #2F2D2C;
  margin-left: 20px;
  margin-right: 20px;
}
nav{
  box-shadow: 0px 45px 100px 0px rgba(0,0,0,0.2);
  margin: 0px;
  padding: 0px;
}
nav ul li a{
  font-size: 1.125em;
}
nav ul li a:hover{
  background-color: #DBD9D8;
  padding: 0px;
  margin: 0px;
}
nav ul li a.active{
  border-bottom: 0.188em solid #0085CA;
  padding: 0px;
  margin: 0px;
}
footer img{
    width: 180px;
}
footer a, footer p{
  color: white;
  margin: 0px;
  padding: 0px;
}
footer a:hover{
  color: rgb(191, 191, 191);
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  nav li {
    margin: 0px;
    margin-bottom: 8px;
  }
}
/*Home*/
.news p, .news h5{
  text-align: center;
}
.carousel-inner img {
    width: 100%;
}
@media (max-width: 350px) {
  .carousel-inner img {
    height: 200px;
  }
}
/*Kontakt*/
.sectionKontakt{
  border: solid 5px #0085CA;
  /*margin-bottom: 30px; /*alt: 269px*/*/
}
.sectionKontakt h2{
  color: #0083C3;
  font-weight: 100;
}
.sectionKontakt p{
  font-size: 15px;
}
@media screen and (max-width: 380px){
  .sectionKontakt {
    border: solid 2px #0085CA;
  }
}
@media screen and (max-height: 1000px){
  .sectionKontakt{
    margin-bottom: 15px;
  }
}
/*Unternehmen*/
#efre-logo{
  height: 5rem;
  object-fit: contain;
  width: 100%;
  margin: auto;
}
.efre-logo_text{
  padding: 20px;
  border: solid 2px #0085CA;
  max-width: 90%;
  margin: 20px auto;
  padding-bottom: 6px;
}
.efre-logo_text p{
  text-align: center;
}
/*Zeichnungen*/
.marginZeichnungen{
  margin-bottom: 251px;
}
@media screen and (max-height: 1000px){
  .marginZeichnungen{
    margin-bottom: 15px;
  }
}

/*Login*/
.sectionLogin{
  width: 65%;
  margin: auto;
  margin-top:55px;  
  margin-bottom: 409px; 
}
@media screen and (max-height: 1000px){
  .sectionLogin{
    width: 80%;
    margin-bottom:0px; 
  }
}
.sectionLoginFirmware{
  width: 65%;
  margin: auto;
  margin-top:55px;  
  margin-bottom: 312px; 
}
@media screen and (max-height: 1000px){
  .sectionLoginFirmware{
    width: 80%;
    margin-bottom:0px; 
  }
}
.sectionLoginInbetriebnahme{
  width: 65%;
  margin: auto;
  margin-top:55px;  
  margin-bottom: 540px; 
}
@media screen and (max-height: 1000px){
  .sectionLoginInbetriebnahme{
    width: 80%;
    margin-bottom:0px; 
  }
}
.sectionLoginPCSoftware{
  width: 65%;
  margin: auto;
  margin-top:55px;  
  margin-bottom: 55px; 
}
@media screen and (max-height: 1000px){
  .sectionLoginPCSoftware{
    width: 80%;
    margin-bottom:0px; 
  }
}
.sectionLoginParameter{
  width: 65%;
  margin: auto;
  margin-top:55px;  
  margin-bottom: 30px; 
}
@media screen and (max-height: 1000px){
  .sectionLoginParameter{
    width: 80%;
    margin-bottom:0px; 
  }
}
/*Daikin*/
.daikinmargin{
  margin: auto;
  margin-bottom: 188px;
  width: 65%;
}
@media screen and (max-height: 1000px){
  .daikinmargin{
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1200px){
  .daikinmargin{
    width: 80%;
  }
}
/*anschlusshinweisemargin*/
.anschlusshinweisemargin{
  margin: auto;
  margin-bottom: 578px;
  width: 65%;
}
@media screen and (max-height: 1000px){
  .anschlusshinweisemargin{
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1200px){
  .anschlusshinweisemargin{
    width: 80%;
  }
}
/*Loxone*/
.loxone-links{
  width: 65%;
  margin: auto;
  margin-top:55px;
  margin-bottom: 545px;
}
@media screen and (max-height: 1000px){
  .loxone-links{
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1200px){
  .loxone-links{
    width: 80%;
  }
}

/*kl100-materialaufstellung*/
.kl100-materialaufstellung{
  width: 65%;
  margin: auto;
  margin-top:55px;
  margin-bottom: 530px;
}
@media screen and (max-height: 1000px){
  .kl100-materialaufstellung{
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1200px){
  .kl100-materialaufstellung{
    width: 80%;
  }
}

/*Seiten ausschließlich mit Links*/
.links{
  width: 65%;
  margin: auto;
  margin-bottom: 20px;
}
@media screen and (max-width: 1200px){
  .links{
    width: 80%;
  }
}