body, html {
	height: 		100%;
	margin: 		0px;
	padding: 		0px;
/*	background-color:	#fafafa;*/
/*	text-align:		center;*/
}

.hidden {
	display: none;
}

.grecaptcha-badge { 
    visibility: hidden;
}

.grecaptcha-branding {
	font-family: 'Saira Extra Condensed', sans-serif;
	font-size: 13pt;
}

.divMaxWidth {
	max-width:		1000px;
	height:			100%;
	text-align:		center;
}

a:link, a:visited, a:active {
	color:			#777777;
}

a:hover {
	color:			green;
}

hr {
	width:			90%;
	display: 		block;
	height: 		2px;
	border: 		0;
	border-top: 		2px solid #eeeeee;
	padding: 		0; 
}

.anchor {
	position:		absolute;
	margin-top:		-80px;
}

.hr_title { 
	background-color:	#97d50e;
	width:			300px;
	height:			2px;
	margin-top:		5px;
	margin-bottom:		15px;
}

.logo_companyname {
	font-family: 		'Saira Extra Condensed', sans-serif;
	font-size:		24pt;
	margin-left:		10%;
	white-space: 		nowrap;
}

.logo_companyname_mobile {
	display:		none;
	font-family: 		'Saira Extra Condensed', sans-serif;
	font-size:		24pt;
	margin-left:		15%;
	white-space: 		nowrap;
}

.logo_menu_top {
	position:		fixed;
	background-color:	white;
	width:			100%;
	height:			80px;
	box-shadow: 		0px 0px 10px;
	padding-right:		20px;
	z-index:		50;
}

.logo_menu_top.shrink {
	height:			60px;
}

.logo {
	max-width:		400px;
	max-height:		60px;
	cursor:			pointer;
	margin-left:		10%;
}

.logo_background_box {
	background-color:	#ffffff;
	width:			370px;
	height:			160px;
	position:		absolute;
	top:			-50px;
	left:			-50px;
	z-index:		-1;
	box-shadow: 		0px 0px 5px;
	-ms-transform: 		rotate(7deg); /* IE 9 */
	-webkit-transform: 	rotate(7deg); /* Chrome, Safari, Opera */
	transform: 		rotate(-7deg);

}

.main_picture_holder { 
	width:			100%;
	min-height:		500px;
	height:			60%; 
	box-shadow: 		0px 2px 2px #aaaaaa;
	overflow: 		hidden;
	animation-name: 	main_picture_holder_anim;
	animation-duration: 	0.5s;
	animation-timing-function: ease-out;
}


@keyframes main_picture_holder_anim {
  	from   			{opacity: 0}
  	to 			{opacity: 1}
}

.main_picture { 
	width: 			100%; 
	height: 		102%; 
	background-position: 	50% 50%;
	background-repeat: 	no-repeat;
	background-size: 	cover;
	z-index:		0;
}

.main_picture_wrapper {
	
	overflow:		hidden;
}

.main_picture_cover { 
	width: 			100%; 
	height:			60vh; 
	min-height:		500px;
	margin-top:		70px;
	object-fit:		cover;
	z-index:		0;
	box-shadow: 		0px 2px 2px #aaaaaa;
	animation-name: 	main_picture_cover_anim;
	animation-duration: 	0.5s;
	animation-timing-function: ease-out;
}

@keyframes main_picture_cover_anim {
  	from   			{opacity: 0}
  	to 			{opacity: 1}
}

.main_picture_resize { 
	width: 			100%; 
	min-height:		500px;
	margin-top:		70px;
	object-fit:		cover;
	z-index:		0;
	box-shadow: 		0px 2px 2px #aaaaaa;
	animation-name: 	main_picture_resize_anim;
	animation-duration: 	0.5s;
	animation-timing-function: ease-out;
}

@keyframes main_picture_resize_anim {
  	from   			{opacity: 0}
  	to 			{opacity: 1}
}

.center_div {
	position: 		fixed; 
	display: 		flex; 
	justify-content: 	center; 
	align-items: 		center; 
	flex-direction: 	column; 
	z-index:		150; 
	top: 			50%; 
	text-align: 		center; 
	transform: 		translateY(-55%); 
	width: 			100%;
//	left:			0px;
}

