#HintergrundIndex {background-size: object-fit cover; height: 1700px;}
#HintergrundInfos {background-size: object-fit cover; height: 7200px;}
.figure {max-width: 350px;}
/*#containerHome { height: 1700px; }*/
#containerKontakt{ height: 1500px;}
#HintergrundKontakt {background-size: object-fit cover; height: 1700px;/*setzt Bild ohne repeat ausfüllend in Container*/
     }
#containerInfo {height: 7200px;}
#containerImpressum {height: 3500px;}
#HintergrundImpr {background-size: object-fit cover; height: 4000px;margin: 0;padding: 0;}
#Hintergrund{background-size: object-fit cover; height: 5450px;/*setzt Bild ohne repeat ausfüllend in Container*/
     }
body {background-image: url(Elbi-Bilder/Sandstein2.jpg); 
}
#logo_Elbi {height:7rem;}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#indexcontainer {background: url(Elbi-Bilder/Leinen.jpg);  
  text-align: center;  
  letter-spacing: 2px;  
  margin: 1em;
}
/*impressumInhalt {padding: 50px;}*/
#dunklerHintergrund { position: relative;
    color: #fff; margin-left: 20px; margin-right: 20px;
    background: rgba(0,0,0,0.5);
    background-size: object-fit cover;
    background-repeat: no-repeat;  
    
}

  #dunklerHintergrundImpressum { position: relative;
    color: #fff; 
    background: rgba(0,0,0,0.5);
    background-size: object-fit cover;
    background-repeat: no-repeat;    
}
#dunklerHintergrundKontakt { position: relative;
    color: white; 
    background: rgba(0,0,0,0.5);
    background-size: object-fit cover;
    background-repeat: no-repeat;    
}
h2 {font-size: 25px;}
h1 {
    font-size: 50px;
    font-weight: bolder;
    text-shadow: 0.05em 0.05em 0.05em white;}
h5 {color: white;}
p {color: white; font-size: 19px;}
h6 {color: black; }
nav {margin-top: 20px;}

.nav-item{font-size: 24px;
    font-weight: bolder;
     
    background-color: lemonchiffon;
    margin-left: 4px;
    margin-right: 4px;
    }
   
    a:hover{
        color: rgb(80, 79, 88);
                }
        a{  
            color:darkslateblue;
            text-decoration:none;
            }
            a:visited{
            color:#000;
            text-decoration: none;	
            }
             a:active{
            color:#3F3F3F;
            text-decoration: none;	
            }
            a:hover{
            color: rgb(89, 143, 161);
            text-decoration:underline;	
            }
             a:focus{
                color:rgb(0, 110, 255);
            text-decoration: none;	
            }
#Text{
    text-align: center;
    font-family:"Comic Sans MS";
    font-weight: 750;
    margin-left: 70px;
    margin-right:70px;
    margin-top: 20px;
    margin-bottom: 10px;
    border: 2px solid black;
    padding: 25px;
    background: url(Elbi-Bilder/Leinen.jpg); 
    /*background: rgba(255,250,205, .8);*/
    font-size: 25px;
    letter-spacing: 0.3px;
    color: black;
    text-shadow: 0.06em 0.06em 0.06em white;
}


.kostenueberschr {font-size: 25px; font-weight: bolder;
    color: #fff; 
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}

.row {margin: 10px;}
.kostentabInhalt {font-size: 20px;}
#procedere {font-size: 30px; font-weight: bolder;
    color: #fff; margin-top: 20px;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}


#footer {background-color: rgb(22, 24, 24);
    color:aqua;
    font-size:larger;
    margin: 0px;
}
/*#foot {
    font-weight: bolder;
    
}*/

#googleMaps {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 60px;
  padding-bottom: 0;
    }   
 
#beleg{ text-align: center;
  margin-top: 50px;
  }   

.ausstattungText{margin:30px; font-size: 25px; font-weight: bolder;
    color: #fff; 
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}
/*
#bild1 {width: 330px;}
#bild2 {width: 300px;}
#bild3 {width: 330px;}
#bild4 {width: 300px;}
#bild5 {width: 300px;}
#bild6 {width: 300px;}
#bild7 {width: 300px;}
#bild8 {width: 350px;}
#bild9 {width: 350px;}
#bild10 {width: 400px;}
#bild11 {width: 330px;}
#bild12 {width: 250px;}
#bild13 {width: 400px;}
#bild14 {width: 300px;}
#bild15 {width: 300px;}
#bild16 {width: 335px;}
#bild17 {width: 320px;}
#bild18 {width: 335px;}
#bild19 {width: 330px;}
#bild20 {width: 330px;}
#bild21 {width: 330px;} */

