@charset "utf-8";


@font-face {
	font-family: 'icon';
	src:  url('../Fonts/zaltana/zaltana.eot?5zch1a');
	src:  url('../Fonts/zaltana/zaltana.eot?5zch1a#iefix') format('embedded-opentype'),
	url('../Fonts/zaltana/zaltana.ttf?5zch1a') format('truetype'),
	url('../Fonts/zaltana/zaltana.woff?5zch1a') format('woff'),
	url('../Fonts/zaltana/zaltana.svg?5zch1a#zaltana') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}


@font-face {
	font-family: 'Lato';
	src:  url('../Fonts/lato/Lato-Regular.eot');
	src:  url('../Fonts/lato/Lato-Regular.eot#iefix') format('embedded-opentype'),
	url('../Fonts/lato/Lato-Regular.ttf') format('truetype'),
	url('../Fonts/lato/Lato-Regular.woff') format('woff'),
	url('../Fonts/lato/Lato-Regular.svg#lator') format('svg');
	font-weight: 300;
	font-style: normal;
	font-display: block;
}

@font-face {
	font-family: 'Lato';
	src:  url('../Fonts/lato/Lato-Bold.eot');
	src:  url('../Fonts/lato/Lato-Bold.eot#iefix') format('embedded-opentype'),
	url('../Fonts/lato/Lato-Bold.ttf') format('truetype'),
	url('../Fonts/lato/Lato-Bold.woff') format('woff'),
	url('../Fonts/lato/Lato-Bold.svg#latob') format('svg');
	font-weight: 600;
	font-style: normal;
	font-display: block;
}
@font-face {
	font-family: 'Lato';
	src:  url('../Fonts/lato/Lato-Black.eot');
	src:  url('../Fonts/lato/Lato-Black.eot#iefix') format('embedded-opentype'),
	url('../Fonts/lato/Lato-Black.ttf') format('truetype'),
	url('../Fonts/lato/Lato-Black.woff') format('woff'),
	url('../Fonts/lato/Lato-Black.svg#latobl') format('svg');
	font-weight: 900;
	font-style: normal;
	font-display: block;
}

:root {
	--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/*------------------------------
BODY
------------------------------ */

* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	font-family: "Lato", Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 1.125rem;
	color: #333;
	background: #fff;
	text-shadow: none !important;
	font-weight: 400;
	line-height: 1.5;
}

button, input, optgroup, select, textarea {
	 margin: 0;
	 font-size: inherit;
	 line-height: inherit;
}

@media (min-width: 1200px) {
	.container {
		max-width: 1280px;
	}
}

.container.space-before-medium {
	margin-top: 3.5rem;
}

a {
	color: #333;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	text-decoration: none;
}

a[data-mailto-token]::before {
	font-family: "icon";
	content: "\e900";
	color: #1f67b1;
	padding-right: 0.5rem;
	vertical-align: middle;
}

a[href*="tel:"]::before {
	font-family: "icon";
	content: "\e901";
	color: #1f67b1;
	padding-right: 0.5rem;
}

a:hover {
	color: #1f67b1;
	text-decoration: none;
}

b, strong {
	font-weight: 600;
}

img {
	width: 100%;
	height: auto;
	vertical-align: middle;
	border-style: none;
}

p {
	margin-top: 0;
	margin-bottom: 1rem;
}

.headline,
h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
	line-height: 1.3;
	font-size: 2.6rem;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	margin-bottom: .5rem;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.2;
	color: inherit;
}

h3 {
	font-size: 1.75rem;
	padding: 1rem 0 1rem 0;
}

h4 {
	font-size: 1.5rem;
	padding: 0.8rem 0 0.8rem 0;
}

.center {
	text-align: center;
}

.container + .center {
	margin-top: 4.5rem;
}

@media (orientation: portrait), (max-width: 767px) {
	.container + .center {
		margin-top: 3rem;
	}
}

.p4 .container + .center {
	margin-top: 6.5rem;
}

p:empty {
	display: none;
}

ul {
	margin-left: 1.5rem;
}

@media (orientation: portrait) {
	.container {
		padding-right: 0 !important;
		padding-left: 0 !important;
		max-width: 100% !important;
	}
	
	.p15 .container,
	.p16 .container {
		padding-right: 15px !important;
		padding-left: 15px !important;
	}	
}

/* ------------------------------ */

.tile {
	position: relative;
	display: inline-block;
	background:#000;
	width: 100%;
}

