/* CSS Document */

@import url("../../../include/font-awesome/css/font-awesome.min.css");

/* Basis-CSS */

* {	box-sizing : border-box;}

html, body {margin : 0; padding : 0; overflow-x: hidden; font-family:"ITC Avant Garde Gothic W01 Bk"; font-style: normal; font-size: 18px; -webkit-font-smoothing: antialiased !important; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; color: #062047;}
.section_anchor {position: absolute;top: -140px;}
.pt110{padding-top: 110px;}
.noshow{display: none;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.text-left{text-align: left;}
.img-center{margin: auto;}
.img-right{float: right;}
.img-left{float: left;}
.nopadding {padding: 0 !important; margin: 0 !important;}

a{color: #062047;}
a:hover, a:focus {color: #062047;}
a:link, a:hover{text-decoration: none !important;}
td.captcha_expl {padding-left: 5px !important;}

.avantgardedemi{font-family: "ITC Avant Garde Gothic W01 Dm";font-style: normal;font-weight: 400;}
.avantgarderegular{font-family:"ITC Avant Garde Gothic W01 Bk";font-style: normal;font-weight: 400;}

img {max-width: 100%;}

.brand-logo{max-width: 160px;}

.language-menubox {position: fixed;top: 0px;right: 5px;z-index: 100000000000000000000000;}
#langmenu img {border: 0; padding-right: 2px; max-width: 25px; margin-right: 6px;}

.socialicons{max-height: 32px;}
.telmail {display: inline-block; width: 3.2em;}
.caltimeloc {display: inline-block; width: 3.2em;}

.text-black, .text-black a, a.text-black{color: #000000 !important;}
.text-grey, .text-grey a, a.text-grey{color: #282727 !important;}
.text-white, .text-white a, a.text-white{color: #FFFFFF !important;}
.text-blue, .text-blue a, a.text-blue{color: #062047 !important;}

.shadow {box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;}

.bg-white,
.bg-grey,
.bg-darkblue {
    position: relative;
    overflow: hidden;
}

.bg-white{
    background: linear-gradient(180deg, #ffffff 0%, #f8f9fc 100%) !important;
}

.bg-grey{
    background: linear-gradient(180deg, #efeff5 0%, #e6e7f0 100%) !important;
}

.bg-grey::before{
    content:"";
    position:absolute;
    top:-40%;
    right:-20%;
    width:60%;
    height:200%;
    background: rgba(0,0,0,0.03);
    transform: rotate(25deg);
    opacity:0.6;
    pointer-events:none;
}

.bg-darkblue{
    background: linear-gradient(135deg, #062047 0%, #0a2c5e 100%);
    box-shadow: inset 0 30px 80px rgba(0,0,0,0.25);
}

.bg-darkblue::before{
    content:"";
    position:absolute;
    top:-60%;
    right:-25%;
    width:70%;
    height:220%;
    background: linear-gradient(
        to bottom,
        rgba(255,255,255,0.08),
        rgba(255,255,255,0.02)
    );
    transform: rotate(25deg);
    opacity:0.7;
    pointer-events:none;
}

.bg-darkblue::after{
    content:"";
    position:absolute;
    bottom:-60%;
    left:-30%;
    width:60%;
    height:200%;
    background: rgba(255,255,255,0.03);
    transform: rotate(-20deg);
    opacity:0.5;
    pointer-events:none;
}

.bg-white > *,
.bg-grey > *,
.bg-darkblue > *{
    position:relative;
    z-index:2;
}

.bg-body {margin-top: 55px; margin-bottom: 55px;padding-top: 35px;padding-bottom: 35px;}

.modal-open {padding-right: 0px !important;}

a.modal-pointer{cursor: pointer}

a.linkwrap {white-space: nowrap;}

span.highlight {
    background-color: #ffed00;
    padding: 2px 4px;
}

.news-img img {
    width: auto;
    max-width: 100%;
    height: auto;
}

strong, bold{
	font-family: "ITC Avant Garde Gothic W01 Dm";
	font-style: normal;
	font-weight: 400;
}

p{
	font-family:"ITC Avant Garde Gothic W01 Bk";
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 26px;
}

h1{
	font-family: "ITC Avant Garde Gothic W01 Dm";
	font-style: normal;
	font-weight: 400;
	font-size: 30px;
	line-height: 38px;
	color: #062047;
	margin-bottom: 35px;
}

h2{
	font-family: "ITC Avant Garde Gothic W01 Dm";
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 36px;
	margin-bottom: 25px;
	color: #062047;
}

h3{
	font-family: "ITC Avant Garde Gothic W01 Dm";
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 28px;
	color: #062047;
}

h4{
	font-family: "ITC Avant Garde Gothic W01 Dm";
	font-style: normal;
	font-weight: 400;
}

h5{
	font-family: "ITC Avant Garde Gothic W01 Dm";
	font-style: normal;
	font-weight: 400;
}

h6{
	font-family: "ITC Avant Garde Gothic W01 Dm";
	font-style: normal;
	font-weight: 400;
}

.nowrap{
	white-space: nowrap;
}

.bg-darkblue,
.bg-darkblue p,
.bg-darkblue a,
.bg-darkblue h1,
.bg-darkblue h2,
.bg-darkblue h3,
.bg-darkblue h4,
.bg-darkblue h5, 
.bg-darkblue h6
{color: #FFFFFF !important;}

/* Trennlinien */

.hr{
	margin-top: 45px;
    margin-bottom: 45px;
    border: 0;
	border-top: 5px solid #b2a491 !important;
	width: 100%;
}

/* Buttons */

.btn{
    border-radius: 0px !important;
	padding: 10px 18px 10px 18px;
	margin-top: 35px;
	margin-bottom: 35px;
}

.btn-hc {
	color: #062047;
	background-color: #FFFFFF;
	border: solid 1px #32446b;
	font-size: 20px;
	transition: 0.3s;
	font-family: "ITC Avant Garde Gothic W01 Dm";
	text-transform: uppercase;
	transition: 0.2s ease-in-out;
}

.btn-hc:hover,
.btn-hc:focus,
.btn-hc:active,
.btn-hc.active,
.open .dropdown-toggle.btn-hc {
	color: #FFFFFF;
	background-color: #062047;
	border: solid 1px #062047;
	transition: 0.2s ease-in-out;
}

.btn-hc:active,
.btn-hc.active,
.open .dropdown-toggle.btn-hc {
	background-image: none;
}

.btn-hc.disabled,
.btn-hc[disabled],
fieldset[disabled] .btn-hc,
.btn-hc.disabled:hover,
.btn-hc[disabled]:hover,
fieldset[disabled] .btn-hc:hover,
.btn-hc.disabled:focus,
.btn-hc[disabled]:focus,
fieldset[disabled] .btn-hc:focus,
.btn-hc.disabled:active,
.btn-hc[disabled]:active,
fieldset[disabled] .btn-hc:active,
.btn-hc.disabled.active,
.btn-hc[disabled].active,
fieldset[disabled] .btn-hc.active {
	background-color: #062047;
}

.btn-hc .badge {
	color: #FFFFFF;
	background-color: #062047;
}

.btn-formular {
	font-family: "ITC Avant Garde Gothic W01 Bk";
	font-style: normal;
	font-weight: 400;
    font-size: 20px;
    text-transform: uppercase;
	width: 100%;
	margin-top: 45px !important;
}

.btn-formular:hover{
	border: solid 1px #FFFFFF;
}


.btn-job{
    border-radius: 0px !important;
	padding: 10px 18px 10px 18px;
	margin-top: 15px !important;
	margin-bottom: 15px !important;
	font-size: 18px;
}

.btn-small{
	font-size: 16px !important;
    text-transform: none !important;
}

.btn-left{
	float: left;
}

.btn-center{
	float: none;
	margin: auto;
	display: table;
}

.btn-right{
	float: right;
}

button.btn.btn-hc {
    margin-top: 0px;
    font-size: 18px;
}

.more_hidden{
	display: none !important;
}

.leistungs-nav .btn{
  margin:6px;
  border-radius:30px;
  padding:10px 18px;
  font-weight:600;
}

/* Kopfzeile - Logo */

.img-head-logo {
    max-width: 310px;
	margin-left: auto;
	margin-right: auto;
}

.imgmax300{
	max-width: 300px;
}


label.mpform_field_5.mpform_field_checkbox.mpform_checkbox_label,
label.mpform_field_13.mpform_field_checkbox.mpform_checkbox_label,
label.mpform_field_10.mpform_field_checkbox.mpform_checkbox_label,
label.mpform_field_29.mpform_field_checkbox.mpform_checkbox_label{
    padding-left: 25px;
    margin-top: -22px;
}

/* Sidebar-Navigation */
.sidenav {
	right: 0;
	height: 50px;
	position: fixed;
	display: block;
	color: #FFFFFF;
	z-index: 5;
	-webkit-transition: ease-in-out all 150ms;
	-moz-transition: ease-in-out all 150ms;
	-ms-transition: ease-in-out all 150ms;
	-o-transition: ease-in-out all 150ms;
	transition: ease-in-out all 150ms;
	background: #062047;
	z-index: 999;
    font-family:"ITC Avant Garde Gothic W01 Bk";
	font-style: normal;
	font-size: 16px;
	padding-top: 12px;
	padding-left: 8px;
}

.sidenav a{
	color: #FFFFFF;
    font-family:"ITC Avant Garde Gothic W01 Bk";
	font-style: normal;
	font-size: 20px;
	padding-top: 9px;
	padding-left: 8px;
}

.sidenav-00  {
	width: 300px;
	margin-right: -245px;
}

.sidenav-0, .sidenav-1, .sidenav-2, .sidenav-3, .sidenav-4  {
	width: 215px;
	margin-right: -160px;
}

.sidenav-00 {
	top: 273px;
}

.sidenav-0 {
	top: 325px;
}

.sidenav-1 {
	top: 377px;
}

.sidenav-2 {
	top: 429px;
}

.sidenav-3 {
	top: 481px;
}

.sidenav-4 {
	top: 533px;
	color: #062047;
	background: #ffed00 !important;
}

.sidenav-4 a{
	color: #062047 !important;
}

.sidenav-5 {
	top: 585px;
	color: #062047;
	background: #ffed00 !important;
}

.sidenav-5 a{
	color: #062047 !important;
}

.sidenav:hover, .sidenav:active, .sidenav:focus {
	margin-right: 0;
	background: #062047;
}

.sidenav-img{
    max-height: 30px;
    margin-top: -5px;
    max-width: 30px;
    margin-left: 5px;
    margin-right: 5px;
}

.searchboxform {
    margin-top: -29px;
	margin-left: 48px;
	width: 232px;
}

.serachboxform-field{
	width: 198px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	height: 34px;
}

.btn-search {
    font-size: 18px;
    padding: 6px 7px 2px 7px;
	margin-top: -35px !important;
	margin-bottom: 0px;
	float: right;
}


/* Hauptnavigation */

/* Mobile-Menue-Button */

.navbar-toggle {
	background-color: #ffed00;
	background-image: none;
	border: solid 1px #FFFFFF;
	border-radius: 0 !important;
	float: right;
	margin-bottom: 5px;
	margin-right: 5px;
	margin-top: 5px;
	padding: 10px 10px;
	position: relative;
	margin-top: 0px;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #000000 !important;
}

.icon-bar {
	background-color: #FFFFFF !important;
}

.navbar-toggle .icon-bar {
	border-radius: 0px;
	display: block;
	height: 4px;
	width: 25px;
}

.navbar-default.navbar-fixed-top.fixed-il-header .logocontainer {
	width: 15% !important;
    display: inline-block;
    float: left;
}

.navbar-default.navbar-fixed-top.fixed-il-header .logo-top {
    max-width: 170px;
    margin: 5px auto 10px auto !important;
    transition: 0.5s;
    -webkit-transition:  0.5s;
}

.navcontainer {
	width: 85% !important;
    display: inline-block;
    float: left;
}

.fixed-il-header .navcontainer {
	width: 85% !important;
    display: inline-block;
    float: left;
}


/* Desktop-Menü */

.navbar{
	position: relative;
	z-index: 100;
	width: 100%;
    margin-bottom: 0px !important;
    border: none;
    transition: 0.5s;
    -webkit-transition:  0.5s;
	border-radius: 0px !important;
	margin-bottom: 0px !important;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
}

.navbar-default {
    background-color: #062047;
	min-height: 170px;
    display: flex;
    align-items: center;
    border: none !important;
    transition: 0.5s;
    -webkit-transition:  0.5s;
}

.navbar-default.navbar-fixed-top.fixed-il-header {
    transition: 0.5s;
    -webkit-transition:  0.5s;
	position: fixed;
	min-height: 95px;
}

.navbar-default.navbar-fixed-top.fixed-il-header ul.level-0 {
    padding-top: 0px;
}

.navbar-default.navbar-fixed-top.fixed-il-header ul.level-0 li {
    background-color: transparent;
    transition-delay: 0.2s;
}

.navbar-default.navbar-fixed-top.fixed-il-header #hcNav ul.nav li ul.level-1 {
    top: 60px;
}


@media (min-width: 768px){
    .navbar-nav{
        float:none !important;
        margin: 0px 0px;
        display: table;
        table-layout: fixed;
    }
}

.navbar-nav li {
    margin-left: 10px;
    margin-right: 10px;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #FFF;
    background-color: transparent;
}

.navbar-default .navbar-nav > li > a {
    color: #FFF;
}

.navbar-nav ul.level-0 li:first-child {
    margin-left: 0px;
}

.navbar-nav ul.level-0 li:last-child {
    margin-right: 0px;
}

#hcNav ul.nav li ul.level-1{
	visibility: hidden;
	opacity: 0;
	transition-delay: 0.2s;
	transition: visibility 0.5s linear, opacity 0.5s linear;
}

#hcNav ul.nav li ul.level-1 ul.level-2{
	display: none;
	transition: visibility 0.5s ease-in-out, opacity 0.5s ease-in-out;
    padding-left: 20px;
    padding-right: 20px;
	width: 320px;
}

#hcNav ul.nav li ul.level-1 ul.level-2 ul.level-3{
	display: none;
	transition: visibility 0.5s ease-in-out, opacity 0.5s ease-in-out;

}

#hcNav ul.nav li:hover ul.level-1{
	visibility: visible;
	opacity: 1;
	transition-delay: 0.2s;
	transition: visibility 0.5s ease-in-out, opacity 0.5s ease-in-out;
}

#hcNav ul.nav li:hover ul.level-1 ul.level-2{
	display: none;
	transition-delay: 0.2s;
	transition: visibility 0.5s ease-in-out, opacity 0.5s ease-in-out;
	padding-left: 0px;
}

#hcNav ul.nav li:hover ul.level-1 ul.level-2 ul.level-3{
	display: none;
	transition-delay: 0.2s;
	transition: visibility 0.5s ease-in-out, opacity 0.5s ease-in-out;
	padding-left: 0px;
}

.dropdown-menu {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    z-index: 1000;
    visibility: hidden;
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s;
    min-width: 200px;
    padding: 10px 0;
    margin: 0;
    font-size: 14px;
    list-style: none;
    text-align: left;
    background: #ffffff;
    border-radius: 10px;
    border: none;
    box-shadow: 
        0 10px 25px rgba(0,0,0,0.08),
        0 4px 10px rgba(0,0,0,0.04);
}

/* sichtbar */
.dropdown:hover .dropdown-menu {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

/* Links */
.dropdown-menu li a {
    display: block;
    padding: 10px 18px;
    color: #333;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease;
}

/* Hover Effekt */
.dropdown-menu li a:hover {
    background: #f5f7fa;
    color: #000;
}


#hcNav ul.nav li ul.level-1 {
    width: auto;
    position: absolute;
    top: 60px;
    z-index: 1000;
    visibility: hidden;
    opacity: 0;
    transition-delay: 0.2s;
    transition: visibility 0.5s ease-in-out, opacity 0.5s ease-in-out;
    min-width: auto;
    padding: 0px 15px;
    margin: 0 -50%;
    text-align: center;
    box-shadow: 0 -2px 19px rgba(0,0,0,.0784313725);
    background: #062047;
	border: solid 1px #FFFFFF;
	padding-bottom: 10px;
    padding-top: 10px;
}

.level-0{
	font-size: 16px;
}

ul.level-0 {
    padding-top: 0px;
}

ul.level-0 li a {
        padding-top: 15px;
        padding-bottom: 10px;
    }

ul.level-0 li {
    background-color: transparent;
	transition-delay: 0.2s;
	transition: 0.5s ease-in-out;
	border-bottom: solid 2px transparent;
}

ul.level-0 li:hover {
    background-color: transparent;
	transition: 0.1s ease-in-out;
    background-color: transparent;
	border-bottom: solid 2px #FFFFFF;
}

ul.level-0 li.active {
    background-color: transparent;
	transition-delay: 0.2s;
	transition: 0.5s ease-in-out;
	border-bottom: solid 2px #FFFFFF;
}

.level-1{
	font-size: 20px;
    transition: transform 0.3s;
}

ul.level-0 li ul.level-1 li {
	background-color: transparent;
	padding-bottom: 5px;
	font-size: 16px;
	padding-top: 5px;
}

ul.level-0 li ul.level-1 li:hover  {
    color: #FFFFFF;
    text-decoration: none;
    outline: 0;
	background-color: transparent;
}

ul.level-0 li ul.level-1 li.active a  {
    color: #FFFFFF;
    text-decoration: none;
    outline: 0;
	background-color: transparent;
	font-family:"ITC Avant Garde Gothic W01 Dm";
}

ul.level-0 li ul.level-1 li a{
    color: #FFF;
	background-color: transparent;
	padding-bottom: 5px;
	padding-top: 5px;
}

ul.level-0 li ul.level-1 li:hover a{
    color: #FFFFFF;
	background-color: transparent;
}

.level-1 > li > a {
    display: block;
    padding: 3px 0px;
	border-left:20px solid transparent;
	border-right: 20px solid transparent;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
	color: #FFFFFF;
    white-space: nowrap;
}

.level-2{
	font-size: 18px;
}

ul.level-0 li ul.level-1 li:hover ul.level-2 {
    display: block !important;
    position: absolute;
    top: 55px;
    background-color: #062047;
}

ul.level-0 li ul.level-1 li ul.level-2 li {
	background-color: transparent;
	padding-bottom: 15px;
	font-size: 16px;
	padding-top: 15px;
	text-align: center;
	width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 15px;
    padding-right: 15px;
}

ul.level-0 li ul.level-1 li ul.level-2 li:hover  {
    color: #ffed00;
    text-decoration: none;
    outline: 0;
	background-color: transparent;
}

ul.level-0 li ul.level-1 li ul.level-2 li.active a  {
    color: #ffed00;
    text-decoration: none;
    outline: 0;
	background-color: transparent;
	font-family:"ITC Avant Garde Gothic W01 Dm";
}

ul.level-0 li ul.level-1 li ul.level-2 li a{
    color: #FFF;
	background-color: transparent;
	font-family: 'ITC Avant Garde Gothic W01 Bk';
}

ul.level-0 li ul.level-1 li ul.level-2 li:hover a{
    color: #ffed00;
	background-color: transparent;
}


ul.level-0 li ul.level-1 li ul.level-2 li:hover ul.level-3 {
	display: block !important;
    position: absolute;
    background-color: #FFF;
    left: 300px;
    top: 0;
    width: 250px;
    padding-left: 0px;
}

ul.level-0 li ul.level-1 li ul.level-2 li ul.level-3 li {
background-color: transparent;
    padding-bottom: 15px;
    font-size: 16px;
    padding-top: 15px;
    text-align: center;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 15px;
    padding-right: 15px;
}

ul.level-0 li ul.level-1 li ul.level-2 li ul.level-3 li:hover  {
    color: #062047;
    text-decoration: none;
    outline: 0;
	background-color: #dedfea;
}

ul.level-0 li ul.level-1 li ul.level-2 li ul.level-3 li.active a  {
    color: #062047;
    text-decoration: none;
    outline: 0;
	background-color: #dedfea;
	font-family:"ITC Avant Garde Gothic W01 Dm";
}

ul.level-0 li ul.level-1 li ul.level-2 li ul.level-3 li a{
    color: #062047;
	background-color: transparent;
	font-family: 'ITC Avant Garde Gothic W01 Bk';
}

ul.level-0 li ul.level-1 li ul.level-2 li ul.level-3 li:hover a{
    color: #062047;
	background-color: transparent;
}



.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #FFFFFF;
    background: none;
	font-family: "ITC Avant Garde Gothic W01 Dm";
	font-style: normal;
	font-weight: 400;
}

.level-1 li {
	text-align: center;
}

.level-2 li {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.level-3 li {
	display: flex;
	flex-direction: column;
	align-items: center;
}

/* ===== Modern Dropdown Patch (für level-1/2/3) ===== */

/* 1) Level-1 als "Card" */
#hcNav ul.nav li ul.level-1{
  top: calc(100% + 14px);
  margin: 0;
  padding: 10px 10px;

  background: #062047;
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 12px;

  box-shadow:
    0 18px 45px rgba(0,0,0,0.22),
    0 6px 18px rgba(0,0,0,0.12);

  /* Animation */
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: opacity .22s ease, transform .22s ease, visibility .22s;
}

/* sichtbares Level-1 */
#hcNav ul.nav li:hover > ul.level-1{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* 2) Level-1 Links: größere Klickflächen + ruhiger Hover */
#hcNav ul.nav li ul.level-1 > li > a{
  padding: 10px 14px;
  border-radius: 8px;
  border-left: 0;
  border-right: 0;
  letter-spacing: 0.2px;
}

#hcNav ul.nav li ul.level-1 > li:hover > a{
  background: rgba(255,255,255,0.08);
}

/* 3) Level-2: Flyout rechts, smooth statt display none */
#hcNav ul.nav li ul.level-1 ul.level-2{
  display: block;               /* überschreibt dein display:none */
  position: absolute;
  left: calc(100% + 12px);
  top: 0;

  width: 320px;
  padding: 10px;

  background: #062047;
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 12px;

  box-shadow:
    0 18px 45px rgba(0,0,0,0.22),
    0 6px 18px rgba(0,0,0,0.12);

  /* hidden state */
  opacity: 0;
  visibility: hidden;
  transform: translateX(-8px);
  transition: opacity .2s ease, transform .2s ease, visibility .2s;
}

/* sichtbar bei Hover auf dem LI der Ebene 1 */
#hcNav ul.nav li ul.level-1 > li{
  position: relative;           /* damit das Flyout sauber anliegt */
  border-bottom: solid 2px transparent;
}

