/*
Theme Name: IsoTek 2026
Author: Feinkost Lehmann Entertainment
Version: 1.0
Author URI: http://www.FeinkostLehmann.de/
Description: Dieses responsive Theme und alle enthaltenen Templates sind exklusiv für die Website von IsoTek Systems.
Tags: IsoTek, Clean Power, Filter, Power Bars, Power Line Cleaners, Isolation Transformers, Power Supply Units, Sine Wave Generators, Programable Power Management, SMART Power, Power Cables, Connectors
*/

/*----------------------------------Fonts----------------------------------*/
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v27-latin-regular.eot'); 
  src: local(''),
       url('fonts/open-sans-v27-latin-regular.eot?#iefix') format('embedded-opentype'), 
       url('fonts/open-sans-v27-latin-regular.woff2') format('woff2'), 
       url('fonts/open-sans-v27-latin-regular.woff') format('woff'), 
       url('fonts/open-sans-v27-latin-regular.ttf') format('truetype'), 
       url('fonts/open-sans-v27-latin-regular.svg#OpenSans') format('svg'); 
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/open-sans-v27-latin-700.eot'); 
  src: local(''),
       url('fonts/open-sans-v27-latin-700.eot?#iefix') format('embedded-opentype'), 
       url('fonts/open-sans-v27-latin-700.woff2') format('woff2'), 
       url('fonts/open-sans-v27-latin-700.woff') format('woff'), 
       url('fonts/open-sans-v27-latin-700.ttf') format('truetype'), 
       url('fonts/open-sans-v27-latin-700.svg#OpenSans') format('svg'); 
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/open-sans-v27-latin-800.eot'); 
  src: local(''),
       url('fonts/open-sans-v27-latin-800.eot?#iefix') format('embedded-opentype'), 
       url('fonts/open-sans-v27-latin-800.woff2') format('woff2'), 
       url('fonts/open-sans-v27-latin-800.woff') format('woff'), 
       url('fonts/open-sans-v27-latin-800.ttf') format('truetype'), 
       url('fonts/open-sans-v27-latin-800.svg#OpenSans') format('svg');
}
@font-face {
  font-family: 'MunTa';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/MunTa.eot'); 
  src: local(''),
       url('fonts/MunTa.eot?#iefix') format('embedded-opentype'), 
       url('fonts/MunTa.woff2') format('woff2'), 
       url('fonts/MunTa.woff') format('woff'), 
       url('fonts/MunTa.ttf') format('truetype'), 
       url('fonts/MunTa.svg#MunTa') format('svg');
}

/*----------------------------------Main----------------------------------*/
* {
	outline-width: 0;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 22px;
    color: #050000;
}
body.fixed {
    overflow: hidden;
}
.clearfix {
	float: none;
	clear: both;
}
.full {
	max-width: 1224px;
	padding: 0 25px;
	margin: 0 auto;
}
.wrapper {
    max-width: 1500px;
	padding: 0 25px;
	margin: 0 auto;
    width: calc(100% - 50px);
}
.outer_wrapper {
	max-width: 1290px;
	margin: 0 auto;
    width: calc(100% - 50px);
}
.inner_wrapper {
	max-width: 970px;
	padding: 0 25px;
	margin: 0 auto;
    width: calc(100% - 50px);
}
a {
	text-decoration: none;
	color: #0688bb;
}
a:hover {
	color: #050000;
}
p {
    margin: 0 0 15px 0;
}
b, strong {
    font-weight: 700;
}
i, em {
    font-style: italic;
}
h1, h2 {
    position: relative;
    text-align: center;
    display: block;
    width: 100%;
    font-family: 'MunTa', sans-serif;
    letter-spacing: -0.04em;
    margin: 0 0 1.6% 0;
    line-height: 0.9em;
}
h3 {
    margin: 10px 0 15px 0;
    font-family: 'MunTa', sans-serif;
    font-size: clamp(30px, 4vw, 54px);
	line-height: 0.8em;
    letter-spacing: -0.04em;
}
h3.seghead {
    display: inline-block;
    width: auto;
    margin: -10% auto 30px auto;
    padding: 10px 30px 10px 30px;
    background-color: #fff;
}
h4 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 17px;
}
h5 {
    position: absolute;
    display: inline-block;
    left: 50%; 
    transform: translateX(-50%);
    font-weight: 700;
    font-size: 17px;
    padding: 0 26px;
    background-image: url("images/Next.svg");
    background-repeat: no-repeat;
    background-size: 14px 14px;
    background-position: center right;
}

