@page{
	size: 21cm 29.7cm;
	margin: 27mm 16mm 27mm 16mm;
}

@media print{
	* {
		box-sizing: border-box;
	}

	html, body{
		width: 100%;
		height: 100%;
		margin:0;
		padding: 0!important;
	}
	body {
		background: #fff !important;
		color: #000;
		font: 12pt Georgia, "Times New Roman", serif; /* Zeichensatz auf Serifen umstellen */
		text-align: justify; /* Blocksatz */
		quotes: "\201E" "\201C" "\201A" "\2018";
	}
	
	/* Seitenbreite */
	body, #wrapper {
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	/* Hier koennen Sie eintragen wie ihre Ueberschriften in der Druckversion aussehen sollen: Groesse, Farbe, etc. */
	/*h1,h2,h3,h4,h5,h6 {
	
	}*/
	
	/* Vermeidung von Seitenumbrüchen direkt nach einer Überschrift */
	h1,h2,h3,h4,h5,h6 { 
		page-break-after: avoid; 
	}
	
	p, address, li, dt, dd {
		font-size: 100%
	}
	
	/* Zeichensatz fuer Code Beispiele */
	code, pre { font-family: "Courier New", Courier, mono}
	
	ul, ol {
		list-style: square; margin-left: 18pt;
	}
	
	li {
		line-height: 1.6em;
	}

	img {
		max-width: 100%;
		height: auto;
	}
	
	a:link, a:visited {
		background: transparent;
		color: #520;
		font-weight: bold;
		text-decoration: underline;
	}
	
	/* Auszeichnung von Abkürzungen und Acronymen */
	abbr[title]:after, acronym[title]:after { 
		content: '(' attr(title) ')';
		background-color: inherit;
		color: #369; 
		font-style: italic; 
	}
	
	*[cite]:after {
		content:close-quote" (Quelle: "attr(cite)")";
	}
	
	q:before, blockquote:before {
		content:open-quote;
	}
	
	q:after, blockquote:after {
		content:close-quote;
	}

	/* Elemente die ausgeblendet werden sollen */
	.noprint, #maedchenname {
		display:none!important;
	}

	/* Spezielle Elemente Stylen */
	.hero-logo {
		max-width: 200px;
	}

	.footer-main {
		padding-top: 1em;
		margin-top: 1em;
		border-top: 1px solid #999;
	}

	.footer-main::after {
		content: "Geschäftszeiten:\AMo. - Fr.: 09:00 - 18:00 Uhr\ASa.: 09:00 - 13:00 Uhr";
		white-space: pre;
		display: block;
		margin-top: 1em;
		padding-top: 1em;
		-webkit-column-break-inside: avoid;
		page-break-inside: avoid;
		break-inside: avoid;
	}

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

	form .d-flex, form .form-row {
		display: -ms-flexbox;
		display: flex;
		margin: 0 -8px;
	}

	form .d-flex > div, form .form-row > div {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		padding: 0 8px;
	}

	.form-control {
		display: block;
		width: 100%;
	}

	.form-group {
		margin-bottom: 1em;
	}

	.gallery > div {
		display: inline-block;
		max-width: 29%;
		margin: 0 3% 3% 0;
	}

	.gallery::after {
		content: "";
		display: table;
		clear: both;
	}

	.form-control {
		padding: 0.375rem 0.75rem;
		line-height: 1.5;
		border: 1px solid #ced4da;
		border-radius: 0.25rem;
		transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	}
}