/* poppins-100 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: normal; font-weight: 100; src: url('../fonts/poppins-v24-latin-100.eot'); /* IE9 Compat Modes */ src: url('../fonts/poppins-v24-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/poppins-v24-latin-100.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/poppins-v24-latin-100.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/poppins-v24-latin-100.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/poppins-v24-latin-100.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-100italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: italic; font-weight: 100; src: url('../fonts/poppins-v24-latin-100italic.eot'); /* IE9 Compat Modes */ src: url('../fonts/poppins-v24-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/poppins-v24-latin-100italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/poppins-v24-latin-100italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/poppins-v24-latin-100italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/poppins-v24-latin-100italic.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-200 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: normal; font-weight: 200; src: url('../fonts/poppins-v24-latin-200.eot'); /* IE9 Compat Modes */ src: url('../fonts/poppins-v24-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/poppins-v24-latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/poppins-v24-latin-200.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/poppins-v24-latin-200.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/poppins-v24-latin-200.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-200italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: italic; font-weight: 200; src: url('../fonts/poppins-v24-latin-200italic.eot'); /* IE9 Compat Modes */ src: url('../fonts/poppins-v24-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/poppins-v24-latin-200italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/poppins-v24-latin-200italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/poppins-v24-latin-200italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/poppins-v24-latin-200italic.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-300 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: normal; font-weight: 300; src: url('../fonts/poppins-v24-latin-300.eot'); /* IE9 Compat Modes */ src: url('../fonts/poppins-v24-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/poppins-v24-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/poppins-v24-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/poppins-v24-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/poppins-v24-latin-300.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-300italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: italic; font-weight: 300; src: url('../fonts/poppins-v24-latin-300italic.eot'); /* IE9 Compat Modes */ src: url('../fonts/poppins-v24-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/poppins-v24-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/poppins-v24-latin-300italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/poppins-v24-latin-300italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/poppins-v24-latin-300italic.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: normal; font-weight: 400; src: url('../fonts/poppins-v24-latin-regular.eot'); /* IE9 Compat Modes */ src: url('../fonts/poppins-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/poppins-v24-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/poppins-v24-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/poppins-v24-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/poppins-v24-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: italic; font-weight: 400; src: url('../fonts/poppins-v24-latin-italic.eot'); /* IE9 Compat Modes */ src: url('../fonts/poppins-v24-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/poppins-v24-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/poppins-v24-latin-italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/poppins-v24-latin-italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/poppins-v24-latin-italic.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-500 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: normal; font-weight: 500; src: url('../fonts/poppins-v24-latin-500.eot'); /* IE9 Compat Modes */ src: url('../fonts/poppins-v24-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/poppins-v24-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/poppins-v24-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/poppins-v24-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/poppins-v24-latin-500.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-500italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: italic; font-weight: 500; src: url('../fonts/poppins-v24-latin-500italic.eot'); /* IE9 Compat Modes */ src: url('../fonts/poppins-v24-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/poppins-v24-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/poppins-v24-latin-500italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/poppins-v24-latin-500italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/poppins-v24-latin-500italic.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-600 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: normal; font-weight: 600; src: url('../fonts/poppins-v24-latin-600.eot'); /* IE9 Compat Modes */ src: url('../fonts/poppins-v24-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/poppins-v24-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/poppins-v24-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/poppins-v24-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/poppins-v24-latin-600.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-600italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: italic; font-weight: 600; src: url('../fonts/poppins-v24-latin-600italic.eot'); /* IE9 Compat Modes */ src: url('../fonts/poppins-v24-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/poppins-v24-latin-600italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/poppins-v24-latin-600italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/poppins-v24-latin-600italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/poppins-v24-latin-600italic.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: normal; font-weight: 700; src: url('../fonts/poppins-v24-latin-700.eot'); /* IE9 Compat Modes */ src: url('../fonts/poppins-v24-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/poppins-v24-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/poppins-v24-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/poppins-v24-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/poppins-v24-latin-700.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-700italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: italic; font-weight: 700; src: url('../fonts/poppins-v24-latin-700italic.eot'); /* IE9 Compat Modes */ src: url('../fonts/poppins-v24-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/poppins-v24-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/poppins-v24-latin-700italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/poppins-v24-latin-700italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/poppins-v24-latin-700italic.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-800 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: normal; font-weight: 800; src: url('../fonts/poppins-v24-latin-800.eot'); /* IE9 Compat Modes */ src: url('../fonts/poppins-v24-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/poppins-v24-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/poppins-v24-latin-800.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/poppins-v24-latin-800.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/poppins-v24-latin-800.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-800italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: italic; font-weight: 800; src: url('../fonts/poppins-v24-latin-800italic.eot'); /* IE9 Compat Modes */ src: url('../fonts/poppins-v24-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/poppins-v24-latin-800italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/poppins-v24-latin-800italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/poppins-v24-latin-800italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/poppins-v24-latin-800italic.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-900 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: normal; font-weight: 900; src: url('../fonts/poppins-v24-latin-900.eot'); /* IE9 Compat Modes */ src: url('../fonts/poppins-v24-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/poppins-v24-latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/poppins-v24-latin-900.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/poppins-v24-latin-900.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/poppins-v24-latin-900.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-900italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: italic; font-weight: 900; src: url('../fonts/poppins-v24-latin-900italic.eot'); /* IE9 Compat Modes */ src: url('../fonts/poppins-v24-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/poppins-v24-latin-900italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/poppins-v24-latin-900italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/poppins-v24-latin-900italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/poppins-v24-latin-900italic.svg#Poppins') format('svg'); /* Legacy iOS */ } /* barlow-100 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Barlow'; font-style: normal; font-weight: 100; src: url('../fonts/barlow-v13-latin-100.eot'); /* IE9 Compat Modes */ src: url('../fonts/barlow-v13-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/barlow-v13-latin-100.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/barlow-v13-latin-100.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/barlow-v13-latin-100.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/barlow-v13-latin-100.svg#Barlow') format('svg'); /* Legacy iOS */ } /* barlow-100italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Barlow'; font-style: italic; font-weight: 100; src: url('../fonts/barlow-v13-latin-100italic.eot'); /* IE9 Compat Modes */ src: url('../fonts/barlow-v13-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/barlow-v13-latin-100italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/barlow-v13-latin-100italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/barlow-v13-latin-100italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/barlow-v13-latin-100italic.svg#Barlow') format('svg'); /* Legacy iOS */ } /* barlow-200 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Barlow'; font-style: normal; font-weight: 200; src: url('../fonts/barlow-v13-latin-200.eot'); /* IE9 Compat Modes */ src: url('../fonts/barlow-v13-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/barlow-v13-latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/barlow-v13-latin-200.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/barlow-v13-latin-200.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/barlow-v13-latin-200.svg#Barlow') format('svg'); /* Legacy iOS */ } /* barlow-200italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Barlow'; font-style: italic; font-weight: 200; src: url('../fonts/barlow-v13-latin-200italic.eot'); /* IE9 Compat Modes */ src: url('../fonts/barlow-v13-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/barlow-v13-latin-200italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/barlow-v13-latin-200italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/barlow-v13-latin-200italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/barlow-v13-latin-200italic.svg#Barlow') format('svg'); /* Legacy iOS */ } /* barlow-300 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Barlow'; font-style: normal; font-weight: 300; src: url('../fonts/barlow-v13-latin-300.eot'); /* IE9 Compat Modes */ src: url('../fonts/barlow-v13-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/barlow-v13-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/barlow-v13-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/barlow-v13-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/barlow-v13-latin-300.svg#Barlow') format('svg'); /* Legacy iOS */ } /* barlow-300italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Barlow'; font-style: italic; font-weight: 300; src: url('../fonts/barlow-v13-latin-300italic.eot'); /* IE9 Compat Modes */ src: url('../fonts/barlow-v13-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/barlow-v13-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/barlow-v13-latin-300italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/barlow-v13-latin-300italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/barlow-v13-latin-300italic.svg#Barlow') format('svg'); /* Legacy iOS */ } /* barlow-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Barlow'; font-style: normal; font-weight: 400; src: url('../fonts/barlow-v13-latin-regular.eot'); /* IE9 Compat Modes */ src: url('../fonts/barlow-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/barlow-v13-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/barlow-v13-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/barlow-v13-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/barlow-v13-latin-regular.svg#Barlow') format('svg'); /* Legacy iOS */ } /* barlow-italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Barlow'; font-style: italic; font-weight: 400; src: url('../fonts/barlow-v13-latin-italic.eot'); /* IE9 Compat Modes */ src: url('../fonts/barlow-v13-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/barlow-v13-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/barlow-v13-latin-italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/barlow-v13-latin-italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/barlow-v13-latin-italic.svg#Barlow') format('svg'); /* Legacy iOS */ } /* barlow-500 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Barlow'; font-style: normal; font-weight: 500; src: url('../fonts/barlow-v13-latin-500.eot'); /* IE9 Compat Modes */ src: url('../fonts/barlow-v13-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/barlow-v13-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/barlow-v13-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/barlow-v13-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/barlow-v13-latin-500.svg#Barlow') format('svg'); /* Legacy iOS */ } /* barlow-500italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Barlow'; font-style: italic; font-weight: 500; src: url('../fonts/barlow-v13-latin-500italic.eot'); /* IE9 Compat Modes */ src: url('../fonts/barlow-v13-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/barlow-v13-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/barlow-v13-latin-500italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/barlow-v13-latin-500italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/barlow-v13-latin-500italic.svg#Barlow') format('svg'); /* Legacy iOS */ } /* barlow-600 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Barlow'; font-style: normal; font-weight: 600; src: url('../fonts/barlow-v13-latin-600.eot'); /* IE9 Compat Modes */ src: url('../fonts/barlow-v13-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/barlow-v13-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/barlow-v13-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/barlow-v13-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/barlow-v13-latin-600.svg#Barlow') format('svg'); /* Legacy iOS */ } /* barlow-600italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Barlow'; font-style: italic; font-weight: 600; src: url('../fonts/barlow-v13-latin-600italic.eot'); /* IE9 Compat Modes */ src: url('../fonts/barlow-v13-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/barlow-v13-latin-600italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/barlow-v13-latin-600italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/barlow-v13-latin-600italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/barlow-v13-latin-600italic.svg#Barlow') format('svg'); /* Legacy iOS */ } /* barlow-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Barlow'; font-style: normal; font-weight: 700; src: url('../fonts/barlow-v13-latin-700.eot'); /* IE9 Compat Modes */ src: url('../fonts/barlow-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/barlow-v13-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/barlow-v13-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/barlow-v13-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/barlow-v13-latin-700.svg#Barlow') format('svg'); /* Legacy iOS */ } /* barlow-700italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Barlow'; font-style: italic; font-weight: 700; src: url('../fonts/barlow-v13-latin-700italic.eot'); /* IE9 Compat Modes */ src: url('../fonts/barlow-v13-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/barlow-v13-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/barlow-v13-latin-700italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/barlow-v13-latin-700italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/barlow-v13-latin-700italic.svg#Barlow') format('svg'); /* Legacy iOS */ } /* barlow-800 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Barlow'; font-style: normal; font-weight: 800; src: url('../fonts/barlow-v13-latin-800.eot'); /* IE9 Compat Modes */ src: url('../fonts/barlow-v13-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/barlow-v13-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/barlow-v13-latin-800.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/barlow-v13-latin-800.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/barlow-v13-latin-800.svg#Barlow') format('svg'); /* Legacy iOS */ } /* barlow-800italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Barlow'; font-style: italic; font-weight: 800; src: url('../fonts/barlow-v13-latin-800italic.eot'); /* IE9 Compat Modes */ src: url('../fonts/barlow-v13-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/barlow-v13-latin-800italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/barlow-v13-latin-800italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/barlow-v13-latin-800italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/barlow-v13-latin-800italic.svg#Barlow') format('svg'); /* Legacy iOS */ } /* barlow-900 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Barlow'; font-style: normal; font-weight: 900; src: url('../fonts/barlow-v13-latin-900.eot'); /* IE9 Compat Modes */ src: url('../fonts/barlow-v13-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/barlow-v13-latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/barlow-v13-latin-900.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/barlow-v13-latin-900.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/barlow-v13-latin-900.svg#Barlow') format('svg'); /* Legacy iOS */ } /* barlow-900italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Barlow'; font-style: italic; font-weight: 900; src: url('../fonts/barlow-v13-latin-900italic.eot'); /* IE9 Compat Modes */ src: url('../fonts/barlow-v13-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/barlow-v13-latin-900italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/barlow-v13-latin-900italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/barlow-v13-latin-900italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/barlow-v13-latin-900italic.svg#Barlow') format('svg'); /* Legacy iOS */ } /* sacramento-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Sacramento'; font-style: normal; font-weight: 400; src: url('../fonts/sacramento-v17-latin-regular.eot'); /* IE9 Compat Modes */ src: url('../fonts/sacramento-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/sacramento-v17-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/sacramento-v17-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/sacramento-v17-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/sacramento-v17-latin-regular.svg#Sacramento') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'ltx-font'; src: url('../webfonts/ltx-font.eot'); src: url('../webfonts/ltx-font.eot') format('embedded-opentype'), url('../webfonts/ltx-font.woff2') format('woff2'), url('../webfonts/ltx-font.woff') format('woff'), url('../webfonts/ltx-font.ttf') format('truetype'), url('../webfonts/ltx-font.svg') format('svg'); font-weight: normal; font-style: normal; font-display: block; } .ltx-icon:before { font-family: 'ltx-font'; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-transform: none; speak: never; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } :root { --red: #a91d2b; --gold: #c7ac7b; } * { box-sizing: border-box; } html { scroll-behavior: smooth; } body { font-family: Poppins, Arial, sans-serif; color: #030303; margin: 0; font-size: 15px; font-weight: 400; } .top { height: 49px; background: var(--red); color: white; font-weight: 600; font-size: 16px; } .wrap { width: calc(100% - 40px); max-width: 1875px; margin: 0 auto; } .top .wrap, .nav .wrap { display: flex; align-items: center; justify-content: space-between; height: 100%; } .top-left span { margin-right: 62px; } .top a, .top a:hover, .top a:focus, .top a:active { color: #fff; text-decoration: none; border-bottom: none; } .top-right span, .top-right i { margin-left: 26px; } .top-right, .top-right span, .top-right .nav-link { height: 100%; } .top-right .nav-link { display: inline-flex; align-items: center; padding: 0; line-height: 1; } .nav { position: sticky; top: 0; z-index: 1000; height: 88px; background: white; box-shadow: 0 5px 18px rgba(0, 0, 0, 0.08); } .logo { display: block; width: 220px; height: auto; } .nav-spacer { width: 220px; flex: 0 0 220px; } .nav-toggle { display: none; } .menu { display: flex; align-items: center; gap: 60px; } .menu a { color: #000; text-decoration: none; font-weight: 700; font-size: 16px; margin: 0; white-space: nowrap; } #ueber-uns, #leistungen, #qualitaet, #kontakt { scroll-margin-top: 88px; } .page-hero { position: relative; min-height: 552px; padding: 76px 20px 60px; display: flex; align-items: center; justify-content: center; background-color: #211d1a; background-position: center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; color: #fff; text-align: center; isolation: isolate; } .page-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: rgba(0, 0, 0, 0.58); } .page-hero__content { position: relative; z-index: 1; } .page-hero h1 { margin: 0 0 68px; color: #fff; font-size: clamp(52px, 4vw, 76px); font-weight: 800; line-height: 1.05; letter-spacing: -1px; } .page-hero__breadcrumbs .breadcrumb { justify-content: center; align-items: center; margin: 0; padding: 0; background: transparent; font-size: 16px; font-weight: 700; } .page-hero__breadcrumbs .breadcrumb-item, .page-hero__breadcrumbs .breadcrumb-item.active { color: #fff; } .page-hero__breadcrumbs .breadcrumb-item a { color: var(--gold); text-decoration: none; border-bottom: none; } .page-hero__breadcrumbs .breadcrumb-item a:hover, .page-hero__breadcrumbs .breadcrumb-item a:focus { color: #fff; text-decoration: none; } .page-hero__breadcrumbs .breadcrumb-item + .breadcrumb-item { padding-left: 18px; } .page-hero__breadcrumbs .breadcrumb-item + .breadcrumb-item::before { padding-right: 18px; color: var(--red); content: "/"; } #impressum { padding: 105px 0 145px; background: #fff; color: #111; font-size: 14px; } #impressum > .container { width: calc(100% - 80px); max-width: 1755px; padding: 0; } #impressum .impressum-title { margin: 0 0 55px; color: #171717; font-size: clamp(56px, 4vw, 76px); font-weight: 800; line-height: 1; letter-spacing: -1px; text-align: center; } #impressum .container > .row { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.8fr); column-gap: 90px; margin-right: 0; margin-left: 0; } #impressum .container > .row + .row { row-gap: 52px; margin-top: 54px !important; } #impressum .container > .row > [class*="col-"] { width: auto; padding-right: 0; padding-left: 0; } #impressum .text h6 { margin: 0 0 17px; color: #111; font-size: 16px; font-weight: 700; line-height: 1.35; } #impressum .text ul { margin: 0; padding-left: 36px; } #impressum .text li { margin-bottom: 9px; padding-left: 1px; line-height: 1.55; } #impressum .text p { max-width: 940px; margin: 0 0 27px; line-height: 1.75; } #impressum .text a { color: #111; text-decoration: none; border-bottom: none; } #impressum .text a:hover, #impressum .text a:focus { color: var(--red); } /* German layout: Haftung and Bilder share the row; data owner follows below. */ #impressum .container > .row + .row > .col-md-6:not(.text) { display: contents; } #impressum .container > .row + .row > .col-md-6:not(.text) > .text:first-child { grid-column: 1; grid-row: 2; } #impressum .container > .row + .row > .col-md-6:not(.text) > .text:last-child { grid-column: 2; grid-row: 1; margin-top: 0 !important; } .hero { height: 865px; background: #111; position: relative; color: #fff; display: flex; align-items: center; justify-content: center; text-align: center; } .hero:after, .foot:after { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.25); } .hero > * { position: relative; z-index: 1; } .script { font-family: Sacramento, cursive; color: #c9b184; font-size: 52px; line-height: 1; } .hero h1 { font-size: 116px; font-weight: 800; letter-spacing: 2px; } .arrow { position: absolute; z-index: 2; top: 47%; width: 64px; height: 64px; border: 2px solid white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 30px; } .arrow.l { left: 30px; } .arrow.r { right: 30px; } .about { padding: 140px 0 190px; } .about .container { max-width: 1540px; } .about h2 { font-size: 48px; font-weight: 800; line-height: 1.2; } .redscript { font-family: Sacramento, cursive; color: var(--red); font-size: 36px; } .about p { line-height: 1.7; } .contact-row { display: flex; align-items: center; margin-top: 34px; font-weight: 700; } .contact-row i { font-size: 32px; color: var(--red); width: 58px; } .shop { width: 505px; height: 565px; object-fit: cover; } .leaves { position: absolute; right: 10px; top: 230px; font-size: 80px; color: #111; opacity: 0.9; } .services { position: relative; min-height: 800px; background-color: #211d1a; background-position: center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; color: white; text-align: center; padding: 140px 0 105px; isolation: isolate; } .services::before { content: ""; position: absolute; inset: 0; z-index: 0; background: rgba(0, 0, 0, 0.58); } .services .container { position: relative; z-index: 1; max-width: 1540px; } .services .row { --bs-gutter-y: 78px; } .svc { min-height: 0; padding: 0 50px; } .service-icon { display: block; width: 80px; height: 80px; margin: 0 auto 28px; object-fit: contain; transform: translateY(0); transition: transform 220ms ease; } .svc:hover .service-icon { transform: translateY(-9px); } .svc h4 { font-size: 18px; font-weight: 800; margin-bottom: 22px; } .svc p { max-width: 450px; margin: 0 auto; line-height: 1.7; font-weight: 600; } .quality { display: flex; min-height: 650px; background: #f4f1e9; overflow: hidden; } .qimg { width: 50%; background-color: #211d1a; background-position: center; background-size: cover; background-repeat: no-repeat; position: relative; } .badge100 { position: absolute; right: 0; bottom: 0; background: var(--red); color: white; width: 220px; height: 155px; padding: 42px 55px; font-weight: 800; font-size: 46px; line-height: 0.9; } .badge100 small { display: block; color: #d2b986; font-size: 18px; margin-top: 13px; } .qtext { width: 50%; padding: 95px 120px; background-image: repeating-radial-gradient( ellipse at center, rgba(0, 0, 0, 0.04) 0 1px, transparent 1px 22px ); } .qtext h2 { font-size: 48px; font-weight: 800; } .mini { display: flex; gap: 70px; margin: 70px 0 45px; text-align: center; font-weight: 800; } .quality-icon { display: block; width: 52px; height: 52px; margin: 0 auto 20px; object-fit: contain; filter: brightness(0) saturate(100%) invert(16%) sepia(53%) saturate(3738%) hue-rotate(338deg) brightness(91%) contrast(92%); transform: translateY(0); transition: transform 220ms ease; } .quality-feature:hover .quality-icon { transform: translateY(-9px); } .info { padding: 70px 0 80px; text-align: center; } .info .container { max-width: 1600px; } .info i { font-size: 26px; color: var(--red); margin-bottom: 25px; } .info h4 { font-size: 18px; font-weight: 800; margin-bottom: 20px; } .info a, .info a:hover, .info a:focus, .info a:active { color: #000; text-decoration: none; border-bottom: 0; } .foot { width: 100%; min-height: 440px; background-color: #151312; background-position: center; background-size: cover; background-repeat: no-repeat; position: relative; overflow: hidden; color: white; text-align: center; padding: 42px 20px 90px; } .foot::after { z-index: 0; background: rgba(0, 0, 0, 0.7); } .foot .inner { position: relative; z-index: 1; } .foot .flogo { display: block; background: white; width: 270px; max-width: 100%; height: auto; margin: 0 auto; } .foot h3 { color: #fff; font-size: 28px; font-weight: 800; line-height: 1.2; margin: 42px 0 17px; } .foot-hours, .foot-hours p { margin: 0; color: #fff; font-size: 14px; font-weight: 600; line-height: 1.7; } .foot .social { display: flex; align-items: center; justify-content: center; gap: 34px; margin-top: 56px; } .foot .social span { display: inline-flex; align-items: center; justify-content: center; color: #fff; font-size: 16px; } .copy { position: absolute; z-index: 2; left: max(40px, calc((100% - 1380px) / 2)); bottom: 30px; color: #fff; font-size: 14px; line-height: 1.5; } .copy a { color: #d6bd82; text-decoration: none; border-bottom: none; } .copy a:hover, .copy a:focus { color: #fff; } .copy-separator { margin: 0 4px; color: var(--red); } .up { position: absolute; right: 13px; bottom: 0; background: #c8af80; color: #000; width: 86px; height: 85px; z-index: 2; display: flex; align-items: center; justify-content: center; flex-direction: column; font-weight: 800; font-size: 12px; line-height: 1.1; text-decoration: none; border-bottom: none; } .up i { color: var(--red); font-size: 24px; margin-bottom: 7px; } .up:hover, .up:focus { color: #000; background: #d6bd82; } @media (max-width: 900px) { body { overflow-x: hidden; } .top { display: none; } .nav { height: auto; min-height: 64px; padding: 6px 0; } .nav .wrap { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; height: auto; text-align: left; } .logo { width: 150px; max-width: calc(100vw - 110px); margin: 0; } .nav-toggle { width: 48px; height: 44px; padding: 10px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 5px; border: 0; border-radius: 0; background: transparent; cursor: pointer; } .nav-toggle__line { display: block; width: 27px; height: 2px; background: #111; transition: transform 180ms ease, opacity 180ms ease; } .nav.menu-open .nav-toggle__line:nth-child(1) { transform: translateY(7px) rotate(45deg); } .nav.menu-open .nav-toggle__line:nth-child(2) { opacity: 0; } .nav.menu-open .nav-toggle__line:nth-child(3) { transform: translateY(-7px) rotate(-45deg); } .menu { position: absolute; top: 100%; left: 0; right: 0; z-index: 1001; width: 100%; max-height: calc(100vh - 64px); display: none; align-items: stretch; flex-direction: column; gap: 0; margin: 0; padding: 8px 20px 10px; overflow-y: auto; box-sizing: border-box; background: #fff; border-top: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 12px 20px rgba(0, 0, 0, 0.14); } .nav.menu-open .menu { display: flex; } .menu a { margin: 0; padding: 11px 4px; display: block; } .nav-spacer { display: none; } #ueber-uns, #leistungen, #qualitaet, #kontakt { scroll-margin-top: 64px; } .page-hero { min-height: 400px; padding: 50px 20px; background-attachment: scroll; } .page-hero h1 { margin-bottom: 30px; font-size: clamp(42px, 12vw, 60px); } .page-hero__breadcrumbs .breadcrumb { font-size: 15px; } #impressum { padding: 70px 0 90px; } #impressum > .container { width: calc(100% - 40px); } #impressum .impressum-title { margin-bottom: 45px; font-size: clamp(42px, 12vw, 58px); } #impressum .container > .row { display: block; } #impressum .container > .row + .row { margin-top: 46px !important; } #impressum .container > .row > [class*="col-"] { width: 100%; } #impressum .container > .row > [class*="col-"] + [class*="col-"] { margin-top: 44px; } #impressum .container > .row + .row > .col-md-6:not(.text) { display: block; } #impressum .container > .row + .row > .col-md-6:not(.text) > .text + .text { margin-top: 44px !important; } #impressum .text p { max-width: none; } .hero { height: 520px; } .hero h1 { font-size: 64px; } .script { font-size: 38px; } .about { padding: 60px 15px; } .shop { width: 100%; height: auto; margin-top: 35px; } .services { padding: 70px 0; background-attachment: scroll; } .service-icon { width: 70px; height: 70px; } .quality { display: block; } .qimg, .qtext { width: 100%; min-height: 360px; } .qtext { padding: 55px 20px; } .qtext h2 { font-size: 40px; } .mini { gap: 20px; flex-wrap: wrap; } .foot { min-height: 480px; padding: 42px 20px 140px; } .foot .flogo { width: 240px; } .foot h3 { margin-top: 36px; } .foot .social { margin-top: 42px; } .copy { left: 20px; right: 20px; bottom: 105px; font-size: 13px; text-align: left; } .up { right: 0; } .leaves { display: none; } } .icon-top:before { content: '\e800'; } /* '' */ .icon-newsletter:before { content: '\e801'; } /* '' */ .icon-responsive:before { content: '\e802'; } /* '' */ .icon-settings:before { content: '\e803'; } /* '' */ .icon-fish:before { content: '\e804'; } /* '' */ .icon-right-arrow:before { content: '\e805'; } /* '' */ .icon-certification:before { content: '\e806'; } /* '' */ .icon-cleaver-knife:before { content: '\e807'; } /* '' */ .icon-pig:before { content: '\e808'; } /* '' */ .icon-favorites:before { content: '\e809'; } /* '' */ .icon-horse-head:before { content: '\e80a'; } /* '' */ .icon-lamb:before { content: '\e80b'; } /* '' */ .icon-pig-1:before { content: '\e80c'; } /* '' */ .icon-rabbit:before { content: '\e80d'; } /* '' */ .icon-chicken:before { content: '\e80e'; } /* '' */ .icon-cow:before { content: '\e80f'; } /* '' */ .icon-layers:before { content: '\e815'; } /* '' */ .icon-quote:before { content: '\e816'; } /* '' */ .icon-search:before { content: '\e817'; } /* '' */ .icon-quote-2:before { content: '\e818'; } /* '' */ .icon-chat-1:before { content: '\e819'; } /* '' */ .icon-box:before { content: '\e81a'; } /* '' */ .icon-chemical:before { content: '\e81b'; } /* '' */ .icon-microscope:before { content: '\e81c'; } /* '' */ .icon-temperature:before { content: '\e81d'; } /* '' */ .icon-phone-call:before { content: '\e81e'; } /* '' */ .icon-price:before { content: '\e81f'; } /* '' */ .icon-shopping-cart:before { content: '\e821'; } /* '' */ .icon-user:before { content: '\e823'; } /* '' */ .icon-visibility:before { content: '\e824'; } /* '' */ .icon-wave:before { content: '\e825'; } /* '' */ .icon-chat:before { content: '\e826'; } /* '' */ .ltx-icon.icon-pig:before, .ltx-icon.icon-cow:before, .ltx-icon.icon-cleaver-knife:before, .ltx-icon.icon-box:before { content: ""; display: inline-block; width: 1em; height: 1em; background-color: currentColor; background-repeat: no-repeat; background-position: center; background-size: contain; } .ltx-icon.icon-pig:before { -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 9.25c1.2-1.3 3-2.1 5.1-2.1h3.2c3 0 5.2 2 5.2 4.8 0 1.8-.8 3.4-2.2 4.4v2.1c0 .8-.7 1.5-1.5 1.5h-1.1c-.8 0-1.5-.7-1.5-1.5v-.7h-5v.7c0 .8-.7 1.5-1.5 1.5H7.1c-.8 0-1.5-.7-1.5-1.5v-2.2C4.6 15.5 4 14.4 4 13.1v-.4H2.8c-.5 0-.9-.4-.9-.9s.4-.9.9-.9H4c.2-1.1.7-2 1.4-2.8L4.8 6.2c-.1-.5.2-1 .7-1.1 1.5-.4 3.1.4 3.8 1.8-.7.4-1.3.8-1.8 1.4v.9Zm8.4 1.6c-.5 0-.9.4-.9.9s.4.9.9.9.9-.4.9-.9-.4-.9-.9-.9Z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 9.25c1.2-1.3 3-2.1 5.1-2.1h3.2c3 0 5.2 2 5.2 4.8 0 1.8-.8 3.4-2.2 4.4v2.1c0 .8-.7 1.5-1.5 1.5h-1.1c-.8 0-1.5-.7-1.5-1.5v-.7h-5v.7c0 .8-.7 1.5-1.5 1.5H7.1c-.8 0-1.5-.7-1.5-1.5v-2.2C4.6 15.5 4 14.4 4 13.1v-.4H2.8c-.5 0-.9-.4-.9-.9s.4-.9.9-.9H4c.2-1.1.7-2 1.4-2.8L4.8 6.2c-.1-.5.2-1 .7-1.1 1.5-.4 3.1.4 3.8 1.8-.7.4-1.3.8-1.8 1.4v.9Zm8.4 1.6c-.5 0-.9.4-.9.9s.4.9.9.9.9-.4.9-.9-.4-.9-.9-.9Z'/%3E%3C/svg%3E") center / contain no-repeat; } .ltx-icon.icon-cow:before { -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.2 6.4C3 5.7 2.3 4.6 2.2 3.2c1.9.1 3.5 1.1 4.4 2.7 1.4-.7 3.2-1.1 5.4-1.1s4 .4 5.4 1.1c.9-1.6 2.5-2.6 4.4-2.7-.1 1.4-.8 2.5-2 3.2.8 1 1.2 2.3 1.2 4v2.1c0 4.4-3.8 8.3-9 8.3s-9-3.9-9-8.3v-2.1c0-1.7.4-3 1.2-4Zm3.4 4.5c-.7 0-1.2.5-1.2 1.2s.5 1.2 1.2 1.2 1.2-.5 1.2-1.2-.5-1.2-1.2-1.2Zm8.8 0c-.7 0-1.2.5-1.2 1.2s.5 1.2 1.2 1.2 1.2-.5 1.2-1.2-.5-1.2-1.2-1.2ZM9.1 16.2c.7 1 1.7 1.6 2.9 1.6s2.2-.6 2.9-1.6c-.9-.5-1.9-.8-2.9-.8s-2 .3-2.9.8Z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.2 6.4C3 5.7 2.3 4.6 2.2 3.2c1.9.1 3.5 1.1 4.4 2.7 1.4-.7 3.2-1.1 5.4-1.1s4 .4 5.4 1.1c.9-1.6 2.5-2.6 4.4-2.7-.1 1.4-.8 2.5-2 3.2.8 1 1.2 2.3 1.2 4v2.1c0 4.4-3.8 8.3-9 8.3s-9-3.9-9-8.3v-2.1c0-1.7.4-3 1.2-4Zm3.4 4.5c-.7 0-1.2.5-1.2 1.2s.5 1.2 1.2 1.2 1.2-.5 1.2-1.2-.5-1.2-1.2-1.2Zm8.8 0c-.7 0-1.2.5-1.2 1.2s.5 1.2 1.2 1.2 1.2-.5 1.2-1.2-.5-1.2-1.2-1.2ZM9.1 16.2c.7 1 1.7 1.6 2.9 1.6s2.2-.6 2.9-1.6c-.9-.5-1.9-.8-2.9-.8s-2 .3-2.9.8Z'/%3E%3C/svg%3E") center / contain no-repeat; } .ltx-icon.icon-cleaver-knife:before { -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 4h11.4c2.6 0 4.6 2.1 4.6 4.6v5.2c0 1.8-1.4 3.2-3.2 3.2H9.9L7 19.9c-.6.6-1.5.6-2.1 0l-.8-.8c-.6-.6-.6-1.5 0-2.1L7 14.1V6.8H4V4Zm5 10h7.8c.7 0 1.2-.5 1.2-1.2V8.6C18 7.2 16.8 6 15.4 6H9v8Zm6-6.5c-.8 0-1.5.7-1.5 1.5s.7 1.5 1.5 1.5 1.5-.7 1.5-1.5-.7-1.5-1.5-1.5Z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 4h11.4c2.6 0 4.6 2.1 4.6 4.6v5.2c0 1.8-1.4 3.2-3.2 3.2H9.9L7 19.9c-.6.6-1.5.6-2.1 0l-.8-.8c-.6-.6-.6-1.5 0-2.1L7 14.1V6.8H4V4Zm5 10h7.8c.7 0 1.2-.5 1.2-1.2V8.6C18 7.2 16.8 6 15.4 6H9v8Zm6-6.5c-.8 0-1.5.7-1.5 1.5s.7 1.5 1.5 1.5 1.5-.7 1.5-1.5-.7-1.5-1.5-1.5Z'/%3E%3C/svg%3E") center / contain no-repeat; } .ltx-icon.icon-box:before { -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 7.1 12 3l9 4.1v10.8L12 22l-9-4.1V7.1Zm9 1.9 5.8-2.6L12 3.9 6.2 6.4 12 9Zm-7 7.6 6 2.8v-8.6L5 8.1v8.5Zm8 2.8 6-2.8V8.1l-6 2.7v8.6Z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 7.1 12 3l9 4.1v10.8L12 22l-9-4.1V7.1Zm9 1.9 5.8-2.6L12 3.9 6.2 6.4 12 9Zm-7 7.6 6 2.8v-8.6L5 8.1v8.5Zm8 2.8 6-2.8V8.1l-6 2.7v8.6Z'/%3E%3C/svg%3E") center / contain no-repeat; } .services .ltx-icon.icon-pig:before, .services .ltx-icon.icon-sausage:before, .services .ltx-icon.icon-cow:before, .services .ltx-icon.icon-grill:before, .services .ltx-icon.icon-cleaver-knife:before, .services .ltx-icon.icon-box:before { content: ""; display: inline-block; width: 1.15em; height: 1.15em; background-color: transparent; background-position: center; background-repeat: no-repeat; background-size: contain; -webkit-mask: none; mask: none; } .services .ltx-icon.icon-pig:before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 80 64' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='3.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 35c0-14 11-24 29-24h15c10 0 18 8 18 18 0 13-10 24-27 24H25c-9 0-15-7-15-18Z'/%3E%3Cpath d='M13 28 5 23M18 18c-4-7-11-8-15-6 1 8 6 12 12 12M57 15c4-6 11-8 17-5-1 8-6 12-13 12M29 53v8M55 51v10M72 27h5M40 25v12M50 25v12'/%3E%3Ccircle cx='61' cy='30' r='2.2' fill='white' stroke='none'/%3E%3Cpath d='M22 40c4 5 12 8 21 8'/%3E%3C/svg%3E"); } .services .ltx-icon.icon-sausage:before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 80 64' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='3.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 42c5 9 18 11 30 4s18-19 13-28c-5-9-18-11-30-4S12 33 17 42Z'/%3E%3Cpath d='M13 38c-6 0-9 4-9 9M61 18c6-1 10-5 10-11M28 41c9 1 20-5 25-14M25 31c3-5 8-9 14-11M16 44c-2 5-1 9 4 12M58 14c-2-6-6-9-12-8'/%3E%3Ccircle cx='27' cy='40' r='1.7' fill='white' stroke='none'/%3E%3Ccircle cx='38' cy='35' r='1.7' fill='white' stroke='none'/%3E%3C/svg%3E"); } .services .ltx-icon.icon-cow:before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 80 64' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='3.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 14h23c21 0 34 13 34 30v8H45c-18 0-33-15-33-33v-5Z'/%3E%3Cpath d='M12 14 4 8v18l8-7M53 18c4-8 12-12 22-11-2 9-7 14-16 16M51 52v8M26 48v12M35 23c5 0 9 2 13 6M45 36c4 0 8-2 10-5'/%3E%3Ccircle cx='58' cy='34' r='2.1' fill='white' stroke='none'/%3E%3C/svg%3E"); } .services .ltx-icon.icon-grill:before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 80 64' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='3.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 29h46c0 14-10 25-23 25S17 43 17 29Z'/%3E%3Cpath d='M13 29h54M25 54 18 62M55 54l7 8M29 62h22M25 20c-5-6 5-8 0-14M40 20c-5-6 5-8 0-14M55 20c-5-6 5-8 0-14M23 40h34'/%3E%3C/svg%3E"); } .services .ltx-icon.icon-cleaver-knife:before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 80 64' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='3.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M43 7h24v31H35V15c0-4 4-8 8-8Z'/%3E%3Cpath d='M35 38 18 55c-4 4-10-2-6-6l17-17M43 7v31M57 18h4M23 44l9 9'/%3E%3C/svg%3E"); } .services .ltx-icon.icon-box:before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 80 64' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='3.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 20 40 8l24 12v29L40 61 16 49V20Z'/%3E%3Cpath d='M16 20 40 32l24-12M40 32v29M28 14l24 12M24 43l7 3M24 50l4 2'/%3E%3C/svg%3E"); } .hero-slider { display: block; overflow: hidden; background: #111; } .hero-slider:after { z-index: 1; background: rgba(0, 0, 0, 0.32); pointer-events: none; } .hero-slides, .hero-slide, .hero-bg { position: absolute; inset: 0; } .hero-slider .hero-slides { z-index: auto; } .hero-slide { opacity: 0; pointer-events: none; transition: opacity 900ms ease; } .hero-slide.active { opacity: 1; pointer-events: auto; } .hero-bg { background-position: center; background-repeat: no-repeat; background-size: cover; transform: scale(1.05); } .hero-slide.active .hero-bg { animation: heroKenburns 7s ease-out forwards; } .hero-caption { position: absolute; z-index: 2; inset: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; color: #fff; padding: 0 90px; } .hero-slider .arrow { cursor: pointer; background: rgba(255, 255, 255, 0.06); color: #fff; top: 50%; transform: translateY(-50%); transition: background 180ms ease, transform 180ms ease; } .hero-slider .arrow:hover { background: rgba(255, 255, 255, 0.18); transform: translateY(-50%) scale(1.05); } .hero-slider .arrow.l, .hero-slider .arrow.r { z-index: 3; } @keyframes heroKenburns { from { transform: scale(1.04) translate3d(0, 0, 0); } to { transform: scale(1.16) translate3d(2%, -1.5%, 0); } } @media (max-width: 900px) { .hero-caption { padding: 0 70px; } .hero-slider .arrow { display: none; } } #datenschutz { padding: 100px 0px; }