/* Fonts -------------- Start*/ /* open-sans-300 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('fonts/open-sans-v23-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/open-sans-v23-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v23-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v23-latin-300.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v23-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v23-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-300italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: url('fonts/open-sans-v23-latin-300italic.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/open-sans-v23-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v23-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v23-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v23-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v23-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-regular - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('fonts/open-sans-v23-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/open-sans-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v23-latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v23-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: url('fonts/open-sans-v23-latin-italic.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/open-sans-v23-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v23-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v23-latin-italic.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v23-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v23-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url('fonts/open-sans-v23-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/open-sans-v23-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v23-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v23-latin-600.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v23-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v23-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 600; src: url('fonts/open-sans-v23-latin-600italic.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/open-sans-v23-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v23-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v23-latin-600italic.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v23-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v23-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('fonts/open-sans-v23-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/open-sans-v23-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v23-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v23-latin-700.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v23-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v23-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: url('fonts/open-sans-v23-latin-700italic.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/open-sans-v23-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v23-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v23-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v23-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v23-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-800 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: url('fonts/open-sans-v23-latin-800.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/open-sans-v23-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v23-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v23-latin-800.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v23-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v23-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-800italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 800; src: url('fonts/open-sans-v23-latin-800italic.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/open-sans-v23-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v23-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v23-latin-800italic.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v23-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v23-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* lato-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: 'Lato'; font-style: normal; font-weight: 100; src: url('fonts/lato-v24-latin-100.eot'); /* IE9 Compat Modes */ src: url('fonts/lato-v24-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/lato-v24-latin-100.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/lato-v24-latin-100.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/lato-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/lato-v24-latin-100.svg#Lato') format('svg'); /* Legacy iOS */ } /* lato-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: 'Lato'; font-style: italic; font-weight: 100; src: url('fonts/lato-v24-latin-100italic.eot'); /* IE9 Compat Modes */ src: url('fonts/lato-v24-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/lato-v24-latin-100italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/lato-v24-latin-100italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/lato-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/lato-v24-latin-100italic.svg#Lato') format('svg'); /* Legacy iOS */ } /* lato-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: 'Lato'; font-style: normal; font-weight: 300; src: url('fonts/lato-v24-latin-300.eot'); /* IE9 Compat Modes */ src: url('fonts/lato-v24-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/lato-v24-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/lato-v24-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/lato-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/lato-v24-latin-300.svg#Lato') format('svg'); /* Legacy iOS */ } /* lato-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: 'Lato'; font-style: italic; font-weight: 300; src: url('fonts/lato-v24-latin-300italic.eot'); /* IE9 Compat Modes */ src: url('fonts/lato-v24-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/lato-v24-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/lato-v24-latin-300italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/lato-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/lato-v24-latin-300italic.svg#Lato') format('svg'); /* Legacy iOS */ } /* lato-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: 'Lato'; font-style: normal; font-weight: 400; src: url('fonts/lato-v24-latin-regular.eot'); /* IE9 Compat Modes */ src: url('fonts/lato-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/lato-v24-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/lato-v24-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/lato-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/lato-v24-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */ } /* lato-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: 'Lato'; font-style: italic; font-weight: 400; src: url('fonts/lato-v24-latin-italic.eot'); /* IE9 Compat Modes */ src: url('fonts/lato-v24-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/lato-v24-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/lato-v24-latin-italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/lato-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/lato-v24-latin-italic.svg#Lato') format('svg'); /* Legacy iOS */ } /* lato-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: 'Lato'; font-style: normal; font-weight: 700; src: url('fonts/lato-v24-latin-700.eot'); /* IE9 Compat Modes */ src: url('fonts/lato-v24-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/lato-v24-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/lato-v24-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/lato-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/lato-v24-latin-700.svg#Lato') format('svg'); /* Legacy iOS */ } /* lato-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: 'Lato'; font-style: italic; font-weight: 700; src: url('fonts/lato-v24-latin-700italic.eot'); /* IE9 Compat Modes */ src: url('fonts/lato-v24-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/lato-v24-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/lato-v24-latin-700italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/lato-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/lato-v24-latin-700italic.svg#Lato') format('svg'); /* Legacy iOS */ } /* lato-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: 'Lato'; font-style: normal; font-weight: 900; src: url('fonts/lato-v24-latin-900.eot'); /* IE9 Compat Modes */ src: url('fonts/lato-v24-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/lato-v24-latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/lato-v24-latin-900.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/lato-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/lato-v24-latin-900.svg#Lato') format('svg'); /* Legacy iOS */ } /* lato-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: 'Lato'; font-style: italic; font-weight: 900; src: url('fonts/lato-v24-latin-900italic.eot'); /* IE9 Compat Modes */ src: url('fonts/lato-v24-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/lato-v24-latin-900italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/lato-v24-latin-900italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/lato-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/lato-v24-latin-900italic.svg#Lato') format('svg'); /* Legacy iOS */ } /* roboto-slab-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: 'Roboto Slab'; font-style: normal; font-weight: 100; src: url('fonts/roboto-slab-v34-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* roboto-slab-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: 'Roboto Slab'; font-style: normal; font-weight: 200; src: url('fonts/roboto-slab-v34-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* roboto-slab-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: 'Roboto Slab'; font-style: normal; font-weight: 300; src: url('fonts/roboto-slab-v34-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* roboto-slab-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: 'Roboto Slab'; font-style: normal; font-weight: 400; src: url('fonts/roboto-slab-v34-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* roboto-slab-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: 'Roboto Slab'; font-style: normal; font-weight: 500; src: url('fonts/roboto-slab-v34-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* roboto-slab-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: 'Roboto Slab'; font-style: normal; font-weight: 600; src: url('fonts/roboto-slab-v34-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* roboto-slab-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: 'Roboto Slab'; font-style: normal; font-weight: 700; src: url('fonts/roboto-slab-v34-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* roboto-slab-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: 'Roboto Slab'; font-style: normal; font-weight: 800; src: url('fonts/roboto-slab-v34-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* roboto-slab-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: 'Roboto Slab'; font-style: normal; font-weight: 900; src: url('fonts/roboto-slab-v34-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* 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-v21-latin-100.eot'); /* IE9 Compat Modes */ src: url('fonts/poppins-v21-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/poppins-v21-latin-100.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/poppins-v21-latin-100.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/poppins-v21-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-v21-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-v21-latin-100italic.eot'); /* IE9 Compat Modes */ src: url('fonts/poppins-v21-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/poppins-v21-latin-100italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/poppins-v21-latin-100italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/poppins-v21-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-v21-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-v21-latin-200.eot'); /* IE9 Compat Modes */ src: url('fonts/poppins-v21-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/poppins-v21-latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/poppins-v21-latin-200.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/poppins-v21-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-v21-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-v21-latin-200italic.eot'); /* IE9 Compat Modes */ src: url('fonts/poppins-v21-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/poppins-v21-latin-200italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/poppins-v21-latin-200italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/poppins-v21-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-v21-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-v21-latin-300.eot'); /* IE9 Compat Modes */ src: url('fonts/poppins-v21-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/poppins-v21-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/poppins-v21-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/poppins-v21-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-v21-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-v21-latin-300italic.eot'); /* IE9 Compat Modes */ src: url('fonts/poppins-v21-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/poppins-v21-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/poppins-v21-latin-300italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/poppins-v21-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-v21-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-v21-latin-regular.eot'); /* IE9 Compat Modes */ src: url('fonts/poppins-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/poppins-v21-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/poppins-v21-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/poppins-v21-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-v21-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-v21-latin-italic.eot'); /* IE9 Compat Modes */ src: url('fonts/poppins-v21-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/poppins-v21-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/poppins-v21-latin-italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/poppins-v21-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-v21-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-v21-latin-500.eot'); /* IE9 Compat Modes */ src: url('fonts/poppins-v21-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/poppins-v21-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/poppins-v21-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/poppins-v21-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-v21-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-v21-latin-500italic.eot'); /* IE9 Compat Modes */ src: url('fonts/poppins-v21-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/poppins-v21-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/poppins-v21-latin-500italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/poppins-v21-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-v21-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-v21-latin-600.eot'); /* IE9 Compat Modes */ src: url('fonts/poppins-v21-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/poppins-v21-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/poppins-v21-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/poppins-v21-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-v21-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-v21-latin-600italic.eot'); /* IE9 Compat Modes */ src: url('fonts/poppins-v21-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/poppins-v21-latin-600italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/poppins-v21-latin-600italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/poppins-v21-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-v21-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-v21-latin-700.eot'); /* IE9 Compat Modes */ src: url('fonts/poppins-v21-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/poppins-v21-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/poppins-v21-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/poppins-v21-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-v21-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-v21-latin-700italic.eot'); /* IE9 Compat Modes */ src: url('fonts/poppins-v21-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/poppins-v21-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/poppins-v21-latin-700italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/poppins-v21-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-v21-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-v21-latin-800.eot'); /* IE9 Compat Modes */ src: url('fonts/poppins-v21-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/poppins-v21-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/poppins-v21-latin-800.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/poppins-v21-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-v21-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-v21-latin-800italic.eot'); /* IE9 Compat Modes */ src: url('fonts/poppins-v21-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/poppins-v21-latin-800italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/poppins-v21-latin-800italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/poppins-v21-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-v21-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-v21-latin-900.eot'); /* IE9 Compat Modes */ src: url('fonts/poppins-v21-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/poppins-v21-latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/poppins-v21-latin-900.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/poppins-v21-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-v21-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-v21-latin-900italic.eot'); /* IE9 Compat Modes */ src: url('fonts/poppins-v21-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/poppins-v21-latin-900italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/poppins-v21-latin-900italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/poppins-v21-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-v21-latin-900italic.svg#Poppins') format('svg'); /* Legacy iOS */ } /* lora-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: 'Lora'; font-style: normal; font-weight: 400; src: url('fonts/lora-v36-latin-regular.eot'); /* IE9 Compat Modes */ src: url('fonts/lora-v36-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/lora-v36-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/lora-v36-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/lora-v36-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/lora-v36-latin-regular.svg#Lora') format('svg'); /* Legacy iOS */ } /* lora-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: 'Lora'; font-style: italic; font-weight: 400; src: url('fonts/lora-v36-latin-italic.eot'); /* IE9 Compat Modes */ src: url('fonts/lora-v36-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/lora-v36-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/lora-v36-latin-italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/lora-v36-latin-italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/lora-v36-latin-italic.svg#Lora') format('svg'); /* Legacy iOS */ } /* lora-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: 'Lora'; font-style: normal; font-weight: 500; src: url('fonts/lora-v36-latin-500.eot'); /* IE9 Compat Modes */ src: url('fonts/lora-v36-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/lora-v36-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/lora-v36-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/lora-v36-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/lora-v36-latin-500.svg#Lora') format('svg'); /* Legacy iOS */ } /* lora-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: 'Lora'; font-style: italic; font-weight: 500; src: url('fonts/lora-v36-latin-500italic.eot'); /* IE9 Compat Modes */ src: url('fonts/lora-v36-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/lora-v36-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/lora-v36-latin-500italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/lora-v36-latin-500italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/lora-v36-latin-500italic.svg#Lora') format('svg'); /* Legacy iOS */ } /* lora-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: 'Lora'; font-style: normal; font-weight: 600; src: url('fonts/lora-v36-latin-600.eot'); /* IE9 Compat Modes */ src: url('fonts/lora-v36-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/lora-v36-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/lora-v36-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/lora-v36-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/lora-v36-latin-600.svg#Lora') format('svg'); /* Legacy iOS */ } /* lora-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: 'Lora'; font-style: italic; font-weight: 600; src: url('fonts/lora-v36-latin-600italic.eot'); /* IE9 Compat Modes */ src: url('fonts/lora-v36-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/lora-v36-latin-600italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/lora-v36-latin-600italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/lora-v36-latin-600italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/lora-v36-latin-600italic.svg#Lora') format('svg'); /* Legacy iOS */ } /* lora-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: 'Lora'; font-style: normal; font-weight: 700; src: url('fonts/lora-v36-latin-700.eot'); /* IE9 Compat Modes */ src: url('fonts/lora-v36-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/lora-v36-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/lora-v36-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/lora-v36-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/lora-v36-latin-700.svg#Lora') format('svg'); /* Legacy iOS */ } /* lora-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: 'Lora'; font-style: italic; font-weight: 700; src: url('fonts/lora-v36-latin-700italic.eot'); /* IE9 Compat Modes */ src: url('fonts/lora-v36-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/lora-v36-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/lora-v36-latin-700italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/lora-v36-latin-700italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/lora-v36-latin-700italic.svg#Lora') format('svg'); /* Legacy iOS */ } /* Fonts -------------- Ende*/ /* ALLGEMEIN --------------------------------------------------------------------- START */ :root { --img-default-ratio: 75%; /* Basisgröße */ --da-base-font: 16px; /* Fokusfarbe */ --da-focus-color: rgba(51,51,51,1); /* Hauptfarben */ --gr-color: rgba(46,125,50,1); --gr-color-hover: rgba(46,125,50,0.85); --first-color: var(--gr-color); --sec-color: var(--gr-color); /* Flächen */ --ap-card-img-bg-color: rgba(255,255,255,1); --header-bg-color: rgba(46,125,50,1); --header-menu-bg-color: rgba(247,247,247,1); --footer-bg-color: var(--gr-color); --body-background-color: rgba(237,237,237,1); --body-ac-page-color: rgba(255,255,255,1); --loading-mask-bg-color: rgba(255,255,255,1); --menu-dropdown-bg-color: rgba(247,247,247,1); --infobanner-bg-color: rgba(255,255,255,1); --infobox-bg-color: rgba(255,255,255,1); --slide-odd-bg-color: rgba(247,247,247,1); --slide-even-bg-color: rgba(237,237,237,1); --container-main-box-bg-color: rgba(255,255,255,0); --partner-card-img-bg-color: rgba(255,255,255,1); --service-details-link-bg-color: rgba(237,237,237,1); /* Textfarben */ --main-text-color: rgba(102,102,102,1); --main-strong-text: rgba(51,51,51,1); --footer-color: rgba(255,255,255,1); --footer-a-color: rgba(255,255,255,1); --footer-a-color-hover: rgba(255,255,255,1); --infobanner-text-color: var(--gr-color); --infobox-title-color: var(--gr-color); --infobox-content-color: rgba(102,102,102,1); --welcome-text-color-h1: rgba(51,51,51,1); --welcome-text-color-h2: rgba(51,51,51,1); /* Schatten */ --infobox-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3); --default-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); /* Links */ --main-a-color: var(--gr-color); --main-a-color-hover: var(--gr-color-hover); --sec-a-color: var(--gr-color); --sec-a-color-hover: var(--gr-color-hover); --partner-card-content-a-color: var(--gr-color); --partner-card-content-a-color-HOVER: var(--gr-color-hover); /* Menülinks */ --main-a-menu-color: rgba(51,51,51,1); --main-a-menu-color-hover: rgba(77,77,77,1); --menu-dropdown-a-color: rgba(102,102,102,1); /* Buttons */ --main-btn-color: rgba(46,125,50,1); --main-btn-color-hover: rgba(37,102,40,1); --main-btn-text-color: rgba(255,255,255,1); --main-btn-text-color-hover: rgba(255,255,255,1); --to-top-button-color: rgba(51,51,51,0.85); --to-top-button-color-hover: rgba(51,51,51,1); /* Seitenicons & Linien */ --side-icon-text-color: rgba(255,255,255,1); --side-menu-bg-color: var(--gr-color); --side-icon-color: rgba(255,255,255,1); /* Outline & Kontrastobjekte */ --da-link-outline-color: rgba(100,100,100,1); --da-object-outline-color: rgba(51,51,51,1); --da-focus-visible-color: rgba(51,51,51,1); /* Accordions */ --accordion-border-bottom: 1px solid rgba(204,204,204,1); --accordion-ui-icon-color: rgba(51,51,51,1); /* Checkmark */ --checkmark-bg-color: rgba(204,204,204,1); --checkmark-bg-color-hover: rgba(153,153,153,1); --checkmark-bg-color-checked: rgba(20,111,36,1); --checkmark-border: 1px solid rgba(20,111,36,1); /* Formulare */ --form-input-color: rgba(51,51,51,1); --form-input-bg-color: rgba(255,255,255,1); --form-input-placeholder-color: rgba(153,153,153,1); --form-border: 1px solid rgba(204,204,204,1); --form-disabled-bg-color: rgba(238,238,238,1); --form-required-bg-color: rgba(160,0,0,0); --form-required-color: rgba(160,0,0,1); /* Online Bewerbung */ --online-career-text-color: rgba(51,51,51,1); --online-career-input-color: rgba(51,51,51,1); --online-career-input-bg-color: rgba(255,255,255,1); --online-career-input-border: 1px solid rgba(204,204,204,1); --online-career-button-color: var(--main-btn-color); --online-career-button-color-hover: var(--main-btn-color-hover); --online-career-button-text-color: var(--main-btn-text-color); --online-career-button-text-color-hover: var(--main-btn-text-color-hover); /* Termine */ --date-table-text-color: rgba(51,51,51,1); --date-table-text-color-hover: rgba(255,255,255,1); --date-table-odd-bg-color: rgba(255,255,255,1); --date-table-event-bg-color: rgba(237,237,237,1); --date-table-bg-color-hover: rgba(51,51,51,0.75); /* Mediathek */ --mediathek-download-field-a-color: rgba(85,85,85,1); --mediathek-download-field-a-bg-color: rgba(240,240,240,1); --mediathek-download-field-a-border-hover: 1px solid rgba(102,102,102,1); --mediathek-login-button-text-color: var(--main-btn-text-color); --mediathek-login-button-text-color-hover: var(--main-btn-text-color-hover); --mediathek-login-button-bg-color: var(--main-btn-color); --mediathek-login-button-bg-color: var(--main-btn-color-hover); --mediathek-message-text-color: var(--main-text-color); /* Products */ --product-pdf-kat-color: rgba(255,255,255,1); --product-pdf-kat-bg-color: rgba(94,94,94,1); --product-pdf-focus-visible-color: rgba(170,170,170,1); --product-pdf-kat-focus-visible-color: rgba(255,255,255,1); --product-pdf-kat-focus-visible-bg-color: rgba(68,68,68,1); /* Galertie Referenzen */ --gallery-img-box-a-article-color: var(--gr-color); --gallery-img-box-a-article-bg-color: rgba(255,255,255,1); --gallery-img-a-article-color: var(--gr-color); --gallery-img-a-article-bg-color: rgba(255,255,255,1); --gallery-img-a-info-sign-color: rgba(0,92,26,0.5); --overview-c-right-div-color: rgba(91,91,91,1); --page-overview-a-article-color: rgba(255,255,255,1); --page-overview-a-article-bg-color: var(--main-btn-color); --page-overview-a-article-bg-color-hover: var(--main-btn-color-hover); --page-overview-a-hover-overview-c-right-article-color: rgba(255,255,255,1); --references-gallery-ratio: var(--img-default-ratio); /* Form modal */ --form-modal-content-bg-color: rgba(4,49,94,1); --form-modal-content-color: rgba(255,255,255,1); /* Modal */ --modal-bg-color: rgba(0,0,0,0.4); --modal-content-bg-color: rgba(237,237,237,1); --modal-content-border: 1px solid rgba(102,102,102); --modal-close-color: rgba(102,102,102,1); --modal-close-hover-focus-color: rgba(51,51,51,1); } /* =========================================== HIGH CONTRAST MODE =========================================== */ body.da-contrast-high { /* Basisgröße */ --da-base-font: 16px; /* Fokusfarbe */ --da-focus-color: rgba(0,155,206,1); /* Hauptfarben */ --gr-color: rgba(0,0,0,1); --gr-color-hover: rgba(0,0,0,0.85); --first-color: rgba(0,0,0,1); --sec-color: rgba(0,0,0,1); /* Flächen */ --ap-card-img-bg-color: rgba(255,255,255,1); --header-bg-color: rgba(0,0,0,1); --header-menu-bg-color: rgba(255,255,255,1); --footer-bg-color: rgba(0,0,0,1); --body-background-color: rgba(255,255,255,1); --body-ac-page-color: rgba(255,255,255,1); --loading-mask-bg-color: rgba(255,255,255,1); --menu-dropdown-bg-color: rgba(255,255,255,1); --infobanner-bg-color: rgba(255,255,255,1); --infobox-bg-color: rgba(0,0,0,1); --slide-odd-bg-color: rgba(255,255,255,1); --slide-even-bg-color: rgba(255,255,255,1); --container-main-box-bg-color: rgba(255,255,255,0); --partner-card-img-bg-color: rgba(255,255,255,1); --service-details-link-bg-color: rgba(255,255,255,1); /* Textfarben */ --main-text-color: rgba(0,0,0,1); --main-strong-text: rgba(0,0,0,1); --footer-color: rgba(255,255,255,1); --footer-a-color: rgba(255,255,255,1); --footer-a-color-hover: rgba(255,255,255,1); --infobanner-text-color: rgba(0,0,0,1); --infobox-title-color: rgba(255,255,255,1); --infobox-content-color: rgba(1255,255,255,1); --welcome-text-color-h1: rgba(0,0,0,1); --welcome-text-color-h2: rgba(0,0,0,1); /* Schatten */ --infobox-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3); --default-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); /* Links */ --main-a-color: rgba(0,0,0,1); --main-a-color-hover: rgba(0,0,0,0.95); --sec-a-color: rgba(0,0,0,1); --sec-a-color-hover: rgba(0,0,0,0.95); --partner-card-content-a-color: rgba(0,0,0,1); --partner-card-content-a-color-hover: rgba(0,0,0,0.95); /* Menülinks */ --main-a-menu-color: rgba(0,0,0,1); --main-a-menu-color-hover: rgba(0,0,0,1); --menu-dropdown-a-color: rgba(0,0,0,1); /* Buttons */ --main-btn-color: rgba(0,0,0,1); --main-btn-color-hover: rgba(0,0,0,0.95); --main-btn-text-color: rgba(255,255,255,1); --main-btn-text-color-hover: rgba(255,255,255,1); --to-top-button-color: rgba(51,51,51,0.85); --to-top-button-color-hover: rgba(51,51,51,1); /* Seitenicons & Linien */ --side-icon-text-color: rgba(255,255,255,1); --side-menu-bg-color: rgba(0,0,0,1); --side-icon-color: rgba(255,255,255,1); /* Outline & Kontrastobjekte */ --da-link-outline-color: rgba(51,51,51,1); --da-object-outline-color: rgba(0,155,206,1); --da-focus-visible-color: rgba(0,155,206,1); /* Accordions */ --accordion-border-bottom: 1px solid rgba(0,0,0,1); --accordion-ui-icon-color: rgba(0,0,0,1); /* Checkmark */ --checkmark-bg-color: rgba(255,255,255,1); --checkmark-bg-color-hover: rgba(255,255,255,1); --checkmark-bg-color-checked: rgba(0,0,0,1); --checkmark-border: 1px solid rgba(20,111,36,1); /* Formulare */ --form-input-color: rgba(0,0,0,1); --form-input-bg-color: rgba(255,255,255,1); --form-input-placeholder-color: rgba(51,51,51,1); --form-border: 1px solid rgba(0,0,0,1); --form-disabled-bg-color: rgba(238,238,238,1); --form-required-bg-color: rgba(0,0,0,1); --form-required-color: rgba(255,255,255,1); /* Online Bewerbung */ --online-career-text-color: rgba(0,0,0,1); --online-career-input-color: rgba(0,0,0,1); --online-career-input-bg-color: rgba(255,255,255,1); --online-career-input-border: 1px solid rgba(204,204,204,1); --online-career-button-color: var(--main-btn-color); --online-career-button-color-hover: var(--main-btn-color-hover); --online-career-button-text-color: var(--main-btn-text-color); --online-career-button-text-color-hover: var(--main-btn-text-color-hover); /* Termine */ --date-table-text-color: rgba(0,0,0,1); --date-table-text-color-hover: rgba(255,255,255,1); --date-table-odd-bg-color: rgba(255,255,255,1); --date-table-event-bg-color: rgba(237,237,237,1); --date-table-bg-color-hover: rgba(0,0,0,0.75); /* Mediathek */ --mediathek-download-field-a-color: rgba(0,0,0,1); --mediathek-download-field-a-bg-color: rgba(240,240,240,1); --mediathek-download-field-a-border-hover: 1px solid rgba(0,0,0,1); --mediathek-login-button-text-color: var(--main-btn-text-color); --mediathek-login-button-text-color-hover: var(--main-btn-text-color-hover); --mediathek-login-button-bg-color: var(--main-btn-color); --mediathek-login-button-bg-color: var(--main-btn-color-hover); --mediathek-message-text-color: var(--main-text-color); /* Products */ --product-pdf-kat-color: rgba(255,255,255,1); --product-pdf-kat-bg-color: rgba(94,94,94,1); --product-pdf-focus-visible-color: rgba(170,170,170,1); --product-pdf-kat-focus-visible-color: rgba(255,255,255,1); --product-pdf-kat-focus-visible-bg-color: rgba(68,68,68,1); /* Galertie Referenzen */ --gallery-img-box-a-article-color: var(--gr-color); --gallery-img-box-a-article-bg-color: rgba(255,255,255,1); --gallery-img-a-article-color: var(--gr-color); --gallery-img-a-article-bg-color: rgba(255,255,255,1); --gallery-img-a-info-sign-color: rgba(0,0,0,0.5); --overview-c-right-div-color: rgba(0,0,0,1); --page-overview-a-article-color: rgba(255,255,255,1); --page-overview-a-article-bg-color: var(--main-btn-color); --page-overview-a-article-bg-color-hover: var(--main-btn-color-hover); --page-overview-a-hover-overview-c-right-article-color: rgba(255,255,255,1); --references-gallery-ratio: var(--img-default-ratio); /* Form modal */ --form-modal-content-bg-color: rgba(0,0,0,1); --form-modal-content-color: rgba(255,255,255,1); /* Modal */ --modal-bg-color: rgba(0,0,0,0.4); --modal-content-bg-color: rgba(255,255,255,1); --modal-content-border: 1px solid rgba(0,0,0,1); --modal-close-color: rgba(0,0,0,1); --modal-close-hover-focus-color: rgba(0,0,0,1); } html, body { width: 100%; height: 100%; position: relative; margin: 0; padding: 0; font-family: 'Lato', 'Open Sans', sans-serif; color: var(--main-text-color); background-color: var(--body-background-color); } body { font-size: var(--da-base-font); line-height: 1.5; } /* Stufen: nur Klassen, die mit da- beginnen */ body.da-font-100 { font-size: var(--da-base-font); } body.da-font-125 { font-size: calc(var(--da-base-font) * 1.25); } body.da-font-150 { font-size: calc(var(--da-base-font) * 1.50); } body.da-font-200 { font-size: calc(var(--da-base-font) * 2.00); } /* Optional: etwas mehr Zeilenhöhe bei großen Stufen */ body.da-font-150 { line-height: 1.6; } body.da-font-200 { line-height: 1.7; } #loading-mask { background-color: var(--loading-mask-bg-color); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 9999; } body:not(.B1) #loading-mask { display: none; } .load-align { max-width: 500px; margin: 0 auto; position: relative; height: 100%; max-height: 100px; top: calc(50% - 50px); } .load-align i, .load-align span { text-align: center; display: block; color: var(--main-text-color); margin: 0 auto; } .load-align span { margin-top: 15px; } a { color: var(--main-a-color); text-decoration: none; outline: none; } a:hover { color: var(--main-a-color-hover); } .cc-revoke, .cc-window { font-family: 'Open Sans', sans-serif!important; } /* @media (min-width: 992px) { body:not(.B1) .body-background { background-image: url(images/body-bg.jpg); background-position: center top; background-repeat: no-repeat; background-size: cover; height: 100%; position: fixed; width: 100%; } } */ body:not(.ac) > #page { width: 100%; padding: 0; margin-top: 100px; left: 0; position: relative; -webkit-overflow-scrolling: touch; float: left; background-color: var(--body-background-color); transition: 1s; } body #page.navbar-no-menu { margin-top: 0; transition: 0.8s; } @media (min-width: 992px) { body:not(.ac) > #page { min-height: calc(100% - 150px); } body.B1 > #page { min-height: calc(100% - 150px); } } body > #page .container-box.wrapper { box-shadow: 0px 0px 0px rgba(0,0,0,0.15); overflow: auto; } @media(min-width: 992px) { body > #page .container-box.wrapper { overflow: initial; } } body.ac > #page { top: 0px; min-height: 100%; background: var(--body-ac-page-color); } @media (max-width: 991px) { body:not(.ac) > #page { margin-top: 70px; } } body.ac > #page > .container.content-box { width: 85%; } @media (max-width: 991px) { body:not(.ac) > #page { min-height: calc(100% - 120px); } body.B1 > #page { min-height: calc(100% - 120px); } } /* CONTACT-BUTTON-AUSFAHREN NEW------------------------------------------------------------------------ START */ /* Menü bleibt IMMER schmal, Inhalt darf links „überhängen“ */ .inc-side-contact-menu { position: fixed; top: 160px; right: 0; z-index: 199; width: 56px; /* <- wichtig */ overflow: visible; /* <- erlaubt das Ausfahren */ display: flex; flex-direction: column; background-color: var(--side-menu-bg-color); border-radius: 0.25rem 0 0 0.25rem; } /* Button bleibt 64x64 – wächst nicht mehr */ .iscm-item { position: relative; display: block; width: 56px; height: 56px; padding-right: 56px; /* Platz fürs Icon rechts */ padding-inline-start: 0; border: 0; background: transparent; overflow: visible; /* <- wichtig für ausfahrenden Text */ text-align: left; cursor: default; } /* Icon rechts fix */ .iscm-icon { position: absolute; right: 0; top: 0; width: 56px; height: 56px; display: grid; place-items: center; pointer-events: none; background-color: var(--side-menu-bg-color); border-radius: .25rem 0 0 .25rem; } .iscm-icon i { font-size: 24px; color: var(--side-icon-color); } /* AUSFAHRENDER TEXTBLOCK */ .iscm-item-inner { position: absolute; right: 56px; /* sitzt LINKS vom Button */ top: 0; height: auto; display: grid; align-content: center; /* vertikal zentriert */ justify-items: start; /* linksbündig */ row-gap: 2px; padding: .5rem 1rem; white-space: nowrap; background-color: var(--side-menu-bg-color); border-radius: .25rem 0 0 .25rem; cursor: default; /* Start: versteckt */ transform: translateX(100%); opacity: 0; pointer-events: none; transition: transform .35s ease, opacity .25s ease; padding-right: 5rem; margin-right: -4rem; color: var(--side-icon-text-color); } .iscm-item-inner strong { color: var(--side-icon-text-color); } .iscm-item-inner a { text-decoration: underline; color: var(--side-icon-text-color); } .iscm-item-inner a:hover { text-decoration: none; color: var(--side-icon-text-color); } .iscm-item-inner-contact, .iscm-item-inner-directions, .iscm-item-inner-facebook, .iscm-item-inner-instagram { height: 100%; box-sizing: border-box; font-size: 1.15em; } /* Ausfahren – Hover ODER Tastatur-Fokus im Inneren */ .iscm-item:hover .iscm-item-inner, .iscm-item:focus-within .iscm-item-inner, .iscm-item:focus-visible .iscm-item-inner { transform: translateX(0); opacity: 1; pointer-events: auto; } .iscm-item:focus-within .iscm-item-inner, .iscm-item:focus-visible .iscm-item-inner { outline: 3px solid var(--da-focus-visible-color); } .iscm-item:focus { outline: 0; } /* Typografie */ .iscm-item-phone .title {font-weight: 600; } .iscm-item-phone .phone {font-size: 1em } .iscm-item-phone .call {text-decoration: underline; font-size: 1em; } /* Bewegungsreduktion */ @media (prefers-reduced-motion: reduce) { .iscm-item .iscm-item-inner { transition: none; transform: none; opacity: 1; } } button.iscm-item-font-size > span > i { position: relative; right: 3px; } button.iscm-item-font-size > span > i > i { position: absolute; left:15px; font-size: 20px; bottom: 0px; } /* CONTACT-BUTTON-AUSFAHREN NEW------------------------------------------------------------------------ ENDE */ .container-box { width: calc(100% - 40px); margin: 0 auto; max-width: 1350px; } @media (max-width: 991px) { #page > .container-box { width: 100%; margin: 0 auto; max-width: 1350px; } } .container-box .content { padding: 0px; overflow: hidden; margin-bottom: 50px; } @media(min-width: 992px) { .container-box .content { padding: 0px; overflow: initial; margin-bottom: 20px; } } @media(max-width: 767px) { .container-box .content { margin-bottom: 70px; } } @media(min-width: 992px) and (max-width: 1249px) { body:not(.B1) .container-box .content { padding: 0px; width: calc(100% - 40px); padding-right: 40px; } } @media(max-width: 991px) { body:not(.B1) .container-box .content { padding: 0px; width: 100%; } } @media (max-width: 991px) { .container-box-small { width: calc(100% - 40px); padding: 0px 20px; } } @media (min-width: 992px) { .container-box-small { width: calc(100% - 40px); padding: 0px 20px; } } .page-content, .page-image { position:relative; width:100%; height:auto; float:left; } .page-image .bxslider-area, .page-image .bxslider-area { height: auto; padding-top: var(--img-default-ratio); position: relative; } .page-image .bxslider-area li, .page-image .bxslider-area li { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .page-image .bxslider-area .bx-wrapper, .page-image .bxslider-area .bx-wrapper { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .page-id-con:nth-child(odd) .page-content, .page-id-con:nth-child(even) .page-image { float: left; } .page-id-con:nth-child(odd) .page-image, .page-id-con:nth-child(even) .page-content { float: right; } .page-image .bximg { padding: 15px; } .page-image .bximg > img { margin-top: 15px; } .page-content-title { width: 100%; height: auto; padding: 0px; position: relative; overflow: hidden; margin-bottom: 1rem; } .top-reducer { margin-bottom: 20px; } .page-content-box { width: 100%; height: auto; float: left; position: relative; padding: 0px 0px 0px 0px; -o-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; line-height: 1.5em; /* margin-top: 5px; */ } .page-content-box ul > li { line-height: 1.5em; } .Bcontact .page-content-box { padding: 0px; } .content-box { height: 100%; } /* ALLGEMEIN ---------------------------------------------------------------------- ENDE */ /* HEADER ------------------------------------------------------------------------ START */ .navbar { min-height: 100px; } .navbar-default { background-color: transparent; border-color: transparent; } .navbar-phone { right: 0; position: absolute; height: auto; border-bottom-left-radius: 40px; padding-right: 7.5%; padding-left: 40px; background-color: var(--side-icon-color); z-index: 3 } @media(max-width: 1349px) { .navbar-phone { padding-right: 5%; } } .navbar-phone a { position: relative; font-size: 22px; line-height: 40px; z-index: 5; color: var(--side-icon-color); display: block; } @media (max-width: 991px) { .navbar-phone a { font-size: 1.125em; line-height: 1.5em; } } @media (max-width: 767px) { .navbar-phone { display: none; } } .navbar:before { content: ""; width: 100%; height: 100px; top: 0; left: 0; z-index: 1; position: fixed; background: var(--header-bg-color); /* background-color: var(--header-bg-color); */ box-shadow: 0px 0px 3px 0px rgba(108,108,108, 0.3); } .navbar > .container-box { z-index: 2; position: relative; height: 100px; } @media (max-width: 991px) { .navbar { min-height: 70px; } .navbar:before { height: 70px; background-color: var(--header-menu-bg-color); } .B1 .navbar:before { } .navbar > .container-box { height: 70px; } } .navbar .navbar-header .navbar-brand { width: auto; height: auto; padding: 0; margin: 20px 0px; z-index: 5; position: relative; } .navbar .navbar-header .navbar-brand img { border: none; max-height: 60px; } @media (max-width: 991px) { .navbar .navbar-header .navbar-brand { width: auto; /* height: 70px; */ padding: 0; margin: 15px 0px; z-index: 5; position: relative; /* width: calc(100% - 60px); */ /* left: 50%; transform:translateX(-50%); */ } .navbar .navbar-header .navbar-brand img { max-height: 40px; padding: 0px; width: auto; margin: 0 auto; display: inline; } .navbar #navbar { background-color: var(--header-menu-bg-color); color: var(--main-a-menu-color); } } @media(min-width: 992px) { .navbar .navbar-header .navbar-brand { width: auto; height: auto; padding: 0; margin: 10px ; z-index: 5; position: relative; } .navbar .navbar-header .navbar-brand img { border: none; max-height: 80px; } .container-box-item-1 { width: auto; height: 30px; } .container-box-item-2 { width: auto; height: 100px; background-color: var(--header-menu-bg-color); border-radius: 0.25rem; box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3); } } @media(min-width: 992px) and (max-width:1199px) { .navbar .navbar-header .navbar-brand { margin: 25px 10px; } .navbar .navbar-header .navbar-brand img { max-height: 50px; } } @media(max-width: 991px) { .navbar .navbar-header .navbar-brand span { font-size: 1rem; color: rgba(255, 255, 255, 1); text-shadow: 2px 2px 2px #000000; font-weight: 600; text-wrap: nowrap; } } .navbar #navbar { position: relative; float: right; } .navbar #navbar .navbar-nav > li { margin-left: 1rem; margin-right: 1rem; } @media(min-width: 992px) { .navbar #navbar .navbar-nav { position: relative; top: 50%; transform: translateY(-50%); display: flex; column-gap: 1rem; flex-direction: row; flex-wrap: wrap; justify-content: flex-end; margin-bottom: 0 !important; margin-right: 3rem; } .navbar #navbar .navbar-nav > li { margin-left: 0; margin-right: 0; } .navbar #navbar .navbar-nav:after, .navbar #navbar .navbar-nav:before { content: none; } .navbar #navbar { height: 100% !important; max-width: calc(100% - 350px); } } .navbar #navbar .navbar-nav > li.rp { margin-right: 0; } .navbar #navbar .navbar-nav > li > a { color: var(--main-a-menu-color); /* font-family: 'Open Sans', sans-serif; */ } @media(max-width: 991px) { .navbar #navbar .navbar-nav > li > a { color: #333333; } } @media(min-width: 992px) { .navbar #navbar .navbar-nav > li > a { padding: 0.5rem; margin: 0; line-height: 1.5em; font-weight: 600; font-size: 1.125em; border-bottom: 2px solid rgba(255, 255, 255, 0); } body.da-font-200 .navbar #navbar .navbar-nav > li > a { line-height: 1.0625em; padding: 0 0.5rem} } .navbar #navbar > ul > li.separator { line-height: 20px; font-size: 20px; color: var(--main-a-menu-color); padding: 14px 0px!important; } .dropdown-submenu > .dropdown-menu { position: relative; top: 0; left: 0; box-shadow: none; border: none; border-bottom: 1px solid #ccc; border-radius: 0px; } .dropdown-submenu > .dropdown-menu > li > a { font-size: 14px!important; padding: 3px 20px 3px 40px; text-align: left; } .dropdown-submenu > .dropdown-menu > li > a { font-size: 14px!important; padding: 3px 20px 3px 40px; text-align: left; } @media(max-width: 767px) { .dropdown-submenu > .dropdown-menu > li > a { padding: 7.5px 20px 7.5px 50px!important; } } .navbar #navbar .navbar-nav > li.active > a, .navbar #navbar .navbar-nav > li.active > a:hover, .navbar #navbar .navbar-nav > li.active > a:focus, .navbar #navbar .navbar-nav > li.open > a, .navbar #navbar .navbar-nav > li.open > a:hover, .navbar #navbar .navbar-nav > li.open > a:focus { background: none; } @media (min-width:992px){ .navbar #navbar .navbar-nav > li.active > a:not([href="javascript:void(0);"]), .navbar #navbar .navbar-nav > li:hover > a:not([href="javascript:void(0);"]), .navbar #navbar .navbar-nav > li:focus > a:not([href="javascript:void(0);"]), .navbar #navbar .navbar-nav > li.open > a:not([href="javascript:void(0);"]) { border-bottom: 2px solid var(--sec-color); } } .navbar #navbar .navbar-nav > li.active > a:not([href="javascript:void(0);"]) { color: var(--sec-color); } .navbar #navbar .dropdown-menu.dropdown-menu-last-child { width: 175px; left: auto; text-align: right; } .navbar #navbar .dropdown-menu > li > a { color: var(--menu-dropdown-a-color); font-size: 1em; padding-top: 10px; padding-bottom: 10px; } .finder-column a[href="javascript:void(0);"], .navbar #navbar .navbar-nav > li > a[href="javascript:void(0);"], .navbar #navbar .dropdown-menu > li > a[href="javascript:void(0);"], .dropdown-submenu > .dropdown-menu > li > a[href="javascript:void(0);"] { opacity: 0.5; cursor: default; } .dropdown-menu a:hover, .dropdown-menu > li.active > a, .dropdown-menu > li.active > a:hover, .dropdown-menu > li.active > a:focus { background: none; color: var(--gr-color)!important; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu a.active { background: none; color: var(--gr-color)!important; } .navbar-fixed-top .navbar-collapse.in { max-height: 235px; } .navbar-header { position: relative; height: 100%; } .navbar-header .navbar-toggle { right: 0px; position: absolute; background-color: rgba(255,255,255,0); border: 1px solid rgba(255,255,255,0); top: calc(50% - 18px); margin-top: 0px; margin-right: 0px; } .navbar-default .navbar-toggle:hover { background-color: #dddddd; transition: all 0.2s ease 0s; } .navbar-default .navbar-toggle:focus, .navbar-header .navbar-toggle[aria-expanded="true"] { background-color: rgba(255,255,255,0); height: 34px; } .navbar-header .navbar-toggle[aria-expanded="true"] > .icon-bar:nth-child(4) { display: none; } .navbar-header .navbar-toggle[aria-expanded="true"] > .icon-bar:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; top: 2.5px; position: relative; } .navbar-header .navbar-toggle[aria-expanded="true"] > .icon-bar:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; top: -3.5px; position: relative; } .navbar-header .navbar-toggle .icon-bar { background-color: var(--gr-color); } /* --- Menue schon ab 991px als mobiles Menue --- */ @media(max-width:991px) { .navbar-header { float: none; position:relative; } .navbar-left,.navbar-right { float: none !important; } .navbar-toggle { display: block; } .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-collapse.collapse { display: none!important; } .navbar-nav { float: none!important; } .navbar-nav>li { float: none; } .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; } .collapse.in{ display: block !important; } .navbar .navbar-header .navbar-brand { margin-right: 60px; } .navbar-fixed-top .navbar-collapse.in { max-height: 335px; } .navbar #navbar .dropdown-menu { width: 25%; } .navbar #navbar.in { margin-top: 0px; /* background-color: rgba(255,255,255,0.95); */ box-shadow: 0px 4px 4px rgba(0,0,0,0.5); } .navbar #navbar.in .navbar-nav { margin-top: 0; } } .open > .finder-menu { display: block; } .finder-menu { width: auto; height: auto; background: var(--header-menu-bg-color); box-shadow: -5px 5px 10px rgba(0,0,0,0.5); border-left: 5px solid var(--header-menu-bg-color); border-right: 5px solid var(--header-menu-bg-color); border-bottom: 5px solid var(--header-menu-bg-color); position: absolute; margin-top: 25px; color: var(--main-a-menu-color); min-width: 670px; display: none; left: -220px; } .active.open > .finder-menu { margin-top: 23px; } .finder:hover > .finder-menu, .finder:focus > .finder-menu { display: block; } .finder-column { height: 100%; border-right: 1px solid var(--main-a-menu-color); } .finder-column:last-child { border-right: none; } .finder-title { font-size: 18px; font-weight: bold; margin: 10px 0px; } .finder-link, .finder-prod { font-size: 15px; font-weight: bold; margin: 10px 0px; display: block; position: relative; white-space: nowrap; color: var(--main-a-menu-color); } .finder-prod { text-decoration: underline; } .finder-info { font-size: 15px; font-weight: normal; display: block; position: relative; } .languages { width: auto; position: absolute; right: 0px; top: 0px; height: auto; z-index: 99; padding: 12px 25px 8px 10px; } .languages > .language { width: 2rem; margin-left: 0.5rem; height: auto; display: inline-block; } @media(max-width: 991px) { .languages { padding: 0; margin: 10px 60px 10px 0px; display:flex; flex-direction: column; justify-content: space-between; align-content: space-between; flex-wrap: wrap; height: 50px; } .languages > .language { padding: 0; margin: 0; width: 1.75rem; } } .language > div { position: relative; width: 100%; padding-top: 66.66%; height: auto; } .language:hover > div { background-color: rgba(255,255,255,0.3); } .language > div > span { position: absolute; display: block; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; } .language > div > span > img { vertical-align: unset; } .language:first-child { margin-left: 0px; } /* HEADER ------------------------------------------------------------------------- ENDE */ /* FOOTER ------------------------------------------------------------------------ START */ footer { width: 100%; position: relative; background-color: var(--footer-bg-color); float: left; /* box-shadow: 0px 0px 3px 0px rgb(0,0,0,0.3); */ bottom: 0px; z-index: 999; background-image: url('images/footer_bg.png'); background-repeat: repeat; } footer a:hover, footer a:focus { text-decoration: none; color: var(--footer-color); } .footer-sitemap a[href="javascript:void(0);"]:hover, .footer-sitemap a[href="javascript:void(0);"]:focus { text-decoration: none; cursor: default; color: var(--gr-color); } .footer-sitemap { float: left; position: relative; height: 100%; } .sitemap-column { float: left; position: relative; padding: 20px; font-size: 13px; } .sitemap-title { padding-bottom: 10px; float: left; width: 100% } .sitemap-list { float: left; padding: 0px 10px; width: 100% } .main-footer { position: relative; float: left; width: 100%; line-height: 50px; background-color: var(--footer-bg-color); background-image: url('images/footer_bg.png'); background-repeat: repeat; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3); } @media(max-width: 767px) { .main-footer { line-height: 25px; } .main-footer a { color: var(--footer-a-color); } } .main-footer-left { position: relative; float: left; color: var(--footer-color); margin-left: 0px; } .main-footer-right { position: relative; float: right; margin-right: 0px; } .main-footer-right span a { position: relative; float: left; color: var(--footer-a-color); } .main-footer-right span:nth-child(1n + 2) a { margin-left: 20px; } @media(max-width: 767px) { .main-footer { line-height: 1.5rem; padding: 0.5rem 0; } .main-footer-left, .main-footer-right { margin-left: 0px; margin-right: 0px; } .main-footer-left { margin-bottom: 0.5rem; } .main-footer-right { float: left; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; gap: 1rem; } .main-footer-right span a { margin-left: 0px !important; } .main-footer-right span:nth-child(2) a { margin-left: 0px; } } .footer-info-left { /* font-style: normal; */ } .clock-overlay, .whatsapp-overlay, .phone-overlay { position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.7); z-index: 9999; } .clock-overlay-text-area, .whatsapp-overlay-text-area, .phone-overlay-text-area { position: fixed; background: var(--side-menu-bg-color); display: none; text-align: left; z-index: 9999; width: 100%; padding: 30px; font-size: 15px; max-width: 400px; right: 0px; top: 50%; transform: translate(0%, -50%); -webkit-transform: translate(0%,-50%); -moz-transform: translate(0%,-50%); -ms-transform: translate(0%,-50%); -o-transform: translate(0%,-50%); margin-right: auto; margin-left: auto; left: 0px; color: var(--side-icon-color); } .phone-overlay-text-area { /* max-width: 200px; */ text-align: center; } .clock-overlay-text-area { max-width: auto; text-align: center; } .clock-overlay-text-area a, .phone-overlay-text-area a { color: var(--side-icon-text-color); } .whatsapp-overlay-text-area h3 { margin-top: 0px; } .phone-overlay-text-area h3 { margin-top: 0px; font-family: 'Arial', sans-serif; margin-bottom: 10px; } @media (min-width: 0px) and (max-width: 767px) { .clock-overlay-text-area, .whatsapp-overlay-text-area, .phone-overlay-text-area { width: calc(100% - 140px); } } .close-overlay { color: var(--side-icon-text-color); position: absolute; right: 10px; top: 10px; } .container-checkbox { display: inline-flex; position: relative; padding-left: 30px; margin-bottom: 15px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .container-checkbox input { opacity: 0; cursor: pointer; } .checkmark { position: absolute; top: 0; left: 0; height: 16px; width: 16px; background-color: var(--checkmark-bg-color); border: var(--checkmark-border); } .container-checkbox:hover input ~ .checkmark { background-color: var(--checkmark-bg-color-hover); } .container-checkbox input:checked ~ .checkmark { background-color: var(--checkmark-bg-color-checked); } .checkmark:after { content: ""; position: absolute; display: none; } .container-checkbox input:checked ~ .checkmark:after { display: block; } .container-checkbox .checkmark:after { left: 5px; top: 1px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } /* ---FOOTER SITEMAP------------------------------------------------------------------------- START */ .footer-exp { position: relative; width: 100%; display: none; } @media (min-width: 0px) { .B1 .footer-exp { display: block; } .B1 .main-footer { display: none; } } @media(min-width: 992px) { .B1 .footer-exp { padding-top: 2rem; } } .footer-exp-left, .footer-exp-center, .footer-exp-right { color: var(--footer-color); position: relative; float: left; width: auto; } .footer-exp-left a, .footer-exp-center a, .footer-exp-right a { color: var(--footer-a-color); } .footer-exp-left a:hover, .footer-exp-center a:hover, .footer-exp-right a:hover { color: var(--footer-a-color-hover); } .footer-exp-left { width: calc(40%); } .footer-exp-center { display: none; } .footer-exp-right { float: right; width: calc(30%); } @media (min-width: 992px) and (max-width: 1199px) { .footer-exp-left { width: calc(50%); } } @media (min-width: 768px) and (max-width: 991px) { .footer-exp-left { width: calc(60%); } .footer-exp-right { width: calc(35%); } } @media (min-width: 0px) and (max-width: 767px) { .footer-exp-left, .footer-exp-right { width: 100%; font-size: 14px; } } .footer-exp-left ul, .footer-exp-contact ul { list-style-type: none; margin-inline-start: 0px; padding-inline-start: 0px; margin-top: 20px; } .footer-exp-contact ul:first-child li:first-child { font-weight: 600; } @media (min-width: 0px) and (max-width: 767px) { .footer-exp-contact ul { float: left; width: calc(50%); } } .footer-exp-left ul li, .footer-exp-contact ul li { line-height: 2em; } .footer-exp-left .sitemap-left, .footer-exp-left .sitemap-center, .footer-exp-left .sitemap-right { /* position: relative; float: left; width: calc(33.33%); */ } .footer-exp-left .sitemap-left ul { display: flex; /* justify-content: space-between; */ flex-flow: row wrap; } .footer-exp-left .sitemap-left ul li { /* flex: 0 0 33.3333%; */ float: left; flex-basis: 50%; } @media (min-width: 0px) and (max-width: 499px) { .footer-exp-left .sitemap-left ul li { flex-basis: 50%; } .footer-exp-contact ul { width: 100%; } } /* ---FOOTER SITEMAP------------------------------------------------------------------------- ENDE */ /* FOOTER ------------------------------------------------------------------------- ENDE */ .navbar.navbar-no-menu { top: -150px; transition: 1s; } .navbar.navbar-no-menu:before { top: -150px; transition: 1s; } @media (min-width: 992px) { .navbar, .navbar:before { transition: 0.25s; } }