/* 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.5 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 =============================== */ /* montserrat-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: 'Montserrat'; font-style: normal; font-weight: 100; src: url('fonts/montserrat-v26-latin/montserrat-v26-latin-100.eot'); /* IE9 Compat Modes */ src: url('fonts/montserrat-v26-latin/montserrat-v26-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-100.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-100.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-100.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-100.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-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: 'Montserrat'; font-style: italic; font-weight: 100; src: url('fonts/montserrat-v26-latin/montserrat-v26-latin-100italic.eot'); /* IE9 Compat Modes */ src: url('fonts/montserrat-v26-latin/montserrat-v26-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-100italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-100italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-100italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-100italic.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-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: 'Montserrat'; font-style: normal; font-weight: 200; src: url('fonts/montserrat-v26-latin/montserrat-v26-latin-200.eot'); /* IE9 Compat Modes */ src: url('fonts/montserrat-v26-latin/montserrat-v26-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-200.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-200.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-200.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-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: 'Montserrat'; font-style: italic; font-weight: 200; src: url('fonts/montserrat-v26-latin/montserrat-v26-latin-200italic.eot'); /* IE9 Compat Modes */ src: url('fonts/montserrat-v26-latin/montserrat-v26-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-200italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-200italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-200italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-200italic.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-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: 'Montserrat'; font-style: normal; font-weight: 300; src: url('fonts/montserrat-v26-latin/montserrat-v26-latin-300.eot'); /* IE9 Compat Modes */ src: url('fonts/montserrat-v26-latin/montserrat-v26-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-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: 'Montserrat'; font-style: italic; font-weight: 300; src: url('fonts/montserrat-v26-latin/montserrat-v26-latin-300italic.eot'); /* IE9 Compat Modes */ src: url('fonts/montserrat-v26-latin/montserrat-v26-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-300italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-300italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-300italic.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-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: 'Montserrat'; font-style: normal; font-weight: 400; src: url('fonts/montserrat-v26-latin/montserrat-v26-latin-regular.eot'); /* IE9 Compat Modes */ src: url('fonts/montserrat-v26-latin/montserrat-v26-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-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: 'Montserrat'; font-style: italic; font-weight: 400; src: url('fonts/montserrat-v26-latin/montserrat-v26-latin-italic.eot'); /* IE9 Compat Modes */ src: url('fonts/montserrat-v26-latin/montserrat-v26-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-italic.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-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: 'Montserrat'; font-style: normal; font-weight: 500; src: url('fonts/montserrat-v26-latin/montserrat-v26-latin-500.eot'); /* IE9 Compat Modes */ src: url('fonts/montserrat-v26-latin/montserrat-v26-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-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: 'Montserrat'; font-style: italic; font-weight: 500; src: url('fonts/montserrat-v26-latin/montserrat-v26-latin-500italic.eot'); /* IE9 Compat Modes */ src: url('fonts/montserrat-v26-latin/montserrat-v26-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-500italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-500italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-500italic.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-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: 'Montserrat'; font-style: normal; font-weight: 600; src: url('fonts/montserrat-v26-latin/montserrat-v26-latin-600.eot'); /* IE9 Compat Modes */ src: url('fonts/montserrat-v26-latin/montserrat-v26-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-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: 'Montserrat'; font-style: italic; font-weight: 600; src: url('fonts/montserrat-v26-latin/montserrat-v26-latin-600italic.eot'); /* IE9 Compat Modes */ src: url('fonts/montserrat-v26-latin/montserrat-v26-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-600italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-600italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-600italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-600italic.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-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: 'Montserrat'; font-style: normal; font-weight: 700; src: url('fonts/montserrat-v26-latin/montserrat-v26-latin-700.eot'); /* IE9 Compat Modes */ src: url('fonts/montserrat-v26-latin/montserrat-v26-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-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: 'Montserrat'; font-style: italic; font-weight: 700; src: url('fonts/montserrat-v26-latin/montserrat-v26-latin-700italic.eot'); /* IE9 Compat Modes */ src: url('fonts/montserrat-v26-latin/montserrat-v26-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-700italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-700italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-700italic.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-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: 'Montserrat'; font-style: normal; font-weight: 800; src: url('fonts/montserrat-v26-latin/montserrat-v26-latin-800.eot'); /* IE9 Compat Modes */ src: url('fonts/montserrat-v26-latin/montserrat-v26-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-800.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-800.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-800.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-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: 'Montserrat'; font-style: italic; font-weight: 800; src: url('fonts/montserrat-v26-latin/montserrat-v26-latin-800italic.eot'); /* IE9 Compat Modes */ src: url('fonts/montserrat-v26-latin/montserrat-v26-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-800italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-800italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-800italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-800italic.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-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: 'Montserrat'; font-style: normal; font-weight: 900; src: url('fonts/montserrat-v26-latin/montserrat-v26-latin-900.eot'); /* IE9 Compat Modes */ src: url('fonts/montserrat-v26-latin/montserrat-v26-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-900.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-900.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-900.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-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: 'Montserrat'; font-style: italic; font-weight: 900; src: url('fonts/montserrat-v26-latin/montserrat-v26-latin-900italic.eot'); /* IE9 Compat Modes */ src: url('fonts/montserrat-v26-latin/montserrat-v26-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-900italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-900italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-900italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/montserrat-v26-latin/montserrat-v26-latin-900italic.svg#Montserrat') 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: 'Montserrat',sans-serif; font-size: 16px; color:#666b67; background-image: url('/wp-content/themes/c2_child_onepager/images/zaw_bodybg_mod_b.jpg'); /*https://zawichmann.ddev.site/wp-content/themes/c2_child_onepager/zaw_bodybg_mod_b.jpg*/ background-repeat: no-repeat; background-attachment: fixed; } html::before { content: ' '; display: block; background-image: url('/wp-content/themes/c2_child_onepager/images/zaw_bodybg_mod_b.jpg'); background-position: center; background-size: cover; height: 100vh; width: 100vw; top: 0; bottom: 0; left: 0; right: 0; position: fixed; z-index: -10; // Das hier ist sehr wichtig! } p,li,a, td{ color:#666b67; font-weight: normal; } a.mContainer { } a:hover{ text-decoration: none; color:black!important; } a:visited{ color: #666b67; } 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: 'Montserrat',sans-serif; margin: 1rem 0; line-height: 1; } h1{font-size: 30px;} h2{font-size: 28px;} h3{font-size: 26px;} h4{font-size: 24px;} h5{font-size: 22px;} sub, sup { line-height: unset; } h1.col_nplogo_sitename { font-family: 'Montserrat',sans-serif; font-size: 42px; color: rgb(249, 161, 44); } h1.entry-title { font-weight: 500; } /* ** -------------------------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); } /* 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; } .ZAW_Btn .wp-block-button a{ font-size: 24px; font-weight: bold; background-color: #bcb6a8; } .ZAW_Btn:hover .wp-block-button a{ color: white!important; background-color: #666b67!important; } .C2F_Btn.Btn_Back a { border-radius: 0px; padding: 10px 15px; font-weight: bold!important; } .C2F_Btn.Btn_Back a:hover { background-color: #bcb6a8; color: white!important; } /* ** --------------------------------------------------------------- */ .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 =============================== */ 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); -webkit-bbox-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; -moz-box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; } #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: 'Montserrat',sans-serif; 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; } ul#menu_nav_primary a.nav-link { color: #666b67; font-weight: 600; } ul#menu_nav_primary a.nav-link:hover { color: #bcb6a8!important; } /* --------------------------------------- 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: #bcb6a8; 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: #000; } #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: 'Montserrat',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 =============================== */ #wrapper_hero_section { padding-top: 35px; } .c2_bscarousel .carousel-item{ background-size: contain; } /* =============================== CONTENT =============================== */ .post, .page{ margin: 0; } #content { padding: 0; } main#primary { width: 100%; min-height: 90vh; } .entry-content .container{ padding-right: 0px; padding-left: 0px; } img.si_img_feat, .wp-block-image img { min-width: 100%; width: 100%; height: auto; } .entry-content { padding: 0px; } .entry-content h2 { text-transform: uppercase; color: #bcb6a8; text-align: center; margin: 2rem 0 5rem 0; } .entry-content h3 { color: #666b67; } .entry-content a:hover{ color: #3a3a3a; } .entry-content p { } .entry-content p strong{ color:#363636; /*font-weight: inherit!important;*/ } /* --- 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{ padding: 1rem; } .squarecolumnsC .wp-block-column:empty{ background-color: transparent; padding: 0; } .squarecolumnsC .wp-block-cover img{ position: absolute; width: 100%; height: 100%; } .squarecolumnsC h3, .squarecolumnsC h4 { margin: 16px 0 5px 0; } .squarecolumnsC h4 { text-transform: uppercase; } .squarecolumnsC p { margin: 0px 0 0 0; padding: 0; } .squarecolumnsC .wp-block-cover__inner-container{ opacity: 0; background-color: rgba(188, 182, 168, .75); position: absolute; width: 100%; height: 100%; 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: flex-end; justify-content: flex-end; -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; color: white; padding: 1rem; } .squarecolumnsC .wp-block-column:hover .wp-block-cover__inner-container{ cursor: pointer; opacity: 1; } .zcol { padding: 0 10px; } /* ======================= NOTFALL BANNER ======================= */ #notfallrfnr { position: fixed; bottom: 0; background-color: #bcb6a8; border: 1px solid white; padding: 1rem; z-index: 99; } .col_notfallrfnr h2, .col_notfallrfnr h3, .col_notfallrfnr p, .col_notfallrfnr a{ color: white; font-size: 12px; line-height: 1; font-weight: bold; } .col_notfallrfnr a:hover{ color: #666b67!important; } #notfallrfnr.hidden{ bottom: -240px; animation-name: slidein; animation-fill-mode: forwards; -webkit-animation-duration: .5s; -moz-animation-duration: .5s; -o-animation-duration: .5s; -ms-animation-duration: .5s; animation-duration: .5s; } @keyframes slidein { from { bottom: 0px; } to { bottom: -240px; } } .col_dismiss { text-align: left; } #NFdismiss { position: relative; top: -10px; border: 0px; background-color: transparent; padding-top: 0; color: white; font-weight: bold; font-size: 2rem; } #NFdismiss.spinned svg{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } img.NotFNr_Icon { height: 20px; } .onlymobile p{ text-align: center; } .onlymobile.email p{ text-align: left; } /* =============================== CHEVRON DOWN =============================== */ #wrap_chevrondown{ display: none; position: absolute; bottom: 5rem; text-align: center; z-index: 99; left: 0; right: 0; } #chevrondown a svg { color: white; font-size: 6rem; } #chevrondown:hover a svg { color: #bcb6a8; } /* =============================== FOOTER =============================== */ #wrapper-footer{ padding: 0px; background-color: transparent; margin-bottom: 60px; } #wrapper-footer.lifted{ margin-bottom: 290px; } #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: 2rem 0; } .elem_ww_footer { text-align: left; padding: 0 15px; } .elem_ww_footer h3 { color: white; letter-spacing: 1px; } .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%; } #wrapper-footer ul{ list-style: none; padding: 0 0px; margin: 0; text-align: center; } ul#menu-footermenue > li { display: inline-block; } #wrapper-footer p, #wrapper-footer a, #wrapper-footer li{ color: white; font-weight: initial; text-decoration: none; } #wrapper-footer 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; } #c2_col_footer_bottom { margin-top: 3rem; padding-top: 1rem; } span.daylabel { display: inline-block; margin-right: 5px; } .container-fluid.FCUstContainer { height: 100px; background-repeat: no-repeat; background-size: cover; } /* =============================== 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%; } .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) img{ aspect-ratio: 1/1; } .wp-block-gallery.wp-block-gallery-1 { --wp--style--unstable-gallery-gap: var(--wp--style--gallery-gap-default, var(--gallery-block--gutter-size, var(--wp--style--block-gap, 2em ) ) )!important; gap: var(--wp--style--gallery-gap-default, var(--gallery-block--gutter-size, var(--wp--style--block-gap, 2em ) ) )!important; } /* =============================== FORM =============================== */ .wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-textarea { background-color: #fff; width: 100%; border: 1px solid ; border-radius: 0px; } .wpcf7-form-control.wpcf7-submit { background-color: #bcb6a8; color: white; border: none; border-radius: 0px; font-size: inherit; font-weight: bold; padding: 15px 20px; } .wpcf7-form-control.wpcf7-submit:hover { background-color: #666b67; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: #bcb6a8; } /* =============================== 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: 'Montserrat',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: 'Montserrat',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: #bcb6a8; 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; } .c2formsLinks p:hover{ background-color: #bcb6a8; } /* ** =============================== ANIMATION ====================================== */ #sa_animation { position: relative; display: block; width: 75%; height: 50vh; margin: 25vh auto 0 auto; } .WrElemAnim { /*position: absolute;*/ } .ElemAnim{ position: relative; } img.ElemAnim { width: 100%; height: auto; } #WrElemAnim_a{ padding: 5px 0 } #WrElemAnim_b{ padding: 0px 0 } #WrElemAnim_c{ padding: 0px 7vw } /* ############### 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; } } /* ===================== sweet alerts ===================== */ button.swal_fngm_confBtn.swal2-styled { border-radius: 0px; font-size: 1rem; letter-spacing: 1px; text-transform: uppercase; background-color: #bcb6a8; } .swal2-popup.swal_fngm_popup{ border-radius: 0px; } /* ===================== TOP BUTTON ===================== */ #topbutton { bottom: 1rem; border-radius: 999px; } /* ===================== CUSTOM BOXY ===================== */ .customboxy{ display: none; position: fixed; right: -342px; top: 110px; transform: translateY(-50%); background-color: #bcb6a8; padding: 0px; z-index: 9; top: 50%; } .customboxy span.gapper { display: inline-block; width: 25px; } .Wr_CstmBoxy_I, #CBEa_Phone, #CBEa_EMail { background-color: #bcb6a8; } .Wr_CstmBoxy_I, .Wr_CstmBoxy_II { position: relative; } .CustomBoxyEa { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; margin: 0 0; padding: 10px; background-color: #bcb6a8; -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; } .CustomBoxyEa { left: -343px; align-items: center; } .CustomBoxyEa.hidden { left: 0px!important; } .CustomBoxyEa:hover{ cursor: pointer; background-color: #666b67!important; } .CustomBoxyEa svg { font-size: 28px; } .CustomBoxyEa a{ color: white!important; text-decoration: none!important; font-weight: bold; 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; } .CustomBoxyEa svg path { fill: white; } .CustomBoxyEa img { width: 50px; } .LBmob { display: none !important; } /* ===================== CHEVRON DOWN ===================== */ #ChevronDown { text-align: center; } #ChevronDown a { display: inline-block; margin-top: 3rem; } #ChevronDown svg { font-size: 3rem; } #ChevronDown a svg path{ fill: white; } #ChevronDown a:hover svg path{ fill: #bcb6a8; } .wp-block-separator { background-color: #bcb6a8; border-bottom: none; } /* ===================== COLLAPSE / ACCORDION ===================== */ .wp-block-brad-border-box{ margin: 1rem 0; } .wp-block-brad-border-box:nth-child(odd) .C2B_collapseParagraph{ /*background-color: #bcb6a8;*/ } .wp-block-brad-border-box:nth-child(even) .C2B_collapseParagraph{ /*background-color: #cec8bc;*/ } .C2B_collapseParagraph { margin: 0 !important; } .C2B_collapse p{ color: #666b67; } .btn.C2B_btn_collapse { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-inline-flex; display: inline-flex; color: #666b67; font-weight: bold; text-align: left; font-size: inherit; } .C2B_btn_collapse:hover{ color: #bcb6a8!important; } .C2B_btn_collapse:before{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-inline-flex; display: inline-flex; -webkit-flex-direction: column; flex-direction: column; justify-content: center; -webkit-justify-content: center; align-items: center; width: 40px; min-width: 40px; height: 40px; border-radius: 999px; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f078"; position: relative; margin-right: 20px; padding: 0; color: white; } .wp-block-brad-border-box:nth-child(odd) .C2B_btn_collapse:before{ background-color: #bcb6a8; } .wp-block-brad-border-box:nth-child(even) .C2B_btn_collapse:before{ background-color: #bcb6a8; } .C2B_btn_collapse[aria-expanded="true"]:before{ content: "\f077"; } .C2B_collapse div { padding: 1rem; } /* ===================== ADD ONS ===================== */ .bgbeige { background-color: #bcb6a8; color: white!important; padding: 5rem 1rem; } .bgbeige p, .bgbeige strong, .bgbeige a, .bgbeige h2, .bgbeige h3, .bgbeige li { color: white!important; } .wp-block-button__link.has-background.wp-element-button { background-color: #bcb6a8 !important; color: white; } input[type=radio]{ accent-color: #666b67; } /* ====================== selection ====================== */ ::-moz-selection { color: white!important; background: #666b67!important; } ::selection { color: white!important; background: #666b67!important; } /* #################################################### 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 --------- */ #wrapper_hero_section { padding-top: 50px; } .h_col_head_navbar #nav_primary { position: absolute; top: 50px!important; } .squarecolumnsC{ flex-wrap: wrap!important; } .squarecolumnsC .wp-block-column { max-width: 47%; flex-basis: 100%!important; } #wrapper-footer { margin-bottom: 120px; } .HomeHeroGrp { min-height: 75vh; } .HomeHeroGrp h1 { font-size: 3rem!important; } .col_NotfNr_Desc p { line-height: 1.2; } .col_NotfNr_PhNr p { font-size: 36px; } #NFdismiss { display: none; } #topbutton { bottom: 120px; } .col_NotfNr_PhNr a { font-size: 28px; } #wrap_chevrondown{ display: block; } .customboxy{ display: block; } .onlymobile { display: none; } /* ** =============================== ANIMATION ====================================== */ #sa_animation { width: 75%; height: 50vh; margin: 25vh auto 0 auto; } #WrElemAnim_a{ padding: 5px 0 } #WrElemAnim_b{ padding: 10px 0 } #WrElemAnim_c{ padding: 7px 7vw } #wrapper-footer.lifted { margin-bottom: 130px; } } /* .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) { .container-fluid.FCUstContainer { height: 140px; } } /* .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) { .customboxy { right: -342px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } } /* .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 --------- */ #wrapper_hero_section { padding-top: 130px; } .c2_bscarousel .carousel-item { background-size: cover; background-position: center center; /*background-position: top center;*/ } /* --------- navigation --------- */ #h_col_head_brand, #h_col_head_navbar_left, #h_col_head_navbar_right { height: 50px!important; } #inner_cont_navbar { padding: 0; } .home #h_col_head_brand { /*opacity: 0;*/ -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } /* .home #masthead.scrolled #h_col_head_brand { opacity: 1; } */ ul#menu_nav_primary a.nav-link { font-size: 1rem; } .site-branding { margin: 0 auto; } /* --------- content --------- */ #primary.onepager { padding: 0!important; } .squarecolumnsC { /*flex-wrap: nowrap!important;*/ } .squarecolumnsC .wp-block-column { max-width: 30%; padding: 0; } .squarecolumnsC h3, .squarecolumnsC p { } #wrapper-footer { margin-bottom: 100px; } .c2_col_footer { padding: 0; } .elem_ww_footer{} .C2F_Row{ margin: 0 2px!important; } /* --------- notfall nr --------- */ #notfallrfnr { padding: 8px 12px; } .col_NotfNr_H h2 { font-size: 38px; } .col_NotfNr_Desc p { font-size: 16px; margin: 0; } .col_NotfNr_PhNr p { font-size: 65px; margin: 0; } .col_NotfNr_PhNr svg { font-size: 50px; } /* ** =============================== ANIMATION ====================================== */ #sa_animation { width: 50%; height: 50vh; margin: 25vh auto 0 auto; } #WrElemAnim_a{ padding: 5px 0 } #WrElemAnim_b{ padding: 10px 0 } #WrElemAnim_c{ padding: 3px 5vw } #wrapper-footer.lifted { margin-bottom: 110px; } } /* .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_heading { margin: 2rem 0; } .h_subh_intro { background-color: #bcb6a8; width: 50vw; margin: 2rem auto!important; padding: 1rem; } /* --------- navigation --------- */ .h_col_head_navbar #nav_primary { position: relative; top: 0px!important; } #h_col_head_brand, #h_col_head_navbar_left, #h_col_head_navbar_right { height: 130px!important; } #masthead.scrolled #h_col_head_brand, #masthead.scrolled #h_col_head_navbar_left, #masthead.scrolled #h_col_head_navbar_right { max-height: 100px; } img.logo_site { height: 90px!important; } #masthead.scrolled img.logo_site { height: 60px !important; } .container-fluid.FCUstContainer {height: 150px;} .col_notfallrfnr p, .col_notfallrfnr a { font-size: inherit; line-height: 1.5; } .container-fluid.FCUstContainer { height: 250px; } #wrapper-footer.lifted { margin-bottom: 150px; } #c2_col_footer_bottom { margin-top: 3rem; padding: 5rem 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: inherit; margin: 0 15px; } .col_NotfNr_PhNr a { font-size: 60px; } .col_notfallrfnr { padding: 0 4rem; } #topbutton { bottom: 22px; } .CustomBoxyEa { height: 90px; } /* ** =============================== ANIMATION ====================================== */ #sa_animation { width: 75%; height: 50vh; margin: 25vh auto 0 auto; } #WrElemAnim_a{ padding: 5px 0 } #WrElemAnim_b{ padding: 20px 0 } #WrElemAnim_c{ padding: 0px 4vw } } /* .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) { p,a,li,td{font-size: 24px} h1{font-size: 34px;} h2,.col_notfallrfnr h2{font-size: 32px;} h3{font-size: 30px;} h4{font-size: 28px;} h5{font-size: 26px;} ul#menu_nav_primary li { margin: 0 0px; } ul#menu_nav_primary a.nav-link { font-size: 24px; } .HomeHeroGrp { min-height: calc(100vh - 80px); } #h_col_head_brand{ position: relative; } #h_col_head_brand .site-branding { /* position: absolute; left: 4rem; top: 0; margin: auto; width: max-content; background-color: transparent; text-align: center; padding: 20px 0 20px 15px; z-index: 99; */ } .customboxy { top: 50%; right: -489px; } .col_notfallrfnr p, .col_notfallrfnr a { font-size: 21px; } #wrapper-footer { margin-bottom: 220px; } .CustomBoxyEa { left: -490px; } } /* .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) { #topbutton { bottom: 1rem; } #notfallrfnr { padding: 20px; } } /* .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) {}