/*----------------------------------Header----------------------------------*/
#smarttrigger {
    display: none;
}
header {
    position: absolute;
	width: 100%;
	height: 100px;
    background-color: rgba(255,255,255,0.95);
    transition: ease all 0.5s;
    z-index: 1005;
}
header.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1005;
    /*border-bottom: 1px solid #ddd;*/
}
#headerlogo {
    position: absolute;
    top: 0; 
	width: 80px;
    margin: 19px 5px 0 0;
	aspect-ratio: 4000/2790;
    background-size: contain;
    background-position: center center;
}
.menu_wrapper {
    margin: 50px auto 0 auto;
}
#menu {
    padding: 0 0 0 0;
    font-size: 13px; 
    float: left;
}
@media (max-width: 1543px) {
	#menu {
		margin: 0 0 0 80px;
	}
}
#menu ul li {
    display: inline-block;
    margin: 0 25px 0 0;
}
#menu ul li ul {
    position: absolute;
    padding: 3px 10px;
    background-color: rgba(255,255,255,0.95);
    display: none;
}
#menu ul li ul li {
    display: block;
    margin: 5px 0 2px 0;
}
#menu .menu-item-has-children {
    padding: 0 14px 0 0;
    background-image: url("images/MenuArrow.svg");
    background-repeat: no-repeat;
    background-position: right 7px;
    background-size: 9px 9px;
}
#menu a {
    color: #050000;
}
#menu a:hover, .current_page_item a {
    color: #0688bb !important;
}
#searchfield {
    height: 38px;
    width: 50%;
    margin: -9px 0 0 0;
    padding: 0 10px 0 32px;
    background-color: #f5f5f5;
    border-radius: 5px;
    border: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    background-image: url("images/MagnifingGlass.svg");
    background-repeat: no-repeat;
    background-position: left 10px center;
    background-size: 15px 15px;
    float: right;
}
@media (max-width: 11102px) {
	#searchfield {
		width: calc(100% - 550px);
        /*margin: -9px -15px 0 0;*/
	}
}
.headerspace {
    position: relative;
    width: 100%;
    height: 100px;
}
.headerspace.sticky {
    width: 100%;
    height: 100px;
}
/*----------Placeholder-----------*/
:focus {outline: none !important;}
input::-webkit-input-placeholder {color: #555;}
::-webkit-input-placeholder {color: #555;} 
:-moz-placeholder {color: #555;}  
::-moz-placeholder {color: #555;}   
:-ms-input-placeholder {color: #555;}   
::-ms-input-placeholder {color: #555;}  
::placeholder {color: #555;} 

/*----------------------------------Module----------------------------------*/

.mod_spacer {
    display: block;
    width: 100%;
}
/*----------Headline----------*/
.head_divider {
    display: block;
    margin: 0 0 3% 0;
    width: 100%;
    height: 1px;
    background-color: #050000;
}
.module_headline {
    position: relative;
    text-align: center;
    width: 100%;
    height: 1px;
    background-color: #050000;
    margin: 30px auto 5% auto;
}
.divider_below {
    display: block;
    margin: 0;
    width: 100%;
    height: 1px;
    background-color: #050000;
}

/*----------Image/Slider----------*/
.slide_image {
    position: relative;
    display: block;
    margin: 0 0 50px 0;
    aspect-ratio: 3/2;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.slideshow {
    position: relative;
}
.slideshow .rsOverflow {
    overflow: hidden !important;
    margin: 0 0 40px 0;
}
.slider_divider_top {
    width: 100%;
    height: 1px;
    margin: 0 0 3% 0;
    background-color: #fff;
}
.slider_head_box {
    position: absolute;
    bottom: 12%;
    width: 70%;
    margin: 0 15%;
    text-align: center;
    display: block;
    font-family: 'MunTa', sans-serif;
    letter-spacing: -0.04em;
    line-height: 4.3em;
    color: #fff;
    text-shadow: 0 0 10px rgba(0,0,0,0.4);
}
.slider_divider_bottom {
    width: 100%;
    height: 1px;
    margin: 1.3% 0 0 0;
    background-color: #fff;
}

/*----------2 Columns----------*/
.left30 {
    width: 36%;
    text-align: justify;
    float: left;
}
.left50 {
    width: 46%;
    text-align: justify;
    float: left;
}
.left70 {
    width: 56%;
    text-align: justify;
    float: left;
}
.right30 {
    width: 36%;
    text-align: justify;
    float: right;
}
.right50 {
    width: 46%;
    text-align: justify;
    float: right;
}
.right70 {
    width: 56%;
    text-align: justify;
    float: right;
}

/*----------3 Columns----------*/
.left_3 {
    width: 30%;
    float: left;
}
.center_3 {
    width: 30%;
    margin: 0 5%;
    float: left;
}
.right_3 {
    width: 30%;
    float: right;
}

/*----------3 Teaser----------*/
.single_teaser {
    width: 60%;
    margin: 0 auto -6px auto;
    overflow: hidden;
}
.teaser_img {
    width: 100%;
    height: auto;
    border-radius: 7px;
}
.single_teaser .teaser_img {
    width: 100%;
    height: auto;
    border-radius: 0;
}
.single_teaser.small {
    max-width: 400px;
}
.teaser_left {
    position: relative;
    width: 32%;
    margin: 0 0 0 1%;
}
.teaser_center {
    position: relative;
    width: 32%;
    margin: 0 1%;
}
.teaser_right {
    position: relative;
    width: 32%;
    margin: 0 1% 0 0;
}
.teaser_text {
    position: absolute;
    display: block;
    width: 100%;
    bottom: 12%;
    font-family: 'MunTa', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    text-align: center;
}

/*----------Video----------*/
.module.video .content img {
    width: 100% !important;
    height: auto;
}
.module.video .content {
    position: relative;
    overflow: hidden;
}
.module.video .content .image.client {
    position: relative;
    overflow: hidden;
    margin: 0 0 4% 0;
}
.module.video .content .videoframe.client {
    position: relative;
    overflow: hidden;
    margin: 0 0 4%;
}



/*----------------------------------Content----------------------------------*/
img.alignright {float: right; margin: 0 0 1em 1em;}
img.alignleft {float: left; margin: 0 1em 1em 0;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.alignright {float: right; }
.alignleft {float: left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto;}

/*----------------------------------Footer----------------------------------*/
footer {
    width: 100%;
    margin: 30px 0 0 0;
	padding: 50px 0 20px 0;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    overflow: hidden;
}
footer a {
	color: #0688bb;
}
footer a:hover {
	color: #050000;
}
.somelogo {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 3px 0 0;
    border-radius: 3px;
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    transition: all 0.2s ease-in-out;
}
.somelogo:hover {
    background-position: center bottom;
}
.footercolumn {
    width: 25%;
    float: left;
}