/* ... ... .:ok0KKKKKKK0ko:. .;ox0KKKKKKK0kdc' 'o0KKKKKKKKKKKKKKKKKKd'.l0KKKKKKKKKKKKKKKKKKx; ;OKKKKc cKKKKKKKKx .KKKKKc .kKKKK .'''. .KKKK. ..''.. oKKK0; 'KKKK' ,o0KKKKKKK0o, ;KKk .lOKKKKKKKKx; KKKKl .KKKK. ,OKKKKKKKKKKKKKKKKKk dKKKKKKKKKKKKKKc 0KKK: OKKK: :KKKKKKKKKKKKKKKKKKK OKKKKKKKKKKKKKKKKk .KKKK KKKK KKKKKKKKKKKKKKKKKKKc dKKKKKKKKKKKKKKKKKK, 0KKK' KKKK KKKKKKKKKKKKKKKKKKK KKKKKKKKKKKKKKKKKKK: OKKK, KKKK. OKKKKKKKKKKKKKKKKKo :KKKKKKKKKKKKKKKKKKK KKKK. :KKKO 0KKKKKKKKKKKKKKKx KKKKKKKKKKKKKKKKKKK. cKKKO kKKKd .KKKKKKKKKKKKK. OKKKKKKKKKKKKKKKKKl :KKKKk dKKKO. KKKKKKK. ,0KKKKKKKKKKKKKKK. dKKKKKK0' .KKKKx, ,kKKc .oKK' .KKKK .KKKKKxc,.. ..,cxKKKKKk. ..':d0KKKKd. cKKKK 'KKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKK cKKKKKd :KKKKKKKKKKKKKO dKKO */ /* Theme Name: KUNA || WordPress 2024 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-slab-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 Slab'; font-style: normal; font-weight: 100; src: url('fonts/roboto-slab-v34-latin/roboto-slab-v34-latin-100.eot'); /* IE9 Compat Modes */ src: url('fonts/roboto-slab-v34-latin/roboto-slab-v34-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-slab-v34-latin/roboto-slab-v34-latin-100.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/roboto-slab-v34-latin/roboto-slab-v34-latin-100.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/roboto-slab-v34-latin/roboto-slab-v34-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-slab-v34-latin/roboto-slab-v34-latin-100.svg#RobotoSlab') format('svg'); /* Legacy iOS */ } /* roboto-slab-200 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto Slab'; font-style: normal; font-weight: 200; src: url('fonts/roboto-slab-v34-latin/roboto-slab-v34-latin-200.eot'); /* IE9 Compat Modes */ src: url('fonts/roboto-slab-v34-latin/roboto-slab-v34-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-slab-v34-latin/roboto-slab-v34-latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/roboto-slab-v34-latin/roboto-slab-v34-latin-200.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/roboto-slab-v34-latin/roboto-slab-v34-latin-200.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/roboto-slab-v34-latin/roboto-slab-v34-latin-200.svg#RobotoSlab') format('svg'); /* Legacy iOS */ } /* roboto-slab-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 Slab'; font-style: normal; font-weight: 300; src: url('fonts/roboto-slab-v34-latin/roboto-slab-v34-latin-300.eot'); /* IE9 Compat Modes */ src: url('fonts/roboto-slab-v34-latin/roboto-slab-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-slab-v34-latin/roboto-slab-v34-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/roboto-slab-v34-latin/roboto-slab-v34-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/roboto-slab-v34-latin/roboto-slab-v34-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-slab-v34-latin/roboto-slab-v34-latin-300.svg#RobotoSlab') format('svg'); /* Legacy iOS */ } /* roboto-slab-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 Slab'; font-style: normal; font-weight: 400; src: url('fonts/roboto-slab-v34-latin/roboto-slab-v34-latin-regular.eot'); /* IE9 Compat Modes */ src: url('fonts/roboto-slab-v34-latin/roboto-slab-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-slab-v34-latin/roboto-slab-v34-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/roboto-slab-v34-latin/roboto-slab-v34-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/roboto-slab-v34-latin/roboto-slab-v34-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-slab-v34-latin/roboto-slab-v34-latin-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */ } /* roboto-slab-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 Slab'; font-style: normal; font-weight: 500; src: url('fonts/roboto-slab-v34-latin/roboto-slab-v34-latin-500.eot'); /* IE9 Compat Modes */ src: url('fonts/roboto-slab-v34-latin/roboto-slab-v34-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-slab-v34-latin/roboto-slab-v34-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/roboto-slab-v34-latin/roboto-slab-v34-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/roboto-slab-v34-latin/roboto-slab-v34-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-slab-v34-latin/roboto-slab-v34-latin-500.svg#RobotoSlab') format('svg'); /* Legacy iOS */ } /* roboto-slab-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: 'Roboto Slab'; font-style: normal; font-weight: 600; src: url('fonts/roboto-slab-v34-latin/roboto-slab-v34-latin-600.eot'); /* IE9 Compat Modes */ src: url('fonts/roboto-slab-v34-latin/roboto-slab-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-slab-v34-latin/roboto-slab-v34-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/roboto-slab-v34-latin/roboto-slab-v34-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/roboto-slab-v34-latin/roboto-slab-v34-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/roboto-slab-v34-latin/roboto-slab-v34-latin-600.svg#RobotoSlab') format('svg'); /* Legacy iOS */ } /* roboto-slab-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 Slab'; font-style: normal; font-weight: 700; src: url('fonts/roboto-slab-v34-latin/roboto-slab-v34-latin-700.eot'); /* IE9 Compat Modes */ src: url('fonts/roboto-slab-v34-latin/roboto-slab-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-slab-v34-latin/roboto-slab-v34-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/roboto-slab-v34-latin/roboto-slab-v34-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/roboto-slab-v34-latin/roboto-slab-v34-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-slab-v34-latin/roboto-slab-v34-latin-700.svg#RobotoSlab') format('svg'); /* Legacy iOS */ } /* roboto-slab-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: 'Roboto Slab'; font-style: normal; font-weight: 800; src: url('fonts/roboto-slab-v34-latin/roboto-slab-v34-latin-800.eot'); /* IE9 Compat Modes */ src: url('fonts/roboto-slab-v34-latin/roboto-slab-v34-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-slab-v34-latin/roboto-slab-v34-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/roboto-slab-v34-latin/roboto-slab-v34-latin-800.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/roboto-slab-v34-latin/roboto-slab-v34-latin-800.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/roboto-slab-v34-latin/roboto-slab-v34-latin-800.svg#RobotoSlab') format('svg'); /* Legacy iOS */ } /* roboto-slab-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 Slab'; font-style: normal; font-weight: 900; src: url('fonts/roboto-slab-v34-latin/roboto-slab-v34-latin-900.eot'); /* IE9 Compat Modes */ src: url('fonts/roboto-slab-v34-latin/roboto-slab-v34-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-slab-v34-latin/roboto-slab-v34-latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/roboto-slab-v34-latin/roboto-slab-v34-latin-900.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/roboto-slab-v34-latin/roboto-slab-v34-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-slab-v34-latin/roboto-slab-v34-latin-900.svg#RobotoSlab') format('svg'); /* Legacy iOS */ } /* =========================================== GENERIC =========================================== */ :root{ --main-color: #ffcc04; } /*var(--main-color);*/ 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; color:#ffffff; } body{ font-family: 'Roboto Slab', serif; font-weight: 400; font-size: 16px; font-size: 1rem; } body:not(.home){ background-color: #ffffff; } span.external-link-icon.Custom { position: relative; height: 1rem; aspect-ratio: 1 / 1; width: auto; bottom: -2px; } span.external-link-icon.Custom.Right { bottom: -4px; margin-left: 10px; } p,a{ color:#ffffff; } .entry-content a, .entry-content p a{ color:#ffcc04; text-decoration: none; } .entry-content a:hover, .entry-content p a:hover{ text-decoration: none; color: #ffffff; } .entry-content ul.wp-block-post-template, .entry-content ol.wp-block-post-template{ padding: 0 0 0 0px; margin: 0rem 0; } .entry-content ul:not(.wp-block-post-template), .entry-content ol:not(.wp-block-post-template){ padding: 0 0 0 20px; margin: 1rem 0; } .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: #126667; background-color: white; width: 20px; right: 20px; } a.mContainer {} .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; color:#ffcc04; margin: 1rem 0; line-height: 1; } h1{ font-size: 1.5rem; font-family: 'Roboto Slab', serif; } h2{ font-size: 1.4rem; font-family: 'Roboto Slab', serif; } h2.CHeadUpper { text-transform: uppercase; font-weight: bold; font-size: 2rem; } h2.CHeadUpper.white { color: white!important; margin: 0; padding: 5rem 4rem; } .CHeadBold{ font-weight: bold; } h3{font-size: 1.3rem;font-family: 'Roboto Slab', serif;} h4{font-size: 1.2rem;font-family: 'Roboto Slab', serif;} h5{font-size: 1.1rem;font-family: 'Roboto Slab', serif;} sub, sup { line-height: unset; } h1.col_nplogo_sitename { font-family: 'Roboto Slab', serif; font-size: 30px; color: rgb(249, 161, 44); } h1.entry-title { font-weight: 500; } .breadcrumb{ display:none; } /* ** -------------------------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: #126667; -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; color: #126667; 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: #126667; -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; } .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; } /*========= 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; } #page{ /* background-image: url("/wp-content/uploads/Kulturnacht-Hintergrundbild-Neu.jpg"); background-repeat: no-repeat; background-size: cover; background-position: 75% center; background-attachment: scroll; */ /*top: 0; bottom: 0; left: 0; right: 0;*/ } #page::before { content: ' '; display: block; background-image: url("/wp-content/uploads/Kulturnacht-Hintergrundbild-Neu.jpg"); background-position: 75% center; background-size: cover; background-repeat: no-repeat; height: 100vh; width: 100vw; top: 0; bottom: 0; left: 0; right: 0; position: fixed; z-index: -10; // Das hier ist sehr wichtig! } .modal-open #page { width: calc(100vw - 15px); } .modal-open, .modal-open #cont_navbar{ 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: #126667; 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: #126667; font-size: 1rem; font-style: italic; } */ blockquote.wp-block-quote cite { font-weight: 100; } strong { font-weight: bold!important; } /* --- COLORS --- */ /* petrol #25696a Casal RGB: 37, 105, 106 grün #97c22c Atlantis RGB: 151, 194, 44 green #126667 Deep Sea Green RGB: 13, 101, 102 /* ############################################ NAVIGATON ############################################ */ nav#main-nav{ background-color: rgba(9, 15, 110, 0.8)!important; padding: 0; top: 0px; -webkit-justify-content: center; justify-content: center; } #cont_navbar { /*background-color: rgba(16, 24, 35, 0.7);*/ -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; /* background-color: rgba(178, 58, 238, .75); */ } #cont_navbar.scrolled{ /*background-color: #4c4e4e;*/ /*background-color: rgba(139, 34, 82, .75);*/ /*margin: 0px 0 0 0;*/ } #cont_navbar.scrolled{ margin: 0; } #inner_cont_navbar { position: relative; width: 100%; margin: 0; padding: 0; } #row_navbar { width: 100%; margin: 0; } #row_navbar:before { content: ""; position: absolute; z-index: 99; display: block; background-color: transparent; width: 100vw; height: 67px; left: calc(-100vw + 10px); top: 0; } #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: blue;*/ } #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; /*background-color: -var(--main-color);*/ background-color: rgba(9, 15, 110, .8); } ul#menu_nav_primary, ul#menu_nav_secondary { margin: auto !important; } #menu_nav_primary.navbar-nav .nav-link, #menu_nav_primary.navbar-nav .dropdown-item{ font-family: 'Roboto Slab', serif; } #menu_nav_primary.navbar-nav .nav-link{ font-size: 24px; font-weight: 600; color: #ffcc04; opacity: 1; } #menu_nav_primary.navbar-nav .dropdown-item { font-size: 18px; color: black; } #menu_nav_primary.navbar-nav li.menu-item{ border-bottom: 3px solid transparent; padding: 0px 10px } #menu_nav_primary.navbar-nav li.menu-item:hover, #menu_nav_primary.navbar-nav li.menu-item.clicked, #menu_nav_primary.navbar-nav .nav-link:hover, #menu_nav_primary.navbar-nav .dropdown-item:hover{ /*border-color: #97c22c;*/ color: #FECC01; border-bottom-color: #FECC01!important; /*background-color: #126667!important;*/ } ul.dropdown-menu.depth_0, ul.dropdown-menu.depth_0.show { border-radius: 0px; /*border-left: 2px solid #126667;*/ } #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.current-menu-item .nav-link, #menu_nav_primary.navbar-nav li.menu-item .nav-link{ } #menu_nav_primary.navbar-nav li.menu-item:hover .nav-link, #menu_nav_primary.navbar-nav li.menu-item.clicked .nav-link{ } #elem_navbar, #elem_navbar_right { flex-wrap: wrap; -webkit-align-content: center; align-content: center; padding-right: 20px; } .h_col_head_navbar.side #elem_navbar{ /*position: relative;*/ } /* ============================= HERO ============================= */ .HeroCover{ min-height: 99vh; } .HeroCover h2{ font-weight: 900; font-size: 2.2rem; font-style: italic; text-shadow: 5px 5px 8px #000; margin: 1rem 0 0 0; } .HeroCover p{ font-weight: 600; font-size: 1.5rem; text-shadow: 5px 5px 8px #000; line-height: 1.3; margin: 2vh 0 0 0; } /* ============================= extrasidebar ============================= */ #extrasidebar01{ left: unset!important; opacity: 0!important; -webkit-transition: all 200ms!important; -moz-transition: all 200ms!important; -o-transition: all 200ms!important; -ms-transition: all 200ms!important; transition: all 200ms!important; z-index: 199!important; /*height: 0;*/ height: 100vh; -moz-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } #extrasidebar01.active{ opacity: 1!important; -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); /*height: 100vh;*/ } #extrasidebar01 li.menu-item a.nav-link{ font-family: 'Roboto Slab', serif; font-weight: 500; color: #4c4e4e; } #extrasidebar01 li.menu-item a.nav-link:hover{ color: #97c22c; } #extrasidebar01 #elem_navbar, #extrasidebar01 #elem_navbar_right { padding: 1rem; } /* ======================================================================== */ .header_appdx.branding{ 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; } a.lnk_site_title h1 { background-color: white; color: black; 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 { /*height: 200px;*/ position: relative; top: 0px; opacity: 1; /*background-color: transparent;*/ z-index: 10; } #cont_navbar.scrolled img.logo_site { opacity: 1; /*background-color: red;*/ } #h_col_head_brand { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; background-color: transparent; padding: 0px 15px; border: unset; } .WrLogoMain {} .WrLogoMain a#ThisNavbarBrL { display: block; margin: 0; } .site-branding { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-align-items: center; align-items: center; padding: 0; background-color: transparent; } #navbar_sitelogo img.logo_site { height: 20px; } #navbar_sitename span { font-size: 14px; font-weight: 600; } .WrImgQUNGSecondLogo{ position: relative; 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; overflow: hidden; height: 48px; width: 200px; /*border: 2px dotted blue;*/ } img.ImgQUNGSecondLogo { position:absolute; left: 0; height: -webkit-fill-available; /*background-color: orange;*/ -webkit-animation: animMeBack 1s; animation: animMeBack 1s; animation-direction: reverse; -webkit-animation-timing-function: linear; /* Chrome, Safari, Opera */ animation-timing-function: linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; padding: 0 0 0 5px; } #cont_navbar.scrolled img.ImgQUNGSecondLogo{ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; position:absolute; -webkit-animation: animMe 1s; animation: animMe 1s; animation-direction: normal; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes animMe { from { left: 0; } to { left:-100%; } } @keyframes animMe { from { left: 0; } to { left:-100%; } } @-webkit-keyframes animMeBack { from { left: 0; } to { left:-100%; } } @keyframes animMe { from { left: 0; } to { left:-100%; } } /* --------------------------------------- HAMBURGER --- */ button.navbar-toggler { text-align: left; width: 50px; height: 38px; margin-right: 10px; padding: 0 10px 0 7px; border-radius:0; } button#navi_toggle { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: flex-start; justify-content: flex-start; align-items: center; width: auto; margin: 0; padding: 0; } img.mob_img_sitelogo { display: inline-block; position: absolute; left: 55px; top: 8px; width: 30px; height: auto; } .icon-bar { width: 36px; height: 4px; border-radius: 0px; background-color: #126667; 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; } button.navbar-toggler.collapsed, button.navbar-toggler[aria-expanded="true"] { height: auto; width: auto; } .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: #126667; } #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; z-index: 2001; } span#r_toggler_caption { font-family: 'Roboto Slab', serif; text-transform: uppercase; font-size: 8px; color: #126667; } #box_t_capt_right{ -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); text-transform: uppercase; margin-left: -20px; display: none; } /* ** ############################################ HAMBURGER ALT ############################################ */ .ham { cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform 400ms; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .hamRotate.active { transform: rotate(45deg); } .hamRotate180.active { transform: rotate(180deg); } .line { fill:none; transition: stroke-dasharray 400ms, stroke-dashoffset 400ms; stroke:#ffcc04; stroke-width:5.5; stroke-linecap:round; } #hamAlt{ width: 60px; } .ham6 .top { stroke-dasharray: 40 172; } .ham6 .middle { stroke-dasharray: 40 111; } .ham6 .bottom { stroke-dasharray: 40 172; } .ham6.active .top { stroke-dashoffset: -132px; } .ham6.active .middle { stroke-dashoffset: -71px; } .ham6.active .bottom { stroke-dashoffset: -132px; } .ham8 .top { stroke-dasharray: 40 160; } .ham8 .middle { stroke-dasharray: 40 142; transform-origin: 50%; transition: transform 400ms; } .ham8 .bottom { stroke-dasharray: 40 85; transform-origin: 50%; transition: transform 400ms, stroke-dashoffset 400ms; } .ham8.active .top { stroke-dashoffset: -64px; } .ham8.active .middle { /*stroke-dashoffset: -20px;*/ transform: rotate(90deg); } .ham8.active .bottom { stroke-dashoffset: -64px; } /* ** ############################################ 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: #4c4e4e; } .extrasidebar ul#menu-hauptmenue a:hover { text-decoration: none; color: #126667; } #extrasidebar01 #dismiss { color: #4c4e4e; } #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: 0; } .home main#primary { margin-top: 75vh; } .search main#primary { margin-top: 20vh; } .row_arch_aktuell article{ background-color: rgba(9, 15, 110, 0.8); padding: 15px; margin: 0 0 15px 0; } .row_arch_aktuell article .wp-block-group.has-background{ background-color: transparent !important; } .entry-content .container{ padding-right: 0px; padding-left: 0px; } .entry-content .wp-block-group__inner-container { padding: 30px; margin: 0!important; } body.page:not(.home) .entry-content h2, h3.title_arch_objekt a { margin: 2.5vh 0 3vh 0; color: #ffcc04; } img.si_img_feat, .wp-block-image img { min-width: 100%; width: 100%; height: auto; /*position: fixed;*/ } .home .entry-content { padding: 0; margin: 0; } .entry-content { padding: 0 0; margin: 0; width: 100%; } .search .wrapper .site-main article{ margin-top: 0; } .single-post .site-main article .entry-content{ background-color: rgba(9, 15, 110, 0.8); padding: 15px; margin: 0 !important; } .magh_gr_econtent{ /*border: 1px dotted blue;*/ } .magh_gr_econtent { margin: 0vh auto 0vh auto; min-height: 100vh; 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; opacity: 0; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .magh_gr_econtent.visible{ opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .magh_gr_econtent.start { margin: 0vh auto 10vh auto; /*min-height: 60vh;*/ 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-start; justify-content: flex-start; } .magh_gr_econtent.default{ min-height: auto; } .magh_gr_econtent.casal{ background-color: #126667; } .magh_gr_econtent.BorderTop{ border-top: 5px solid #97c22c; } .magh_gr_econtent.BorderBtm{ border-bottom: 5px solid #97c22c; } .menue_tiles .wp-block-column, a.TTabLink{ overflow: hidden!important; padding: 0rem; border: 5px solid transparent!important; } a.TTabLink::before{ content: ""; position: absolute; background-color: rgba(188, 91, 23, .5); width: 100%; height: 100%; } .menue_tiles .wp-block-cover, img.TabImg{ -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, a.TTabLink:hover img.TabImg{ 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: 2rem; 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: #126667; } p.col_socm a:hover svg, p.col_socm a:hover i { color: #4c4e4e; } p.col_socm svg, p.col_socm i { font-size: 5rem; color: #126667; } p.col_socm.intext svg, p.col_socm.intext i { font-size: inherit; } .tab-content tbody, .tab-content td, .tab-content tfoot, .tab-content th, .tab-content thead, .tab-content tr{ border-color: inherit!important; border-style: solid!important; border-width: 0!important; } .wp-block-table td, .wp-block-table th { padding: 0.5em 0; } .ZlTable td { padding: 0!important; } .TTabLink { position: relative; } .TTabLink { position: relative; 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; } p.TabHead { position: absolute; color: white!important; font-size: 1rem; font-weight: bold; text-align: center; padding: 0; margin: 0; } .nav-tabs{ border-bottom: none; } ul.checkListe { padding: 0; margin: 0 0 0 0px; list-style: none; } ul.checkListe li { position: relative; padding: 0 0 0 25px; } ul.checkListe li::before { content: '✓'; position: absolute; left: 0; width: 20px; height: 20px; } ul.QIconList { list-style: none; padding: 0; } ul.QIconList li{ position: relative; padding: 30px 10px 30px 25vw; background-color: #f2f2f2; margin: 10px 0; 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; margin-left: 10vw; } ul.QIconList li::before{ content: ""; position: absolute; top: 0; bottom: 0; left: -3vh; margin: auto 0; aspect-ratio: 1 / 1; display: block; background-color: transparent; background-position: center; background-repeat: no-repeat; background-size: contain; height: 100px; } ul.QIconList li.Coins::before{ /*content: url(/wp-content/uploads/coins.jpg);*/ background-image: url(/wp-content/uploads/coins.svg); } ul.QIconList li.docs::before{ background-image: url(/wp-content/uploads/docs.svg); } ul.QIconList li.reputation::before{ background-image: url(/wp-content/uploads/reputation.svg); } ul.QIconList li.mitarbeiter::before{ background-image: url(/wp-content/uploads/mitarbeiter.svg); } ul.QIconList li.greenwashing::before{ background-image: url(/wp-content/uploads/greenwashing.svg); } ul.QIconList li.tuegutes::before{ background-image: url(/wp-content/uploads/tuegutes.svg); } ul.QIconList li.zertifizierung::before{ background-image: url(/wp-content/uploads/zertifizierung.svg); } ul.QIconList li.management::before{ background-image: url(/wp-content/uploads/management.svg); } ul, ol { margin: 0 0 1.5em 0em; } .ZlImgElem { position: relative; margin: -15px; z-index: -1; } .ZlImgElem img { padding: 10vh 0; } .ZlImgElem.Right img { padding: 5vh 0; max-width: 50%!important; min-width: unset; position: relative; right: -50%; } .ZlImgElem.Left img { padding: 5vh 0; max-width: 50%!important; min-width: unset; } .row.CustomLogo{ padding: 1rem; } img.ImgCustomLogo {} .ZwlButton{} #WrapCustomElement { position: absolute; bottom: -3vh; right: 0; width: 90%; } figure.ImgFramed { padding: 1rem; /*background-color: blue;*/ } .CButton.Overlap { position: relative; margin: -15px; z-index: 9; } .CButton a.wp-block-button__link { background-color: #126667; color: #fff; border-radius: 10px; padding: 5px 15px; font-weight: 600; } .CButton a.wp-block-button__link:hover { background-color: #4c4e4e; color: #fff; } .Cboxed{ background-color: rgba(13, 101, 102, .7); color: #fff; border-radius: 15px; padding: 15px; display: inline-block; } .Cboxed h1, .Cboxed h2, .Cboxed p{ margin: 0; padding: 0; color: #fff; font-weight: bold; } .Cboxed.start h1{ font-size: 4rem; } .Cboxed.start h2, h2.emph{ font-size: 3rem; } .CColLeft .wp-block-column:nth-child(2){ z-index: 2; } .CColRight .wp-block-column:first-child{ z-index: 2; } .CCIcon{ background-image: none; } .CCIcon:before{ font-family: "Font Awesome 5 Free"; font-size: 5rem; font-weight: 900; color: #fff; } .CCIcon.prev:before{ content: "\f053"; } .CCIcon.next:before{ content: "\f054"; } #testimonials { /*background-color: lightgray;*/ position: relative; } #testimonials::before { content: ',,'; position: absolute; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); font-family: 'Roboto Slab', serif; font-size: 130px; font-weight: 800; color: #4c4e4e; top: 10vh; right: 15vw; line-height: 1; letter-spacing: -5px; } #testimonials::after { content: ',,'; position: absolute; font-family: 'Roboto Slab', serif; font-size: 130px; font-weight: 800; color: #4c4e4e; bottom: -1vh; left: 15vw; line-height: 1; letter-spacing: -5px; } #carouselLogosPre{ background-color: #126667; } #carouselLogos { background-color: #126667; max-height: 250px; } .ContFKuSt { /* background-color: red; */ padding: 2rem 0; border-top: 2px solid #126667; border-bottom: 2px solid #126667; min-height: 400px; 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; } .container-fluid.ContFKuLogos { background-color: #fff; } .CarouselItem .CrslItInner img{ filter: grayscale(100%); -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ -moz-filter: grayscale(100%); /* Not standard but for Firefox compatibility */ -o-filter: grayscale(100%); /* Old Opera versions */ -ms-filter: grayscale(100%); /* Internet Explorer */ /* For older versions of Internet Explorer (6-9) */ filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } .CarouselItem .CrslItInner:hover img{ filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); -ms-filter: grayscale(0%); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0); } #carouselExampleControls .carousel-item{ height: fit-content; } .wp-block-columns.StackAlt { display: block; } .wp-block-column.WithBgC.White { padding: 2rem; } .QIcon_LiI::before{ content: ""; position: relative; background-image: url(/wp-content/themes/c2_child_default/images/qung/Linkedin_QUNG.svg); top: 4px; left: 0; margin: auto 0; aspect-ratio: 1 / 1; display: block; background-color: transparent; background-position: center; background-repeat: no-repeat; background-size: contain; height: 1rem; float: left; margin-right: 8px; } .RasterMainLoop .wp-block-group { padding: 0px !important; } .home .RasterMainLoop li:first-child > .wp-block-group { border: 1px solid #ffcc04; } .RasterMainLoop .entry-content.wp-block-post-content h3{ font-size: 1.3rem; } span.excerpt_part{ display: block; } h1.SearchHeading{ color: rgba(9, 15, 110, 1); } /* ============================= HERO ============================= */ .single-kunde .wrapper_hero_section .hero_elem_img.HeroKunde { max-height: 65vh; 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; } .WrapKuSi_featured img.CustomElement { height: 20vh; } /* ============================= BOXY ============================= */ .C2BoxyElementMain { background-color: #126667; } .C2BoxyElement .sp_label a { text-decoration: none; } .C2BoxyElement_mob.col_elem_i .sp_label svg { color: white; font-size: xxx-large; } .C2BoxyElementMain span.sp_icon i { color: white; } span.sp_icon .fas { } .C2BoxyElement { border-left: 5px solid #97c22c; box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px; } /* ============================= 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%; } .gallery_squaresX figure img { aspect-ratio: 1 / 1; margin: 0; } /* ####################################### CHEVRON DOWN ########################################### */ #wrap_chevrondown{ /*visibility: hidden;*/ position: absolute; bottom: 1vh; text-align: center; z-index: 9; 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: #126667;*/ -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; } /* ########################################## CONTACT ############################################## */ img.ContactIcons { position: relative; height: 40px; top: -3px; margin-right: 15px; } /* ########################################## FOOTER ############################################## */ #wrapper-footer{ padding: 1rem 0; padding-bottom: 0; position: relative; } #c2_cont_footer{ padding: 0; background-color:rgba(9, 15, 110, 0.8)!important; /*opacity: 0.6;*/ } #c2_cont_footer_inner{ 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; } 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; } .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: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; padding: 0; margin: 0 auto; list-style: none; width: auto; height: fit-content; position: relative; align-items: center; -webkit-align-items: center; } 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; padding: 0 0px 7px 0px; margin: 0 10px; width: auto; } ul#menu-footermenue li { float: left; } .elem_ww_footer .menu a { font-size: 20px; text-decoration: none; } #c2_cont_footer a:hover, .elem_ww_footer .menu a:hover{ color: #ffcc04 !important; text-decoration: none !important; } iframe#ifr_map_magh { position: relative; bottom: -200px; height: 500px; } /* ul#menu-footermenue li:first-child a:after { content:"|"; margin: 0 10px; } ul#menu-menue-2 li:first-child:after { content: "|"; position: relative; width: 8px; height: 20px; color: white; top: -5px; margin: 0 0 0 5px; } */ span.filesize_tag { font-size: 16px; margin-left: 15px; } /* ########################################## FOOTER mHinrichs ############################################## */ .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; -webkit-align-items: center; } #menu-menue-2 li.menu-item{ border-bottom: 3px solid transparent; } #menu-menue-2 li.menu-item a{ color: #ffcc04; text-decoration:none!important; font-size: 16px; } #menu-menue-2 li.menu-item:hover { border-color: #FECC01; } .FooterSpalteSpezial .wp-block-column{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; -webkit-flex-direction: column; flex-wrap: wrap; } .FooterSpalteSpezial { margin: 0; } .FooterSpalteSpezial :nth-child(1).wp-block-column { order: 1; align-content: center;} .FooterSpalteSpezial :nth-child(2).wp-block-column { order: 2; align-content: center;} .FooterSpalteSpezial :nth-child(3).wp-block-column { order: 3; } figure.FterWidg_Img_Logo_Kuna, figure.FterWidg_Img_Logo_FS { width: 80%; margin: 0; } span.WrapFooterSocMedia { position: relative; display: inline-block; width: 100%; text-align: center; margin: 0 0 3vh 0; } span.WrapFooterSocMedia a { border-bottom: 3px solid transparent; text-decoration: none; } span.WrapFooterSocMedia a:hover{ border-color: #ffcc04; text-decoration:none!important; } /* #################################### LIGHTBOX GALLERY ########################################## */ button#previous-button, button#next-button { background-color: #ffcc04; 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: #ffcc04; 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: #126667; border-right-color: transparent; border-radius: 0px; border-bottom-color: #126667; } .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; } } .FormColumns .wp-block-column{ padding: 2rem; } #thisContactFormQ input.wpcf7-submit { background-color: #97c22c; border: 1px solid #97c22c; display: block; width: max-content; margin: 0 auto; padding: 15px 30px; color: white; } #thisContactFormQ input.wpcf7-submit:hover { background-color: #126667; border-color: white; } #thisContactFormQ .wpcf7-form-control.wpcf7-text, #thisContactFormQ .wpcf7-form-control.wpcf7-select { height: 50px; border-radius: 0px !important; } #thisContactFormQ textarea.wpcf7-form-control.wpcf7-textarea{ border-radius: 0px !important; } /* ########################################## BAGUETTE ############################################ */ #baguetteBox-overlay { background-color: rgba(9, 15, 110, .8)!important; } button#close-button { background-color: rgba(255, 204, 4, .8); border-radius: 0px; } button#close-button:hover { background-color: rgba(255, 204, 4, 1); } button#close-button g { stroke: rgba(9, 15, 110, .8); } button#close-button:hover g { stroke: rgba(9, 15, 110, 1); } .baguetteBox-button polyline { stroke: rgba(9, 15, 110, .8); } .baguetteBox-button:hover polyline { stroke: rgba(9, 15, 110, 1); } #baguetteBox-overlay .full-image figcaption { color: #000000; background-color: rgba(255, 203, 2,.6); } /* ============================= 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; -webkit-filter: none; filter: none; border: 5px solid #ffcc04; background-color: #ffcc04; right: 11px; } #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); */ width: 50px; height: 50px; aspect-ratio: 1/1; } #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{ 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{ display: inline-block; padding: 0px 5px; color: white; font-size: 26px; font-weight: 400; background-color: #126667; -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); } .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; } .home .wrapper_hero_section { padding-top: 0px; background-color: #fff; } .wrapper_hero_section.empty { height: 190px; } .ctile_ea a{ text-decoration: none; } /* ** ======================= hero bgi blendmode ======================= */ .hero_elem_img, .hero_elem_carousel { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: end; justify-content: end; 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: #126667; 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: #126667; } .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; background: #126667!important; } ::selection { color: white!important; background: #ffcc04!important; } /* ====================== appendix ====================== */ li#menu-item-insta .fab { font-size: 2rem; margin-top: -3px; } #nav-tabContent .tab-pane { } span.newline { display: block; } iframe { height: 400px; } /* ====================== TABS ====================== */ .nav-tabs .nav-link { color: initial!important; border-left: none!important; border-right:none!important; border-top: none!important; border-bottom: 3px solid transparent!important; margin: 0 20px 0 0; padding: 8px 16px 8px 0; } .nav-tabs .nav-link.active { color: #126667!important; border-left: none!important; border-right:none!important; border-top: none!important; border-bottom: 3px solid #126667!important; } .tab-content { display: inline-block; width: 100%; margin: 15px 0; } .tab-pane p { padding: 15px; } /* ====================== Buttons ====================== */ a.btn.BtnDL { background-color: transparent; font-family: 'Roboto Slab', sans-serif; border: 2px solid #ffcc04 !important; white-space: nowrap; font-size: inherit; border-radius: 0px; color: #ffcc04; } a.btn.BtnDL:hover { background-color: #ffcc04; color: rgba(9, 15, 110, 1); } a.btn.BtnDL span.external-link-icon.Custom.Left, a.btn.BtnDL span.external-link-icon.Custom.Right { display: none; } /* ====================== Suche ====================== */ /* ** ################################################################################################ ** ###################################### SEARCH MODALS 2020/07/19 // c.anger@c2-cl.de ############ ** ################################################################################################ */ /* ========================== SEARCH OVERLAY ========================== */ .c2searchWrapM { display: none; width: 100%; height: 100vh; position: fixed; top: 0; left: 0; background-color: transparent; overflow: hidden; z-index: 9999; } .c2searchWrapM.active{ display: block; } .c2searchWrapP.top { position: absolute; width: 100%; height: 50vh; top:-100vh; z-index: 99; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; background-color: white; } .c2searchWrapP.top.show { top: 0; } .c2searchWrapP.bottom { position: absolute; width: 100%; height: 50vh; bottom:-100vh; z-index: 9; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; background-color: rgba(9, 15, 110, .8); } .c2searchWrapP.bottom.show { bottom: 0; } .c2searchWrap_i { height: 100%; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-direction: column; flex-direction: column; align-content: center; justify-content: center; } .c2searchWrap_ii { width: 100%; } label#BS_Lbl_SearchForm { width: 100%; } input#BS_InputSForm { width: 100%; border-top: 1px solid rgba(9, 15, 110, 1); border-right: 1px solid rgba(9, 15, 110, 1); border-bottom: 3px solid #ffcc04; border-left: 1px solid rgba(9, 15, 110, 1); border-radius: 0px; background-color: white; color: rgba(9, 15, 110, 1); box-shadow: none; } p.SPsearch_help { text-align: right; color: rgba(9, 15, 110, 1); font-size: 16px; font-weight: bold; } .c2searchWrapP.bottom p { color: white; } /* --- SEARCH FIELD ------------------ */ a#BtnElSWpClose { position: absolute; right: 5vh; top: 5vh; color: rgba(9, 15, 110, 1); background-color: transparent; font-size: 3rem; } a#BtnElSWpClose:hover .fas.fa-times{ -webkit-animation: spin 1s infinite linear; -moz-animation: spin 1s infinite linear; -o-animation: spin 1s infinite linear; animation: spin 1s infinite linear; } .beitraege{ padding:0 0 0 0 !important; } /* --- RELEVANSSI ------------------ */ .relevanssi-live-search-result a { color: rgba(9, 15, 110, 1); } .relevanssi-live-search-result a:hover { color: rgba(9, 15, 110, 1); } /* --- RELEVANSSI ------------------ */ /* .wp-block-group.GelberRahmen { border: 2px solid red; } */ /* #################################################### 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) { body{ /* background-repeat: no-repeat; background-position:93%; background-size: cover; background-attachment: fixed; height: 100vh; width: 100vw; top: 0; bottom: 0; left: 0; right: 0; position: fixed; */ } } /* 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) { body{ font-size: 1.5rem; } span.external-link-icon.Custom{ height: 1.4rem; } span.external-link-icon.Custom.Right { bottom: -7px; } h1{font-size: 2.5rem;} h2{font-size: 2.3rem;} /* h1{font-size: 3.2rem;} h2{font-size: 2.8rem;} */ h3{font-size: 2.1rem;} h4{font-size: 1.9rem;} h5{font-size: 1.7rem;} .QIcon_LiI::before{ height: 1.5rem; top: 7px; } #wrap_hero_counter { margin: 12vh 0 0 0; } .h_col_head_navbar #nav_primary { position: absolute; top: 66px !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; } #cont_navbar img.logo_site { height: 45px; } #cont_navbar.scrolled img.logo_site { } .WrImgQUNGSecondLogo{ width: 100%; } #elem_navbar, #elem_navbar_right { -webkit-justify-content: flex-end; justify-content: flex-end; } .row_hero{ position: relative; } .row.row_hero .container { max-width: 720px; } #WrapCustomElement { width: 60%; } .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; } .hero_elem_img, .hero_elem_carousel, .carousel-item { -webkit-justify-content: end; justify-content: end; } .elem_ww_footer .menu a { font-size: 18px; } .elem_ww_footer .menu a:hover{ color: #ffcc04!important; } #wrapper-footer { margin-bottom: 0px; } span.newline { display: none; } #elem_navbar, #elem_navbar_right { padding-right: 0px; } /* ** ----------- HERO ----------- */ .HeroCover h2 { font-size: 3.2rem; } .HeroCover p { font-size: 2rem; } /* ** ----------- CONTENT ----------- */ span.arrow_link { color: #126667; } .CrslItInner{ padding: 5rem; } #testimonials::before { top: 4vh; } ul.QIconList li { margin-left: 0; } ul.QIconList li { padding: 30px 10px 30px 25vw; } ul.QIconList li::before { height: 140px; left: 0; } /* ** ----------- BOXY ----------- */ .C2BoxyElementMain{ position: fixed; background-color: transparent; right: -225px!important; } .C2BoxyElement.setright .sp_label { right: -90px; } .C2BoxyElement { /* background-color: #126667; */ } .C2BoxyElement { width: 1400px; background-color: rgba(13, 101, 102, 1); } #C2BoxyElement_1.setright:hover{ margin-left: -300px; } #C2BoxyElement_2.setright:hover{ margin-left: -450px; } #C2BoxyElement_1.setright{ margin-bottom: 2px; border-radius: 0px 0 0 0; } #C2BoxyElement_2.setright{ border-radius: 0 0 0 0px; } iframe { height: 800px; } /* ** ----------- FOTTER MENÜ 2 ----------- */ } /* .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; } img.ImgQUNGSecondLogo { } } /* .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: 3px solid #126667; } .single-aktuell h1.heading_hero, .page h1.heading_hero, .archive h1.heading_hero, .search h1.heading_hero { min-width: max-content; width: unset; } ul.QIconList li::before { height: inherit; } .entry-content { /*max-width: 50%;*/ } .entry-content li{ max-width: 100%; !important } .elem_ww_footer ul { 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; margin: 0 auto; list-style: none; width: auto; height: fit-content; position: relative; align-content: flex-start; -webkit-align-content: flex-start; } } /* .o .oooo. .oooo. .oooo. o888 .dP""Y88b d8P'`Y8b d8P'`Y8b 888 ]8P' 888 888 888 888 888 .d8P' 888 888 888 888 888 .dP' 888 888 888 888 888 .oP .o `88b d88' `88b d88' o888o 8888888888 `Y8bd8P' `Y8bd8P' Extra large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) { .container { max-width: 1024px; } body{ font-size: 1.7rem; } .QIcon_LiI::before{ height: 1.7rem; top: 7px; } span.external-link-icon.Custom{ height: 1.5rem; } h1, h2, h3, h4, h5{ margin: 16px 0 32px 0; } h1{font-size: 2.7rem;} .magh_gr_econtent.start h1{font-size: 2.6rem;} h2{font-size: 2.5rem;} .magh_gr_econtent.start h2{font-size: 2.5rem;} /* h1{font-size: 5rem;} .magh_gr_econtent.start h1{font-size: 5rem;} h2{font-size: 4.5rem;} .magh_gr_econtent.start h2{font-size: 4.5rem;} */ h3{font-size: 2.3rem;} h4{font-size: 2.1rem;} h5{font-size: 1.9rem;} #cont_navbar{ } /* #cont_navbar.scrolled img.logo_site { height: 35px; top: 0px; } */ nav#main-nav { top: 0px; } .h_col_head_navbar #nav_primary{ position: relative; top: -30px !important; } #nav_primary{ background-color: transparent; } #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 #126667; } #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; } #WrapCustomElement { bottom: -10vh; width: 40%; } #c2_col_footer_right { flex-wrap: wrap; align-content: flex-start; } span.sp_icon .fas { font-size: unset; } .C2BoxyElementMain { top: calc(50vh - 50px); } .extrasidebar ul#menu-hauptmenue li { line-height: 1.2; } .extrasidebar ul#menu-hauptmenue a { font-size: 2rem; } .ZlImgElem.Right img { padding: 10vh 0 10vh 50vw; } .ZlImgElem.Left img { padding: 10vh 50vw 10vh 0; } .C2BoxyElement img.sp_icon_img { } #testimonials::before { top: 32px; font-size: 250px; } #testimonials::after { font-size: 250px; bottom: -32px; } /* ------------------ HEADER --- */ #elem_navbar { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; } #nav_primary { 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; } #h_col_head_navbar_left ul#menu_nav_primary { margin: 0 !important; } img.logo_site { padding: 0; height: 70px !important; } .WrImgQUNGSecondLogo { height: 67px; } img.ImgQUNGSecondLogo { /*height: 61px;*/ } #cont_navbar.scrolled img.logo_site{ } /* ------------------ CONTENT --- */ .wp-block-columns.StackAlt { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } ul.QIconList li { padding: 30px 10px 30px 20vw; } /* ------------------ FOOTER --- */ .FooterSpalteSpezial :nth-child(1).wp-block-column { align-content: start; } .FooterSpalteSpezial :nth-child(2).wp-block-column { align-content: end; } .FooterSpalteSpezial figure{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; -webkit-flex-direction: column; height: 100%; width: 300px; max-width: 300px; } figure.FterWidg_Img_Logo_Kuna{ justify-content: center; -webkit-justify-content: center; } figure.FterWidg_Img_Logo_FS { justify-content: center; -webkit-justify-content: center; } } /* .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; } } .wrapper_hero_section.empty { height: 190px; } #inner_cont_navbar { position: relative; left: 0; } .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 { } #c2_cont_footer_inner { padding-bottom: 0px; } #c2_row_footer { min-height: 110px; } ul#menu-footermenue { -webkit-justify-content: center; justify-content: center; } .CButton.PositionRight { max-width: 80%; } #page{ /* background-image: url("/wp-content/uploads/Kulturnacht-Hintergrundbild-Neu.jpg"); background-repeat: no-repeat; background-size: cover; background-position: 75% center; background-attachment: scroll; */ /*top: 0; bottom: 0; left: 0; right: 0;*/ } #page::before { content: ' '; display: block; background-image: url("/wp-content/uploads/Kulturnacht-Hintergrundbild-Neu.jpg"); background-position: 75% center; background-size: cover; background-repeat: no-repeat; height: 100vh; width: 100vw; top: 0; bottom: 0; left: 0; right: 0; position: fixed; z-index: -10; // Das hier ist sehr wichtig! } #page{ /*background-attachment: fixed;*/ } /* ---------------------- HOME ---------------------- */ .home main#primary { margin-top: 0vh; } /* ---------------------- footer ---------------------- */ .FooterSpalteSpezial :nth-child(2).wp-block-column { order: 3; } .FooterSpalteSpezial :nth-child(3).wp-block-column { order: 2; } .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; -webkit-justify-content: center; justify-content: center; padding: 0; margin: 0 auto; list-style: none; width: auto; height: fit-content; position: relative; -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) { /*--- hamburger*/ #sidebartoggle.collapsed, #sidebartoggle { right: 2vw; top: 3vh; margin: 0; } #hamAlt { width: 120px; } #box_t_capt_right { margin-top: -5px; } /*-----------------*/ .row.row_hero .container, .container { max-width: 1320px; } img.ImgQUNGSecondLogo { } #wrap_hero_counter { margin: 8vh 0 0 0; } #c2_row_footer { padding: 0rem 0; } #c2_bscarousel_def { top: 48px; } #cont_navbar.scrolled img.logo_site { } #c2_cont_footer_inner { background-position: 0px -100px; } li#menu-item-insta svg{ font-size: 2rem!important; } span#r_toggler_caption { font-size: 15.5px; margin-left: -6px; font-weight: bold; } .C2BoxyElement.setleft .sp_icon, .C2BoxyElement.setright .sp_icon { font-size: 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) { .container { max-width: 1440px; } nav#main-nav { } #WrapCustomElement { bottom: -5vh; } /*--- hamburger*/ .icon-bar { width: 72px; height: 8px; border-radius: 999px; margin-top: 12px; } /* --- navigation --- */ .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; } iframe#ifr_map_magh { bottom: -200px; } img.img_chevrondown { height: 120px; } /* #cont_navbar.scrolled img.logo_site { top: 0px; height: 100px !important; } #cont_navbar.scrolled #h_col_head_brand, #cont_navbar.scrolled #h_col_head_navbar_left, #cont_navbar.scrolled #h_col_head_navbar_right { height: 110px !important; } #cont_navbar.scrolled #row_navbar:before { height: 110px; } #cont_navbar.scrolled img.ImgQUNGSecondLogo { height: 90px !important; } */ /*--- boxy ---*/ .C2BoxyElementMain { right: -225px!important; } .C2BoxyElementMain:hover { cursor: pointer; } .C2BoxyElement { width: 1400px; } .C2BoxyElement.setright .sp_label { right: -90px; } #C2BoxyElement_1.setright:hover{ margin-left: -400px; } #C2BoxyElement_2.setright:hover{ margin-left: -600px; } p.col_socm svg { font-size: 10rem; } iframe#ifr_map_magh { bottom: -150px; } .image_anker img { height: 40vh; width: auto; } #menu_nav_primary.navbar-nav .nav-link { font-size: 24px; } ul.QIconList li { padding: 30px 10px 30px 200px; } /* --- FORM --- */ .FormColumns .wp-block-column { padding: 3rem; } } /* .o .ooooo. .oooo. .oooo. o888 888' `Y88. .dP""Y88b d8P'`Y8b 888 888 888 ]8P' 888 888 888 `Vbood888 .d8P' 888 888 888 888' .dP' 888 888 888 .88P' .oP .o `88b d88' o888o .oP' 8888888888 `Y8bd8P' */ @media (min-width: 1920px) { .container { max-width: 1600px; } /* 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; } */ #c2_cont_footer_inner { background-position: 0px -125px; } .menue_tiles p.m_name { color: white!important; font-size: 4rem; } p.TabHead { font-size: 4rem; } #extrasidebar01 li.menu-item a.nav-link, #extrasidebar01 li.menu-item.srh a.nav-link, #extrasidebar01 li.menu-item.dekohst a.nav-link { font-size: 48px; } img.ImgQUNGSecondLogo { } /* --- haḿburger alt --- */ #hamAlt { width: 180px; margin-top: 65px; } #box_t_capt_right { margin-top: 58px; } span#r_toggler_caption { font-size: 24px; } /* --- CONTENT --- */ .HeroCover h2 { font-size: 4rem; } .HeroCover p { font-size: 3rem; } } /* ############################################## */ /* .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) { .row.row_hero .container, .container { max-width: 1920px; } .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: 100px; } #c2_cont_footer_inner { background-position: 0px -190px; } .extrasidebar ul#menu-hauptmenue a { font-size: 2.5rem; } /* --------------- BOXY --------------- */ .C2BoxyElementMain { top: calc(50vh - 101px); right: -195px !important; } .C2BoxyElement p { height: 80px; } .C2BoxyElement img.sp_icon_img { width: 69px; height: 69px; } .C2BoxyElement.setright .sp_label { right: -140px; } .C2BoxyElement.setleft .sp_icon, .C2BoxyElement.setright .sp_icon { font-size: 3rem; } /* ------------------------------------ */ } /* .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) { .entry-content{ width:100% } .row.row_hero .container, .container { max-width: 2560px; } #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) {}