/* css_styles */

/* common */
.distance-top{
	padding-top: 1.5rem;
}
.distance-bottom{
	padding-bottom: 1.5rem;
}
.distance-grid-top{
	padding-top: 15px;
}
.distance-grid-bottom{
	padding-bottom: 15px;
}

/* article */
.art--color1{
	background-color: #549C7C;
	color: #fff;
}
.art--full-height{
}

/* content elements */
.portrait img{
	display: block;
}
.center {
	text-align: center;
}
/*
.head--stripe-right,
.head--stripe-left{
	position: relative;
	color: #fff;
	margin-bottom: .7rem;
}
.art--color1 .head--stripe-right,
.art--color1 .head--stripe-left{
	color: #549C7C;
}

.head--stripe-right >*,
.head--stripe-left >*{
	margin: 0;
	display: inline-block;
	background-color: #549C7C;
	position: relative;
}
.head--stripe-right >*{
	padding: .2rem 0 .2rem 1rem;
	margin: 0;
	display: inline-block;
	background-color: #549C7C;
	position: relative;
}
.head--stripe-left >*{
	padding: .2rem 1rem .2rem 0;
}

.head__stripe--right,
.head__stripe--left{
	position: absolute;
	display: block;
	height: 100%;
	background-color: #549C7C;
	top: 0;
}
.art--color1 .head--stripe-right >*,
.art--color1 .head--stripe-left >*,
.art--color1 .head__stripe--right,
.art--color1 .head__stripe--left {
	background-color: #FFF;
}
.head__stripe--right{
	width:  100vw;
}
.head__stripe--left{
	width: calc((100vw - 100%) / 2 + 15px);
	left: calc((100% - 100vw) / 2);
}
*/
@media (min-width: 768px) {
    .art--full-height{
        min-height: 100vh;
        height: 100%;
        align-items: center;
        display: flex;
        position: relative;
    }
	.distance-top{
		padding-top: 7rem;
	}
	.distance-bottom{
		padding-bottom: 7rem;
	}
	/* backgrounds */
	.art--back1,
	.art--back2{
        background-image: url(../img/osteopathie_anna-koepp_1.svg);
        background-repeat: no-repeat;
        background-position: left top;
		/* background-size: 100vh; */
	}
	.art--back2{
        background-image: url(../img/osteopathie_anna-koepp_3.svg);
        background-repeat: no-repeat;
        background-position: right top;
        /*background-attachment: fixed;*/
		/* background-size: 100vh; */
	}	
	.art--back-white{
        background-color: #fff;
	}
	body{
		background: url(../img/HG.jpg) no-repeat center fixed;
		background-size: cover;
	}
}