/*transition: transform 0.2s /*(0.8s wäre langsamer gezoomt) und :hover ermöglichen zoom*/
img{  padding: 10px; min-width: 100px;max-width: 600px;
  transition: transform 0.2s;}
#bild1:hover{transform: scale(1.6, 1.6);} #bild2:hover{transform: scale(1.6, 1.6);} #bild3:hover{transform: scale(1.6, 1.6);}
#bild4:hover{transform: scale(1.6, 1.6);}
#bild5:hover{transform: scale(1.6, 1.6);}
#bild6:hover{transform: scale(1.6, 1.6);}
#bild7:hover{transform: scale(1.6, 1.6);}
#bild8:hover{transform: scale(1.6, 1.6);}
#bild9:hover{transform: scale(1.6, 1.6);}
#bild10:hover{transform: scale(1.6, 1.6);} #bild11:hover{transform: scale(1.6, 1.6);} #bild12:hover{transform: scale(1.6, 1.6);}
#bild13:hover{transform: scale(1.6, 1.6);}
#bild14:hover{transform: scale(1.6, 1.6);}
#bild15:hover{transform: scale(1.6, 1.6);}
#bild16:hover{transform: scale(1.6, 1.6);}
#bild17:hover{transform: scale(1.6, 1.6);}
#bild18:hover{transform: scale(1.6, 1.6);}
#bild19:hover{transform: scale(1.6, 1.6);}
#bild20:hover{transform: scale(1.6, 1.6);}
#bild21:hover{transform: scale(1.6, 1.6);}
/*img:hover{transform: scale(2.0, 2.0);} trans für alle img*/

#Preisrechner{text-align: left; 
  }
  #n1{width:50px;height: 25px;}
  #n2{width:50px;height: 25px;}
  #n3{width:50px;height: 25px;}
  #result{width:100px;height: 30px;}
#Grundriss{margin-top: 30px;}
#GR1,#GR2,#GR3,#GR4,#GR5{
    padding: 18px;  
}
#GR1{transition: transform 0.2s; max-width: 300px;}
#GR2{transition: transform 0.2s; max-width: 300px;}
#GR3{transition: transform 0.2s; max-width: 320px;}
#GR4{transition: transform 0.2s; max-width: 320px;}
#GR5{transition: transform 0.2s; max-width: 320px;}
#GR1:hover{transform: scale(1.5, 1.5);}
#GR2:hover{transform: scale(1.5, 1.5);}
#GR3:hover{transform: scale(1.5, 1.5);}
#GR4:hover{transform: scale(1.5, 1.5);}
#GR5:hover{transform: scale(1.5, 1.5);}


#naehe {font-size: 18px;}
#beschreibung {font-size: 18px;}
ul {text-decoration: none;}

  .input {text-align: left;  /*wo Name des Labels steht*/
    z-index: 1; 
    position: relative; }  
  .input ul {
    margin-top: 20px;  }  
  .input li {/*Text mit Adresse Fam Konrad links neben Formular*/    
    margin: 15px 0;
    font-size: 20px;
    font-weight: 400;  }
  .input li a {
    color: white;   }
  .input form label {
    font-size: 20px; 
    font-weight: 400; }  /*Labelbezeichnung wie Name,Ort usw*/
  .input form legend {font-size: 28px; font-weight: bolder; }  
  .input form .form-control { /*Text der ins Inputfeld gechrieben wird*/
    color: white;
    box-shadow: none;
    border-color: #fff;
    background: rgba(0,0,0,0.2);    }  
  .input form .form-control:focus {background: rgba(0,0,0,0.6); }  
  .red {color: #ea0000;}  

  .btn {
    font-size: 28px;/*abschicken BTN*/
    cursor: pointer; 
    font-weight: 400;
    margin-top: 10px;
    padding: 5px 15px;
    border-color: #fff;
    color: rgba(255,250,205,0.7);
    background: rgba(0,0,0,0.2); }  
  .btn:hover {
    background: rgba(0,0,0,0.6);
    color: white;    }
  

#unten {color: aqua; font-size: 22px; }
#untenInfos {color: aqua; font-size: 28px; background-color: rgba(0,0,0,0.6);  padding: 0; margin: 0;
          }