/* Theme Name: Canalpride 25.11 Theme URI: Author: eric lacaze | carnier.studio / lacaze-carnier.com / iuno.co Author URI: Description: Theme für canalpride.berlin Requires at least: 6.0 Tested up to: 6.8.3 Requires PHP: 8.1 Version: 2025.11 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: theme-iuno-omni-elektronik Tags: */ @font-face { font-display: swap; font-family: 'Montserrat'; font-style: normal; font-weight: 200; src: url('assets/fonts/montserrat/montserrat-v31-latin-200.woff2') format('woff2'), url('assets/fonts/montserrat/montserrat-v31-latin-200.woff') format('woff'); } @font-face { font-display: swap; font-family: 'Montserrat'; font-style: italic; font-weight: 200; src: url('assets/fonts/montserrat/montserrat-v31-latin-200italic.woff2') format('woff2'), url('assets/fonts/montserrat/montserrat-v31-latin-200italic.woff') format('woff'); } @font-face { font-display: swap; font-family: 'Montserrat'; font-style: italic; font-weight: 300; src: url('assets/fonts/montserrat/montserrat-v31-latin-300italic.woff2') format('woff2'), url('assets/fonts/montserrat/montserrat-v31-latin-300italic.woff') format('woff'); } @font-face { font-display: swap; font-family: 'Montserrat'; font-style: italic; font-weight: 400; src: url('assets/fonts/montserrat/montserrat-v31-latin-italic.woff2') format('woff2'), url('assets/fonts/montserrat/montserrat-v31-latin-italic.woff') format('woff'); } @font-face { font-display: swap; font-family: 'Montserrat'; font-style: normal; font-weight: 500; src: url('assets/fonts/montserrat/montserrat-v31-latin-500.woff2') format('woff2'), url('assets/fonts/montserrat/montserrat-v31-latin-500.woff') format('woff'); } @font-face { font-display: swap; font-family: 'Montserrat'; font-style: italic; font-weight: 500; src: url('assets/fonts/montserrat/montserrat-v31-latin-500italic.woff2') format('woff2'), url('assets/fonts/montserrat/montserrat-v31-latin-500italic.woff') format('woff'); } @font-face { font-display: swap; font-family: 'Montserrat'; font-style: italic; font-weight: 600; src: url('assets/fonts/montserrat/montserrat-v31-latin-600italic.woff2') format('woff2'), url('assets/fonts/montserrat/montserrat-v31-latin-600italic.woff') format('woff'); }@font-face { font-display: swap; font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: url('assets/fonts/montserrat/montserrat-v31-latin-700.woff2') format('woff2'), url('assets/fonts/montserrat/montserrat-v31-latin-700.woff') format('woff'); } @font-face { font-display: swap; font-family: 'Montserrat'; font-style: italic; font-weight: 700; src: url('assets/fonts/montserrat/montserrat-v31-latin-700italic.woff2') format('woff2'), url('assets/fonts/montserrat/montserrat-v31-latin-700italic.woff') format('woff'); } @font-face { font-display: swap; font-family: 'Montserrat'; font-style: italic; font-weight: 800; src: url('assets/fonts/montserrat/montserrat-v31-latin-800italic.woff2') format('woff2'), url('assets/fonts/montserrat/montserrat-v31-latin-800italic.woff') format('woff'); } @font-face { font-display: swap; font-family: 'Montserrat'; font-style: italic; font-weight: 900; src: url('assets/fonts/montserrat/montserrat-v31-latin-900italic.woff2') format('woff2'), url('assets/fonts/montserrat/montserrat-v31-latin-900italic.woff') format('woff'); } :root { color-scheme: light; --content-width : 992px; --wide-width : 1392px; --headerHeight: 4.5rem; } html:not(.is-dark-mode), html.is-dark-mode { --wp--preset--color--iuno-black: rgba(0,0,0,1); --iuno-black: var(--wp--preset--color--iuno-black); --wp--preset--color--iuno-white: rgba(255,255,255,1); --iuno-white: var(--wp--preset--color--iuno-white); --wp--preset--color--iuno-blue: rgba(0,45,170,1); --iuno-blue: var(--wp--preset--color--iuno-blue); --wp--preset--color--iuno-pink: rgba(255,0,104,1); --iuno-pink: var(--wp--preset--color--iuno-pink); --wp--preset--color--iuno-orange: rgba(255,102,54,1); --iuno-orange: var(--wp--preset--color--iuno-orange); --wp--preset--color--iuno-tr-black: rgba(0,0,0,0.05); --iuno-tr-black: var(--wp--preset--color--iuno-tr-black); --wp--preset--color--iuno-tr-white: rgba(255,255,255,0.5); --iuno-tr-white: var(--wp--preset--color--iuno-tr-white); --wp--preset--color--iuno-tr-blue: rgba(0,45,170,0.5); --iuno-tr-blue: var(--wp--preset--color--iuno-tr-blue); --wp--preset--color--iuno-tr-pink: rgba(255,0,104,0.5); --iuno-tr-pink: var(--wp--preset--color--iuno-tr-pink); --wp--preset--color--iuno-tr-orange: rgba(255,102,54,0.5); --iuno-tr-orange: var(--wp--preset--color--iuno-tr-orange); } /* structure */ * { font-family: 'Montserrat', sans-serif; font-weight: 500; } body { position: relative; background-color: var(--iuno-white); color: var(--iuno-blue); width: 100%; z-index: +10; max-width: 100vw; margin: 0; padding: 0; overflow-x: hidden; background-image: none !important; min-height: 100vh; } header { position: relative; top: 0; margin: 0; padding: 1rem 0; height: auto; width: 100vw; z-index: 1000; } /* header nav { margin-top: 0.2rem; z-index: 1000 } header nav a { text-transform: uppercase; font-weight: 700; letter-spacing: 1.5px; font-size: 1rem; line-height: 1; } header nav a { color: var(--iuno-black); } header nav .current-menu-item a { color: var(--iuno-white) !important; } header nav a:hover, header nav a:active { color: var(--iuno-white) !important; text-decoration: underline; } header nav ul { column-gap: 2rem !important; row-gap: 0.5rem !important; } header nav ul ul { padding-top: 0 !important; } header nav li.wp-block-navigation-item { padding: 0; } header nav .wp-block-navigation__responsive-container.has-modal-open.is-menu-open { padding: 1rem 1rem; background-color: var(--iuno-blue) !important; color: var(--iuno-white) !important; } @media (min-width: 992px) { header::before { height: auto; } header nav .wp-block-navigation__responsive-container.has-modal-open.is-menu-open { padding: 1rem 1rem; } header nav ul { justify-content: space-between !important; } } header nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { padding-top: 0; } header nav .wp-block-navigation__responsive-container.has-modal-open.is-menu-open .wp-block-navigation__responsive-dialog { height: calc(100% - 3rem) !important; } header nav .wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close { top: -3rem; } header nav .wp-block-navigation__responsive-container.has-modal-open.is-menu-open .wp-block-navigation__responsive-container-content { margin: 3rem 0 0 0; height: 100%; overflow: scroll; } header nav .wp-block-navigation__responsive-container.has-modal-open.is-menu-open .wp-block-navigation__responsive-close, header nav .wp-block-navigation__responsive-container.has-modal-open.is-menu-open .wp-block-navigation__responsive-dialog, header nav .wp-block-navigation__responsive-container.has-modal-open.is-menu-open .wp-block-navigation__responsive-container-content { height: 100%; } header nav .wp-block-navigation__responsive-container.has-modal-open.is-menu-open .wp-block-navigation__container.is-responsive.wp-block-navigation { width: 100%; align-items: center; justify-content: center } header nav .wp-block-navigation__responsive-container.has-modal-open.is-menu-open li a { padding: 0.5rem 0.75rem !important; font-size: 1.15rem; } header nav .wp-block-navigation__responsive-container.has-modal-open.is-menu-open ul { display: grid !important; grid-column-gap: 0; grid-row-gap: 1rem; padding: 0 0 0 0; align-self: center; } @media (min-width: 992px) { header nav .wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu { padding-right: 1rem; } header nav .wp-block-navigation__submenu-container.wp-block-navigation-submenu { padding-top: 3rem !important; margin-left: -1rem; margin-top: -2rem; z-index: -1 !important; background-color: var(--iuno-blue) !important; } } header nav .wp-block-navigation__responsive-container.has-modal-open.is-menu-open a.wp-block-navigation-item__content { width: 100%; text-align: center; display: block !important; } header nav ul ul .wp-block-navigation-item { background-color: var(--iuno-blue) !important; } header nav .is-style-iuno-only-mobile { display: none !important; } header nav .wp-block-navigation__responsive-container.has-modal-open.is-menu-open .is-style-iuno-only-mobile { display: flex !important; } @media (min-width: 992px) { header nav ul { padding-top: 4rem !important; } header nav .wp-block-navigation__responsive-container.has-modal-open.is-menu-open ul { padding: 0 0 3rem 0 !important; } } */ main { position: relative; z-index: 10; padding: 0; } section { margin: 0 auto; } header button { font-size: 1.25rem !important; } header .wc-block-mini-cart__badge { font-size: 0.75rem; } header nav .wp-block-navigation__responsive-container-content { gap: 1rem; } header nav .is-style-iuno-margin-bottom { padding-bottom: 2rem; } header .wp-block-image.alignfull { margin: 0; } header .is-style-iuno-logo { z-index: 1000; } header nav { z-index: 950; } header .wp-block-navigation__responsive-container.is-menu-open { max-width: 400px; border-right: 2px solid var(--iuno-orange); box-shadow: 50px 0 50px rgba(0,0,0,0.15); } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item, header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list { align-items: end; width: 100%; justify-content: center; } header .wc-block-components-drawer__screen-overlay { background: transparent; } header .wc-block-components-drawer__screen-overlay--with-slide-out .wc-block-components-drawer { border-left: 2px solid var(--iuno-pink); box-shadow: -50px 0 50px rgba(0,0,0,0.15); } header .wp-block-navigation__responsive-container-content { min-height: 90vh; } header ul.wp-block-navigation__container { justify-content: center; } header .wp-block-navigation .wp-block-navigation-item__label { font-weight: 700; color: inherit; } header .wp-block-navigation-item__content { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } header .wp-block-navigation-item__content:hover, header .wp-block-navigation-item__content:active, header .wp-block-navigation-item__content:focus { color: var(--iuno-orange) !important; } footer { position: relative; z-index: 20; padding: 1rem 0 2rem 0; } footer nav ul { justify-content: center !important; column-gap: 2rem !important; row-gap: 1rem !important; } footer nav a { text-transform: uppercase; font-weight: 600; font-size: 0.875rem; line-height: 1; } footer nav a:hover, footer nav a:focus { text-decoration: underline; } footer p { line-height: 1rem; font-size: 0.8rem; font-weight: bold; margin: 0; padding: 0; } p, li, dt, dd, dl, address, label, small, pre, code { margin-block-start: 0 !important; margin-block-end: 0 !important; } p, li, dt, dd, dl, address, label, pre, code { font-size: 1rem; line-height: 1.4; } p { padding: 0 0 1rem 0; } ul { padding: 0 0 1rem 2rem; } b, strong { font-weight: 700; } /* @media (min-width: 0px) { .wp-block-navigation__responsive-container-open { display: block !important; position: absolute; top: 0; right: 0; } .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none !important; } .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close { display: block !important! } } @media (min-width: 992px) { .wp-block-navigation__responsive-container-open { display: none !important; } .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: block !important; } .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close { display: none !important; } } .is-layout-constrained.alignwide > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { max-width: var(--wp--style--global--wide-size); } .is-layout-constrained.alignwide > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { max-width: var(--wp--style--global--wide-size); } #team .is-layout-constrained.alignwide > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { max-width: 1030px; } .has-text-color.has-iuno-blue-color { color: var(--iuno-blue) !important; } .has-text-color.has-iuno-pink-color { color: var(--iuno-pink) !important; } .has-text-color.has-iuno-orange-color { color: var(--iuno-orange) !important; } .has-text-color.has-iuno-black-color { color: var(--iuno-black) !important; } .has-text-color.has-iuno-white-color { color: var(--iuno-white) !important; } p.has-background.has-iuno-transparent-background-color { border-radius: 1rem; padding: 0.5rem 1rem; margin: 0 auto; width: auto; display: inline-block; position: relative; } p.has-background.has-iuno-transparent-background-color a { color: var(--iuno-white); } p.has-background.has-iuno-transparent-background-color a:hover, p.has-background.has-iuno-transparent-background-color a:active, p.has-background.has-iuno-transparent-background-color a:focus { color: var(--iuno-paper); } */ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: absolute; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; }