a .tile img {
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

a .tile:hover img {
	opacity: .8;
}

.tile .overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 .5rem 3rem 2.5rem;
	color: #fff;
	width: 100%;
	background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(0,0,0,0)),color-stop(90%, rgba(0,0,0,0.27)),to(rgba(0,0,0,0.3)));
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.27) 90%,rgba(0,0,0,0.3) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.27) 90%,rgba(0,0,0,0.3) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#4d000000',GradientType=0 );
	display: block;
	padding: 0;
	height: 50%;
	pointer-events:none;
}

.tiles-nav .tile .overlay {
	height: 60%;
	background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(0,0,0,0)),color-stop(90%, rgba(0,0,0,0.5)),to(rgba(0,0,0,0.5)));
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 90%,rgba(0,0,0,0.5) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 90%,rgba(0,0,0,0.5) 100%);
}

.blog .overlay h1,
.tile .headline {
	position: absolute;
	bottom: 3rem;
	left: 2.5rem;
}

.tiles-nav .overlay {
	padding: 0 .5rem 1.5rem 2rem;
	font-size: 1.875rem;
	letter-spacing: .05rem;
	height: 70%;
}

@media (orientation: portrait), (max-width: 767px) {
	.tiles-nav .overlay {
		font-size: 3rem;
	} 
}

.container > .tile .content {
	width: 75%;
}

#content .container > .tile {
	margin-bottom: 1rem;
}

.divider-line {
	width: 100%;
	margin: 0 0 6rem 0;
}

#content .container > .tile .content {
	width: 100%;
}

#content .container > .tile .content .headline {
	line-height: 1.3;
	font-size: 4.375rem;
	text-transform: uppercase;
	width: 100%;
	left: 0;
	text-align: center;
}

.tile .overlay span {
	display: block;
}

.tiles-nav .tile .overlay span {
	position: absolute;
	bottom: 2rem;
}

/* ------------------------------ */

.btn {
	color: #333;
	padding: .5rem 1rem;
	margin: 2rem 0 4rem 0;
	border: .15rem solid #333;
	background: transparent;
	text-transform: uppercase;
	border-radius: 0;
	font-size: 1.375rem;
	display: inline-block;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

h2 + a.btn,
p + a.btn {
	margin: 1rem 0 2rem 0;
}

@media (orientation: portrait) {
	p + a.btn {
		margin: 0 0 2rem 0;
	}
	
	.container > .tile + a {
		margin-left: 15px;
	}
}


@media (orientation: landscape) {
	.p2 a.btn {
	margin-bottom: 4rem;
	}

	.blog a.btn {
	margin-bottom: 8.5rem;
	}
}

/* .tile:hover + .btn, */
/* .tiles-nav a:hover .btn,  */
.btn:hover {
	color: #fff;
	background: #1f67b1;
	border-color: #1f67b1;
}

.tiles-nav {
	margin-top: 3.5rem;
}

/* ------------------------------ */

header {
	background: rgba(255,255,255,.8);
	padding: 2rem 0 2.5rem 0;
}

header.clone {
	margin-top: 0;
	position: fixed;
	z-index: 1;
	width: 100%;
	background: rgba(255,255,255,1);
	top: -280px;
	-webkit-transition: 0.5s ease-in-out 0s;
	-o-transition: 0.5s ease-in-out 0s;
	transition: 0.5s ease-in-out 0s;
	-webkit-box-shadow: 0 5px 0 rgba(0,0,0,.02);
	box-shadow: 0 5px 0 rgba(0,0,0,.02);
}

.down header.clone {
	top: 0;
}

#mainmenu-container {
	text-align: right;
}

#mainmenu-container a {
	text-align: left;
	font-size: 1.45rem;
	margin: 2.9rem 0 0 2.0rem;
	color: #333;
	display: inline-block;
}


