/* ----------------------------------------------------------------------------- * 
 * Verwendete Farben
 * #cdb26f - gold
 * #333333 - dunkelgrau
 * #ffffff - hell bg
 * ----------------------------------------------------------------------------- */
 
/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v18-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v18-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/open-sans-v18-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v18-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v18-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v18-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v18-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v18-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v18-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v18-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v18-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v18-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v18-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v18-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v18-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v18-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v18-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/open-sans-v18-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v18-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v18-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v18-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v18-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v18-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v18-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/open-sans-v18-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v18-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v18-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v18-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v18-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v18-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/open-sans-v18-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v18-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v18-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v18-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v18-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v18-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/open-sans-v18-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v18-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v18-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v18-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v18-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v18-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}


*, *:before, *:after {
	-webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */
	-moz-box-sizing: border-box; /* Firefox, andere Gecko-Browser */
	box-sizing: border-box; /* Opera/IE 8+ */
}

a[title="This page was created with webEdition CMS"] { 
color:#fefcef;
text-decoration:none;
position:relative;
right:0;
bottom:0;
font-size:0.5em;
letter-spacing:0px;
}

html, body {
	height: 100%;
	font-size:62,5%;
	background-color:#ffffff;
	margin:0 auto;
	font-family: 'Open Sans', sans-serif;
	font-weight:normal;
	line-height: 1.75em;
}

@-ms-viewport {
		width: device-width;
}

#logo {
	position:fixed;
	top:10px;
	left:10px;
	text-align:left;
	z-index:999;
}

#pfeil {
	position:fixed;
	bottom:10px;
	text-align:center;
	z-index:999;
	left:50%;
	margin-left:-25px;
	margin-top:-25px;
}

#menu {
	position:fixed;
	top:10px;
	right:10px;
	text-align:right;
	z-index:999;
}

#intro {
	margin:0 auto;
	height:100%;
	width:100%;
}
#intro_weine {
	margin:0 auto;
	height:100%;
	width:100%;
	color:#fff;
	text-align:center;
	font-size:5em;
	font-weight:400;
	letter-spacing:2px;
	background-size:cover;
	background-repeat:no-repeat;
}

#intro_lagen {
	margin:0 auto;
	height:100%;
	width:100%;
	color:#fff;
	text-align:center;
	font-size:5em;
	font-weight:400;
	letter-spacing:2px;
	background-color:#cdb26f;
}


#wurzeln_img {
	background-size:cover;
	width:100%;
	height:100%;
}

#wurzeln_txt {
	text-align:center;
	padding:4em 0 4em 0;
	width:100%;
	height:100%;
}


div#wrapper {
	width:100%;
	height:auto;
}


/* ------------- Navigation ------------*/

div#myNav {
	-webkit-animation-duration: .95s;
  -webkit-animation-delay: 3.0s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -webkit-animation-name: fadeIn;
  -moz-animation-duration: .95s;
  -moz-animation-delay: 3.0s;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: both;
  -moz-animation-name: fadeIn;
  -ms-animation-duration: .95s;
  -ms-animation-delay: 3.0s;
  -ms-animation-timing-function: ease;
  -ms-animation-fill-mode: both;
  -ms-animation-name: fadeIn;   
	animation-duration: .95s;
  animation-delay: 3.0s;
  animation-timing-function: ease;
  animation-fill-mode: both;
  animation-name: fadeIn;    
	background-color:rgba(50,50,50,0.9);
	height:100%;
	text-align:center;
	padding-top:3em;
	position:absolute;
}
div#myNav .nav_main {
	font-size:2em;
	text-decoration: none;
	display: block;
	transition: 0.3s;
	padding: 10px;
	color: #818181;
}
div#myNav .nav_sub {
	font-size:1.3em;
	text-decoration: none;
	display: block;
	transition: 0.3s;
	padding: 4px 0 4px 0 !important;
	color: #818181;
}
div#myNav .nav_foot {
	font-size:0.8em;
	text-decoration: none;
	transition: 0.3s;
	padding: 1px;
	color: #818181;
}
div#myNav a:hover, a:focus {
    color: #f1f1f1;
}