#hcNav ul.nav li ul.level-1 > li:hover > ul.level-2{
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

/* 4) Level-2 Items: weniger "Block", mehr Luft */
#hcNav ul.nav li ul.level-1 li ul.level-2 li{
  padding: 8px 10px;
  border-radius: 10px;
}

#hcNav ul.nav li ul.level-1 li ul.level-2 li:hover{
  background: rgba(255,255,255,0.08);
}

#hcNav ul.nav li ul.level-1 li ul.level-2 li a{
  padding: 6px 8px;
}

/* 5) Level-3: weißes Flyout, modern */
#hcNav ul.nav li ul.level-1 li ul.level-2 li ul.level-3{
  display: block;               /* überschreibt dein display:none */
  position: absolute;
  left: calc(100% + 12px);
  top: 0;

  width: 260px;
  padding: 10px;

  background: #fff;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,0.08);

  box-shadow:
    0 18px 45px rgba(0,0,0,0.18),
    0 6px 18px rgba(0,0,0,0.10);

  /* hidden state */
  opacity: 0;
  visibility: hidden;
  transform: translateX(-8px);
  transition: opacity .2s ease, transform .2s ease, visibility .2s;
}

/* sichtbar bei Hover auf dem LI der Ebene 2 */
#hcNav ul.nav li ul.level-1 li ul.level-2 li{
  position: relative;
}

