@page{
	size: A4;
	margin: 2cm;
}

@media print{
	html, body{
		width: 210mm;
		height: 297mm;
		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%
	}

	p {
		margin-top: 0;
	}

	input, textarea, select {
		font: 10pt Georgia, "Times New Roman", serif;
	}

	img {
		max-width: 100%;
		height: auto;
	}
	
	/* 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;
	}
	
	a:link, a:visited {
		background: transparent;
		color: #520;
		font-weight: bold;
		text-decoration: underline;
	}
	
	/* Sichtbare Auszeichnung der URLs von Links */
	/* a[href]:after { 
		content:" <"attr(href)">"; 
		background-color: inherit;
		color: #369; 
		font-style: italic;
	} */
	
	/* 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;
	}
	
	/*#wrapper:after {
		content: "\ Alle Rechte vorbehalten. (c) 2007 Name, www.domain.de";
		color: #999 !important;
		font-size: 0.85em;
		border-top: 1px solid #999;
	}*/

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

	/* Spezielle Elemente Stylen */
	.header-logo {
		max-width: 200px;
		height: auto;
	}
	.text-uppercase {
		text-transform: uppercase;
	}
	.font-weight-bold {
		font-weight: bold;
	}
	.mt-4 {
		margin-top: 1.5rem;
	}
	.mb-4 {
		margin-bottom: 1.5rem;
	}
	.form-group {
		margin-bottom: .5rem;
	}
	.form-control {
		display: block;
		width: 100%;
		box-sizing: border-box;
		padding: .375rem .5rem;
	}
	.hero-title {
		display: block;
		font-size: 2rem;
		margin: 1rem 0;
	}
	.box-container::after {
		content: "";
		display: table;
		clear: both;
	}
	.hero-startseite .box {
		box-sizing: border-box;
		margin: 0 -15px;
	}
	.hero-startseite .box > div {
		padding: 0 15px;
		box-sizing: border-box;
	}
	.box-container-bg {
		box-sizing: border-box;
		margin: 0 -15px;
	}
	.box-container-bg .box {
		box-sizing: border-box;
		padding: 0 15px;
		float: left;
		width: 25%;
		text-align: center;
	}
	.box-container-bg .box-icon img {
		max-width: 50px;
		display: block;
		margin: 0 auto;
	}
	.box-header {
		font-weight: bold;
		margin-bottom: .5rem;
	}
	.box {
		page-break-inside: avoid;
	}
	.footer-main {
		page-break-inside: avoid;
		margin-top: 1.5rem;
		padding-top: 1.5rem;
		border-top: 1px solid #333;
	}
	.fa{
		display: inline-block;
    	font: normal normal normal 14px/1 FontAwesome;
    	font-size: inherit;
    	text-rendering: auto;
    	-webkit-font-smoothing: antialiased;
    	-moz-osx-font-smoothing: grayscale;
	}
	.fa-map-marker:before {
		content: "\f041";
	}
	.fa-phone:before {
		content: "\f095";
	}
	.fa-envelope:before {
		content: "\f0e0";
	}
	.fa-clock-o:before {
		content: "\f017";
	}
}