/* House of Hrvst
--------------------------------------------*/

/* CSS Reset Hack */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code, small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { font-size: 100%; font-family: inherit; vertical-align: baseline; margin: 0; padding: 0; border: 0; outline: 0; }

input, textarea { padding: 0; margin: 0; }
ul,ol { list-style-position: inside; }

body { font-family: HelveticaNeueLT-Bold, arial, sans-serif; font-weight: normal; letter-spacing: 0.1em; margin: 0; }
h4 { margin-bottom: 20px; }
p { /*margin-bottom: 10px;*/ }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.center-x { position: absolute; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); }
.center-y { position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.hide { display: none; }

.vertical_line { width: 50%; height: 20px; float: left; border-right: 2px solid black; }
.fixed_image { position: relative; width: 100%; height: 600px; z-index: 50; background-attachment: fixed !important; }
.fixed_image .vertical_line { position: absolute; bottom: 0; background: white; width: 80%; margin: 0 10%; border: none; height: 55px; }
.fixed_image .vertical_line .vertical_line { width: 50%; height: 20px; float: left; border-right: 2px solid black; margin: 0; top: 0; }

#emotion_wrap { position: relative; }
#emotion { width: 100%; min-width: 1000px; vertical-align: top; }
#emotion_text { color: white; }
#emotion_text h3 { font-size: 16px; margin-bottom: 20px; font-weight: normal; }
#emotion_text h2 { font-size: 24px; font-weight: normal; }

#menu_left { z-index: 100; }
#menu_left ul { list-style: none; margin: 0; margin-left: 35px; padding: 0; }
#menu_left li { padding: 2px 15px; }
#menu_left li#menu_shops { padding: 4px 15px; }
#menu_left li.menu_separator { margin: 6px 0; padding: 0; margin-left: 15px; width: 20px; height: 0px; border-top: 2px solid black; }
#menu_left li, #menu_left li a { font-size: 24px; text-decoration: none; text-transform: uppercase; color: black; }
#menu_left #menu_home, #menu_left #menu_home a { text-transform: none; }

#menu_left { position: fixed; margin-top: 20px; left: 0; }
#menu_left ul { margin-left: 35px; }
#menu_left li.menu_separator { width: 20px; border-top: 2px solid black; }
#menu_left_bottom { /*display: none;*/ }

#menu_right { position: fixed; width: 119px; margin-top: 20px; right: 2%; z-index: 20; font-family: 'HelveticaNeueLTStd-Roman'; }
#menu_right ul { list-style: none; margin: 0; padding: 0; }
#menu_right li { padding: 2px 0 2px 10px; }
#menu_right li.menu_separator { padding: 0; margin: 10px 0 10px 10px; width: 20px; height: 0px; border-top: 1px solid black; border-bottom: 1px solid black; }
#menu_right li, #menu_right li a { font-size: 13px; text-decoration: none; color: black; }
#menu_right li a:hover { color: black !important; }



/* Page - Default
--------------------------------------------*/
#page { min-width: 1000px; position: relative; }
#page img { width: 100%; vertical-align: top; }
#page h4 { font-size: 24px; line-height: 36px; }
#page p { font-size: 12pt; line-height: 19pt; letter-spacing: 0.6pt; }
#page #menu_left { position: fixed; margin-top: 20px; left: 0; }
#page #menu_left ul { margin-left: 35px; }
#page #menu_left li.menu_separator { width: 20px; border-top: 2px solid black; }
#page #menu_left_bottom { display: none; }
#page #content { width: 72%; margin-top: 75px; float: left; font-family: 'HelveticaNeueLTStd-Roman'; }
#page #content p { padding: 0 200px; }
#page .page_border { width: 14%; float: left; height: 10px; }
#page .sub_page { position: relative; margin-bottom: 2%; background-color: black; }
#page .sub_page:last-child { margin-bottom: 0; }
#page .sub_page img { width: 100%; vertical-align: top; /*transition: opacity .5s;*/ }
/*#page .sub_page:hover img { opacity: 0.7; }*/
#page .sub_page_teaser { opacity: 0; position: absolute; top: 55%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); /* transition: opacity .5s;*/ }
#page .sub_page:hover .sub_page_teaser { opacity: 1; }
#page .sub_page_teaser h3 { margin: 0; margin-bottom: 20px; font-size: 18px; color: white; font-weight: normal; }
#page .sub_page_teaser h2 { margin: 0; margin-bottom: 20px; font-size: 24px; color: white; font-weight: normal; }
#page .sub_page_teaser p { margin: 0; font-size: 14px; color: white; font-weight: normal; }
#page .sub_page .sub_page_teaser_outer {
    background-color: rgba(0,0,0,0);
    transition: 0.25s ease-out;
    left: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
}
#page .sub_page:hover .sub_page_teaser_outer {
    background-color: rgba(0,0,0,0.3);
    transition: 0.4s ease-in;
}
/* Page1 - Startseite
--------------------------------------------*/
#page1 { position: relative; min-width: 1000px; }
#page1 #header { position: relative; height: 610px; }
#page1 .header_images { position: absolute; }
#page1 #close_button { position: absolute; width: 10px; top: 10px; left: 10px; cursor: pointer; }
#page1 #menu_left { position: fixed; margin-top: 20px; }
#page1 #fixed_links_right { position: fixed; top: 20px; right: 40px; z-index: 100; }
#page1 #fixed_links_right a { font-size: 14px; float: left; margin: 0 10px; color: black; text-decoration: none; }