#hcNav ul.nav li ul.level-1 li ul.level-2 li:hover > ul.level-3{
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

/* Level-3 Typo/Hover */
#hcNav ul.nav li ul.level-1 li ul.level-2 li ul.level-3 li{
  padding: 8px 10px;
  border-radius: 10px;
}

#hcNav ul.nav li ul.level-1 li ul.level-2 li ul.level-3 li:hover{
  background: #eef0f6; /* ähnlich deinem dedfea, nur softer */
}

#hcNav ul.nav li ul.level-1 li ul.level-2 li ul.level-3 li a{
  color: #062047;
  padding: 6px 8px;
}

/* 6) Kleine Hover-"Brücke", damit beim Rüberfahren nix abreißt */
#hcNav ul.nav li ul.level-1 > li > ul.level-2::before,
#hcNav ul.nav li ul.level-1 li ul.level-2 li > ul.level-3::before{
  content:"";
  position:absolute;
  left:-12px;
  top:0;
  width:12px;
  height:100%;
}


/* Header */

/* Slider */

.carousel{
	margin-bottom: 25px;
}

.carousel.fade {
     opacity: 1;
}

.carousel.fade .item {
    transition: opacity ease-out .7s;
    left: 0;
    opacity: 0; /* hide all slides */
    top: 0;
    position: absolute;
    width: 100%;
    display: block;
}

