/* Stand-alone pages (template "Produktseite"), e.g. /adscan.
   Measurements follow the sections in styles.css: 310px aside, 535px article, 168px top offset. */

.product {
	display:flex;
	margin:0px auto;
	position:relative;
	width:1024px;
}

.product > aside {
	flex:none;
	padding:168px 25px 0px 51px;
	width:calc(310px - 51px - 25px);
}

.product > aside > h1 {
	font-family:'gt_walsheim_probold_oblique', Helvetica, Arial, sans-serif;
	font-size:22px;
	font-weight:normal;
	line-height:26px;
	margin:0px 0px 12px 0px;
}

.product > aside > .parent {
	color:inherit;
	display:inline-block;
	font-family:'gt_walsheim_proRgOb', Helvetica, Arial, sans-serif;
	font-size:14px;
	margin-bottom:12px;
	text-decoration:none;
}

.product > aside > p {
	font-family:'gt_walsheim_proRgOb', Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:18px;
	margin:0px;
}

.product > article {
	flex:none;
	font-family:'gt_walsheim_prolight', Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:18px;
	padding:168px 0px 111px 0px;
	width:535px;
}

.product > .home {
	flex:none;
	margin-left:auto;
	margin-top:45px;
	width:65px;
}

.product > .home > img {
	display:block;
	width:100%;
}

.product > nav {
	position:absolute;
	top:48px;
	right:90px; /* left of the home button (65px) */
}

.product > nav > * {
	color:#000000;
	float:left;
	font-family:'gt_walsheim_proRgOb', Helvetica, Arial, sans-serif;
	font-size:15px;
	text-decoration:none;
	text-transform:uppercase;
}

.product > nav > a.active {
	font-family:'gt_walsheim_probold_oblique', Helvetica, Arial, sans-serif;
}

/* Content */

.product .html > :first-child {
	margin-top:0px;
}

.product h2,
.product h3 {
	font-family:'gt_walsheim_probold_oblique', Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:normal;
	line-height:18px;
}

.product h2 {
	margin:30px 0px 6px 0px;
}

.product h3 {
	font-family:'gt_walsheim_proRgOb', Helvetica, Arial, sans-serif;
	margin:18px 0px 6px 0px;
}

.product p,
.product ul {
	margin:0px 0px 9px 0px;
}

.product ul {
	padding-left:18px;
}

.product ul ul {
	margin:0px;
}

.product p.note {
	font-size:12px;
}

.product strong {
	font-family:'gt_walsheim_proRgOb', Helvetica, Arial, sans-serif;
	font-weight:normal;
}

.product a {
	color:inherit;
	text-decoration:underline;
}

/* Tables */

.product table {
	border-collapse:collapse;
	font-size:12px;
	line-height:16px;
	margin:6px 0px 12px 0px;
	width:100%;
}

.product th,
.product td {
	border-bottom:1px solid #d4d4d4;
	overflow-wrap:anywhere;
	padding:4px 8px 4px 0px;
	text-align:left;
	vertical-align:top;
}

.product th {
	border-bottom-color:#000000;
	font-family:'gt_walsheim_proRgOb', Helvetica, Arial, sans-serif;
	font-weight:normal;
}

.product table.numbers th:not(:first-child),
.product table.numbers td:not(:first-child) {
	text-align:right;
}

.product table.numbers th[colspan] {
	text-align:center;
}

.product tfoot td {
	border-bottom:0px;
	border-top:1px solid #000000;
	font-family:'gt_walsheim_proRgOb', Helvetica, Arial, sans-serif;
}

.product tfoot td > span {
	color:#777777;
	font-family:'gt_walsheim_prolight', Helvetica, Arial, sans-serif;
}

/* Below the fixed desktop stage the sections stack; do the same here */

@media only screen and (max-width: 1023px) {
	.product {
		display:block;
		padding:60px 20px 40px 20px;
		width:auto;
	}

	.product > aside,
	.product > article {
		padding:0px;
		width:auto;
	}

	.product > aside {
		margin-bottom:30px;
	}

	.product > .home {
		margin:30px auto 0px auto;
	}

	/* wide tables scroll sideways instead of widening the page */
	.product table {
		display:block;
		overflow-x:auto;
	}

	.product > nav {
		top:10px;
		right:20px;
	}
}