/* Theme Name: CDU Friedrichstadt 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 =========================================== */ /* open-sans-300 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('fonts/open-sans-v34-latin/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */ src: url('fonts/open-sans-v34-latin/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v34-latin/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v34-latin/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v34-latin/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v34-latin/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-300italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: url('fonts/open-sans-v34-latin/open-sans-v34-latin-300italic.eot'); /* IE9 Compat Modes */ src: url('fonts/open-sans-v34-latin/open-sans-v34-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v34-latin/open-sans-v34-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v34-latin/open-sans-v34-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v34-latin/open-sans-v34-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v34-latin/open-sans-v34-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('fonts/open-sans-v34-latin/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */ src: url('fonts/open-sans-v34-latin/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v34-latin/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v34-latin/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v34-latin/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v34-latin/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: url('fonts/open-sans-v34-latin/open-sans-v34-latin-italic.eot'); /* IE9 Compat Modes */ src: url('fonts/open-sans-v34-latin/open-sans-v34-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v34-latin/open-sans-v34-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v34-latin/open-sans-v34-latin-italic.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v34-latin/open-sans-v34-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v34-latin/open-sans-v34-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-500 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 500; src: url('fonts/open-sans-v34-latin/open-sans-v34-latin-500.eot'); /* IE9 Compat Modes */ src: url('fonts/open-sans-v34-latin/open-sans-v34-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v34-latin/open-sans-v34-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v34-latin/open-sans-v34-latin-500.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v34-latin/open-sans-v34-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v34-latin/open-sans-v34-latin-500.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-500italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: italic; font-weight: 500; src: url('fonts/open-sans-v34-latin/open-sans-v34-latin-500italic.eot'); /* IE9 Compat Modes */ src: url('fonts/open-sans-v34-latin/open-sans-v34-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v34-latin/open-sans-v34-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v34-latin/open-sans-v34-latin-500italic.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v34-latin/open-sans-v34-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v34-latin/open-sans-v34-latin-500italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url('fonts/open-sans-v34-latin/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */ src: url('fonts/open-sans-v34-latin/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v34-latin/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v34-latin/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v34-latin/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v34-latin/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: italic; font-weight: 600; src: url('fonts/open-sans-v34-latin/open-sans-v34-latin-600italic.eot'); /* IE9 Compat Modes */ src: url('fonts/open-sans-v34-latin/open-sans-v34-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v34-latin/open-sans-v34-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v34-latin/open-sans-v34-latin-600italic.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v34-latin/open-sans-v34-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v34-latin/open-sans-v34-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('fonts/open-sans-v34-latin/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */ src: url('fonts/open-sans-v34-latin/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v34-latin/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v34-latin/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v34-latin/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v34-latin/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: url('fonts/open-sans-v34-latin/open-sans-v34-latin-700italic.eot'); /* IE9 Compat Modes */ src: url('fonts/open-sans-v34-latin/open-sans-v34-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v34-latin/open-sans-v34-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v34-latin/open-sans-v34-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v34-latin/open-sans-v34-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v34-latin/open-sans-v34-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-800 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: url('fonts/open-sans-v34-latin/open-sans-v34-latin-800.eot'); /* IE9 Compat Modes */ src: url('fonts/open-sans-v34-latin/open-sans-v34-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v34-latin/open-sans-v34-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v34-latin/open-sans-v34-latin-800.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v34-latin/open-sans-v34-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v34-latin/open-sans-v34-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-800italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: italic; font-weight: 800; src: url('fonts/open-sans-v34-latin/open-sans-v34-latin-800italic.eot'); /* IE9 Compat Modes */ src: url('fonts/open-sans-v34-latin/open-sans-v34-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v34-latin/open-sans-v34-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v34-latin/open-sans-v34-latin-800italic.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v34-latin/open-sans-v34-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v34-latin/open-sans-v34-latin-800italic.svg#OpenSans') 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: 'Open Sans', sans-serif; font-weight: 400; font-size: 22px; color:#2F4F4F; } p,a{ color:#2F4F4F; } .entry-content a, .entry-content p a{ color:#e5004f; text-decoration: none; } .entry-content a:hover, .entry-content p a:hover{ text-decoration: underline; } .entry-content nav.breadcrumb { padding: 0 0px; font-size: 14px; margin: 5px 0; } nav.breadcrumb a:first-child { display: inline-block; width: 0px; height: 0px; padding-left: 20px; color: transparent; } nav.breadcrumb a:first-child:before { position: relative; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f015"; display: inline-block; z-index: 99; color: #e5004f; background-color: white; width: 20px; right: 20px; } a.mContainer { font-size: 20px; } .colorgroup a.mContainer { color: white; } a:hover{ 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,h2,h3,h4,h5,h6{ font-weight: 500; font-family: 'Open Sans', sans-serif; color: #e5004f; 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: 'Open Sans', sans-serif; font-size: 30px; color: rgb(249, 161, 44); } h1.entry-title { font-weight: 500; } h2.white{ position: relative; margin: 2rem 0; } h2.white:after { content: ''; background-color: white; position: absolute; width: 20%; height: 15px; margin-left: 10px; bottom: 5px; } h1.brownderby, h2.brownderby{ position: relative; margin: 2rem 0; } h1.brownderby:after, h2.brownderby:after { content: ''; background-color: #e5004f; position: absolute; width: 20%; height: 15px; margin-left: 10px; bottom: 5px; } /* ** -------------------------BUTTONS-------------------------------------- */ .container_basic_btn_dls, .container_basic_btn_dl input, .container_basic_btn_dl a, input.btn.basic_btn, a.btn.basic_btn, .basic_btn, .nav-previous a, .nav-next a, #postsnavigation_next a, #postsnavigation_prev a, .elem_basic_btn_dl a{ border: 0px solid white; border-radius: 0px; background-color: #e5004f; -webkit-box-shadow:inset 0px 0px 0px 0px #363636; -moz-box-shadow:inset 0px 0px 0px 0px #363636; box-shadow:inset 0px 0px 0px 0px #363636; padding: 5px 15px; position: relative; display: inline-block; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; letter-spacing: 1px; color: #fff; text-decoration: none; z-index:0; } .colorgroup .elem_basic_btn_dl a{ border: 2px solid white; background-color: transparent; color: white; } .container_basic_btn_dls:after, .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, .nav-previous a:after, .nav-next a:after, #postsnavigation_next a:after, #postsnavigation_prev a:after, .elem_basic_btn_dl a:after{ content: ""; border:0px; position: absolute; left: 0; top: 0; width: 0; height: 100%; background-color: #e5004f; -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; } .colorgroup .elem_basic_btn_dl a:after{ background-color: white; } .container_basic_btn_dls:hover:after, .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, .nav-previous a:hover:after, .nav-next a:hover:after, #postsnavigation_next a:hover:after, #postsnavigation_prev a:hover:after, .elem_basic_btn_dl a:hover:after{ width: 100%; color: white!important; } .container_basic_btn_dls:before, .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, .nav-previous a:before, .nav-next a:before, #postsnavigation_next a:before, #postsnavigation_prev a:before, .elem_basic_btn_dl 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_dls:hover:before, .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, .nav-previous a:hover:before, .nav-next a:hover:before, #postsnavigation_next a:hover:before, #postsnavigation_prev a:hover:before, .elem_basic_btn_dl a:hover:before{ border-color:#363636; width: 100%; color: white!important; } .container_basic_btn_dls input:hover, .container_basic_btn_dl input:hover, .container_basic_btn_dl a:hover{ color: white!important; } .colorgroup .elem_basic_btn_dl a:hover{ color: #e64607!important; } #postsnavigation_prev, #postsnavigation_next, .elem_basic_btn_dl{ padding: 0px; margin: 15px 0; } #postsnavigation_prev a, #postsnavigation_next a, .elem_basic_btn_dl a, .nav-previous a, .nav-next a{ font-size: 20px; font-weight: 500; box-shadow: none; } #postsnavigation_prev a:hover, #postsnavigation_next a:hover, .elem_basic_btn_dl a:hover, .nav-previous a:hover, .nav-next a:hover{ color: white!important; } .wp-block-button.btn.basic_btn{ padding: 0; } a.wp-block-button__link{ box-shadow: none!important; font-size: 20px!important; font-weight: 400!important; } .elem_basic_btn_dl a p{ margin: 0; } .elem_basic_btn_dl a:hover p{ color: white; } /*========= SEARCH ==========*/ .container_basic_btn_dls input#searchsubmit { background: transparent; border: 0px; text-transform: uppercase; font-weight: 500; letter-spacing: 1px; } /*========= SUBMIT ==========*/ span.wpcf7-spinner { display: none; } /* ** --------------------------------------------------------------- */ .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: 0px; } blockquote.wp-block-quote p { /*color: #363636; font-weight: 100; font-style: italic; */ color: #003f6f; } blockquote.wp-block-quote p:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f10e"; margin-right: 8px; color: #e5004f; font-size: inherit; font-style: italic; } /* blockquote.wp-block-quote p:after{ font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f10d"; margin-left: 5px; color: #e5004f; font-size: 1rem; font-style: italic; } */ blockquote.wp-block-quote cite { font-weight: 100; } strong { font-weight: bold!important; } /* --- COLORS --- */ /* ############################################ HEADER ############################################ */ nav#main-nav{ /*background-color: rgba(34,38,41, 0.9)!important;*/ padding: 0; top: 0px; } #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: 0px solid rgba(190,190,190,0); background-color: #003f6f; } #inner_cont_navbar { width: 100%; } #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: 'Open Sans', 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; } .h_col_head_navbar { border: none; } #navbar_sitelogo a.navbar-brand { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; position: absolute; right: -16px; top: 3px; } #row_navbar #elem_toggler_phone, #row_navbar #elem_toggler_mail, #row_navbar #elem_toggler_fb, #row_navbar #elem_toggler_search{ } #nav_primary{ margin-top: 0px; padding: 0px; top: 38px; } #menu_nav_primary.navbar-nav .nav-link, #menu_nav_primary.navbar-nav .dropdown-item{ font-family: 'Open Sans', sans-serif; } #menu_nav_primary.navbar-nav .nav-link{ font-size: 24px; font-weight: 600; color: #000; text-transform: uppercase; } #menu_nav_primary.navbar-nav .dropdown-item { font-size: 18px; color: black; text-transform: uppercase; } #menu_nav_primary.navbar-nav li.menu-item:hover, #menu_nav_primary.navbar-nav .dropdown-item:hover{ background-color: white!important; } ul.dropdown-menu.depth_0, ul.dropdown-menu.depth_0.show { border-radius: 0px; border-left: 2px solid #e5004f; } #menu_nav_primary.navbar-nav .dropdown-item.active, .dropdown-item:active{ background-color: white!important; color: #000000; } #menu_nav_primary.navbar-nav li.menu-item{ /*padding: 0px 25px;*/ padding: 0px 10px } #menu_nav_primary.navbar-nav li.menu-item.current-menu-item .nav-link{ color: #003f6f!important; } #menu_nav_primary.navbar-nav li.menu-item:hover .nav-link{ color: #000000!important; } #elem_navbar, #elem_navbar_right { /* height: 100%; width: 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: space-between; justify-content: space-between; } .header_appdx{ /*background-color: coral;*/ } .header_appdx.branding{ /*background-color: yellowgreen;*/ position: absolute; top: 0rem; right: -16px; background-color: transparent; height: calc(100% - 34px); /* display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; */ display: none; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; } #cont_navbar.scrolled #header_appdx a.lnk_site_title, #cont_navbar.scrolled #header_appdx span.elm_cduhashtag{ display: none; } #cont_header_appdx { background-color: #003f6f; } .header_appdx .wr_flex { 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; /* -webkit-justify-content: flex-start; justify-content: flex-start; align-items: center; */ padding: 10px 0 5px 0; } #wr_elm_cduhashtag { text-align: right; } span.elm_cduhashtag { background-color: #e5004f; padding: 2px 10px 1px 10px; color: white; font-size: 18px; font-weight: 600; } .soc_col.header_appdx .sm_item { margin: 0 2.5px; } .soc_col.header_appdx .sm_item a{ 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; align-items: center; color: white; border: 2px solid white; border-radius: 999px; font-size: 1.1rem; width: 33px; height: 33px; } .soc_col.header_appdx .sm_item a, .soc_col.header_appdx .sm_item a:hover, .soc_col.header_appdx .sm_item a:visited { text-decoration: none; } .soc_col.header_appdx.branding a { position: absolute; right: 0; } a.lnk_site_title h1 { background-color: white; color: black; text-transform: uppercase; display: inline-block; margin: 8px 0; padding: 2px 5px; font-size: 30px; } #header_appdx a.navbar-brand { display: none; } /* --------------------------------------- LOGO --- */ #main-nav #h_col_head_brand, #cont_navbar #main-nav img.logo_site{ -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; } #h_col_head_brand { display: none; } #cont_navbar #main-nav.scrolled img.logo_site{ /* height: 25px; */ } #main-nav.scrolled #h_col_head_brand{ /* height: 37px; */ } #h_col_head_brand { background-color: transparent; padding: 0 10px; } .site-branding { padding: 0; } #navbar_sitelogo img.logo_site { height: 20px; } #navbar_sitename span { font-size: 14px; font-weight: 600; } /* --------------------------------------- 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: #e5004f; 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: #e5004f; } #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: 'Open Sans', sans-serif; text-transform: uppercase; font-size: 30px; letter-spacing: 2px; padding: 0 3px; color: #363636; } /* ** ############################################ HERO ############################################ */ /* ########################################### CONTENT ############################################ */ main#primary { width: 100%; min-height: 90vh; padding: 0; } .entry-content .container{ padding-right: 0px; padding-left: 0px; } .entry-content .wp-block-group__inner-container { padding: 15px; } img.si_img_feat, .wp-block-image img { min-width: 100%; width: 100%; height: auto; } .home .entry-content { padding: 0; margin: 0; } .entry-content { padding: 0 15px; margin: 0; } .single-cdufk_aktuelles .entry-content { padding: 0 0px; margin: 0; } .entry-content ul.liste_cdu { padding: 0; margin: 20px; list-style: none; line-height: 2; } .entry-content ul.liste_cdu li{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } ul.liste_cdu li:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f069"; margin-right: 5px; color: #e5004f; } span.filesize_tag { font-size: 14px; } .wp-block-columns.col_img_right { flex-wrap: wrap-reverse!important; } .entry-content.ECpre { margin: 4vh 0 0 0; } .PrevNewsFeatured { aspect-ratio: 1.25 / 1; background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; } span.PrevNewsDate{ background-color: white; font-size: 14px; position: absolute; right: 5px; top: 5px; padding: 0px 5px; } .single-cdufk_aktuelles .PrevNewsTitleWr{ position: relative; } .single-cdufk_aktuelles span.PrevNewsDate{ position: relative; font-size: initial; right: 0px; } a.PrevNewsLink:hover{ text-decoration: none; } .cdufk_TileCol.col-md-4 { padding: 0 11px; margin: 0 0 5rem 0; } .cdufk_TileRow nav.navigation.posts-navigation { padding: 0 25px; margin: 1rem 0; } /* ####################################### CHEVRON DOWN ########################################### */ #wrap_chevrondown{ /*visibility: hidden;*/ position: absolute; bottom: 5rem; text-align: center; z-index: 1; left: 0; right: 0; height: 100px; } #chevrondown a { color: #ffffff; font-size: 3rem; } .home #chevrondown a { color: #ffffff; -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; } #chevrondown a:hover { /*color: #e5004f;*/ -o-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); } /* ########################################## FOOTER ############################################## */ ul.list_footer { list-style: none; padding: 0; margin: 0; } ul.list_footer li{ font-size: 16px; font-weight: normal; color: white; margin: 10px 0; border-bottom: 1px solid white; } .elem_ww_footer p { font-size: 16px; font-weight: normal; color: white; margin: 10px 0; } ul.list_footer a { text-decoration: none; } .elem_ww_footer a.mContainer { font-size: inherit; font-weight: inherit; } /* #################################### 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%; border-top-color: transparent; border-left-color: #e5004f; border-right-color: transparent; border-radius: 0px; border-bottom-color: #e5004f; } .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; } } /* ########################################## BAGUETTE ############################################ */ #baguetteBox-overlay { background-color: rgba(255,255,255,.8)!important; } button#close-button { background-color: rgba(76, 37, 21,.8); border-radius: 999px; } button#close-button:hover { background-color: rgba(76, 37, 21,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 { color: #000000; background-color: rgba(255, 203, 2,.6); } /* ** ################################################################################################ ** ###################################### 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(255,255,255,0.5); -moz-box-shadow: 10px 10px 65px 1px rgba(255,255,255,0.5); box-shadow: 10px 10px 65px 1px rgba(255,255,255,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: 26px; font-family: 'Open Sans', sans-serif; color: #fff; text-transform: uppercase; } #searchModal input#s{ border: 0px solid #fff; border-radius: 0px; height: 55px; width: 100%; background-color: rgba(255,255,255,.5); } #searchModal input.search-field{ border: 0px; border-radius: 6px; } .search-no-results input.search-field{ border-radius: 6px; } input.search-field.form-control{ border-right: 2px solid #363636; } #elem_icon_search { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; align-items: center; -webkit-justify-content:center; justify-content: center; width: 50px; font-size: 2rem; color: white; } #searchModal button#btn_close { background-color: white; border-radius: 0px; border: 2px solid #005098; font-size: 12px; font-family: 'Open Sans', sans-serif; color: #005098; } #searchModal button#btn_close:hover { background-color: #005098; border-color: white; color: white; } #searchModal .close { color: #ffffff; } #searchModal .close:hover { color: #ffffff; } .np_f_search { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: inline-flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content:center; justify-content: center; width: 100%; } /* ============================= ANIMATE CSS ============================= */ /* Small Devices, Tablets */ @media only screen and (max-width : 768px) { .animated { -o-transition-property: none !important; -moz-transition-property: none !important; -ms-transition-property: none !important; -webkit-transition-property: none !important; transition-property: none !important; -o-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -webkit-transform: none !important; transform: none !important; -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; } } /* ** ======================= to top button ======================= */ #topbutton{ bottom: 1rem; filter: none; border: 5px solid #e5004f; background-color: #e5004f; } #topbutton a{ color:#fff!important; 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; align-items: center; position: relative; text-decoration: none; position: relative; width: calc(4rem - 10px); height: calc(4rem - 10px); } #topbutton:hover{ cursor: pointer; color:#fff!important; } /* ** ======================= page content ======================= */ .single-aktuell h1.heading_hero, .page h1.heading_hero, .archive h1.heading_hero, .search h1.heading_hero, .entry-content .ueberschrift_blau { display: inline-block; padding: 5px 10px; color: white; font-size: 30px; font-weight: 500; background-color: #003f6f; -moz-transform: rotate(-3deg) skew(-3deg, 0deg); -webkit-transform: rotate(-3deg) skew(-3deg, 0deg); -o-transform: rotate(-3deg) skew(-3deg, 0deg); -ms-transform: rotate(-3deg) skew(-3deg, 0deg); transform: rotate(-3deg) skew(-3deg, 0deg); } .page p.paragr_hero, .archive p.paragr_hero, .search p.paragr_hero, .entry-content .ueberschrift_rot{ display: inline-block; padding: 0px 5px; color: white; font-size: 26px; font-weight: 400; background-color: #e5004f; -moz-transform: rotate(-3deg) skew(-3deg, 0deg); -webkit-transform: rotate(-3deg) skew(-3deg, 0deg); -o-transform: rotate(-3deg) skew(-3deg, 0deg); -ms-transform: rotate(-3deg) skew(-3deg, 0deg); transform: rotate(-3deg) skew(-3deg, 0deg); } .single-cdufk_aktuelles h1.wp-block-heading.ueberschrift_rot, .post-type-archive-cdufk_aktuelles .PrevNewsTitleWr h3.ueberschrift_rot{ -moz-transform: rotate(0) skew(0, 0deg); -webkit-transform: rotate(0) skew(0, 0deg); -o-transform: rotate(0) skew(0, 0deg); -ms-transform: rotate(0) skew(0, 0deg); transform: rotate(0) skew(0, 0deg); background-color: transparent; color: #e5004f; padding: 0; font-size: xx-large; font-weight: bold; } .post-type-archive-cdufk_aktuelles .PrevNewsFeatured { aspect-ratio: 1.75 / 1; } .entry-content .ueberschrift_blau{ display: block; margin: 50px 0 15px 0; width: fit-content; position: relative; } .nomargin{ margin: 0px 0px 0px 0px!important; } .entry-content .ueberschrift_blau.combo{ display: block; margin: 0px 0 10px 0; width: fit-content; position: relative; } .entry-content .ueberschrift_rot{ display: block; margin: 20px 0 15px 0; padding: 5px 10px; width: fit-content; position: relative; } h1.heading_hero, p.paragr_hero { color: #ffffff; } .p_box p { display: inline-block; color: white; margin: 0; padding: 5px 10px; } .wrapper_hero_section.empty { height: 190px; } .ctile_ea a{ text-decoration: none; } /* ** ======================= fix: figcaption ======================= */ .entry-content.arch_entcon figure.wp-block-image figcaption { display: none; } /* ======= home : extra trigger ======= */ .home .wrap_cont_trigger_extra, .wrap_cont_trigger_extra, .wrap_cont_trigger_extra.mobile{ display: none; } .home .wrap_cont_trigger_extra.mobile{ display: block; position: absolute; left: 0; bottom: 25vh; width: 100%; background-color: #e5004f; text-align: center; height: 100px; -moz-transform: skew(0deg, -10deg); -webkit-transform: skew(0deg, -10deg); -o-transform: skew(0deg, -10deg); -ms-transform: skew(0deg, -10deg); transform: skew(0deg, -10deg); z-index: 99; } .home .wrap_cont_trigger_extra.mobile .cont_trigger_extra_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: #e5004f; width: 100%; height: 100px; border-bottom: 5px solid white; border-top: 5px solid white; } /* ** ======================= hero bgi blendmode ======================= */ .home button.carousel-control-prev, .home button.carousel-control-next, .home .carousel-indicators { display: none; } .home .hero_elem_carousel, .home .carousel-item { height: 160vh; } .hero_elem_img, .hero_elem_carousel { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-end; justify-content: flex-end; padding: 0 0 3rem 0; background-position: 0 160px; background-color: white; } .page:not(.home) .hero_elem_img, .page:not(.home) .hero_elem_carousel { background-size: contain; } .c2_bscarousel .carousel-inner .carousel-caption{ position: absolute; top: 34vh; bottom: unset; } .c2_bscarousel .carousel-inner .carousel-caption .p_box { background-color: #e5004f; width: fit-content; margin: 0 auto; -moz-transform: rotate(-3deg) skew(-3deg, 0deg); -webkit-transform: rotate(-3deg) skew(-3deg, 0deg); -o-transform: rotate(-3deg) skew(-3deg, 0deg); -ms-transform: rotate(-3deg) skew(-3deg, 0deg); transform: rotate(-3deg) skew(-3deg, 0deg); } /* ========================= countdown ========================= */ #wrap_hero_counter { margin: 4rem 0; } .TimerCounterCircleCombo { /*background-color: rgba(229, 0, 79, 0.7);*/ padding: 1rem 0; } .TimerCounterCircleCombo .Countd_Counter{ background-color: rgba(255,255,255,.8); border: 0px solid white; color: #003f6f; font-size: 2rem; font-weight: bold; } /* ========================= collapse C2 BLOX ========================= */ /* -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; */ @media (prefers-reduced-motion: reduce) { .C2B_collapse .collapsing { transition-property: height, visibility; transition-duration: .35s; } } .C2B_collapseParagraph a.btn.C2B_btn_collapse { color: #003f6f; border: 0px; padding: 0; font-size: inherit; font-weight: bold; position: relative; width: 100%; background-color: transparent; text-align: left; padding-right: 50px; } .C2B_collapseParagraph a.btn.C2B_btn_collapse:hover { color: #e5004f; } .C2B_collapseParagraph a.btn.C2B_btn_collapse:visited { color: #003f6f; } .C2B_collapseParagraph a.btn.C2B_btn_collapse span.dashi::before{ font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f077"; position: absolute; right: 0; } .C2B_collapseParagraph a.btn.C2B_btn_collapse.collapse span.dashi::before, .C2B_collapseParagraph a.btn.C2B_btn_collapse.collapsed span.dashi::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f078"; position: absolute; right: 0; } hr.cdufs_trenner { color: #003f6f!important; border-width: 0px!important; height: 1px!important; opacity: 1; margin: 0 0 53.5px 0; } /* ====================== selection ====================== */ ::-moz-selection { color: white!important; background: #003f6f!important; } ::selection { color: white!important; background: #003f6f!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) { } /* 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) { #wrap_hero_counter { margin: 12vh 0 0 0; } .TimerCounterCircleCombo { background-color: transparent; padding: 1rem 0; } .TimerCounterCircleCombo .Countd_Label{ font-size: 18px; } nav#main-nav{ -moz-box-shadow: 0 2px 1.5em rgba(0,0,0,0.15); -webkit-box-shadow: 0 2px 1.5em rgba(0,0,0,0.15); box-shadow: 0 2px 1.5em rgba(0,0,0,0.15); } .h_col_head_navbar #nav_primary { position: absolute; top: 0!important; margin: 0!important; } #header_appdx a.navbar-brand { padding: 0; right: 0px; display: inline-block; } .header_appdx.branding{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .header_appdx .wr_flex { padding: 10px; } .soc_col.header_appdx .sm_item { margin: 0 5px; } #header_appdx a.navbar-brand { display: inline-block; } #cont_navbar.scrolled #header_appdx a.lnk_site_title, #cont_navbar.scrolled #header_appdx span.elm_cduhashtag { display: inline-block; } #elem_navbar, #elem_navbar_right { -webkit-justify-content: flex-end; justify-content: flex-end; } #navbar_sitelogo, #navbar_sitename{display: none;} .row.row_hero .container { max-width: 720px; } .wp-block-columns.col_img_right { flex-wrap: initial!important; } .hero_elem_img.news{ max-height: 85vh; } .single-cdufk_aktuelles #content .row { margin: 0; } } /* .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) { } @media (min-width: 820px) { } /* .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) { .row.row_hero .container { max-width: 960px; } } /* .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) { .page:not(.home) .hero_elem_img, .page:not(.home) .hero_elem_carousel { height: 80vh; background-position: 0 160px; background-size: cover; } #menu_nav_primary.navbar-nav li.menu-item{ border-top: 3px solid transparent; border-bottom: 3px solid transparent; } #menu_nav_primary.navbar-nav li.menu-item .nav-link{ padding: 2px 0; } #menu_nav_primary.navbar-nav li.menu-item:hover{ border-bottom: 3px solid #e5004f; } .single-aktuell h1.heading_hero, .page h1.heading_hero, .archive h1.heading_hero, .search h1.heading_hero { min-width: max-content; width: unset; } span.filesize_tag { font-size: 10px; } } /* .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) { #wr_elm_cduhashtag { text-align: left; margin: 0 0 8px 0; } nav#main-nav { top: 0px; } #h_col_head_navbar_left ul#menu_nav_primary { justify-content: flex-start!important; -webkit-justify-content: flex-start!important; } .h_col_head_navbar #nav_primary { position: relative; } #menu_nav_primary.navbar-nav .nav-link { font-size: 16px; } ul.dropdown-menu.depth_0, ul.dropdown-menu.depth_0.show { border-left: 0px solid #e5004f; } #menu_nav_primary.navbar-nav .dropdown-item { font-size: 14px; padding: 0; } .header_appdx .wr_flex { -webkit-justify-content: left; justify-content: left; } #header_appdx a.navbar-brand { padding: 0 0 0 0; } .header_appdx .wr_flex { padding: 10px 0 10px 0; margin: 0 0 0 -5px; } .row.row_hero .container { max-width: 1140px; } } /* .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' */ @media (min-width: 1336px) { /* ======================================== KEN BURNS ======================================== */ .c2_bscarousel .carousel-item{ -webkit-animation: kenburns 20s; -moz-animation: kenburns 20s; -o-animation: kenburns 20s; -ms-animation: kenburns 20s; animation: kenburns 20s; -webkit-animation-fill-mode: forwards; /* Chrome 16+, Safari 4+ */ -moz-animation-fill-mode: forwards; /* FF 5+ */ -o-animation-fill-mode: forwards; /* Not implemented yet */ -ms-animation-fill-mode: forwards; /* IE 10+ */ animation-fill-mode: forwards; } .c2_bscarousel .carousel-caption{ -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; } @keyframes kenburns { 0% { opacity: 0; } 5% { opacity: 1; } 100% { -moz-transform: scale(2); -webkit-transform: scale(2); -o-transform: scale(2); -ms-transform: scale(2); transform: scale(2); /* transform: scale3d(1.25, 1.25, 1.25) translate3d(190px, 120px, 0px); animation-timing-function: ease-in; */ opacity: 1; } /* 100% { transform: scale3d(1.8, 1.8, 1.8) translate3d(190px, 120px, 0px); opacity: 1; } */ } .home .hero_elem_carousel, .home .carousel-item { height: calc(100vh + 50px); } .page:not(.home) .hero_elem_img, .page:not(.home) .hero_elem_carousel { height: calc(100vh - 0px); } .wrapper_hero_section.empty { height: 190px; } .c2_bscarousel .carousel-inner .carousel-caption { top: 40vh; } #wrap_hero_counter { margin: 5vh 0 0 0; } #inner_cont_navbar { position: relative; left: -22px; } .single-aktuell h1.heading_hero, .page h1.heading_hero, .archive h1.heading_hero, .search h1.heading_hero { font-size: 50px; } .p_box p { font-size: 40px; } a.mContainer { font-size: inherit; } } /* .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) { img.logo_site { height: 96px!important; } .row.row_hero .container { max-width: 1320px; } #wrap_hero_counter { margin: 8vh 0 0 0; } #c2_row_footer { padding: 3rem 0; } #c2_bscarousel_def { top: 48px; } .hero_elem_img.news { background-size: contain; margin-top: 10vh; } } /* .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) { .page:not(.home) .hero_elem_img, .page:not(.home) .hero_elem_carousel { background-position: 0 220px; } .c2_bscarousel .carousel-inner .carousel-caption { top: 40vh; } .wrapper_hero_section.empty { height: 250px; } #cont_header_appdx { height: 200px; 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; } span.filesize_tag { font-size: 14px; } } /* ############################################## */ /* .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) { .single-aktuell h1.heading_hero, .page h1.heading_hero, .archive h1.heading_hero, .search h1.heading_hero { font-size: 75px; } } /* .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) { #wrap_hero_counter { margin: 10vh 0; } } /* .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) {}