@page {
	size: A4;
	margin: 15mm 15mm 18mm 15mm;
}

@media only print {
	*,*:before,*:after {
		color:#000!important;
		text-shadow:none!important;
		background:transparent!important;
		box-shadow:none!important;
	}
	a,a:visited {
		text-decoration:none;
	}
	/* data-print-href: absolute URL of the link, set in jscripts.js */
	a[data-print-href]:after {
		content:" (" attr(data-print-href) ")";
	}
	thead {
		display:table-header-group;
	}
	tr, img {
		page-break-inside:avoid;
	}
	p,h2 {
		orphans:3;
		widows:3
	}
	/* tighter paragraphs than screen version */
	p {
		margin: 0 0 5px;
		line-height: 1.3;
	}
	h2 {
		page-break-after:avoid;
		font-size: 2em;
		margin-top: 1em;

	}
	.table {
		border-collapse:collapse!important;
	}
	.table td,.table th {
		background-color:#fff!important;
	}
	body {
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 12px;
	}

	.logoDiv {
		display: flex;
		width:100%;
	}

	.logokbob {
		height: 40px;
		width: auto;
	}

	.logoahb {
		height: 40px;
		width: auto;
	}

	.small-text {
		font-size: 0.8em;
		margin: 0 0 0.5em 0;
	}

	/* styling the input column, no input buttons, form inputs as information */
	input[type=submit] {
		display:none;
	}

	input::placeholder {
		color: #fff0
	}

	.form-control {
		height: auto;
		border: none;
		background: transparent;
		font: inherit;
		line-height: inherit;
		color: inherit;
		padding: 0;
		padding-right: 10px;
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
	}

	/* compact input form, screen uses 15px / 5px */
	.form-group {
		margin-bottom: 6px;
	}

	label {
		margin-bottom: 2px;
	}

	li.tabLinks {
		display:none;
	}

	h1.sidebartitle {
		font-size: 1.6em;
		page-break-after: avoid;
		margin-bottom: 0.25em;
	}

	.col-input, .col-results {
		position:relative;
		width: 100%;
		min-height:1px;
		padding-right:15px;
		padding-left:15px;
		min-width:320px
	}

	.col-input-disclaimer {
		page-break-after: always;
	}

	.col-results-no-padding {
		position:relative;
		width: 100%;
		min-height:1px;
		min-width:320px
	}

	.col-normal-4cols {
		width: 15%;
	}

	.col-short-4cols {
		width: 15%;
	}

	.nav-tabs {
		margin: 0;
		border-bottom-color: #000;
	}

	.table > thead > tr > th {
		vertical-align: bottom;
		border-bottom-color: #000;
	}

	.tabLinks h2 {
		font-size: 1.2em;
	}

	/* all result tabs and all indicator details tables, overriding the inline display styles */
	.divResults {
		overflow: visible;
	}

	.tab-content > .tab-pane,
	.details-ind-table {
		display: block !important;
	}

	/* indicator dropdown is not needed when all indicators are printed */
	#detailsTab > .form-group {
		display: none;
	}

	/* table header labels from data-label, see base-page.html and cgi-bin/frontend */
	.tab-pane::before {
		content: attr(data-label);
		display: block;
		font-size: 1.2em;
		font-weight: bold;
		margin: 1em 0 0.25em 0;
	}

	.details-ind-table::before {
		content: attr(data-label);
		display: block;
		font-weight: bold;
		margin: 0.75em 0 0.25em 0;
	}

	/* full width for all result tables, overriding the inline width:auto from render.py */
	#resDiv .table {
		width: 100% !important;
	}

	/* compact rows, screen uses padding 8px and line-height 1.43 */
	.table > thead > tr > th,
	.table > tbody > tr > td {
		padding: 2px 8px;
		line-height: 1.25;
	}

	/* screen uses margin-bottom 20px */
	.table {
		margin-bottom: 10px;
	}

	/* set columns to fixed width to align all columns of the detail tables. */
	.details-ind-table .table {
		table-layout: fixed;
	}
	.details-ind-table .table th:nth-child(1) { width: 32%; }
	.details-ind-table .table th:nth-child(2),
	.details-ind-table .table th:nth-child(3),
	.details-ind-table .table th:nth-child(4) { width: 17%; }
	.details-ind-table .table th:nth-child(5) { width: 17%; }

	/* unit column right aligned, overriding the inline text-align from render.py */
	#resultateTabWeb .table th:nth-child(5), #resultateTabWeb .table td:nth-child(5),
	.details-ind-table .table th:nth-child(5), .details-ind-table .table td:nth-child(5) {
		text-align: right !important;
	}

	#uebersichtTab, #zusammenstungTab, .details-ind-table {
		break-inside: avoid;
	}

	.noPrint {
		display:none;
	}

	.well {
		padding-bottom: 0px;
	}
	/*.impressum {
		display: flex;
		justify-content: space-between;
	}*/
}