.carousel.fade .item:first-child {
    top: auto;
    opacity: 1; /* show first slide */
    position: relative;
}

.carousel.fade .item.active {
    opacity: 1;
}

.carousel-indicators {
    bottom: 5px;
}

.carousel-indicators li {
    display: inline-block;
    width: 50px;
    height: 5px;
    margin: 0px 6px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.75);
    border: 0px !important;
    border-radius: 0;
}

.carousel-indicators .active {
    width: 50px;
    height: 5px;
    margin: 0px 6px;
    background-color: rgba(156, 16, 6, 0.75);
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
	height: auto;
    width: 100%;
    line-height: 1;
}

.carousel .carousel-inner img {
    display:block;
    object-fit: cover;
}


.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}


@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

.carousel-control.right, .carousel-control.left {
    background-image: none !important;
}
.carousel-caption {
    position: absolute;
    top: 50%;
    left: 50%;
	bottom: auto;
    transform: translate(-50%, -50%);
    z-index: 10;
    padding: 20px;
    color: #fff;
    text-align: left;
    text-shadow: none !important;
    width: 100%;
}


.carousel-caption .container{
	padding-top: 0px;
	font-family: "ITC Avant Garde Gothic W01 Dm";
	font-style: normal;
}

.carousel-caption .h1{
    font-size: 34px;
    line-height: 42px;
	color: #FFF;
	margin-bottom: 45px;
	text-shadow: 0px 0px 10px rgba(0,0,0,0.65);
}