.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.85);
    overflow-x: hidden;
    transition: 0.7s;
}

.overlay .nav_main {
	font-size:2em;
	text-decoration: none;
	display: block;
	transition: 0.3s;
	padding: 10px;
	color: #818181;
}

.overlay .nav_sub {
	font-size:1.3em;
	text-decoration: none;
	display: block;
	transition: 0.3s;
	padding: 14px;
	color: #818181;
}

.overlay .nav_foot {
	font-size:0.8em;
	text-decoration: none;
	transition: 0.3s;
	padding: 1px;
	color: #818181;
}

.overlay-content {
    position: relative;
    top: 3em;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
		text-decoration:none;
		color: #f1f1f1;
}

.shopbutton {
color:#fff;
border:1px solid #fff;
padding:3px 10px;
display:inline;
background-color:#cdb26f;
text-decoration:none;
padding:3px 10px;
display:inline;
font-size: 1.3em;
}
.shopbutton:hover {
color:#333 !important;
border:1px solid #cdb26f;
background-color:#fff;
text-decoration:none;
}

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: 5px;
    right: 35px;
  }
}




/* ------------- Aktuelles ------------*/

#aktuelles {
	text-align:center;
	padding:10em 0 4em 0;
	text-align:left;
}

#terminedatum {
margin-left:0%;
}
#termineheadline {
	text-align:left;
	margin-left:0%;
	color:#cdb26f;
	text-transform:uppercase;
	font-size:1.3em;
	font-weight:200;
}
#presselist {
width:60%;
margin:0 auto;
}

hr.aktuelles{
	width:200px;
	margin-left:25%;
	margin-top:2em;
	margin-bottom:4em;
	border: none; 
	color: #ddd; 
	background-color: #ddd; 
	height: 1px;
}




/* ------------- Textauszeichnungen --------------*/

.edit {
	color:#e2007a;
	font-size:0.7em;
	line-height:0.5em;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: none;
}

h1 {
	font-size: 2.3em;
	line-height: 1.25em;
	color:#333;
	text-transform:uppercase;
	font-weight:300;
	letter-spacing:3px;
}

h2 {
	font-size: 1.6em;
	line-height: 1.25em;
	color:#333;
	text-transform:uppercase;
	font-weight:300;
	letter-spacing:3px;
}

h3 {
	font-size: 1.4em;
	line-height: 1.25em;
	color:#cdb26f;
	text-transform:uppercase;
	font-weight:300;
	letter-spacing:3px;
}

p {
	font-size: 1em;
	color:#333;
	font-weight:200;
	margin-top:-2px;

}

p#fliesstext {
	font-size: 1em;
	color:#333;
	font-weight:200;
	width:70%;
	margin:0 auto;
}

hr {
	width:60px;
	border: none; 
	color: #cdb26f; 
	background-color: #cdb26f; 
	height: 3px;
	margin-bottom:1.5em;
}

a {
		-moz-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
		color: #333;
}




/* ------------- Sections ScrollOverflow --------------*/

#fullpage {
	text-align:center;
	margin:0 auto;
}


#section0 {
	margin: 0 auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#section0 span {
	font-size:3em;
	color: #fff;
	text-align: center;
	font-size: 5em;
	font-weight: 400;
	letter-spacing: 2px;
	border-bottom:2px solid #cdb26f;
	text-transform:uppercase;
}

.slide h1 {
	color:#fff;
	text-shadow: 1px 1px #333;
	font-weight:400;
}



/* ------------- Responsive --------------*/


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

div#logo img {
width:120px;
}

div#menu img {
width:50px;
}

div#myNav img {
width:150px;
padding-bottom:2em;
}
div#myNav .nav_main {
font-size:1.5em;
line-height:1em;
}
div#myNav .nav_sub {
font-size:1em;
line-height:1em;
}
div#myNav .nav_foot {
font-size:0.7em;
}