@media (orientation: landscape) and (max-width: 1199px) {
	#mainmenu-container a {
		font-size: 1.19rem;
		margin: 2rem 0 0 1.5rem;
	}
	
	.container > .tile .content .headline,
	#content .container > .tile .content .headline {
		font-size: 3.375rem;
	}
	
	.t0 + .center .headline,
	.tile .headline, h1, h2, h3, h4, h5, h6 {
		/* font-size: 1.6rem; */
		font-size: 2rem;
		bottom: 2rem;
	}
	.tiles-nav .overlay {
		font-size: 1.3rem;
	}
	
	.p2 .col-md-4,
	.p3 .col-md-4,
	.p4 .col-md-4 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;	
	}
	
	.tiles-nav .col-md-4 {
    -ms-flex: 0 0 33.3%;
    flex: 0 0 33.3%;
    max-width: 33.3%;
	}
	
	.p2 .col-md-8,
	.p3 .col-md-8,
	.p4 .col-md-8 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}	
	.col-md-4 h1 {
		width: 100% !important;
	}
	
	.blog .col-md-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
	}
	
	.blog a.btn {
    margin-bottom: 2rem;
	}
	.video-container {
		margin-bottom: 2rem !Important;
	}	
}

@media (orientation: landscape) and (max-width: 991px) {
	#mainmenu-container a {
		font-size: 0.91rem;
		margin: 1.3rem 0 0 .5rem;
	}

	.tiles-nav .overlay {
		font-size: 0.9rem;
	}

	.form-control {
		font-size: 1rem!important;
	}
}

#mainmenu-container a.active {
	font-weight: 600;
	color: #1f67b1;
	cursor: default;
}

#mainmenu-container a:first-of-type {
	margin-left: 0;
}

#mainmenu-container a:hover {
	color: #1f67b1;
}

/* ------------------------------ */

.center h1 {
	margin-bottom: 3rem;
}

.col-md-4 h1 {
	color: #1f67b1;
	float: right;
	text-align: right;
	width: 80%;
	margin: 3.1rem 0 0 0;
	line-height: 1.34;
	font-weight: 300;
}

.col-md-4 h2,
.col-md-8 h2 {
	margin: 0 0 1.5rem 0;
	font-size: 1.5rem;
	font-weight: 600;
}

@media (orientation: portrait), (max-width: 767px) {
	/* .col-md-8 h2, */
	.col-md-4 h2 {
		font-weight: 400;
	}	
	.p18 h2,
	.p13 h2,
	.p2 p.headline {
	font-size: 1.5rem;
	font-weight: 600;
	margin-left:15px;
	text-align:left !important;
	} 
	
	.p2 .tile p.headline {
	font-size: 3rem;
	font-weight: 400;
	margin-left:0;
	text-align:center !important;
	} 	
	
	.p13 h2,
	.p18 h2 {
		margin-left:0;
	}
	.p18 .col-md-8 h2 {
		margin-left:0;
		margin-top:1rem;
	}
	.p18 form h2 {
		/* font-weight: 400; */
		font-size: inherit;
	}	
}

.col-md-8 p + a + h2,
.col-md-8 p + h2 {
	margin-top: 5rem;
}

.blog h2 {
	margin: 1.2rem 0 2rem 0;
	color: #1f67b1; 
}

@media (orientation: portrait) {
	.blog h2 {
		font-size: 2rem;
	}
}

.blog .col-md-6:first-of-type {
	padding-right: 5%;
}

