@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:50%; background:rgba(45,48,53,0.3);}
td { border:0;padding:5px;vertical-align:top}
td.rechts { text-align:right}

/* -------------*/
#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}
@media (max-width: 1400px) {#logoimage { width:160px;}}
@media (max-width: 991px) {#logoimage { width:140px;}}
#mainnavigation{background:transparent}
#Slider { margin-top:-50px }
section {padding:50px 0 0 0;}
section#anfahrt{margin:0}
section#liefertouren,section#bildergalerie,section#weinkunde,section#weine,section#agb,section#impressum,section#datenschutz ,section#feste{ margin:0 0 100px 0}
#impressum h2 ,#datenschutz h2 {font-size:30px}
.navbar{min-height:20px;border:0 solid transparent}
@media (min-width: 836px) {
.navbar-nav { max-height:80px;}
.navbar-nav > li > a{color:#333;background:rgba(230,230,230,0.7);margin:5px 1px 0 1px;font-weight:300;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:56px }
#logoimage{display: none !important;}
#logosmall{display: none !important;}
.navbar-brand{color:#fff;margin-left:10px;margin-top:6px;margin-right:auto;display:block;background:url(../images/logo/logo_small.png) no-repeat top left;width:220px;}
.navbar{max-height:56px;margin:0;}
.navbar-toggle{position:relative;float:right;margin-right:15px;padding:10px 0 0 10px}
.navbar-nav{margin:0 -15px}
.navbar-nav > li > a{color:#d1d1d1;background:rgba(0,0,0,0.9);margin:0;letter-spacing:0.2em;font-weight:300;padding:6px 0 6px 14px;font-size:14px;}
.nav > li > a:hover, .nav > li > a:focus {text-decoration: none;color:#333;background-color: #e1e1e1;}	
.navbar-collapse{border-top:0 solid transparent}
.navbar-toggle .icon-bar{width:30px;background:#ff0000}
.navbar-toggle {border: none;background:transparent !important;}
.navbar-toggle:hover {background: transparent !important;}
.navbar-toggle .icon-bar {width: 22px;transition: all 0.2s;}
.navbar-toggle .top-bar {transform: rotate(45deg);transform-origin: 10% 10%;}
.navbar-toggle .middle-bar {opacity: 0;}
.navbar-toggle .bottom-bar {transform: rotate(-45deg);transform-origin: 10% 90%;}
.navbar-toggle.collapsed .top-bar {transform: rotate(0);}
.navbar-toggle.collapsed .middle-bar {opacity: 1;}
.navbar-toggle.collapsed .bottom-bar {transform: rotate(0);}
section {padding:0;}
section#anfahrt{margin:0}
section#liefertouren,section#bildergalerie,section#weinkunde,section#weine,section#agb,section#impressum,section#datenschutz ,section#feste{ margin:0 0 10px 0}
h1{ font-size:20px;}
h2{ font-size:20px;}
h3 { font-size:18px;}
h4 { font-size:20px;}
#impressum h2 ,#datenschutz h2 {font-size:24px}
}

.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}
}

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

header#fullwidth {color:#FFF}
header#fullwidth{background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover; background-attachment:fixed}
header#fullwidth .header-text{padding-top:180px;padding-bottom:50px}
header#fullwidth h1 { font-size:64px; color:#4AA8D3}
header#fullwidth h2{ font-size:28px;}
@media(min-width:768px) {
header#fullwidth .header-text {padding-top: 300px;padding-bottom: 200px;}
}
@media(max-width:768px) {
header#fullwidth { margin-top:100px;}
header#fullwidth h1 { font-size:34px; color:#4AA8D3}
header#fullwidth h2{ font-size:21px;}
p.details  {text-align:center !important; font-size:16px;font-weight:500;line-height:1.5}
.text-right { text-align:left}
}
header#fullwidth .form-inline .form-control {border-radius: 0;margin-right: 10px;    height:45px; min-width: 260px; background:rgba(255,255,255,0.9);color:#1c1e21;}	
header#fullwidth .lightform .form-control {border-radius: 0;margin-right: 10px; margin-bottom:10px;   height:45px; min-width: 260px; background:rgba(255,255,255,0.1);color:#fff; border:2px solid #4AA8D3;}	
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
header#fullwidth .header-text {padding-top: 240px;padding-bottom: 160px;}
}



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}
/* Main Button */
.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}
/* Main White Button */
.btn-main-white{color:#FFF;background-color:transparent;border-color:#FFF;border:2px solid;border-radius:0;text-transform:uppercase;font-weight:500}
.btn-main-white:focus,.btn-main-white.focus{color:#bda881;background-color:#FFF;border-color:#FFF}
.btn-main-white:hover{color:#bda881;background-color:#FFF;border-color:#FFF}
.btn-main-white:active,.btn-main-white.active{color:#bda881;background-color:#FFF;border-color:#FFF}

/*********  
22.Boxed Layout Adjustments  
*********/
#wrapper {position: relative;z-index: 1;max-width: 1200px;margin: 0 auto;overflow: hidden;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);}
.boxed-pattern {background:#f6efe3 url(../images/patterns/pattern01.jpg);}

/*********  
23.Paddings 
*********/
.pddn-neg-10-top {padding-top: -10px}
.pddn-0 {padding: 0px !important}
.pddn-10 {padding: 10px}
.pddn-20 {padding: 20px}
.pddn-30 {padding: 30px}
.pddn-40 {padding: 40px}
.pddn-50 {padding: 50px}
.pddn-60 {padding: 60px}
.pddn-70 {padding: 70px}
.pddn-80 {padding: 80px}
.pddn-90 {padding: 90px}
.pddn-100 {padding: 100px}
.pddn-10-top {padding-top: 10px}
.pddn-20-top {padding-top: 20px}
.pddn-30-top {padding-top: 30px}
.pddn-40-top {padding-top: 40px}
.pddn-50-top {padding-top: 50px}
.pddn-60-top {padding-top: 60px}
.pddn-70-top {padding-top: 70px}
.pddn-80-top {padding-top: 80px}
.pddn-90-top {padding-top: 90px}
.pddn-100-top {padding-top: 100px}
.pddn-10-btm {padding-bottom: 10px}
.pddn-20-btm {padding-bottom: 20px}
.pddn-30-btm {padding-bottom: 30px}
.pddn-40-btm {padding-bottom: 40px}
.pddn-50-btm {padding-bottom: 50px}
.pddn-60-btm {padding-bottom: 60px}
.pddn-70-btm {padding-bottom: 70px}
.pddn-80-btm {padding-bottom: 80px}
.pddn-90-btm {padding-bottom: 90px}
.pddn-100-btm {padding-bottom: 100px}
.pddn-0-top-btm {padding:0}
.pddn-10-top-btm {padding: 10px 0}
.pddn-20-top-btm {padding: 20px 0}
.pddn-30-top-btm {padding: 30px 0}
.pddn-40-top-btm {padding: 40px 0}
.pddn-50-top-btm {padding: 50px 0}
.pddn-60-top-btm {padding: 60px 0}
.pddn-70-top-btm {padding: 70px 0}
.pddn-80-top-btm {padding: 80px 0}
.pddn-90-top-btm {padding: 90px 0}
.pddn-100-top-btm {padding: 100px 0}
.pd-2448 { padding:2px 4px 4px 8px; }
.pd-6 { padding:6px;}
/*********  
24.Margins 
*********/
.mrgn-10-top {margin-top: 10px}
.mrgn-15-top {margin-top: 15px}
.mrgn-20-top {margin-top: 20px}
.mrgn-25-top {margin-top: 25px}
.mrgn-30-top {margin-top: 30px}
.mrgn-40-top {margin-top: 40px}
.mrgn-50-top {margin-top: 50px}
.mrgn-60-top {margin-top: 60px}
.mrgn-70-top {margin-top: 70px}
.mrgn-80-top {margin-top: 80px}
.mrgn-90-top {margin-top: 90px}
.mrgn-100-top {margin-top: 100px}
.mrgn-10-btm {margin-bottom: 10px}
.mrgn-20-btm {margin-bottom: 20px}
.mrgn-30-btm {margin-bottom: 30px}
.mrgn-40-btm {margin-bottom: 40px}
.mrgn-50-btm {margin-bottom: 50px}
.mrgn-60-btm {margin-bottom: 60px}
.nowrap {white-space: nowrap;}



.ribbon{margin:50px auto;width:280px;height:370px;background:#fff;border-radius:10px;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.3);-moz-box-shadow:0 0 8px rgba(0,0,0,0.3);box-shadow:0 0 8px rgba(0,0,0,0.3);position:relative;z-index:90}
.ribbon-wrapper-dark{width:90px;height:90px;overflow:hidden;position:absolute;top:0;left:0;z-index:9}
.ribbon-dark{color:#333;text-align:center;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);position:relative;padding:4px 0;right:27px;top:19px;width:120px;background-color:#2d3035;color:#bda881;-webkit-box-shadow:0 0 3px rgba(0,0,0,0.3);-moz-box-shadow:0 0 3px rgba(0,0,0,0.3);box-shadow:0 0 3px rgba(0,0,0,0.3);text-transform:uppercase}
.ribbon-dark:before,.ribbon-dark:after{content:"";border-top:4px solid #1f2124;border-left:4px solid transparent;border-right:4px solid transparent;position:absolute;bottom:-3px}
.ribbon-dark:before{left:0}
.ribbon-dark:after{right:0}
.ribbon-wrapper-light{width:90px;height:90px;overflow:hidden;position:absolute;top:0;left:0;z-index:9}
.ribbon-light{color:#333;text-align:center;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);position:relative;padding:4px 0;right:27px;top:19px;width:120px;background-color:#bda881;bda881color:#2d3035;-webkit-box-shadow:0 0 3px rgba(0,0,0,0.3);-moz-box-shadow:0 0 3px rgba(0,0,0,0.3);box-shadow:0 0 3px rgba(0,0,0,0.3);text-transform:uppercase}
.ribbon-light:before,.ribbon-light:after{content:"";border-top:4px solid #a6916b;border-left:4px solid transparent;border-right:4px solid transparent;position:absolute;bottom:-3px}
.ribbon-light:before{left:0}
.ribbon-light:after{right:0}

.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}

.nounderline:hover, .nounderline:focus { text-decoration: none;color:#333}


#sidebar {display:none;}
@media (min-width: 979px) {
	#sidebar {display:block;}
  #sidebar.affix-top {position: static;margin-top:30px;width:auto;}
  #sidebar.affix {background-color:transparent;box-shadow:none;-moz-box-shadow: none;-webkit-box-shadow: none;border-bottom:0;position: fixed;top:80px;width:auto;}

#sidebar li {border:0;margin:0 0 0 -14px;padding:0;max-height:25px;}
#sidebar.nav > li > a{text-decoration:none;color:#555;background-color:transparent}
#sidebar.nav > li > a:hover,#sidebar.nav > li > a:hover,#sidebar.nav > li > a:focus{text-decoration:none;color:#333;background-color:transparent}
#sidebar a:hover,#sidebar a:focus{outline: none;}
#sidebar li.active:before{ content: "\f101";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
	color:#333;
    text-decoration: inherit;
	float:right;
	padding-top:10px;
}
}
/*#sidebar li.active {border:0 #2A96B5 solid;border-right-width:2px;}*/

.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; }

figure {
    display: inline-block;
    background: transparent;
    overflow: hidden;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
figure img {
    display: block;
    margin: 0;
    padding: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
figure:hover {
    background: transparent;
}
figure:hover img {
	-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;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2);
    opacity: .8;
    filter: alpha(opacity=80);
}
.lupe {cursor:url(../images/loaders/lupe.png),auto;}