/* @override https://sealdeal.de/css/style.css */

/* @override https://sealdeal.de/css/style.css */

@CHARSET "ISO-8859-1";
/* Reset CSS
 * --------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
a:link,a:visited,a:active {
	text-decoration:none;
	color: #fff;
}
table {
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
strong{
	font-weight: bold;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
caption,th {
    text-align: left;

}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
    margin:0;
    padding:0;
    color:#fff;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}

/* Custom CSS
 * --------------------------------------- */


body{
	font-family: Arial, Helvetica, Geneva, sans-serif;
	color: rgba(0,0,0,0.5);
}

#fp-nav {
   	transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
}
.wrap{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	position: relative;
}
#logo {
	width: 570px;
	height: 188px;
	background-size: 570px 188px; 
	background-image: url(/assets/logo-leonie-langenstein.svg);
	margin-left: auto;
	margin-right: auto;
	transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
	margin-top: -160px;
}

/* @group arrow */


	.arrow,
	.arrow:before {
	  position: absolute;
	  left: 50%;
	  cursor: pointer;
}
	
	.arrow {
	  width: 40px;
	  height: 40px;
	  bottom: 50px;
	  margin: -20px 0 0 -20px;
	  -webkit-transform: rotate(45deg);
	  border-left: none;
	  border-top: none;
	  border-right: 2px #22283a solid;
	  border-bottom: 2px #22283a solid;
	  transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
	}
	
	.arrow:before {
	  content: "";
	  width: 20px;
	  height: 20px;
	  top: 50%;
	  margin: -10px 0 0 -10px;
	  border-left: none;
	  border-top: none;
	  border-right: 1px #22283a solid;
	  border-bottom: 1px #22283a solid;
	  animation-duration: 2s;
	  animation-iteration-count: infinite;
	  animation-name: arrow;
	}
	
	@keyframes arrow {
	  0% {
		opacity: 1;
	  }
	  100% {
		opacity: 0;
		transform: translate(-10px, -10px);
	  }
	}

/* @end */

#section1, #section2 {
	text-align: center;
}
#section1 {
	background: url(/assets/bg.svg) no-repeat right bottom;
}
h1, h2{
	font: 1.8em 'Grotesk_reg', Arial, Helvetica, Geneva, sans-serif;
	transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
	padding-bottom: 10px;
	color: #22283a;
}
p{
	font: 1em/2em 'Grotesk_reg', Arial, Helvetica, Geneva, sans-serif;
}

#section0  p {
	color: #22283a;
	font-size: 1.2em;
	transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
	text-align: center;
	padding-top: 40px;
}
#section1 .intro p {
	color: #c1bca6;
	font-size: 1.8em;
	padding-right: 22%;
	padding-left: 22%;
	transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);	
}



/* @group Buttons */


div.buttonwrapper {
	position: relative;
	padding: 40px 0 0;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	height: 200px;
}
		
.face-button {
  height: 60px;
  display: inline-block;
  border: 3px solid #dfc2a2;
  font-size: 20px;
  text-align: center;
  text-decoration: none;
  color: #dfc2a2;
  overflow: hidden;
}
/*.face-button .icon {
  margin-right: 6px;
}*/
.face-button .face-primary,
.face-button .face-secondary {
  display: block;
  padding: 0 32px;
  line-height: 54px;
  transition: margin .4s;
}
.face-button .face-primary {
  background-color: #dfc2a2;
  color: #fff;
}
.face-button:hover .face-primary {
  margin-top: -54px;
}	

a.face-button.contact, a.face-button.download, a.face-button.mvp {
	position: absolute;
}
a.face-button.download {
	width: 320px;
	margin-left: -160px;
	left: 50%;
}
a.face-button.contact {
	top: 140px;
	width: 170px;
	margin-left: -85px;
	left: 50%;
}

a.face-button.mvp {
	width: 170px;
	margin-left: -85px;
	left: 50%;
	margin-top: 40px;
}

/* @end */


/* @group Footer */

footer {
	width: 100%;
	position: absolute;
	display: table;
	right: 0;
	bottom: 0;
	left: 0;
}
footer {
	font-size: 11px;
	color: #666;
	letter-spacing: 1px;
	line-height: 24px;
	padding: 5px 10px 20px;
	background-color: #dfc2a2;
}
footer a:link, footer a:active, footer a:visited {
	color: #666;
	padding-right: 10px;
	padding-left: 10px;
}
.footerleft{
	text-align: left;
	padding-top: 20px;
	padding-left: 20px;
}
.footercenter{
	padding-top: 20px;
	text-align: center;
}
.footerright{
	text-align: right;
	padding-top: 20px;
}
footer a.socialicon {
	height: 21px;
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
	background-repeat: no-repeat;
	width: 30px;
	padding: 0;
	background-position: center bottom;
	cursor: pointer;
}


/* @end */

/* @group Pagination / Dots */

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
	background-color: #dfc2a2;
	height: 10px;
	width: 10px;
    margin: -5px 0px 0px -5px;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
	background-color: #cedbd1;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    background: #cedbd1;
}

/* @end */

@media only screen and (max-width: 1200px) {
   #section1 .intro p {
		font-size: 1.8em;
		padding-right: 22%;
		padding-left: 22%;
		transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);	
	}
	
     
}



@media screen\0 {
body, h1, h2, p {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	color: rgba(0,0,0,0.5);
}

.arrow {
	transform: rotate(45deg);
}

}