#page1 #menu_left_bottom { display: none; }

#page1 p.main_heading { margin: 0 0 22px 50px; font-size: 24px; text-transform: uppercase; color: black; position: relative; z-index: 100; }
.horizontal_separator { margin: 0 0 35px 35px; width: 20px; height: 0px; border-top: 2px solid black; }
#page1 .horizontal_separator { position: relative; z-index: 100; }
#page1 .vertical_line_arrow { width: 100%; height: 20px; position: relative; z-index: 100; }
#page1 .vertical_line_arrow:after { content: ""; border-width: 6px 6px 0 6px; border-style: solid; border-color: black transparent transparent transparent; left: 50%; top: 65px; position: absolute; display: block; margin-left: -3px; }

#home_recent_stripes .recent_strip { position: relative; margin-bottom: 5px; background-color: black; }
#home_recent_stripes .recent_strip:last-child { margin-bottom: 0; }
#home_recent_stripes .recent_strip img { width: 100%; vertical-align: top; transition: opacity .5s; -webkit-transition: opacity .5s; }
#home_recent_stripes .recent_strip:hover img { opacity: 0.7; }
#home_recent_stripes .recent_teaser { opacity: 0; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transition: opacity .5s; -webkit-transition: opacity .5s; }
#home_recent_stripes .recent_strip:hover .recent_teaser { opacity: 1; }
#home_recent_stripes .recent_teaser h3 { margin: 0; margin-bottom: 20px; font-size: 17px; font-weight: normal; color: white; }
#home_recent_stripes .recent_teaser h2 { margin: 0; margin-bottom: 20px; font-size: 24px; font-weight: normal; color: white; }
#home_recent_stripes .recent_teaser p { margin: 0; font-size: 16px; color: white; }



/* Page Team
--------------------------------------------*/
.page-team p.main_heading { margin: 0 0 22px 50px; font-size: 24px !important; text-transform: uppercase; color: black; position: relative; z-index: 100; }
.page-team .vertical_line_arrow { width: 100%; height: 20px; position: relative; z-index: 100; margin-top: 70px; }
.page-team .vertical_line_arrow:after { content: ""; border-width: 6px 6px 0 6px; border-style: solid; border-color: black transparent transparent transparent; left: 50%; position: absolute; display: block; margin-left: -3px; }



/* Footer
--------------------------------------------*/
#footer { position: relative; z-index: 50; background-color: white; padding-top: 115px; padding-bottom: 15px; min-width: 1000px; font-family: 'HelveticaNeueLTStd-Roman'; }
#footer div.footer_column { width: 22%; float: left; }

#footer_column1 { margin-left: 6%; }
#footer_column1 p { margin: 0; margin-bottom: 14px; }
#footer_column1 a { color: black; font-size: 12px; text-decoration: none; }
#footer_column1 p.insta-icon { margin-top: 70px; }
#footer_column1 p.insta-icon a { display: block; width: 20px; height: 20px; background-image: url(/img/insta_icon.png); background-size: 100%; }

#footer_column2 { color: #ABABAB; font-size: 14px; }
#footer_column2 p { margin: 0; margin-bottom: 12px; }

#footer_column3 { color: #ABABAB; font-size: 14px; }
#footer_column3 p { margin: 0; margin-bottom: 12px; }
#footer_column3 a { color: #000; text-decoration: none; }
#footer_column3 a:hover { color: #ABABAB; }

#footer_column4 { color: #ABABAB; font-size: 14px; text-align: right; }
#footer_column4 p { margin: 0; margin-bottom: 12px; padding-left: 20px; }
#footer_column4 a { color: #ABABAB; text-decoration: none; }
#footer_column4 img { float: right; }

#footer_bottom { position: relative; }
#footer_bottom p { text-align: center; margin-top: 120px; margin-bottom: 0; }
#footer_bottom img { width: 10%; }
#footer_bottom img.footer-by { width: auto; position: absolute; left: 6%; }
#footer_bottom span { position: absolute; top: 23px; right: 6%; font-size: 10px; font-weight: normal; color: #ABABAB; }
#logo_footer { width: 120px; }


#footer_canvas { position: relative; min-width: 1000px; }
#about_footer_top { overflow: hidden; margin-top: 80px; margin-bottom: 300px; }
#about_footer_top a { color: #ABABAB; }

#fa_column1 { margin-left: 6%; margin-top: 20px; width: 22%; float: left; }
#fa_column1 p { margin: 0; margin-bottom: 20px; font-size: 14px; }
#fa_column1 a {color: #000; text-decoration: none; }
#fa_column1 a:hover {color: #ABABAB; text-decoration: none; }

#fa_column2 { margin-top: 20px; width: 44%; float: left; color: #ABABAB; }
#fa_column2 p { margin: 0; margin-bottom: 20px; font-size: 14px; }
#fa_column2 p:hover { color: #000; }
#fa_column2 p:last-child { height: auto; }
#fa_column2 a { color: #ABABAB; text-decoration: none; }
#fa_column2 a:hover { color: #000; text-decoration: none; }

#fa_column3 { margin-top: 20px; width: 22%; float: left; }
#fa_column3 p { margin: 0; margin-bottom: 20px; font-size: 14px; }
#fa_column3 a { color: #ABABAB; text-decoration: none; }
#fa_column3 a:hover { color: #000; text-decoration: none; }