.main_picture_text_test { 
	position:		absolute;
	display: 		flex;
	align-items: 		center;
	justify-content: 	center;
	width: 			100%;
	height:			100%;

	color: 			white; 
	line-height: 		100%;

	background-color:	rgba(0, 0, 0, 0.6);
	border-radius: 		15px;

	animation-name: 	main_picture_text_anim;
	animation-duration: 	0.5s;
	animation-timing-function: ease-out;

}


.main_picture_text { 
	width:			50%;
	left:			25%;

	text-align:		center;
	color: 			white; 
	line-height: 		100%;

	position: 		absolute;
	float: 			center;
//	top: 			25%;
//	transform: 		translate(0%, -10%);

	top: 			0px;
	transform: 		translate(0px, 200px);

//	opacity: 		0.9;
//	filter: 		alpha(opacity=90); 	/* For IE8 and earlier */

	z-index:		10;
	background-color:	rgba(0, 0, 0, 0.6);
	border-radius: 		15px;

	animation-name: 	main_picture_text_anim;
	animation-duration: 	0.5s;
	animation-timing-function: ease-out;

}

@keyframes main_picture_text_anim {
  	from   			{opacity: 0; margin-top: 20px;}
  	to 			{opacity: 1; margin-top: 0px;}
}

.description_edit {
	font-family: 		'Saira Extra Condensed', sans-serif;
	font-size:		24pt;
	background-color: 	transparent;
	border: 		0px;
	outline: 		none;
	-webkit-box-shadow: 	none;
	-moz-box-shadow: n	one;
	box-shadow: 		none;
	width:			100%;
	color:			white;
	text-align:		center;
	overflow:		hidden;
	resize:			none;
}

.description_edit:hover {
	background-color:	rgba(0, 0, 0, 0.3);
}

.description_edit:focus {
	background-color:	rgba(0, 0, 0, 0.3);
}

.main_picture_text_padding {
	padding:		30px;
}

.top_menu_links {
	display:		block;
	animation-name: 	top_menu_links_anim;
	animation-duration: 	0.5s;
	animation-timing-function: ease-out;
	animation-fill-mode: 	both;
}

@keyframes top_menu_links_anim {
  	from   			{opacity: 0; margin-top: -100px;}
  	to 			{opacity: 1; margin-top: 0px;}
}

.top_menu_links a {
	display:		inline-block;
	padding:		10px 10px 10px 10px;
//	font-family: 		'Roboto', sans-serif;
	font-size:		80%;
	text-decoration:	none;
	color:			black;
	cursor:			pointer;
	text-transform: 	uppercase;
	border-bottom:		2px solid #ffffff;
	border-color:		rgba(255, 255, 255, 0);
}

.top_menu_links a:hover {
	border-bottom:		2px solid #999999;
}

.top_menu_menu_button {
	display:		none;
	width:			80px;
	padding:		10px 10px 10px 10px;
	font-size:		80%;
	text-decoration:	none;
	color:			#000000;
	cursor:			pointer;
	text-transform: 	uppercase;
	border-bottom:		2px solid #ffffff;
	border-color:		rgba(255, 255, 255, 0);
}

.top_menu_more_button {
	display:		none;
	width:			80px;
	padding:		10px 10px 10px 10px;
//	font-size:		80%;
	text-decoration:	none;
	color:			#000000;
	cursor:			pointer;
	text-transform: 	uppercase;
	border-bottom:		2px solid #ffffff;
	border-color:		rgba(255, 255, 255, 0);
}

.about {
	text-align:		center;
	padding-top:		40px;
	animation-name: 	about_anim;
	animation-duration: 	1s;
	animation-delay: 	0.3s;
	animation-timing-function: ease-out;
	animation-fill-mode: 	both;
}

@keyframes about_anim {
  	from   			{opacity: 0; }
  	to 			{opacity: 1; }
}

.about_title {
	color:			black;
//	margin-top:		40px;
}

.about_text {
	line-height: 		120%;
	color:			#333333;
	margin-top:		20px;
	margin-bottom:		50px;
	padding-left:		15%;
	padding-right:		15%;
//	max-width:		1000px;
	text-align:		center;
}

.openinghours {
	text-align:		center;
	margin-bottom:		30px;
	background-color:	#f7f7f7;
	padding:		20px 0px 20px 0px;
}

