/* CSS Document */

@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Numans|PT+Serif|Elsie');
@import url('/css/fullpage.css');
@import url('/css/perfect-scrollbar.css');
@import url('/css/font-awesome.css');
@import url('/css/ilighbox.css');
@import url('/css/skin.css');



*	{ margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; outline: none; }

body { background:#0d111a; color: #eee; font-family: 'Numans', sans-serif; font-size: 15px; font-weight:300; line-height:1.35; }
h1 { font-family: 'Elsie', serif; font-size: 3rem; font-weight:normal;  line-height: 1; text-align: center; text-transform: uppercase; }
h1 span.gold { color: #a49c7e; }
h1 span.subline { font-family: 'Numans', sans-serif; font-size: 1.25rem; text-transform: uppercase; }
h2 { font-family: 'Elsie', serif; font-size: 3rem; font-weight: normal; text-transform: uppercase; margin:0; }
h3 { font-family: 'Elsie', serif; font-size: 2rem; font-weight: normal; text-transform: uppercase; margin-bottom:1.5rem; color: #a49c7e; }
h4 { font-family: 'Elsie', serif; font-size: 2rem; font-weight: normal; text-transform: uppercase; }
h5 { font-family: 'Elsie', serif; font-size: 1.75rem; font-weight: normal;  margin-bottom:1.5rem; }
p { margin-bottom: 1rem; }
img { display:block; }
strong { font-weight:bold; }

#section0 { height: 100vh; background: url('/img/site/escort-back-start.jpg') no-repeat top center; background-size: cover; position: relative; }
#section3 { background: url('/img/site/escort-back-end.jpg') no-repeat top center; background-size: cover; }
.section { min-height: 100vh; }

.background { overflow: hidden; position: relative; }
.background:before { background-color: #1b1d25;; background-size: cover; z-index: -3; content: " "; position: fixed; background: url('/img/site/escort-back.jpg') fixed top center; will-change: transform; width: 100%; height: 100%; }

.bar { padding: 2.5rem; margin:4rem 0; }
.bar h4 { font-family: 'Elsie', serif; font-size: 3rem; font-weight: normal; text-align: center; text-transform: uppercase; }
.bar h4 span { font-family: 'PT Serif', serif; color: #a49c7e; font-size:2.75rem; margin-left:0.25rem; white-space: nowrap; }
.down { bottom: 2rem; color: #a49c7e; font-size: 1.25rem; position: absolute;  text-align: center; text-transform: uppercase; width: 100%;  }
.down i { font-size:1.75rem; margin-top:0.5rem;}

#fullpage {  }
.shadow { box-shadow: 0px 0px 10px #06070c; }
.gradient { background:#1b1d25;
	background: -webkit-linear-gradient(rgba(45,49,64,0.65),rgba(27,29,37,0.85)); /*Safari 5.1-6*/
	background: -o-linear-gradient(rgba(45,49,64,0.65),rgba(27,29,37,0.85)); /*Opera 11.1-12*/
	background: -moz-linear-gradient(rgba(45,49,64,0.65),rgba(27,29,37,0.85)); /*Fx 3.6-15*/
	background: linear-gradient(rgba(45,49,64,0.65), rgba(27,29,37,0.85)); /*Standard*/ }
.flex { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: flex-start; align-items: flex-start; }


.image { width:34%; margin:0 1% 0 5%; height:47.5rem; overflow: hidden;}
.image img { float: right; height:100%; width: auto; }
.wrapper { width:59%;}
.headline { width:100%; margin-bottom:1rem; height: 6rem; padding:1rem 20% 0 1.5rem; }
.content {  width:100%; padding:1.5rem 20% 1rem 1.5rem; background:rgba(27,29,37,0.85);  }
.content section { padding-bottom:2rem; }
.scrollbar-rail { padding-right: 2rem; }
.fixedheight { position: relative; height: 38rem; }
.galerie .thumb { margin:0.5rem 1% ; width:20%; display:block; }
.galerie img { width:100%; }

.imprint { bottom: 2rem; color: #a49c7e; font-size: 0.825rem; position: absolute; text-align: center; text-transform: uppercase; width: 100%; }
.button {  display:inline-block; background: #1b1d25; border: 1px solid #a49c7e; cursor: pointer; letter-spacing: 1px; padding: 0.5rem 0.75rem; }
.info { padding: 1rem; overflow: auto; }
.info a { color: #eee; text-decoration: none; }
.hide { display:none; }

#impressum { position: absolute; bottom: 0; background:url('/img/site/escort-back-imprint.jpg') fixed no-repeat top center; background-size: cover; z-index: 9999; color: #0d111a; padding: 20px; overflow: auto; width: 100%; height: 100vh; }
#impressum .close { position: absolute; right: 10px; top: 10px; outline: none; z-index: 300; cursor: pointer; }
#impressum .info { max-width: 960px; margin: 0 auto; text-align: justify; }

@media screen and (max-width: 1560px){
	.image { width:39%;}
	.wrapper { width:54%; margin:1rem 0 1rem 1%; }
	.headline { padding:1rem 10% 0 1.5rem; }
.content { padding:1.5rem 10% 1rem 1.5rem;  }
	}
@media screen and (max-width: 1400px){
	.image { width:44%;}
	.wrapper { width:49%; }
	}
@media screen and (max-width: 1260px){
	.image { width:42%; margin:1rem 1% 1rem 7%;}
	.wrapper { width:49%; }	
	}

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

	h1 { font-size: 2rem; }
#fp-nav { display: none; }
	.image { width: 96%; height: auto; margin: 1rem 2%; }
	.image img { float: none; height:auto; width: 100%; }
	.wrapper { width: 96%; height:auto; margin: 1rem 2%; }
	.headline, .content { padding: 1rem 4%; }
	.scrollbar-rail { height: 70vh; padding-right: 2rem; }
	.galerie .thumb { margin:0.425rem 2% ; width:46%; display:block; }
	.bar { padding: 1.5rem; margin:2rem 0; }
	.bar h4 { font-size: 2rem; }
.bar h4 span { font-size:1.75rem; }
	.down { bottom: 1rem; font-size: 0.825rem; }
}