html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0 none;
	font-size: 100%;
	margin: 0;
	outline: 0 none;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none outside none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: none;
}
:focus {
	outline: 0 none;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
* {
	-webkit-text-size-adjust: none;
}
section, article, aside, hgroup, header, footer, nav {
	display: block;
}

/*##################################################
 * ################ Start  #########################
 * ############################################### */

 
.mm-list a.mm-subopen {
	background: #b71e3f;
	height: 39.5px;
	width: 50px;
} 


.mm-list a.mm-subopen:after {
	content: "...";
	border-top: none;
	border-left: none;
	font-size: 20px;
	width: auto;
	height: auto;
	transform: none;
	-webkit-transform: none;
	margin-bottom: -3px;
	border: 0;
	left: 18px;
	color: #fff;
}
 
 
html, body {
	font-family: "Lato", sans-serif;
	margin: 0;
	padding: 0;
	line-height: 1.375;	
	font-size: 15px;
	color: #444444;
	background: #777777;
	box-sizing: border-box;
}

body {
	width: 100%;
	height: 100%;
}

*, *:after, *:before {
	box-sizing: inherit;
}

a {
	text-decoration: none;
	color: #444444;
	-webkit-transition: text-shadow 250ms ease-in;
	-moz-transition: text-shadow 250ms ease-in;
	-o-transition: text-shadow 250ms ease-in;
	transition: text-shadow 250ms ease-in;
}

a:hover {
	color: #999999;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 20px;
	padding-bottom: 25px;
	font-weight: normal;
	font-family: "Roboto Condensed", sans-serif;
}

h1, h2, h3, h4 {
	font-size: 24px;
	color: #4381a6;
	padding-top: 50px;
	clear: left;
}

h2:first-of-type {
	padding-top: 0px;
}

h3 {
	font-size: 21px;
	padding-top: 50px;
}

h3:first-of-type {
	padding-top: 0px;
}

h3 {
	font-size: 18px;
	padding-top: 50px;
}

h4 {
	font-size: 16px;
}


article p {
	margin-bottom: 30px;
}

.wrapper {
	width: 100%;
}

.inner {
	width: 95%;
	max-width: 1300px;
	height: auto;
	
	margin: 0 auto;
	position: relative;
	display: block;
	
}


#header-wrapper {
	background: url(_img/header.jpg) repeat-x center #b71e3f;
	height: 359px;
	z-index: 11;
}

	.logo-mobile {
		display: none;
	}

#headerline-wrapper {
	background: #b71e3f;
	height: 34px;
	position: relative;
	z-index: 2;
	margin-bottom: -34px;
	z-index: 1;
}

#headerline-wrapper.stick {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 4;
}

.fixed.stick {
	position: fixed;
	width: 100%;
	height: 1px;
	z-index: 11;
}

.fixed.stick header {
	z-index: 100;
}
	
	

.tmpl-content #headerline {
	
}

.breadcrumb {
	padding-left: 385px;
	/* overflow: hidden; */
	height: 34px;
	font-size: 14px;
	color: #fff;
}
	.mobile-nav-caller-button {
		display: none;
	}
	.breadcrumb-content {
		padding: 7px 0;
		width: calc(100% - 132px);
		display: inline-block;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}

#headerline a {
	color: inherit;
}

#headerline a:hover {
	color: inherit;
}

#main-wrapper {
	background: url(_img/main.png) transparent;
	
	min-height: 400px;
	
	position: relative;
	margin-top: 34px;
	z-index: 1;
}
#footerline-wrapper {
	background: #b71e3f;
	height: 4px;
}
#footer-wrapper {
	background: url(_img/footer.png) no-repeat center 0 #ababab;
	min-height: 221px;
}

#searchbox {
	position: absolute;
	right: 0;
	top: 0;
	height: inherit;
}

