/* Breite an Anzahl der Themen Anpassen */

.content_wrapper {
    width:15360px; height:1080px;
}

.inner_content h3 {
    padding:0 0 30px 0; line-height:36px; font-family:'RobotoBold'; text-transform:uppercase; margin:-68px 0 0 -20px; opacity:0.7; font-size:24px; text-shadow: 2px 2px 2px rgba(0,0,0,0.4); color:#fff;
}
 
#content1 {  width:800px; left: 51px; top: 780px; background-color:#dddedf;   } 
#content1a {  height:180px; left: 1500px; top: 820px; background-color:#fff; opacity:1; padding:10px; transition : margin 1s ease-in-out; overflow:hidden; } 
#content1a p {  display: none;   }  
#content1a img {  height:180px;   }    
#content1a:hover img {  width:100%; height:880px;   }
#content1a:hover {  height:900px; margin:-680px 0 0 -350px;    }  
#content1a:hover p {  display: block; margin-bottom:10px;   }
#content2 {  width:1280px; left: 320px; top: 300px; box-shadow:none; opacity:0.5;  } 
#content2 p { opacity:0;  } 
#content2:hover, #content2:hover p  {  opacity:1;  }   
#content2 img  {  width: 200px; transition : all 1s ease-in-out; padding:20px; background:#fff; float:left;   }
#content2 img:hover { width:1000px; opacity:1; background:none; padding:0; float:left;  }
#content3 {  width:650px; left: 372px; top: 800px; background-color:#dddedf; }
#content4 {  width:780px; left: 136px; top: 778px; background-color:#dddedf; }
#content4a {  height:180px; left: 1200px; top: 820px; background-color:#fff; opacity:1; padding:10px; transition : margin 1s ease-in-out; overflow:hidden; }
#content4a p {  display: none;   }
#content4a img {  height:180px;   }     
#content4a:hover img {  width:100%; height:700px;   }
#content4a:hover {  height:740px; margin:-500px 0 0 -1135px;    }
#content4a:hover p {  display: block; margin-bottom:10px;   }


#content5 {  width:700px; left: 670px; top: 861px; background-color:#fff; }
         
#content6 {  width:650px; left: 282px; top: 703px; background-color:#737477; color:#fff; } 

#content7 {  width:650px; left: 715px; top: 550px; background-color:#fff; }
#content8 {  width:640px; left: 1100px; top: 600px; background-color:#fff; }  
#content8a {  width:640px; left: 1100px; top: 180px; background-color:#fff; opacity:1; padding:20px; }
                          
#content9 {  width:800px; left: 303px; top: 588px; background-color:#00bbf2; }

#content10 {  width:600px; left: 320px; top: 500px;   background-color:#fefefe;  }  





@media all AND (max-width:1919px) {


.content_wrapper {    width:12900px; height:768px;}
.inner_content h3 {  line-height:18px; }
 
#content1 {  width:800px; left: 59px; top: 564px;    } 
#content1a {  height:180px; left: 1500px; top: 420px;  } 
#content1a img {  height:180px;   }    
#content1a:hover img {  width:100%; height:880px;   }
#content1a:hover {  height:900px; margin:-680px 0 0 -350px;    }   
#content2 {  width:200px; left: 167px; top: 239px; background:#fff; height:123px; }  
#content2 img  {  width: 200px; padding:0; margin:0;     }
#content2:hover img { width:700px; margin-right:20px;  }
#content2:hover { width:900px; height:406px; }
#content3 {  width:650px; left: 306px; top: 565px;   }
#content4 {  width:780px; left: 63px; top: 601px; }
#content4a {  height:100px; left: 700px; top: 140px;   } 
#content4a img {  height:100px;   }     
#content4a:hover img {  width:1126px; height:auto;   }
#content4a:hover {  height:460px; margin:-100px 0 0 -600px; z-index:20;   }
#content4a:hover p {  display: block; margin-bottom:10px;   }


#content5 {  width:700px; left: 277px; top: 644px; }
#content6 {  width:650px; left: 531px; top: 562px; } 

#content7 {  width:650px; left: 476px; top: 465px;  }
#content8 {  width:640px; left: 47px; top: 528px;  }  
#content8a {  width:480px; left: 763px; top: 123px;  }
#content9 {  width:800px; left: 303px; top: 288px;   }
#content10 {  width:600px; left: 320px; top: 200px;  }  

}