/* Theme Name: LOU WP 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 =========================================== */ /* roboto-100 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: normal; font-weight: 100; src: url('fonts/roboto-v30-latin/roboto-v30-latin-100.eot'); /* IE9 Compat Modes */ src: url('fonts/roboto-v30-latin/roboto-v30-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-v30-latin/roboto-v30-latin-100.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/roboto-v30-latin/roboto-v30-latin-100.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/roboto-v30-latin/roboto-v30-latin-100.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/roboto-v30-latin/roboto-v30-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-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: 'Roboto'; font-style: italic; font-weight: 100; src: url('fonts/roboto-v30-latin/roboto-v30-latin-100italic.eot'); /* IE9 Compat Modes */ src: url('fonts/roboto-v30-latin/roboto-v30-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-v30-latin/roboto-v30-latin-100italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/roboto-v30-latin/roboto-v30-latin-100italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/roboto-v30-latin/roboto-v30-latin-100italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/roboto-v30-latin/roboto-v30-latin-100italic.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-300 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url('fonts/roboto-v30-latin/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */ src: url('fonts/roboto-v30-latin/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-v30-latin/roboto-v30-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/roboto-v30-latin/roboto-v30-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/roboto-v30-latin/roboto-v30-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/roboto-v30-latin/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-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: 'Roboto'; font-style: italic; font-weight: 300; src: url('fonts/roboto-v30-latin/roboto-v30-latin-300italic.eot'); /* IE9 Compat Modes */ src: url('fonts/roboto-v30-latin/roboto-v30-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-v30-latin/roboto-v30-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/roboto-v30-latin/roboto-v30-latin-300italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/roboto-v30-latin/roboto-v30-latin-300italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/roboto-v30-latin/roboto-v30-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('fonts/roboto-v30-latin/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */ src: url('fonts/roboto-v30-latin/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-v30-latin/roboto-v30-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/roboto-v30-latin/roboto-v30-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/roboto-v30-latin/roboto-v30-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/roboto-v30-latin/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-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: 'Roboto'; font-style: italic; font-weight: 400; src: url('fonts/roboto-v30-latin/roboto-v30-latin-italic.eot'); /* IE9 Compat Modes */ src: url('fonts/roboto-v30-latin/roboto-v30-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-v30-latin/roboto-v30-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/roboto-v30-latin/roboto-v30-latin-italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/roboto-v30-latin/roboto-v30-latin-italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/roboto-v30-latin/roboto-v30-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-500 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url('fonts/roboto-v30-latin/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */ src: url('fonts/roboto-v30-latin/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-v30-latin/roboto-v30-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/roboto-v30-latin/roboto-v30-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/roboto-v30-latin/roboto-v30-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/roboto-v30-latin/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-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: 'Roboto'; font-style: italic; font-weight: 500; src: url('fonts/roboto-v30-latin/roboto-v30-latin-500italic.eot'); /* IE9 Compat Modes */ src: url('fonts/roboto-v30-latin/roboto-v30-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-v30-latin/roboto-v30-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/roboto-v30-latin/roboto-v30-latin-500italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/roboto-v30-latin/roboto-v30-latin-500italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/roboto-v30-latin/roboto-v30-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url('fonts/roboto-v30-latin/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */ src: url('fonts/roboto-v30-latin/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-v30-latin/roboto-v30-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/roboto-v30-latin/roboto-v30-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/roboto-v30-latin/roboto-v30-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/roboto-v30-latin/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-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: 'Roboto'; font-style: italic; font-weight: 700; src: url('fonts/roboto-v30-latin/roboto-v30-latin-700italic.eot'); /* IE9 Compat Modes */ src: url('fonts/roboto-v30-latin/roboto-v30-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-v30-latin/roboto-v30-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/roboto-v30-latin/roboto-v30-latin-700italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/roboto-v30-latin/roboto-v30-latin-700italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/roboto-v30-latin/roboto-v30-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-900 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: normal; font-weight: 900; src: url('fonts/roboto-v30-latin/roboto-v30-latin-900.eot'); /* IE9 Compat Modes */ src: url('fonts/roboto-v30-latin/roboto-v30-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-v30-latin/roboto-v30-latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/roboto-v30-latin/roboto-v30-latin-900.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/roboto-v30-latin/roboto-v30-latin-900.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/roboto-v30-latin/roboto-v30-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-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: 'Roboto'; font-style: italic; font-weight: 900; src: url('fonts/roboto-v30-latin/roboto-v30-latin-900italic.eot'); /* IE9 Compat Modes */ src: url('fonts/roboto-v30-latin/roboto-v30-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-v30-latin/roboto-v30-latin-900italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/roboto-v30-latin/roboto-v30-latin-900italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/roboto-v30-latin/roboto-v30-latin-900italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/roboto-v30-latin/roboto-v30-latin-900italic.svg#Roboto') 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: 'Roboto', sans-serif; font-weight: 400; font-size: 22px; color:#333333; } p,a{ color:#333333; } .entry-content a, .entry-content p a{ color:#333333; text-decoration: none; } .entry-content a:hover, .entry-content p a:hover{ text-decoration: none; color: #66adcc; } .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; 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: bold; font-family: 'Roboto', sans-serif; color: #333333; margin: 1rem 0; line-height: 1; } h1{ font-size: 30px; color: #66adcc; text-transform: uppercase; } h2{ font-size: 28px; color: #66adcc; text-transform: uppercase; } h3{font-size: 26px;} h4{font-size: 24px;} h5{font-size: 22px;} sub, sup { line-height: unset; } h1.col_nplogo_sitename { font-family: 'Roboto', 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: #66adcc; position: absolute; width: 20%; height: 15px; margin-left: 10px; bottom: 5px; } .pum-theme-8758 .pum-content, .pum-theme-standard-theme .pum-content { font-size: 2rem; } /* ** -------------------------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: #66adcc; -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: #66adcc; -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; } .widget { margin: 0; } 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: initial; } blockquote.wp-block-quote p:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f10e"; margin-right: 8px; color: initial; 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: #66adcc; font-size: 1rem; font-style: italic; } */ blockquote.wp-block-quote cite { font-weight: 100; } strong { font-weight: bold!important; } /* --- COLORS --- */ /* #66ADCC = Danube / blue #333333 = Gray / gray /* ############################################ HEADER ############################################ */ nav#main-nav{ padding: 0; top: 0px; webkit-justify-content: center; justify-content: center; } #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); } #inner_cont_navbar { width: 100%; margin: 0; } #row_navbar { width: 100%; margin: 0; } #col_nplogo { background-color: white; text-align: center; } #col_nplogo img{ width: 50%; height: auto; padding: 0 0rem 0 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #main-nav.scrolled #col_nplogo_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: 'Roboto', 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; /*background-color: red;*/ } #h_col_head_navbar_side { position: relative; } #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: 'Roboto', sans-serif; } #menu_nav_primary.navbar-nav .nav-link{ font-size: 24px; font-weight: 600; color: #000; } #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 #66adcc; } #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 } .h_col_head_navbar.left.side #elem_navbar { background-image: url('../magisterhof/images/elements/MenueBanner.svg'); background-repeat: no-repeat; background-position: 0px 0px; background-size: contain; position: absolute; height: 90px; } #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: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; } #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: 5px; } #wr_elm_cduhashtag { text-align: right; } span.elm_cduhashtag { background-color: #66adcc; 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; } /* --------------------------------------- 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; } #cont_navbar img.logo_site { width: 100%; height: auto; } #cont_navbar.scrolled .site-branding { position: relative; height: initial; width: initial; } #cont_navbar.scrolled img.logo_site{ height: 50px; width: auto; } #main-nav.scrolled #h_col_head_brand{ /* height: 37px; */ } #h_col_head_brand { background-color: transparent; padding: 0 10px; border: unset; } .site-branding { position: relative; left: 10px; top: 10px; padding: 0; height: auto; width: 25vw; } #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: #66adcc; 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: #66adcc; } #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; position: absolute; left: 17px; top: 15px; } span#l_toggler_caption { font-family: 'Roboto', sans-serif; text-transform: uppercase; font-size: 30px; letter-spacing: 2px; padding: 0 3px; color: #363636; } /* ** ############################################ SIDEBAR ############################################ */ .elem_content_extrasidebar{ display: block; } .extrasidebar ul#menu-hauptmenue { padding: 0; margin: 0; } .extrasidebar ul#menu-hauptmenue a, .extrasidebar ul#menu-hauptmenue a:visited { text-decoration: none; color: #333333; } .extrasidebar ul#menu-hauptmenue a:hover { text-decoration: none; color: #66adcc; } #extrasidebar01 #dismiss { color: #333333; } #extrasidebar01 #col_content_extrasidebar { 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; */ } .bg_overlay, .bg_overlay.active { display: none!important; width: 0!important; height: 0!important; } /* ########################################### CONTENT ############################################ */ main#primary { width: 100%; min-height: 90vh; padding: 1rem; } .entry-content .container{ padding-right: 0px; padding-left: 0px; } .entry-content .wp-block-group__inner-container { padding: 15px; margin: 0!important; } body.page:not(.home) .entry-content h2 { /*background-color: yellow;*/ /*margin: 15vh 0 3vh 0;*/ } img.si_img_feat, .wp-block-image img { min-width: 100%; width: 100%; height: auto; } .home .entry-content { padding: 0; margin: 0; } #page-wrapper.empty { margin-top: 15vh; } .entry-content { padding: 0; margin: 0; } .menue_tiles .wp-block-column{ overflow: hidden; } .menue_tiles .wp-block-cover{ -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } .menue_tiles .wp-block-cover:hover{ cursor: pointer; -o-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); } .menue_tiles p.m_name { color: white!important; font-size: 20px; text-transform: uppercase; letter-spacing: 3px; font-weight: bold; } .menue_tiles a { position: absolute; 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; top: 0; left: 0; width: 100%; height: 100%; } .menue_tiles a:hover{ text-decoration: none; } span.blue.strong { font-weight: bold; color: #66adcc; } p.col_socm a:hover svg, p.col_socm a:hover i { color: #333333; } p.col_socm svg, p.col_socm i { font-size: 5rem; color: #66adcc; } p.col_socm.intext svg, p.col_socm.intext i { font-size: inherit; } .mghof_tabelle tbody, .mghof_tabelle td, .mghof_tabelle tfoot, .mghof_tabelle th, .mghof_tabelle thead, .mghof_tabelle tr { border-color: inherit!important; border-style: solid!important; border-width: 0!important; } .mghof_tabelle td { padding: 0!important; } ul.liste_anker { padding: 0; margin: 0 0 0 0px; list-style: none; } ul.liste_anker li { position: relative; padding: 0 0 0 40px; } ul.liste_anker li::before { content: url('../magisterhof/images/elements/Vorlage_Anker.svg'); position: absolute; left: 0; width: 20px; height: 20px; } /* ============================= beitraege ============================= */ .wp-block-post-template { margin: 0; } /* ============================= BOXY ============================= */ .C2BoxyElementMain { background-color: #66adcc; } .C2BoxyElement .sp_label a { text-decoration: none; } .C2BoxyElement_mob.col_elem_i .sp_label svg { color: white; } .C2BoxyElementMain span.sp_icon i { color: white; } /* ============================= parallax ============================= */ .parallax-window { min-height: 75vh; background: transparent; } .aligncenter div { text-align: center; } /* ============================= responsive squares ============================= */ .menue_tiles .wp-block-cover, .gallery_squares figure { position: relative; width: 100%; min-height: unset; } .menue_tiles .wp-block-cover:after, .gallery_squares figure:after { content: ""; display: block; padding-bottom: 100%; } .menue_tiles .wp-block-cover img, .gallery_squares figure img { position: absolute; width: 100%; height: 100%; } /* ####################################### 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: #66adcc;*/ -o-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); } img.img_chevrondown { height: 60px; width: auto; } /* ########################################## FOOTER ############################################## */ #wrapper-footer{ margin-bottom: 0; margin-top: 0px; z-index: 99; position: relative; } #c2_cont_footer { padding: 3vh 0; } 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 { width: 100%; } .elem_ww_footer p { font-size: 16px; font-weight: normal; color: white; margin: 10px 0; } ul.list_footer a { text-decoration: none; } .c2_col_footer { 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 1rem; } #c2_col_footer_bottom { padding: 5vh 0 0 0; } .elem_ww_footer a.mContainer { font-size: inherit; font-weight: inherit; } .elem_ww_footer section { margin: 0; } .elem_ww_footer ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; padding: 0; margin: 0 auto; list-style: none; width: 100%; height: fit-content; position: relative; } ul#menu-footer-ii { -webkit-justify-content: flex-end; justify-content: flex-end; } ul#menu-footermenue { -webkit-justify-content: center; justify-content: center; } .elem_ww_footer ul li { line-height: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; } ul#menu-footermenue li { float: left; } .elem_ww_footer .menu a { font-size: 12px; text-decoration: none; } iframe#ifr_map_magh { position: relative; bottom: -200px; height: 500px; } ul#menu-footermenue li:first-child a:after { content:"|"; margin: 0 10px; } /* #################################### LIGHTBOX GALLERY ########################################## */ button#previous-button, button#next-button { background-color: #333333; 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: #66adcc; 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: #66adcc; border-right-color: transparent; border-radius: 0px; border-bottom-color: #66adcc; } .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(133, 133, 133,.8); border-radius: 0px; } button#close-button:hover { background-color: rgba(102, 173, 204 ,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: 'Roboto', 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: 'Roboto', 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-width: 5px; border-style: solid; } #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; } .page p.paragr_hero, .archive p.paragr_hero, .search p.paragr_hero, .entry-content .ueberschrift_rot{ display: inline-block; padding: 5px 10px; font-size: 26px; font-weight: 400; background-color: #fff; } .entry-content .ueberschrift_blau{ display: block; margin: 50px 0 15px 0; width: fit-content; position: relative; } .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 { padding-top: 20vh; } .wrapper_hero_section.empty { height: 190px; } .col_hero { padding: 0 1rem; } .ctile_ea a{ text-decoration: none; } /* ** ======================= hero bgi blendmode ======================= */ .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; background-repeat: no-repeat!important; background-size: cover!important; background-position: center center!important; padding: 0 0 3rem 0; background-color: white; } .c2_bscarousel .carousel-inner .carousel-caption{ position: absolute; top: 30vh; bottom: unset; } .c2_bscarousel .carousel-inner .carousel-caption .p_box { background-color: #66adcc; 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); } /* ========================= 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: #66adcc; } .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; opacity: 1; margin: 0 0 53.5px 0; } /* ====================== selection ====================== */ ::-moz-selection { color: white!important; } ::selection { color: white!important; } /* ================================== 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: 250px; /*color: #0ba1e2;*/ } img.load_slogo { position: absolute; width: 120px; margin: 0rem 0; } /* #################################################### 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: 50px!important; margin: 0!important; } #header_appdx a.navbar-brand { padding: 0; right: 0px; display: inline-block; } .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; } .row.row_hero .container { max-width: 720px; } .h_col_head_navbar.left.side #elem_navbar { background-position: right; } #sidebartoggle { left: unset; right: 0px; } #sidebartoggle.collapsed { left: unset; right: 17px; } .home .wrapper_hero_section { padding-top: 0px; } #cont_navbar img.logo_site { top: -40px; } .elem_ww_footer .menu a { font-size: .8rem; } .elem_ww_footer .menu a:hover{ color: #66adcc!important; } #wrapper-footer { margin-bottom: 0px; } .hero_elem_img, .hero_elem_carousel { padding: 0 0 8rem 0; } /* ** ----------- CONTENT ----------- */ /* .page:not(.home) .entry-content h2 { margin: 10rem 0 1rem 0; } */ span.arrow_link { color: #66adcc; } /* ** ----------- SIDEBAR ----------- */ #extrasidebar01 { width: 75%; } /* ** ----------- BOXY ----------- */ .C2BoxyElementMain{ position: fixed; } .C2BoxyElement { background-color: #66adcc; } } /* .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) { #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-width: 3px; border-bottom-style: solid; } .single-aktuell h1.heading_hero, .page h1.heading_hero, .archive h1.heading_hero, .search h1.heading_hero { min-width: max-content; width: unset; } #extrasidebar01 { width: 50%; } } /* .o .oooo. .oooo. .oooo. o888 .dP""Y88b d8P'`Y8b d8P'`Y8b 888 ]8P' 888 888 888 888 888 .d8P' 888 888 888 888 888 .dP' 888 888 888 888 888 .oP .o `88b d88' `88b d88' o888o 8888888888 `Y8bd8P' `Y8bd8P' Extra large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) { body{ font-size: 1.2rem; } h1, h2, h3, h4, h5{ letter-spacing: 2px; margin: 16px 0 32px 0; } h1{font-size: 2.2rem;} .magh_gr_econtent.start h1{font-size: 2.2rem;} h2{font-size: 2rem;} .magh_gr_econtent.start h2{font-size: 2rem;} h3{font-size: 1.8rem;} h4{font-size: 1.6rem;} h5{font-size: 1.4rem;} #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; top: 0px!important; margin: 0!important; } #menu_nav_primary.navbar-nav .nav-link { font-size: 1rem; } ul.dropdown-menu.depth_0, ul.dropdown-menu.depth_0.show { border-left: 0px solid #66adcc; } #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; } #c2_col_footer_right { flex-wrap: wrap; align-content: flex-start; } #c2_col_footer_left { /* flex-wrap: wrap; align-content: flex-end; */ } .C2BoxyElementMain { top: calc(50vh - 50px); } .extrasidebar ul#menu-hauptmenue li { line-height: 1.2; } .extrasidebar ul#menu-hauptmenue a { font-size: 2rem; } #cont_navbar.scrolled img.logo_site { height: 60px; } .wrapper_hero_section { padding-top: 0vh; } } /* .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; } */ } .wrapper_hero_section.empty { height: 190px; } #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; } #cont_navbar img.logo_site { top: 0px; left: 30px; } #c2_cont_footer_inner { padding-bottom: 40px; } #c2_row_footer { min-height: 110px; } ul#menu-footermenue { -webkit-justify-content: center; justify-content: center; } } /* .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) { .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; } #cont_navbar.scrolled img.logo_site { } #extrasidebar01.active { left: 0!important; } iframe#ifr_map_magh { height: 600px; } #c2_cont_footer_inner { background-position: 0px -100px; } #menu_nav_primary.navbar-nav .nav-link { letter-spacing: 1px; font-size: 1.2rem; } } /* .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) { /*--- hamburger*/ .h_col_head_navbar.left.side #elem_navbar { height: 170px; } #sidebartoggle { right: 16px; top: 43px; } #sidebartoggle.collapsed { right: 36px; top: 43px; } .icon-bar { width: 72px; height: 8px; border-radius: 999px; margin-top: 12px; } /*---*/ .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; } #cont_navbar.scrolled img.logo_site { } #extrasidebar01 { width: 25%; } /*--- boxy ---*/ .C2BoxyElementMain { right: -225px!important; } .C2BoxyElementMain:hover { cursor: pointer; } .C2BoxyElement.setleft .sp_icon, .C2BoxyElement.setright .sp_icon, .C2BoxyElement .sp_label, .C2BoxyElement .sp_label a { font-size: 2.75rem; left: 13px; } .C2BoxyElement { width: 700px; } .C2BoxyElement.setright .sp_label { right: -90px; } #C2BoxyElement_1.setright:hover{ margin-left: -400px; } p.col_socm svg { font-size: 10rem; } iframe#ifr_map_magh { bottom: -150px; } .image_anker img { height: 40vh; width: auto; } } /* .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) { /* body{ font-size: 3rem; } h1{font-size: 4rem;} .magh_gr_econtent.start h1{font-size: 5rem;} h2{font-size: 3.8rem;} .magh_gr_econtent.start h2{font-size: 4.8rem;} h3{font-size: 3.6rem;} h4{font-size: 3.4rem;} h5{font-size: 3.2rem;} */ .mghof_tabelle td { font-size: 2rem; } iframe#ifr_map_magh { bottom: -200px; } img.img_chevrondown { height: 120px; } #c2_cont_footer_inner { background-position: 0px -125px; } .menue_tiles p.m_name { color: white!important; font-size: 30px; } #page-wrapper.empty { margin-top: 30vh; } } /* ############################################## */ /* .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) { body{ font-size: 2rem; } h1{font-size: 2.8rem;} .magh_gr_econtent.start h1{font-size: 2.8rem;} h2{font-size: 2.6rem;} .magh_gr_econtent.start h2{font-size: 2.6rem;} h3{font-size: 2.4rem;} h4{font-size: 2.2rem;} h5{font-size: 2rem;} #menu_nav_primary.navbar-nav .nav-link { font-size: 1.6rem; } .single-aktuell h1.heading_hero, .page h1.heading_hero, .archive h1.heading_hero, .search h1.heading_hero { font-size: 75px; } #c2_row_footer { min-height: 200px; } .elem_ww_footer .menu a { } #c2_cont_footer_inner { background-position: 0px -190px; } .extrasidebar ul#menu-hauptmenue a { font-size: 2.5rem; } } /* .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; } #c2_cont_footer_inner { background-position: 0px -225px; } } /* .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) {}