/* Theme Name: Omni Elektronik 25.11 Theme URI: Author: eric lacaze | carnier.studio / lacaze-carnier.com / iuno.co Author URI: Description: Theme für Omni Elektronik GmbH 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: */ //.wp-block-spacer { background: repeating-linear-gradient(45deg, #00000020, #00000020 1rem, #ffffff40 1rem, #ffffff40 2rem); } /* hide */ @media (mxn-width: 600px) { .hide-on-mobile { display: none !important; } } @media (min-width: 600px) AND (max-width: 992px) { .hide-on-tablet { display: none !important; } } @media (min-width: 992px) { .hide-on-desktop { display: none !important; } } /* custom logo / logo */ .is-style-iuno-logo { z-index: 1100; } .is-style-iuno-logo img { margin-left: 0rem; width: auto !important; height: 1.5rem !important; aspect-ratio: auto; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .is-style-iuno-intro-logo img { position: relative; margin: 0 auto; width: 80%; aspect-ratio: auto; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } @media (min-width: 992px) { .is-style-iuno-logo img { height: 2rem !important; } html[data-scroll='top'] { .is-style-iuno-logo img { height: 2rem !important; } } } /* group */ .wp-block-group { position: relative; } .is-style-iuno-h-100 { height: auto; padding: 4rem 0 5rem 0; min-height: calc(100vh - 6rem); -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .is-style-iuno-section { padding: 2rem; border-radius: 1rem; } @media (min-width: 992px) { .is-style-iuno-h-100 { padding: 7rem 0 5rem 0; } } :where(.wp-block-group.has-background) { padding: 0; margin: 0; } #iuno-access { position: absolute; top: 0; left: 0; width: 0; height: 0; overflow: hidden; } .is-style-iuno-inner-container { padding: 0 1rem; max-width: 992px; } footer .is-style-iuno-inner-container { padding: 0 4rem; } .is-style-iuno-inner-container.alignwide { max-width: 1392px; } @media (min-width: 600px) { .is-style-iuno-inner-container { padding: 0 1rem; } } @media (min-width: 992px) { .is-style-iuno-inner-container { padding: 0 1rem; } } .is-style-iuno-2x3 { aspect-ratio: 2 / 3; } .is-style-iuno-3x4 { aspect-ratio: 3 / 4; } .is-style-iuno-4x3 { aspect-ratio: 4 / 3; } .is-style-iuno-16x10 { aspect-ratio: 16 / 10; } .is-style-iuno-16x9 { aspect-ratio: 16 / 9; } .is-style-iuno-2x3, .is-style-iuno-3x4, .is-style-iuno-4x3, .is-style-iuno-16x10, .is-style-iuno-16x9 { width: 100%; height: auto; background-position: center center; display: flex; align-items: center; } /* paragraph */ h1, .is-style-iuno-h1 { font-size: 1.875rem; font-weight: 700; line-height: 1.4; margin: 0; padding: 5rem 0 3rem 0; text-transform: uppercase; } h2, .is-style-iuno-h2 { font-size: 1.5rem; font-weight: 700; line-height: 1.4; margin: 0; padding: 0 0 1rem 0; text-transform: uppercase; } h3, .is-style-iuno-h3 { font-size: 1.25rem; font-weight: 700; line-height: 1.4; margin: 0; padding: 1rem 0 1rem 0; text-transform: uppercase; } h4, .is-style-iuno-h4 { font-size: 1rem; font-weight: 700; line-height: 1.4; margin: 0; padding: 0 0 0.5rem 0; } h5, .is-style-iuno-h5 { font-size: 1rem; font-weight: 700; line-height: 1.4; margin: 0; } h6, .is-style-iuno-h6 { font-size: 1rem; font-weight: 700; line-height: 1.4; margin: 0; } .is-style-iuno-ellipsis { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } p, li, dt, dd, dl, address, label, small, pre, code { } 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; } main p a:visited, .is-root-container p a:visited, main p a, .is-root-container p a { color: inherit; position: relative; text-decoration: underline; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } main p a:hover, .is-root-container p a:hover, main p a:focus, .is-root-container p a:focus { color: inherit; text-decoration: none; } /* main p a::after, .is-root-container p a::after { content: ''; position: absolute; bottom: -2px; left: 0; right: 0; width: auto; height: 1px; background-color: var(--iuno-white); -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } main p a:hover::after, .is-root-container p a:hover::after, main p a:focus::after, .is-root-container p a:focus::after { left: 0; right: 0; height: 2px } */ .is-style-iuno-intro { font-size: 1.5rem; text-align: center; font-weight: 700; font-style: italic; margin: 0; } .is-style-iuno-normal { } .is-style-iuno-no-margin { margin-bottom: 0; padding-bottom: 0; } @media (max-width: 800px) { .is-style-iuno-intro { font-size: 1.2rem; } .is-style-iuno-normal { } } .is-style-iuno-2-col { display: grid !important; grid-template-columns: repeat(1, 1fr); grid-template-rows: repeat(1, 1fr); grid-column-gap: 1rem; grid-row-gap: 3rem; } .is-style-iuno-3-col { display: grid !important; grid-template-columns: repeat(1, 1fr); grid-template-rows: repeat(1, 1fr); grid-column-gap: 1rem; grid-row-gap: 3rem; } .is-style-iuno-4-col { display: grid !important; grid-template-columns: repeat(1, 1fr); grid-template-rows: repeat(1, 1fr); grid-column-gap: 1rem; grid-row-gap: 3rem; } .is-style-iuno-5-col { display: grid !important; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(1, 1fr); grid-column-gap: 1rem; grid-row-gap: 3rem; } .is-style-iuno-6-col { display: grid !important; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(1, 1fr); grid-column-gap: 1rem; grid-row-gap: 3rem; } @media (min-width: 700px) { .is-style-iuno-2-col { grid-template-columns: repeat(2, 1fr); } .is-style-iuno-3-col { grid-template-columns: repeat(3, 1fr); } .is-style-iuno-4-col { grid-template-columns: repeat(2, 1fr); } .is-style-iuno-5-col { grid-template-columns: repeat(3, 1fr); } .is-style-iuno-6-col { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 992px) { .is-style-iuno-4-col { grid-template-columns: repeat(4, 1fr); } .is-style-iuno-5-col { grid-template-columns: repeat(5, 1fr); } .is-style-iuno-6-col { grid-template-columns: repeat(6, 1fr); } } .is-style-iuno-v-center { align-self: center; } .is-style-iuno-keyfacts { display: grid !important; grid-template-columns: repeat(1, 1fr); grid-template-rows: repeat(1fr); grid-column-gap: 1rem; grid-row-gap: 0; } .is-style-iuno-keyfacts div.wp-block-group:nth-child(1) { /*grid-area: 1 / 1 / 2 / 2;*/ width: 100%; } .is-style-iuno-keyfacts div.wp-block-group:nth-child(2) { /*grid-area: 1 / 2 / 2 / 5;*/ width: 100%; } .is-style-iuno-keyfacts div.wp-block-group:nth-child(2) p { padding: 0 !important; } /* button */ main .is-style-iuno-button a { color: var(--iuno-white); background-color: var(--iuno-black); padding: 0.5rem 1rem; border-radius: 0; font-weight: 700; text-transform: uppercase; } main .is-style-iuno-button a::after { display: none; } main .is-style-iuno-button a:hover, main .is-style-iuno-button a:active, main .is-style-iuno-button a:focus { background-color: var(--iuno-too-blue); } /* address */ address { font-style: normal; color: var(--iuno-always-white); } address a:hover, address a:focus, address a:active { color: var(--iuno-yellow); } address span { white-space: nowrap; } /* video */ .is-style-iuno-video-auto video { width: auto; max-width: 100%; height: auto; } .is-style-iuno-video-100 video { width: 100%; height: auto; } .is-style-iuno-icon { padding: 1rem; border-radius: 100%; background-color: var(--iuno-winter-blue); } .is-style-iuno-icon img { width: auto; height: 3rem; } .is-style-iuno-product { padding: 1rem; border-radius: 100%; background-color: var(--iuno-white); } .is-style-iuno-product img { width: auto; height: 5rem; aspect-ratio: 1 / 1; object-fit: contain; } .is-style-iuno-lang { position: fixed; bottom: 1rem; left: 0; border-radius: 0 1rem 1rem 0; z-index: 500; } .is-style-iuno-lang .wpml-ls-legacy-list-horizontal { padding: 0; } .is-style-iuno-lang br { display: none; } .is-style-iuno-lang a span { display: none; font-weight: 700; text-transform: uppercase; }