@media only screen and (min-width: 750px) {
*, *: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+ */
}
body {
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#wrapper {
	width:100%;
	height:auto;
	margin:0 auto;
}
.slider {
	position:relative;
	top:0px;
	left:0;
    width:100%;
	height:450px;
	margin:0 0 0 0;
	padding:0;
	z-index:1;
}
.slider_wrapper {
	width:100%;
	height:auto;
	margin:0;
	padding:0 20px;
	position:relative;
}
.mousescroll {
	position:absolute;
	left:50%;
	margin-left:-55px;
	bottom:-9999px;
	height:110px;
	width:110px;
	border-radius:55px;
	background-image:url(../img/mousescroll.gif);
	background-repeat:no-repeat;
	background-position:-10px center;
	background-size:130px;
	z-index:999;
	opacity:0.5;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition:all 0.5s;
	transition: all 0.5s;
	border:solid 2px #ffffff;
}
.mousescroll.active {
	position:fixed;
	left:50%;
	margin-left:-55px;
	bottom:-150px;
	height:110px;
	width:110px;
	border-radius:55px;
	background-image:url(../img/mousescroll.gif);
	background-repeat:no-repeat;
	background-position:-10px center;
	background-size:130px;
	z-index:999;
	opacity:0.1;
}
.logo {
	position:absolute;
	top:0;
	left:20px;
	width:231px;
	height:148px;
	z-index:999;
	opacity:0.92;
}
.logo_under {
	float:left;
	width:231px;
	height:148px;
	z-index:999;
	opacity:0.92;
	margin:0 0 20px 0;
}
.navbereich {
	float:left;
	width:100%;
	height:auto;
	background:#1f4b74;
	padding:25px 0;
	margin:0 0 65px 0;
	display:block;
	z-index:999;
}
.navbereich.active {
	position:fixed;
	top:0;
	width:100%;
	height:auto;
	background:#1f4b74;
	padding:25px 0;
	margin:0 0 65px 0;
	display:block;
	z-index:999;
	
}

.inside_wrapper {
	width:100%;
	height:auto;
	margin:0;
	padding:0 20px;
}
.nav {
	float:left;
	width:80%;
	height:auto;
	list-style:none;
    font-family: 'Roboto', sans-serif;
	color:#ffffff;
	font-size:16px;
	font-weight:400;
}
.nav li {
	float:left;
	width:25%;
	height:auto;
	list-style:none;
	text-align:center;
	margin:0;
}
.nav li a:link, .nav li a:visited {
	text-decoration:none;
	color:#ffffff;
	padding:2px 0;
	font-weight:400;
	outline:none;
}
.nav li a:hover, .nav li a:active {
	border-bottom:solid 1px #ffffff;
	outline:none;
}

.nav a#nava.active:link, .nav a#nava.active:visited, .nav a#nava.active:hover, .nav a#nava.active:active {
   	color:#ffffff;
	border-bottom:solid 1px #ffffff;
	font-weight:700;
}
.nav a#navb.active:link, .nav a#navb.active:visited, .nav a#navb.active:hover, .nav a#navb.active:active {
   	color:#ffffff;
	border-bottom:solid 1px #ffffff;
	font-weight:700;
}
.nav a#navc.active:link, .nav a#navc.active:visited, .nav a#navc.active:hover, .nav a#navc.active:active {
   	color:#ffffff;
	border-bottom:solid 1px #ffffff;
	font-weight:700;
}
.nav a#navd.active:link, .nav a#navd.active:visited, .nav a#navd.active:hover, .nav a#navd.active:active {
   	color:#ffffff;
	border-bottom:solid 1px #ffffff;
	font-weight:700;
}


.weingut_btn {
	float:right;
	width:20%;
	height:auto;
	text-align:right;
	margin:0;
	font-family: 'Roboto', sans-serif;
}
.weingut_btn a:link, .weingut_btn a:visited {
	border:solid 1px #ffffff;
	font-size:15px;
	font-weight:400;
	color:#ffffff;
	text-decoration:none;
	padding:6px 16px;
	outline:none;
}
.weingut_btn a:hover, .weingut_btn a:active {
	border:solid 1px #ffffff;
	color:#1f4b74;
	background:#ffffff;
	cursor:pointer;
}
#informationen {
	float:left;
	width:100%;
	height:auto;
	margin:0px 0 80px 0;
	padding:30px 0 80px 0;
	border-bottom:solid 20px #1f4b74;	
}
#informationen.active {
	float:left;
	width:100%;
	height:auto;
	margin:0px 0 80px 0;
	padding:90px 0 80px 0;
	border-bottom:solid 20px #1f4b74;
}
.infos {
	opacity:0.2;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition:opacity 0.5s;
	transition: opacity 0.5s;
}
.infos.active {
	opacity:1;
}

