/*============================================================
Team*/
.teamblock {float:left; width:49%; overflow:hidden; padding-bottom:20px;} 
.teamblock .teamrow1 { margin-right: 1.9%;}

.teamblock span.teamfoto {display:block; float:left;  margin-bottom:30px; width:30%;  background-repeat: no-repeat; background-position: center center; background-size: 100% auto, auto ! important; transition:1s all;}
.teamblock:hover span.teamfoto {background-size: 130% auto, auto ! important; }

.teamblock img { width:100%; }
.teamblock span.teamfoto img {opacity:0; float:left;}

.teamblock .b_inner {margin:0 10% 0 33%; font-size:0.94em}
.teamblock .b_inner * {line-height:120%;}
a.teamtel, a.itemz-mail {display:block; padding:3px 0 3px 15%; background-repeat: no-repeat; background-position: left center; background-size: 10% auto , auto ! important; }
a.teamtel {background-image: url(../img/tel.png);}
a.itemz-mail {background-image: url(../img/mail.png);}
.teamblock.teamrow1 {clear:left;}

@media (max-width:1024px) {
	a.teamtel, a.itemz-mail {padding:7px 0 7px 15%;}
}


@media (max-width:640px) {
	.teamblock {float:none; width:100%;} 
}

@media print {
	 .teamblock span.teamfoto img { opacity: 1 ! important; }
	 a.teamtel, a.teammail, a.itemz-mail {padding:2px 0 2px 0; background-image: none; }
}




/*============================================================
Menu Card with Pictures*/
.menublock {overflow:hidden; margin-bottom:10px;  padding-bottom:10px;  clear:left;} 

.menublock .picturecontainer  {position: relative; width:30%; float:left;  height:0; padding-bottom:15%; margin-bottom:20px;  overflow:hidden; transition:1s all; overflow:hidden;}

.menublock a.menufoto {display:block; width:100%;  transition:1s all;}
.menublock a.menufoto:hover {margin-top:-20%; }
.menublock a.menufoto img { width:100%; }


.menublock .b_inner {margin:0 0 0 33%; min-height: auto;}
.menublock .b_inner * {line-height:120%;}

.menublock .item-short1, .menublock .item-short2 {float:right;  line-height:20px; padding-bottom:30px; }

/*Quantity: */
.menublock .item-short1 {width: 60px; font-size: 12px; text-align: right; padding-top:2px;}
/*Price */
.menublock .item-short2 {width: 50px; font-size: 15px;  text-align: center; }

/*allergene */
.menublock .item-short3 {padding-top:10px; font-size: 11px;}

@media (max-width: 769px) {
	.menublock {font-size: 0.9em; border-bottom: 1px solid #999;} 
 	.menublock .picturecontainer  {overflow:show;  height:auto; padding-bottom:0; transition:1s all; overflow:hidden;}
	.menublock a.menufoto:hover {margin-top:0; }
	.menublock .item-short3 {padding-top:2px;  }

}

/*============================================================
Timeline*/
/* Block colors and background:
.tl-block .tl-content {background:#eee;}
.tl-block .tl-content .tl-long {color:#000;}
.tl-block .tl-title a {color:#000;}
*/


.itemz_timeline { background: url(../img/timeline-bg.png) repeat-y 20% top; }
.tl-block .tl-mon-year, .tl-block .tl-title { font-size:18px; padding-top:2px; line-height:110%;}
.tl-block .tl-title a { display:block; text-decoration:none;}
.no_content .tl-title a {cursor:default;}

.tl-block .tl-title a .openclose {display:block; float:right; opacity:0.5;  width:17px; height:18px; background: url(../img/timeline-openclose.png) no-repeat left top; transition:0.5s all;}
.tl-block .tl-title a:hover .openclose { opacity:1;}
.no_content .tl-title a .openclose {display:none;}
.is_open .tl-title a .openclose {background-position: left -22px;}

.tl-block {clear:both; position:relative; margin-bottom:10px;}
.tl-block .tl-mon-year {width:20%; float:left; text-align: right;}
.tl-block .tl-mon-year div {margin-right: 20px; padding-bottom:2px;}

.tl-block .tl-marker  {width:32px; height:32px; float:left; }
.tl-block .tl-marker img  {margin-left:-13px; width:32px ! important; min-width:32px ! important;}

.tl-block .tl-content {float:left;  width:67%; padding: 0 1% 10px 1%; }
.tl-block .tl-content .tl-long {display:none;}
.no_content .tl-content .tl-long {display:none;}

.tl-block .tl-clear {width:100%; clear:both}
.tl-block .editlink {position:absolute; top:0; right: 0;}

@media (max-width:480px) {
	.tl-block .tl-mon-year, .tl-block .tl-title { font-size:14px; padding-top:5px;}
	.itemz_timeline { background-position: 24% top; }
	.tl-block .tl-marker  {width:24px; }
	.tl-block .tl-mon-year {width:24%;}
	.tl-block .tl-content {width:65%}
	
}