.carousel-caption .h2{
	font-size: 56px;
    line-height: 58px;
	color: #FFF;
	margin-bottom: 25px;
	text-shadow: 0px 0px 10px rgba(0,0,0,0.65);
}

.carousel-caption p{
    font-size: 28px;
    line-height: 35px;
	color: #FFF !important;
	font-family: "ITC Avant Garde Gothic W01 Dm";
	font-style: normal;
}


/* Bereiche */

.crosssellingbox{
	margin-bottom: 30px;
}

.crosssellingrow{
	
}

.crosssellingimagebox{
	overflow: hidden;
}

.crosssellingbox img {
	transition: transform .5s ease;
	transform: scale(1.02);
}

.crosssellingbox:hover img {
	transform: scale(1.2);
}

.crosssellingtext {
    background-color: #FFFFFF;
    font-family: "ITC Avant Garde Gothic W01 Dm";
    color: #062047;
    font-size: 16px;
    padding: 5px 10px;
	transition-delay: 0.2s;
	transition: 0.2s ease-in-out;
	min-height: 69px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	border: solid 1px #062047;
}

.crosssellingbox:hover .crosssellingtext {
    background-color: #062047;
    color: #FFFFFF;
	transition-delay: 0.2s;
	transition: 0.2s ease-in-out;
	border: solid 1px #FFFFFF;
}

.crosssellingtext-invert {
    background-color: #062047;
    font-family: "ITC Avant Garde Gothic W01 Dm";
    color: #FFFFFF;
    font-size: 16px;
    padding: 5px 10px;
	transition-delay: 0.2s;
	transition: 0.2s ease-in-out;
	min-height: 69px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	border: solid 1px transparent;
}

.crosssellingbox:hover .crosssellingtext-invert {
    background-color: #FFFFFF;
    color: #062047;
	transition-delay: 0.2s;
	transition: 0.2s ease-in-out;
	border: solid 1px #062047;
}

.obo-row {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.modal-dialog {
    width: 65vw;
    margin: 30px auto;
}

.modal-content {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #b4a591 !important;
    border-radius: 0px !important;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    outline: 0;
}

.modallogoimagebox {
	position: absolute;
	top: 0px;
	right: 45px;
	width: 135px;
	background-color: #FFFFFF;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	padding: 15px 5px 0px 5px;
}


.detailimagebox {
    width: 100%;
    height: 300px;
    background-size: cover;
    background-position: center center;
	margin-bottom: 25px;
}

h2#modalLabel{
	font-family: "ITC Avant Garde Gothic W01 Dm", Arial, Verdana, sans-serif;
	font-size: 25px;
	line-height: 28px;
	margin-top: -102px;
	background: #FFFFFF;
	width: fit-content;
	padding-right: 25px;
	margin-bottom: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.btn-fw{
	width: 100%;
}

.modal, .modal p{
font-size: 16px;
line-height: 1.42857143;
}

.crosssellingbox .modal img {
    transition: transform .5s ease;
    transform: none !important;
}




/* .content ul { */
  /* list-style-image: url('../img/liicon.webp'); */
/* } */

.page3 #cboxContent, .page3 #cboxLoadedContent {
    background: #062047 !important;
}


/* Leistungsbereiche nur auf Seite 30 */

.page123 .row.content,
.page32 .row.content,
.page30 .row.content{
    margin-top:80px;
    margin-bottom:80px;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
}

.obo_433,
.obo_440,
.obo_445,
.obo_448,
.obo_451 {
	margin-top: 20px !important;
}

.obo_448 {
	margin-bottom: 20px !important;
}