.blog .col-md-6 + .col-md-6 {
	padding-top: 1.8rem;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
 /* 16:9 */
	height: 0;
	width: 100%;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/* ------------------------------ */

table {
	border-bottom: .1rem solid #ccc;
	width: 100%;
	margin: 3rem 0;
	border-collapse: collapse;
}

td {
	border-top: .1rem solid #c6c6c6;
	padding: .5rem 0;
	vertical-align: top;
}

td:first-of-type {
	font-weight: 600;
	width: auto;
	color: #1f67b1; 
}

td + td {
	width: 100%;
	padding-left: 2rem;
}
	
	

/* ------------------------------ */



.gallery {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-left: 0;
	margin: 2.5rem -1rem 1.5rem -1rem;
}

.gallery .item {
	list-style: none;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	padding: 1rem;
	width: 100%;
}

.gallery .item .picframe {
	overflow: hidden;
	width: 100%;
	background:#000;
}

.gallery .item img {
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.gallery .item:hover img {
/* transform: scale(1.2); */;
	opacity: .8;
}

/* ------------------------------ */

.leaflet-container {
	z-index: 1;
}

/* ------------------------------ */

.form-group {
	margin-bottom: .5rem;
}

/*form .col-sm-12 {*/
/*padding:0;*/
/*}*/




@media (orientation: landscape) and (min-width: 768px) {
	/*form .col-lg-6,*/
	/*form .col-lg-2 {*/
	/*	padding: 0 .5rem 0 15px !important;*/
	/*}*/

	/*!* form#reparturauftrag-72 .clearfix + .form-group  +.row .col-lg-6:nth-of-type(2), *!*/
	/*form#kontakt-35 .col-lg-6:nth-of-type(2),*/
	/*form#kontakt-35 .col-lg-6:nth-of-type(4),*/
	/*form .col-lg-10 {*/
	/*	padding: 0 15px 0 0 !important;*/
	/*}*/
}

@media (orientation: landscape) and (max-width: 1200px) { 
	form#reparturauftrag-72 .col-lg-6 {
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
}

@media (orientation: portrait){
	form#reparturauftrag-72 .row div {
		padding-left:  0;
		padding-right: 0;
	}
}

.form-control {
	display: block;
	width: 100%;
	padding: .5rem .8rem;
	height: auto;
	font-size: 1.125rem;
	line-height: 1.5;
	color: #333;
	border: .1rem solid #9e9e9e;
	border-radius: 0;
	-webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
	-o-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}

label {
/* 	color: #9e9e9e;
	display: block;
	padding: .2rem 0 0 .5rem;
	font-size: 18px;
	line-height: 1;
	margin: 0;
	position: relative;
	cursor: text;
	-webkit-transform: translate(0px, 1.7rem);
	-ms-transform: translate(0px, 1.7rem);
	transform: translate(0px, 1.7rem);
	-webkit-transition: 0.2s ease-in-out 0s;
	-o-transition: 0.2s ease-in-out 0s;
	transition: 0.2s ease-in-out 0s;
	 */
	display: none;
}

/* form label.data,
form div.form-group:focus-within label {
	color: #333;
	-webkit-transform: translate(0,-.3rem);
	-ms-transform: translate(0,-.3rem);
	transform: translate(0,-.3rem);
} */

/* #reparturauftrag-72 label[for*="textarea"],
label[for^="reparturauftrag-72-text-1"],
label[for*="singleselect"] {
	color: #333;
	padding: 1rem 0 0 0;
	-webkit-transform: translate(0,-.3rem);
	-ms-transform: translate(0,-.3rem);
	transform: translate(0,-.3rem);
} */

/* label[for*="imageupload"] {
	display: none;
} */

.clearfix::after {
	display: block;
	clear: both;
	content: "";
}

form .clearfix h2,
form .row h2 {
	margin: 2rem 0 0 0;
}

form a {
	color: #1f67b1;
}

form p {
	margin-top: 1.5rem;
}

form h2 + p {
	margin-top: .5rem;
}


#reparturauftrag-77-text-4 {
    margin-top: 2rem;
}

@media (orientation: portrait) {
	#reparturauftrag-77-text-4 {
		margin-top: 1rem;
	}
}

textarea.form-control {
    height: auto;
    min-height: 8rem;
}

/* ------------------------------ */

.container.t115 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0;
	margin-top: 3.5rem;
}

@media (orientation: portrait), (max-width: 767px) {
	.container.t115 {
	margin-top: 2.5rem;	
	}
}

.box-with-icon {
	padding: 0 1rem;
	margin: 0 0 2rem 0;		
}

.box-with-icon p {
	margin-bottom: 3.5rem;
}

@media (orientation: landscape) {
	.box-with-icon {
		width: 50%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		float: left;		
	}
}

@media (orientation: landscape) and (min-width: 1250px) {
	.t115 .col-12 {
		display: flex;
		flex-wrap: wrap;
	}

	.box-with-icon {
		width: 25%;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;		
	}
}

.box-with-icon .frame {
	border: 1px solid #1f67b1;
	position:relative;
	padding: 1.5rem;
	width: 100%;
}

@media (orientation: landscape) {
	.box-with-icon .frame {
	height: 100%;
	min-height: 13rem;	
	}
}

@media (orientation: portrait), (max-width: 996px) {
	.box-with-icon {
		width: 100%;
		flex: none;
	}
}

.box-with-icon .header {
	position:absolute;
	top: -.7rem;
	left:0;
	width:100%;
}

.box-with-icon .header  p {
	position:absolute;
	padding: 0 .5rem;
	background:#fff;
	line-height:1;
	font-size: 1.125rem;
	margin-left: .9rem;
	font-weight: 600;
}

.box-with-icon  .pic {
	position: absolute;
	right: 1rem;
	bottom: 1rem;
}

.box-with-icon  img {
	width:auto;
}