.openinghours_element {
	text-align:		center;
	vertical-align:		top;
	display:		inline-block;
	margin-left:		10px;
	margin-right:		10px;
}

.openinghours_title {
	color:			black;
}

.openinghours_day_name {
	font-size:		90%;
	color:			#bbbbbb;
	margin-top:		10px;
	margin-bottom:		0px;
}

.openinghours_day_hours {
	font-size:		90%;
	color:			#555555;
	margin-top:		0px;
	margin-bottom:		0px;
}

.openinghours_open_now {
	font-size:		75%;
	margin-top:		0px;
	margin-bottom:		10px;
}

.openinghours_text {
	font-size:		100%;
	color:			#777777;
	margin-top:		10px;
	margin-bottom:		10px;
	padding-left:		10%;
	padding-right:		10%;
}

.openinghours_text_vacations {
	font-size:		100%;
	line-height: 		80%;
	color:			#999999;
	margin-top:		10px;
	margin-bottom:		20px;
	padding-left:		15%;
	padding-right:		15%;
}

.openinghours_weekend_split {
	display:		inline-block;
}

.slideshow {
//	background-color:	#333333;
//	background-color:	#999999;
	background-color:	#ffffff;
	margin-top:		0px;
	padding-top:		0px;
	padding-bottom:		70px;
	margin-bottom:		20px;
}

.slideshow_element {
	border:			1px solid #777777;
//	box-shadow: 		0px 2px 2px #aaaaaa;

}

.contact {
	text-align:		center;
}

.contact_title {
	font-size:		32pt;
	color:			black;
	margin-top:		40px;
	text-align:		center;
}

.contact_subtitle {
	font-size:		18pt;
	color:			#777777;
	margin-top:		10px;
	margin-bottom:		50px;
	padding-left:		20px;
	padding-right:		20px;

}

.contact_element {
	display:		inline-block;
	vertical-align:		top;
	width:			220px;
	height:			150px;
	text-align:		center;
	margin-left:		20px;
	margin-right:		20px;
}

.contact_icon {
	width:			32px;
	height:			32px;
	align:			center;
	margin-bottom:		10px;
	opacity: 		0.3;
	filter: 		alpha(opacity=30); 	/* For IE8 and earlier */
}

.contact_element_name {
	font-size:		100%;
	color:			#5e9d80;
	margin-bottom:		10px;
	line-height: 		100%;
}

.contact_element_value {
	font-size:		100%;
	color:			#555555;
	line-height: 		100%;
}

.map {
	width:			100%;
	height:			500px;
	margin-top:		30px;
}

.map_overlay {
	background:		transparent; 
	position:		relative; 
	width:			100%;
	height:			500px; /* your iframe height */
	top:			500px;  /* your iframe height */
	margin-top:		-500px;  /* your iframe height */
}

.contactForm {
	margin-top:		30px;
	text-align:		center;
	max-width:		1000px;
	margin-bottom:		50px;
	background-color:	#f7f7f7;
	padding:		20px 0px 20px 0px;
}

.contactForm_title {
	color:			black;
	text-align:		center;
	margin-bottom:		20px;
}

.contactForm_formInput {
	font-family: 		'Roboto', sans-serif;
	font-size:		12pt;
	color:			#999999;
	padding:		10px;
	width:			167px;
	margin-bottom:		15px;
	margin-left:		7px;
	margin-right:		7px;

}

.contactForm_formInput_message {
	font-family: 		'Roboto', sans-serif;
	font-size:		13pt;
	color:			#999999;
	padding:		10px;
	width:			808px;
	height:			200px;
	margin-bottom:		15px;
	margin-left:		4px;
	margin-right:		7px;
}

.contactForm_formInput_divider1 {
	display:		inline-block;
}

.contactForm_formInput_divider2 {
	display:		inline-block;
}

.contactForm_SendButton { 
	font-family: 		'Saira Extra Condensed', sans-serif;
	font-size:		18pt;
	background-color:	#eeeeee;
	border:			0px;
	width:			250px;
	text-align:		center;
	cursor:			pointer;
	color:			#000000;
	margin-right:		10px;
	margin-top:		10px;
}

.contactform_sent {
	font-family: 		'Saira Extra Condensed', sans-serif;
	font-size:		22pt;
	color:			#555555;
	text-align:		center;
}

.employees {
	text-align:		center;
	padding-top:		20px;
	max-width:		1050px;
}

