/* Theme Name: Kitzrettung Koldenbüttel WordPress 2023 Description: A C2 MASTER PARENT 22 Child Theme Author: C2 | agentur Author URI: https://c2-agentur.de Template: c2_master_parent_22 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_default */ /* ================================== FONTS ================================== */ /* raleway-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: 'Raleway'; font-style: normal; font-weight: 100; src: url('fonts/raleway-v28-latin/raleway-v28-latin-100.eot'); /* IE9 Compat Modes */ src: url('fonts/raleway-v28-latin/raleway-v28-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/raleway-v28-latin/raleway-v28-latin-100.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/raleway-v28-latin/raleway-v28-latin-100.woff') format('woff'), /* Modern Browsers */ url('fonts/raleway-v28-latin/raleway-v28-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/raleway-v28-latin/raleway-v28-latin-100.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-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: 'Raleway'; font-style: italic; font-weight: 100; src: url('fonts/raleway-v28-latin/raleway-v28-latin-100italic.eot'); /* IE9 Compat Modes */ src: url('fonts/raleway-v28-latin/raleway-v28-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/raleway-v28-latin/raleway-v28-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/raleway-v28-latin/raleway-v28-latin-100italic.woff') format('woff'), /* Modern Browsers */ url('fonts/raleway-v28-latin/raleway-v28-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/raleway-v28-latin/raleway-v28-latin-100italic.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-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: 'Raleway'; font-style: normal; font-weight: 200; src: url('fonts/raleway-v28-latin/raleway-v28-latin-200.eot'); /* IE9 Compat Modes */ src: url('fonts/raleway-v28-latin/raleway-v28-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/raleway-v28-latin/raleway-v28-latin-200.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/raleway-v28-latin/raleway-v28-latin-200.woff') format('woff'), /* Modern Browsers */ url('fonts/raleway-v28-latin/raleway-v28-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/raleway-v28-latin/raleway-v28-latin-200.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-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: 'Raleway'; font-style: italic; font-weight: 200; src: url('fonts/raleway-v28-latin/raleway-v28-latin-200italic.eot'); /* IE9 Compat Modes */ src: url('fonts/raleway-v28-latin/raleway-v28-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/raleway-v28-latin/raleway-v28-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/raleway-v28-latin/raleway-v28-latin-200italic.woff') format('woff'), /* Modern Browsers */ url('fonts/raleway-v28-latin/raleway-v28-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/raleway-v28-latin/raleway-v28-latin-200italic.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-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: 'Raleway'; font-style: normal; font-weight: 300; src: url('fonts/raleway-v28-latin/raleway-v28-latin-300.eot'); /* IE9 Compat Modes */ src: url('fonts/raleway-v28-latin/raleway-v28-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/raleway-v28-latin/raleway-v28-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/raleway-v28-latin/raleway-v28-latin-300.woff') format('woff'), /* Modern Browsers */ url('fonts/raleway-v28-latin/raleway-v28-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/raleway-v28-latin/raleway-v28-latin-300.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-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: 'Raleway'; font-style: italic; font-weight: 300; src: url('fonts/raleway-v28-latin/raleway-v28-latin-300italic.eot'); /* IE9 Compat Modes */ src: url('fonts/raleway-v28-latin/raleway-v28-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/raleway-v28-latin/raleway-v28-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/raleway-v28-latin/raleway-v28-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('fonts/raleway-v28-latin/raleway-v28-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/raleway-v28-latin/raleway-v28-latin-300italic.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-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: 'Raleway'; font-style: normal; font-weight: 400; src: url('fonts/raleway-v28-latin/raleway-v28-latin-regular.eot'); /* IE9 Compat Modes */ src: url('fonts/raleway-v28-latin/raleway-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/raleway-v28-latin/raleway-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/raleway-v28-latin/raleway-v28-latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/raleway-v28-latin/raleway-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/raleway-v28-latin/raleway-v28-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-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: 'Raleway'; font-style: italic; font-weight: 400; src: url('fonts/raleway-v28-latin/raleway-v28-latin-italic.eot'); /* IE9 Compat Modes */ src: url('fonts/raleway-v28-latin/raleway-v28-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/raleway-v28-latin/raleway-v28-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/raleway-v28-latin/raleway-v28-latin-italic.woff') format('woff'), /* Modern Browsers */ url('fonts/raleway-v28-latin/raleway-v28-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/raleway-v28-latin/raleway-v28-latin-italic.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-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: 'Raleway'; font-style: normal; font-weight: 500; src: url('fonts/raleway-v28-latin/raleway-v28-latin-500.eot'); /* IE9 Compat Modes */ src: url('fonts/raleway-v28-latin/raleway-v28-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/raleway-v28-latin/raleway-v28-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/raleway-v28-latin/raleway-v28-latin-500.woff') format('woff'), /* Modern Browsers */ url('fonts/raleway-v28-latin/raleway-v28-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/raleway-v28-latin/raleway-v28-latin-500.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-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: 'Raleway'; font-style: italic; font-weight: 500; src: url('fonts/raleway-v28-latin/raleway-v28-latin-500italic.eot'); /* IE9 Compat Modes */ src: url('fonts/raleway-v28-latin/raleway-v28-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/raleway-v28-latin/raleway-v28-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/raleway-v28-latin/raleway-v28-latin-500italic.woff') format('woff'), /* Modern Browsers */ url('fonts/raleway-v28-latin/raleway-v28-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/raleway-v28-latin/raleway-v28-latin-500italic.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-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: 'Raleway'; font-style: normal; font-weight: 600; src: url('fonts/raleway-v28-latin/raleway-v28-latin-600.eot'); /* IE9 Compat Modes */ src: url('fonts/raleway-v28-latin/raleway-v28-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/raleway-v28-latin/raleway-v28-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/raleway-v28-latin/raleway-v28-latin-600.woff') format('woff'), /* Modern Browsers */ url('fonts/raleway-v28-latin/raleway-v28-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/raleway-v28-latin/raleway-v28-latin-600.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-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: 'Raleway'; font-style: italic; font-weight: 600; src: url('fonts/raleway-v28-latin/raleway-v28-latin-600italic.eot'); /* IE9 Compat Modes */ src: url('fonts/raleway-v28-latin/raleway-v28-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/raleway-v28-latin/raleway-v28-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/raleway-v28-latin/raleway-v28-latin-600italic.woff') format('woff'), /* Modern Browsers */ url('fonts/raleway-v28-latin/raleway-v28-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/raleway-v28-latin/raleway-v28-latin-600italic.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-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: 'Raleway'; font-style: normal; font-weight: 700; src: url('fonts/raleway-v28-latin/raleway-v28-latin-700.eot'); /* IE9 Compat Modes */ src: url('fonts/raleway-v28-latin/raleway-v28-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/raleway-v28-latin/raleway-v28-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/raleway-v28-latin/raleway-v28-latin-700.woff') format('woff'), /* Modern Browsers */ url('fonts/raleway-v28-latin/raleway-v28-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/raleway-v28-latin/raleway-v28-latin-700.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-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: 'Raleway'; font-style: italic; font-weight: 700; src: url('fonts/raleway-v28-latin/raleway-v28-latin-700italic.eot'); /* IE9 Compat Modes */ src: url('fonts/raleway-v28-latin/raleway-v28-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/raleway-v28-latin/raleway-v28-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/raleway-v28-latin/raleway-v28-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('fonts/raleway-v28-latin/raleway-v28-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/raleway-v28-latin/raleway-v28-latin-700italic.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-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: 'Raleway'; font-style: normal; font-weight: 800; src: url('fonts/raleway-v28-latin/raleway-v28-latin-800.eot'); /* IE9 Compat Modes */ src: url('fonts/raleway-v28-latin/raleway-v28-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/raleway-v28-latin/raleway-v28-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/raleway-v28-latin/raleway-v28-latin-800.woff') format('woff'), /* Modern Browsers */ url('fonts/raleway-v28-latin/raleway-v28-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/raleway-v28-latin/raleway-v28-latin-800.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-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: 'Raleway'; font-style: italic; font-weight: 800; src: url('fonts/raleway-v28-latin/raleway-v28-latin-800italic.eot'); /* IE9 Compat Modes */ src: url('fonts/raleway-v28-latin/raleway-v28-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/raleway-v28-latin/raleway-v28-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/raleway-v28-latin/raleway-v28-latin-800italic.woff') format('woff'), /* Modern Browsers */ url('fonts/raleway-v28-latin/raleway-v28-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/raleway-v28-latin/raleway-v28-latin-800italic.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-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: 'Raleway'; font-style: normal; font-weight: 900; src: url('fonts/raleway-v28-latin/raleway-v28-latin-900.eot'); /* IE9 Compat Modes */ src: url('fonts/raleway-v28-latin/raleway-v28-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/raleway-v28-latin/raleway-v28-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/raleway-v28-latin/raleway-v28-latin-900.woff') format('woff'), /* Modern Browsers */ url('fonts/raleway-v28-latin/raleway-v28-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/raleway-v28-latin/raleway-v28-latin-900.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-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: 'Raleway'; font-style: italic; font-weight: 900; src: url('fonts/raleway-v28-latin/raleway-v28-latin-900italic.eot'); /* IE9 Compat Modes */ src: url('fonts/raleway-v28-latin/raleway-v28-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/raleway-v28-latin/raleway-v28-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/raleway-v28-latin/raleway-v28-latin-900italic.woff') format('woff'), /* Modern Browsers */ url('fonts/raleway-v28-latin/raleway-v28-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/raleway-v28-latin/raleway-v28-latin-900italic.svg#Raleway') 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: 'Raleway', sans-serif; font-weight: 200; font-size: 20px; color:#4D4D4D; } p,li,a{ color:#4D4D4D; font-size: 20px; font-weight: initial; } .entry-content p{ font-weight: 400; } a.mContainer, a.mContainer:visited, .entry-content a, .entry-content a:visited{ color: #4d4d4d; text-decoration: none; } 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, h1.entry-title, h2,h2.entry-title,h2.entry-title a, h3, h4, h5, h6{ font-weight: 400; font-family: 'Raleway', sans-serif; color: #4d4d4d; margin: 1rem 0; line-height: 1.2; } h1{font-size: 40px;} h2{font-size: 36px;} h3{font-size: 32px;} h4{font-size: 28px;} h5{font-size: 24px;} sub, sup { line-height: unset; } /* ------------------------------ COLORS ------------------------------ */ /* #c69c6d rgb 198, 156, 109 (twine) #cccccc rgb 204, 204, 204 (silver) #808080 rgb 128, 128, 128 (gray) #4d4d4d rgb: 77, 77, 77 (tundora) #999999 rgb: 153, 153, 153 (dusty gray) */ /* ================================== HERO ================================== */ .page:not(.home) .hero_elem_img, .page:not(.home) .hero_elem_carousel, .page:not(.home) .carousel-item, .archive .hero_elem_img, .archive .hero_elem_carousel, .archive .carousel-item, .single .hero_elem_img, .single .hero_elem_carousel, .single .carousel-item { height: 85vh!important; } .hero_elem_img, .hero_elem_carousel{ background-color: transparent; } .row_hero { padding-top: 25vh; } #cont_hero { 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; } .wrapper_hero_section h1.heading_hero { padding: 1rem; line-height: 1; font-size: 3rem; font-weight: 400; text-align: center; text-shadow: 2px 4px 3px rgba(0,0,0,0.3); } .wrapper_hero_section p.paragr_hero { padding: 1rem; line-height: 1; font-size: 2rem; font-weight: 400; text-align: center; text-shadow: 2px 4px 3px rgba(0,0,0,0.3); } .xtra_content.hero { display: none; } /* ================================== NAVIGATION ================================== */ nav#main-nav{ padding: 0; } #inner_cont_navbar{ padding: 0; } #h_col_head_brand { border: none; } .h_col_head_navbar { border: none; } ul#menu_nav_primary{ padding: 0; } ul#menu_nav_primary li.menu-item a.nav-link{ color: #ffffff; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; padding: 8px 0px 8px 20px; } ul#menu_nav_primary li.menu-item.current-menu-item { background-color: #dedc0a; } .home #cont_navbar img.logo_site { /*filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4));*/ } #cont_navbar.scrolled img.logo_site { filter: none; } #cont_navbar .site-branding { height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; align-items: center; -webkit-justify-content: center; justify-content: center; } .home #cont_navbar.scrolled .site-branding::after, .page:not(.home) #cont_navbar .site-branding::after, .archive #cont_navbar .site-branding::after, .single #cont_navbar .site-branding::after{ height: fit-content; margin-left: 0; content: 'Kitzrettung Koldenbüttel e.V.'; font-size: 16px; font-weight: 400; } #wrapper-navbar.FeatPost #cont_navbar .site-branding::after{ color: #fff; } #wrapper-navbar.FeatPost #cont_navbar.scrolled .site-branding::after, #wrapper-navbar.NoFeatPost #cont_navbar .site-branding::after{ color: #4d4d4d; } .home #cont_navbar img.logo_site { height: 300px; position: absolute; top: 50px; left: 50%; transform: translateX(-50%); } .home #cont_navbar.scrolled img.logo_site { top: 0; height: 40px; position: relative; /*content: url(/wp-content/uploads/Rehkitzrettung_Koldenbuettel_Logo_Farbe_Cropped.svg);*/ content: url(/wp-content/uploads/KitzRettung_KB_base_Re.svg); } .page:not(.home) #cont_navbar img.logo_site, .archive #cont_navbar img.logo_site, .single #cont_navbar img.logo_site, .page:not(.home) #cont_navbar.scrolled img.logo_site, .archive #cont_navbar.scrolled img.logo_site, .single #cont_navbar.scrolled img.logo_site { top: 0; height: 40px; position: relative; /*content: url(/wp-content/uploads/Rehkitzrettung_Koldenbuettel_Logo_Farbe_Cropped.svg);*/ content: url(/wp-content/uploads/KitzRettung_KB_base_Re.svg); } .xtranvbcontent { display: none; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; position: absolute; top: 0; right: 15vw; height: 100%; } /* ================================== 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: #fff; 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: #fff; } #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: 15px; width: auto; background-color: transparent; } #sidebartoggle:not(.collapsed){ padding-right: 5px; } #box_t_capt_left { display: inline-flex; } span#l_toggler_caption { font-family: 'Raleway', sans-serif; text-transform: uppercase; font-size: 13px; letter-spacing: 0px; padding: 0 3px; color: #fff; } /*.archive #cont_navbar #h_col_head_navbar_side, .page:not(.home) #cont_navbar #h_col_head_navbar_side, #cont_navbar.scrolled #h_col_head_navbar_side { background-color: #c69c6d; } */ #cont_navbar.scrolled { background-color: white; } #cont_navbar.scrolled span#l_toggler_caption { color: #c69c6d; } #cont_navbar.scrolled .icon-bar { background-color: #c69c6d; } /* ================================== LOADER ================================== */ #fploading { position: fixed; height: 100%; width: 100%; z-index: 9999; top: 0; } #fploading_i { 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; background-color: #fff; height: 100%; } #fploading_i .fas { font-size: 340px; color: #c69c6d; } img.load_slogo { position: absolute; width: 160px; margin: 2rem 0; } /* ================================== CONTENT ================================== */ .wrapper.nofeatured { padding-top: 5vh; } #page-wrapper{ padding-bottom: 5vh; } .archHColEa { padding: 0rem; margin-bottom: 15px; } .archHCol_inner.row { margin: 0 0 1rem 0; } .archHColEa:nth-child(odd) .archHCol_inner.row { -webkit-flex-direction: row-reverse; flex-direction: row-reverse; /*background-color: rgba(198, 156, 109, .1);*/ } .archHCol_inner.row { } .archHCol_inner a { text-decoration: none; } .ArchHPrvFeat { aspect-ratio: 1/1; background-size: cover; background-repeat: no-repeat; background-position: center center; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; } .ArchHPrvFeat.segnaposto { aspect-ratio: 1/1; background-size: 50%; background-repeat: no-repeat; background-position: center center; } .ArchHPrvFeat h2.entry-title { padding: 5px 10px; color: white; margin: 0; text-shadow: 2px 4px 3px rgba(0,0,0,0.3); } .archHColEa .contprevw, .archHColEa .featured, .archHColEa .full { padding: 10px 12px 0 12px; } .archHColEa .contprevw p.date_tag, .archHColEa .full p.date_tag { margin: 0; } .archHColEa .contprevw h2.entry-title, .archHColEa .full h2.entry-title { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .archHColEa .contprevw h2.entry-title, .archHColEa .contprevw h2.entry-title a, .archHColEa .full h2.entry-title, .archHColEa .full h2.entry-title a{ margin: 0; } .archHColEa .contprevw h2.entry-title a, .archHColEa .full h2.entry-title a, .archHColEa .contprevw h2.entry-title a:visited, .archHColEa .full h2.entry-title a:visited{ text-decoration: none!important; } .tileColEA { padding: 0; } p.date_tag { font-size: 16px; font-weight: 400; background-color: #4d4d4d; display: inline-block; color: white; padding: 0px 5px; } .nav-links a, .nav-links a:visited, nav.navigation.post-navigation a, nav.navigation.post-navigation a:visited { background-color: #c69c6d; color: white; padding: 5px 10px; text-decoration: none!important; font-weight: 400; } .nav-links a:hover, nav.navigation.post-navigation a:hover { background-color: #4d4d4d; text-decoration: none!important; } p.date_tag.singlenews { margin: 1rem 0 0.5rem 0; } .elem_basic_btn_dl a, .elem_basic_btn_dl a:visited { background-color: #c69c6d; color: white!important; padding: 5px 10px; font-weight: 400; } .elem_basic_btn_dl a:hover { background-color: #4d4d4d; color: white!important; } .anim_cols_b_p p { text-align: center; } .entry-content .wp-block-image figcaption { display: none; margin-top: 0.5em; margin-bottom: 1em; font-weight: initial; color: inherit; } /* ================================== SIDEBAR ================================== */ #extrasidebar01 { background: rgba(255, 255, 255, .9); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #extrasidebar01 #elem_navbar{ height: fit-content; /*background-color: #4d4d4d;*/ } #extrasidebar01 .elem_content_extrasidebar{ display: block; } #extrasidebar01 .extrasb_wr_sitelogo img.logo_site { width: 100%; height: auto; padding: 5rem 5rem 1rem 5rem; } #extrasidebar01 ul#menu_side_primary { margin: 0; } #extrasidebar01 li.menu-item{ padding: .5rem 1rem; } #extrasidebar01 li.menu-item.current-menu-item{ /*background-color: #4d4d4d;*/ } #extrasidebar01 li.menu-item a.nav-link{ font-family: 'Raleway', sans-serif; font-weight: 400; font-size: 24px; letter-spacing: 1px; color: #c69c6d; } #extrasidebar01 li.menu-item.current-menu-item a.nav-link{ color: #4d4d4d; } #extrasidebar01 #dismiss { color: #4d4d4d; position: absolute; top: 20px; left: unset; right: 20px; } #extrasidebar01 li.menu-item.nav_item_tel { background-color: #c69c6d; } #extrasidebar01 li.menu-item.nav_item_tel a.nav-link{ color: white; } #extrasidebar01 li.menu-item.nav_item_tel a.nav-link::before{ display: inline-block; content: "\f879"; font-family: 'Font Awesome\ 5 Free'; font-weight: 900; width: 30px; } #extrasidebar01 li.menu-item.mitem_insta a.nav-link::before{ display: inline-block; content: "\f16d"; font-family: 'Font Awesome 5 Brands'; font-weight: 900; width: 30px; } #extrasidebar01 li.menu-item.mitem_fb a.nav-link::before{ display: inline-block; content: "\f39e"; font-family: 'Font Awesome 5 Brands'; font-weight: 900; width: 30px; } /* ================================== CHEVRONDOWN ================================== */ .col_chevrondown #chevrondown a { font-size: 4rem; color: white; } .col_chevrondown #chevrondown a:hover { color: #c69c6d; } /* ================================== BOXY ================================== */ .C2BoxyElementMain{ background-color: #c69c6d; } .C2BoxyElementMain span.sp_icon { font-size: 3rem; position: relative; top: -10px; } .C2BoxyElement_mob span.sp_icon i.fas { color: white!important; font-size: 2rem; } .C2BoxyElement_mob span.sp_icon:before { position: absolute; font-size: 12px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; bottom: -12px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: max-content; color: white; } #C2BoxyElement_mob_1 span.sp_icon:before{ content: 'Spenden'; } #C2BoxyElement_mob_2 span.sp_icon:before{ content: 'Aktuelles'; } #C2BoxyElement_mob_3 span.sp_icon:before{ content: 'Mahd melden'; } .C2BoxyElement { background-color: #c69c6d; } .C2BoxyElement:hover{ background-color: #4d4d4d; cursor: pointer; } /* ================================== TOPBUTTON ================================== */ #topbutton { bottom: 95px; } #topbutton a { color: #c69c6d; } /* ================================== FOOTER ================================== */ #wrapper-footer { padding: 0 0 82px 0; } ul#menu-footermenue { list-style: none; padding: 0; margin: 0; background-color: transparent; width: auto; height: 30px; text-align: center; 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; } ul#menu-footermenue li.menu-item { float: left; margin: 0 10px; } ul#menu-footermenue li.menu-item a { font-size: 12px; text-decoration: none; font-weight: 500; } ul#menu-footermenue li.menu-item a:hover{ text-decoration: underline; } #c2_row_footer { padding: 2rem 0; } .elem_ww_footer h2 { font-size: inherit; text-align: center; } .elem_ww_footer p, .elem_ww_footer p a.mContainer { text-align: center; font-size: 14px; } span.mobilenewline { display: block; } span.onlymobile { 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; } span.onlymobile a { font-size: 2rem; } /* ================================== 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); } #baguetteBox-overlay .full-image figcaption { background-color: #00a19a; color: white; } button.baguetteBox-button#previous-button, button.baguetteBox-button#next-button { display: block!important; background-color: transparent; } button.baguetteBox-button#previous-button svg polyline, button.baguetteBox-button#next-button svg polyline{ stroke: #dedc0a; } /* ** ################################################################################################ ** ###################################### SEARCH MODALS 2020/07/19 // info@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: 'Raleway', 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: 'Raleway', 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; } /* ========================= overlay fix ========================= */ .bg_overlay.active{} /* ========================= 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; } } /* ====================== boxy extra ====================== */ #wr_boxy_extra { position: fixed; display: none; /* 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; background-color: transparent; right: 0; bottom: 0; top: 50%; transform: translateY(-50%); } .boxy_extra_item{ background-color: #c69c6d; } /* ====================== selection ====================== */ ::-moz-selection { color: white!important; background: #c69c6d!important; } ::selection { color: white!important; background: #c69c6d!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" */ @media (max-width: 374px) { } /* 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) { } /* 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' */ @media (min-width: 768px) { #cont_navbar .site-branding { width: 100%; position: absolute; -webkit-justify-content: flex-start; justify-content: flex-start; } #cont_navbar .site-branding::after { font-size: 20px; letter-spacing: 1px; } .home #cont_navbar.scrolled .site-branding::after, .page:not(.home) #cont_navbar .site-branding::after, .archive #cont_navbar .site-branding::after, .single #cont_navbar .site-branding::after { height: fit-content; margin-left: 10px; } .home #cont_navbar.scrolled img.logo_site { left: 25px; } .home #cont_navbar img.logo_site { height: 380px; } .page:not(.home) #cont_navbar img.logo_site, .archive #cont_navbar img.logo_site, .single #cont_navbar img.logo_site, #cont_navbar.scrolled img.logo_site { left: 10px; } .C2BoxyElementMain { display: none; right: -50px!important; position: fixed; top: 5vh; z-index: 9999; } .C2BoxyElement .sp_label a, .C2BoxyElement .sp_label a:visited { color: white!important; font-weight: bold; text-decoration: none!important; } .C2BoxyElement .sp_label a:hover { text-decoration: underline!important; } #wrapper-footer { padding: 0; } #extrasidebar01 { width: 50%; } #extrasidebar01 .extrasb_wr_sitelogo img.logo_site { padding: 0; } .archHColEa .contprevw h2.entry-title a, .archHColEa .full h2.entry-title a { font-size: 2rem; } .wrapper.nofeatured { padding-top: 25vh; } #topbutton { bottom: 1rem; } ul#menu-footermenue li.menu-item a { font-size: 16px; } /*--- trigger boxes ---*/ #h_col_head_navbar_side { position: relative; } .page:not(.home) #cont_navbar .xtranvbcontent, .archive #cont_navbar .xtranvbcontent, .single #cont_navbar .xtranvbcontent, .home #cont_navbar.scrolled .xtranvbcontent { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; position: absolute; left: unset; top: unset; /* left: -23%; top: 36vh; */ align-items: center; width: max-content; } #cont_navbar .xtranvbcontent p { height: 100%; display: inline-flex; margin: 0; font-weight: bold; letter-spacing: 0px; font-size: 12px; } #cont_navbar.scrolled .xtranvbcontent p { font-size: 12px; } #cont_navbar .xtranvbcontent span.spenden { 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; padding: 0 20px; background-color: #999999; } #cont_navbar.scrolled .xtranvbcontent span.spenden { } #cont_navbar .xtranvbcontent span.spenden a{ color: #fff; font-size: 12px; text-decoration: none; } #cont_navbar.scrolled .xtranvbcontent span.spenden a{ color: #fff; font-size: 12px; font-weight: 300; } #cont_navbar .xtranvbcontent span.mahdmelden { 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; padding: 0 20px; background-color: #c69c6d; } #cont_navbar .xtranvbcontent span.mahdmelden a{ color: #fff; font-size: 12px; text-decoration: none; } #cont_navbar.scrolled .xtranvbcontent span.mahdmelden a{ font-size: 12px; font-weight: 300; } #cont_navbar .xtranvbcontent span.spenden:hover, #cont_navbar .xtranvbcontent span.mahdmelden:hover{ background-color: #4d4d4d; } span.addinsert { font-weight: 400; letter-spacing: 1px; color: white; } .xtra_content.hero { display: none; position: relative; margin-top: 3vh; bottom: 0vh; left: 0; } .xtra_content.hero p{ margin: 0; } .xtra_content.hero .hero_trigger{ width: 100%; } .xtra_content.hero .hero_trigger a{ padding: 10px; color: white; font-weight: bold; text-decoration: none; } .xtra_content.hero #hero_trigger_L{ text-align: left; } .xtra_content.hero #hero_trigger_L a{ background-color: #999999; } .xtra_content.hero #hero_trigger_R{ text-align: right; } .xtra_content.hero #hero_trigger_R a{ background-color: #c69c6d; } .xtra_content.hero .hero_trigger a:hover{ background-color: #4d4d4d!important; } /* --- animation --- */ .anim_cols_b_img { opacity: 0; -moz-transform: scale(0.1) translate(-500vw, 0px); -webkit-transform: scale(0.1) translate(-500vw, 0px); -o-transform: scale(0.1) translate(-500vw, 0px); -ms-transform: scale(0.1) translate(-500vw, 0px); transform: scale(0.1) translate(-500vw, 0px); -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .anim_cols_b_p p { text-align: center; } .anim_cols_b_p{ opacity: 0; -moz-transform: scale(0.1) translate(500vw, 0px); -webkit-transform: scale(0.1) translate(500vw, 0px); -o-transform: scale(0.1) translate(500vw, 0px); -ms-transform: scale(0.1) translate(500vw, 0px); transform: scale(0.1) translate(500vw, 0px); -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .anim_cols_b_img.visible, .anim_cols_b_p.visible { opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } h2#spenden_heading{position: relative;} h2#spenden_heading::after { opacity: 1; content: ''; position: absolute; z-index: -1; height: 25vh; width: 10px; bottom: unset; top: 60px; background-color: #c69c6d; left: 50%; transform: translateX(-50%); -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; -ms-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out; transition: all .8s ease-in-out; } h2#spenden_heading.animate_1::after{ height: 35vh; } h2#spenden_heading.animate_2::after{ height: 65vh; } h2#spenden_heading.animate_3::after{ height: 95vh; } h2#spenden_heading.animate_4::after{ height: 125vh; } h2#spenden_heading.animate_5::after{ height: 155vh; } h2#spenden_heading.animate_6::after{ height: 185vh; } h2#spenden_heading.animate_7::after { height: 260vh; } #col_reveal_bottom img{ opacity: 0; -moz-transform: scale(0.1); -webkit-transform: scale(0.1); -o-transform: scale(0.1); -ms-transform: scale(0.1); transform: scale(0.1); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } #col_reveal_bottom.reveal img{ opacity: 1; -moz-transform: scale(3.5); -webkit-transform: scale(3.5); -o-transform: scale(3.5); -ms-transform: scale(3.5); transform: scale(3.5); } span.onlymobile { display: none; } #wr_boxy_extra { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .boxy_extra_item a { font-size: 3rem; padding: 0 1rem; color: white; text-align: center; } } /* .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) { } /* .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) { .container { max-width: 1140px; } .C2BoxyElementMain { top: 100px; } .home #cont_navbar:not(.scrolled) img.logo_site.animate__animated { animation-delay: 1.5s; } .home #cont_navbar.scrolled img.logo_site{ height: 80px; left: 54px; } .page:not(.home) #cont_navbar img.logo_site, .archive #cont_navbar img.logo_site, .single #cont_navbar img.logo_site, #cont_navbar.scrolled img.logo_site { left: 24px; } .page:not(.home) #cont_navbar img.logo_site, .page:not(.home) #cont_navbar.scrolled img.logo_site, .archive #cont_navbar img.logo_site, .archive #cont_navbar.scrolled img.logo_site, .single #cont_navbar img.logo_site, .single #cont_navbar.scrolled img.logo_site { height: 80px; } .home #cont_navbar.scrolled .site-branding::after, .page:not(.home) #cont_navbar .site-branding::after, .archive #cont_navbar .site-branding::after, .single #cont_navbar .site-branding::after { font-size: 28px; margin-left: 25px; } #h_col_head_brand { 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; } #extrasidebar01 .extrasb_wr_sitelogo img.logo_site { height: 300px; width: fit-content; margin: 0; padding: 0rem 0px; position: relative; } #cont_navbar .xtranvbcontent p, #cont_navbar.scrolled .xtranvbcontent p { font-size: 20px; letter-spacing: 1px; } #cont_navbar .xtranvbcontent span.spenden, #cont_navbar.scrolled .xtranvbcontent span.spenden { } #cont_navbar .xtranvbcontent span.spenden a, #cont_navbar.scrolled .xtranvbcontent span.spenden a{ font-size: 26px; font-weight: 300; } #cont_navbar .xtranvbcontent span.mahdmelden a, #cont_navbar.scrolled .xtranvbcontent span.mahdmelden a{ font-size: 26px; font-weight: 300; } /* .xtra_content.hero #hero_trigger_L { text-align: right; } .xtra_content.hero #hero_trigger_R { text-align: left; } */ .xtra_content.hero .hero_trigger a { font-size: 2rem; } h2#spenden_heading.animate_7::after { height: 190vh; } } /* .o .oooo. .ooooo. .oooo. o888 .dP""Y88b d88' `8. d8P'`Y8b 888 ]8P' Y88.. .8' 888 888 888 .d8P' `88888b. 888 888 888 .dP' .8' ``88b 888 888 888 .oP .o `8. .88P `88b d88' o888o 8888888888 `boood8' `Y8bd8P' */ @media (min-width: 1280px) { #cont_navbar .xtranvbcontent { left: 10%; top: 40vh; } } /* .o .oooo. .ooo .ooo o888 .dP""Y88b .88' .88' 888 ]8P' d88' d88' 888 <88b. d888P"Ybo. d888P"Ybo. 888 `88b. Y88[ ]88 Y88[ ]88 888 o. .88P `Y88 88P `Y88 88P o888o `8bd88P' `88bod8' `88bod8' */ /* ========================== 1366 ========================== */ @media (min-width: 1366px) { #cont_hero { -webkit-justify-content: center; justify-content: center; } #wrapper_hero_section .row_hero { padding-top: 40vh; } .wrap_hero_text { max-width: 1320px; margin: 0 0 0vh 0; } .wrapper_hero_section h1.heading_hero { padding: 0rem; } #page-wrapper{ padding-bottom: 10vh; min-height: 95vh; } .C2BoxyElementMain { right: 0px!important; } #extrasidebar01 { width: 25%; } #extrasidebar01.active { left: 0vw!important; } #extrasidebar01 li.menu-item { padding: 0 30px; } .archHColEa .contprevw h2.entry-title, .archHColEa .full h2.entry-title{ align-items: flex-start; height: 86%; } #sidebartoggle { padding-right: 35px; } #sidebartoggle:not(.collapsed) { padding-right: 25px; } #cont_navbar .xtranvbcontent { left: 10%; top: 0; } .xtra_content.hero { bottom: 3vh; } span.addinsert { font-size: 16px; } .boxy_extra_item:hover a { font-size: 3.1rem; } } /* .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) { .elem_ww_footer h2 { margin: 0 0 1rem 0; text-align: left; } .elem_ww_footer p, .elem_ww_footer p a.mContainer { text-align: left; font-size: 16px; line-height: 1.5; } ul#menu-footermenue { flex-direction: column; -webkit-flex-direction: column; align-items: flex-start; -webkit-justify-content: flex-start; justify-content: flex-start; } ul#menu-footermenue li.menu-item { float: unset; line-height: 1; margin: 0; } ul#menu-footermenue li.menu-item:first-child { margin: 0; } ul#menu-footermenue li.menu-item a { font-weight: 400; } } /* .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) { p,li,a{ font-size: 26px; } h1{font-size: 46px;} h2{font-size: 42px;} h3{font-size: 38px;} h4{font-size: 34px;} h5{font-size: 30px;} .wrapper_hero_section p.paragr_hero { font-size: 2rem; } button#sidebartoggle { -o-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.5); } #sidebartoggle:not(.collapsed) { padding-right: 27px; } .home #cont_navbar img.logo_site { height: 480px; } .wrap_hero_text { margin: 0 auto; } .xtra_content.hero { bottom: 2vh; } #cont_navbar .xtranvbcontent p, #cont_navbar .xtranvbcontent span.spenden a, #cont_navbar .xtranvbcontent span.mahdmelden a, #cont_navbar.scrolled .xtranvbcontent p, #cont_navbar.scrolled .xtranvbcontent span.spenden a, #cont_navbar.scrolled .xtranvbcontent span.mahdmelden a{ font-size: 28px; } #cont_navbar .xtranvbcontent span.spenden, #cont_navbar.scrolled .xtranvbcontent span.spenden { } h2#spenden_heading.animate_7::after { height: 220vh; } } /* .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) { .container { min-width: 100%; padding: 0 calc((100% - 1600px)/2); } h2#spenden_heading.animate_7::after { height: 210vh; } span.mobilenewline { display: none; } } /* .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) { .boxy_extra_item a { font-size: 5rem; } .home #cont_navbar img.logo_site { height: 780px; } .wrapper_hero_section h1.heading_hero { font-size: 4rem; } .wrapper_hero_section p.paragr_hero { font-size: 3rem; } #cont_navbar .xtranvbcontent p, #cont_navbar .xtranvbcontent span.spenden a, #cont_navbar .xtranvbcontent span.mahdmelden a, #cont_navbar.scrolled .xtranvbcontent p, #cont_navbar.scrolled .xtranvbcontent span.spenden a, #cont_navbar.scrolled .xtranvbcontent span.mahdmelden a{ font-size: 36px; } h2#spenden_heading.animate_7::after { height: 140vh; } } /* .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) { .home #cont_navbar img.logo_site { height: 50vh; } #wrapper-footer { position: relative; margin-top: 0px; } } /* .oooo. .o .o .oooo. .dP""Y88b .d88 .d88 d8P'`Y8b ]8P' .d'888 .d'888 888 888 <88b. .d' 888 .d' 888 888 888 `88b. 88ooo888oo 88ooo888oo 888 888 o. .88P 888 888 `88b d88' `8bd88P' o888o o888o `Y8bd8P' */ @media (min-width: 3340px) { h2#spenden_heading.animate_7::after { height: 135vh; } } /* .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) { .container { min-width: 100%; padding: 0 calc((100% - 2400px)/2); } h2#spenden_heading.animate_7::after { height: 90vh; } } /* .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) { }