/* ------------------------------ */

.p13 iframe {
	width: 100%;
	height: 600px;
	border: 0;
}

/* ------------------------------ */

.mfp-bg {
	opacity: 0.9 !important;
}

.mfp-bottom-bar {
    margin-top: -1rem !important;
}
	
.mfp-counter {
	font-size: 18px !important;
}

.mfp-arrow-left::before,
.mfp-arrow-right::before {
    border-right: 0 !important;
	border-left: 0 !important;
}

.mfp-close {
font-size: 50px !important;
width: 50px !important;
height: 50px !important;
line-height: 50px !important;
}

/* ------------------------------ */

footer .container {
	border-top: .1rem solid #333;
	padding: 1.5rem 15px 2rem 15px;
	/* margin-top: 12.5rem; */
}

@media (orientation: portrait) {
	footer .container {
		padding-top: 2.5rem;
	}
}

footer .col-md-7,
footer .col-md-5 { 
	padding-left:0;
	padding-right:0;
	font-size: 1rem;
}

@media (orientation: landscape) and (min-width: 1280px ) {
	footer .container {
		padding: 1.5rem 0 2rem 0;	
		max-width: 1250px;
	}
	footer .col-md-7,
	footer .col-md-5 { 
		padding-left:15px;
		padding-right:15px;
		font-size: 1.25rem;
	}

	footer .col-md-7 p {
		display: inline-block;
	}
}

@media (orientation: landscape) {
	footer .container {
	margin-top: 12.5rem;
	}
	
	.p1 footer .container,
	.p4 footer .container {
		margin-top: 10.5rem;
	}

	.p13 footer .container {
		margin-top: 11.5rem;
	}

	.p2 footer .container {
		margin-top: 12.5rem;
	}

	.p18 footer .container {
		margin-top: 6rem;
	}
	
	.blog footer .container {
		margin-top: 13.5rem;
	}	
}

.meta a,
footer em,
footer i{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline-block;
	font-style: normal;
}

.meta p {
	margin: 0 0 1rem auto;
	text-align:right;
	white-space: nowrap;
	display: flex;
	justify-content: space-between;
	width: 400px;
}

@media (max-width: 429px) {
	.meta p {
		font-size: 0.85em;
		width: 340px;
	}
	header.clone .container #menu-btn {
		top: 3.2rem
	}
}



@media (max-width: 369px) {
	.meta p {
		font-size: 0.75em;
		width: 300px;
	}
	header.clone .container #menu-btn {
		top: 3.1rem
	}
}

.meta .col-md-12,
footer .col-md-5 {
	text-align: right;
}

footer .col-md-5 a {
	text-align: right;
	display: inline-block;
}

footer em::before,
footer i::before,
footer .col-md-5 a::before {
	content: '|';
	margin: 0 .5rem;
}

footer .col-md-5 a:first-of-type::before {
	margin: 0;
	content: '';
}

footer + .top {
	position: fixed;
	z-index: 2;
	width: 100vw;
	overflow: hidden;
	bottom: -6.5rem;
	pointer-events: none;
	-webkit-transition: 0.5s ease-in-out 0s;
	-o-transition: 0.5s ease-in-out 0s;
	transition: 0.5s ease-in-out 0s;
}

.down footer + .top {
	bottom: 8.5rem;
}

footer + .top .container {
	padding: 10px;
}

footer + .top .row {
	position: relative;
	width: 100%;
	height: 3em;
	margin: 0;
}

footer + .top a {
	display: inline-block;
	width: 2.8em;
	height: 2.8em;
	position: absolute;
	background: #fff;
	border: .1rem solid #333;
	pointer-events: initial;
	right: 3rem;
}

footer + .top a:hover {
	display: block;
	color: #fff;
	background: #1f67b1;
	border-color: #1f67b1;
}

footer + .top a::after {
	font-family: "icon";
	content: "\e902";
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	line-height: 0;
	left: .95rem;
}

@media (orientation: landscape) and (max-width: 1200px) { 
	footer .col-md-7,
	footer .col-md-5 {
		width: 100%;
		text-align: center;
		-ms-flex: 100%;
		flex: 100%;
		max-width: 100%;
	}

}


/* ===================================== */

