/* Theme Name: C2 OnePager Child v23 Description: A C2 OnePager 23 Child Theme Author: C2 | agentur Author URI: https://c2-agentur.de Template: c2_theme_onepg_parent_23 Version: 0.0.4 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: c2_child_onepager */ /* ############################################# FONTS ############################################ */ /* noto-sans-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: 'Noto Sans'; font-style: normal; font-weight: 100; src: url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-100.eot'); /* IE9 Compat Modes */ src: url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-100.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-100.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-100.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-100.svg#NotoSans') format('svg'); /* Legacy iOS */ } /* noto-sans-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: 'Noto Sans'; font-style: italic; font-weight: 100; src: url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-100italic.eot'); /* IE9 Compat Modes */ src: url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-100italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-100italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-100italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-100italic.svg#NotoSans') format('svg'); /* Legacy iOS */ } /* noto-sans-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: 'Noto Sans'; font-style: normal; font-weight: 200; src: url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-200.eot'); /* IE9 Compat Modes */ src: url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-200.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-200.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-200.svg#NotoSans') format('svg'); /* Legacy iOS */ } /* noto-sans-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: 'Noto Sans'; font-style: italic; font-weight: 200; src: url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-200italic.eot'); /* IE9 Compat Modes */ src: url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-200italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-200italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-200italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-200italic.svg#NotoSans') format('svg'); /* Legacy iOS */ } /* noto-sans-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: 'Noto Sans'; font-style: normal; font-weight: 300; src: url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-300.eot'); /* IE9 Compat Modes */ src: url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-300.svg#NotoSans') format('svg'); /* Legacy iOS */ } /* noto-sans-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: 'Noto Sans'; font-style: italic; font-weight: 300; src: url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-300italic.eot'); /* IE9 Compat Modes */ src: url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-300italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-300italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-300italic.svg#NotoSans') format('svg'); /* Legacy iOS */ } /* noto-sans-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: 'Noto Sans'; font-style: normal; font-weight: 400; src: url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-regular.eot'); /* IE9 Compat Modes */ src: url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-regular.svg#NotoSans') format('svg'); /* Legacy iOS */ } /* noto-sans-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: 'Noto Sans'; font-style: italic; font-weight: 400; src: url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-italic.eot'); /* IE9 Compat Modes */ src: url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-italic.svg#NotoSans') format('svg'); /* Legacy iOS */ } /* noto-sans-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: 'Noto Sans'; font-style: normal; font-weight: 500; src: url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-500.eot'); /* IE9 Compat Modes */ src: url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-500.svg#NotoSans') format('svg'); /* Legacy iOS */ } /* noto-sans-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: 'Noto Sans'; font-style: italic; font-weight: 500; src: url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-500italic.eot'); /* IE9 Compat Modes */ src: url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-500italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-500italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-500italic.svg#NotoSans') format('svg'); /* Legacy iOS */ } /* noto-sans-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: 'Noto Sans'; font-style: normal; font-weight: 600; src: url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-600.eot'); /* IE9 Compat Modes */ src: url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-600.svg#NotoSans') format('svg'); /* Legacy iOS */ } /* noto-sans-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: 'Noto Sans'; font-style: italic; font-weight: 600; src: url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-600italic.eot'); /* IE9 Compat Modes */ src: url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-600italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-600italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-600italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-600italic.svg#NotoSans') format('svg'); /* Legacy iOS */ } /* noto-sans-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: 'Noto Sans'; font-style: normal; font-weight: 700; src: url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-700.eot'); /* IE9 Compat Modes */ src: url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-700.svg#NotoSans') format('svg'); /* Legacy iOS */ } /* noto-sans-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: 'Noto Sans'; font-style: italic; font-weight: 700; src: url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-700italic.eot'); /* IE9 Compat Modes */ src: url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-700italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-700italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-700italic.svg#NotoSans') format('svg'); /* Legacy iOS */ } /* noto-sans-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: 'Noto Sans'; font-style: normal; font-weight: 800; src: url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-800.eot'); /* IE9 Compat Modes */ src: url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-800.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-800.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-800.svg#NotoSans') format('svg'); /* Legacy iOS */ } /* noto-sans-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: 'Noto Sans'; font-style: italic; font-weight: 800; src: url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-800italic.eot'); /* IE9 Compat Modes */ src: url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-800italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-800italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-800italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-800italic.svg#NotoSans') format('svg'); /* Legacy iOS */ } /* noto-sans-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: 'Noto Sans'; font-style: normal; font-weight: 900; src: url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-900.eot'); /* IE9 Compat Modes */ src: url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-900.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-900.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-900.svg#NotoSans') format('svg'); /* Legacy iOS */ } /* noto-sans-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: 'Noto Sans'; font-style: italic; font-weight: 900; src: url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-900italic.eot'); /* IE9 Compat Modes */ src: url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-900italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-900italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-900italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/noto-sans-v30-latin/noto-sans-v30-latin-900italic.svg#NotoSans') format('svg'); /* Legacy iOS */ } /* parisienne-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: 'Parisienne'; font-style: normal; font-weight: 400; src: url('fonts/parisienne-v13-latin/parisienne-v13-latin-regular.eot'); /* IE9 Compat Modes */ src: url('fonts/parisienne-v13-latin/parisienne-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/parisienne-v13-latin/parisienne-v13-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/parisienne-v13-latin/parisienne-v13-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/parisienne-v13-latin/parisienne-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/parisienne-v13-latin/parisienne-v13-latin-regular.svg#Parisienne') format('svg'); /* Legacy iOS */ } /* ############################################# GENERIC ########################################## */ html,body{ overflow-x: hidden; word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } body{ font-family: 'Noto Sans', sans-serif; font-size: 18px; color:#585651; } p,li,a,a:visited{ color:#585651; font-family: 'Noto Sans', sans-serif; } a.mContainer { font-size: inherit; } a:hover{ text-decoration: none; color:#585651!important; } button{ outline: none!important; -webkit-box-shadow: none!important; box-shadow: none!important; } button:hover, button:focus, button:visited { text-decoration: none!important; outline: none!important; -webkit-box-shadow: none!important; box-shadow: none!important; } h1,h2,h3,h4,h5,h6{ font-weight: 600; font-family: 'Noto Sans', sans-serif; color: #a2c119; margin: 1rem 0; line-height: 1; text-transform: uppercase; } h1{font-size: 28px;} h2{font-size: 26px;} h3{font-size: 24px;} h4{font-size: 22px;} h5{font-size: 20px;} sub, sup { line-height: unset; } h1.col_nplogo_sitename { font-family: 'Parisienne', cursive; font-size: 25px; color: rgb(249, 161, 44); text-transform: none; } h1.entry-title { font-weight: 500; } /*----------------------Akkordion-----------------------*/ .C2B_collapseParagraph { /* display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: center; justify-content: center; align-items: center; */ margin: 20px 0 0 0!important; height: 50px; } a.btn.C2B_btn_collapse, a.btn.C2B_btn_collapse.collapsed { /* font-size: 1.2rem!important; font-weight: 600!important; text-transform: uppercase!important; letter-spacing: 1px!important; color: white!important; */ } .acc_rioja { background-color: #a2c119; } .acc_beryl { background-color: #d8e6b4; } .acc_jungle { background-color: #c0d5da; } .acc_hit { background-color: #9eabaf; } /* ** -------------------------BUTTONS-------------------------------------- */ .container_basic_btn_dl input, .container_basic_btn_dl a, input.btn.basic_btn, a.btn.basic_btn, .basic_btn, .postsnavigation_next a, .postsnavigation_prev a{ border: 0px solid white; border-radius: 0px; background-color: #6ab165; -webkit-box-shadow:inset 0px 0px 0px 1px #363636; -moz-box-shadow:inset 0px 0px 0px 1px #363636; box-shadow:inset 0px 0px 0px 1px #363636; padding: 10px 20px; position: relative; display: inline-block; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; text-transform: uppercase; letter-spacing: 1px; color: #fff; text-decoration: none; z-index:0; font-weight: 400; } .container_basic_btn_dl input:after, .container_basic_btn_dl a:after, a.btn.basic_btn:after, input.btn.basic_btn:after, .basic_btn:after, .postsnavigation_next a:after, .postsnavigation_prev a:after{ content: ""; border:0px; position: absolute; left: 0; top: 0; width: 0; height: 100%; background-color: #1d1d1b; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); z-index: -1; } .container_basic_btn_dl input:hover:after, .container_basic_btn_dl a:hover:after, a.btn.basic_btn:hover:after, input.btn.basic_btn:hover:after, .basic_btn:hover:after, .postsnavigation_next a:hover:after, .postsnavigation_prev a:hover:after{ width: 100%; } .container_basic_btn_dl input:before, .container_basic_btn_dl a:before, a.btn.basic_btn:before, input.btn.basic_btn:before, .basic_btn:before, .postsnavigation_next a:before, .postsnavigation_prev a:before{ content: ""; position: absolute; background-color: transparent; left: 0; bottom: 0; height: 110%; width: 0; /*border-top: 3px solid transparent;*/ -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); z-index: -2; } .container_basic_btn_dl input:hover:before, .container_basic_btn_dl a:hover:before, a.btn.basic_btn:hover:before, input.btn.basic_btn:hover:before, .basic_btn:hover:before, .postsnavigation_next a:hover:before, .postsnavigation_prev a:hover:before{ border-color:#363636; width: 100%; } .container_basic_btn_dl input:hover, .container_basic_btn_dl a:hover{ color: white!important; } /* submit button */ .elem_basic_btn_dl{ margin: 2px 0px 0 0; height: 40px; background-color: #ffffff; position: relative; z-index: 0; width: 120px; text-align: center; } .elem_basic_btn_dl:hover{ cursor: pointer; } .elem_basic_btn_dl:before{ content: ""; position: absolute; height: 41px; width: 0px; top: 0; left:0; background-color: #1d1d1b; z-index: -1; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); } .elem_basic_btn_dl:hover:before{ width: 100%; border-color: #b0000d; } .elem_basic_btn_dl:after{ content: ""; position: absolute; height: 41px; width: 0px; top: -4px; left:0; background-color: transparent; z-index: -1; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); } .elem_basic_btn_dl #pr_submit, .npart_form input.wpcf7-form-control.wpcf7-submit{ background-color: transparent; height: 41px; border:0px; color: white!important; width: auto; } /* search button */ .elem_basic_btn_dl.search{ margin: 0px 0px 0 0; height: 55px; background-color: #6ab165; position: relative; z-index: 0; width: 120px; text-align: center; } .elem_basic_btn_dl.search:hover{ cursor: pointer; } .elem_basic_btn_dl.search:before{ content: ""; position: absolute; height: 55px; width: 0px; top: 0; left:0; background-color:#1d1d1b; z-index: -1; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); } .elem_basic_btn_dl.search:hover:before{ width: 100%; border-color: #b0000d; } .elem_basic_btn_dl.search:after{ content: ""; position: absolute; height: 55px; width: 0px; top: -4px; left:0; background-color: transparent; z-index: -1; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); } .postsnavigation_prev, .postsnavigation_next{ padding: 15px; margin-bottom: 15px; } .postsnavigation_prev a, .postsnavigation_next a{ font-size: 14px; font-weight: 400; box-shadow: none; } .postsnavigation_prev a:hover, .postsnavigation_next a:hover{ color: white!important; } .wp-block-button.btn.basic_btn{ padding: 0; } a.wp-block-button__link{ box-shadow: none!important; font-size: 20px!important; font-weight: 400!important; } #topbutton { background-color: #ffffff; opacity:0.5; filter: unset; } #topbutton svg{ font-size: 4rem; } /* ** --------------------------------------------------------------- */ .permal_more { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: inline-flex; -webkit-flex-direction: row; flex-direction: row; align-items: center; -webkit-justify-content: center; justify-content: center; width: 90px; padding: 0!important; } a.btn.basic_btn.permal_more { padding: 10px 20px!important; width: auto; } a.btn.basic_btn.permal_more:hover { color: white!important; } input.search-field:focus,input.search-field:hover, .basic_btn:focus,.basic_btn:active:focus, .btn:focus,.btn:active:focus,.btn.active:focus, .btn.focus,.btn:active.focus,.btn.active.focus, .navbar-toggler,.navbar-toggler:active,.navbar-toggler:focus, .wpcf7-text:focus, .wpcf7-textarea:focus, .wpcf7-select:focus,.wpcf7-date:focus, input#s:focus,input#s:hover,input#s:active{ outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } h2.widget-title { color: white; font-weight: bold; } .textwidget li { color: white; } a.linkhighlighted{ } .modal-open{ padding: 0!important; } .modal-open #main-nav{ padding: 0!important; } blockquote.wp-block-quote { border-left: 3px solid rgba(54, 54, 54, .8); padding-left: 10px; } blockquote.wp-block-quote p { color: #363636; font-weight: 100; font-style: italic; } blockquote.wp-block-quote cite { font-weight: 100; } strong { font-weight: bold!important; } /* --- COLORS --- */ /* ############################################ HEADER ############################################ */ img.logo_site{ padding-left: 5px; } nav#main-nav{ background-color: white; padding: 0; } #cont_navbar { background-color: transparent; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; transition: all .25s ease-in-out; border-bottom: 1px solid rgba(190,190,190,0); } #row_navbar { width: 100%; margin: 0; } #col_nplogo { background-color: white; text-align: center; } #col_nplogo img{ width: 50%; height: auto; padding: 0 0rem 0 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #main-nav.scrolled #col_nplogo{ } #main-nav #col_nplogo_mobile_scrolled .site-branding, #main-nav #col_nplogo_mobile_scrolled .site_name{ display: none; } #main-nav.scrolled #col_nplogo_mobile_scrolled{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; align-items: center; } #main-nav.scrolled #col_nplogo_mobile_scrolled .site-branding, #main-nav.scrolled #col_nplogo_mobile_scrolled .site_name{ display: block; } #col_nplogo_mobile_scrolled img { width: 30px; height: auto; } h1.col_nplog_mob_scr_siten { font-size: 16px; padding: 0 5px; margin: 0; font-family: 'Shadows Into Light',cursive; color: rgb(249, 161, 44); } #col_linksandsearch { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; align-items: flex-end; -webkit-justify-content: center; justify-content: center; background-color: transparent; } #wrap_linksandsearch { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; } #wrap_linksandsearch a { color: #363636; } #row_navbar #elem_toggler_phone, #row_navbar #elem_toggler_mail, #row_navbar #elem_toggler_fb, #row_navbar #elem_toggler_search{ } #h_col_head_brand, .h_col_head_navbar{ border: unset!important; } #nav_primary { position: fixed; top: 35px; margin: 15px 0 0 0!important; padding: 9px 16px; } ul#menu_nav_primary, ul#menu_nav_secondary { margin: 0!important; padding: 0; } ul#menu_nav_primary li, ul#menu_nav_secondary li{ padding: 0 12px; } ul#menu_nav_primary a.nav-link { color: #a2c119; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; font-size: 1.5rem; } ul#menu_nav_primary a.nav-link:hover{ color: white; } /* --------------------------------------- HAMBURGER --- */ button.navbar-toggler { text-align: left; width: 50px; height: 38px; margin-right: 10px; padding: 0 10px 0 7px; border-radius:0; } button#navi_toggle { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: flex-start; justify-content: flex-start; align-items: center; width: auto; margin: 0; padding: 0; } img.mob_img_sitelogo { display: inline-block; position: absolute; left: 55px; top: 8px; width: 30px; height: auto; } .icon-bar { width: 36px; height: 4px; border-radius: 0px; background-color: #585651; display: block; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; margin-top: 6px; } .navbar-toggler { border: none; } .navbar-toggler:hover { border: none; cursor: pointer; } .navbar-toggler .top-bar { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); transform-origin: 10% 10%; } .navbar-toggler .middle-bar { opacity: 0; } .navbar-toggler .bottom-bar { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); transform-origin: 10% 90%; } span.icon-bar.bottom-bar { margin-bottom: 6px; } .navbar-toggler.collapsed .top-bar { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } .navbar-toggler.collapsed .middle-bar { opacity: 1; } .navbar-toggler.collapsed .bottom-bar { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } .navbar-toggler:hover .icon-bar { background-color: #a2c119; } #menu_nav_primary li.menu-item.clicked a{ color: white; } #menu_nav_primary li.menu-item:hover, #menu_nav_primary li.menu-item.clicked{ background-color: #a2c119!important; } #menu_nav_primary li.menu-item:hover a{ color: white!important; } /* #menu-item-121:hover, #menu-item-121.clicked { background-color: #d8e6b4; } #menu-item-129:hover, #menu-item-129.clicked { background-color: #a2c119; } #menu-item-1063:hover, #menu-item-1063.clicked { background-color: #a2c119; } #menu-item-123:hover, #menu-item-123.clicked { background-color: #c0d5da; } #menu-item-128:hover, #menu-item-128.clicked { background-color: #9eabaf; } #menu-item-122:hover, #menu-item-122.clicked { background-color: #a2c119; } #menu-item-907:hover, #menu-item-907.clicked { background-color: #a2c119; } #menu-item-765:hover, #menu-item-765.clicked { background-color: #d8e6b4; } #menu-item-901:hover, #menu-item-901.clicked { background-color: #a2c119; } */ #sidebartoggle { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; align-items: center; padding-right: 5px; width: auto; background-color: transparent; } span#l_toggler_caption { font-family: 'Noto Sans', sans-serif; text-transform: uppercase; font-size: 16px; letter-spacing: 2px; padding: 0 3px; color: #363636; } #elem_navbar, #elem_navbar_right{ -webkit-justify-content: right; justify-content: right; } /* ============================= Hero section : generic ============================= */ .hero_elem_img, .hero_elem_carousel { background-size: contain; height: auto!important; margin-top: 50px; } /* ============================= Hero section : fragment captions ============================= */ #PG_HeroCaptionCont_mob { padding: 12px; } #PG_HeroCaptionCont { display: none; position: absolute; right: -1%; top: 0%; height: calc(100vh - 85px)!important; width: 65%; /*background-color: rgba(138,43,226 ,.5);*/ padding: 0; } .HC_elem{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; position: relative; /*background-color: rgba(255, 0, 0, .4);*/ } #part_a{ /*background-color: rgba(255, 255, 0, .6);*/ -webkit-justify-content: flex-start; justify-content: flex-start; } #part_b{ display: none; /*background-color: rgba(138, 43, 226, .5);*/ -webkit-justify-content: flex-start; justify-content: flex-start; } #part_c{ display: none; /*background-color: rgba(255, 255, 255, .4);*/ -webkit-justify-content: flex-start; justify-content: flex-start; } /* ########################################### CONTENT ############################################ */ .post, .page { margin: 0; } #content { padding: 0; } main#primary { width: 100%; min-height: 90vh; } .entry-content .container{ padding-right: 0px; padding-left: 0px; } .entry-content { padding: 0px; } .single-post .entry-content { padding: 0 15px; } span.SiPDt_tag { font-weight: 400; } .entry-content a:hover{ color: #3a3a3a; } .entry-content p { font-weight: 400; margin: 0px; } .single .entry-content p { font-weight: 400; font-size: inherit; } .entry-content ul { margin: 10px; } .entry-content li { line-height: 1.8; font-weight: 400; } .PGNEwsPV { padding: 8vh 15px; } .PGNEwsPVPostEA a{ text-decoration: none; } .PGNEwsPVPostEA h2 { font-size: 18px; } .PGNEwsPVPostEA h2:hover { color: #585651; } .kontakt { text-align: center; } .wp-block-group__inner-container { margin: 10px; } .C2B_collapse { padding: 0; } .C2B_collapse ul { padding: 0 0 0 20px; } .C2B_collapse p, .C2B_collapse li, .C2B_collapse a { font-size: 16px; } .C2B_collapse{ background-color: white; } .trenner_kontakt { background-color: #a2c119; opacity: 75%; } .news_headline { text-align: center; } .wp-image-217 { height: 140px; } /* --- covers --- */ h2.cover_head_box{ display: inline-block; width: fit-content; background-color: #363636; color: white; padding: 10px 15px; } .cover_wrap_p_box{ display: inline-block; width: fit-content; background-color: transparent; border-top:3px solid #363636; } p.cover_p_box{ display: inline-block; margin: 3px 0 0 0; width: fit-content; background-color: #1d1d1b; color: white; padding: 5px 10px; } span.np_liicon{ width: 35px; height: 35px; display: inline-block; background-repeat: no-repeat; background-size: contain; margin-bottom: -7px; margin-right: 5px; } .single header.entry-header { padding: 0 15px; } .mtdt_postnav { padding: 15px; } .mtdt_postnav p, .mtdt_postnav a{ font-size: 16px; margin: 0; } p.postp_details, p.postp_details a, p.postp_details .fas{ font-size: 14px; margin: 15px 0; } .mtdt_postnav .fas{ padding: 0 5px; } .next_in_cat { text-align: right; } .indic_cats { text-align: center; } .si_elem_posttags ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: inline-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; } .si_elem_posttags ul.container_basic_btn_dl li { margin-right: 5px; } .si_elem_posttags ul.container_basic_btn_dl a { box-shadow: none; font-size: 14px; font-weight: 300; } span.links, span.links a{ color:white; } .squarecolumnsC .wp-block-cover { position: relative; width: 100%; min-height: unset; } .squarecolumnsC .wp-block-cover:after { content: ""; display: block; padding-bottom: 100%; } .squarecolumnsC .wp-block-column{ background-color: #8ca926; padding: 1rem; } .squarecolumnsC .wp-block-cover img{ position: absolute; width: 100%; height: 100%; } .squarecolumnsC h3 { color: white; } .squarecolumnsC p { color: white; } #notfallrfnr { position: fixed; bottom: 0; background-color: #3d4761; padding: 1rem; z-index: 99; } #notfallrfnr p { padding: 0; margin: 0; color: white; } .ItemDate { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; padding: 0 0 5px 0; } .ItemDate span { font-size: 12px; font-weight: 400; } .colExcerpt p { font-size: 14px; } /* ####################################### CHEVRON DOWN ########################################### */ .home #wrap_chevrondown{ visibility: visible; position: absolute; bottom: 5rem; text-align: center; z-index: 99; left: 0; right: 0; } #chevrondown a{ display: inline-block; position: relative; outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } #chevrondown a:hover, #chevrondown a:active, #chevrondown a:visited{ outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } #chevrondown a svg { color: white; font-size: 3rem; } #chevrondown a:hover svg { color: #585651; } /* ########################################## FOOTER ############################################## */ #kontakt{ padding: 0px; background-color: transparent; margin-bottom: 0px; } #c2_cont_footer{ position: relative; padding: 0px; background-color:#2f4f4f; background-repeat: no-repeat; background-size: cover; background-position: bottom; overflow:hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: inline-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: end; justify-content: end; } #c2_cont_footer_inner { padding: 1rem 0 3rem 0; } .elem_ww_footer { text-align: center; padding: 0 15px; } .elem_ww_footer figure { width: 75%; height: auto; margin: 0 auto; padding: 0rem 0 0rem 0; } #ww_footer_col_02 { margin-bottom: 25px; } .menu-footermenue-container { text-align: center; } #foot_cont_sub ul#menu-footermenue{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: inline-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; /*align-items: flex-start;*/ align-items: center; list-style: none; padding: 0; width: 100%; } /* #kontakt ul{ list-style: none; padding: 0 0px; margin: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; text-align: right; } */ #kontakt ul{ list-style: none; padding: 0 0px; margin: 0; text-align: center; } ul#menu-footermenue > li { display: inline-block; } #kontakt p, #kontakt a, #kontakt li{ color: white; font-weight: 400; font-size: 12px; text-decoration: none; } #kontakt a:hover{ text-decoration: underline; color: white!important; } #c2_row_footer span.custom_icon { width: 30px; height: 30px; margin-bottom: -8px; background-size: contain; background-repeat: no-repeat; display: inline-block; } span.faswrap { display: inline-block; width: 30px; } #foot_cont_sub { background-color: red; padding: 15px; } h2#footer_PG_name{ font-family: 'Parisienne', cursive; text-transform: unset; font-weight: 100; } /* #################################### LIGHTBOX GALLERY ########################################## */ button#previous-button, button#next-button { /*background-color: rgba(115, 20, 20,.8);*/ border-radius: 0px; outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } button#previous-button:hover, button#next-button:hover { /*background-color: #731414;*/ outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } ul.blocks-gallery-grid { width: 100%; } li.blocks-gallery-item { position: relative; width: 100%; } li.blocks-gallery-item:after { content: ""; display: block; padding-bottom: 100%; } li.blocks-gallery-item figure { position: absolute; width: 100%; height: 100%; } /* ############################################## FORM ############################################ */ .wps-form { width: 100%; margin: 0 auto; } .wps-form-row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; width: 100%; } .wps-form-row .wpcf7-form-control { width: 100%; } .wps-form-column { flex: 1; padding: 0.5rem 0; width: 100%; } /* Notebook / Desktop */ @media only screen and ( min-width: 48em ) { .wps-form-row { -webkit-flex-direction: row; flex-direction: row; } .wps-form-column { padding: 0 1rem 0 0; } } .npart_form label { font-size: 18px!important; width: 100%; font-weight: 100; } .npart_form label a { font-size: 18px!important; text-decoration: underline; } .npart_form label a:hover { text-decoration:none; } .npart_form input.wpcf7-form-control, .npart_form textarea.wpcf7-form-control.wpcf7-textarea { border: 1px solid #363636; } .npart_form #row_accpt label { line-height: 1; } .npart_form #row_accpt .wpcf7-list-item { margin: 10px 0 0 0em; } .npart_form #row_accpt .wpcf7-list-item-label { font-size: 14px; color: #363636; } .npart_form span.wpcf7-list-item { margin: 0; } .npart_form .egg_radio .wpcf7-list-item { padding: 0 15px 0 0; } .egg_radio input[type='radio']:after { width: 20px; height: 20px; border-radius: 20px; top: -3px; left: -4px; position: relative; background-color: #d1d3d1; content: ''; display: inline-block; visibility: visible; border: 2px solid white; } .egg_radio input[type='radio']:checked:after { width: 20px; height: 20px; border-radius: 20px; top: -3px; left: -4px; position: relative; background-color: #363636; content: ''; display: inline-block; visibility: visible; border: 2px solid white; } #egg_acc:after { width: 20px; height: 20px; border-radius: 20px; top: -3px; left: -4px; position: relative; background-color: #d1d3d1; content: ''; display: inline-block; visibility: visible; border: 2px solid white; } #egg_acc:checked:after { width: 20px; height: 20px; border-radius: 20px; top: -3px; left: -4px; position: relative; background-color: #363636; content: ''; display: inline-block; visibility: visible; border: 2px solid white; } .wpcf7 form.sent .wpcf7-response-output { border-color: #363636; margin: 0; } /* ########################################## BAGUETTE ############################################ */ #baguetteBox-overlay { background-color: rgba(255,255,255,.8)!important; } button#close-button { /*background-color: rgba(115, 20, 20,.8);*/ } button#close-button:hover { /*background-color: rgba(115, 20, 20,1);*/ } button#close-button g { stroke: rgba(255,255,255,.8); } button#close-button:hover g { stroke: rgba(255,255,255,1); } .baguetteBox-button:hover polyline { stroke: rgba(255,255,255,1); } /* ########################################### NAVTABS ############################################ */ .elem_c2_tabs .nav-tabs { border-bottom: 0px; } nav.elem_c2_tabs .nav-item { background-color: #363636; border: 2px solid #363636!important; border-radius: 6px; color: white; font-size: 16px; margin: 0 5px 5px 0!important; padding: 4px 16px; } nav.elem_c2_tabs .nav-item:hover, nav.elem_c2_tabs .nav-item.active { background-color: white; color: #363636; } /* ** ################################################################################################ ** ###################################### SEARCH MODALS 2020/07/19 // c.anger@c2-cl.de ############ ** ################################################################################################ */ #searchModal { z-index: 99999; } #rf_nav_btn_search{ cursor: pointer; } #rf_nav_btn_search{ color: #363636; height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content:center; justify-content: center; } #searchModal { -webkit-box-shadow: 10px 10px 65px 1px rgba(20,155,215,0.5); -moz-box-shadow: 10px 10px 65px 1px rgba(20,155,215,0.5); box-shadow: 10px 10px 65px 1px rgba(20,155,215,0.5); } #searchModal .modal-content { border:0px; border-radius: 0px; background-color: transparent; /* padding-top: 3px; border-top: 3px solid #363636; */ width: 75%; margin: 0 auto; } #searchModal .modal-header{ background-color:transparent; border-radius: 0px; border: 0px; padding: 7px 16px; display: none; } #searchModal .modal-body{ background-color:transparent; border-radius: 0px; text-align: center; padding: 0 0px; } #searchModal .modal-footer{ background-color:transparent; border-radius: 0px; border: 0px; min-height: 20px; display: none; } #searchModal .modal-title{ font-size: 1.05rem; font-family: 'Noto Sans', sans-serif; color: #fff; text-transform: uppercase; } #searchModal input#s{ border: 0px solid #fff; border-radius: 0px; height: 55px; width: 100%; background-color: rgba(255,255,255,.5); } #searchModal input.search-field{ border: 0px; border-radius: 6px; } .search-no-results input.search-field{ border-radius: 6px; } input.search-field.form-control{ border-right: 2px solid #363636; } #elem_icon_search { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; align-items: center; -webkit-justify-content:center; justify-content: center; width: 50px; font-size: 2rem; color: white; } #searchModal button#btn_close { background-color: white; border-radius: 0px; border: 2px solid #005098; font-size: 12px; font-family: 'Noto Sans', sans-serif; color: #005098; } #searchModal button#btn_close:hover { background-color: #005098; border-color: white; color: white; } #searchModal .close { color: #ffffff; } #searchModal .close:hover { color: #ffffff; } .np_f_search { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: inline-flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content:center; justify-content: center; width: 100%; } input#searchsubmit { background-color: transparent; border: none; height: 55px; width: 100%; color: #fff; font-weight: 400; text-transform: uppercase; } input#searchsubmit:hover { color: #fff; } /* ** =============================== ONLINE BESTELLEN LINKS ====================================== */ .c2formsLinks p { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; justify-content: center; -webkit-justify-content: center; text-align: center; background-color: #8ca926; border-radius: 999px; padding: 2rem; width: 250px; height: 250px; margin: 0 auto; } .c2formsLinks span.label { display: inline-block; color: white; } .c2formsLinks svg { font-size: 5rem; margin-bottom: 1rem; color: white; } /* ** =============================== BUTTON ====================================== */ .nav-links { margin: 1rem 0; } .WrPGBtn{ text-align: right; padding: 2rem 0; } .nav-previous a, .nav-next a{ padding: 5px 10px; display: inline-block; } a.btn.PGBtn, .nav-previous a, .nav-next a { border-radius: 0px; margin: 0 auto; background-color: #a2c119; color: white; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; text-decoration: none; border: 0px; } a.btn.PGBtn:hover, .nav-previous a:hover, .nav-next a:hover { color: white!important; background-color: #585651!important; } /* ** =============================== ANIMATION ====================================== */ #sa_animation { position: relative; display: block; width: 200px; height: 200px; margin: 0 auto; } .WrElemAnim { position: absolute; } .ElemAnim{ position: relative; } img.ElemAnim { height: 200px; width: auto; } /* ############### ANIMATE CSS ################ */ /* Small Devices, Tablets */ @media only screen and (max-width : 768px) { .animated { /*CSS transitions*/ -o-transition-property: none !important; -moz-transition-property: none !important; -ms-transition-property: none !important; -webkit-transition-property: none !important; transition-property: none !important; /*CSS transforms*/ -o-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -webkit-transform: none !important; transform: none !important; /*CSS animations*/ -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; } } /* ====================== selection ====================== */ ::-moz-selection { color: white!important; background: #a2c119!important; } ::selection { color: white!important; background: #a2c119!important; } /*--- appendix ---*/ .container-fluid.WrPGSiP_featured { height: 75vh; background-size: contain; background-repeat: no-repeat; background-position: center; } a.btn.C2B_btn_collapse, a.btn.C2B_btn_collapse.collapsed { /*font-size: 14px!important;*/ background-color: #a2c119; border-radius: 0px; font-size: inherit; font-weight: inherit; color: white; padding: 5px 25px 5px 35px; } a.btn.C2B_btn_collapse:hover { color: white!important; background-color: #585651; } .PGNEwsPVPostEA h2 { font-size: 26px; } .C2B_btn_collapse .dashi{ position: relative; left: -27px; } .C2B_btn_collapse .dashi::before{ position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054"; left: 10px; } .C2B_btn_collapse[aria-expanded='true'] .dashi::before{ -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } /* ====================== special list style PFEILE ====================== */ ul.pfeile { list-style: none; padding: 0!important; } ul.pfeile li::before{ font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054"; margin-right: 8px; } /* #################################################### ooo ooooo .o8 o8o .oooooo. o8o `88. .888' "888 `"' d8P' `Y8b `"' 888b d'888 .ooooo. .oooo888 oooo .oooo. 888 888 oooo oooo .ooooo. oooo d8b oooo .ooooo. .oooo.o 8 Y88. .P 888 d88' `88b d88' `888 `888 `P )88b 888 888 `888 `888 d88' `88b `888""8P `888 d88' `88b d88( "8 8 `888' 888 888ooo888 888 888 888 .oP"888 888 888 888 888 888ooo888 888 888 888ooo888 `"Y88b. 8 Y 888 888 .o 888 888 888 d8( 888 `88b d88b 888 888 888 .o 888 888 888 .o o. )88b o8o o888o `Y8bod8P' `Y8bod88P" o888o `Y888""8o `Y8bood8P'Ybd' `V88V"V8P' `Y8bod8P' d888b o888o `Y8bod8P' 8""888P' #################################################### */ /* :::::::::::::::::::::::::::::::::::::::::::::::::::: Bootstrap 4 breakpoints */ /* Extra small devices (portrait phones, less than 576px) No media query since this is the default in Bootstrap because it is "mobile first" */ /* oooooooo ooooooooo .ooo dP""""""" d"""""""8' .88' d88888b. .8' d88' `Y88b .8' d888P"Ybo. ]88 .8' Y88[ ]88 o. .88P .8' `Y88 88P `8bd88P' .8' `88bod8' Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) { /* ** ###################################### HERO CONTENT ############################################ */ .row_hero { width: 100%; } } /* ooooooooo .ooo .ooooo. d"""""""8' .88' d88' `8. .8' d88' Y88.. .8' .8' d888P"Ybo. `88888b. .8' Y88[ ]88 .8' ``88b .8' `Y88 88P `8. .88P .8' `88bod8' `boood8' Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */ @media (min-width: 768px) { /* ============================= Hero section ============================= */ #PG_HeroCaptionCont { display: block; height: 75vh!important; width: 68%; } #PG_HeroCaptionCont_mob{ display: none; } #part_b { padding-left: 15vw; } #part_c { padding-left: 25vw; padding-top: 5vh; } .hero_elem_img, .hero_elem_carousel { background-size: cover; height: 75vh!important; margin-top: 50px; } /* ========================================================== */ .h_col_head_navbar #nav_primary { top: 49px!important; } .squarecolumnsC{ flex-wrap: wrap!important; } .squarecolumnsC .wp-block-column { max-width: 47%; flex-basis: 100%!important; } #c2_cont_footer_inner { padding: 2rem 0 2rem 0; } .HomeHeroGrp { min-height: 75vh; } #notfallrfnr p { text-align: center; font-size: 2rem; } .HomeHeroGrp h1 { font-size: 3rem!important; } .colExcerpt p { font-size: inherit; } .single-post main#primary { padding-top: 10vh; } .single-post .nav-links { margin: 1rem -15px; } } /* .oooo. ooooooooo oooooooo .ooooo. .o .oooo. .dP""Y88b d"""""""8' dP""""""" d88' `8. o888 .dP""Y88b ]8P' .8' d88888b. Y88.. .8' 888 ]8P' <88b. .8' `Y88b `88888b. 888 .d8P' `88b. .8' ]88 8888888 .8' ``88b 888 .dP' o. .88P .8' o. .88P `8. .88P 888 .oP .o `8bd88P' .8' `8bd88P' `boood8' o888o 8888888888 ----------- iPhone X ----------- */ @media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { } /* .ooooo. .ooooo. .oooo. 888' `Y88. 888' `Y88. .dP""Y88b 888 888 888 888 ]8P' `Vbood888 `Vbood888 .d8P' 888' 888' .dP' .88P' .88P' .oP .o .oP' .oP' 8888888888 Large devices (desktops, 992px and up) */ @media (min-width: 992px) { } /* .o .oooo. .oooo. .o o888 d8P'`Y8b .dP""Y88b .d88 888 888 888 ]8P' .d'888 888 888 888 .d8P' .d' 888 888 888 888 .dP' 88ooo888oo 888 `88b d88' .oP .o 888 o888o `Y8bd8P' 8888888888 o888o */ @media (min-width: 1024px) { .h_col_head_navbar #nav_primary{ top: 86px !important; } h1.col_nplogo_sitename{ font-size: 35px; } ul#menu_nav_primary a.nav-link:hover{ /*color: white!important;*/ color: #fff!important; } a.btn.C2B_btn_collapse, a.btn.C2B_btn_collapse.collapsed{ /*font-size: 26px !important;*/ } } /* .o .oooo. .oooo. .oooo. o888 .dP""Y88b d8P'`Y8b d8P'`Y8b 888 ]8P' 888 888 888 888 888 .d8P' 888 888 888 888 888 .dP' 888 888 888 888 888 .oP .o `88b d88' `88b d88' o888o 8888888888 `Y8bd8P' `Y8bd8P' Extra large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) { /*--- hero ---*/ .hero_elem_img, .hero_elem_carousel { height: calc(100vh - 85px)!important; margin-top: 85px; } #PG_HeroCaptionCont { width: 44vw; height: calc(100vh - 85px)!important; } #part_a { height: 100%; } #part_b { height: 35%; padding-left: 13vw; } #part_c { /* display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; */ -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-end; justify-content: flex-end; height: 25%; padding-left: 21vw; padding-top: 0vh; } #part_a{ right: -100vw; -webkit-animation: fadeIn 1s ease-in-out; -moz-animation: fadeIn 1s ease-in-out; -o-animation: fadeIn 1s ease-in-out; animation: fadeIn 1s ease-in-out; -webkit-animation-iteration-count: finite; -moz-animation-iteration-count: finite; -o-animation-iteration-count: finite; animation-iteration-count: finite; animation-fill-mode: forwards; animation-delay: 1s; } #part_b{ right: -100vw; -webkit-animation: fadeIn 1.2s ease-in-out; -moz-animation: fadeIn 1.2s ease-in-out; -o-animation: fadeIn 1.2s ease-in-out; animation: fadeIn 1.2s ease-in-out; -webkit-animation-iteration-count: finite; -moz-animation-iteration-count: finite; -o-animation-iteration-count: finite; animation-iteration-count: finite; animation-fill-mode: forwards; animation-delay: 1.5s; } #part_c{ right: -100vw; -webkit-animation: fadeIn 1.4s ease-in-out; -moz-animation: fadeIn 1.4s ease-in-out; -o-animation: fadeIn 1.4s ease-in-out; animation: fadeIn 1.4s ease-in-out; -webkit-animation-iteration-count: finite; -moz-animation-iteration-count: finite; -o-animation-iteration-count: finite; animation-iteration-count: finite; animation-fill-mode: forwards; animation-delay: 1.8s; } @keyframes fadeIn{ 0%{ right: -100vw; } 100%{ right: 0; } } /*---*/ ul#menu_nav_primary a.nav-link { font-size: 1rem; } #primary.onepager { padding: 0!important; } .squarecolumnsC { flex-wrap: nowrap!important; } .squarecolumnsC .wp-block-column { padding: 0; } .squarecolumnsC h3, .squarecolumnsC p { padding: 15px; } .c2_col_footer { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; justify-content: center; -webkit-justify-content: center; } #chevrondown a{ padding-left: 20vw; } } /* .o .o .o .oooo. o888 .d88 .d88 d8P'`Y8b 888 .d'888 .d'888 888 888 888 .d' 888 .d' 888 888 888 888 88ooo888oo 88ooo888oo 888 888 888 888 888 `88b d88' o888o o888o o888o `Y8bd8P' Extra large devices (large desktops, 1440px and up) */ /* Extra large devices (large desktops, 1440px and up) */ @media (min-width: 1440px) { .h_col_head_navbar #nav_primary { position: relative; top: 0px!important; } .archive .PGNEwsPV { padding: 25vh 15px; } .row.PGNEwsPVPostEA { margin: 50px 0; } .single-post .entry-content { margin: 15vh 0; } } /* .o .ooo .oooo. .oooo. o888 .88' d8P'`Y8b d8P'`Y8b 888 d88' 888 888 888 888 888 d888P"Ybo. 888 888 888 888 888 Y88[ ]88 888 888 888 888 888 `Y88 88P `88b d88' `88b d88' o888o `88bod8' `Y8bd8P' `Y8bd8P' */ @media (min-width: 1600px) { .HomeHeroGrp h1 { font-size: 4rem!important; } ul#menu-footer-menue { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; justify-content: center; -webkit-justify-content: center; font-size: 12px; } ul#menu-footer-menue li a{ text-decoration: none; font-size: 16px; margin: 0 15px; } .C2B_collapseParagraph { /* font-size: 60px; text-align: center; */ height: 50px; font-family: 'Noto Sans', sans-serif; font-weight: bolder; } .acc_rioja { background-color: #a2c119; } .acc_beryl { background-color: #d8e6b4; } .acc_jungle { background-color: #c0d5da; } .acc_hit { background-color: #9eabaf; } #inner_cont_navbar { width: 85%; } ul#menu-item-766 a.nav-link:hover { background-color:#ff0000; } .wp-block-image { max-width: 100%; margin-right: 230px; } .kontakt { text-align: center; } .PGNEwsPVPostEA h2:hover { color: #585651; } #collapse_152 { height: 500px; } #collapse_3248 { height: 700px; } #collapse_7372 { height: 4050px; } #collapse_8127 { height: 550px; } .entry-content ul { margin: 50px 0px; font-weight: 400; padding: 0 0 0 20px; } .entry-content p { font-weight: 400; margin: 0px; } .row.PGNEwsPVPostEA { margin: 50px -10px; } #toplink { font-size: 70px; } .trenner_kontakt { background-color: #a2c119; height: 5px; margin: 205px; opacity: 75%; } img.si_img_feat, .wp-block-image img { margin-left: 75px; margin-top: 30px; } .acc_hit h2 { margin-left: 80px; } .btn { margin-top: 0px; } #collapse_8127 { background-color: white; } .btn.C2B_btn_collapse:visited { color: #ffffff; } .btn.C2B_btn_collapse.collapsed:visited { color: white; } #kontakt p, #kontakt a, #kontakt li { font-size: 20px; } /* .o .ooooo. .oooo. .oooo. o888 888' `Y88. .dP""Y88b d8P'`Y8b 888 888 888 ]8P' 888 888 888 `Vbood888 .d8P' 888 888 888 888' .dP' 888 888 888 .88P' .oP .o `88b d88' o888o .oP' 8888888888 `Y8bd8P' */ @media (min-width: 1920px) { #part_a { height: 100%; } #part_b { height: 35%; padding-left: 12vw; } #part_c { height: 25%; padding-left: 21vw; } p,a,li,.single .entry-content p{font-size: 20px} h1{font-size: 30px;} h2{font-size: 28px;} h3{font-size: 26px;} h4{font-size: 24px;} h5{font-size: 22px;} ul#menu_nav_primary li { margin: 0 10px; } .HomeHeroGrp { min-height: calc(100vh - 80px); } a.navbar-brand { background-color: white; width: max-content; position: absolute; display: table; z-index: 99; left: -6vw; padding: 15px; } a.navbar-brand img { width: 450px; height: auto; } h1.col_nplogo_sitename{ font-size: 75px; padding: 0 3rem; } #cont_navbar.scrolled h1.col_nplogo_sitename{ font-size: 42px; padding: 0; } #cont_navbar.scrolled a.navbar-brand { background-color: white; width: initial; position: relative; display: inline-block; z-index: initial; left: initial; padding: initial; } #cont_navbar.scrolled a.navbar-brand img { height: 50px; width: initial; } .C2B_collapse p, .C2B_collapse li, .C2B_collapse a { font-size: 20px; } } /* .oooo. oooooooo .ooo .oooo. .dP""Y88b dP""""""" .88' d8P'`Y8b ]8P' d88888b. d88' 888 888 .d8P' `Y88b d888P"Ybo. 888 888 .dP' ]88 Y88[ ]88 888 888 .oP .o o. .88P `Y88 88P `88b d88' 8888888888 `8bd88P' `88bod8' `Y8bd8P' */ @media (min-width: 2560px) { #chevrondown a svg{ font-size: 8rem; } } /* .oooo. .ooooo. .oooo. .oooo. .dP""Y88b d88' `8. d8P'`Y8b d8P'`Y8b ]8P' Y88.. .8' 888 888 888 888 .d8P' `88888b. 888 888 888 888 .dP' .8' ``88b 888 888 888 888 .oP .o `8. .88P `88b d88' `88b d88' 8888888888 `boood8' `Y8bd8P' `Y8bd8P' */ @media (min-width: 2800px) { } /* .oooo. .oooo. .oooo. .oooo. .dP""Y88b .dP""Y88b d8P'`Y8b d8P'`Y8b ]8P' ]8P' 888 888 888 888 <88b. .d8P' 888 888 888 888 `88b. .dP' 888 888 888 888 o. .88P .oP .o `88b d88' `88b d88' `8bd88P' 8888888888 `Y8bd8P' `Y8bd8P' */ @media (min-width: 3200px) {} /* .oooo. .ooooo. .o .oooo. .dP""Y88b d88' `8. .d88 d8P'`Y8b ]8P' Y88.. .8' .d'888 888 888 <88b. `88888b. .d' 888 888 888 `88b. .8' ``88b 88ooo888oo 888 888 o. .88P `8. .88P 888 `88b d88' `8bd88P' `boood8' o888o `Y8bd8P' */ @media (min-width: 3840px) {} /* .o .oooo. .ooooo. .ooo .d88 d8P'`Y8b 888' `Y88. .88' .d'888 888 888 888 888 d88' .d' 888 888 888 `Vbood888 d888P"Ybo. 88ooo888oo 888 888 888' Y88[ ]88 888 `88b d88' .88P' `Y88 88P o888o `Y8bd8P' .oP' `88bod8' */ @media (min-width: 4096px) {}