.obo_449 {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

/* Bilder sauber skalieren */
.page123 .row.content img,
.page32 .row.content img,
.page30 .row.content img{
    width:100%;
    height:auto;
}

/* Mobile wieder normal stapeln */
@media (max-width:767px){
    .page123 .row.content,
    .page32 .row.content,
    .page30 .row.content{
        display:block;
    }
}


/* Wirtschaftsverbund */

.network-wrap .network-svg{
    width:100%;
    height:auto;
    display:block;
    margin:auto;
    overflow:visible;
}

.hub-link { cursor:pointer; }

.network-svg .hub{
  transform-box: fill-box;
  transform-origin: center;
  animation: hubPulse 2.8s ease-in-out infinite;
}

/* Hover Effekt bleibt */
.network-svg .hub-link:hover .hub{
  animation: none;
  transform: scale(1.07);
  filter: drop-shadow(0 12px 24px rgba(0,0,0,0.30));
}

/* Grundschatten */
.network-svg circle{
    filter: drop-shadow(0 4px 10px rgba(0,0,0,0.12));
}

/* Pulsieren (stärker) */
@keyframes hubPulse{
  0%   { transform: scale(1); }
  50%  { transform: scale(1.045); }
  100% { transform: scale(1); }
}

/* zeitliche Verschiebung */
#hub-industrial-lab{ animation-delay:0s; }
#hub-industrial-services{ animation-delay:.5s; }
#hub-mireco{ animation-delay:1s; }
#hub-dhi{ animation-delay:1.5s; }
#hub-dpoc{ animation-delay:2s; }
#hub-ir-services{ animation-delay:.8s; }
#hub-pahage{ animation-delay:1.3s; }
#hub-kgu{ animation-delay:.3s; }

/* Unternehmensübersicht */

.hc-verbund{
    padding:60px 0 80px;
}

.hc-title{
    margin:0;
    font-size:34px;
    font-weight:700;
    color:#0b2346;
}

.hc-lead{
    margin:10px 0 35px;
    font-size:16px;
    color:#0b2346;
}


/* Spaltenlayout */

.hc-columns{
    display:flex;
    flex-wrap:wrap;
}

.hc-columns > div{
    display:flex;
}

.hc-col{
    border-radius:8px;
    overflow:hidden;
    box-shadow:0 15px 35px rgba(0,0,0,0.08);
    margin-bottom:25px;
    display:flex;
    flex-direction:column;
    width:100%;
}


/* Kopfbereich der Sparte */

.hc-col-head{
    background:#ffffff;
    padding:20px 18px 16px;
    text-align:center;
    border-bottom:1px solid rgba(0,0,0,0.08);
}

.hc-col-title{
    margin:0;
    font-size:18px;
    font-weight:700;
    color:#0b2346;
}

.hc-col-sub{
    margin:6px 0 0;
    font-size:14px;
    color:#0b2346;
    opacity:.85;
}


/* Liste der Unternehmen */

.hc-list{
    list-style:none;
    margin:0;
    padding:18px 16px 20px;
    min-height:480px;
}


/* Farben der Sparten */

.hc-group-114 .hc-list, .hc-group-120 .hc-list{ background:#bfc3c9; } /* Industrial Services */
.hc-group-115 .hc-list, .hc-group-121 .hc-list{ background:#9db13e; } /* Minerals Recovery */
.hc-group-116 .hc-list, .hc-group-122 .hc-list{ background:#2a79b8; } /* Refractories */
.hc-group-117 .hc-list, .hc-group-123 .hc-list{ background:#ffef3a; } /* Analytics */


/* Toggle-Element */

.hc-toggle{
    display:block;
    padding:10px 10px;
    color:#0b2346;
    font-weight:600;
	font-size:15px;
    text-decoration:none;
    border-radius:6px;
    transition:all .15s ease;
}

.hc-toggle:hover,
.hc-toggle:focus{
    text-decoration:none;
    color:#0b2346;
    background:rgba(255,255,255,0.25);
}


/* Plus / Minus Icon */

.hc-plus{
    display:inline-block;
    width:22px;
    height:22px;
    margin-right:12px;
    vertical-align:-5px;
    border-radius:6px;
    position:relative;
    background:rgba(255,255,255,0.6);
}

.hc-plus:before,
.hc-plus:after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    background:#0b2346;
    transform:translate(-50%,-50%);
}

.hc-plus:before{
    width:12px;
    height:2px;
}

.hc-plus:after{
    width:2px;
    height:12px;
}


/* Minus wenn geöffnet */

.hc-toggle:not(.collapsed) .hc-plus:after{
    display:none;
}


/* Details-Container */

.hc-details{
    padding:0 10px 12px 36px;
}

.hc-details-inner{
    background:rgba(255,255,255,0.82);
    border-radius:8px;
    padding:12px 14px;
    color:#0b2346;
    font-size:14px;
    line-height:1.4;
}

.hc-details-inner a{
    color:#0b2346;
    text-decoration:underline;
}


/* Einträge ohne Details */

.hc-no-details .hc-plus{
    display:none;
}

.hc-no-details .hc-toggle{
    cursor:default;
    background:transparent;
}

.hc-no-details .hc-toggle:hover{
    background:transparent;
}


/* Talentstorm */

#talentstormFilter, #talentstormFilter1 {
    margin-bottom: 30px;
}

.list-item {
    margin: 5px 0;
    padding: 10px 0;
    border-top: 1px solid #ddd;
}

.list-item1 {
    margin: 5px 0;
    padding: 10px 0;
    border-top: 1px solid #ddd;
}

.talentstorm__label > a {
    font-weight: bold;
}
.talentstorm__location {
    font-size: .8em;
    font-style: italic;
    margin-bottom: 5px;
}
.talentstorm__location_label {
    display: block;
    font-weight: bold;
}
.talentstorm__location > span.talentstorm__location_street {
    display: none;
}

.talentstorm__typ > span {
    display: block;
    font-weight: bold;
}

.talentstorm__modDate_label {
    display: block;
    font-weight: bold;
}

.joblistingtext {
    background-color: #062047;
    font-family: "ITC Avant Garde Gothic W01 Dm";
    color: #FFFFFF;
    font-size: 14px;
    padding: 5px 10px;
    transition-delay: 0.2s;
    transition: 0.2s ease-in-out;
    min-height: 75px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.crosssellingbox:hover .joblistingtext {
    background-color: #ffed00;
    color: #062047;
	transition-delay: 0.2s;
	transition: 0.2s ease-in-out;
}



/* Ansprechpartner */

.ap-item-header {
    margin-bottom: 45px;
}

.ap-item {
    margin-bottom: 50px;
	min-height: 245px;
}

.ap-item-image {
    padding-left: 0px;
    padding-right: 0px;
}

.ap-item-text{
	padding-right: 20px;
}

h3.ap-item-name {
    background-color: #394f7b;
    margin-left: -15px;
    padding-left: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    font-size: 18px;
    color: #FFF;
}

h3.ap-item-name small {
    font-family: 'ITC Avant Garde Gothic W01 Bk';
    font-style: normal;
    font-weight: 400;
    color: #FFFFFF;
    display: block;
    font-size: 60%;
}

p.ap-item-desc{
	font-size: 15px;
	line-height: 35px;
    padding-left: 15px;
}


/* News-Boxen schlicht, angelehnt an Crossselling */

.news-item {
  border: 1px solid #ddd;
  background: #fff; /* neutraler Grundzustand */
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  font-family: "ITC Avant Garde Gothic W01 Dm", sans-serif;
  color: #062047;
}

/* Wrapper um das Bild */
.news-item-image {
  overflow: hidden;
  width: 100%;
  height: 295px;         /* gleiche Höhe wie dein Bild */
}

/* Bild selbst */
.news-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform .5s ease;
  transform: scale(1.02);
}

.news-item:hover img {
  transform: scale(1.2);
}

/* Body */
.news-item-body {
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1 1 auto;
  transition: background-color .2s ease-in-out, color .2s ease-in-out;
}

/* Titel */
.news-item-title {
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 8px;
  line-height: 1.3;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* Vorschau */
.news-item-preview {
  font-size: 16px;
  line-height: 22px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-align: justify;
  margin-bottom: 4px;
}

.news-item-subtext {
  min-height: 96px;
}

/* Meta */
.news-item-subtext .small {
  font-size: 14px;
  opacity: 0.85;
}

.news-item-link:hover .news-item-body {
  background-color: #062047;
  color: #fff;
}

.news-item-link:hover .news-item-title {
  color: #fff;
}


/* News Seite */

.news-list-post{
    margin-bottom:60px;
    padding-bottom:40px;
    border-bottom:1px solid #e6e6e6;
}

.news-list-image img{
    width:100%;
    height:auto;
}

.news-list-meta{
    font-size:14px;
    color:#777;
    margin-bottom:10px;
}

.news-list-category{
    font-weight:600;
    margin-right:10px;
}

.news-list-title{
    font-size:26px;
    margin-top:0;
    margin-bottom:15px;
}

.news-list-title a{
    color:#062047;
    text-decoration:none;
}

.news-list-title a:hover{
    text-decoration:underline;
}

.news-list-text{
    margin-bottom:20px;
    font-size:16px;
}

/* Downloads */

.mgt45 {
    margin-top: 45px;
}

.mgb25{
    margin-bottom: 25px;
}

div.mod_downloadgallery {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: flex-start;
}

.download-item{
	margin-bottom: 15px;
}

.download-fileicon{
	
}

.mod_downloadgallery h2 {
    margin-bottom: 35px;
}

h3.download-headtext {
    font-size: 18px;
    line-height: 22px;
    margin-top: 0px;
}

h4.download-headtext{
	font-size: 18px;
	line-height: 22px;
	color: #d10011;
	font-weight: 600;
	margin-bottom: 2px;	
}

p.download-subtext{
	font-size: 13px !important;
	line-height: 20px !important;
	font-weight: 400 !important;
	margin-bottom: 15px !important;
}


ul.benefits-liste-hc li {
	list-style: none;
}

ul.benefits-liste-hc li::before {
	content: '';
	display: inline-block;
	height: 15px;
	width: 15px;
	list-style: none;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url('../img/check.webp');
	background-size: contain;
	margin-right: 10px;
}

.content ul.benefits-liste-hc {
	list-style-image: none;
	column-count: 2;
	column-fill: balance;
}

ul.karriereli {
  list-style-type: none;
  margin-left: 0px;
  padding-left: 0px;
  margin-top: 25px;
}

ul.karriereli li {
  background-image: url('../img/karriere-check.png');
  background-repeat: no-repeat;
  padding-left: 43px;
  font-family: "ITC Avant Garde Gothic W01 Bk", Arial, Verdana, sans-serif;
  font-size: 14px;
  margin: 0 0 1.45rem 0;
  font-weight: 300;
  line-height: 25px;
  color: #00213d;
}

ul.karriereli li strong, ul.karriereli li b {
  font-family: "ITC Avant Garde Gothic W01 Dm", Arial, Verdana, sans-serif;
}

@media (min-width: 768px) {
  ul#karriereli {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
  }
}
@media (min-width: 1200px) {
  ul#karriereli {
    -moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
    column-count: 3;
    column-gap: 20px;
  }
}
ul#karriereli li {
  display: block;
}


/* Footer */


.bg-footer{
	background: #062047  !important;
	margin-top: 75px;
}

.img-footer-logo {
    max-width: 310px;
}

.footer, .footer p, .footer p a, .footer a {
    font-family: 'ITC Avant Garde Gothic W01 Bk';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 23px;
    color: #FFFFFF;
    text-align: left;
}

.footer{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
	padding-top: 55px !important;
	padding-bottom: 55px !important;
}

.footer-links {
    padding-left: 100px;
}

.footer strong {
    font-family: 'ITC Avant Garde Gothic W01 Dm';
    font-style: normal;
    font-weight: 400;
}

.footer-text p, .footer-text p a{
    font-family: 'ITC Avant Garde Gothic W01 Bk';
    font-style: normal;
    font-weight: 400;
	font-size: 18px;
    line-height: 26px;
}

.footer-text p strong {
    font-family: "ITC Avant Garde Gothic W01 Dm";
    font-style: normal;
    font-weight: 400;
}

.footer-mg-top{
	margin-top: 65px !important;
}


.group-footer{
	background: #FFFFFF;
	padding: 10px 0px 3px 0px !important;
}

.group-footer p{
	font-size: 14px;
}


@media (max-width: 1320px) {
	.navbar-nav li {
		margin-left: 8px;
		margin-right: 8px;
	}
	
	.nav > li > a {
		padding: 10px 10px;
	}
	
	.img-footer-logo {
		max-width: 100% !important;
	}
	
	.modal-dialog {
		width: 75vw;
		margin: 30px auto;
	}

}

@media (max-width: 1200px) {

	.navbar-default {
		flex-direction: column;
	}
	
	.img-head-logo {
		margin-left: auto;
		margin-right: auto;
		margin-top: 15px;
	}
	
	ul.level-0 {
		padding-top: 10px;
	}
	
	ul.level-0 li {
		padding-bottom: 0px;
	}
	
	.nav > li > a {
		padding: 20px 15px;
	}
	
	.carousel-caption p.h1{
		font-size: 40px;
		line-height: 50px;
	}

	.carousel-caption p.h2{
		font-size: 20px;
		line-height: 30px;
	}

	.carousel-caption p{
		padding: 5px 15px;
		font-size: 20px;
		line-height: 24px;
	}

	.modal-dialog {
		width: 85vw;
		margin: 30px auto;
	}
}

@media (min-width: 1051px) {
	.simage div.si-head img {
		position: absolute;
		top: 100% !important;
		transform: translateY(-50%);
		max-width: 100%;
	}
}

@media (max-width: 1050px) {
	.simage div.si-head img {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		max-width: 100%;
	}
}

@media (max-width: 991px) {

	.nav > li > a {
		padding: 20px 3px;
	}
	
	.footer {
		flex-wrap: wrap;
		padding-top: 35px !important;
		padding-bottom: 35px !important;
	}
	
	.img-footer-logo {
		max-width: 170px !important;
		margin-left: 0px;
		margin-right: auto;
		margin-bottom: 15px;
	}
	
	.crosssellingbox {
		margin-bottom: 30px;
	}
	
	.carousel-caption {
		right: 5%;
		left: 5%;
	}
	


}


@media (max-width: 768px) {
	.navbar-default {
		min-height: 105px;
		transition: 0.5s;
		-webkit-transition: 0.5s;
	}
	
	.navbar-toggle {
		margin-top: -55px;
	}
	
	.carousel-caption {
		top: 20%;
	}
	
	.carousel-caption p.h1{
		font-size: 30px;
		line-height: 40px;
	}

	.carousel-caption p.h2{
		font-size: 18px;
		line-height: 28px;
	}

	.carousel-caption p{
		padding: 5px 15px;
		font-size: 20px;
		line-height: 24px;
	}
	
	.nomobile{
		display: none;
	}

	.nodesktop{
		display: block;	
	}

	.obo-row {
		display: block;
	}
	
	.navbar-default.navbar-fixed-top.fixed-il-header {
		min-height: 70px;
	}
	
	.navbar-default.navbar-fixed-top.fixed-il-header ul.level-0 {
		padding-top: 10px;
	}
	
	.navbar-default.navbar-fixed-top.fixed-il-header ul.level-0 li {
		padding-bottom: 0px;
	}
	
	.navbar-nav > li > a {
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 25px;
		text-align: center;
		line-height: 25px;
	}
	

	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
		color: #ffed00;
		background-color: #394f7b;
	}
	
	.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
		background-color: #394f7b;
		border-color: #394f7b;
	}

	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #FFFFFF !important;
		background-color: transparent;
	}
	
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #FFFFFF;
	}
	
	.mlevel-1 li.dropdown.dropdown-submenu > a{
		font-family:"Myriad W01 SmBd";
		padding-top: 25px;
	}
	
	.dropdown-menu {
		position: relative;
		width: 100%;
		left: 0;
		z-index: 1000;
		display: none;
		visibility: visible;
		opacity: 1;
		transition: visibility 0.5s ease-in-out, opacity 0.5s ease-in-out;
		float: none;
		min-width: 160px;
		padding: 5px 0;
		margin: 2px 0 0;
		font-size: 18px;
		text-align: center;
		list-style: none;
		background-color: #fff;
		-webkit-box-shadow: none !important);
		box-shadow: none !important);
	}
	
	.open .dropdown-menu {
		position: relative;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
		display: inline-block;
		width: 100% !important;
	}
	
	.navbar-fixed-top .navbar-collapse{
		max-height:100vh;
	}
	
	.navbar-collapse {
		padding-right: 15px;
		padding-left: 15px;
		overflow-x: visible;
		border-top: none !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
		-webkit-overflow-scrolling: touch;
	}
	
	.ap-item-image {
		border-radius: 50%;
		overflow: hidden;
		max-width: 150px;
		max-height: 150px;
	}
	
	h3.ap-item-name {
		margin-left: -45px;
		padding-left: 60px;
	}
	
	.modal-dialog {
    width: 90vw;
    margin: 30px auto;
}
	
}


