/** Greetings **/
.tx-max-greetings {
	margin:			-30px -15px 0 -15px;
	position:		relative;
	min-height:		1620px;
}

.facility-page .topmargin .tx-max-greetings {
	margin-top:		0;
}

.responsivecheckbox {
	width: 3em; 
	height: 3em; 
	float: left;	
}

.imagewidth {
	max-width:		560px;
}

.tx-max-greetings .greetingsContent {
	padding:		120px 0 60px 0;
}

.tx-max-greetings .greetingsFrame {
	position:		relative;
	margin:			0 auto;
	padding:		40px;
	max-width:		800px;
	min-width:		340px;
	-moz-box-shadow: 		3px 3px 5px #aaa;
	-webkit-box-shadow: 	3px 3px 5px #aaa;
	box-shadow: 			3px 3px 5px #aaa;
}

.tx-max-greetings .greetingsFrame .transparency {
	position:		absolute;
	top:			0;
	left:			0;
	width:			100%;
	height:			100%;
	background-color: white;
	opacity:		.9;
	filter: 		alpha(opacity=90);
	z-index:		100;
}

.tx-max-greetings .greetingsFrame .frameContent {
	z-index:		200;
	background-color: transparent;
	position:		relative;
}


.tx-max-greetings h1,
.tx-max-greetings h2,
.tx-max-greetings h3 {
	color: 			#447F98 !important;
}

body.color-scheme-green .tx-max-greetings h1,
body.color-scheme-green .tx-max-greetings h2,
body.color-scheme-green .tx-max-greetings h3 {
    color: #627f23 !important;
    border-top: none !important;
    border-bottom: none !important;
}

.tx-max-greetings h1 {
	font-size:		27px;
	line-height:	1.5em;
}
.tx-max-greetings h1.first {
	font-size:		54px;
}
.tx-max-greetings .image {
	width:			80%;
	margin-bottom:	30px;
}

.tx-max-greetings .image img {
	height:			auto !important;
}


.tx-max-greetings textarea {
	width:			80%;
	height:			280px;
	padding:		40px 20px;
	background-color: #C6D7E4;	
}

body.color-scheme-green .tx-max-greetings textarea {
	background-color: #d5dbcb;
}

.tx-max-greetings .greetingType {
	clear:			both;
	margin-top:		1.5em;
}

.tx-max-greetings .greetingType input {
	float:			left;
	margin-top:		.3em;
	clear:			left;
}

.tx-max-greetings .submit {
	clear:			both;
	margin-top:		1.5em;
	text-align:		right;
	width:			80%;
}

.tx-max-greetings .error {
	border:			1px solid #cd0000;
	padding:		.5em;
	color:			#cd0000;
	background-color: #F7B5B5;
	width:			80%;
}

.tx-max-greetings label {
	display:		block;
	float:			none;
	width:			80%;
	font-weight:	normal;
}

.tx-max-greetings .greetingType label {
	font-weight:	normal;
	padding-left:	.7em;
	display:		inline;
	width:			auto;
	float:			none;
}


.tx-max-greetings .field {
	margin-bottom:	1.5em;
	padding-left:	0 !important;
}

.tx-max-greetings .field input {
	width:			80%;
}

.tx-max-greetings .field input.street {
	width:			90%;
}

.tx-max-greetings .boxed {
	border:			1px solid #222;
	padding:		1em;
	width: 			90%;
}

.tx-max-greetings .preview {
	max-width:		560px;
	background-color:	#C6D7E4;
}
body.color-scheme-green .tx-max-greetings .preview {
	background-color:	#d5dbcb;
}
.tx-max-greetings .preview .image {
	width:			100%;
}
.tx-max-greetings .small {
	font-size:		10px;
}

.tx-max-greetings .preview .boxed {
	border:			none;
	margin-top:		-30px;
	margin-bottom:	30px;
}


.tx-max-greetings .postcard {
	position:		relative;
	width:			560px;
	height:			382px;
	font-size:		11px;
	background:		transparent url(../Media/postkarte-rueckseite.jpg) top left no-repeat;
	background-size: contain;
}

.tx-max-greetings .postcard .text p {
	position:		absolute;
	left:			5%;
	top:			20%;
	width:			45%;
	height:			46%;
	overflow:		hidden;
}

