.qfcc {
    background-image:url('../img/Solothurn.jpg');    
    /*background-image:url('../img/sternenhimmel.jpg');    */
    background-repeat: no-repeat;
    
    background-size:cover;
}

.showcase {
    background-image:url('../img/ShowcaseBackground.jpg');
    /*background-image:url('../img/sternenhimmel.jpg');*/
    
    background-repeat: no-repeat;
    background-position:center;
    background-size:cover;
    height:340px;
    overflow:hidden;   
}

.showcaseBottom {
    background: linear-gradient(#fff,#ddd);
    /*background: linear-gradient(#ddd,#fff);*/
    height: 70px;
}

.textInShowcase {
    position:relative;
    top:100px;
}

.textInShowcase h1,h2 {
    color:orange;
}

.tile .title {
    color:orange;
}

.langActive {
    background-color:gray; 
    color:white;
}

.langNotActive {
    background-color:white; 
    color:gray;
}


@media only screen and (min-width: 480px) {
    /* For mobile phones: */
    .box > img { width: 60%;padding:5%; }
}
@media only screen and (min-width: 600px) {
    /* For mobile phones: */
    .box > img { width: 44%;padding:10%; }
}
@media only screen and (min-width: 768px) {
    /* For tablets and landscape: */
    .box > img { width:26%;padding:2%;}
}
@media only screen and (min-width: 1400px) {
    /* For desktop: */
    .box > img { width:16%; padding:0 15px 0 0;}
}

/*
.bildMitText img {
    display:block;
    width:55%;
    left:0;
   right:0;
   margin-left: auto;
   margin-right: auto;
    
}


.bildMitText span {
    position:absolute;
   bottom:0;
   left:0;
   right:0;
   margin-left: auto;
   margin-right: auto;
   /*background-color: hsla(204, 9%, 67%, 0.5);
   width:50%;
}

.logoInShowCase {
    width: 15%;
    left:0;
   right:0;
   margin-left: auto;
   margin-right: auto;
}
*/