/*
Theme Name: HKO Theme
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  HKO
*/

.awb-menu__i_main {
    width: 40px!important;
    padding: 0 20px;
}
.poly {
    max-width: 700px!important;
    width: 700px;
    margin-left: -450px;
}
.poly2 {
	transform: rotate(37deg)!important;
    top: -262px!important;
    position: relative!important;
    right: 79px!important;
}
.ico-jobs .glyphicon{
    font-size:17px;
}
.ico-contact .glyphicon{
    font-size:16px;
}
#content {
    min-height: 0px!important;
}
body.home{
	background:#000!important;
}
.subheading p{
	text-shadow: 0px 2px 10px rgba(0,0,0,0.9);
}
#main{
	background: #2c3645!important;
}
.fusion-text a{
    font-family: "Poppins"!important;
	font-weight: 600!important;
	text-transform: uppercase;
	font-size: 18px!important;
}
.fusion-text.leist-nav a{
    font-family: "Inter"!important;
	font-weight: 400!important;
	text-transform: uppercase;
	font-size: 18px!important;
    margin-right: 30px;
    display: inline-block;
    margin-bottom: 5px;
}

.bg-animation > .fusion-column-wrapper{
    
}
.bg-animation > .fusion-column-wrapper > *{
    z-index: 1!important;
}
.fusion-column-inner-bg > .fusion-column-anchor::before{
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(40,47,61,1)!important;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 20px;
    transition: all 0.3s ease;
    
}
.fusion-column-inner-bg > .fusion-column-anchor:hover::before{
    background:rgba(40,47,61,0)!important;
}
.bg-animation .fusion-column-wrapper:hover .fusion-text a{
	color:#fff!important;
}
.bg-animation > .fusion-column-wrapperx:hover::before{
    background:rgba(40,47,61,0)!important;
}
.bg-animation > .fusion-column-wrapper .fusion-title h3{
     transition: all 0.3s ease; 
}
.bg-animation > .fusion-column-wrapper:hover .fusion-title h3{
     color:#fff!important;   
}
#main{
    position:relative;
}
.fullwidth-video {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    min-height: 100%;
    min-width: 100%;
    -webkit-transform-style: preserve-3d;
    overflow: hidden;
}
.fullwidth-video video {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    min-height: 100%;
    min-width: 100%;
    height: 100%;
    width: auto;
    -o-object-fit: cover;
    object-fit: cover;
    transform: translate(-50%,-50%);
}
.ico-height{
    max-height: 56px;
    height: 56px;
}
.ico-height img{
    max-height: 56px;
}
.fusion-li-icon.hko-e-mail{
	font-size:13px;
}

.defaultlinks a{
    font-family: var(--body_typography-font-family)!important;
    font-weight: 400!important;
    text-transform: none!important;
}
.fusion-tabs.clean.about .nav-tabs li {
    margin-bottom: 0px!important;
}
.fusion-tabs.clean.about .nav-tabs li.active {
    margin-bottom: 0px!important;
}
.fusion-tabs.clean.about .nav-tabs li.active a {
    border-right: 1px solid var(--awb-background-color)!important;
}
.fusion-tabs.clean.about .nav-tabs li:first-child a {
    border-top-left-radius: 20px!important;
}
.fusion-tabs.clean.about .nav-tabs li:last-child a {
    border-bottom-left-radius: 20px!important;
}
.fusion-tabs.clean.about .tab-content{
    background-color: var(--awb-background-color)!important;
    border:1px solid #418AFE!important;
    border-radius: 0px 20px 20px 20px;
    color:#fff!important;
    padding-bottom: 30px!important;
}
.fusion-tabs.clean.about .tab-content .tab-pane.active{
    display:flex!important;
    flex-direction: column!important;
}
.fusion-tabs.clean.about .tab-content .panelnav{
    margin-top:auto!important;
}
.fusion-tabs.clean.about .tab-content h3{
    color:#418AFE!important;
}
.fusion-tabs.clean.about .tab-content .tab-pane ul{
    margin-top:0px;
    list-style: none!important;
    padding-left: 1em!important;
}
.fusion-tabs.clean.about .tab-content .tab-pane ul li::before {
  content: "\2022"; 
  color: #418AFE; 
  font-weight: bold; 
  display: inline-block; 
  width: 1em; 
  margin-left: -1em; 
}
.fusion-tabs .panelnav a {
  text-transform: uppercase;
}
.fusion-tabs .panelnav a.pre::before {
  content: "\2039"; 
  color: #418AFE; 
  display: inline-block; 
  width: 15px; 
  font-size: 22px;
}
.fusion-tabs .panelnav a.next::after {
  content: "\203A"; 
  color: #418AFE; 
  display: inline-block; 
  width: 15px; 
  font-size: 22px;
    text-align: right;
}