.employee_element {
	width:			300px;
	background-color:	#f4f4f0;
	display:		inline-block;
	margin-left:		20px;
	margin-right:		20px;
	text-align:		center;
	padding-top:		25px;
	padding-bottom:		25px;
	margin-bottom:		40px;
}

.employee_element:hover {
	box-shadow: 		0px 0px 5px #cccccc;
	filter: 		contrast(105%);
}


.employee_picture_wrap {

}

.employee_picture {
//	max-width:		250px;
	width:			250px;
	height:			270px;
	object-fit: 		cover;
}

.employee_picture_avatar {
	width:			250px;
	height:			270px;
	object-fit: 		scale-down;
	opacity: 		0.3;
	filter: 		alpha(opacity=30);
	background-color:	#d4d4d0;
}

.employee_name {
	margin-top:		5px;
	font-size:		120%;
	line-height:		110%;
}

.employee_title {
	margin-top:		5px;
	font-size:		90%;
	line-height:		100%;
	opacity:		0.7;
}

.employee_phone {
	margin-top:		20px;
	font-size:		100%;
	line-height:		100%;
}

.employee_phone_ext {
	opacity:		0.5;
}

.employee_email {
	margin-top:		15px;
	font-size:		90%;
	line-height:		150%;
	white-space: 		nowrap;
	overflow: 		hidden;
	text-overflow: 		ellipsis;
	padding-left:		30px;
	padding-right:		30px;
}

.footer {
	background-color:	#777777;
	color:			white;
	font-family: 		'Saira Extra Condensed', sans-serif;
	font-size:		14pt;
	text-align:		center;
	padding:		70px 0px 70px 0px;
}

.footer_info {
	display:		inline-block;
	width:			350px;
	vertical-align:		top;
}

.footer_tag_cloud {
	display:		inline-block;
	width:			300px;
	font-size:		12pt;
	padding:		0px 0px 20px 0px;
	margin-right:		20px;
	margin-left:		20px;
	vertical-align:		top;
}

.footer_tag_cloud_tag {
	display:		inline-block;
	font-size:		12pt;
	padding:		2px 5px 2px 5px;
	border-radius: 		5px;
	background-color:	#888888;
	margin-right:		10px;
	margin-bottom:		10px;
}

.footer_some_link {
	margin-left:		10px;
	margin-right:		10px;
}

.footer_some_link:hover {
	filter: 		brightness(130%);
}

.footer_some_link_top {
	margin-left:		5px;
	margin-right:		5px;
}

.footer_some_link_top:hover {
	filter: 		brightness(130%);
}

.footer_some_link_anim_1 {
	animation-name: 	footer_some_link_anim_1;
	animation-duration: 	0.5s;
	animation-delay: 	0.2s;
	animation-timing-function: ease-out;
	animation-fill-mode: 	both;
}

.footer_delivered_by {
	padding:		10px 0px 20px 0px;
}

.footer_delivered_by_link {
	color:			#cccccc;
	font-family: 		'Saira Extra Condensed', sans-serif;
	font-size:		12pt;
}

.footer_delivered_by_link:hover {
	color:			#cccccc;
}

.footer_delivered_by_link:visited {
	color:			#cccccc;
}

.footer_delivered_by_link:active {
	color:			#cccccc;
}



@keyframes footer_some_link_anim_1 {
  	from   			{opacity: 0}
  	to 			{opacity: 1}
}

.footer_some_link_anim_2 {
	animation-name: 	footer_some_link_anim_1;
	animation-duration: 	0.5s;
	animation-delay: 	0.4s;
	animation-timing-function: ease-out;
	animation-fill-mode: 	both;
}

@keyframes footer_some_link_anim_2 {
  	from   			{opacity: 0}
  	to 			{opacity: 1}
}

.footer_some_link_anim_3 {
	animation-name: 	footer_some_link_anim_1;
	animation-duration: 	0.5s;
	animation-delay: 	0.6s;
	animation-timing-function: ease-out;
	animation-fill-mode: 	both;
}

@keyframes footer_some_link_anim_3 {
  	from   			{opacity: 0}
  	to 			{opacity: 1}
}

.edit_mode {
	height:			40px;
	text-align:		center;
	background-color:	#333333;
	color:			#ffffff;
	font-family: 		'Saira Extra Condensed', sans-serif;
	font-size:		20pt;
	padding:		0px 0px 0px 0px;
}

