/* ######################### GENERAL PRINT SETTINGS ######################### */

#header.header-print {
	border: 1px solid var(--color-primary);
	border-radius: 10px;
	/* height: fit-content; */
	/* width: 19.5cm; */
	height: 3.5cm;
	overflow: hidden;
	position: relative;
	top: 1cm;
	margin-bottom: 2cm;
	margin-right: 1px;
}

.header-print__left {
	padding: 0.5cm 0 0.5cm 0.6cm;
	display: block;
	width: 11.5cm;
	height: 3.5cm;
	position: absolute;
	top: 0;
	left: 0;
}

.header-print__right {
	padding: 0 0.6cm 0.5cm 0;
	display: block;
	width: 6.5cm;
	height: 3.5cm;
	position: absolute;
	top: 0;
	right: 0;
}

.header-print-logo {
	height: 75px;
	width: 200px;

	img {
		height: 75px;
	}
}

.header-print-minor1,
.header-print-minor2 {
	font-size: 0.8rem;
	min-width: 150px;
	margin-left: 1.5cm;
}

.header-print-minor1 {
	/* margin-top: 0.5cm; */
}

.header-print-title1 {
	font-size: 1rem;
	color: var(--color-primary);
	font-weight: bold;
	margin-bottom: auto;
}

.header-print-title2 {
	font-size: 1.2rem;
	font-weight: bold;
}

.header-print-title3 {
	font-size: 0.9rem;
}

.print-key {
	font-weight: bold;
}

.footer-print {
	position: relative;
	font-size: 10px;
	padding: 10px 20px;
	border: 1px solid var(--color-primary);
	border-radius: 10px;
	box-sizing: border-box;
	height: 1cm;
	margin-top: 1cm;
	bottom: 1cm;
	margin-right: 1px;
}

.footer-print-wrapper {
	display: flex;
	justify-content: space-between;
}

.print-show {
	display: none;
}

