/*
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:
*/

: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-honululu-blue: rgba(43,126,186,1);
																				--iuno-honululu-blue: var(--wp--preset--color--iuno-honululu-blue);
																				--wp--preset--color--iuno-olympic-blue: rgba(88,153,227,1);
																				--iuno-olympic-blue: var(--wp--preset--color--iuno-olympic-blue);
																				--wp--preset--color--iuno-too-blue: rgba(10,166,240,1);
																				--iuno-too-blue: var(--wp--preset--color--iuno-too-blue);
																				--wp--preset--color--iuno-winter-blue: rgba(167,220,252,1);
																				--iuno-winter-blue: var(--wp--preset--color--iuno-winter-blue);
																				--wp--preset--color--iuno-claas-rot: rgba(254,0,1,1);
																				--iuno-claas-rot: var(--wp--preset--color--iuno-claas-rot);
																				--wp--preset--color--iuno-tr-black: rgba(0,0,0,0.5);
																				--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-honululu-blue: rgba(43,126,186,0.5);
																				--iuno-tr-honululu-blue: var(--wp--preset--color--iuno-tr-honululu-blue);
																				--wp--preset--color--iuno-tr-too-blue: rgba(10,166,240,0.5);
																				--iuno-tr-too-blue: var(--wp--preset--color--iuno-tr-too-blue);
																			}

/* structure */
* 																			{	font-family: 'urw-din-semi-condensed', sans-serif; }
body																		{   position: relative; background-color: var(--iuno-too-blue); color: var(--iuno-white); width: 100%; z-index: +10; max-width: 100vw; margin: 0; padding: 0; overflow-x: hidden;
																				background-image: none !important; min-height: 100vh; }
body::before																{   content: ''; position: fixed; display: block; z-index: -1;
																				top: 0; left: 0; right: 0; width: 100vw; height: 100vh; margin: 0; padding: 0; border-radius: 1rem; opacity: 0.53;
																				background-image: url('https://www.omni-elektronik.de/wp-content/uploads/2025/11/omni-background.png'); 
																				background-position: center center !important; background-size: cover !important; background-repeat: no-repeat !important;
																				-webkit-transition: filter 1s ease-in-out; -moz-transition: filter 1s ease-in-out; transition: filter 1s ease-in-out; }
html[data-scroll='top'] {
	header::before															{	opacity: 0; }
}

header																		{	position: fixed; top: 0; margin: 0; padding: 1rem 0; height: auto; width: 100vw; z-index: 1000; }
header::before																{	content: ''; position: absolute; display: block; z-index: -1; opacity: 1; background-color: var(--iuno-too-blue);
																				top: 0; left: 0; right: 0; bottom: 0; width: auto; height: 3.5rem; margin: 0; padding: 0; border-radius: 0;
																				-webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; }

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-too-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-too-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-too-blue) !important; }

header .logo-row															{	position: relative; z-index: 1000; }
header .logo-row .logo-row-inner											{	position: absolute; left: 1rem; width: calc(100% - 6rem);
																				-webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
header .cert																{	column-gap: 1rem; }
header .menu-row															{	position: relative; z-index: 900; }
header nav .mobile-padding-top												{	padding-top: 5rem !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; }
	header .logo-row .logo-row-inner										{	position: absolute; width: calc(100% - 2rem); }
	header .cert															{	column-gap: 1rem; padding-right: 0; }
	
}

main								                                        {	position: relative; z-index: 10; padding: 0; }
section																		{	margin: 0 auto; }

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; }

@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-ocean-color 										{	color: var(--iuno-ocean) !important; }
.has-text-color.has-iuno-eclipse-color 										{	color: var(--iuno-too-blue) !important; }
.has-text-color.has-iuno-gold-color 										{	color: var(--iuno-gold) !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); }

.hero .kt-row-column-wrap													{	grid-template-columns: minmax(0, 1fr) !important; grid-auto-rows: minmax(0, 1fr) !important; }