@import "https://cdn.wpt-online.de/font-awesome/4.7.0/css/font-awesome.css";

@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;
	}
	
	/*#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, .maedchenname{
		display:none!important;
	}

	/* Spezielle Elemente Stylen */
	.pr-2 {
		padding-right: 8px;
	}
	.font-weight-bold {
		font-weight: bold;
	}
	.form-group {
		margin-bottom: 1em;
	}
	.form-control {
		display: block;
		width: 100%;
		padding: 6px 10px;
	}
	form input, form select, form textarea {
		font-family: Georgia, "Times New Roman", serif;
	}
	.navbar-brand img {
		max-width: 150px;
	}
	.hero-headline {
		font-size: 2em;
		font-weight: bold;
		margin: 1em 0;
	}
	.gallery-container {
		margin-left: -15px;
	}
	.gallery-container::after {
		content: "";
		display: table;
		clear: both;
	}
	.gallery-item {
		padding-left: 15px;
		display: inline-block;
		overflow: hidden;
		width: auto;
		max-width: 30%;
	}
	.job-box {
		margin-bottom: 1em;
	}
	.footer-main {
		padding-top: 1em;
		margin-top: 1em;
		border-top: 1px solid #333;
	}
}