/* ############################### MEDIA PRINT ############################## */
/* ############################# General Settings ########################### */
@media print {
	.table,
	#main-wrapper {
		color: #000;
	}

	.container {
		max-width: 100%;
	}

	#main-wrapper {
		padding: 0;
		width: 21cm;
		margin: 0;
	}

	.print-hide,
	.print-button,
	.no-print,
	.ol-zoom,
	.ol-attribution,
	#statistic-measure,
	#mouse-position-wrapper,
		/*#container-mapLegend,*/
	#btn-mapDatasoures,
	#sticky-button,
	#btn-mapLegend,
	#header.header,
	#header::before,
	.site-footer,
	#gdprbanner-matomo-banner,
	.ol-overviewmap,
	.nofeaturedtop {
		display: none !important;
	}

	.ol-scale-line {
		background-color: whitesmoke !important;
	}

	.ol-scale-line-inner {
		color: gray !important;
		border-color: gray !important;
	}

	.print-show {
		display: block;
	}

	/* ########################## Energiesteckbrief ########################### */
	.row:has(.eks) {
		padding: 0 !important;
	}

	#energiesteckbrief .report-table td {
		font-size: 0.75rem;
	}

	#energiesteckbrief .report-table thead {
		font-size: 0.75rem;
	}

	#energiesteckbrief .esb-title-level-1,
	#energiesteckbrief .esb-title-level-2 {
		background-color: transparent;
	}

	#energiesteckbrief .esb-title-level-1 span,
	#energiesteckbrief .esb-title-level-2 span {
		font-size: 0.75rem;
	}

	#energiesteckbrief .badge,
	#energiesteckbrief .esb-title-level-1 span.badge {
		color: #787878;
		background-color: transparent;
		border: none;
		font-size: 0.6rem;
		width: 0.5rem;
		height: 1rem;
	}

	#energiesteckbrief .report-table {
		height: 750px;
		overflow: hidden;
		display: block;
		break-inside: avoid-page;
	}

	#energiesteckbrief .report-table thead {
		display: table-header-group;
	}

	#energiesteckbrief .report-table tbody {
		border-top: 2px solid currentColor;
	}

	#energiesteckbrief .report-table.esb-source-page {
		font-size: smaller;
	}

	#energiesteckbrief .report-table.esb-source-page {
		font-size: smaller;
	}

	#energiesteckbrief .report-table.esb-source-page .badge {
		width: 0.6rem;
		height: 0.6rem;
	}

	/**
   column width
   */
	#energiesteckbrief .esb-indicator-header-indicator {
		width: auto;
	}

	#energiesteckbrief .esb-indicator-header-unit {
		width: auto;
	}

	#energiesteckbrief .esb-indicator-header-reference {
		width: 80px;
	}

	#energiesteckbrief .esb-indicator-header-report {
		width: 80px;
	}

	#energiesteckbrief .esb-indicator-header-change {
		width: 73px;
	}

	#energiesteckbrief .esb-indicator-header-source {
		width: 64px;
	}

	/* charts */
	#energiesteckbrief {
		.legend-label {
			font-size: 10px;
		}

		.legend-color {
			width: 5px;
			height: 5px;
		}

		/* #esb-table-model-past {
		} */

		#esb-table-model-future {
			.esb-header.print-narrow {
				min-width: unset;
			}
		}
	}

	/* ####################### Steckbrief Wertschöpfung ####################### */
	#windwerkzeug .map.windwerkzeug,
	#pvfreiwerkzeug .map.pvfreiwerkzeug {
		padding-bottom: 20px;
		display: block;
		position: relative;
		top: 0;
		width: 100%;
	}

	#windwerkzeug.teilhabe h2,
	#pvfreiwerkzeug.teilhabe h2 {
		margin: 0 0 0.5rem 0;
		font-size: 1.1rem;
	}

	#windwerkzeug > .row,
	#pvfreiwerkzeug > .row {
		margin: 0;
		padding: 0;
	}

	.mastr_nr_der_einheit #windwerkzeug,
	#windwerkzeug #windwerkzeug-map-bbgwindabgg,
	#windwerkzeug #windwerkzeug-map-eeg,
	#windwerkzeug-bbgwindabgg,
	#windwerkzeug-eegwind,
	#pvfreiwerkzeug-bbgpvfreiabgg,
	#pvfreiwerkzeug-eegpvfrei {
		page-break-inside: avoid;
		break-inside: avoid;
	}

	#windwerkzeug #map-spinner,
	#pvfreiwerkzeug #map-spinner {
		display: none;
	}

	#windwerkzeug .ol-attribution button,
	#pvfreiwerkzeug .ol-attribution button {
		display: none;
	}

	#windwerkzeug .windwerkzeug-table thead,
	#windwerkzeug .windwerkzeug-table tfoot {
		padding: 2px;
		/*font-size: 10px;*/
		display: table-row-group;
	}

	/*#windwerkzeug .windwerkzeug-table td {*/
	/*  padding: 2px;*/
	/*  !*font-size: 10px;*!*/
	/*}*/
	#windwerkzeug p,
	#pvfreiwerkzeug p {
		font-size: 0.75rem;
		margin-bottom: 2rem;
	}

	#windwerkzeug .table-box,
	#pvfreiwerkzeug .table-box {
		/*padding-bottom: 15rem;*/
		width: 100%;
	}

	/* #################  Detailansicht Erneuerbare Energien ################## */
	.renewable-energy .frame-inner {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.renewable-energy .renewable-energy-table,
	.table,
	.tx-eks-mapapp table,
	.table-sm {
		font-size: 0.75rem;
	}

	.renewable-energy .renewable-energy-table th,
	.renewable-energy .renewable-energy-table td {
		padding: 4px;
	}

	.ortsteil-row {
		font-size: 0.6rem;

		td:first-child {
			padding-left: 1rem;
		}
	}

	/* ##########################  Steckbrief Solar ########################### */
	#solarbericht .table-section,
	#solarbericht .content-section {
		page-break-inside: avoid;
		break-inside: avoid;
	}

	#solarbericht .content-section {
		min-height: 18cm;
	}

	#solarbericht table td {
		font-size: 12px;
		line-height: 15px;
		padding: 2px;
	}

	#solarbericht .title {
		font-size: 1rem;
		margin-bottom: 1rem;
		clear: both;
	}

	#solarbericht #source {
		/*height: 700px;*/
	}

	#solarbericht .table-section {
		margin: 0;
		padding: 0;
	}

	#solarbericht .table-title {
		margin-bottom: 0;
		font-size: 0.8rem;
		clear: both;
	}

	#solarbericht .content-section .table-section:not(:first-of-type) .table-title {
		height: 30px;
		padding-top: 10px;
	}

	#solarbericht .layout-table-chart table {
		float: left;
	}

	#solarbericht .layout-table-chart table,
	#solarbericht .table-section.kennwerte,
	#solarbericht .table-section.einsparung-dach,
	#solarbericht .table-section.einsparung-frei {
		width: 55%;
	}

	#solarbericht #chart-zusammenfassung-1,
	#solarbericht #chart-zusammenfassung-3 {
		width: 250px;
		height: 150px;
	}

	#solarbericht #chart-zusammenfassung-2,
	#solarbericht #chart-potenzial-pv-dach-1,
	#solarbericht #chart-potenzial-pv-dach-2,
	#solarbericht #chart-potenzial-pv-dach-3 {
		width: 150px;
	}

	#solarbericht .layout-table-chart {
		display: block;
		clear: both;
	}

	#solarbericht .chart-legend-heading {
		font-size: 10px;
	}

	#solarbericht .chart-legend-wrapper {
		display: inline-block;
		justify-content: space-between;
		margin: auto;
		position: relative;
		float: right;
		width: 40%;
	}

	#solarbericht .chart-legend-wrapper:has(.bar) {
		gap: 0.5rem;
	}

	#solarbericht .chart-legend-wrapper:has(.pie) {
		margin: auto;
	}

	#solarbericht .chart-legend-item {
		font-size: 10px;
		line-height: 14px;
	}

	#solarbericht .chart-two-columns {
		row-gap: 4px;
	}

	/* ##########################  Mein Dach Wirtschaftlichkeitsrechner ########################### */
	#wirtschaftlichkeit {
		min-height: 750px;
		color: #000;
	}

	#wirtschaftlichkeit .page-break-before {
		page-break-before: always;
	}

	#wirtschaftlichkeit table td,
	#wirtschaftlichkeit table th {
		font-size: 12px;
		line-height: 14px;
		padding: 4px;
	}

	#wirtschaftlichkeit .table input {
		line-height: 0;
		border-color: transparent;
		background-color: transparent;
		text-align: right;
		width: 3rem;
		appearance: textfield;
		margin: 0;
		-moz-appearance: textfield;
		height: 14px;
	}

	#wirtschaftlichkeit .main-table tr th:nth-child(3),
	#wirtschaftlichkeit .teilflaechen tr th:nth-child(6),
	#wirtschaftlichkeit .table-wirtschaftlichkeitRechner tr th:nth-child(3) {
		width: 2rem;
	}

	#wirtschaftlichkeit .table input::-webkit-inner-spin-button,
	#wirtschaftlichkeit .table input::-webkit-outer-spin-button {
		-webkit-appearance: none;
		margin: 0;
	}

	#wirtschaftlichkeit h2 {
		font-size: 14px;
		margin-bottom: 0;
	}

	/*#wirtschaftlichkeit .mein-dach-details-map ,*/
	/*#wirtschaftlichkeit .mein-dach-details-map canvas {*/
	/*  width: 200px;*/
	/*  height: 200px;*/
	/*}*/
	#wirtschaftlichkeit .mein-dach-details-hinweis-texte {
		display: none;
	}

	#wirtschaftlichkeit p {
		font-size: 12px;
	}

	/* ##########################  Monitoringbericht ########################### */
	#moni-chart-container,
	#moni-table-container,
	#moni-text-container {
		display: block !important;
		margin-top: 2rem;
	}

	.moni-main-container {
		width: 100%;
	}

	#moni-table-container {
		transform: rotate(-90deg) translate(-100%, 0); /* Rotate and then translate */
		transform-origin: top left; /* Keep the rotation origin consistent */
		overflow: visible; /*Ensure nothing is clipped */
		page-break-before: always;
	}

	#moni-table-container .caption {
		display: none;
	}

	.tx-eks-monitoringbericht .statistic-table {
		font-size: 0.75rem;
	}

	.tx-eks-monitoringbericht .statistic-table td,
	.tx-eks-monitoringbericht .statistic-table th {
		padding: 0;
	}

	.moni-chart-container {
		width: 200mm !important;
		page-break-after: always;
	}

	#moni-text-container h3 {
		font-size: 1.25rem;
	}

	#moni-text-container ul {
		font-size: 0.95rem;
	}

	/* ##########################  Statistikmodul ########################### */
	#statistic-map {
		/*zoom: 0.9;*/

		.ol-scale-line {
			display: none;
		}
	}

	#container-mapLegend {
		zoom: 0.8;
		visibility: visible;
		position: relative;
		top: 0;
		right: unset;
		height: auto;
		overflow: auto;
		padding: 0.2rem 0 0 0;
		max-width: unset;

		button {
			display: none;
		}

		.container-mapLegend-legend {
			padding: 0;
			margin: 0;

			.legend-items {
				margin: 0;
				padding: 0;
			}
		}
	}

	#statistic-bar-chart-wrapper {
		/*zoom: 0.9;*/

		.statistic-bar-chart-switcher {
			display: none;
		}

		page-break-before: always;
		padding: 0;
	}

	#statistic-main-table,
	#statistic-sub-tables {
		.caption {
			page-break-after: avoid;
		}

		page-break-inside: avoid;
	}

	.map.is-sticky {
		position: unset;
		top: unset;
	}

	#print-source-wrapper {
		font-size: 0.9rem;
		page-break-before: always;
	}

	.ol-control.print-attribution {
		width: 100%;
		bottom: 0;
		right: 0;
		position: absolute;

		button {
			display: none;
		}

		ul {
			list-style: none;
			font-size: 0.7rem;
			width: 100%;
			padding: 0;
			margin: 0;

			li {
				text-align: right;

				a {
					text-decoration: none;
					color: grey;
				}
			}
		}
	}


	/* ##########################  MARK ########################### */
	.mark-content,
	.mark-content p,
	.mark-content .handlungsfeld-card .hf-card__header .hf-card__title {
		font-size: 0.8rem;
	}

	.mark-content .status-bar .circle {
		width: 1rem;
		height: 1rem;
	}

	.mark-content .handlungsfeld-card .hf-card__header {
		height: auto;
		display: block;
	}

	.mark-content .handlungsfeld-card .hf-card__header .hf-card__title {
		max-width: unset;
	}

	.mark-content .handlungsfeld-card .hf-card__body {
		height: auto;
	}

	.massnahme__container:not(:last-child) {
		page-break-after: always;
	}

	.mark-content .massnahme__container{
		margin-bottom: 1cm;
	}

	.mark-content .action-panel{
		display: none;
	}

	.pdf-content .frame-type-list.frame-layout-0 {
		padding: 0;
	}
	.pagets__mark .footer-print{
		bottom: 0;
	}

	.pagets__mark .print-content > .row{
		padding-right: 0;
	}

	.pdf-content .massnahme__container {
		& .massnahme__body {
			& .massnahme__heading, & .massnahme__content{
				padding-left: 1.5rem;
			}
		}
	}
}