@import url(http://fonts.googleapis.com/css?family=Arvo:700,700italic);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,700,700italic,400italic);
/* line 8, ../sass/_parallax.scss */
*[data-type="parallax"] { position: relative; overflow: hidden; }
/* line 14, ../sass/_parallax.scss */
*[data-type="parallax"] *[data-type="parallax"] { position: absolute; height: inherit; left: 0; right: 0; }
/* line 24, ../sass/_parallax.scss */
*[data-type="parallax"] *[data-depth] { position: absolute; left: 0; right: 0; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-transform-style: preserve-3d; -moz-backface-visibility: hidden; -o-transform-style: preserve-3d; -o-backface-visibility: hidden; }

/* line 47, ../sass/_parallax.scss */
.top { position: relative; z-index: 2; }

/* line 66, ../sass/styles.scss */
::-moz-selection { background-color: #333; color: #fff; }
::selection { background-color: #333; color: #fff; }

/* line 72, ../sass/styles.scss */
::-moz-selection { background-color: #333; color: #fff; }

/* line 81, ../sass/styles.scss */
html, body { margin: 0; padding: 0; color: #333; font-family: "Roboto", sans-serif; background-color: #000; -webkit-text-size-adjust: 100%; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; }

/* line 94, ../sass/styles.scss */
* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; font-weight: 400; }

/* line 100, ../sass/styles.scss */
b, strong { font-weight: 700; }

/* line 104, ../sass/styles.scss */
i { font-weight: 400; }

/* line 108, ../sass/styles.scss */
.fullscreen { max-height: none; }

/* line 116, ../sass/styles.scss */
#wrapper { max-width: none; margin: 0 auto; }
/* line 121, ../sass/styles.scss */
#wrapper.blur { -webkit-filter: blur(50px); opacity: 0.7; overflow: hidden; }

/* line 134, ../sass/styles.scss */
.clearfix:before, #navigation ul:before, footer #footerNavi ul:before, #quote_indecators:before, .clearfix:after, #navigation ul:after, footer #footerNavi ul:after, #quote_indecators:after { content: ''; display: table; width: 100%; clear: both; }

/* line 145, ../sass/styles.scss */
h1 { color: #333; font-family: "Arvo", serif; font-size: 55px; line-height: 66px; font-weight: 700; margin: 0 0 40px 0; }
/* line 154, ../sass/styles.scss */
h1:before { content: ''; background-color: #333; width: 100px; height: 10px; margin-bottom: 10px; display: block; }

/* line 165, ../sass/styles.scss */
h2 { color: #333; font-family: "Arvo", serif; font-size: 24px; line-height: 28.8px; font-weight: 700; margin: 40px 0 20px 0; }
/* line 174, ../sass/styles.scss */
h2 .subline { font-family: "Roboto", sans-serif; display: block; font-size: 16px; line-height: 24px; font-weight: bold; }
/* line 183, ../sass/styles.scss */
h2 .bigsubline { font-family: "Roboto", sans-serif; display: block; margin-top: 24px; font-size: 18px; line-height: 24px; }

/* line 193, ../sass/styles.scss */
h3 { color: #333; font-family: "Roboto", sans-serif; font-size: 18px; line-height: 21.6px; font-weight: 700; margin: 20px 0 20px 0; }

/* line 203, ../sass/styles.scss */
p + h2, p + h3 { margin-top: 40px; }

/* line 212, ../sass/styles.scss */
a, a:visited { color: #c7840f; text-decoration: none; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; }
/* line 219, ../sass/styles.scss */
a:hover, a:active { color: #000; }

/* line 238, ../sass/styles.scss */
p { font-size: 16px; line-height: 24px; color: #333; max-width: 500px; }

/* line 249, ../sass/styles.scss */
section { padding: 120px 0; }

/* line 254, ../sass/styles.scss */
.beef_image { min-height: 100vh; padding: 160px 0; }

/* line 260, ../sass/styles.scss */
#products { padding: 0; }

/* line 268, ../sass/styles.scss */
.whiteText { text-shadow: 0 0 10px #000,0 0 5px #000; }
/* line 273, ../sass/styles.scss */
.whiteText h1 { color: #fff; }
/* line 277, ../sass/styles.scss */
.whiteText h1:before { background-color: #fff; }
/* line 283, ../sass/styles.scss */
.whiteText h2 { color: #fff; }
/* line 288, ../sass/styles.scss */
.whiteText p { color: #fff; }
/* line 293, ../sass/styles.scss */
.whiteText .button.primary { border: 2px solid #fff; color: #fff; }
/* line 298, ../sass/styles.scss */
.whiteText .button.primary:hover { border: 2px solid #c7840f; color: #c7840f; }
/* line 304, ../sass/styles.scss */
.whiteText .button.primary.ext { background-image: url(../images/whiteArrow_right.png); }

/* line 315, ../sass/styles.scss */
.button { padding: 10px 15px; display: inline-block; float: left; margin: 15px 15px 0 0; }
/* line 322, ../sass/styles.scss */
.button.primary { border: 2px solid #333; color: #333; }
/* line 327, ../sass/styles.scss */
.button.primary:hover { border: 2px solid #c7840f; color: #c7840f; }
/* line 333, ../sass/styles.scss */
.button.primary.ext { background-image: url(../images/blackArrow_right.png); background-repeat: no-repeat; background-position: right 13px; background-size: 22px 56px; padding: 10px 35px 10px 15px; }
/* line 341, ../sass/styles.scss */
.button.primary.ext:hover { background-position: right -29px; }
/* line 347, ../sass/styles.scss */
.button.primary.down { background-position: right -33px; background-repeat: no-repeat; background-size: 22px 56px; padding: 10px 35px 10px 15px; background-image: url(../images/blackArrow_down.png); }
/* line 355, ../sass/styles.scss */
.button.primary.down:hover { background-position: right 16px; }
/* line 362, ../sass/styles.scss */
.button.secondary { color: #fff; border: 2px solid #c7840f; background-color: #c7840f; }
/* line 368, ../sass/styles.scss */
.button.secondary:hover { border: 2px solid #333; color: #c7840f; background-color: #333; }
/* line 375, ../sass/styles.scss */
.button.secondary.ext { background-image: url(../images/whiteArrow_right.png); background-repeat: no-repeat; background-position: right 13px; background-size: 22px 56px; padding: 10px 35px 10px 15px; }
/* line 383, ../sass/styles.scss */
.button.secondary.ext:hover { background-position: right -29px; }
/* line 389, ../sass/styles.scss */
.button.secondary.down { background-position: right -33px; background-repeat: no-repeat; background-size: 22px 56px; padding: 10px 35px 10px 15px; background-image: url(../images/whiteArrow_down.png); }
/* line 397, ../sass/styles.scss */
.button.secondary.down:hover { background-position: right 16px; }

/* line 408, ../sass/styles.scss */
#wrapper_header { background-color: #000; }

/* line 413, ../sass/styles.scss */
header { position: fixed; top: 0; left: 0; right: 0; z-index: 999999; -webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%, 0 0); clip-path: url("../images/background_navi.svg#svgPath"); -moz-clip-path: url("../images/background_navi.svg#svgPath"); -o-clip-path: url("../images/background_navi.svg#svgPath"); }

/* line 425, ../sass/styles.scss */
#logo { width: 250px; background-image: url(../images/meat_brothers.svg); background-size: auto 50px; background-position: left 50%; background-repeat: no-repeat; height: 100px; float: left; padding: 0; }

/* line 440, ../sass/styles.scss */
#navigation { float: right; }
/* line 444, ../sass/styles.scss */
#navigation ul { list-style-type: none; padding: 0; height: 100px; display: table-row; vertical-align: middle; }
/* line 453, ../sass/styles.scss */
#navigation ul li { display: table-cell; vertical-align: middle; padding-left: 25px; white-space: nowrap; }
/* line 460, ../sass/styles.scss */
#navigation ul li:first-of-type { padding-left: 0; }
/* line 467, ../sass/styles.scss */
#navigation a, #navigation a:visited { color: #fff; padding: 0 2px; font-family: "Roboto", sans-serif; text-transform: lowercase; transition: color 0.2s ease-out; -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; -ms-transition: color 0.2s ease-out; }
/* line 476, ../sass/styles.scss */
#navigation a:hover, #navigation a:active, #navigation a:active, #navigation a:visited:hover, #navigation a:visited:active, #navigation a:visited:active { color: #fff; border-bottom: 2px solid #666; }
/* line 482, ../sass/styles.scss */
#navigation a.active, #navigation a.active:visited, #navigation a.active:hover, #navigation a.active:active, #navigation a.active:visited:active, #navigation a.active:visited:hover, #navigation a.active:visited { color: #fff; border-bottom: 2px solid #c7840f; }

/* line 495, ../sass/styles.scss */
#fb_navi { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjQsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjQuMDAycHgiIGhlaWdodD0iMjQuMDAycHgiIHZpZXdCb3g9IjAgMCAyNC4wMDIgMjQuMDAyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNC4wMDIgMjQuMDAyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yMi42NzcsMEgxLjMyNUMwLjU5MywwLDAsMC41OTMsMCwxLjMyNXYyMS4zNTFjMCwwLjczMiwwLjU5MywxLjMyNiwxLjMyNSwxLjMyNkgxMi44MnYtOS4yOTVIOS42OTJ2LTMuNjIzDQoJaDMuMTI4VjguNDEzYzAtMy4xMDEsMS44OTQtNC43ODgsNC42NTktNC43ODhjMS4zMjQsMCwyLjQ2MywwLjA5OSwyLjc5NSwwLjE0M3YzLjIzOWwtMS45MTgsMC4wMDENCgljLTEuNTA0LDAtMS43OTYsMC43MTUtMS43OTYsMS43NjR2Mi4zMTJoMy41ODdsLTAuNDY3LDMuNjIzaC0zLjEydjkuMjk1aDYuMTE2YzAuNzMyLDAsMS4zMjUtMC41OTQsMS4zMjUtMS4zMjZWMS4zMjUNCglDMjQuMDAyLDAuNTkzLDIzLjQwOSwwLDIyLjY3NywweiIvPg0KPC9zdmc+DQo=); background-size: 24px 24px; background-repeat: no-repeat; width: 24px; height: 24px; display: block; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; }
/* line 505, ../sass/styles.scss */
#fb_navi:hover, #fb_navi:visited, #fb_navi:active { border: none !important; }
/* line 510, ../sass/styles.scss */
#fb_navi:hover { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjQsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjQuMDAycHgiIGhlaWdodD0iMjQuMDAycHgiIHZpZXdCb3g9IjAgMCAyNC4wMDIgMjQuMDAyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNC4wMDIgMjQuMDAyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNDNzg0MEYiIGQ9Ik0yMi42NzcsMEgxLjMyNUMwLjU5MywwLDAsMC41OTMsMCwxLjMyNXYyMS4zNTFjMCwwLjczMiwwLjU5MywxLjMyNiwxLjMyNSwxLjMyNmgxMS40OTR2LTkuMjk1SDkuNjkyDQoJdi0zLjYyM2gzLjEyN1Y4LjQxM2MwLTMuMTAxLDEuODk1LTQuNzg4LDQuNjYtNC43ODhjMS4zMjQsMCwyLjQ2MywwLjA5OSwyLjc5NSwwLjE0M3YzLjIzOWwtMS45MTgsMC4wMDENCgljLTEuNTA0LDAtMS43OTcsMC43MTUtMS43OTcsMS43NjR2Mi4zMTJoMy41ODhsLTAuNDY3LDMuNjIzSDE2LjU2djkuMjk1aDYuMTE2YzAuNzMyLDAsMS4zMjUtMC41OTQsMS4zMjUtMS4zMjZWMS4zMjUNCglDMjQuMDAyLDAuNTkzLDIzLjQwOSwwLDIyLjY3NywweiIvPg0KPC9zdmc+DQo=); }

/* line 518, ../sass/styles.scss */
#touchIcon { width: 27px; height: 24px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjQsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjdweCIgaGVpZ2h0PSIyM3B4IiB2aWV3Qm94PSIwIDEgMjcgMjMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAxIDI3IDIzIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0M3ODQwRiIgZD0iTTAsMXYzaDI3VjFIMHogTTAsMjRoMjd2LTNIMFYyNHogTTAsMTRoMjd2LTNIMFYxNHoiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==); background-size: 27px 24px; background-repeat: no-repeat; background-position: 50% 50%; display: inline-block; position: absolute; right: 15px; top: 39px; display: none; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; }
/* line 533, ../sass/styles.scss */
#touchIcon:hover, #touchIcon:active, #touchIcon:visited { border: none !important; }
/* line 538, ../sass/styles.scss */
#touchIcon.open { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjQsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyN3B4Ig0KCSBoZWlnaHQ9IjIzcHgiIHZpZXdCb3g9IjAgMSAyNyAyMyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDEgMjcgMjMiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGcgaWQ9IkViZW5lXzEiIGRpc3BsYXk9Im5vbmUiPg0KCTxnIGRpc3BsYXk9ImlubGluZSI+DQoJCTxnPg0KCQkJPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNDNzg0MEYiIGQ9Ik0wLDF2M2gyN1YxSDB6IE0wLDI0aDI3di0zSDBWMjR6IE0wLDE0aDI3di0zSDBWMTR6Ii8+DQoJCTwvZz4NCgk8L2c+DQo8L2c+DQo8ZyBpZD0iRWJlbmVfMiI+DQoJPGc+DQoJCTxnPg0KCQkJPHBvbHlnb24gZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNDNzg0MEYiIHBvaW50cz0iMjQsMy45MDkgMjIuMDkxLDIgMTMuNSwxMC41OTEgNC45MDksMiAzLDMuOTA5IA0KCQkJCTExLjU5MSwxMi41IDMsMjEuMDkxIDQuOTA5LDIzIDEzLjUsMTQuNDA5IDIyLjA5MSwyMyAyNCwyMS4wOTEgMTUuNDA5LDEyLjUgCQkJIi8+DQoJCTwvZz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==); }

/* line 547, ../sass/styles.scss */
footer { padding: 15px 0; background-color: #000; color: #fff; }
/* line 553, ../sass/styles.scss */
footer * { font-size: 14px; }
/* line 558, ../sass/styles.scss */
footer p { color: #fff; line-height: normal; margin: 0; }
/* line 565, ../sass/styles.scss */
footer #footerNavi { text-align: right; }
/* line 569, ../sass/styles.scss */
footer #footerNavi ul { list-style-type: none; padding: 0; margin: 0; display: inline-block; }
/* line 582, ../sass/styles.scss */
footer #footerNavi li { float: left; margin-left: 30px; }
/* line 587, ../sass/styles.scss */
footer #footerNavi li:first-of-type { margin-left: 0; }
/* line 595, ../sass/styles.scss */
footer a, footer a:visited { color: #fff; }
/* line 599, ../sass/styles.scss */
footer a:visited { color: #fff; }
/* line 604, ../sass/styles.scss */
footer a:hover, footer a:active, footer a:active { color: #fff; text-decoration: underline; }

/* line 618, ../sass/styles.scss */
#start { min-height: 100vh; margin-top: 0; background-color: #fff; position: relative; }

/* line 626, ../sass/styles.scss */
#key_home { background-image: url("../images/background.jpg"); background-size: cover; background-position: 50% 160px; z-index: 1; }

/* line 634, ../sass/styles.scss */
#text_home { position: absolute; max-width: 500px; top: 55%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }

/* line 645, ../sass/styles.scss */
#about { margin-bottom: -35px; min-height: 100vh; }

/* line 651, ../sass/styles.scss */
.knife { margin-top: 60px; }

/* line 656, ../sass/styles.scss */
#key_about { background-image: url("../images/background_about.jpg"); background-size: cover; background-position: 50% top; z-index: 1; }

/* line 664, ../sass/styles.scss */
#text_about { float: right; max-width: 600px; }

/* line 673, ../sass/styles.scss */
#origin { min-height: 100vh; background-color: #fff; }

/* line 679, ../sass/styles.scss */
#key_origin { background-image: url("../images/background_origin.jpg"); background-size: cover; background-position: 50% top; z-index: 1; }

/* line 687, ../sass/styles.scss */
#text_origin { background-color: rgba(255, 255, 255, 0.8); margin-top: 60px; padding: 60px 30px 15px 30px; max-width: 600px; float: right; }

/* line 696, ../sass/styles.scss */
.the-image { margin-right: 15px; }
/* line 700, ../sass/styles.scss */
.the-image img { display: block; }
/* line 705, ../sass/styles.scss */
.the-image p { color: #fff; display: block; max-width: none; margin: 10px 0 20px 0; font-size: 14px; line-height: 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); padding-bottom: 10px; }

/* line 720, ../sass/styles.scss */
.breakpoint_phablet #origin, .breakpoint_phone #origin { min-height: initial; padding: 0; }
/* line 726, ../sass/styles.scss */
.breakpoint_phablet #text_origin, .breakpoint_phone #text_origin { margin: 0; background-color: rgba(255, 255, 255, 0.8); }
/* line 732, ../sass/styles.scss */
.breakpoint_phablet .the-image, .breakpoint_phone .the-image { width: 100%; margin-bottom: 60px; }
/* line 737, ../sass/styles.scss */
.breakpoint_phablet .the-image p, .breakpoint_phone .the-image p { font-size: 14px; line-height: 16px; }

/* line 748, ../sass/styles.scss */
blockquote { position: relative; z-index: 2; margin: 0; display: block; width: 100%; overflow: hidden; -webkit-clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 95%, 0 5%); clip-path: url("../images/background_quotes.svg#svgPath"); -moz-clip-path: url("../images/background_quotes.svg#svgPath"); -o-clip-path: url("../images/background_quotes.svg#svgPath"); }
/* line 759, ../sass/styles.scss */
blockquote #wrapper_quote { padding: 60px 0; text-align: center; position: relative; background-color: #c7840f; margin: 0; max-width: none; width: 100%; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; }
/* line 770, ../sass/styles.scss */
blockquote #wrapper_quote .quote { max-width: 800px; margin: 0 auto; padding: 0 90px; opacity: 0; display: none; }
/* line 778, ../sass/styles.scss */
blockquote #wrapper_quote .quote p { font-size: 24px; line-height: 36px; text-align: center; margin: 0; max-width: none; }
/* line 786, ../sass/styles.scss */
blockquote #wrapper_quote .quote p span { font-size: 18px; line-height: 27px; display: block; text-align: center; margin: 40px 0 0 0; }

/* line 801, ../sass/styles.scss */
blockquote .quote_arr { width: 80px; position: absolute; top: 0; bottom: 0; cursor: pointer; background-repeat: no-repeat; background-size: 21px 66px; background-position: 50% 50%; transition: background-color 0.2s ease-out; -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; -ms-transition: background-color 0.2s ease-out; }
/* line 813, ../sass/styles.scss */
blockquote .quote_arr:hover { background-color: rgba(0, 0, 0, 0.15); }
/* line 818, ../sass/styles.scss */
blockquote #arr_left { background-image: url(../images/quote_arr_left.png); left: 0; }
/* line 824, ../sass/styles.scss */
blockquote #arr_right { background-image: url(../images/quote_arr_right.png); right: 0; }

/* line 831, ../sass/styles.scss */
#quote_indecators { display: inline-block; margin-top: 60px; }
/* line 840, ../sass/styles.scss */
#quote_indecators .quote_indecator { width: 10px; height: 10px; float: left; background-color: transparent; border-radius: 50%; border: 2px solid #5e3e07; margin: 5px; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; }
/* line 851, ../sass/styles.scss */
#quote_indecators .quote_indecator.active, #quote_indecators #navigation a.quote_indecator.active:hover, #navigation #quote_indecators a.quote_indecator.active:hover, #quote_indecators #navigation a.quote_indecator.active:active, #navigation #quote_indecators a.quote_indecator.active:active, #quote_indecators #navigation a.quote_indecator.active:visited, #navigation #quote_indecators a.quote_indecator.active:visited { border-color: #333; background-color: #333; }

/* line 862, ../sass/styles.scss */
#quality { background-color: #fff; margin-top: -35px; }

/* line 868, ../sass/styles.scss */
#cow { height: 350px; width: auto; }

/* line 876, ../sass/styles.scss */
.breakpoint_tablet #cow, .breakpoint_phablet #cow { width: 90%; height: auto; }

/* line 883, ../sass/styles.scss */
.quality:nth-child(1) { margin-top: 40px; padding-top: 20px; border-top: 2px dashed #eee; }

/* line 890, ../sass/styles.scss */
#standing { background-color: #fff; padding-top: 0; }
/* line 895, ../sass/styles.scss */
#standing .grid:nth-child(1) { padding-top: 70px; border-top: 2px dashed #eee; }
/* line 901, ../sass/styles.scss */
#standing .the-image { margin-top: 40px; }

/* line 912, ../sass/styles.scss */
#products p { max-width: 600px; }
/* line 919, ../sass/styles.scss */
#products .whiteText .button { text-shadow: none; }
/* line 923, ../sass/styles.scss */
#products .whiteText .button.primary { background-color: rgba(0, 0, 0, 0.5); }

/* line 930, ../sass/styles.scss */
#key_beef_0 { background-image: url("../images/beef_0.jpg"); background-size: cover; background-position: 50% 50%; z-index: 1; }

/* line 938, ../sass/styles.scss */
#key_beef_1 { background-image: url("../images/beef_1.jpg"); background-size: cover; background-position: 50% 50%; z-index: 1; }

/* line 946, ../sass/styles.scss */
#key_beef_2 { background-image: url("../images/beef_2.jpg"); background-size: cover; background-position: 50% 50%; z-index: 1; }

/* line 954, ../sass/styles.scss */
#key_beef_3 { background-image: url("../images/beef_3.jpg"); background-size: cover; background-position: 50% 50%; z-index: 1; }

/* line 962, ../sass/styles.scss */
#text_beef_1, #text_beef_3 { float: right; }

/* line 968, ../sass/styles.scss */
.the-products { display: table; width: 100%; margin-top: 40px; margin-bottom: 40px; border: 2px solid #fff; padding: 30px; }
/* line 977, ../sass/styles.scss */
.the-products h2 { margin-top: 0; }
/* line 982, ../sass/styles.scss */
.the-products h3 { color: #fff; margin-bottom: 5px; }
/* line 988, ../sass/styles.scss */
.the-products p { margin: 0; }
/* line 993, ../sass/styles.scss */
.the-products .the-product-left, .the-products .the-product-right { display: table-cell; width: 50%; }
/* line 999, ../sass/styles.scss */
.the-products .the-product-left { padding-right: 30px; border-right: 2px solid #fff; padding-right: 30px; }
/* line 1006, ../sass/styles.scss */
.the-products .the-product-right { padding-left: 30px; }

/* line 1015, ../sass/styles.scss */
.textContent { padding-top: 100px; background-color: #fff; }
/* line 1020, ../sass/styles.scss */
.textContent .textContentBody { background-color: #fff; }
/* line 1025, ../sass/styles.scss */
.textContent .grid { padding: 60px 0; }

/* line 1033, ../sass/styles.scss */
#impressum #key_home, #datenschutz #key_home { height: 500px; margin: -40px -40px 40px -40px; background-position: 50% 25%; }

/* line 1049, ../sass/styles.scss */
.breakpoint_tablet #touchIcon { display: block; }
/* line 1054, ../sass/styles.scss */
.breakpoint_tablet header .grid { position: relative; }
/* line 1059, ../sass/styles.scss */
.breakpoint_tablet #navigation { width: 100%; border-top: 1px solid #333; height: 0; overflow: hidden; }
/* line 1067, ../sass/styles.scss */
.breakpoint_tablet #nav_scrollable { overflow-x: scroll; -webkit-overflow-scrolling: touch; padding-bottom: 30px; padding-right: 30px; }
/* line 1075, ../sass/styles.scss */
.breakpoint_tablet #navigation ul { margin: 0; padding-top: 20px; }
/* line 1081, ../sass/styles.scss */
.breakpoint_tablet #key_home { background-position: 50% 65px; }
/* line 1086, ../sass/styles.scss */
.breakpoint_tablet .beef_image { margin-bottom: 40px; }
/* line 1090, ../sass/styles.scss */
.breakpoint_tablet .beef_image:last-of-type { margin-bottom: 0; }
/* line 1096, ../sass/styles.scss */
.breakpoint_tablet #key_beef_0, .breakpoint_tablet #key_beef_1, .breakpoint_tablet #key_beef_2, .breakpoint_tablet #key_beef_3 { opacity: 0.4; }

/* line 1110, ../sass/styles.scss */
.breakpoint_phone #touchIcon, .breakpoint_phablet #touchIcon { display: block; }
/* line 1115, ../sass/styles.scss */
.breakpoint_phone header .grid, .breakpoint_phablet header .grid { position: relative; }
/* line 1120, ../sass/styles.scss */
.breakpoint_phone #touchIcon, .breakpoint_phablet #touchIcon { right: 15px; }
/* line 1125, ../sass/styles.scss */
.breakpoint_phone #navigation, .breakpoint_phablet #navigation { width: 100%; border-top: 1px solid #333; height: 0; overflow: hidden; }
/* line 1133, ../sass/styles.scss */
.breakpoint_phone #nav_scrollable, .breakpoint_phablet #nav_scrollable { overflow-x: scroll; -webkit-overflow-scrolling: touch; padding-bottom: 30px; padding-right: 30px; }
/* line 1141, ../sass/styles.scss */
.breakpoint_phone #navigation ul, .breakpoint_phablet #navigation ul { margin: 0; padding-top: 20px; }
/* line 1147, ../sass/styles.scss */
.breakpoint_phone section, .breakpoint_phone .beef_image, .breakpoint_phablet section, .breakpoint_phablet .beef_image { min-height: initial; padding: 40px 0; }
/* line 1154, ../sass/styles.scss */
.breakpoint_phone .the-products, .breakpoint_phablet .the-products { display: block; width: 100%; }
/* line 1159, ../sass/styles.scss */
.breakpoint_phone .the-products .the-product-left, .breakpoint_phone .the-products .the-product-right, .breakpoint_phablet .the-products .the-product-left, .breakpoint_phablet .the-products .the-product-right { display: block; width: 100%; padding: 0; margin-bottom: 40px; border: none; }
/* line 1167, ../sass/styles.scss */
.breakpoint_phone .the-products .the-product-left:nth-last-child(1), .breakpoint_phone .the-products .the-product-right:nth-last-child(1), .breakpoint_phablet .the-products .the-product-left:nth-last-child(1), .breakpoint_phablet .the-products .the-product-right:nth-last-child(1) { margin-bottom: 0; border-top: 2px solid #fff; padding-top: 40px; }
/* line 1176, ../sass/styles.scss */
.breakpoint_phone .beef_image, .breakpoint_phablet .beef_image { margin-bottom: 40px; }
/* line 1180, ../sass/styles.scss */
.breakpoint_phone .beef_image:last-of-type, .breakpoint_phablet .beef_image:last-of-type { margin-bottom: 0; }
/* line 1186, ../sass/styles.scss */
.breakpoint_phone #start, .breakpoint_phablet #start { min-height: initial; padding-top: 120px; }
/* line 1192, ../sass/styles.scss */
.breakpoint_phone #key_home, .breakpoint_phone #key_about, .breakpoint_phablet #key_home, .breakpoint_phablet #key_about { display: none; }
/* line 1198, ../sass/styles.scss */
.breakpoint_phone #text_about, .breakpoint_phablet #text_about { float: none; max-width: 100%; }
/* line 1203, ../sass/styles.scss */
.breakpoint_phone #text_home, .breakpoint_phablet #text_home { position: initial; max-width: 100%; }
/* line 1209, ../sass/styles.scss */
.breakpoint_phone #about, .breakpoint_phablet #about { min-height: initial; background-color: #000; }
/* line 1216, ../sass/styles.scss */
.breakpoint_phone h1, .breakpoint_phablet h1 { font-size: 36.66667px; line-height: 44px; }
/* line 1222, ../sass/styles.scss */
.breakpoint_phone p, .breakpoint_phablet p { font-size: 19.2px; line-height: 28.8px; }
/* line 1228, ../sass/styles.scss */
.breakpoint_phone a, .breakpoint_phablet a { font-size: 19.2px; }
/* line 1233, ../sass/styles.scss */
.breakpoint_phone .button, .breakpoint_phablet .button { width: 100%; text-align: center; }
/* line 1237, ../sass/styles.scss */
.breakpoint_phone .button.down, .breakpoint_phablet .button.down { background-position: right -31px !important; }
/* line 1241, ../sass/styles.scss */
.breakpoint_phone .button.down:hover, .breakpoint_phablet .button.down:hover { background-position: right 19px !important; }
/* line 1247, ../sass/styles.scss */
.breakpoint_phone .button.ext, .breakpoint_phablet .button.ext { background-position: right 15px !important; }
/* line 1251, ../sass/styles.scss */
.breakpoint_phone .button.ext:hover, .breakpoint_phablet .button.ext:hover { background-position: right -27px !important; }
/* line 1258, ../sass/styles.scss */
.breakpoint_phone #cow, .breakpoint_phablet #cow { display: none; }
/* line 1260, ../sass/styles.scss */
.breakpoint_phone footer, .breakpoint_phablet footer { text-align: center; }
/* line 1264, ../sass/styles.scss */
.breakpoint_phone footer .span6, .breakpoint_phablet footer .span6 { width: 100% !important; }
/* line 1269, ../sass/styles.scss */
.breakpoint_phone footer #footerNavi, .breakpoint_phablet footer #footerNavi { margin-top: 15px; border-top: 1px solid #666; padding-top: 15px; text-align: center; }
/* line 1276, ../sass/styles.scss */
.breakpoint_phone footer #footerNavi li:first-of-type, .breakpoint_phablet footer #footerNavi li:first-of-type { margin-left: 0; }
/* line 1283, ../sass/styles.scss */
.breakpoint_phone #key_beef_0, .breakpoint_phone #key_beef_1, .breakpoint_phone #key_beef_2, .breakpoint_phone #key_beef_3, .breakpoint_phablet #key_beef_0, .breakpoint_phablet #key_beef_1, .breakpoint_phablet #key_beef_2, .breakpoint_phablet #key_beef_3 { opacity: 0.4; }
/* line 1293, ../sass/styles.scss */
.breakpoint_phone blockquote #wrapper_quote .quote, .breakpoint_phablet blockquote #wrapper_quote .quote { max-width: 80%; margin: 0 10%; }
/* line 1298, ../sass/styles.scss */
.breakpoint_phone blockquote #wrapper_quote .quote p, .breakpoint_phablet blockquote #wrapper_quote .quote p { font-size: 16px; line-height: 24px; text-align: center; margin: 0; }
/* line 1305, ../sass/styles.scss */
.breakpoint_phone blockquote #wrapper_quote .quote p span, .breakpoint_phablet blockquote #wrapper_quote .quote p span { font-size: 16px; line-height: 24px; display: block; text-align: center; margin: 40px 0 0 0; }
/* line 1316, ../sass/styles.scss */
.breakpoint_phone blockquote #wrapper_quote .quote_arr, .breakpoint_phablet blockquote #wrapper_quote .quote_arr { width: 35px; }
/* line 1319, ../sass/styles.scss */
.breakpoint_phone blockquote #wrapper_quote .quote_arr:hover, .breakpoint_phablet blockquote #wrapper_quote .quote_arr:hover { background-color: transparent; }
/* line 1328, ../sass/styles.scss */
.breakpoint_phone .textContent .span6, .breakpoint_phablet .textContent .span6 { width: 100% !important; }

@media screen and (min-width: 1921px) { /* line 1337, ../sass/styles.scss */
  .grid { zoom: 125%; } }
