@import 'fonts.css';
html, body {width:100%; height:100%;}
body {font-family: 'Open Sans', sans-serif;color:#666; background:#FFF;font-size:16px;}

.lead-sm {font-size:18px}
.bg-white {background:rgba(255,255,255,1)}
.bg-darkblue {background:rgba(45,48,53,0.7)}
.bg-main {background:#bda881}
.white {color:#FFF}
.dark {color:#2d3035}
.text-bold {font-weight:700}
.label {border-radius:0; font-weight:500}
.accent {color:#bda881;font-weight:700}
.accent-price {color:#bda881;font-weight:700; border-bottom:1px solid #bda881; padding-bottom:5px}
.no-padding {padding:0}
hr {border:0; height:1px; width:80%; margin:10px auto 40px auto;padding:0;background:rgba(45,48,53,0.3);}
td { border:0;padding:5px;vertical-align:top}
td.rechts { text-align:right}
h1{ font-size:2.2rem;}
h2{ font-size:1.8rem;}
h3 { font-size:1.4rem;}
h4 { font-size:1rem;}

/* -------------*/
#logoimage { width:220px;transition: width .9s;transition: top 0.9s ease-in-out;position:absolute;position:fixed;top:5px;right:5px;z-index:9996}
#logosmall { width:189px;transition: width .9s;transition: top 0.9s ease-in-out;position:absolute;position:fixed;top:0;right:20px;z-index:9997}
#logomobile { width:150px;height:auto;display:none;}

@media (max-width: 1400px) {#logoimage { width:160px;}}
@media (max-width: 991px) {#logoimage { width:140px;}}
#Slider { margin-top:-50px }
section {padding:50px 0 0 0;}

.affix{padding:0;-webkit-transition:padding .2s linear;-moz-transition:padding .2s linear;-o-transition:padding .2s linear;transition:padding .2s linear;background-color:rgba(0,0,0,0.8);    box-shadow: 0px 3px 17px rgba(0, 0, 0, 0.80);-moz-box-shadow: 0px 3px 17px rgba(0, 0, 0, 0.80);-webkit-box-shadow: 0px 3px 17px rgba(0, 0, 0, 0.80);border-bottom:1px solid #c1c1c1}
.affix-top{padding:0;-webkit-transition:padding .5s linear;-moz-transition:padding .5s linear;-o-transition:padding .5s linear;transition:padding .5s linear}
@media only screen and (max-width: 835px) {
.affix{padding:0;-webkit-transition:padding .2s linear;-moz-transition:padding .2s linear;-o-transition:padding .2s linear;transition:padding .2s linear;background-color:rgba(0,0,0,0.8);    box-shadow: 0px 3px 17px rgba(0, 0, 0, 0.80);-moz-box-shadow: 0px 3px 17px rgba(0, 0, 0, 0.80);-webkit-box-shadow: 0px 3px 17px rgba(0, 0, 0, 0.80);border-bottom:1px solid #c1c1c1}
.affix-top{padding:0;-webkit-transition:padding .5s linear;-moz-transition:padding .5s linear;-o-transition:padding .5s linear;transition:padding .5s linear;    box-shadow: 0px 3px 17px rgba(0, 0, 0, 0.80);-moz-box-shadow: 0px 3px 17px rgba(0, 0, 0, 0.80);-webkit-box-shadow: 0px 3px 17px rgba(0, 0, 0, 0.80);background-color:rgba(0,0,0,0.9);border-bottom:1px solid #c1c1c1}
}

/* -------------*/

section#zimmer {background:transparent}
section#zimmer h3 {text-transform:uppercase; font-weight:400}
section#zimmer h4 {text-transform:uppercase; font-weight:400}
section#zimmer .zimmeritem {border:1px solid #bda881}
section#zimmer .zimmer {margin-bottom:30px;}
section#zimmer li {text-align:left;}



/*********  
19.Footer
*********/
footer {background:rgb(30,31,31);margin:0;padding:15px 0 50px 0;}
footer a,footer a:hover,footer a:link,footer a:visited {color:#a1a1a1;text-decoration:none}
footer h2 { color:#a1a1a1;}
footer .copyright{color:#a1a1a1;margin:30px 0 0 0}
footer .address{color:#a1a1a1;}


/*********  
21.Buttons
*********/
.btn-lg,.btn-group-lg > .btn{padding:10px 30px;font-size:14px;line-height:1.3333333;border-radius:6px}
.btn-sm,.btn-group-sm > .btn{padding:5px 20px;font-size:12px;line-height:1.5;border-radius:3px}

.btn-main{color:#bda881;background-color:transparent;border-color:#bda881;border:2px solid;border-radius:0;text-transform:uppercase;font-weight:500}
.btn-main:focus,.btn-main.focus{color:#FFF;background-color:#bda881;border-color:#bda881}
.btn-main:hover{color:#FFF;background-color:#bda881;border-color:#bda881}
.btn-main:active,.btn-main.active{color:#FFF;background-color:#bda881;border-color:#bda881}





.btn-label {position: relative;left: -12px;display: inline-block;padding: 6px 12px;background: rgba(168,186,94,1.0);border-radius: 3px 0 0 3px;}
.btn-labeled {padding-top: 0;padding-bottom: 0;}
.btn { margin-bottom:10px; }
.bggrau { background:#e1e1e1;padding:2px 0 2px 5px}
.totop{text-decoration:none;position:fixed;background:rgba(0,0,0,0.9);border-radius: 6px;right:10px;bottom:40px;border:0;z-index:5000;height:40px;width:40px; }
.scrollup{text-decoration:none;border-radius: 6px;border:0;z-index:5001;height:30px;width:30px; }
.scrollup a img{outline : none;}
.fs16 { font-size:16px}
.fs18 { font-size:18px}
.fs20 { font-size:20px}

.fw300{ font-weight:300}
.fw400{ font-weight:400}
.fw500{ font-weight:500}
.fw600{ font-weight:600}


.btn-grau,
.btn-grau:hover,
.btn-grau:active,
.btn-grau:visited,
.btn-grau:focus {
    background-color: #e6e6e6;
    border-color:transparent;
	color:#333
}

.bg-liste-image-gruen-3 { background:rgba(220,232,229,0.9) }
.galerie_thumb{margin:5px 0 30px 0;background:rgb(255,255,255);padding:1px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 3px 3px 2px -2px #666;-webkit-box-shadow: 3px 3px 2px -2px #666; box-shadow: 3px 3px 2px -2px #666;text-align:center;vertical-align:middle}
.galerie_thumb_spacer{width:25px;height:10px}
.galerie_thumb:hover{background:#d1d1d1;}
.galerie_thumb a, .galerie_thumb a:link, .galerie_thumb a:active, .galerie_thumb a:visited {color:#333;}
.galerie_thumb a:hover { color:#333}
.galerie_thumb_einzeln{display:inline-block;vertical-align:top;background:rgb(255,255,255);margin:5px 10px 5px 5px;padding:1px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 3px 3px 2px -2px #666;-webkit-box-shadow: 3px 3px 2px -2px #666; box-shadow: 3px 3px 2px -2px #666;text-align:center;vertical-align:middle}
.galerie_thumb_einzeln:hover{background:rgb(87,201,225);}

.weine_info{padding:2px;font-size:12px;color:#666;vertical-align:top;text-align:left;font-weight: normal;}
.color-rot { color:#852C41}
.bg-rot{ background-color:#852C41}
.bg-gruen{ background-color:#A8BA5E; }


#weine h1{font-size:2rem}
.nowrap {white-space: nowrap;}
.sticky-box {position: sticky;position: -webkit-sticky;top: 120px;}
#myNav li > a{color: #333;width:100%;line-height:2rem;text-decoration:none;display:block;padding: 2px 0 2px 6px;}
#myNav li.active a, #myNav li:hover a, #myNav li:focus a {color: #333;background-color: #e7e7e7;text-decoration:none;padding: 2px 0 2px 6px;}
div.tablecontainer {overflow-x: auto;min-width:760px}
div.tablecontainer table {border-collapse: 0;width: 100%;}
div.tablecontainer table, th, td {border: 0 solid #ddd;padding: 2px;}

@media only screen and (min-width: 836px) {
	.navbar {background-color: transparent;transition: background-color 0.4s ease-in-out;}
	.navbar.scrolled {background-color: #1C2232 !important;font-weight:300;}
	.navbar.scrolled .navbar-nav > li > a{color:#fff;background-color:transparent;margin:5px 1px 0 1px;font-weight:500;letter-spacing:0.2em;padding:6px 6px 8px 6px;font-size:16px;}
	.navbar-nav > li > a{color:#333;background:rgba(230,230,230,0.8);margin:5px 1px 0 1px;font-weight:500;letter-spacing:0.2em;padding:6px 6px 8px 6px;font-size:16px;}
	.nav > li > a:hover,.nav > li > a:focus{text-decoration:none;color:#ff0000;background-color:rgba(230,230,230,0.7);}
	.navbar-toggle{position:relative;float:right;margin-right:15px;padding:20px 10px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;}
}
@media only screen and (max-width: 835px) {
	#Slider { margin-top:0 }
	#logoimage{display: none !important;}
	#logosmall{display: none !important;}
	#logomobile{display: block !important;}
	h1{ font-size:2rem;}
	h2{ font-size:1.4rem;}
	h3 { font-size:1.1rem;}
	h4 { font-size:1rem;}
	.navbar {background-color: #1C2232;border-bottom:1px solid #f1f1f1; transition: background-color 0.4s ease-in-out;}
	.navbar.scrolled .navbar-nav > li > a{color:#fff;background:transparent;margin:5px 1px 0 1px;font-weight:500;letter-spacing:0.2em;padding:6px 6px 8px 6px;font-size:16px;}
	.navbar-toggler-icon {
	  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
	}	
	.navbar .collapse {border-top:1px solid #f1f1f1;} 
	.navbar-nav > li > a{ color:#fff;background:transparent;margin:5px 1px 0 1px;font-weight:300;letter-spacing:0.2em;padding:6px 6px 8px 6px;font-size:16px;}
	.navbar.scrolled .navbar-nav > li >  a:hover,.navbar.scrolled .navbar-nav > li > a:focus{text-decoration:none;color:#fff;background-color:rgba(255,255,255,0.4);}
	.navbar-toggle{border:1px solid transparent;}
	.sticky-box {display:none}
}

div.AngelDown{height:30px;width:30px;border-radius:50%;background:#e7e7e7;display: flex;justify-content:center;align-items: center;text-decoration:none}
div.AngelDown a:hover,div.AngelDown a:link,div.AngelDown a:focus,div.AngelDown a:visited{text-decoration:none}
div.AngelDown:after{content:"\f103";font-family:FontAwesome;font-size:1.4rem;color:#852C41;text-decoration:none}