@media (orientation: portrait), (max-width: 767px) {
	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
		max-width: 100%;
		-webkit-box-flex: 100%;
		-ms-flex: 100%;
		flex: 100%;
		float: none;
	}

	.col-md-3 {
		width: 170px;
		-webkit-box-flex: 1;
		-ms-flex: 0;
		flex: none;
		float: left;
	}

	div.top {
		display: none;
	}

	.divider-line {
		width: 100%;
		margin: 0 0 1rem 0;
	}

	header {
		display: none;
	}

	.blog .overlay h1, 
	.overlay p.headline,
	.tile .headline {
/* 		bottom: 1rem;
		left: 1rem;
 */
		bottom: 2rem;
		left: 1.5rem;
		font-size: 3rem;		
	}

	.tiles-nav .overlay {
		padding: 0 .5rem 0 1rem;
	}

	.tiles-nav .tile .overlay span {
		bottom: 1rem;
	}

	header.clone {
		top: 0;
		display: block;
		height: 110px;
		overflow: hidden;
		padding: 1rem 0 0 0;
	}

	header.clone > .container:first-of-type {
		position: relative;
	}

	header.clone.show {
		height: auto;
		overflow: normal;
	}

	header.clone #menu-btn {
		width: 3rem;
		height: 3rem;
		display: block;
		position: absolute;
		top: 3.5rem;
		right: 1rem;
	}

	header.clone #menu-btn:after {
		font-family: "icon";
		content: "\e903";
		color: #1f67b1;
		font-size: 3rem;
		line-height: 1;
	}

	header.clone .col-md-9 {
		display: none;
	}

	header.clone.show .col-md-9 {
		display: block;
	}

	#logo img {
		max-width: 200px;
	}

	#mainmenu-container a {
		text-align: center;
		margin: 1rem 0 0 0;
		display: block;
	}

	#mainmenu-container {
		text-align: center;
		padding: 0 0 1rem 0;
		border-top: 2px solid rgba(0,0,0,.05);
		margin-top: 1rem;
	}

	#content,
	header + .container {
		margin-top: 110px;
		padding-top: 2rem;
	}
	
	.p1 header + .container > .tile + a {
    margin-left: 0 !important;
	}
	
	.headline, h1, h2, h3, h4, h5, h6 {
		font-size: 1.5rem;
		
	}
		
	.center h2,
	.center h3 {
		font-size: 2.5rem;
	}

	#content .container > .tile .content .headline {
		font-size: 3rem;
	}
	
	.col-md-4 h1 {
		text-align: left;
		width: 100%;
		font-size: 2rem;
		margin: 0 0 2rem 0;
		float: none;
	}

	.col-md-8 p + a + h2,
	.col-md-8 p + h2 {
		margin-top: 2rem;
	}

	.gallery {
		margin-top: 2.5rem;
	}

	.video-container {
		/* margin-bottom: 2rem; */
		margin: 0 -15px 2rem -15px;
	}
	
@media (orientation: portrait) and (max-width: 450px) {
	.video-container {
		margin: 0 0 2rem 0;
	}
	
	.p1 .container.t0 .tile {
	max-height:161px;
	overflow:hidden;
	}
}
	

	.gallery .item {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		padding: 0 1rem;
		margin-bottom: 2rem;
	}

	footer {
		text-align: center;
	}

	footer .container {
		margin-top: 1rem;
	}

	footer em {
		display: block;
	}

	.meta a::after, footer em::before, footer i::before, footer .col-md-7 a::before, footer .col-md-5 a.first-of-type::before {
		content: '' !important;
	}

	footer .col-md-5 {
		/* margin-top: 2rem; */
		text-align: center;
	}

	.btn {
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
		/* max-width: 100%; */
		white-space: normal;
		/* display: block; */
		/* margin: 2rem 0 2rem 0; */
		margin: 1rem 0 2.5rem 0;
		font-size: 1.125rem;
	}
}

@media (orientation: portrait) and (max-width: 450px) {
	.tiles-nav .overlay,
	.blog .overlay h1, 
	.overlay p.headline,
	.tile .headline {
		font-size: 2rem;
		line-height: 1.3;
		font-weight: 600;
		letter-spacing: 0.03rem;
	}
	#content .container > .tile .content .headline {
		font-size: 2.5rem;
		font-weight: 600;
		line-height: 1;
	}
	
	.tile .overlay {
		background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.5) 100%);
		height: 100%;
	}
}

@media (max-width: 767px), (orientation: portrait) {
	.row {
		margin-left: 0;
		margin-right: 0;
	}
}