.tx-max-greetings .postcard .sender {
	position:		absolute;
	bottom:			30%;
	left:			5%;
	max-width:		45%;
}


.tx-max-greetings .postcard .address {
	position:		absolute;
	bottom:			26%;
	left:			53%;			
}

.tx-max-greetings .banner {
	background-color: #447F98;
	min-width:		240px;
	max-width:		780px;
	padding:		0 30px 0 230px;
	height:			100px;
	position:		relative;
}

body.color-scheme-green .tx-max-greetings .banner {
	background-color: #3a6d32;
}

.tx-max-greetings .banner .image {
	width:			90px;
	float:			right;
	margin:			10px 0 0 0;
	position:		relative;
	box-sizing:		content-box;
}

.tx-max-greetings .banner .claim {
	font-family: 	Utopia, "Utopia Regular", "Franklin Gothic Medium", "Franklin Gothic", Arial, "Helvetica Neue", Helvetica, Verdana, sans-serif;
	font-size:		36px;
	color:			white;
	float:			left;	
	padding-top: 26px;
}

@media (max-width: 1199px) {
	.tx-max-greetings .banner {
		padding-left:	130px;
		max-width:		680px;

	}
}
@media (max-width: 991px) {
	.tx-max-greetings .field input.street {
		width:			80%;
	}
	.tx-max-greetings .banner {
		max-width:		590px;
		padding-left:	40px;
	}
}
@media (max-width: 655px) {
	.tx-max-greetings .postcard {
		width:			450px;
		height:			307px;
		font-size:		10px;
	}
	.tx-max-greetings .preview {
		max-width:		450px;
	}
	.imagewidth img {
	    width: 460px;
	}		
	.tx-max-greetings .banner .claim {
		font-size: 30px;
		margin-top: 10px;
		padding-top: 18px;		
	}
}
@media (max-width: 556px) {
	.tx-max-greetings .banner {
		max-width:		90%;
		padding-left:	10%;
		height: 60px;
	}
	.tx-max-greetings .banner .image {
		width: 45px;
	}
	.tx-max-greetings .banner .claim {
		font-size:		18px;
		margin-top: 0;
		padding-top:	14px;
	}
	.tx-max-greetings .postcard {
		width:			350px;
		height:			239px;
		font-size:		9px;
	}
	.tx-max-greetings .preview {
		max-width:		350px;
	}
	.imagewidth img {
	    width: 340px;
	}	
	.responsivecheckbox {
		width: 3em; 
		height: 6em; 
		float: left;	
	}
	.tx-max-greetings h1.first {
		font-size:		36px;
	}
}
@media (max-width: 450px) {
	.tx-max-greetings .banner {
		height:			60px;
	}
	.tx-max-greetings .banner .image {
		width:			50px;
	}
	.tx-max-greetings .banner .claim {
		font-size:		16px;
		padding-top:	12px;
	}
	.tx-max-greetings .postcard {
		width:			270px;
		height:			184px;
		font-size:		8px;
	}
	.tx-max-greetings .preview {
		max-width:		270px;
	}
	.tx-max-greetings .postcard .text p {
		height:			35%
	}
	.tx-max-greetings .postcard .sender {
		top:			70%;
	}
	.imagewidth img {
	    width: 270px;
	}
	.responsivecheckbox {
		width: 3em; 
		height: 6em; 
		float: left;	
	}
	.tx-max-greetings h1.first {
		font-size:		30px;
	}		
	
	
}
@media (max-width: 350px) {
	.tx-max-greetings .banner .image {
		display:		none;
	}
	.tx-max-greetings .postcard {
		width:			80%;
		min-height:		140px;
		font-size:		6px;
	}
	.tx-max-greetings .preview {
		width:			80%;
	}
	.tx-max-greetings .postcard .address {
		top:			45%;
	}
	.tx-max-greetings .postcard .text p {
		top:			10%;
		height:			30%
	}
	.tx-max-greetings .postcard .sender {
		top:			57%;
	}
	
	.imagewidth img {
	    width: 220px;
	}
	
	.responsivecheckbox {
		width: 3em; 
		height: 6em; 
		float: left;	
	}
	.tx-max-greetings h1.first {
		font-size:		24px;
	}
	
}