.noselect {
	-webkit-touch-callout: 	none; /* iOS Safari */
	-webkit-user-select: 	none; /* Safari */
	-khtml-user-select: 	none; /* Konqueror HTML */
	-moz-user-select: 	none; /* Firefox */
	-ms-user-select: 	none; /* Internet Explorer/Edge */
	user-select: 		none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

.subpage_title {
	color:			black;
	width:			80%;
	line-height:		100%;
	padding-top:		20px;
	padding-bottom:		20px;
}

.subpage_holder {
	padding-top:		120px;
}

.subpage_gallery_div {
	max-width:		1400px;
	text-align:		center;
}

.subpage_gallery_image_holder {
	display:		inline-block;
	vertical-align:		top;
	background-color:	#ffffff;
	margin-left:		15px;
	margin-right:		15px;
	margin-bottom:		30px;
	width:			300px;
	height:			360px;
	box-shadow: 		0px 2px 2px #aaaaaa;
	padding-top:		10px;
	padding:		10px;

	animation-name: 	subpage_gallery_image_holder_anim;
	animation-duration: 	1s;
	animation-delay: 	0.3s;
	animation-timing-function: ease-out;
	animation-fill-mode: 	both;

}

.subpage_gallery_image_holder:hover {
	box-shadow: 		0px 2px 5px #777777;
	filter: 		contrast(120%);
	cursor:			pointer;
}

@keyframes subpage_gallery_image_holder_anim {
  	from   			{opacity: 0; }
  	to 			{opacity: 1; }
}


.subpage_gallery_image_container {
	width:			280px;
	height:			200px;
}

.subpage_gallery_image {
	width:			100%;
	height:			210px;
	object-fit: 		cover;
}

.subpage_gallery_image_title {
	font-weight:		bold;
	padding-left:		10px;
	padding-right:		10px;
	padding-top:		10px;
	text-align:		left;
	line-height:		110%
}

.subpage_gallery_image_text {
	padding-left:		10px;
	padding-right:		10px;
	padding-top:		6px;
	text-align:		left;
	line-height:		110%
}

.subpage_gallery_fullscreen {
	position: 		fixed; 
	display: 		flex; 
	flex-direction:		column;
	visibility:		hidden;
	left:			0px;
	top:			0px;
	justify-content: 	center; 
	align-items: 		center; 
	z-index:		150; 
	width: 			100%;
	height:			100%;
}

.subpage_gallery_fullscreen_close {
	position:		absolute;
	top:			50px;
	right:			50px;
}

.subpage_gallery_fullscreen_image_holder {
	max-width:		90%;
	max-height:		90%;
	border:			2px solid red;
}

.subpage_gallery_fullscreen_image {
	width:			auto;
	height:			auto;
	max-width:		80%;
	max-height:		80%;
	cursor:			pointer;
}

.fadein {
	animation-name: 	fadein_anim;
	animation-duration: 	0.2s;
	animation-delay: 	0s;
	animation-timing-function: ease-out;
	animation-fill-mode: 	both;
}

@keyframes fadein_anim {
  	from   			{
				opacity: 0; 
				margin-left: 300px;
				}
  	to 			{
				opacity: 1; 
				margin-left: 0%;
				}
}

.subpage_gallery_fullscreen_image_description {
	color:			white;
//	align-self:		flex-end;
	width:			80%;
	text-align:		center;
	line-height:		120%;
	margin-top:		20px;
}

.subpage_gallery_fullscreen_image_number {
	color:			white;
//	align-self:		flex-end;
	width:			80%;
	text-align:		center;
	line-height:		120%;
	margin-bottom:		20px;
}


.dimmer {
	position:		fixed;
	top:			0;
	left:			0;
	width:			100%;
	height:			100%;
	background: 		#000000;
	display:		none;
	opacity: 		0.75;
	z-index:		140;
}

.carousel-cell {
	width: 			400px;
	height: 		500px;
	margin-right: 		10px;
	background: 		#fafafa;
	border-radius: 		5px;
	counter-increment: 	carousel-cell;
	display: 		flex;
	align-items: 		center;
	justify-content: 	center;
}


.subpage_text_div {
	max-width:		1400px;
	text-align:		center;
}

.subpage_text2_text {
	max-width:		960px;
	text-align:		left;
}

.subpage_text2_image {
	width: 			1000px; 
	height: 		437px; 	
}

.subpage_text3_element {
	width:			495px;
	display: 		table-cell;
	vertical-align:		top;
	background-color:	#f7f7f7;
	border-right: 		15px solid #ffffff;
	border-left: 		15px solid #ffffff;
	border-bottom: 		15px solid #ffffff;
}

.subpage_text3_image {
	margin-top:		15px;
	width: 			465px; 
	height: 		350px; 
	object-fit: 		cover;
}

.subpage_text3_text {
	padding:		20px;
	text-align:		left;
	line-height:		130%;
}

.subpage_text3_text_sizer {
	font-size:		95%;
}

.subpage_text4_element {
	width:			320px;
	display: 		table-cell;
	vertical-align:		top;
	background-color:	#f7f7f7;
	border-right: 		15px solid #ffffff;
	border-left: 		15px solid #ffffff;
	border-bottom: 		15px solid #ffffff;
}

.subpage_text4_image {
	margin-top:		15px;
	width: 			290px; 
	height: 		230px; 
	object-fit: 		cover;
}

.subpage_text4_text {
	padding:		20px;
	text-align:		left;
	line-height:		130%;
}

.subpage_text4_text_sizer {
	font-size:		95%;
}

.subpage_text5_element {
	max-width:		900px;
}

.subpage_text5_text {
	padding:		20px;
	line-height:		130%;
	border-top:		2px solid #eeeeee;
	border-bottom:		2px solid #eeeeee;
}

.subpage_text5_text_sizer {
	font-size:		110%;
}


/* MEDIA QUERIES */

@media screen and (max-width: 950px) {

	.logo_menu_top {
		height:			60px;
	}

	.logo {
		max-height:		43px;
	}

	.main_picture_cover {
		margin-top:		50px;
	}

	.main_picture_resize {
		margin-top:		50px;
	}

	.main_picture_text {
		font-size:		20pt;
	}

	.test_main_picture_text {
		font-size:		20pt;
		width:			80%;
		left:			10%;
		top: 			20%;
	}

	.logo_companyname {
//		margin-top:		6px;
	}

	.about_text {
//		font-size:		10pt;
	}

	.contactForm_formInput {
		font-size:		13pt;
		padding:		10px;
		width:			220px;
	}

	.contactForm_formInput_message {
		width:			488px;
	}

	.contactForm_formInput_divider1 {
		display:		block;
	}

	.top_menu_links {
		position:		absolute;
		width:			150px;
		background-color:	#ffffff;
		z-index:		50;
	}

	.top_menu_links a {
		display:		block;
		padding:		10px 10px 10px 10px;
	}

	.top_menu_menu_button {
		display:		block;
	}

	.top_menu_links {
		display:		none;
	}

	.openinghours_weekend_split {
		display:		block;
	}

	.subpage_holder {
		padding-top:		100px;
	}

	.subpage_text2_image {
		width:			700px;
		height:			305px;
	}

	.subpage_text2_text {
		max-width:		660px;
	}

	.subpage_text3_element {
		width:			340px;
		display: 		table-cell;
		vertical-align:		top;
		background-color:	#f7f7f7;
		border-right: 		10px solid #ffffff;
		border-left: 		10px solid #ffffff;
		border-bottom: 		10px solid #ffffff;
	}
	
	.subpage_text3_image {
		margin-top:		15px;
		width: 			310px; 
		height: 		210px; 
		object-fit: 		cover;
	}
	
	.subpage_text3_text {
		padding:		20px;
		text-align:		left;
		line-height:		130%;
	}
	
	.subpage_text3_text_sizer {
		font-size:		90%;
	}


	.subpage_text4_element {
		width:			220px;
		display: 		table-cell;
		vertical-align:		top;
		background-color:	#f7f7f7;
		border-right: 		10px solid #ffffff;
		border-left: 		10px solid #ffffff;
		border-bottom: 		10px solid #ffffff;
	}
	
	.subpage_text4_image {
		margin-top:		15px;
		width: 			190px; 
		height: 		130px; 
		object-fit: 		cover;
	}
	
	.subpage_text4_text {
		padding:		20px;
		text-align:		left;
		line-height:		130%;
	}
	
	.subpage_text4_text_sizer {
		font-size:		90%;
	}

	.subpage_text5_element {
		max-width:		600px;
	}
	
	.subpage_text5_text_sizer {
		font-size:		90%;
	}


}

/* for 500px or less */
@media screen and (max-width: 500px) {

	.logo_menu_top {
		height:			60px;
	}

	.logo {
		max-width:		120px;
		max-height:		43px;
	}

	.logo_companyname {
		margin-bottom:		4px;
		font-size:		18pt;
		display:		none;
	}

	.logo_companyname_mobile {
		display:		block;
		font-size:		13pt;
	}

	.main_picture_cover {
		margin-top:		50px;
	}

	.main_picture_resize {
		margin-top:		50px;
	}

	.main_picture_text {
		font-size:		20pt;
		width:			80%;
		left:			10%;
	}

	.test_main_picture_text {
		width:			80%;
		left:			10%;
		font-size:		20pt;
		top: 			20%;
//		transform: 		translate(0%, 30%);
	}
	
	.contact_element {
		margin-bottom:		20px;
	}

	.contact_title {
//		font-size:		16pt;
	}

	.contactForm_formInput {
		width:			270px;
	}

	.contactForm_formInput_message {
		width:			270px;
	}

	.contactForm_formInput_divider2 {
		display:		block;
	}

	.openinghours {
		padding:		20px 0px 50px 0px;
		border:			1px solid #cccccc;
	}

	.openinghours_element {
		display:		block;
		width:			330px;
	}

	.openinghours_day_name {
		display:		inline-block;
		width:			150px;
		text-align:		right;
		font-size:		100%;
		margin-right:		10px;
	}

	.openinghours_day_hours {
		display:		inline-block;
		width:			150px;
		text-align:		left;
		font-size:		100%;
		margin-left:		10px;
	}

	.openinghours_text {
		font-size:		15pt;
	}

	.openinghours_open_now {
		display:		block;
		text-align:		center;
		width:			100%;
		text-align:		center;
		margin-bottom:		0px;
		margin-left:		10px;
	}

	.subpage_holder {
		padding-top:		100px;
	}

	.subpage_gallery_fullscreen_close {
		top:			auto;
		bottom:			30px;
		right:			auto;
	}

	.subpage_gallery_fullscreen_image {
		max-width:		100%;
		max-height:		55%;
	}

	.subpage_text2_image {
		width:			380px;
		height:			175px;
	}

	.subpage_text2_text {
		max-width:		360px;
	}

	.subpage_text3_element {
		width:			380px;
		display: 		block;
		vertical-align:		top;
		background-color:	#f7f7f7;
		border-right: 		15px solid #ffffff;
		border-left: 		15px solid #ffffff;
		border-bottom: 		25px solid #ffffff;
	}
	
	.subpage_text3_image {
		margin-top:		15px;
		width: 			350px; 
		height: 		230px; 
		object-fit: 		cover;
	}
	
	.subpage_text3_text {
		padding:		20px;
		text-align:		left;
		line-height:		130%;
	}
	
	.subpage_text3_text_sizer {
		font-size:		95%;
	}

	.subpage_text4_element {
		width:			380px;
		display: 		block;
		vertical-align:		top;
		background-color:	#f7f7f7;
		border-right: 		15px solid #ffffff;
		border-left: 		15px solid #ffffff;
		border-bottom: 		25px solid #ffffff;
	}
	
	.subpage_text4_image {
		margin-top:		15px;
		width: 			350px; 
		height: 		230px; 
		object-fit: 		cover;
	}
	
	.subpage_text4_text {
		padding:		20px;
		text-align:		left;
		line-height:		130%;
	}
	
	.subpage_text4_text_sizer {
		font-size:		95%;
	}

	.subpage_text5_element {
		max-width:		350px;
	}
	
	.subpage_text5_text_sizer {
		font-size:		80%;
	}


}

/* Landscape mode: Special rules */
@media (orientation: landscape) { 
	subpage_gallery_fullscreen_image { 
		height:			100%; 
	} 
}

@media (orientation: portrait) { 
	subpage_gallery_fullscreen_image { 
		width:			100%; 
	} 
}

.invalid-input {
	background-color: #EA9999;
	transition: background-color 1000ms linear;
}