#zimmer {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 80px 0;
	padding:30px 0 80px 0;
	border-bottom:solid 20px #1f4b74;
	opacity:0.2;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition:opacity 0.5s;
	transition: opacity 0.5s;
}
#zimmer.active {
	opacity:1;
}
#ferienwohnung {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 20px 0;
	padding:30px 0 20px 0;
	opacity:0.2;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition:opacity 0.5s;
	transition: opacity 0.5s;
}
#ferienwohnung.active {
	opacity:1;
}
#kontakt {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 80px 0;
	padding:30px 0 80px 0;
	opacity:0.2;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition:opacity 0.5s;
	transition: opacity 0.5s;
}
#kontakt.active {
	opacity:1;
}

.main {
	float:left;
	width:100%;
	height:auto;
	background:#ffffff;
}
.main.active {
	float:left;
	width:100%;
	height:auto;
	background:#ffffff;
	padding:65px 0 0 0;
}

.sprungmarke {
	position:relative;
	top:-110px;
	left:0;
	display:block;
}
.sprungmarkea {
	position:relative;
	top:-120px;
	left:0;
	display:block;
}
.sprungmarkeb {
	position:relative;
	top:-60px;
	left:0;
	display:block;
}

.pfeilnachoben {
	position:fixed;
	right:20px;
	bottom:-180px;
	width:50px;
	height:50px;
	text-align:center;
	line-height:50px;
	background-color:rgba(255,255,255,0.65);
	border:solid 1px #1f4b74;
	background-image:url(../img/icon_top.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:16px;
	z-index:999;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	border-radius:25px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition:all 0.5s;
	transition: all 0.5s;
}
.pfeilnachoben.active {
	position:fixed;
	right:20px;
	bottom:20px;
	width:50px;
	height:50px;
	text-align:center;
	line-height:50px;
	background-color:rgba(255,255,255,0.65);
	border:solid 1px #1f4b74;
	background-image:url(../img/icon_top.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:16px;
	z-index:999;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	border-radius:25px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition:all 0.5s;
	transition: all 0.5s;
}
.pfeilnachoben:hover {
	background-color:rgba(255,255,255,0.95);
	cursor:pointer;
	background-size:20px;
	bottom:25px;
}

.wrapper {
	float:left;
	width:100%;
	height:auto;
}
.bereich_links {
	float:left;
	width:50%;
	height:auto;
	margin:0;
}
.bereich_rechts {
	float:left;
	width:50%;
	height:auto;
	margin:0;
}
.bereich_links img {
	width:100%;
	height:auto;
}
.bereich_rechts img {
	width:100%;
	height:auto;
}
.bereich_links h1 {
	float:left;
	width:100%;
	height:auto;
	font-family: 'Roboto', sans-serif;
	font-size:24px;
	line-height:30px;
	font-weight:300;
	color:#000000;
	margin:0 0 20px 0;
	padding:0 40px 0 0;
}
.bereich_links h2 {
	float:left;
	width:100%;
	height:auto;
	font-family: 'Roboto', sans-serif;
	font-size:24px;
	line-height:30px;
	font-weight:300;
	color:#000000;
	margin:40px 0 20px 0;
	padding:0 40px 0 0;
}
.bereich_links p {
	float:left;
	width:100%;
	height:auto;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	font-weight:400;
	color:#000000;
	line-height:19px;
	margin:0 0 15px 0;
	padding:0 40px 0 0;
}
.bereich_rechts h1 {
	float:left;
	width:100%;
	height:auto;
	font-family: 'Roboto', sans-serif;
	font-size:24px;
	line-height:30px;
	font-weight:300;
	color:#000000;
	margin:0 0 20px 0;
	padding:0 0 0 40px;
}
.bereich_rechts h2 {
	float:left;
	width:100%;
	height:auto;
	font-family: 'Roboto', sans-serif;
	font-size:24px;
	line-height:30px;
	font-weight:300;
	color:#000000;
	margin:0 0 20px 0;
	padding:0 0 0 0px;
}
.bereich_rechts p {
	float:left;
	width:100%;
	height:auto;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	font-weight:400;
	color:#000000;
	line-height:19px;
	margin:0 0 15px 0;
	padding:0 0 0 40px;
}
.bereich_linksk {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 40px 0;
}
.bereich_rechtsk {
	float:left;
	width:100%;
	height:auto;
}
.bereich_linksk h1 {
	float:left;
	width:100%;
	height:auto;
	font-family: 'Roboto', sans-serif;
	font-size:28px;
	font-weight:300;
	color:#000000;
	margin:0 0 20px 0;
	padding:0 40px 0 0;
}
.bereich_linksk h2 {
	float:left;
	width:100%;
	height:auto;
	font-family: 'Roboto', sans-serif;
	font-size:28px;
	font-weight:300;
	color:#000000;
	margin:40px 0 20px 0;
	padding:0 40px 0 0;
}
.bereich_linksk p {
	float:left;
	width:100%;
	height:auto;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	font-weight:400;
	color:#000000;
	line-height:19px;
	margin:0 0 15px 0;
	padding:0 40px 0 0;
}
.bereich_rechtsk h1 {
	float:left;
	width:100%;
	height:auto;
	font-family: 'Roboto', sans-serif;
	font-size:28px;
	font-weight:300;
	color:#000000;
	margin:0 0 20px 0;
	padding:0 0 0 40px;
}
.bereich_rechtsk h2 {
	float:left;
	width:100%;
	height:auto;
	font-family: 'Roboto', sans-serif;
	font-size:28px;
	font-weight:300;
	color:#000000;
	margin:0 0 20px 0;
	padding:0 0 0 0px;
}
.bereich_rechtsk p {
	float:left;
	width:100%;
	height:auto;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	font-weight:400;
	color:#000000;
	line-height:19px;
	margin:0 0 15px 0;
	padding:0 0 0 40px;
}
.zusatzbilder {
	float:left;
	width:100%;
	height:auto;
	margin:10px 0;
}
.zusatzbilder img {
	float:left;
	width:34%;
	height:auto;
	margin:0 10px 0 0;
}
.buchenbtn:link, .buchenbtn:visited {
	float:left;
	font-family: 'Roboto', sans-serif;
	text-align:center;
	font-size:16px;
	font-weight:400;
	text-decoration:none;
	color:#ffffff;
	padding:15px 25px;
	margin:6px 0 0 40px;
	background:#1f4b74;
	border:solid 1px #1f4b74;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.buchenbtn:hover, .buchenbtn:active {
	color:#1f4b74;
	background:#ffffff;
	border:solid 1px #1f4b74;
	cursor:pointer;
}
.buchenbtnleft:link, .buchenbtnleft:visited {
	float:left;
	font-family: 'Roboto', sans-serif;
	text-align:center;
	font-size:16px;
	font-weight:400;
	text-decoration:none;
	color:#ffffff;
	padding:15px 25px;
	margin:6px 40px 0 0;
	background:#1f4b74;
	border:solid 1px #1f4b74;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.buchenbtnleft:hover, .buchenbtnleft:active {
	color:#1f4b74;
	background:#ffffff;
	border:solid 1px #1f4b74;
	cursor:pointer;
}
.wrapperfewo {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 45px 0;
}

.kontakt_teaser {
	float:left;
	width:100%;
	height:250px;
	margin:0 0 70px 0;
	text-align:center;
	font-family: 'Roboto', sans-serif;
	font-size:100px;
	line-height:250px;
	color:#ffffff;
	font-weight:300;
	letter-spacing:5px;
	text-transform:uppercase;
	background:url(../img/kontakt_back.jpg) no-repeat center center;
	background-size:cover;
	text-shadow:3px 3px 2px rgba(0,0,0,0.15);
}
.bereich_linksk .kontakt {
	float:left;
	width:100%;
	height:auto;
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	font-weight:400;
	color:#000000;
	line-height:26px;
	margin:0 0 15px 0;
	padding:0 40px 0 0;
}
.bereich_linksk .kontakt a:link, .bereich_linksk .kontakt a:visited {
	color:#000000;
	text-decoration:none;
}
.bereich_linksk .kontakt a:hover, .bereich_linksk .kontakt a:active {
	color:#1f4b74;
	text-decoration:underline;
	cursor:pointer;
}
.map {
	width:100%;
	height:450px;
}

.anfrage_wrapper {
	float:left;
	width:100%;
	height:auto;
	margin:5px 0 5px 0;
	font-family: 'Roboto', sans-serif;
}
.anfrage_wrapper h3 {
	font-size:16px;
	font-weight:700;
	color:#1f4b74;
}
.anfrage_wrapper_big {
	float:left;
	width:100%;
	height:auto;
	margin:8px 0 15px 0;
	font-family: 'Roboto', sans-serif;
	font-size:16px;
}
.anfrage_wrapper a:link, .anfrage_wrapper a:visited {
	text-decoration:underline;
	color:#1f4b74;
}
.anfrage_wrapper a:hover, .anfrage_wrapper a:active {
	text-decoration:underline;
	color:#000000;
	cursor:pointer;
}
.anfrage_zimmer {
	float:left;
	width:30px;
	height:30px;
	border:solid 1px #cccccc;
	background:#ffffff;
	text-align:center;
	font-size:16px;
	color:#000000;
	margin:0 10px 0 0;
}
.anfrage_zimmer_text {
	float:left;
	width:auto;
	height:auto;
	font-size:14px;
	line-height:20px;
	color:#000000;
	padding:5px 0 0 0;
}
.anfrage_zimmer_text_small {
	float:left;
	width:100%;
	height:auto;
	font-size:14px;
	line-height:22px;
	color:#000000;
	padding:5px 0 0 35px;
}
.anfrage_fewo_check {
	float:left;
	width:15px;
	height:15px;
	font-size:16px;
	color:#000000;
	margin:7px 20px 0 0;
}
.anfrage_wrapper label {
	font-size:16px;
	cursor:pointer;
}
.anfrage_datum_label {
	float:left;
	width:21%;
	height:auto;
	font-size:14px;
	line-height:22px;
	color:#000000;
	padding:4px 0 0 0px;
}
.anfrage_datum_input {
	float:left;
	width:140px;
	height:30px;
	border:solid 1px #cccccc;
	background:#ffffff;
	text-align:center;
	font-size:16px;
	color:#000000;
	margin:0 10px 0 0;
}
.anfrage_daten_input {
	float:left;
	width:78%;
	height:30px;
	border:solid 1px #cccccc;
	background:#ffffff;
	text-align:left;
	font-size:16px;
	color:#000000;
	margin:0 1% 0 0;
	padding:0 5px;
}
.anfrage_daten_input_plz {
	float:left;
	width:14%;
	height:30px;
	border:solid 1px #cccccc;
	background:#ffffff;
	text-align:left;
	font-size:16px;
	color:#000000;
	margin:0 1% 0 0;
	padding:0 5px;
}
.anfrage_daten_input_ort {
	float:left;
	width:63%;
	height:30px;
	border:solid 1px #cccccc;
	background:#ffffff;
	text-align:left;
	font-size:16px;
	color:#000000;
	margin:0 1% 0 0;
	padding:0 5px;
}
.anfrage_textarea {
	float:left;
	width:78%;
	height:90px;
	resize:vertical;
	border:solid 1px #cccccc;
	background:#ffffff;
	text-align:left;
	font-size:16px;
	color:#000000;
	margin:0 1% 0 0;
	padding:5px;
}
.anfrade_senden {
	font-family: 'Roboto', sans-serif;
	font-size:20px;
	font-weight:400;
	float:right;
	color:#ffffff;
	background:#1f4b74;
	border:solid 1px #1f4b74;
	padding:8px 18px;
	text-decoration:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	margin:35px 0 0 0;
}
.anfrade_senden:hover {
	cursor:pointer;
	background:#ffffff;
	color:#1f4b74;
}
.captchainput {
	float:left;
	width:30%;
	height:40px;
	border:solid 1px #cccccc;
	font-size:16px;
	padding:0 5px;
	font-weight:400;
	background:#ffffff;
	color:#000000;
	margin:0px 0 0px 0;
}
.bereich_under {
	float:left;
	width:100%;
	height:auto;
	min-height:680px;
	margin:30px 0 0 0;
}
.bereich_under h1 {
	float:left;
	width:100%;
	height:auto;
	font-family: 'Roboto', sans-serif;
	font-size:32px;
	font-weight:300;
	color:#000000;
	margin:0 0 40px 0;
	padding:0 0 0 0;
}
.bereich_under p {
	float:left;
	width:100%;
	height:auto;
	font-family: 'Roboto', sans-serif;
	font-size:15px;
	font-weight:400;
	color:#000000;
	line-height:22px;
	margin:0 0 20px 0;
	padding:0 0 0 0;
}

.footer {
	float:left;
	width:100%;
	height:auto;
	background:#1f4b74;
	padding:40px 0 90px 0;
	font-family: 'Roboto', sans-serif;
	color:#ffffff;
}
.footer a:link, .footer a:visited {
	text-decoration:none;
	color:#ffffff;
	outline:none;
}
.footer a:hover, .footer a:active {
	text-decoration:underline;
	cursor:pointer;
	color:#ffffff;
}
.footer_l {
	float:left;
	width:52%;
	height:auto;
	font-size:14px;
	line-height:24px;
	text-align:left;
	margin:0;
}
.footer_ml {
	float:left;
	width:33%;
	height:auto;
	font-size:14px;
	line-height:24px;
	text-align:left;
	margin:0;
}
.footer_mr {
	float:left;
	width:15%;
	height:auto;
	font-size:14px;
	line-height:24px;
	text-align:left;
	margin:0;
}
.footer_r {
	float:left;
	width:100%;
	height:auto;
	font-size:14px;
	line-height:24px;
	text-align:left;
	margin:0;
}
.weingut_btn_f:link, .weingut_btn_f:visited {
	float:right;
	border:solid 1px #ffffff;
	font-size:15px;
	font-weight:400;
	color:#ffffff;
	text-decoration:none;
	padding:6px 20px;
}
.weingut_btn_f:hover, .weingut_btn_f:active {
	border:solid 1px #ffffff;
	color:#1f4b74 !important;
	background:#ffffff;
	cursor:pointer;
	text-decoration:none !important;
}
}