/* Customized CSS for Projekt: ACONCAGUA
 * Copyright 2015 Quellcodekunst Webdesign
 */

a[href="https://www.webEdition.org"],
a[title="This page was created with webEdition CMS"]{display:none;font-size:0;}
body.home button.weBtn {
    width: auto;
}
// xs Extra small devices (portrait phones, less than 576px)
@media (max-width: 575px) { ... }

// sm Small devices (landscape phones, 576px and up)
@media (min-width: 576px) and (max-width: 767px) { ... }

// md Medium devices (tablets, 768px and up)
@media (min-width: 768px) and (max-width: 991px) { ... }

// lg Large devices (desktops, 992px and up)
@media (min-width: 992px) and (max-width: 1199px) { ... }

// xl Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }


@charset "UTF-8";
@font-face {font-family: 'Univers';src: url('../fonts/UniversCondensed.ttf') format('truetype');}
@font-face {font-family: 'FrutigerLTStd';src: url('../fonts/FrutigerLTStd-Roman.otf') format('truetype');}
@font-face {font-family: 'NEUROPOL';src: url('../fonts/NEUROPOL.ttf') format('truetype');}
@font-face {font-family: 'NoTime';src: url('../fonts/NoTime.ttf') format('truetype');}
@font-face {font-family: 'ShadowsIntoLight';src: url('../fonts/ShadowsIntoLight-Regular.ttf') format('truetype');}
h2,
.h2,
h3,
.nav{text-transform:uppercase;}


.schraegtext{display:inline-block;font-family: 'ShadowsIntoLight';font-style:italic;font-size:25px;margin-bottom:20px;
	transform:rotate(-7deg);
	-webkit-transform: rotate(-7deg);
  -moz-transform: rotate(-7deg);
  -ms-transform: rotate(-7deg);
  -o-transform: rotate(-7deg);}


