/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Oct 16, 2016, 12:42:03 PM
    Author     : ndo84bw
*/

body, html {
  height: 100%;
}

body {
  color: #344d7a; /* blue */
  font-family: 'Roboto', sans-serif;
  overflow-y: scroll;

}

html {
  scroll-behavior: smooth;
}

div.wir-trauen-uns {
  padding: 0px;
  margin: 0px;
  text-align: center;
}

div.wir-trauen-uns img {
  margin: 0px;
  width: 100%;
  /*max-width: 1916px;*/
}

section {
  padding-top: 80px;
  /*padding-bottom: 50px;*/
}

section#anfahrt {
  background-color: #fcd3ae;
  padding-bottom: 50px;
  min-height: 100%;
}

section#unterkunft {
  background-color: #fde6d2;
  padding-bottom: 50px;
  min-height: 100%;
}

section#informationen, section#bilder {
  background-color: #ffffcb;
  padding-bottom: 50px;
  min-height: 100%;
}

header.header-first {
  margin-top: 50px;
}

#mainNav {
  box-shadow: 0px 5px 15px #555;
  opacity: 0.9;
}
h1, h2, h3 {
  font-family: 'Satisfy', cursive;
  text-shadow: 4px 4px 6px #aaa;
}

h1 {
  font-size: 3em;
}

img {
  margin: 5px;
}

spacer {
  display: block;
  position: relative;
  min-height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-color: #344d7a;
  background-image: url('../images/wir-trauen-uns2.jpg');
  color: #ccc;
}

spacer h1 {
  font-size: 4em;
}

spacer.space0 {
  background-image: url('../images/ring.jpg');
}

spacer.space1 {
  background-image: url('../images/herz-hand.jpg');
}

spacer img {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

spacer.space0 img {
  width: 50vw;
  max-height: 534px;

}

spacer.space1 img {
  max-width: 837px;
  height: 70vh;

}

spacer > div.message {
  vertical-align: middle;
  text-align: center;
  height: 100vh;
  left: 50%;
  top: 50%;
}

.changes {
  top: 100px;
  right: 5vw;
  margin-left: 5vw;
  position: absolute;
  border-color: #344d7a;
  color: #344d7a;

	background-image: -webkit-linear-gradient(top,#fdeddf 0,#fde6d2 100%);
	background-image: -o-linear-gradient(top,#fdeddf 0,#fde6d2 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#fdeddf),to(#fde6d2));
	background-image: linear-gradient(to bottom,#fdeddf 0,#fde6d2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffdeddf', endColorstr='#fffde6d2', GradientType=0);
	background-repeat: repeat-x;
}