.wcms-search-searchfield {
	height: 25px;
	line-height: 22px;
	margin: 4px 0 0 0;
	width: 244px;
	padding: 0 0 0 28px;
	border: 0px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: inset 2px 2px 10px 2px rgba(0, 0, 0, 0.1);
	box-shadow: inset 2px 2px 10px 2px rgba(0, 0, 0, 0.1);
	background: url(_img/search.png) no-repeat 0px center white;
	font-style: italic;
}

.tmpl-content #searchbox {
	height: 34px;
	background: transparent;
	border-top: 1px solid white;
	height: 47px;
	position: relative;
}

.tmpl-content .wcms-search-searchfield {
	height: 25px;
	line-height: 22px;
	margin: 7px 0 0 13px;
	width: 320px;
	padding: 0 0 0 28px;
	border: 0px;
	height: 31px;
	color: #314a5e;
}

::-webkit-input-placeholder {/* WebKit browsers */
	color: #314a5e;
}
:-moz-placeholder {/* Mozilla Firefox 4 to 18 */
	color: #314a5e;
}
:-moz-placeholder {/* Mozilla Firefox 19+ */
	color: #314a5e;
}
:-ms-input-placeholder {/* Internet Explorer 10+ */
	color: #314a5e;
}

header {
	height: inherit;
	position: relative;
	z-index: 11;
}

#menubox-wrapper {
	width: 345px;
	min-height: 353px;
	position: absolute;
	top: 0;
	left: 0px;
	z-index: 11;
}

.tmpl-content #menubox-wrapper {
	background: #314A5E;
}

#menubox-wrapper.stick {
	position: fixed;
}

#menubox {
	width: 345px;
	min-height: 353px;
	float: left;
	box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.19);
	z-index: 11;
}

.tmpl-content #menubox {
	min-height: 400px;
	z-index: 11;
}

.tmpl-content #menubox nav {
	border-bottom: 2px solid #314a5e;
	z-index: 11;
}

.tmpl-home #menubox, .tmpl-wide #menubox {
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.19);
	z-index: 11;
}

#menubox h1 {
	padding: 0;
	margin: 0;
	z-index: 11;
}

#menubox h1 a {
	width: 345px;
	height: 100px;
	background: url(_img/logo.png) no-repeat white;
	display: block;
	text-indent: -9999px;
}

#menubox nav {
	background: white;
	padding: 0 0 6px 0;
	z-index: 11;
}

nav ul {
	width: 345px;
	height: auto;
	padding-top: 0;
}

nav ul li {
	width: 345px;
	height: auto;
	position: relative;
}

nav > ul > li.act.hassubpages-true:before {
	content: " ";
	position: absolute;
	/* background: url(_img/menuarrow.png) no-repeat; */
	width: 34px;
	height: 12px;
	display: block;
	top: 24px;
	right: 16px;
}

nav ul li a {
	display: block;
	height: 22.9px;
	line-height: 24px;
	padding: 0 0 0 21px;
	color: #4381a6;
	font-size: 16px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
}

nav > ul > li > a:hover {
	background: #ecf2f6;
	color: #4381a6 !important;
}

nav ul li.act > a:hover {
	color: white;
}

nav ul li.act > a {
	background: #4381a6;
	line-height: 24px;
	height: 24px;
	color: white !important;
}
nav ul li a:hover {
	color: #a1c0d2;
}

nav ul li ul {
	display: none;
	background: url(_img/menu.jpg) repeat #334d60;
	background: url(_img/menu.jpg);
	padding: 12px 0 12px 0;
	margin: 0;
	-webkit-box-shadow: inset 0px 8px 16px -8px rgba(0, 0, 0, 0.4), inset 0px -8px 16px -8px rgba(0, 0, 0, 0.4);
	box-shadow: inset 0px 8px 16px -8px rgba(0, 0, 0, 0.4), inset 0px -8px 16px -8px rgba(0, 0, 0, 0.4);
}
nav ul li.act > ul {
	display: block;
}

nav ul ul li {
	margin-left: 13px;
	width: 311px;
}

