body{
	background-image: url(../images/aquarell.jpg);
	background-size: 100% auto}
body.tpl-home{
	background-position: 50% 100vh}
/*
img{
	width: 100%;
	height: auto;
	vertical-align: bottom}
*/

.article{
	margin-bottom: 4em}
/*.article:last-child{
	margin-bottom: 0}*/
.article__section{
	margin-bottom: 4em}
.article__section:last-child{
	margin-bottom: 0}
.article__media{
	margin-bottom: 1em}
.artwork{
	width: 54px}
.author{
	color: #fff}
.column,.stage__column,.column-stage{
	margin: 0 1em}
.cover{
	padding-top: 50vh;
	background-size: cover;
	/*display: flex;
	flex-flow: column nowrap;*/
  	height: 100vh}
.cover__figure{
	display: block;
	height: 100%;
	display: flex;
	justify-content: center;
}
@media only screen and (max-width : 560px) {
	.cover{
		padding-top: 25vh}
}
@media only screen and (orientation : landscape) {
	.cover{
		background-size: cover;
		background-position: center center;
		background-image: url(../images/cover/wald.jpg);
		/*justify-content: center;*/	
		/*
		background-size: 100% auto;
		
		background-position: 0 bottom*/}
	.cover__logo{
		height: 70%;
		width: auto}
}
@media only screen and (min-width : 1280px) and (orientation : landscape) {
	.cover{
		background-image: url(../images/cover/xl/wald.jpg)}
}
@media only screen and (min-width : 1600px) and (orientation : landscape) {
	.cover{
		background-image: url(../images/cover/xxl/wald.jpg)}
}
@media only screen and (max-width : 560px) and (orientation : landscape) {
	.cover__logo{
		height: 40%}
}
@media only screen and (max-width : 1024px) and (orientation : landscape) {
	.cover{
		padding-top: 40vh}
	.cover__logo{
		height: 60%}
}
@media only screen and (orientation : portrait) {
	.cover{
		background-size: cover;
		background-position: center center;
		background-image: url(../images/cover/wald-portrait.jpg);
		/*background-size: cover*/}
	.cover__logo{
		width: 80%}
}
@media only screen and (min-width : 768px) and (orientation : portrait) {
	.cover{
		background-image: url(../images/cover/m/wald-portrait.jpg)}
}
@media only screen and (max-width : 560px) and (orientation : portrait) {
	.cover__logo{
		width: 80%}
}
.footer{
	padding: 1em 0}
.header{
	top: 0;
	z-index: 111;
	width: 100%;
	position: fixed}
.layout-footer{
	display: flex;
	flex-flow: column nowrap}
.navigation-service{
	order: 1}
.masthead{
	margin-bottom: 2em}
.navigation-chapter__link {
	display: block;
	padding: 0.5em 0}
.navigation-site__item {
	padding-left: 1em}
.navigation-site__link {
	text-align: left;
	display: block;
	padding: 0.5em 0}
/*.main{
	margin-bottom: 2em}*/
.partners__item{
	margin-bottom: 1em}
.partners__link {
	border-bottom: 2px solid black}
.section{
	margin-top: -4em;
	padding-top: 4em}
.section:first-child{
	margin-top: 0}
.wysiwyg ul{
	margin-left: 1em}
.wysiwyg li{
	list-style-type: disc}
.wysiwyg li ul{
	margin-left: 0;
	margin-top: -1.125em}
.wysiwyg li ul li{
	list-style-type: none}
.wysiwyg li ul li:before{
	content: "";
	width: 10px;
	border-top: 1px solid black;
	margin-right: 0.5em;
	margin-top: -0.125em;
	vertical-align: middle;
	display: inline-block}
.wysiwyg li ul li p {
    display: inline-block;
    vertical-align: top;
    width: 90%}
		
/* UTIL */

.responsive {
	position: relative;
	padding-bottom: 56.5%; /* 16:9 */
	height: 0}
.responsive video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%}

@media screen and (max-width: 767px) {
	.article__section{
		display: flex;
		flex-flow: column nowrap}
	.article__text{
		order: 3}
	.header .column,.header .stage__column,.header .column-stage{
		margin: 0}
	.navigation-site__item--desktop{
		display: none}
}