/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a, img { outline: none !important; text-decoration: none !important; }
body { font-family: 'Lora', serif; font-size: 18px; }
h1 { display: inline-block; font-size: 30px; color: #1f1d1b; position: relative; margin-bottom: 40px; padding: 0 0 15px 0; color: #FFF; }
h1:before { display: block; width: 100%; height: 5px; position: absolute; left: 0; right: 0; bottom: 0; content: ""; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2a221f+0,ac9362+100&0+0,1+100 */ background: -moz-linear-gradient(left, rgba(42,34,31,0) 0%, rgba(172,147,98,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(42,34,31,0) 0%, rgba(172,147,98,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(42,34,31,0) 0%, rgba(172,147,98,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002a221f', endColorstr='#ac9362', GradientType=1 ); /* IE6-9 */
}
p { display: block; line-height: 30px; color: #1f1d1b; }


.navbar-default .nav > li > a { text-transform: capitalize !important; font-size: 16px !important; font-weight: normal !important; color: #FFF; padding-top:0; padding-bottom:0; line-height:36px !important; border:solid 1px transparent; }
.navbar-default.affix .nav > li > a, .navbar-default.affix .nav > li > a:focus { color:#FFF; }
.navbar-default.affix { background:#000000; border-color:#ac9361; }
.navbar-brand { padding: 0; height: auto; }
.navbar { min-height: auto; margin-bottom: 0; padding: 10px 0; }
.navbar-default .nav > li > a:focus:hover, .navbar-default .nav > li > a:hover { border-radius: 30px; border: solid 1px #ac9361; }
.navbar-default .nav > li.active > a, .navbar-default .nav > li.active > a:focus { border-radius: 30px; border: solid 1px #ac9361; }
.navbar-default.affix .nav > li > a:focus:hover, .navbar-default.affix .nav > li > a:hover { color:#ac9361; }

/*.navbar-default .nav > li > a:focus:hover, .navbar-default .nav > li > a:hover { color: #ac9361; border-radius: 30px; border: solid 1px #ac9361; }
.navbar-default .nav > li.active > a, .navbar-default .nav > li.active > a:focus { color: #ac9361 !important; border-radius: 30px; border: solid 1px #ac9361; }
.navbar-default.affix .nav > li > a:focus:hover, .navbar-default.affix .nav > li > a:hover { color: #ac9361 !important; border-radius: 30px; border: solid 1px #ac9361; }
.navbar { min-height: auto; margin-bottom: 0; padding: 10px 0; z-index: 99999999; }
.navbar-brand { padding: 0; height: auto; }
.navbar-default.affix { background: #27201e; border-bottom: solid 1px rgba(175,151,103,0.5); }
.navbar-default.affix .nav > li > a, .navbar-default.affix .nav > li > a:focus { color: #FFF; }
.navbar-default.affix .nav > li > a:focus:hover, .navbar-default.affix .nav > li > a:hover { color: #ac9361 !important; }
.navbar-default { border: none; }
.navbar-nav > li > a { padding: 0 15px; line-height: 40px; height: 40px; border: solid 1px transparent; }
.navbar-default .nav > li.active > a { border-radius: 30px; border: solid 1px #ac9361; }
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: 0; }
.navbar-right { margin-right: 0; }*/

.btn { color: #ac9361 !important; text-transform: capitalize; font-size: 16px; height: 60px; line-height: 58px; border: solid 1px #ac9361; padding: 0 50px; border-radius: 60px; }
.btn:hover { color: #FFFFFF !important; }
.btn span { display: block; float: left; }
header .btn { margin: 34px 0 0 0; background: #000000; border: solid 2px #ac9361; height: auto; }
header .header-content .header-content-inner h1 { font-size: 60px; text-transform: capitalize; font-weight: normal; }
header .header-content .header-content-inner h1:before { display: none; }
header img { margin: 0 auto 40px auto; }
/* ==================== extra new updated styles ==================== */
.legal-part { /*display: block; position: relative; top: -10px; *//* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2a221f+0,2a221f+100&0+0,1+100 *//* background: -moz-linear-gradient(left, rgba(42,34,31,0) 0%, rgba(42,34,31,1) 100%);*/ /* FF3.6-15 */ /*background: -webkit-linear-gradient(left, rgba(42,34,31,0) 0%, rgba(42,34,31,1) 100%); *//* Chrome10-25,Safari5.1-6 *//* background: linear-gradient(to right, rgba(42,34,31,0) 0%, rgba(42,34,31,1) 100%); *//* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002a221f', endColorstr='#2a221f', GradientType=1 ); *//* IE6-9 */ }
.legal-part ul { float: right; }
.legal-part li { display: block; float: left; /*border-right: solid 1px #332927;*/ padding: 0 18px; line-height: 45px; }
.legal-part li:last-child { border-right: none; padding-right: 0px !important; }
.legal-part li a {/* display: block; */ font-size: 14px; color: #ac9361; /*border-bottom: solid 1px transparent; */ }
.legal-part li:hover a, .legal-part li.active a { border-bottom: solid 1px #ac9361 !important; }
.expand-blue-bg { background: #2a211e; display: block; height: 100%; position: absolute; top: 0; z-index: 9; }
.navbar-header { margin-top: -42px; }
.about-us h1, .news h1 { color: #1f1d1b; }
.about-us { display: block; padding: 60px 0; text-align: center; }
.about-us p { display: block; width: 80%; margin: 0 auto; }
.that-we-offer { display: block; background: url(../img/that-we-offer-bg.jpg) no-repeat center top; background-size: cover; }
.that-we-offer h1 { margin-left: 45px; }
.that-we-offer-right .content-right { display: block; padding: 60px 0; }
.that-we-offer-right .content-right ul { display: block; }
.that-we-offer-right .content-right ul li { display: block; color: #FFF; line-height: 90px; position: relative; padding: 0 0 0 45px; }
.that-we-offer-right .content-right ul li:before { display: block; width: 100%; height: 1px; content: ""; position: absolute; left: 0; bottom: 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#534e43+0,2a221f+100&1+0,0+100 */ background: -moz-linear-gradient(left, rgba(83,78,67,1) 0%, rgba(42,34,31,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(83,78,67,1) 0%, rgba(42,34,31,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(83,78,67,1) 0%, rgba(42,34,31,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#534e43', endColorstr='#002a221f', GradientType=1 ); /* IE6-9 */
}
.that-we-offer-right .content-right ul li:last-child:before { display: none; }
.that-we-offer-right .content-right ul li svg { display: inline-block; float: left; width: 20px; line-height: normal; height: auto; margin: 28px 20px 0 0; }
.that-we-offer-right .content-right ul li .svg-wrap { display: block; float: left; width: 15px; padding: 30px 0; margin-right: 30px; }
.that-we-offer-right .content-right ul li .svg-wrap img { display: block; width: 100%; }
.that-we-offer-right .content-right ul li span { display: block; float: left; }
.that-we-offer-left { display: block; float: left; width: 50%; position: relative; }
.that-we-offer-right { display: block; float: left; width: 50%; position: relative; }

div#preloader { position: fixed; left: 0; top: 0; z-index: 9999999; width: 100%; height: 100%; overflow: visible; background: url('../images/91.svg') no-repeat center center rgba(43,36,34,0.9); }
.news { display: block; padding: 40px 0; }
.news img { display: block; width: 100%; }
.news .right-contents { display: block; }
.news .right-contents h2 { display: block; font-size: 18px; color: #ae9564; border-bottom: solid 1px #e6e6e6; padding: 0 0 20px 0; margin: 0 0 20px 0; font-weight: bold; }
.news .right-contents .date { display: block; color: #ae9564; padding: 20px 0 0 0; font-weight: 700; }
.unsere-weine { display: block; padding: 60px 0 40px 0; background: url(../img/unsere-weine.jpg) no-repeat center top; text-align: center; background-size: cover; background-attachment: fixed; }
.unsere-weine ul { display: block; }
.unsere-weine ul li { display: inline-block; margin: 0 0 40px 0; }
.unsere-weine ul li:last-child { margin: 0; }
.unsere-weine ul li p { display: block; color: #ac9361; line-height: 40px; border-right: solid 1px rgba(255,255,255,0.2); padding: 0 20px; }
.unsere-weine ul li:last-child p { border: none; }
.unsere-weine ul li p span { color: #FFF; font-weight: 700; }
.kontakt { display: block; padding: 60px 0; background: url(../img/kontakt.jpg) no-repeat center top; background-size: cover; }
.kontakt h1 { color: #1f1d1b; margin-bottom: 60px; }
.kontakt-form-wrap { display: block; }
.kontakt-form-wrap ul { display: block; }
.kontakt-form-wrap ul li { display: block; margin: 0 10px 10px 0; width: 50%; float: left; width: 49.1%; }
.kontakt-form-wrap ul li:nth-child(2n) { margin-right: 0; }
.kontakt-form-wrap .textfield { display: block; width: 100%; background: #FFF; height: 50px;/* line-height: 50px; */ padding: 0 20px; font-size: 14px; color: #000; border: none; }
.kontakt-form-wrap textarea { display: block; width: 100%; background: #FFF; height: 200px; line-height: normal; padding: 20px; font-size: 14px; color: #000; resize: vertical; border: none; }
.kontakt-form-wrap button { display: inline-block; background: #af9767; color: #FFF; font-size: 16px; border-radius: 100px; line-height: 50px; padding: 0 30px; border: none; margin: 20px 0 0 0; }
.kontakt-listing { display: block; }
.kontakt-listing ul { display: block; float: left; position: relative; padding: 0 20px; }
.kontakt-listing ul li { display: block; color: #1f1d1b; line-height: 30px; }
.kontakt-listing ul:before { width: 1px; height: 100%; content: ""; position: absolute; right: 0; top: 0; display: block; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,af9767+40,af9767+60,7db9e8+100&0+0,1+40,1+60,0+100 */ background: -moz-linear-gradient(top, rgba(30,87,153,0) 0%, rgba(175,151,103,1) 40%, rgba(175,151,103,1) 60%, rgba(125,185,232,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(30,87,153,0) 0%, rgba(175,151,103,1) 40%, rgba(175,151,103,1) 60%, rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(30,87,153,0) 0%, rgba(175,151,103,1) 40%, rgba(175,151,103,1) 60%, rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#007db9e8', GradientType=0 ); /* IE6-9 */
}
.kontakt-listing ul.left-ul { padding-left: 0; }
.kontakt-listing ul.left-ul li:nth-child(2) { color: #ad9463; }
.kontakt-listing ul.right-ul { padding-right: 0; }
.kontakt-listing ul.left-ul li:first-child { font-weight: 700; }
.kontakt-listing ul.right-ul li:first-child { color: #ad9463; }
.kontakt-listing ul.right-ul:before { display: none; }
.social-wrap { display: block; padding: 40px 0 0 0; }
.social-wrap ul { display: block; }
.social-wrap ul li { display: block; color: #1f1d1b; margin: 0 0 10px 0; font-weight: 400; }
.social-wrap ul li a { color: #1f1d1b; }
.social-wrap ul li:last-child { margin-bottom: 0; }
.social-wrap ul li .fa { width: 40px; height: 40px; line-height: 40px; text-align: center; color: #ad9563; font-size: 14px; font-family: 'FontAwesome'; border: solid 1px #ad9563; border-radius: 100px; margin: 0 15px 0 0; }
.kontakt-right-wrap .kontakt-right-wrap { display: block; position: relative; padding: 0 0 0 50px; margin: 0 0 0 35px; }
.kontakt-right-wrap:before { width: 1px; height: 100%; content: ""; position: absolute; left: 0; top: 0; display: block; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,af9767+40,af9767+60,7db9e8+100&0+0,1+40,1+60,0+100 */ background: -moz-linear-gradient(top, rgba(30,87,153,0) 0%, rgba(175,151,103,1) 40%, rgba(175,151,103,1) 60%, rgba(125,185,232,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(30,87,153,0) 0%, rgba(175,151,103,1) 40%, rgba(175,151,103,1) 60%, rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(30,87,153,0) 0%, rgba(175,151,103,1) 40%, rgba(175,151,103,1) 60%, rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#007db9e8', GradientType=0 ); /* IE6-9 */
}
.Anfahrt { display: block; overflow: hidden; padding: 40px 0 0 0; }
.Anfahrt iframe { display: block; }
.Anfahrt h1 { color: #1f1d1b; }
.Öffnungszeiten { display: block; padding: 40px 0 0 0; text-align: center; }
.Öffnungszeiten h1 { color: #1f1d1b; margin: 0 0 10px 0; }
.Öffnungszeiten ul { display: block; }
.Öffnungszeiten ul li { display: inline-block; color: #1f1d1b; font-size: 16px; line-height: 70px; margin: 0 20px 0 0; border-right: solid 1px #ede9e9; padding: 0 20px 0 0; }
.Öffnungszeiten ul li:last-child { border: none; margin-right: 0; padding-right: 0; }
.Öffnungszeiten ul li span { padding: 0 0 0 20px; color: #ac9361; }
.Öffnungszeiten .timeing-wrap { display: block; background: #f8f8f8; }
.footer { display: block; text-align: center; background: #000000; }
.footer p { display: block; line-height: 70px; color: #FFF; font-size: 14px; }
body.impressum .navbar { background: #000000; }
body.impressum .impressum-sec { display: block; padding: 180px 0 120px 0; }
body.impressum .impressum-sec h1 { color: #1f1d1b; }
body.impressum .impressum-sec p { display: block; padding: 0 0 30px 0; }
body.impressum footer { /*position: absolute;*/ left: 0; right: 0; bottom: 0; }
.that-we-offer .owl-carousel .owl-nav { left: 0; position: absolute; right: 0; top: 50%; margin-top: -20px; }
.that-we-offer .owl-carousel .owl-nav .owl-prev { display: block; width: 40px; height: 40px; background: url(../img/owl-prev.png) no-repeat 0 0; background-size: cover !important; float: left; }
.that-we-offer .owl-carousel .owl-nav .owl-next { display: block; width: 40px; height: 40px; background: url(../img/owl-next.png) no-repeat 0 0; background-size: cover !important; float: right; }
.that-we-offer .owl-carousel .owl-nav .owl-prev:hover { display: block; width: 40px; height: 40px; background: url(../img/owl-prev-hover.png) no-repeat 0 0; float: left; }
.that-we-offer .owl-carousel .owl-nav .owl-next:hover { display: block; width: 40px; height: 40px; background: url(../img/owl-next-hover.png) no-repeat 0 0; float: right; }
.that-we-offer .owl-carousel .owl-dots { display: inline-block; background: rgba(39,32,30,0.9); border-radius: 100px; padding: 5px 10px; position: absolute; left: 0; right: 0; bottom: 30px; width: 115px; margin: 0 auto; }
.owl-dots .owl-dot { display: inline-block; }
.owl-dots { text-align: center; }
.owl-dots .owl-dot span { backface-visibility: visible; background: #FFF; border-radius: 30px; display: block; height: 12px; margin: 0 3px; transition: opacity 0.2s ease 0s; width: 12px; }
.owl-dots .owl-dot.active span { background: none; border: solid 2px #FFFFFF; }
.that-we-offer-left .owl-carousel { height: 100%; }
.that-we-offer-left .owl-carousel .owl-stage-outer { height: 100%; }
.that-we-offer-left .owl-carousel .owl-stage { height: 100%; }
.that-we-offer-left .owl-carousel .owl-item { height: 100%; }
.that-we-offer-left .owl-carousel .item-1 { display: block; width: 100%; height: 100%; background: url(../img/slide-1.jpg) no-repeat center top; background-size: cover; }
.that-we-offer-left .owl-carousel .item-2 { display: block; width: 100%; height: 100%; background: url(../img/slide-2.jpg) no-repeat center top; background-size: cover; }
.that-we-offer-left .owl-carousel .item-3 { display: block; width: 100%; height: 100%; background: url(../img/slide-3.jpg) no-repeat center top; background-size: cover; }
header .btn .svg-wrap { display: block; float: left; margin: 0 0 0 10px; }
header .btn .svg-wrap img { display: inline-block; width: 14px; margin-bottom: 0 !important; position: relative; top: 6px; }
/* ============ updated css ============ */

.kontakt-form-wrap .textfield, textarea { outline: none !important; box-shadow: none !important; }
.kontakt-form-wrap .textfield::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #ac9361;
opacity:1;
}
.kontakt-form-wrap .textfield::-moz-placeholder, textarea::-moz-placeholder { /* Firefox 19+ */
color: #ac9361;
opacity:1;
}
.kontakt-form-wrap .textfield:-ms-input-placeholder, textarea:-ms-input-placeholder { /* IE 10+ */
color: #ac9361;
opacity:1;
}
.kontakt-form-wrap .textfield:-moz-placeholder, textarea:-moz-placeholder { /* Firefox 18- */
color: #ac9361;
opacity:1;
}
.navbar-brand { width: 164px; }
.navbar-brand > img { width: 100%; }
.that-we-offer-right .content-right ul li .svg-wrap { width: 17px; }
/*header#intro { background-attachment: fixed; }*/
.intro-pad { display: block; height: 100%; }
.intro-pad header { position: fixed; }


.scroll-sec { display: block; position: relative; background: #FFF; }

header .header-content .header-content-inner h1 span { display: block; }
header .header-content { width: 100%; padding: 150px 15px 100px; text-align: center; }
/* additional modification on 7 Feb 2018---- contact form---*/
input[type=checkbox], input[type=radio] {
    margin-top: 15px;
}
.check-content{
font-size: 14px;
line-height: 22px;
}
.kontakt-form-wrap button {
margin-top:10px!important;
}
.divider{
margin-top: 15px;
    line-height: 22px;
}