@page{
	size: A4;
	margin: 0;
}

@media print{
	html, body{
		width: 210mm;
		height: 297mm;
		margin:0;
		padding: 2cm!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, .page-wrap {
		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 {
		text-align: left;
	}
	
	/* 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;
	}
	
	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;
	}
	
	/*
	.page-wrap:after {
		content: "\ Alle Rechte vorbehalten. © 2020 Modern Immobilien Center, www.mic-immobilie.de";
		color: #999 !important;
		font-size: 0.85em;
		border-top: 1px solid #999;
	}
	*/

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

	/* Spezielle Elemente Stylen */
	img {
		max-width: 100%;
		height: auto;
	}
	.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";
	}
	.fa-facebook:before {
		content: "\f09a";
	}
	.navbar-logo img {
		max-width: 250px;
		height: auto;
	}

	.immobilien-slider .slick-track {
		display: -ms-flexbox;
		display: flex;
		width: 100%!important;
		margin: 0;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.immobilien-slider .angebot-container {
		-ms-flex: 0 0 49%;
		flex: 0 0 49%;
		max-width: 49%;
		border: 1px solid #000;
		margin-bottom: 2%;
	}
	.immobilien-slider .angebot-header, .immobilien-slider .angebot-body {
		position:relative;
		display: block;
	}
	.immobilien-slider .angebot-tag {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		background-color: red;
		color: white;
		padding: 5px 10px;
	}
	.immobilien-slider .angebot-img {
		display: block;
		max-height: 260px;
		overflow: hidden;
	}
	.immobilien-slider .angebot-body {
		padding: 10px;
	}
	.immobilien-slider .angebot-title, .immobilien-slider .angebot-description {
		display: block;
		text-align: left;
	}
	.immobilien-slider .angebot-description {
		margin-bottom: 1rem;
	}
	.immobilien-slider .angebot-info {
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.footer-main {
		margin-top: 1rem;
		border-top: 1px solid black;
	}

	.box {
		display: block;
		padding: 10px;
		border: 1px solid black;
		margin-bottom: 1rem;
	}

	.form-group {
		margin-bottom: 1rem;
	}
	.form-control {
		box-sizing: border-box;
		display: block;
		width: 100%;
    	padding: .375rem .75rem;
    	font-size: 1rem;
    	font-weight: 400;
    	line-height: 1.5;
    	color: #495057;
    	background-color: #fff;
    	background-clip: padding-box;
    	border: 1px solid #ced4da;
    	border-radius: .25rem;
    	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	}

	.immobilie-container .bild {
		min-height: 300px;
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.angebote-container > .row {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.angebote-container .row .col-xxl-6 {
		-ms-flex: 0 0 49%;
		flex: 0 0 49%;
		max-width: 49%;
		border: 1px solid black;
	}
	.immobilie-container .bild .angebot-tag {
		padding: 5px 10px;
		background-color: red;
		color: #fff;
		display: inline-block;
	}
	.immobilie-container .informationen {
		padding: 10px;
	}
	.sub-btn {
		display: inline-block;
		margin-top: 1rem;
	}
}