@import url(http://fonts.googleapis.com/css?family=Exo:100,400,700,100italic,400italic,700italic);

body, html {  font-size: 100%; box-sizing: border-box; height:100%; font-family: 'Exo', sans-serif;  }

h1 { text-align: center; font-size: 5.6rem; font-weight: 100; color: rgba(108,106,84,0.2); margin-top: 31vh; cursor: default; margin-bottom: 3vh; }

img { max-width: 100%; }

.content {  width: 100%; height: 100%; min-height:100%; }
.pages {  width: 100%; height: 100%; min-height:100%; }
.slick-slider {
margin-bottom: 0;
}
.slick-list {
height: 100%; min-height:100%;
}
.slick-track {
height: 100%; min-height:100%;
}

.pages .container {  position: relative; height: 100%; min-height:100%; }

.impressum-link { 
	cursor: pointer;
	color: #e9e9e9;
	font-size: 1.25em;
	display: block;
	width: 14vw;
	border-top: 1px solid #e9e9e9;
	line-height: 1.5em;
	margin-left: 64vw;
	margin-top: 30vh;
	font-weight: 400;
	transition: color 0.5s ease;
	transition: border-color 0.5s ease;
}

.impressum-link:hover { 
	color: #9dd2ec;
	border-color: #9dd2ec;
}

.text { 
	color: #dcdcdc;
	font-size: 1.25em;
	display: block;
	width: 14%;
	border-top: 1px solid #e9e9e9;
	line-height: 1.1em;
	margin-left: 61.5%;
	margin-top: 9%;
	font-weight: 400;
}

.text2 {
	color: #dcdcdc;
	font-size: 1.25em;
	display: block;
	width: 25%;
	border-top: 1px solid #e9e9e9;
	line-height: 1.1em;
	margin-right: 26%;
	margin-top: 7%;
	font-weight: 400;
	float: right;
}

.content-text { 
	color: #b8b7b1;
	font-size: 1em;
	display: block;
	width: 19%;
	line-height: 1.4em;
	margin-left: 26%;
	margin-top: 8%;
	font-weight: 400;
	float: left;
}

.text .block, .text2 .block { 
	border-bottom: 1px solid #e9e9e9;
	padding: 5px 0 3px 0;
}

.text span, .text2 span { 
	color: #9dd2ec;
}

hr {
    border: 0;
    height: 1px;
	width: 75%;
	position: absolute;
	z-index: 3;
	margin: auto;
	margin-top: 45vh;
	top: 0; left: 0; bottom: 0; right: 0;
	border-top: 20px solid #fff;
    background-image: -webkit-linear-gradient(left, rgba(155,154,146,0), rgba(155,154,146,0.75), rgba(155,154,146,0)); 
    background-image:    -moz-linear-gradient(left, rgba(155,154,146,0), rgba(155,154,146,0.75), rgba(155,154,146,0)); 
    background-image:     -ms-linear-gradient(left, rgba(155,154,146,0), rgba(155,154,146,0.75), rgba(155,154,146,0)); 
    background-image:      -o-linear-gradient(left, rgba(155,154,146,0), rgba(155,154,146,0.75), rgba(155,154,146,0)); 
}

hr:after{
	content:'';
        width: 100%;
        height: 28px;
        background: url("../img/shadow.png") no-repeat center top;
        position: absolute;
		background-size: contain;
}

.pic { 
	max-width: 18vw;
	margin: 0 auto;
	margin-top: 16vh;
	top: 0; left: 0; bottom: 0; right: 0;
	position: absolute;
}

@media only screen and (max-width: 771px) {
.pic { 
	max-width: 44vw;
}
h1 { margin-top: 22vh; }
hr {
	margin-top: 37vh;
}	
}

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

h1 { font-size: 4.5rem; }
	
}

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

h1 { font-size: 3.5rem; margin-top: 16vh; }
hr {
	margin-top: 28vh;
}
.pic { 
	max-width: 44vw;
	margin-top: 14vh;
}
	
}

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

h1 { font-size: 2.5rem; margin-top: 16vh; }
hr {
	margin-top: 25vh;
}
.pic { 
	max-width: 44vw;
	margin-top: 11vh;
}
.impressum-link { 
	font-size: 1em;
	width: 32vw;
	line-height: 1.5em;
	margin-left: 55vw;
	margin-top: 25vh;
	font-weight: 400;
}
.text { 
	width: 53vw;
	margin: 0 auto;
	margin-top: 27vh;
	font-size: 1em;
}
.text2 { 
	width: 65vw;
	margin: 0 auto;
	margin-top: 13vh;
	float: none;
	font-size: 1em;
}
.content-text { 
	width: 65vw;
	line-height: 1.4em;
	margin: 0 auto;
	margin-top: 4vh;
	float: none;
	font-size: 0.9em;
}	
	
}

@media only screen and (max-height: 400px) {

h1 { font-size: 2.5rem; margin-top: 8vh; }
hr {
	margin-top: 24vh;
}
.pic { 
	max-width: 18vw;
	margin-top: 18vh;
}
.impressum-link { 
	font-size: 1em;
	width: 20vw;
	line-height: 1.5em;
	margin-left: 55vw;
	margin-top: 32vh;
}
.text { 
	width: 24vw;
	margin-top: 18vh;
	font-size: 1rem;
}
.text2 { 
	width: 35vw;
	font-size: 1rem;
	margin-right: 7%;
}
.content-text { 
	width: 35vw;
	line-height: 1.4em;
	margin-left: 15%;
	font-size: 0.8rem;
}	
	
}

@media only screen and (max-height: 610px) and (min-width: 960px) {

h1 { font-size: 3.5rem; margin-top: 14vh; }
hr {
	margin-top: 27vh;
}
.pic { 
	max-width: 18vw;
	margin-top: 15vh;
}
.impressum-link { 
	font-size: 1em;
	width: 20vw;
	line-height: 1.5em;
	margin-left: 55vw;
	margin-top: 32vh;
}
.text { 
	width: 24vw;
	margin-top: 18vh;
	font-size: 1rem;
}
.text2 { 
	width: 28vw;
	font-size: 1rem;
	margin-top: 13vh;
	margin-right: 20%;
}
.content-text { 
	width: 28vw;
	line-height: 1.4em;
	margin-top: 9%;
	margin-left: 20%;
	font-size: 0.8rem;
}	
	
}