.fp-controlArrow.fp-next  {
border-width: 30.5px 0 30.5px 26px;
}
.fp-controlArrow.fp-prev {
border-width: 30.5px 26px 30.5px 0;
}

#section0 span {
font-size:3em;
}
h1 {
font-size:1.8em;
}
p#fliesstext {
font-size:0.9em;
width:80%;
line-height:1.3em;
}
p {
font-size:0.9em;
line-height:1.3em;
margin-top:3px;
}
#bodyshop {
padding-top:100px !important;
}
#terminedatum {
margin-left:0%;
}
#termineheadline {
margin-left:0%;
font-size:1.1em;
}
#presselist {
width:75%;
}
}


@media only screen and (max-width: 600px) {
h1 {
font-size:1.2em;
}
p#fliesstext {
font-size:0.8em;
}
p {
font-size:0.8em;
margin-top:5px;
}
#fp-nav.right {
right:5px;
}
#termineheadline {
margin-left:0%;
font-size:1em;
}
#presselist {
width:85%;
}
}


/* ------------- SHOP --------------*/

#bodyshop {
padding-top:140px;
}




/* -------- Skylounge --------- */

#skylounge {
  position: relative;
  overflow: hidden;
}
#skylounge::before {	
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
	background: url(../../images/skylounge/hauptbild.jpg) no-repeat center center;
	animation: anim 10s linear alternate;
	margin: 0 auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

@-webkit-keyframes anim {
  0%   {transform: scale(1.5); }
  100% {transform: scale(1); }
}
        
@keyframes anim {
  0%   {transform: scale(1.5); }
  100% {transform: scale(1); }
}

#skylounge span {
	font-size:3em;
	color: #fff;
	text-align: center;
	font-size: 5em;
	font-weight: 400;
	letter-spacing: 2px;
	border-bottom:2px solid #cdb26f;
	text-transform:uppercase;
}

@media only screen and (max-width: 600px) {
#skylounge span {
	font-size:2em; }
}

.skytext{
width:70%;
margin:0 auto;
}
@media only screen and (max-width: 600px) {
.skytext{
width:80%;
}
}




/* ------- Cookies -------- */

#cookiedingsbums a {color:#000; text-decoration:none;}
#cookiedingsbums a:hover {text-decoration:underline;}
#cookiedingsbums div {padding:10px; padding-right:40px;}
#cookiedingsbums { 
   outline: 1px solid #7b92a9; 
   text-align:right; 
   border-top:1px solid #fff;
   background: #d6e0eb; 
   background: -moz-linear-gradient(top, #f3e8d5 0%, #fbf9f3 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3e8d5), color-stop(100%,#fbf9f3)); 
   background: -webkit-linear-gradient(top, #f3e8d5 0%,#fbf9f3 100%); 
   background: -o-linear-gradient(top, #f3e8d5 0%,#fbf9f3 100%);
   background: -ms-linear-gradient(top, #f3e8d5 0%,#fbf9f3 100%); 
   background: linear-gradient(to bottom, #f3e8d5 0%,#fbf9f3 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#f3e8d5', endColorstr='#fbf9f3',GradientType=0 ); 
   position:fixed;
   bottom:0px; 
   z-index:999999999; 
   width:100%; 
   font-size:12px; 
   line-height:16px;
}
#cookiedingsbumsCloser {
   color: #777;
   font: 14px/100% arial, sans-serif;
   position: absolute;
   right: 5px;
   text-decoration: none;
   text-shadow: 0 1px 0 #fff;
   bottom: 5px;
   cursor:pointer;
   border-top:1px solid white; 
   border-left:1px solid white; 
   border-bottom:1px solid #7b92a9; 
   border-right:1px solid #7b92a9; 
   padding:4px;
   background: #ced6df; /* Old browsers */
   filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#ced6df', endColorstr='#f2f6f9',GradientType=0 ); 
}
#cookiedingsbumsCloser:hover {border-bottom:1px solid white; border-right:1px solid white;}