@media (max-width: 512px) {
	
	.img-head-logo {
		max-width: 170px !important;
		margin-left: 5px;
		margin-right: auto;
	}
	
	.language-menubox {
		right: 65px;
		top: 3px;
	}
	
	.navbar-toggle {
		margin-top: -40px;
	}
	
	.navbar-default {
		min-height: 70px;
		transition: 0.5s;
		-webkit-transition: 0.5s;
	}
	
	.carousel-caption p.h1{
		font-size: 18px;
		line-height: 22px;
	}

	.carousel-caption p.h2{
		font-size: 16px;
		line-height: 20px;
	}

	.carousel-caption p{
		padding: 5px 15px;
		font-size: 16px;
		line-height: 20px;
	}
	
	.content{
		padding-right: 30px;
	}
	
	.btn-hc {
		font-size: 18px;
		white-space: wrap;
	}
	
	.simage {
		margin-bottom: 15px;
	}
	
	p{
		font-size: 16px;
		line-height: 22px;
	}

	h1{
		font-size: 26px;
		line-height: 30px;
		margin-bottom: 15px;
	}

	h2{
		font-size: 22px;
		line-height: 30px;
		margin-bottom: 20px;
	}

	h3{
		font-size: 18px;
		line-height: 24px;
	}

	
}


    @font-face{
        font-family:"ITC Avant Garde Gothic W01 Bk";
        src:url("../fonts/6f1146c0-9c0b-4949-866d-9affc396531f.woff2") format("woff2"),url("../fonts/2c50f982-bb73-4891-8d0e-587c1136c2e5.woff") format("woff");
    }
    @font-face{
        font-family:"ITC Avant Garde Gothic W01 Dm";
        src:url("../fonts/8bfba692-98b4-401d-b187-205f59d508cf.woff2") format("woff2"),url("../fonts/29cf02ec-9cbf-449b-abff-06b4ab9b1cc0.woff") format("woff");
    }