body { position:relative; min-height:100%; box-sizing:border-box; }

h2 { font-family:'DIN',sans-serif; font-size:12px; letter-spacing:0.2em; color:#555; text-transform:uppercase; font-weight:400; text-decoration:none; text-align:center; }

.verkauft-badge { z-index:10; position:absolute; left:50%; bottom:30px; transform:rotate(15deg) translateX(-50%); }
.verkauft-badge img { width:120px; height:auto; }

header { z-index:5; height:80px; position:fixed; background:rgba(255,255,255,.99); top:-100px; width:100%; left:0; box-shadow:0px 1px 5px 2px rgba(0,0,0,0.3); -webkit-transition: all .9s ease; transition: all .9s ease; -moz-transition: all .9s ease; }
header.show { top:0; -webkit-transition: all .9s ease; transition: all .9s ease; -moz-transition: all .9s ease; }
header .brand { width:50%; float:left; }
header .here { width:50%; margin-left:50%; position:relative; }
header .here h2 { text-align:right; font-size:14px; display:block; margin-right:15px; margin-top:55px; }
header .brand img { height:50px; margin:15px 0 0 15px; display:block; width:auto; }

nav { display:block; position:fixed; bottom:-100%; background:#fff; width:100%; z-index:8; left:0; box-shadow:0px -1px 5px 2px rgba(0,0,0,0.3);  }
nav.show { bottom:36px; }

nav { -webkit-transition: all .9s ease; transition: all .9s ease; -moz-transition: all .9s ease; }


section.willkommen { height:100%; width:100%; position:relative; cursor:pointer; background:url(../images/theYARD_garten_02.jpg) no-repeat center center; background-size:cover; }
section.willkommen .big-brand { position:absolute; top:50%; left:0; right:0; z-index:2; text-align:center; margin-top:-110px; padding:0 30px; }
section.willkommen .big-brand img { display:block; max-width:500px; width:100%; height:auto; box-sizing:border-box; margin:0 auto; }
section.willkommen #start_gallery_video { height:100%; position:absolute; width:100%; top:0; left:0; bottom:0; }
section.willkommen #start_gallery_video:after { content:""; position:absolute; top:0; left:0; height:100%; width:100%; background:url(../images/overlay.png); opacity:.8; }


.headlines { padding:20px 0px 17px 0;  text-align:center; position:relative; }
.headlines:after { content:''; position:absolute; z-index:3; left:0; display:block; width:100%; height:34px; bottom:-34px; background:url(../images/shadow-arrow.png) no-repeat left center; }
.headlines:before { content:''; position:absolute; z-index:3; left:0; display:block; width:100%; height:34px; top:-34px; background:url(../images/shadow-top.png) no-repeat center center; }


footer { z-index:9; padding:5px 0; width:100%; left:0; bottom:-100px; position:fixed; background:#fff; box-shadow:0px -1px 5px 2px rgba(0,0,0,0.3); -webkit-transition: all .9s ease; transition: all .9s ease; -moz-transition: all .9s ease; box-sizing:border-box; height:36px; }
footer.show { bottom:0; -webkit-transition: all .9s ease; transition: all .9s ease; -moz-transition: all .9s ease; }
footer .phone { margin-left:15px; float:left; }
.languages { text-align:left; padding-right:15px;  position:absolute; top:12px; right:0; }
.languages ul li { display:inline; position:relative; }
.languages ul li a { font-family:'AdobeGaramondProItalic',serif; font-size:14px; color:#111; text-decoration:none; font-weight:300; }
.languages ul li a:hover, header .languages ul li a.active { color:#888; }
.languages ul li.sep { padding:0px 10px; }
.languages ul li.sep:before { content:''; height:12px; width:1px; background:#aaa; display:inline-block; margin-bottom:-2px; }


.subnav { padding:2px 0px 0px 0px; /*box-shadow:0px 1px 5px 2px rgba(0,0,0,0.2);*/ text-align:center; position:relative; }
.subnav a { font-family:'DIN',sans-serif; font-size:12px; letter-spacing:0.2em; color:#555; text-transform:uppercase; font-weight:400; text-decoration:none;}
.subnav a.active { color:#C39F61; }
.subnav a:after{content:"|"; display:inline-block; padding:0 10px;}
.subnav a.last:after{ display:none;}

.col { padding-bottom:50px; }
.col p { padding:30px 15px; font-size:14px; line-height:25px; font-family:'DIN',sans-serif; color:#111; }

.we-table { display:table; width:auto; margin:30px auto; }
.we-row { display:table-row; }
.we-row .we-td { display:table-cell; padding:8px 10px; font-family:'DIN',sans-serif; font-size:11px; color:#111; text-align:left;  -webkit-transition: all .1s ease; transition: all .1s ease; -moz-transition: all .1s ease; }
.we-row .we-td:nth-child(1), .we-row .we-td:nth-child(3), .we-row .we-td:nth-child(5), .we-row .we-td:nth-child(6) { text-align:center; }
.we-row .we-td:nth-child(4) { text-align:right; }
.we-row .we-td:nth-child(6) { padding-left:0; }
.we-row.we-head .we-td { text-transform:uppercase; font-size:11px; color:#C39F61; text-align:center; border:1px solid #c39f61; border-width:0px 0px 1px 0; letter-spacing:0.1em; }
.we-row:hover .we-td, .we-row.hover .we-td { color:#C39F61; cursor:pointer; -webkit-transition: all .1s ease; transition: all .1s ease; -moz-transition: all .1s ease; }

.haus-table { display:table; width:100%; margin-bottom:20px; }
.haus-table div { display:table-cell; text-align:center; width:33.3%; padding:10px 10px; font-family:'DIN',sans-serif; font-size:14px; color:#111; text-transform:uppercase; letter-spacing:0.5em; }

.menu-btn { position:absolute; width:24px; left:50%; margin-left:-12px; display:block; text-decoration:none; top:8px; }


nav ul { display:block; }
nav ul li { display:block; }
nav ul li a { display:block; font-family:'DIN',sans-serif; font-size:14px; letter-spacing:0.2em; color:#555; text-transform:uppercase; font-weight:400; text-decoration:none; padding:10px 10px 8px 10px; border-bottom:1px solid #f2f2f2; }
nav ul li.meta a { display:block; float:left; width:50%; box-sizing:border-box; font-family:'DIN',sans-serif; font-size:12px; letter-spacing:0.2em; color:#ccc; text-transform:uppercase; font-weight:400; text-decoration:none; padding:10px; border-bottom:1px solid #f2f2f2; }


.next-btn, .prev-btn { position:absolute; top:50%; margin-top:-25px; z-index:9; cursor:pointer; width:50px; height:50px; background:rgba(0,0,0,0.5); border-radius:60px; -moz-border-radius:60px; -webkit-border-radius:60px; box-sizing:border-box; padding:5px 0px 0px 5px; opacity:0.5; }
.swiper-container:hover .next-btn, .swiper-container:hover  .prev-btn { opacity:1; }

#kontakt h3 { font-family:'AdobeGaramondProItalic',serif; font-size:25px; font-weight:400; color:#111; margin:0; letter-spacing:0.04em; text-align:center; }
#kontakt h3:after { content:''; margin:10px auto 15px auto; width:300px; height:2px; background:url(/assets/images/linie.png) no-repeat center center; display:block; }

h6 { font-size:14px; line-height:25px; font-family:'DINMedium', sans-serif; text-align:left; letter-spacing:0.5em; text-transform:uppercase; font-weight:600; color:#111; margin-bottom:20px; }
h6.h6r { font-size:14px; line-height:25px; font-family:'DINMedium', sans-serif; text-align:right; letter-spacing:0.5em; text-transform:uppercase; font-weight:600; color:#111; }
h5 { font-size:14px; line-height:25px; font-family:'DINMedium', sans-serif; text-align:center; letter-spacing:0.5em; text-transform:uppercase; font-weight:600; color:#111; }
h5 span { display:block; font-size:14px; line-height:25px; font-family:'DIN', sans-serif; text-align:center; letter-spacing:0.5em; text-transform:uppercase; font-weight:400; letter-spacing:0.1em; }
h5 span a { font-size:14px; line-height:25px; font-family:'DIN', sans-serif; text-align:center; letter-spacing:0.5em; text-transform:uppercase; font-weight:400; letter-spacing:0.1em; color:#111; text-decoration:none; }
.nodin { font-family:helvetica,arial,sans-serif; display:inline;}
.prev-btn { left:10px;zoom:.75; }
.next-btn { right:10px;zoom:.7; }