.logo{
	position: relative;
	display:block;
	width:180px;
	height:100px;
	top:0;
    margin: 0 auto;
	background-repeat: no-repeat;
}

#bildmarke{background-image: url(../../img/logo-cafe-pinguin.svg);}



.iconBox, .iconBox4{
	width:100%;
	height:300px;
}

#teller-ei, #tasse, .eisbecher, #glas, #braten, #bierglas, #pinguin, #bett, #platte, #kuchen{
    position: absolute;
    display:block;
    background-repeat: no-repeat;
    width:300px;
    height:300px;
    border:none;
    
}

#pinguin, #bierglas, #glas{width:160px;}


    
#teller-ei{background-image: url(../../img/teller-ei.svg);}
#tasse{background-image: url(../../img/tasse.svg); left:15%;}
.eisbecher{background-image: url(../../img/eisbecher.svg); left:30%;}
#glas{background-image: url(../../img/glas.svg); left:40%;}
#braten{background-image: url(../../img/braten.svg); right:8%;}
#bierglas{background-image: url(../../img/bierglas.svg); right:1%;}
#pinguin{background-image: url(../../img/pinguin.svg); right:30%;}
#platte{background-image: url(../../img/platte.svg); right:20%;}
#kuchen{background-image: url(../../img/kuchen.svg); right:46%;}


#tischdecke{
    
    background-color:rgb(43,46,51);
    display:block;
    width:100%;
    height:40px;
    padding-top: 0.5em;
    background-repeat: repeat-x;
    background-image: url(../../img/tischdecke.svg); 
    
}

.iconBox2{
	width:100%;
	height:500px;
    border-bottom: solid 6px rgb(250,250,250);
}


#bett, #tisch {height:500px; background-repeat: no-repeat;}

#bett{background-image: url(../../img/bett.svg); right:0%; width:500px; position: absolute;}
#tisch{background-image: url(../../img/tisch.svg); left:0%; width:600px; float: none;}


.iconBox3{  
	width:100%;
	height:300px;
    border-bottom: solid 6px rgb(43,46,51);
    
}

#partypinguin, #partypinguin2, #box, #pinguin-bg{   
    position: absolute;
    display:block;
    background-repeat: no-repeat;
    height:300px;
 
}

#box{background-image: url(../../img/box.svg); left:0; width:500px;}
#partypinguin{background-image: url(../../img/partypinguin.svg); left:20%; width:300px;}
#partypinguin2{background-image: url(../../img/partypinguin2.svg); right:10%; width:300px;}
#pinguin-bg{background-image: url(../../img/pinguin-bg.svg); width:100%;  background-repeat:repeat;}





/* -----------------------------------------------------------------Mobil & Tablet */
@media only screen and (min-width: 0em) and (max-width: 40em){

.logo{width:100px; left: 0.5em; margin: 0;}
#bildmarke{background-image: url(../../img/logo-cafe-pinguin-mobil.svg);}
  
.iconBox2, .iconBox3, .iconBox4, #tasse, .eisbecher, #braten, #bierglas, #bett, #box, #partypinguin2,#partypinguin ,#tisch, #platte, #kuchen {display:none;}
#pinguin{right:10%;}
#teller-ei{left:0%;}
#glas{left:30%;}

    
/* -----------------------------------------------------------------Tablet Querformat */
@media only screen and (min-width: 40em) and (max-width: 80em){
    #kuchen{background-image: url(../../img/kuchen.svg); right:66%;}
}