body{
	font-family: "Montserrat", sans-serif;
	font-weight: 300;
}

.fltLft{float: left;}
.fltRgt{float: right;}
.clrLft{clear: left; font-size: 0; line-height: 0;}
.clrRgt{clear: right; font-size: 0; line-height: 0;}
.clrBth{clear: both; font-size: 0; line-height: 0;}

.mrgRgt1em{margin-right: 1em;}

img a{box-shadow: none !important; border:0; text-decoration:none;}
a:hover, a:active, a:focus{box-shadow: none !important; text-decoration:none; transition: all 0.2s ease-out;}
a.underlineLink{text-decoration: underline;}
a.underlineLink:hover, a.underlineLink:active, a.underlineLink:focus{text-decoration: none; border-bottom: 2px solid #272727;}

h3.entry-title, h1.entry-title{
	font-family: 'Saira Semi Condensed', sans-serif;
	/*font-size: 4em;*/
	font-weight: 300;
	line-height: 1.4em;
	letter-spacing: 2px;
	color: #50A6BD;
}

h3.entry-title a{
	color: #50A6BD;
}

h3.entry-title a:hover, h3.entry-title a:focus, h3.entry-title a:active{
	box-shadow: none;
}

/* Graufilter über Bildern entfernen */
.panel-image:before {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+100 */ /* FF3.6-15 */
	background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
	background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#00000000", GradientType=0); /* IE6-9 */
	/* bottom: 0; */
	/* content: ""; */
	/* left: 0; */
	/* right: 0; */
	/* position: absolute; */
	/* top: 100px; */
}

.custom-header-media::before {
	background: none;
}

/*Sitebranding title & subtitle*/
.site-branding-text{
	text-transform: uppercase;
	display: block;
}

.site-branding-text .site-title{
	font-size: 3.2em;
	font-weight: 400;
}

.site-branding-text .site-description{
	font-size: 0.8em;
	font-weight: 400;
	letter-spacing: 1px;
}

/* Seiten-Überschriften größer */ 
.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {
	font-size: 1.25rem;
}

.panel-content .wrap {
	padding-bottom: 0;
}

/*header cover image*/
.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media, .admin-bar.twentyseventeen-front-page.has-header-video .custom-header-media, .admin-bar.home.blog.has-header-image .custom-header-media, .admin-bar.home.blog.has-header-video .custom-header-media{
	height: 250px;
}

.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img{
	display: none;
}

.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media{
	background-color: #52A5BD !important;
}

.has-header-image .custom-header-media img{
	position: relative;
	height: 380px;
	padding-bottom: 1px;
	max-width: none;
}
.wp-custom-header{height: 380px !important;}
.has-header-image.twentyseventeen-front-page .custom-header {
	height: 380px !important;
}

image.home.blog .custom-header{
	display: table;
	height: 75vh;
}

/*static navi*/
ul.staticNavi{list-style-type: none; margin: 0 0 0 5px; text-align: center}
ul.staticNavi li{display: inline;}
ul.staticNavi li a{
	text-transform: uppercase;
	font-weight: 600;
	padding: 1em;
	font-size: 0.6875rem;
	letter-spacing: 0.1818em;
}
ul.staticNavi li a:hover{color:#52A5BD;}


/*mobile navi*/
.navigation-top-mobile{display: none;}


/*content*/
.content-area.contentWide{
	position: relative;
	width: 80% !important;
	left: 10%;
}

article.post{
	border-bottom: 1px dotted #ccc;
	margin-bottom: 3em;
}

.postThumbnailWrp{
	max-width: 400px;
}

.entry-content ul{margin-left: 2em;}
.entry-content ul li{padding-bottom: 0.3em;}

/*more link start page*/
.entry-content a.more-link{
	border: 0;
	border-radius: 3px;
	line-height: 1em;
	padding: 0.5em 1em 0.4em 1em;
	margin: 0;
	background: #52A5BD;
	color: white;
	font-size: 0.8em;
	text-transform: uppercase;
	font-weight: 400;
	box-shadow: 2px 2px 0 #0D82A3;
}

.entry-content a.more-link:hover{
	background-color: #0D82A3;
	box-shadow: inset 2px 2px 0 #10313A !important;
	transition: all 0.2s ease-out !important;
}

.entry-content .more-link:before{
	margin-top: 0;
	display: inline;
}

.entry-content .more-link:after{
	content: " ...";
}

/**/

/*aside*/
button.search-submit{
	background-color: #0D82A3;
	border-radius: 3px;
}

button.search-submit:hover{background-color: #10313A;}

.has-sidebar #secondary{
	border-left: 1px dotted #E9E9E9;
	padding-left: 3em;
}

.has-sidebar:not(.error404) #primary{
	/*width: 70%;*/
}

/*footer*/
.site-info{
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
	padding: 1em;
	font-size: 0.6875rem;
	letter-spacing: 0.1818em;
}


/*avatar post*/
.postAutorWrp{
	margin-top: 2em;
	padding-top: 1em;
	padding-bottom: 1em;
	border-top:1px dotted #ccc;
}
.postAvatarWrp img{
	border-radius: 50%;
}
.postAvatarWrp{
	float: left;
	width: 20%;
	max-width: 100px;
}
.postInfoWrp{
	float: left;
	width: 80%;
}
/*content - aside*/
@media screen and (min-width: 48em){
	.navigation-top .wrap {
		max-width: 1300px;
		padding-left: 0;
		padding-right: 0;
	}
	.wrap{
		max-width: 1300px;
		padding-left: 2em;
		padding-right: 2em;
	}

	.home.blog.has-header-image .custom-header-media{
		height: 240px;
	}

	/*article*/
	.blog .site-main > article{
		padding-bottom: 2em;
	}


	/*prev nex wide*/
	.nav-links .nav-previous .nav-title .nav-title-icon-wrapper,
	.nav-links .nav-next .nav-title .nav-title-icon-wrapper{
		display: none;
	}

	.nav-title{font-size: 0.8em !important;}

	/*.site-branding{
		background: linear-gradient(-45deg,rgba(0,185,220,1),rgba(0,85,165,1));
		background: linear-gradient(-45deg,rgba(131,185,175,1),rgba(0,185,220,1));
	}*/

}

@media screen and (max-width: 1100px){
	.site-branding{
		/*top:20px;*/
	}

	.site-branding-text .site-title{
		font-size: 2.2em;
		font-weight: 400;
	}
	.site-branding-text .site-description{
		font-size: 0.8em;
		font-weight: 400;
		letter-spacing: 1px;
	}

}

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

	.navigation-top{
		position: fixed;
		top:0;
		left: 0;
		z-index: 10;
		background-color: #FFF;
		width: 100%;
	}

	ul.staticNavi li a{
		padding-right: 0.6em;
		padding-left: 0.6em;
	}

	.has-header-image .custom-header-media img{
		display: none;
	}
	.has-header-image .custom-header-media{
		background-color: #52A5BD !important;
	}
	.custom-header{
		height: 100px !important;
	}

	.site-branding {
		background: linear-gradient(-45deg,rgba(131,185,175,1),rgba(82,165,198,1));
	}

	/*content*/
	.content-area.contentWide{
		position: relative;
		width: 100% !important;
		left: 0;
		margin-top: 4em;
	}

	.has-sidebar #secondary{
		border-left: none;
		padding-left: 0;
	}
}

