/* elements */

/* text */
a{
	text-decoration: none;
	color: #549C7C;
}
a:hover{
	text-decoration: underline;
}
.art--color1 a{
	color: #cde3c5;
}
/*buttons*/
.btn--next, 
.btn--prev{
    display: none;
}
.btn--next--inner,
.btn--prev--inner{
	display: inline-block;
	box-sizing: border-box;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid #FFF;
	/* margin-top: 1.5rem; */
	font-size: 1.5rem;
	background-color: #549C7C;
	color: #FFF;
	text-align: center;
	line-height: 40px;
	position: absolute;
	/* position: relative; */
	bottom: 3rem;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.btn--prev--inner{
	line-height: 36px;
}
.art--color1 .btn--next,
.art--color1 .btn--prev{
	color: #FFF;
}
.btn--next:hover,
.btn--prev:hover{
	color: #cde3c5;
}
/* headlines */
h1 {
	font-size:1.6667rem;
	text-transform: uppercase;
}
h2 {
	font-size:1.5rem;
	text-transform: uppercase;
}
h3 {
	font-size:1.3333rem;
}
h4 {
	font-size:1rem;
}
h1,h2{
	/* font-weight: 200; */
}
h3{
	color: #549C7C;
	font-size: inherit;
}
.head--main{
	font-weight: 200;
	font-size: 3rem;
	margin-top: 0;
	line-height: 0.8em;
}
.head--mainsubh{
	font-size: 2rem;
}

/* design-elements */
.logo figure{
	/*max-width: 240px;*/
	display: inline-block;
}
/* backgrounds */
@media (min-width: 768px) {
	/*buttons*/
	h1 {
		font-size:1.8333rem;
	}
	h2 {
		font-size:1.6667rem;
	}
	h3 {
		font-size:1.5rem;
	}
	h4 {
		font-size:1.3333rem;
	}
	.btn--next,
	.btn--prev{
        display: block;
    }
	/* headlines */
	.head--main{
		font-size: 6rem;
	}
	.head--mainsubh{
		font-size: 4rem;
	}
	/* design-elements */
	.logo figure{
		max-width: 950px;
		/* margin-bottom: 3rem; */
	}
}