@charset "utf-8";
/* (C) 2023 Peter Klakocer, klakocer.at */

html {
	overflow-y:scroll;
}

html::before {
	content: ' ';
	display: block;
	background-image: url("../gfx/background-landscape-1920px.jpg?v=1");
	background-position: center;
	background-size: cover;
	height: 100vh; width: 100vw;
	top: 0; bottom: 0; left: 0; right: 0;
	position: fixed;
	z-index: -10;
}

body {
	color:#000;
}

h1 {
	margin-bottom:10px;
	margin-top:5px;
	font-size:150%;
}

p {
	line-height:130%;
	font-size:100%;
	margin-top:5px;
}

a {
	color:#284d76;
	text-decoration:none;
}

.header, .intro, .category, .footer
{
	width:970px;
	padding:10px;
	margin-top:30px;
	margin-left:10px;
	background-color:#FFF;
	box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 10px 0 rgba(0, 0, 0, 0.25);
	border-radius:10px;
}

.canvas {
	overflow:hidden;
	margin:0 auto;
	border:none;
	background:none;
	width:1000px;
	font-family:Arial, Helvetica, sans-serif;
	color:#284d76;
	font-size:10px;
}

.header {
	margin-top:15px;
	height:100px;
}

.category {
	width:310px;
	height:310px;
	margin-right:20px; /* (viewport - 2*margin(left/right)) / 2 - margin(left/right)) */
	padding:0;
	float:left;
}

.footer {
	margin-bottom:15px;
}

.header img {
	height:100%;
	width:auto;
}

.category:nth-child(3n) {
	margin-right:0;
}

/*
.category:nth-child(-n + 3) {
	margin-top:0;
}
*/

.category img {
	border-radius:10px 10px 0 0;
}

.category h2 {
	width:100%;
	margin:10px 0 10px 0px;
	font-size:150%;
	text-align:center;
	text-transform:uppercase;
}

.category p {
	margin:5px 8px 5px 8px;
	text-align:center;
}

.clearer {
	clear:both;
}

.hamburger {
	display:none;
}

.overlay {
	display:none;
}

.desktop_only {
	display:block;
}

.desktop_1024_only {
	display:block;
}

.desktop_1920_only {
	display:none;
}

.mobile_only {
	display:none;
}

.print_only {
	display:none;
}