@media screen and (max-width: 1600px){
    .leistungen .fusion-layout-column{
        width:50%;
    } 
}
@media screen and (max-width: 1024px){
	body{
		min-height: 100vh;
	}
    .fusion-tabs.clean.about .nav-tabs li a {
        border: none!important;
    }
    .fusion-tabs.clean.about .tab-content{
        border:1px solid #418AFE!important;
        border-radius: 20px 20px 20px 20px;
        color:#fff!important;
        padding-bottom: 0px!important;
        overflow: hidden;
    }
    .fusion-tabs.clean.about .nav-tabs li:first-child a {
        border-top-left-radius: 0px!important;
        border-top-right-radius: 0px!important;
        border-bottom-left-radius: 0px!important;
         border-bottom-right-radius: 0px!important;
    }
    .fusion-tabs.clean.about .nav-tabs li:last-child a {
        border-bottom-left-radius: 0px!important;
         border-bottom-right-radius: 0px!important;
        border-top-left-radius: 0px!important;
        border-top-right-radius: 0px!important;
    }
    .fusion-mobile-tab-nav{
        border-top: 1px solid #418AFE!important;
    }
    .tab-content .fusion-mobile-tab-nav:first-child{
        border-top:none!important;
    }
    .fusion-tabs.clean .tab-content .tab-pane{
        margin-top:0px!important;
    }
    .fusion-tabs.clean .tab-content .tab-pane h3{
        word-break: break-word!important;
    }
    
    .fullwidth-video {
        display:none!important;
    }
	.side-header .fusion-tb-header {
		background-color: #282F3D!important;
	}
	:root{
     --side_header_width:90px!important;
    }
    .side-header .fusion-tb-header,.side-header .fusion-tb-header:before {
        -webkit-box-shadow: inset -2px 0px 0px 0px #418AFE; 
        box-shadow: inset -2px 0px 0px 0px #418AFE;

    }
    .fusion-tb-footer .fusion-fullwidth{
        
    }
    .ico-jobs .glyphicon{
        font-size:24px!important;
    }
    .ico-contact .glyphicon{
        font-size:22px!important;
    }
    .off-canvas-content .ico-jobs .glyphicon{
        font-size:21px!important;
    }
    .off-canvas-content .ico-contact .glyphicon{
        font-size:19px!important;
    }
    .off-canvas-content .closex .glyphicon{
        font-size: 35.2px!important;
        line-height: 1!important;
    }
	.fusion-text.leist-nav a{
        display: block;
    }
}
@media only screen and (max-width:640px){
    
    
    
    :root{
     --side_header_width:0px!important;
    }
    .leistungen .fusion-layout-column{
        width:100%;
    } 
    .ico-jobs .glyphicon{
        font-size:22px!important;
    }
    .ico-contact .glyphicon{
        font-size:20px!important;
    }
    .off-canvas-content .ico-jobs .glyphicon{
        font-size:19px!important;
    }
    .off-canvas-content .ico-contact .glyphicon{
        font-size:18px!important;
    }
	.hko-menu.mobopen{
		position: fixed!important;
		right: 25px!important;
		bottom: 30px!important;
		margin-right: 0px!important;
		margin-top: 0px!important;
		-webkit-tap-highlight-color: transparent!important;
		box-shadow: 0px 5px 20px 0px rgba(29,29,27,0.6);
	}
	.mobclose{
		position: fixed;
		right: 5px;
		bottom: 30px;
	}
	.awb-off-canvas-inner,.off-canvas-content{
		overflow:visible!important;
	}
	.closex {
		margin-bottom:0px!important;
	}
	.closex a {
		position: fixed!important;
		right: 25px!important;
		bottom: 30px!important;
		text-align: right!important;
		justify-content: end!important;
		-webkit-tap-highlight-color: transparent!important;
		padding: 0px!important;
		max-width: 70.4px!important;
		width: 70.4px!important;
	}
	.closex span.fusion-megamenu-icon{
		background: #418AFE!important;
		padding-right: 0px!important;
		border-radius: 50%!important;
		width: 100%!important;
		height: 70.4px!important;
		box-shadow: 0px 5px 20px 0px rgba(29,29,27,0.6);
	}
	.closex span.menu-text {
		display: none!important;
	}
    body #content {
        margin-bottom: 0px!important;
    }
    .off-canvas-content nav.awb-menu{
        margin-top:20px!important;
    }
	.fusion-page-title-barc h1{
		font-size:50px!important;
	}
	body {
    background-size: 700px!important;
    background-position: center bottom!important;
    }
	
}
@media only screen and (max-width:410px){
	.awb-off-canvas-wrap .awb-off-canvas {
		width: 260px!important;
	}
	.awb-menu .awb-menu__main-ul {
		font-size: 18px!important;
	}
	.awb-menu_v-stacked .awb-menu__main-li {
		padding-bottom: 0px!important;
		margin-bottom: 0!important;
	}
}