#raster{
    width: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    height: auto;
}

#web{
    position: relative;
    width: 49%;
    height: 40vh;
    margin: 0 .5%;
    
    float: left;
    
    padding: 0;
    border: 0;
    
    cursor: pointer;
    
    -webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}

#web:hover{
    background-color: #262626;
    color: #0f0;
    width: 50%;
    margin: 0;
    font-size: 3.5vw;
}

#wBG{
    width: 100%;
    height: 100%;
    
    background-image: url(../../_uploads/_text/_Bilder/_rez/Home_BG.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
      filter: alpha(opacity=40);
      -moz-opacity: .4;
      -khtml-opacity: .4;
      opacity: .4; 
}

#wTx{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    
    font-size: 3vw;
    
    display: flex;
    align-items: center;
    justify-content: center;
}

.thump{
    width: 49%;
    height: 40vh;
    margin: 0 .5% .75vw .5%;
    
    display: inline-block;
    
    padding: 0;
    border: 0;
    

    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    
    cursor: pointer;
}

.bl{
    
    display: inline-flex;
    align-items: center;
    justify-content: center;
    
    border: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      -moz-opacity: 0;
      -khtml-opacity: 0;
      opacity: 0;
    
    -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.thump:hover .bl{
    
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;   
}

.pic{
    
    border: 0;
    margin: 0;
    padding: 0;
    width: 10%;
    height: auto;
    
    -webkit-transform: scale(0); 
    -ms-transform: scale(0); 
    transform: scale(0);
    
    
    -webkit-transition: all .35s ease;
	-moz-transition: all .35s ease;
	-ms-transition: all .35s ease;
	-o-transition: all .35s ease;
	transition: all .35s ease;
    
}

.thump:hover .pic{
    -webkit-transform: scale(1); 
    -ms-transform: scale(1); 
    transform: scale(1);  
}

@media only screen and (min-width: 1000px) and (max-width: 1500px) {
#web{
    width: 48%;
    height: 50vh;
    margin: 0 1%;
    padding: 0;
    
    font-size: 5vw;
}
    
#web:hover{
     width: 48%;
    height: 50vh;
    margin: 0 1%;
}


.thump{
    width: 48%;
    height: 50vh;
    margin: 0 1% 2vw 1%;
}

.bl{ 
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      -moz-opacity: 1;
      -khtml-opacity: 1;
      opacity: 1;
    
}

.pic{
    -webkit-transform: scale(1); 
    -ms-transform: scale(1); 
    transform: scale(1); 
}
}

@media only screen and (min-width: 150px) and (max-width: 1000px) {


#web{
    width: 100%;
    height: 30vh;
    margin: 0;
    padding: 0;
}
    
#web:hover{
     width: 100%;
    margin: 0;
    padding: 0;
}

#wTx{

    font-size:10vw;

}

.thump{
    width: 100%;
    height: 30vh;
    margin: 0;
    margin-bottom: 2vw;
}

.bl{ 
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      -moz-opacity: 1;
      -khtml-opacity: 1;
      opacity: 1;
    
}

.pic{
    -webkit-transform: scale(1); 
    -ms-transform: scale(1); 
    transform: scale(1); 
}

}