/* 9to5 Media Services */
	
/* Steinofen Pizzeria Hildesheim CSS */
	
/* Last edit: */
/* 2023-10-16 17-24-03 */

/* ALL MEDIA SECTION STARTS HERE. */

/* Legacy color definitions */
	:root	{
		--black:	rgba(0,0,0,1);
		--white:	rgba(255,255,255,1);
		--green:	rgba(64,144,78,1);
		--red:	rgba(190,59,61,1);
		--grey:	rgba(128,128,128,1);
		--lightgrey:	rgba(210,210,210,1);
		--lightyellow:	rgb(255,255,224,1);
		--verydarkgrey:	rgba(90,90,90,1);
		--verylightgrey:	rgba(225,225,225,1);
		}
	body	{
		font-family:	'Noto Sans','Helvetica Neue','Helvetica','Arial',sans-serif;
		}
/* ALL MEDIA SECTION ENDS HERE. */
	
	
	
/* SCREEN ONLY SECTION STARTS HERE. */
	
	@media screen	{
	
/* LINK ANIMATION BEGIN */
	:target		{animation:	hilite 0.9s;}
	@keyframes hilite		{ /* KEYFRAME HIGHLIGHTING BEGIN */
		0%	{background:	transparent;}
		30%	{background:	var(--green);}
		75%	{background:	transparent;}
			} /* KEYFRAME HIGHLIGHTING END */
/* LINK ANIMATION END */
	
	.printonly	{display:	none;}
	
/* Styles for elements */
	body	{
		font-size:	16px;
		margin:	0rem 0rem 0rem 0rem;
		padding:	0rem 0rem 0rem 0rem;
		}
	a	{
		text-decoration:	none;
		color:	var(--verydarkgrey);
		}
	a:visited	{
		color:	var(--verydarkgrey);
		}
	a:hover	{
		background-color:	var(--red);
		color:	var(--white);
		}
	a img	{
		border:	1px solid transparent;
		}
	figcaption	{
		text-align:	center;
		font-style:	italic;
		}
	figure	{
		text-align:	center;
		}
	h1,
	h2,
	li,
	p,
	table,
	ul	{
		padding-left:	1.5rem;
		padding-right:	1.5rem;
		}
	h1,
	h2	{font-family:	'Satisfy','Comic Sans',cursive;}
	h1	{
		font-size:	2.4rem;
		margin-top:	2.4rem;
		}
	h2	{
		font-size:	1.7rem;
		margin-top:	1.7rem;
		}
	img.icon	{
		width:	1.5rem;
		}
	img.small	{
		width:	300px;
		}
	nav,
	.nav,
	.center	{
		text-align:	center;
		}
	p,
	li,
	td	{
		line-height:	1.7rem;
		}
	table	{
		border-collapse:	collapse;
		table-layout:	fixed;
		width:	98%;
		}
	td,
	th	{
		border-bottom:	1px solid var(--lightgrey);
		border-left:	0.5rem solid white;
		border-right:	0.5rem solid white;
		padding:	0.5rem 0rem 0.5rem 0.5rem;
		vertical-align:	middle;
		}
	th	{
		background-color:	var(--verydarkgrey);
		border-top:	1px solid var(--lightgrey);
		color:	var(--white);
		}
	tr:hover	{
		background-color:	var(--lightyellow);
		}
	ul	{
		list-style-type:	square;
		}
/* Styles for classes */
	.allergen::before	{
		content:	" ⋅ "
		}
	.color-background-green	{background-color:	var(--green);}
	.color-background-red	{background-color:	var(--red);}
	.color-background-green *,
	.color-background-green a,
	.color-background-green a:visited,
	.color-background-red *,
	.color-background-red a,
	.color-background-red a:visited	{
		color:	var(--white);
		}
	.color-background-green a,
	.color-background-green a:visited,
	.color-background-red a,
	.color-background-red a:visited	{
		border-bottom:	1px solid var(--white);
		}
	.ordernumber	{
		color:	var(--red);
		font-weight:	bold;
		}
	.small	{
		font-size:	0.8rem;
		}
	.small td,
	.small th	{
		padding:	0.2rem 0rem 0.2rem 0.2rem;
		}
	#section-top,
	#section-menu,
	#section-extras,
	#section-footer 	{
		padding-top:	1rem;
		padding-bottom:	2rem;
		}
/* Hide the “info” column (3) of the table in the menu section on small screens */
	#section-menu tr > :nth-child(3)	{
		display:	none;
		}
	#section-top figure,
	#section-footer figure
		{
		margin:	0rem 0rem 0rem 0rem;
		width:	100%;
		}
	#section-top figure img,
	#section-footer figure img	{
		margin:	0rem 0rem 0rem 0rem;
		max-width:	100%;
		}
		}
/* Media queries */
	@media only screen and (min-width: 600px) 	{
	body	{
		font-size:	19px;
		}
	h1,
	h2,
	li,
	p,
	table,
	ul	{
		padding-left:	3rem;
		padding-right:	3rem;
		}
	h1	{
		color:	var(--grey);
		font-size:	3rem;
		margin-top:	3rem;
		}
	h2	{
		color:	var(--grey);
		font-size:	2rem;
		margin-top:	2rem;
		}
	table	{
		width:	75%;
		margin-left:	auto;
		margin-right:	auto;
		}
	#section-menu tr > :nth-child(3)	{
		display:	table-cell;
		}
	.price::after	{
		content:	" €";
		}
	
		}
/* SCREEN ONLY SECTION ENDS HERE. */
	
	
	
/* PRINT ONLY SECTION STARTS HERE. */
	
	@media print	{
	
	.screenonly	{display:	none;}
	body	{font-size:	10pt;}
	h1,
	h2	{page-break-after:	avoid;}
	h1	{font-size:	14pt;}
	h2	{
		font-size:	12pt;
		color:	var(--grey);
		}
	img.icon	{width:	1.5rem;}
	img.small	{width:	4cm;}
	td,
	th	{
		border-bottom:	0.1pt solid var(--lightgrey);
		vertical-align:	middle;
		}
	.price::after	{
		content:	" €";
		}
	.small	{
		font-size:	0.8rem;
		}
	
		}
/* PRINT ONLY SECTION ENDS HERE. */