html{ }
body {font-family: 'Arial';font-size:19px;line-height:1.3;font-weight:normal;font-style:normal;color:#333;background: none;overflow-x: hidden;/*-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;*/}
body.popup{background:#FFF;}
.popup .inner{margin-left:0;}

h1,
.h1{color:#fff;font-size:2rem;font-weight:bold;text-shadow:1px 1px 1px #000;}
.home h1{font-size:24px;color:#333;text-shadow:1px 1px 1px #fff;}

h1.untertitel,
.h1untertitel{}
h2,
.h2{font-size:18px;font-weight:bold;}
.popup h2{color:#ddb99f;}

.galerie h2{font-size:30px;text-align: center;width:100%;margin: 50px 0;}
@media (max-width: 575px) { 
	.galerie h2,
	h2,
	.h2{font-size:45px;}
}

h2.untertitel,
.h2untertitel{font-size:18px;font-weight:normal;font-style:italic;margin-bottom:1.1;}
h3,
.h3{font-size:18px;font-weight:bold;color:#333;}
h3.untertitel,
.h3untertitel{}
h4,
.h4{}
h4.untertitel,
.h4untertitel{}

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

a{display:inline-block;}
p{margin:0;padding:0;}
img{border:0;}
form{}
ul{padding:0;margin:0;list-style-type:none;}
ol{padding:0;margin:0;}
textarea,input,select{padding:0;}
abbr,
acronym {border-bottom:1px dotted #000;cursor:default;}
a.sr-only,
legend{display:none}
.hide{display:none}
.clearfix:after {content: ".";display: block; height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
.clearfix[class] { /* ie6 hack */ display: block;overflow: hidden;}
.floatTerminator{clear:both;}
.floatLeft{float:left;}
.floatRight{float:right;}
.bold{font-weight:bold;}
.italic{font-style:italic;}
.trennlinie{height:1px;clear:both;}
.points{height:1px;clear:both;}
.fullWidth{width: 100%;}
.displayNone{display:none;}
.shadow{box-shadow: rgba(0,0,0,0.35) 0 1px 3px; -webkit-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.35) 0 1px 3px;}
.shadowInset{box-shadow:inset rgba(0,0,0,0.35) 2px 4px 8px;-webkit-box-shadow:inset rgba(0,0,0,0.35) 0 1px 8px; -moz-box-shadow:inset rgba(0,0,0,0.35) 0 1px 8px;}
.radius{border-radius:4px; -webkit-border-radius:4px;-moz-border-radius:4px;}
.img-responsive{width:100%;height:auto;}
.mand{font-weight:bold;}
.noresult{font-weight:bold;}
.text-center p{width:100%;}
.btn{cursor:pointer;}
.nopad{padding-left:0px;padding-right:0px;}
.nopadtop{padding-top:0px;}
.nopadleft{padding-left:0px;}
.nopadright{padding-right:0px;}
.pad5px{padding-left:5px;;padding-right:5px;}
.pad7px{padding-left:7px;;padding-right:7px;}
.pad10px{padding-left:10px;;padding-right:10px;}
.pad15px{padding-left:15px;;padding-right:15px;}
.flex-direction-row{flex-direction:row;}
a,
a:hover{color:#ddb99f}
.row{margin:0;position:relative;}
.on{display:inline-block;}
.off{display:none;}
.hint{font-size:75%;line-height:1.3;color:#999;}
.grayscale-100{ filter: grayscale(100%)}
.grayscale-50{ filter: grayscale(50%)}



/* form .form-control
-------------------------------------------------- */
form label.error {font-weight:normal;font-size:80%;}


/* Button go up
-------------------------------------------------- */
#goup{border-radius:.2rem;position:fixed;z-index:1000;bottom:5rem;left:50%;margin-left:-1.5rem;width:3rem;height:3rem;opacity:1;background: url(/img/layout/goup.png) center center no-repeat;background-size:100% 100%;display:block;}
.popup #goup{display:none;}

/* Header
-------------------------------------------------- */

header{width:100%;height:66.2px;position:fixed;background:#513728;z-index:99999;/* box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.20); */}
header.fixed{position:fixed;top:0px;right:0px;left:0px;z-index:1100;}
.intern header{background:transparent url(../img/layout/background/bg_melgrey.jpg) top left repeat;}
.intern header h2{position:absolute;right:15px;top:20px;}
.intern header .btn-alert{position:absolute;right:15px;top:70px;}

/* Header Hide & Show while scolling
-------------------------------------------------- */
header.slide--reset{-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
header.slide--up{-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);transform: translateY(-100%)}
header.slide{transition: all 0.25s ease-in-out 0s;}

/* Logo
-------------------------------------------------- */
.logo{float:left;margin-left:3rem;margin-top:1.1rem;width:9rem;height:auto;}
a.logo,
a.logo:hover{}


/* NAVIGATION
-------------------------------------------------- */
.scrollspy{float:right;margin-right:1rem;}

.nav > li{list-style-type:disc;margin-left: 1.5rem;color:#FFF;}
.nav > li:first-child{list-style-type:none;}
.nav > li > a {font-size:14px;color:#FFF;font-weight:bold;border:none;white-space:nowrap;width: 100%;padding:1.5rem .5rem;}

@media (max-width: 575px){
	.nav > li > a{font-size:18px;padding:10px 30px;}
}
@media (max-width: 435px) { 
.nav > li > a{font-size:16px;padding:10px 13px;}
}
.nav > li > a{transition: all 0.4s;}
.nav > li > a:hover{color:#FFF;font-weight:bold;}

.nav > li.btn > a{color:#fff;}
.nav > li > a:hover{text-decoration:none;}
.nav > li.active > a,
.nav > li.active > a:hover,
.nav > li.active > a:focus{color:#FFF;border:none;text-decoration:none;}
.nav a.scrollto:focus, /*** Bei Verwendung von scrollto (smooth scroll) beim link-title den #anchor mitgeben (siehe theme.js) ***/
.nav a.scrollto:active,
.nav li.active > a{font-weight:bold;text-decoration:none;} /*** Highlighted immer den aktiven Menüpunkt ***/
.nav label{display:none;font-size:12px;font-weight:normal;}
/*
.nav .fa{position:absolute;right:13px;top:8px;width:35px;height:35px;border-radius:30px;border:1px solid #999;padding:10px;text-align:center;margin-left:10px;}
*/
.navbar,
.navbar-brand{padding:0;}
.navbar-toggler{cursor:pointer;}
.fa-bars{color:#FFF;font-size:2rem;position:absolute;top:1rem;right:1rem;}

@media (min-width: 920px) {
	.navbar-toggler{display:none;}
	.nav.main{}
}
@media (max-width: 920px) {
	.navbar-toggler{display:block;}
	.nav.main{display:none;background:#513728;margin-top:3rem;margin-right:0;padding-right:1rem;}
	.nav.main li {list-style-type:none;}
	.nav > li > a{padding:10px;}
}


/* CONTENT
-------------------------------------------------- */

main{padding:45px 0;}
.bg-braun{background:#513728;color:#FFF;}
.bg-braun h2{color:#ddb99f;}

.montana{height:50rem;position:relative;background:transparent url(../img/content/bg-montana.jpg);background-size:cover;}
.montana h2{position:absolute;top:0;left:3rem}
.montana .hero{position:absolute;top:3rem;width:42rem;right:0;color:#FFF;font-size:22px;}
.montana .hero img{width:200px;height:auto;margin-bottom:1rem;}

h2{margin:4rem 0 1.5rem 0rem;}
.vino .inner{padding-left:3rem;}
.vino .inner.bottle img{width:100%;height:auto;}
.vino .inner.bottle{padding:5.5rem 1rem 0rem;}
.vino .inner.bottle p{position:absolute;bottom:2rem;left:-20rem;width:20rem;color:#513728;font-size:20px;}
.vino .inner.bg-braun{padding:0 3rem;}
.vino .inner.bg-braun h2{margin-left:0;font-size:22px;font-weight:normal;}

.historia .hero{position:absolute;bottom:3rem;width:20rem;right:0rem;padding:1rem 2rem;color:#FFF;font-size:16px;background:RGBA(0,0,0,0.3)}
.historia .first h2{margin-left:3rem;}
.historia .denkmal{padding:6rem 3rem 0rem 3rem;}
.historia .denkmal h2{color:#ddb99f;}

.vida img,
.historia img{width:100%;height:auto;}
.vida .text,
.historia .text{padding:3rem 1rem 0rem 3rem;}
.vida .image,
.historia .image{padding-top:6rem;}

.tierra h2{margin-left:3rem;}
.tierra img{width:100%;height:auto;}
.tierra .text{padding:7rem 3rem 0rem 3rem;}

.vida .image h2{position: absolute;white-space: nowrap;z-index: 1;color: #ddb99f;}
.vida .text{padding-top:0;}
.vida img{padding-top:6rem;}

.cocina .bottle{padding-left:3rem;}
.cocina .bottle img{width:100%;height:auto;}
.cocina .rezepte h2{margin-left:0;font-size:22px;font-weight:normal;color: #ddb99f;}
.cocina .rezepte img{width:15rem;height:auto;margin-bottom:1rem;}

.cocina .listview .item{padding:10px;}
.cocina .item img{float:left;margin-right:1rem;width:50%;height:auto;}

.rezepte .listview a{color:#333;font-size:18px;}
.rezepte .listview a:hover{text-decoration:none;background:RGBA(221,185,159,.2);}
.rezepte.solo .title{color:#333;font-weight:bold;margin:3rem 0 1rem;}

.rezepte.solo h2{color:#333;font-size:22px;}
.rezepte.solo{color:#513728;}
.rezepte.solo img.wein{width:10%;float:left;margin-right:2rem;}
.rezepte.solo .btn{margin-bottom:5rem;color:#513728; border:1px solid #513728;}

.ad .row{height:100%;}
.ad{height:56rem;position:relative;background:transparent url(../img/content/bg-ad.jpg);background-size:cover;background-position:center center;}
.ad .hero{position:absolute;top:1px;width:25rem;left:8rem;height:100%;color:#333;font-size:22px;background:#FFF;padding:15rem 3rem 3rem;}
.ad .hero img{width:100%;height:auto;margin-bottom:1rem;}
.ad .hero .qr-code img{width:30%;height:auto;margin-top:3rem;}

@media (max-width: 575px) { 
	.inner{width:100%;margin-left: 0%;}
	a.logo{left:1%;}
	.brand{right:1%;}
}



/* SOCIAL MEDIA BUTTONS
-------------------------------------------------- */
.listview ul.nav.socialmedia,
.listview ul.nav.socialmedia li{border:0;padding:0;}
nav.socialbuttons h1{margin-bottom:1rem;}
.nav.socialmedia {margin:0 0 1.5rem 0;}
.nav.socialmedia li{list-style-type:none;padding:0;margin:0;}
.popup .nav.socialmedia {margin-top:1rem;margin-bottom:7rem;}
.nav.socialmedia a.fab,
.nav.socialmedia a.fa{font-size:2.5rem;display:inline-block;margin: .4rem .6rem;background: #fff;height: 1.9rem;width:1.9rem;padding:0;line-height: 1.7rem;border-radius: .5rem;}
.nav.socialmedia .fa-facebook-square{color:RGBA(59, 89, 153, 1.00);}
.nav.socialmedia .fa-twitter-square{color:RGBA(29, 161, 243, 1.00);}
.nav.socialmedia .fa-xing-square{color:RGBA(18, 101, 103, 1.00);}
.nav.socialmedia .fa-pinterest-square{color:RGBA(200, 35, 44, 1.00);}
.nav.socialmedia .fa-envelope-square{color:#555;}
@media (max-width: 575px) {
	.nav.socialmedia  li.whatsapp{margin:.2rem .3rem 0rem .5rem;}
}



/* FOOTER
-------------------------------------------------- */
footer{padding:0;position:fixed;z-index:1000;bottom:0px;right:0px;left:0px;background:#513728;width:100%;}
footer .nav{margin-right:1rem;}



@media (max-width: 575px) {
	
}







/* KONTAKTFORMULAR
-------------------------------------------------- */
.kontaktform{font-size:14px;}
.kontaktform label{display:inline-block;}
.kontaktform .clearfix{width:100%;}
.kontaktform .col-12{margin-bottom:15px;}
.kontaktform label{display:none;width:32%;float:left;margin-top:7px;}
.kontaktform label.error{width:100%;display:block;padding-left:13px;color:red;line-height: 1;margin-top: -22px;}
.kontaktform input,
.kontaktform select,
.kontaktform textarea{width:100%;margin-bottom:10px;}
.kontaktform select#Anrede{color:#464a4c;}
.kontaktform input#PLZ{width:20%;float:left;margin-right:3%;}
.kontaktform input#Ort{width:45%;}
.kontaktform p.hint{font-size:90%;}
.kontaktform p.captchahint{font-size:85%;}
.kontaktform p.captcha,
.kontaktform p.captchahint,
.kontaktform input[type="submit"]{}
/*
.kontaktform img#captcha{float:left;margin-right:15px;font-size:14px;font-weight:normal;border-radius:0px;}
*/
.kontaktForm img#captcha{/*color:#FFF;*/background:#9ECB14;border: .1rem solid #7DAC12;}
.kontaktform .resetCaptcha{height:30px;width:auto;}
.kontaktform .resetCaptcha .fa-refresh{margin-top:3px;}
.kontaktform input[type="submit"]{margin-bottom:10rem;width:auto;background:#513728;text-transform:uppercase;color:#fff;}
p.copyright,
.kontaktform p.captchahint,
.kontaktform p.hint{color:#c4c4c4;}
.kontaktform .btn,
.form-control{background:#c4c4c4;border-color:#c4c4c4;border-radius:0;}




/* Footer Hide & Show while scolling
-------------------------------------------------- */
footer.slide--reset{-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
footer.slide--up{-webkit-transform: translateY(+100%);-ms-transform: translateY(+100%);transform: translateY(+100%);}
footer.slide{transition: all 0.25s ease-in-out 0s;}