nav ul ul li a {

	width: 332px;
	color: white;
	padding: 3px 0 4px 9px;
	font-weight: normal;
	height: auto;
	line-height: 1;
}
nav ul ul li.act > a {
	background: #4988ad;
	height: auto;
	line-height: 1;
}

nav ul ul li a span.te {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	position: absolute;
	top: 7px;
	left: 9px;
	height: 1em;
	width: 1em;
}

nav ul ul li a span.label {
	padding-left: 14px;
	display: block;
	font-size: 14px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 300px;
}

nav ul ul ul {
	display: none;
	padding: 8px 0;
	width: 311px;
	background: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}
nav  ul ul li.act > ul {
	display: block;
}

nav ul ul ul li {
	margin-left: 26px;
	width: 285px;
}
nav ul ul ul li a {

	width: 297px;
}

#main {
	min-height: 450px;
	background: white;
	-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.2);
	z-index: 1;
}

.tmpl-content #main {
	background: url(_img/menuback.png) repeat-y white;
	background-position: fixed;
}

.home {
	padding: 22px 8px 24px 10px;
	max-width: 1300px;
	width: 95%;
	
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;	
}

.hometeaser {
	width: 24%;
	min-height: 191px;
	
	margin: 0 1% 10px 0;
	padding: 20px 20px 30px 20px;
	color: white;
	position: relative;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#29719d+0,1d6088+100 */
	background: rgb(41,113,157); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(41,113,157,1) 0%, rgba(29,96,136,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(41,113,157,1) 0%,rgba(29,96,136,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(41,113,157,1) 0%,rgba(29,96,136,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29719d', endColorstr='#1d6088',GradientType=0 ); /* IE6-9 */
	
}
.hometeaser h3 {
	font-size: 20px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 13px;
	font-weight: normal;
	color: White;
	font-family: "Roboto Condensed", sans-serif;
}
.hometeaser .wcms-newsitem {
	margin-bottom: 15px;
}

.hometeaser .wcms-newsitem-headline {
	font-size: 15px;
	padding: 0;
	margin: 0;
	font-family: "Lato", sans-serif;
}

.hometeaser a {
	color: white;
	text-decoration: underline;
	position: relative;
	z-index: 5;
	font-weight: normal;
}
.hometeaser a:hover {
	text-decoration: none;
}

.hometeaser .description {
	margin-bottom: 12px;
}

.hometeaser .wcms-linkInt-icon {
	background-image: none;
	padding-left: 0px;
}
.hometeaser .wcms-link-content.wcms-link-hasicon:before {
	display: none;
}

.hometeaser img {
	position: absolute;
	right: 23px;
	bottom: 15px;
	z-index: 1;
}

.hometeaser .cornerLink {
	display: block;
	position: absolute;
	bottom: 6px;
	right: 6px;
	background-color: #d9e6ee;
	text-align: center;
	color: #1d6088;
	padding: 6px;
	padding-left: 11px;
	padding-right: 11px;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	cursor: pointer;
}


.hometeaser .wcms-link a:hover {
	color: #d7f0fe;
	text-decoration: none;
}

.teaser-subpage-wrapper { /* comes with js! */
	margin: 20px 0 20px 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;	
}

.teaser-subpage {
	display: block;
	box-sizing: border-box;
	width: 32.3%;
	min-height: 125px;
	float: left;
	margin: 0 1% 10px 0;
	padding: 20px 20px 50px 20px;
	color: white;
	position: relative;
	transition: all 0.5s ease;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#29719d+0,1d6088+100 */
	background: rgb(41,113,157); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(41,113,157,1) 0%, rgba(29,96,136,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(41,113,157,1) 0%,rgba(29,96,136,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(41,113,157,1) 0%,rgba(29,96,136,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29719d', endColorstr='#1d6088',GradientType=0 ); /* IE6-9 */
}


.teaser-subpage h3 {
	font-size: 18px;
	padding: 0px;
	color: White;
	margin: 0px;
	margin-bottom: 13px;
	font-weight: normal;
}

.teaser-subpage .description {
	margin-bottom: 11px;
	line-height: 125%;
	color: #fff;
}

.teaser-subpage .cornerLink {
	display: block;
	position: absolute;
	bottom: 6px;
	right: 6px;
	background-color: #d9e6ee;
	text-align: center;
	color: #1d6088;
	padding: 6px;
	padding-left: 11px;
	padding-right: 11px;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	min-width: 120px;
}

.teaser-subpage:hover, .teaser-subpage:hover * {
	text-decoration: none !important;
}

.teaser-subpage:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3186b7+0,22709e+100 */
	background: rgb(49,134,183); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(49,134,183,1) 0%, rgba(34,112,158,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(49,134,183,1) 0%,rgba(34,112,158,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(49,134,183,1) 0%,rgba(34,112,158,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3186b7', endColorstr='#22709e',GradientType=0 ); /* IE6-9 */
}



aside {
	max-width: 291px;
	float: right;
	margin: -20px -43px 0 10px;
}

.infobox-aside {
	border: 8px solid #a2c1d3;
	padding: 20px;
	font-size: 0.9em;
	margin-bottom: 15px;
	float: left;
	width: 289px;
	min-height: 60px;
}

aside h2 {
	font-size: 18px;
	margin-bottom: 15px;
}

#main.content {
	padding: 44px 43px 44px 390px;
	font-family: "Roboto Condensed", sans-serif;
}

#main.content.wide {
	padding: 44px 43px 44px 43px;
	width: 988px;
}

#main.content ul {
	list-style-type: disc;
	margin-left: 25px;
}

#main.content ol {
	list-style-type: decimal;
	margin-left: 25px;
}

.content a {
	color: #4381a6;
}
.content a:hover {
	color: #4381a6;
	text-decoration: underline;
}

.wcms-jumptoboxjs-container {
	float: right;
	background-color: #1d6088;
	color: white;
	width: 261px;
	min-height: 90px;
	margin-bottom: 10px;
	padding: 15px;
	
	display: none;
}
.wcms-jumptoboxjs-container span.caption {
	display: block;
	font-size: 18px;
	margin-bottom: 28px;
}

.wcms-jumptoboxjs-container p {
	margin-bottom: 4px;
	padding-left: 10px;
}
.wcms-jumptoboxjs-container a {
	color: White;
	text-decoration: underline;
}

.wcms-jumptoboxjs-container a:hover {
	color: White;
	text-decoration: none;
}

.wcms-jumptoboxjs-container .arrow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	width: 10px;
	margin-left: -12px;
}


.contacts-wrapper { /* comes with js! */
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;	
}

.contact {
	padding-left: 95px;
	margin: 0 1% 20px 0;
	width: 49%;
}

	.contact.floating {
		width: 45%; 
		float: left; 
		margin-right: 2%; 
		margin-bottom: 25px;
	}

	.contact img.photo {
		margin-left: -95px;
	}
	
	
.galleryItem {
	width: 24%;
	height: auto;
}


footer {
	color: #4f4f4f;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.3);
	font-size: 14px;
	position: relative;
}

footer a:hover {
	color: #4f4f4f;
	text-decoration: underline;
}

footer .row {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;	
}

.fp {
	padding: 15px;  
}

.row2 .fp {
	width: 25%;
}

.fb {
	/*
	position: absolute;
	left: 500px;
	top: 16px;
	*/
}

/*
.part1 {
	
	width: 580px;
	height: 70px;
	line-height: 53px;
	padding-left: 20px;
}
.part2 {
	width: 453px;
	padding-right: 17px;
	height: 70px;
	line-height: 53px;
	text-align: right;
	padding-left: 0;
}
*/
.part2 a:before {
	content: "| ";
}
.part2 a.posfirst:before {
	content: "";
}
/*
.part3 {
	width: 346px;
}
.part4 {
	width: 185px;
}
.part5 {
	width: 250px;
}
.part6 {
	width: 113px;
}
*/
.clearer {
	clear: both;
}

.touch {

}

.blue {
	position: absolute;
left: 0;
top: 0;
height: 34px;
width: 345px;
background: #314A5E;
}

.tmpl-home .blue {
	display: none;
}





/* #################################################
 * ################ Media Queries ##################
 * ################################################# */

/*
@media only screen and (min-width: 1600px) {  
	
	aside {
		float: none;
		position: absolute;
		right: -240px;
		margin: 0;
		top: 20px;
	}
	
}
 */
	
@media only screen and (max-width: 1260px) {  

	.teaser-subpage {
		width: 49%;
	}

	.hometeaser {
		width: 32.3%;
	}
	
}

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


		
	#header-wrapper {
		height: auto;
	}
		
	.logo-mobile {
		width: 100%;
		height: 100px;
		background: url(_img/logo.png) no-repeat white;
		background-size: contain;
		background-position: center;
		display: block;
		text-indent: -9999px;
		background-position: 24px 0;
	}

	#headerline-wrapper	 {
		background: #BEBEBE;
		color: #0C537D;
	}
		
	#menubox-wrapper, #menubox {
		display: none;
	}

	#main.content {
		width: auto;
		padding: 44px;
	}
	
	.tmpl-content #main {
		background: #fff;
	}
	

	
	.breadcrumb {
		padding-left: 25px;
		color: rgb(5, 69, 109);
	}
	
	.mobile-nav-caller-button {
		display: inline-block;
		background: #b71e3f;
		color: #fff;
		font-weight: bold;
		text-transform: uppercase;
		padding: 8px 19px;
		margin: 0 20px 0 0;
		cursor: pointer;
		vertical-align: top;
	}
	.mobile-nav-caller-button i {
		margin: 0 5px 0 0;
	}
	

	
	.blue {
		display: none;
	}
	
	.teaser-subpage {
		width: 32.3%;
	}
	
	#headerline.inner {
		max-width: 98%;
	}

	
	.galleryItem {
		width: 24%;
	}
	
}

