@font-face {
font-family: ArialUni;
src: url('../fonts/ARIALUNI.TTF');
}

body{
  font-family: ArialUni;
    
}
.navbar, footer{
    background-color: #ffff33;
}
.lang-menu{
  
}

h1, h2, h3{
    color: #ff2800;
}

.dropdown{
    padding-left: 10px;
}

.marketing p{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    
    
}

#footer-row{
    padding-top:10px ;
       background-color: #ffff33; 
       height: 80px;
       
}
#footer-btop{
    padding-top:40px ;
}


.shadowborder{
    -webkit-box-shadow: 0px -10px 41px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 0px -10px 41px -10px rgba(0,0,0,0.75);
box-shadow: 0px -10px 41px -10px rgba(0,0,0,0.75);
border-radius: 10px 10px 0px 0px;

}
.shadowborderh{
height: 500px;
    
-webkit-box-shadow: 8px 8px 25px -14px rgba(0,0,0,0.75);
-moz-box-shadow: 8px 8px 25px -14px rgba(0,0,0,0.75);
box-shadow: 8px 8px 25px -14px rgba(0,0,0,0.75);
border-radius: 10px 10px 0px 0px;
}
.shadowborderh:hover{
-webkit-box-shadow: 18px 14px 25px -14px rgba(0,0,0,0.75);
-moz-box-shadow: 18px 14px 25px -14px rgba(0,0,0,0.75);
box-shadow: 18px 14px 25px -14px rgba(0,0,0,0.75);
border-radius: 10px 10px 0px 0px;
}
.footerpos{
    
   -webkit-box-shadow: 0px -10px 41px -14px rgba(0,0,0,0.75);
-moz-box-shadow: 0px -10px 41px -14px rgba(0,0,0,0.75);
box-shadow: 0px -10px 41px -14px rgba(0,0,0,0.75);
border-radius: 0px 0px 0px 0px;
}

#solarbild{
    width: 200px; 
    height: 138px;
}

.panel{
    box-shadow: 18px 14px 25px -14px rgba(0,0,0,0.75);
    margin: 15px;
    
}
.shadowborderh .hr{
    
    background-color: #ffff33; 
    
}
.rss-news{
     
    height: 200px;
    overflow: scroll;
}

.rss-news{
    width: auto;
    text-align: left;
   
}
.kontakt-head, .kontakt-body, .sendenbtn{
    margin-top: 20px;
}
.sendenbtn{
    float: right;
    margin-bottom: 20px;
}

.imp-head{
    margin-top: 50px;
}

#optifeld{
    width: 50px;
}
.img-circle {
  border-radius: 20%;
  margin-top: 10px;
}

#auflistung{
    text-align: left;
    
    
}
.auflistung-zeile{
    padding-top: 20px;
}
.kacheltext{
  font-size: 1.5em;
  text-align: left;
}
.kachelh{
    height: 300px;
    background-color: #FFFFD8;
    font-size: 1.4em;
}
.kachelhtr{
    height: 300px;
    background-color: #FFFFD8;
    font-size: 1.5em;
}
.kachellist{background-color: #FFFFD8;
    font-size: 1.6em;
    
}
.text-back{
    background-color: #FFFFD8;
}
    
.text_mittel{
    font-size: medium;
}
#photobild{
    padding-top: 30px;
}
#planungsbild{
    width: 82.7%;
}
#kristallbild{
    width: 60%;
}
#singlekristall{
    width: 100%;
}

@media (min-width: 168px) {
   .kachelh{ height: 250px;}
   .kachelhtr{ height: 250px;}
    
}
@media (min-width: 1200px) {
   .kachelh{ height: 300px;}
   .kachelhtr{ height: 300px;}
    
}