/*iPhone landscape*/
@media screen and (max-width: 659px){

	.site-branding .wrap{padding-right: 0.5em; padding-left: 30px;}
	.site-branding-text .site-description{font-size: 0.7em;}

	.navigation-top{
		display:none;
	}

	.navigation-top-mobile{
		display: block;
		width: 100%;
		position: fixed !important;
		top:0;
		left: 0;
		background-color: white;
		opacity: 0.9;
		z-index: 10;
		box-shadow: 0 3px 2px #ccc;
		padding: 0.5em 0;
	}

}


@media screen and (max-width: 479px){
	.site-branding{top:0; padding-bottom: 3px;}
	.site-branding .wrap{padding-top:30px;}
	.site-content .wrap{padding-left: 1em; padding-right: 1.5em;}

	/*content*/
	.content-area.contentWide{
		margin-top:0;
	}

	.has-sidebar #secondary{
		border-left: none;
		padding-left: 0;
	}

}





/*mobile navi toggle*/
a.menu-link {
	display: block;
	text-transform: uppercase;
	font-size: 0.6em;
	font-weight: bold;
	line-height: 1em;
	padding: 0.7em 0.5em 0.6em 0.5em;
	border: 1px solid #272727;
}
nav[role=navigation] {
	clear: both;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.js nav[role=navigation] {
	overflow: hidden;
	max-height: 0;
}
nav[role=navigation].active {
	max-height: 15em;
}
nav[role=navigation] ul {
	margin: 0;
	padding: 0;
	border-top: 1px solid #272727;
}
nav[role=navigation] li a {
	display: block;
	padding: 0.4em 0;
	border-bottom: 1px solid #ccc;
}


@media screen and (min-width: 48.25em) {
	a.menu-link {
		display: none;
	}
	.js nav[role=navigation] {
		max-height: none;
	}
	nav[role=navigation] ul {
		margin: 0 0 0 -0.25em;
		border: 0;
	}

	nav[role=navigation]  li {
		display: inline-block;
		margin: 0 0.25em;
	}
	nav[role=navigation] li a {
		border: 0;
	}
}