@media only screen and (max-width: 1000px) {  
	.hometeaser {
		width: 49%;
	}

}


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

	.teaser-subpage {
		width: 49%;
	}
		
	footer .row {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;		
		margin: auto;
	}
	
	footer .row2 {
		max-width: 600px;
	}

	footer .row2 .fp {
		width: 50%;
	}
	
	article img {
		max-width: 100%;
		height: auto !important;
	}
}

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

	.contact.floating {
		width: 100%;
		max-width: 360px;
		float: none;
	}

		
	.galleryItem {
		width: 32%;
	}	

}



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

	.hometeaser {
		width: 100%;
	}	

	footer .row {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;		
		max-width: 90%;
	}
	
	footer .fp, footer .row2 .fp {
		width: 100%;
	}
	
	.breadcrumb {
		padding-left: 6px;
	}
	
	.logo-mobile {
		background-position: center;
	}
	
	.breadcrumb-content {
		display: none;
	}
	
	#main.content {
		padding: 20px;
	}
	
	h2 {
		font-size: 21px;
		margin-top: 25px;
		margin-bottom: 20px;
	}
	
	aside {
		float: none;
		margin: 0;
		width: 100%;
		margin-top: 50px;
		max-width: 100%;
	}
	aside > div {
		float: none !important;
		width: 100% !important;
	}
	
	.wcms-jumptoboxjs-container {
		display: none;
	}
	
	.teaser-subpage {
		width: 100%;
	}
	
	
}

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

	.contact {
		padding-left: 0;
	}

	.contact img.photo {
		margin: 0 0 10px 0;
		float: none !important;
		display: block;
	}


}

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

	.galleryItem {
		width: 47%;
	}
	
	#searchbox {
		width: calc(100% - 110px);
	}
	
	.wcms-search-searchfield {
		width: 100%;
	}
}


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

	article img {
		max-width: 80% !important;
		height: auto !important;
		float: none !important;
	}
	
}