.contentteaser {width: 650px; height: 220px}

.teaser-link{
  /* all rules required to make the whole div clickable */ 
  position:absolute; 
  width:650px;
  height:220px;
  z-index: 1;
  /* this is a fix for IE7-9 */
  background-color:#ffffff;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  
  filter: alpha(opacity=0);  
  opacity:0;  
}

.contentteaser-line1 {font-size: 18px; font-weight: bold; color: #ffffff}
.contentteaser-line2 {font-size: 11px; font-weight: normal ; color: #ffffff}
.contentteaser-line3 {font-size: 14px; font-weight: bold ; color: #eb690b; line-height: 16px}
.contentteaser-line4 {font-size: 12px; font-weight: normal ; color: #ffffff;line-height: 16px }

.contentteaser-advent {
background-image: url(https://www.diejugendherbergen.de/cms/upload/teaser/teaser-advent-bg-m.jpg);
overflow: hidden;}
.contentteaser-halloween {
background-image: url(https://www.diejugendherbergen.de/cms/upload/teaser/teaser-halloween-bg-m.jpg);
overflow: hidden;}
.contentteaser-leuchtend {
background-image: url(https://www.diejugendherbergen.de/cms/upload/teaser/teaser-leuchtend-bg-m.jpg);
overflow: hidden;}
.contentteaser-ostern {
background-image: url(https://www.diejugendherbergen.de/cms/upload/teaser/teaser-ostern-bg-m.jpg);
overflow: hidden;}
.contentteaser-silvester {
background-image: url(https://www.diejugendherbergen.de/cms/upload/teaser/teaser-silvester-bg-m.jpg);
overflow: hidden;}









@media only screen and (min-width: 681px) and (max-width: 1020px) {


}

@media only screen and (max-width: 680px) {

.teaser-link{
  width:320px;
  height:220px;
}

.contentteaser {width: 320px; height: 220px}  
.contentteaser-advent {
background-image: url(https://www.diejugendherbergen.de/cms/upload/teaser/teaser-advent-bg-s.jpg);
}
.contentteaser-halloween {
background-image: url(https://www.diejugendherbergen.de/cms/upload/teaser/teaser-halloween-bg-s.jpg);
}
.contentteaser-leuchtend {
background-image: url(https://www.diejugendherbergen.de/cms/upload/teaser/teaser-leuchtend-bg-s.jpg);
overflow: hidden;}
.contentteaser-ostern {
background-image: url(https://www.diejugendherbergen.de/cms/upload/teaser/teaser-ostern-bg-s.jpg);
overflow: hidden;}
.contentteaser-silvester {
background-image: url(https://www.diejugendherbergen.de/cms/upload/teaser/teaser-silvester-bg-s.jpg);
overflow: hidden;}
 
    
    
    
    
}